diff --git a/static/components/5645.ce08793e.iframe.bundle.js b/static/components/5645.1578e051.iframe.bundle.js similarity index 99% rename from static/components/5645.ce08793e.iframe.bundle.js rename to static/components/5645.1578e051.iframe.bundle.js index 645b873e31..94cfebbce5 100644 --- a/static/components/5645.ce08793e.iframe.bundle.js +++ b/static/components/5645.1578e051.iframe.bundle.js @@ -1 +1 @@ -(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5645],{"./components/chat/ChatActionMessage/ChatActionMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>ChatActionMessage});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatActionMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatActionMessage/ChatActionMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatActionMessage_module.A,options);const ChatActionMessage_ChatActionMessage_module=ChatActionMessage_module.A&&ChatActionMessage_module.A.locals?ChatActionMessage_module.A.locals:void 0;var __jsx=react.createElement,ChatActionMessage=function ChatActionMessage(_ref){var body=_ref.body;return __jsx("div",{className:ChatActionMessage_ChatActionMessage_module.chatActionPadding},__jsx("div",{dangerouslySetInnerHTML:{__html:body},className:ChatActionMessage_ChatActionMessage_module.chatAction}))};ChatActionMessage.displayName="ChatActionMessage";try{ChatActionMessage.displayName="ChatActionMessage",ChatActionMessage.__docgenInfo={description:"",displayName:"ChatActionMessage",props:{body:{defaultValue:null,description:"",name:"body",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatActionMessage/ChatActionMessage.tsx#ChatActionMessage"]={docgenInfo:ChatActionMessage.__docgenInfo,name:"ChatActionMessage",path:"components/chat/ChatActionMessage/ChatActionMessage.tsx#ChatActionMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatContainer/ChatContainer.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ChatContainer:()=>ChatContainer});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dist=__webpack_require__("./node_modules/react-virtuoso/dist/index.mjs"),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),esm=__webpack_require__("./node_modules/interweave/esm/index.js"),socket_events=__webpack_require__("./interfaces/socket-events.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatContainer_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatContainer/ChatContainer.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatContainer_module.A,options);const ChatContainer_ChatContainer_module=ChatContainer_module.A&&ChatContainer_module.A.locals?ChatContainer_module.A.locals:void 0;var ChatUserMessage=__webpack_require__("./components/chat/ChatUserMessage/ChatUserMessage.tsx"),ChatTextField=__webpack_require__("./components/chat/ChatTextField/ChatTextField.tsx"),ChatModeratorNotification=__webpack_require__("./components/chat/ChatModeratorNotification/ChatModeratorNotification.tsx"),ChatSystemMessage=__webpack_require__("./components/chat/ChatSystemMessage/ChatSystemMessage.tsx"),ChatJoinMessage=__webpack_require__("./components/chat/ChatJoinMessage/ChatJoinMessage.tsx"),ChatPartMessage=__webpack_require__("./components/chat/ChatPartMessage/ChatPartMessage.tsx"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),__jsx=react.createElement,VerticalAlignBottomOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7114)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/VerticalAlignBottomOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/VerticalAlignBottomOutlined.js"]}}}),ScrollToBotBtn=function ScrollToBotBtn(_ref){var onClick=_ref.onClick;return __jsx("div",{className:ChatContainer_ChatContainer_module.toBottomWrap,id:"scroll-to-chat-bottom"},__jsx(es_button.A,{type:"default",style:{color:"currentColor"},icon:__jsx(VerticalAlignBottomOutlined,null),onClick},"Go to last message"))};ScrollToBotBtn.displayName="ScrollToBotBtn";try{ScrollToBotBtn.displayName="ScrollToBotBtn",ScrollToBotBtn.__docgenInfo={description:"",displayName:"ScrollToBotBtn",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatContainer/ScrollToBotBtn.tsx#ScrollToBotBtn"]={docgenInfo:ScrollToBotBtn.__docgenInfo,name:"ScrollToBotBtn",path:"components/chat/ChatContainer/ScrollToBotBtn.tsx#ScrollToBotBtn"})}catch(__react_docgen_typescript_loader_error){}var resizeWindowCallback,ChatActionMessage=__webpack_require__("./components/chat/ChatActionMessage/ChatActionMessage.tsx"),ChatSocialMessage=__webpack_require__("./components/chat/ChatSocialMessage/ChatSocialMessage.tsx"),ChatNameChangeMessage=__webpack_require__("./components/chat/ChatNameChangeMessage/ChatNameChangeMessage.tsx"),user_model=__webpack_require__("./interfaces/user.model.ts"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),ChatContainer_jsx=react.createElement;function shouldCollapseMessages(message,previous){if(!message||!message.user)return!1;if(previous.type!==socket_events.G.CHAT)return!1;if(message.user.id!==previous.user.id)return!1;if(!previous.timestamp||!message.timestamp)return!1;var lastTimestamp=new Date(previous.timestamp).getTime();return!(new Date(message.timestamp).getTime()-lastTimestamp>4e4)}function checkIsModerator(message){var user=message.user;return new user_model.K(user).isModerator}var ChatContainer=function ChatContainer(_ref){var messages=_ref.messages,usernameToHighlight=_ref.usernameToHighlight,chatUserId=_ref.chatUserId,isModerator=_ref.isModerator,showInput=_ref.showInput,height=_ref.height,chatEnabled=_ref.chatAvailable,desktop=_ref.desktop,_ref$focusInput=_ref.focusInput,focusInput=void 0===_ref$focusInput||_ref$focusInput,_useState=(0,react.useState)(!1),showScrollToBottomButton=_useState[0],setShowScrollToBottomButton=_useState[1],_useState2=(0,react.useState)(!1),isAtBottom=_useState2[0],setIsAtBottom=_useState2[1],chatContainerRef=(0,react.useRef)(null),scrollToBottomDelay=(0,react.useRef)(null),collapsedIndexes=[],consecutiveTally=1;function shouldCollapse(index){return collapsedIndexes.length<=index&&function calculateCollapsedMessages(){for(var i=collapsedIndexes.length;i0&&consecutiveTally<5&&shouldCollapseMessages(messages[i],messages[i-1]);collapsedIndexes.push(collapse),consecutiveTally=1+(collapse?consecutiveTally:0)}}(),collapsedIndexes[index]}(0,react.useEffect)((function(){return function(){clearTimeout(scrollToBottomDelay.current)}}),[]);var getFediverseMessage=function getFediverseMessage(message){return ChatContainer_jsx(ChatSocialMessage.$,{message})},getViewForMessage=function getViewForMessage(index,message){switch(message.type){case socket_events.G.CHAT:return function getUserChatMessageView(index,message){var _message$user3,_message$user4,_message$user5,isAuthorModerator=checkIsModerator(message);return ChatContainer_jsx(ChatUserMessage.L,{message,showModeratorMenu:isModerator,highlightString:usernameToHighlight,sentBySelf:(null===(_message$user3=message.user)||void 0===_message$user3?void 0:_message$user3.id)===chatUserId,sameUserAsLast:shouldCollapse(index),isAuthorModerator,isAuthorBot:null===(_message$user4=message.user)||void 0===_message$user4?void 0:_message$user4.isBot,isAuthorAuthenticated:null===(_message$user5=message.user)||void 0===_message$user5?void 0:_message$user5.authenticated,key:message.id})}(index,message);case socket_events.G.NAME_CHANGE:return ChatContainer_jsx(ChatNameChangeMessage.T,{message});case socket_events.G.CONNECTED_USER_INFO:return function getConnectedInfoMessage(message){if(!checkIsModerator(message))return ChatContainer_jsx("div",{style:{width:"1px",height:"1px"}});return ChatContainer_jsx(ChatModeratorNotification.N,null)}(message);case socket_events.G.USER_JOINED:return function getUserJoinedMessage(message){var _message$user=message.user,displayName=_message$user.displayName,displayColor=_message$user.displayColor,isAuthorModerator=checkIsModerator(message);return ChatContainer_jsx(ChatJoinMessage.W,{displayName,userColor:displayColor,isAuthorModerator})}(message);case socket_events.G.USER_PARTED:return function getUserPartMessage(message){var _message$user2=message.user,displayName=_message$user2.displayName,displayColor=_message$user2.displayColor,isAuthorModerator=checkIsModerator(message);return ChatContainer_jsx(ChatPartMessage.t,{displayName,userColor:displayColor,isAuthorModerator})}(message);case socket_events.G.CHAT_ACTION:return function getActionMessage(message){var body=message.body;return ChatContainer_jsx(ChatActionMessage.i,{body})}(message);case socket_events.G.SYSTEM:return ChatContainer_jsx(ChatSystemMessage.z,{message,highlightString:usernameToHighlight,key:message.id});case socket_events.G.FEDIVERSE_ENGAGEMENT_FOLLOW:case socket_events.G.FEDIVERSE_ENGAGEMENT_LIKE:case socket_events.G.FEDIVERSE_ENGAGEMENT_REPOST:return getFediverseMessage(message);default:return null}},scrollChatToBottom=function scrollChatToBottom(ref){clearTimeout(scrollToBottomDelay.current),scrollToBottomDelay.current=setTimeout((function(){var _ref$current;null===(_ref$current=ref.current)||void 0===_ref$current||_ref$current.scrollTo({top:1/0,left:0,behavior:"auto"}),setIsAtBottom(!0)}),150),setShowScrollToBottomButton(!1)};(0,react.useEffect)((function(){setTimeout((function(){scrollChatToBottom(chatContainerRef)}),500)}),[]);var MessagesTable=(0,react.useMemo)((function(){return ChatContainer_jsx(react.Fragment,null,ChatContainer_jsx(dist.aY,{id:"virtuoso",style:{height},className:ChatContainer_ChatContainer_module.virtuoso,ref:chatContainerRef,data:messages,itemContent:function itemContent(index,message){return getViewForMessage(index,message)},initialTopMostItemIndex:messages.length-1,followOutput:function followOutput(){return!!isAtBottom&&(setShowScrollToBottomButton(!1),scrollChatToBottom(chatContainerRef),"smooth")},alignToBottom:!0,atBottomThreshold:70,atBottomStateChange:function atBottomStateChange(bottom){setIsAtBottom(bottom),setShowScrollToBottomButton(!bottom)}}),showScrollToBottomButton&&ChatContainer_jsx(ScrollToBotBtn,{onClick:function onClick(){scrollChatToBottom(chatContainerRef)}}))}),[messages,usernameToHighlight,chatUserId,isModerator,showScrollToBottomButton,isAtBottom]);function clampChatWidth(desired){return Math.max(200,Math.min(.666*window.innerWidth,desired))}function resize(){var container=desktop&&document.getElementById("chat-container");if(container){var currentWidth=parseFloat(container.style.width)||320;container.style.width="".concat(clampChatWidth(currentWidth),"px")}}var lastMessage=function getLastMessage(){if(messages.length>0&&void 0!==messages[messages.length-1].body){var _lastMessage=messages[messages.length-1],message=_lastMessage.body.replace(/(<([^>]+)>)/gi,""),stringToRead="";if(void 0!==_lastMessage.user){var username=_lastMessage.user.displayName;stringToRead="".concat(username," said ").concat(message)}else stringToRead="System message: ".concat(message);return stringToRead}return""}();return resizeWindowCallback&&window.removeEventListener("resize",resizeWindowCallback),desktop?(window.addEventListener("resize",resize),resizeWindowCallback=resize):resizeWindowCallback=null,ChatContainer_jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return ChatContainer_jsx(ComponentError.O,{componentName:"ChatContainer",message:error.message,retryFunction:resetErrorBoundary})}},ChatContainer_jsx("div",{"aria-live":"off",id:"chat-container",className:ChatContainer_ChatContainer_module.chatContainer,style:desktop&&{width:"".concat(320,"px")}},MessagesTable,showInput&&ChatContainer_jsx("div",{className:ChatContainer_ChatContainer_module.chatTextField},ChatContainer_jsx(ChatTextField.k,{enabled:chatEnabled,focusInput})),desktop&&ChatContainer_jsx("div",{className:ChatContainer_ChatContainer_module.resizeHandle,onMouseDown:function startDrag(dragEvent){var container=document.getElementById("chat-container");function move(event){container.style.width="".concat(clampChatWidth(window.innerWidth-event.x),"px")}function endDrag(){window.document.removeEventListener("mousemove",move),window.document.removeEventListener("mouseup",endDrag),window.document.removeEventListener("focusout",endDrag)}window.document.addEventListener("mousemove",move),window.document.addEventListener("mouseup",endDrag),window.document.addEventListener("focusout",endDrag),dragEvent.preventDefault()},role:"presentation"})),ChatContainer_jsx("span",{className:ChatContainer_ChatContainer_module.chatAccessibilityHidden,"aria-live":"polite"},ChatContainer_jsx(esm.BW,{content:lastMessage})))};ChatContainer.displayName="ChatContainer",ChatContainer.defaultProps={showInput:!0,height:"auto"};try{ChatContainer.displayName="ChatContainer",ChatContainer.__docgenInfo={description:"",displayName:"ChatContainer",props:{messages:{defaultValue:null,description:"",name:"messages",required:!0,type:{name:"ChatMessage[]"}},usernameToHighlight:{defaultValue:null,description:"",name:"usernameToHighlight",required:!0,type:{name:"string"}},chatUserId:{defaultValue:null,description:"",name:"chatUserId",required:!0,type:{name:"string"}},isModerator:{defaultValue:null,description:"",name:"isModerator",required:!0,type:{name:"boolean"}},showInput:{defaultValue:{value:"true"},description:"",name:"showInput",required:!1,type:{name:"boolean"}},height:{defaultValue:{value:"auto"},description:"",name:"height",required:!1,type:{name:"string"}},chatAvailable:{defaultValue:null,description:"",name:"chatAvailable",required:!0,type:{name:"boolean"}},focusInput:{defaultValue:{value:"true"},description:"",name:"focusInput",required:!1,type:{name:"boolean"}},desktop:{defaultValue:null,description:"",name:"desktop",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatContainer/ChatContainer.tsx#ChatContainer"]={docgenInfo:ChatContainer.__docgenInfo,name:"ChatContainer",path:"components/chat/ChatContainer/ChatContainer.tsx#ChatContainer"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatJoinMessage/ChatJoinMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>ChatJoinMessage});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),ModerationBadge=__webpack_require__("./components/chat/ChatUserBadge/ModerationBadge.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatJoinMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatJoinMessage/ChatJoinMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatJoinMessage_module.A,options);const ChatJoinMessage_ChatJoinMessage_module=ChatJoinMessage_module.A&&ChatJoinMessage_module.A.locals?ChatJoinMessage_module.A.locals:void 0;var __jsx=react.createElement,UsergroupAddOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(9965)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/UsergroupAddOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/UsergroupAddOutlined.js"]}}}),ChatJoinMessage=function ChatJoinMessage(_ref){var isAuthorModerator=_ref.isAuthorModerator,userColor=_ref.userColor,displayName=_ref.displayName,color="var(--theme-color-users-".concat(userColor,")");return __jsx("div",{className:ChatJoinMessage_ChatJoinMessage_module.root},__jsx("span",{style:{color}},__jsx("span",{className:ChatJoinMessage_ChatJoinMessage_module.icon},__jsx(UsergroupAddOutlined,null)),__jsx("span",{className:ChatJoinMessage_ChatJoinMessage_module.user},displayName),isAuthorModerator&&__jsx("span",{className:ChatJoinMessage_ChatJoinMessage_module.moderatorBadge},__jsx(ModerationBadge.m,{userColor}))),"joined the chat.")};ChatJoinMessage.displayName="ChatJoinMessage";try{ChatJoinMessage.displayName="ChatJoinMessage",ChatJoinMessage.__docgenInfo={description:"",displayName:"ChatJoinMessage",props:{isAuthorModerator:{defaultValue:null,description:"",name:"isAuthorModerator",required:!0,type:{name:"boolean"}},userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}},displayName:{defaultValue:null,description:"",name:"displayName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatJoinMessage/ChatJoinMessage.tsx#ChatJoinMessage"]={docgenInfo:ChatJoinMessage.__docgenInfo,name:"ChatJoinMessage",path:"components/chat/ChatJoinMessage/ChatJoinMessage.tsx#ChatJoinMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatModeratorNotification/ChatModeratorNotification.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>ChatModeratorNotification});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatModeratorNotification_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModeratorNotification/ChatModeratorNotification.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatModeratorNotification_module.A,options);const ChatModeratorNotification_ChatModeratorNotification_module=ChatModeratorNotification_module.A&&ChatModeratorNotification_module.A.locals?ChatModeratorNotification_module.A.locals:void 0;var _linearGradient,_path,_path2,_path3,_path4;function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>ChatNameChangeMessage});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatNameChangeMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatNameChangeMessage/ChatNameChangeMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatNameChangeMessage_module.A,options);const ChatNameChangeMessage_ChatNameChangeMessage_module=ChatNameChangeMessage_module.A&&ChatNameChangeMessage_module.A.locals?ChatNameChangeMessage_module.A.locals:void 0;var __jsx=react.createElement,EditFilled=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(7404)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/EditFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/EditFilled.js"]}}}),ChatNameChangeMessage=function ChatNameChangeMessage(_ref){var message=_ref.message,oldName=message.oldName,user=message.user,displayName=user.displayName,displayColor=user.displayColor,color="var(--theme-color-users-".concat(displayColor,")");return __jsx("div",{className:ChatNameChangeMessage_ChatNameChangeMessage_module.nameChangeView},__jsx("div",{className:ChatNameChangeMessage_ChatNameChangeMessage_module.icon},__jsx(EditFilled,null)),__jsx("div",{className:ChatNameChangeMessage_ChatNameChangeMessage_module.nameChangeText},__jsx("span",{style:{color}},oldName),__jsx("span",{className:ChatNameChangeMessage_ChatNameChangeMessage_module.plain}," is now known as "),__jsx("span",{style:{color}},displayName)))};ChatNameChangeMessage.displayName="ChatNameChangeMessage";try{ChatNameChangeMessage.displayName="ChatNameChangeMessage",ChatNameChangeMessage.__docgenInfo={description:"",displayName:"ChatNameChangeMessage",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"NameChangeEvent"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatNameChangeMessage/ChatNameChangeMessage.tsx#ChatNameChangeMessage"]={docgenInfo:ChatNameChangeMessage.__docgenInfo,name:"ChatNameChangeMessage",path:"components/chat/ChatNameChangeMessage/ChatNameChangeMessage.tsx#ChatNameChangeMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatPartMessage/ChatPartMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>ChatPartMessage});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),ModerationBadge=__webpack_require__("./components/chat/ChatUserBadge/ModerationBadge.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatPartMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatPartMessage/ChatPartMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatPartMessage_module.A,options);const ChatPartMessage_ChatPartMessage_module=ChatPartMessage_module.A&&ChatPartMessage_module.A.locals?ChatPartMessage_module.A.locals:void 0;var __jsx=react.createElement,UsergroupDeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(7503)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/UsergroupDeleteOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/UsergroupDeleteOutlined.js"]}}}),ChatPartMessage=function ChatPartMessage(_ref){var isAuthorModerator=_ref.isAuthorModerator,userColor=_ref.userColor,displayName=_ref.displayName,color="var(--theme-color-users-".concat(userColor,")");return __jsx("div",{className:ChatPartMessage_ChatPartMessage_module.root},__jsx("span",{style:{color}},__jsx("span",{className:ChatPartMessage_ChatPartMessage_module.icon},__jsx(UsergroupDeleteOutlined,null)),__jsx("span",{className:ChatPartMessage_ChatPartMessage_module.user},displayName),isAuthorModerator&&__jsx("span",{className:ChatPartMessage_ChatPartMessage_module.moderatorBadge},__jsx(ModerationBadge.m,{userColor}))),"left the chat.")};ChatPartMessage.displayName="ChatPartMessage";try{ChatPartMessage.displayName="ChatPartMessage",ChatPartMessage.__docgenInfo={description:"",displayName:"ChatPartMessage",props:{isAuthorModerator:{defaultValue:null,description:"",name:"isAuthorModerator",required:!0,type:{name:"boolean"}},userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}},displayName:{defaultValue:null,description:"",name:"displayName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatPartMessage/ChatPartMessage.tsx#ChatPartMessage"]={docgenInfo:ChatPartMessage.__docgenInfo,name:"ChatPartMessage",path:"components/chat/ChatPartMessage/ChatPartMessage.tsx#ChatPartMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatSocialMessage/ChatSocialMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$:()=>ChatSocialMessage});var row=__webpack_require__("./node_modules/antd/es/row/index.js"),col=__webpack_require__("./node_modules/antd/es/col/index.js"),avatar=__webpack_require__("./node_modules/antd/es/avatar/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatSocialMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatSocialMessage/ChatSocialMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatSocialMessage_module.A,options);const ChatSocialMessage_ChatSocialMessage_module=ChatSocialMessage_module.A&&ChatSocialMessage_module.A.locals?ChatSocialMessage_module.A.locals:void 0;var __jsx=react.createElement,FollowIcon=dynamic_default()((function(){return __webpack_require__.e(5792).then(__webpack_require__.bind(__webpack_require__,"./components/chat/ChatSocialMessage/follow.svg"))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/chat/ChatSocialMessage/follow.svg"]}}}),LikeIcon=dynamic_default()((function(){return __webpack_require__.e(2818).then(__webpack_require__.bind(__webpack_require__,"./components/chat/ChatSocialMessage/like.svg"))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/chat/ChatSocialMessage/like.svg"]}}}),RepostIcon=dynamic_default()((function(){return __webpack_require__.e(4070).then(__webpack_require__.bind(__webpack_require__,"./components/chat/ChatSocialMessage/repost.svg"))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/chat/ChatSocialMessage/repost.svg"]}}}),ChatSocialMessage=function ChatSocialMessage(_ref){var Icon,message=_ref.message,body=message.body,title=message.title,image=message.image,link=message.link;switch(message.type.toString()){case"FEDIVERSE_ENGAGEMENT_FOLLOW":Icon=FollowIcon;break;case"FEDIVERSE_ENGAGEMENT_LIKE":Icon=LikeIcon;break;case"FEDIVERSE_ENGAGEMENT_REPOST":Icon=RepostIcon}return __jsx("div",{className:ChatSocialMessage_ChatSocialMessage_module.followerPadding},__jsx("div",{className:classnames_default()([ChatSocialMessage_ChatSocialMessage_module.follower,"chat-message_social"])},__jsx("a",{href:link,target:"_blank",rel:"noreferrer"},__jsx(row.A,{wrap:!1},__jsx(col.A,{span:6,className:ChatSocialMessage_ChatSocialMessage_module.avatarColumn},__jsx(avatar.A,{src:image,alt:"Avatar",className:ChatSocialMessage_ChatSocialMessage_module.avatar,size:"large"},title.charAt(0).toUpperCase()),__jsx(Icon,{className:ChatSocialMessage_ChatSocialMessage_module.icon})),__jsx(col.A,null,__jsx(row.A,{className:ChatSocialMessage_ChatSocialMessage_module.account},title),__jsx(row.A,{className:ChatSocialMessage_ChatSocialMessage_module.body,dangerouslySetInnerHTML:{__html:body}}))))))};ChatSocialMessage.displayName="ChatSocialMessage";try{ChatSocialMessage.displayName="ChatSocialMessage",ChatSocialMessage.__docgenInfo={description:"",displayName:"ChatSocialMessage",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"ChatSocialMessage"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatSocialMessage/ChatSocialMessage.tsx#ChatSocialMessage"]={docgenInfo:ChatSocialMessage.__docgenInfo,name:"ChatSocialMessage",path:"components/chat/ChatSocialMessage/ChatSocialMessage.tsx#ChatSocialMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatSystemMessage/ChatSystemMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>ChatSystemMessage});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),esm=__webpack_require__("./node_modules/interweave/esm/index.js"),interweave_autolink_esm=__webpack_require__("./node_modules/interweave-autolink/esm/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatSystemMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatSystemMessage/ChatSystemMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatSystemMessage_module.A,options);const ChatSystemMessage_ChatSystemMessage_module=ChatSystemMessage_module.A&&ChatSystemMessage_module.A.locals?ChatSystemMessage_module.A.locals:void 0;var customMatcher=__webpack_require__("./components/chat/ChatUserMessage/customMatcher.ts"),__jsx=react.createElement,ChatSystemMessage=function ChatSystemMessage(_ref){var _ref$message=_ref.message,body=_ref$message.body,displayName=_ref$message.user.displayName,highlightString=_ref.highlightString;return __jsx("div",{className:ChatSystemMessage_ChatSystemMessage_module.chatSystemMessagePadding},__jsx("div",{className:classnames_default()([ChatSystemMessage_ChatSystemMessage_module.chatSystemMessage,"chat-message_system"])},__jsx("div",{className:ChatSystemMessage_ChatSystemMessage_module.user},__jsx("span",{className:ChatSystemMessage_ChatSystemMessage_module.userName},displayName)),__jsx(esm.BW,{className:ChatSystemMessage_ChatSystemMessage_module.message,content:body,matchers:[new interweave_autolink_esm.SS("url",{customTLDs:["online"]}),new customMatcher.w("highlight",{highlightString})]})))};ChatSystemMessage.displayName="ChatSystemMessage";try{ChatSystemMessage.displayName="ChatSystemMessage",ChatSystemMessage.__docgenInfo={description:"",displayName:"ChatSystemMessage",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"ChatMessage"}},highlightString:{defaultValue:null,description:"",name:"highlightString",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatSystemMessage/ChatSystemMessage.tsx#ChatSystemMessage"]={docgenInfo:ChatSystemMessage.__docgenInfo,name:"ChatSystemMessage",path:"components/chat/ChatSystemMessage/ChatSystemMessage.tsx#ChatSystemMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatTextField/ChatTextField.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{k:()=>ChatTextField});var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),popover=__webpack_require__("./node_modules/antd/es/popover/index.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),es=__webpack_require__("./node_modules/recoil/es/index.js"),sanitize_html=__webpack_require__("./node_modules/sanitize-html/index.js"),sanitize_html_default=__webpack_require__.n(sanitize_html),lib=__webpack_require__("./node_modules/graphemer/lib/index.js"),lib_default=__webpack_require__.n(lib),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),classCallCheck=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),possibleConstructorReturn=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),inherits=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_excluded=["tagName","html"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r10)return text;if(null===node)return text;switch(node.nodeType){case Node.CDATA_SECTION_NODE:case Node.TEXT_NODE:text=node.nodeValue;break;case Node.ELEMENT_NODE:switch(node.tagName.toLowerCase()){case"img":text=node.getAttribute("alt")||"";break;case"br":text="\n";break;case"strong":case"b":text="**";for(var i=0;i300||(websocketService.send({type:socket_events.G.CHAT,body:message}),contentEditable.innerHTML="")}else console.log("websocketService is not defined")},insertTextAtEnd=function insertTextAtEnd(textToInsert){contentEditable.innerHTML+=textToInsert};(0,react.useEffect)((function(){focusInput&&document.getElementById("chat-input-content-editable").focus({preventScroll:!0})}),[]);var getCustomEmoji=function(){var _ref2=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(){var response,emoji;return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.prev=0,_context.next=3,fetch("/api/emoji");case 3:return response=_context.sent,_context.next=6,response.json();case 6:emoji=_context.sent,setCustomEmoji(emoji),emoji.forEach((function(e){var preImg=document.createElement("link");preImg.href=e.url,preImg.rel="preload",preImg.as="image",document.head.appendChild(preImg)})),_context.next=14;break;case 11:_context.prev=11,_context.t0=_context.catch(0),console.error("cannot fetch custom emoji",_context.t0);case 14:case"end":return _context.stop()}}),_callee,null,[[0,11]])})));return function getCustomEmoji(){return _ref2.apply(this,arguments)}}();return(0,react.useEffect)((function(){getCustomEmoji()}),[]),__jsx("div",{id:"chat-input",className:ChatTextField_ChatTextField_module.root},__jsx("div",{className:classnames_default()(ChatTextField_ChatTextField_module.inputWrap,characterCount>300&&ChatTextField_ChatTextField_module.maxCharacters)},__jsx(ContentEditable,{id:"chat-input-content-editable",html:defaultText||"",placeholder:enabled?"Send a message to chat":"Chat is disabled",disabled:!enabled,onKeyDown:function onKeyDown(e){"Enter"!==e.key||e.shiftKey||e.metaKey||e.ctrlKey||e.altKey||(e.preventDefault(),sendMessage())},onContentChange:function handleChange(){var count=function getCharacterCount(){var message=getTextContent(contentEditable);return graphemer.countGraphemes(message)}();setCharacterCount(count),0===count&&1===contentEditable.children.length&&"br"===contentEditable.children[0].tagName.toLowerCase()&&contentEditable.removeChild(contentEditable.children[0])},onPaste:function onPaste(evt){evt.preventDefault();for(var content,clip=evt.clipboardData,types=clip.types,contentTypes=["text/html","text/plain"],i=0;i');insertTextAtEnd(html)}}),trigger:"click",placement:"topRight"},__jsx("button",{type:"button","aria-label":"Emoji picker",className:ChatTextField_ChatTextField_module.emojiButton,title:"Emoji picker button"},__jsx(SmileOutlined,null))),__jsx("button",{type:"button","aria-label":"Send message",className:ChatTextField_ChatTextField_module.sendButton,title:"Send message Button",onClick:sendMessage},__jsx(SendOutlined,null)))))};ChatTextField.displayName="ChatTextField";try{ChatTextField.displayName="ChatTextField",ChatTextField.__docgenInfo={description:"",displayName:"ChatTextField",props:{defaultText:{defaultValue:null,description:"",name:"defaultText",required:!1,type:{name:"string"}},enabled:{defaultValue:null,description:"",name:"enabled",required:!0,type:{name:"boolean"}},focusInput:{defaultValue:null,description:"",name:"focusInput",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatTextField/ChatTextField.tsx#ChatTextField"]={docgenInfo:ChatTextField.__docgenInfo,name:"ChatTextField",path:"components/chat/ChatTextField/ChatTextField.tsx#ChatTextField"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/AuthedUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>AuthedUserBadge});var next_dynamic__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatUserBadge/ChatUserBadge.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,SafetyCertificateFilled=next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(6405)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/SafetyCertificateFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/SafetyCertificateFilled.js"]}}}),AuthedUserBadge=function AuthedUserBadge(_ref){var userColor=_ref.userColor;return __jsx(_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__.z,{badge:__jsx(SafetyCertificateFilled,null),userColor,title:"Authenticated"})};AuthedUserBadge.displayName="AuthedUserBadge";try{AuthedUserBadge.displayName="AuthedUserBadge",AuthedUserBadge.__docgenInfo={description:"",displayName:"AuthedUserBadge",props:{userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/AuthedUserBadge.tsx#AuthedUserBadge"]={docgenInfo:AuthedUserBadge.__docgenInfo,name:"AuthedUserBadge",path:"components/chat/ChatUserBadge/AuthedUserBadge.tsx#AuthedUserBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/BotUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>BotUserBadge});var next_dynamic__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatUserBadge/ChatUserBadge.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,BulbFilled=next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(7161)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/BulbFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/BulbFilled.js"]}}}),BotUserBadge=function BotUserBadge(_ref){var userColor=_ref.userColor;return __jsx(_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__.z,{badge:__jsx(BulbFilled,null),userColor,title:"Bot"})};BotUserBadge.displayName="BotUserBadge";try{BotUserBadge.displayName="BotUserBadge",BotUserBadge.__docgenInfo={description:"",displayName:"BotUserBadge",props:{userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/BotUserBadge.tsx#BotUserBadge"]={docgenInfo:BotUserBadge.__docgenInfo,name:"BotUserBadge",path:"components/chat/ChatUserBadge/BotUserBadge.tsx#BotUserBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/ChatUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>ChatUserBadge});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatUserBadge_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserBadge/ChatUserBadge.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatUserBadge_module.A,options);const ChatUserBadge_ChatUserBadge_module=ChatUserBadge_module.A&&ChatUserBadge_module.A.locals?ChatUserBadge_module.A.locals:void 0;var __jsx=react.createElement,ChatUserBadge=function ChatUserBadge(_ref){var badge=_ref.badge,userColor=_ref.userColor,title=_ref.title,color="var(--theme-color-users-".concat(userColor,")");return __jsx("span",{style:{color},className:classnames_default()([ChatUserBadge_ChatUserBadge_module.badge,"chat-user-badge"]),title},badge)};ChatUserBadge.displayName="ChatUserBadge";try{ChatUserBadge.displayName="ChatUserBadge",ChatUserBadge.__docgenInfo={description:"",displayName:"ChatUserBadge",props:{badge:{defaultValue:null,description:"",name:"badge",required:!0,type:{name:"ReactNode"}},userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/ChatUserBadge.tsx#ChatUserBadge"]={docgenInfo:ChatUserBadge.__docgenInfo,name:"ChatUserBadge",path:"components/chat/ChatUserBadge/ChatUserBadge.tsx#ChatUserBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/ModerationBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{m:()=>ModerationBadge});var next_dynamic__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatUserBadge/ChatUserBadge.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,StarFilled=next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(710)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/StarFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/StarFilled.js"]}}}),ModerationBadge=function ModerationBadge(_ref){var userColor=_ref.userColor;return __jsx(_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__.z,{badge:__jsx(StarFilled,null),userColor,title:"Moderator"})};ModerationBadge.displayName="ModerationBadge";try{ModerationBadge.displayName="ModerationBadge",ModerationBadge.__docgenInfo={description:"",displayName:"ModerationBadge",props:{userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/ModerationBadge.tsx#ModerationBadge"]={docgenInfo:ModerationBadge.__docgenInfo,name:"ModerationBadge",path:"components/chat/ChatUserBadge/ModerationBadge.tsx#ModerationBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserMessage/ChatUserMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{L:()=>ChatUserMessage});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),tooltip=__webpack_require__("./node_modules/antd/es/tooltip/index.js"),es=__webpack_require__("./node_modules/recoil/es/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),esm=__webpack_require__("./node_modules/interweave/esm/index.js"),interweave_autolink_esm=__webpack_require__("./node_modules/interweave-autolink/esm/index.js"),customMatcher=__webpack_require__("./components/chat/ChatUserMessage/customMatcher.ts"),classCallCheck=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),possibleConstructorReturn=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),inherits=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),bundle_7aab7250=__webpack_require__("./node_modules/interweave/esm/bundle-7aab7250.js"),rewrite_pattern=__webpack_require__("./node_modules/regexpu-core/rewrite-pattern.js"),rewrite_pattern_default=__webpack_require__.n(rewrite_pattern);function _callSuper(t,o,e){return o=(0,getPrototypeOf.A)(o),(0,possibleConstructorReturn.A)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,getPrototypeOf.A)(t).constructor):o.apply(t,e))}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}var rewriteFlags,regexFlag,regexPattern,regexSupportsUnicodeSets=function(){var regexp=null;try{regexp=new RegExp("\\p{RGI_Emoji}","v")}catch(_){return!1}return null!==regexp}(),emojiRegex=(rewriteFlags={unicodeSetsFlag:regexSupportsUnicodeSets?"parse":"transform"},regexFlag=regexSupportsUnicodeSets?"v":"u",regexPattern=rewrite_pattern_default()("\\p{RGI_Emoji}","v",rewriteFlags),new RegExp(regexPattern,regexFlag)),ChatMessageEmojiMatcher=function(_Matcher){function ChatMessageEmojiMatcher(){return(0,classCallCheck.A)(this,ChatMessageEmojiMatcher),_callSuper(this,ChatMessageEmojiMatcher,arguments)}return(0,inherits.A)(ChatMessageEmojiMatcher,_Matcher),(0,createClass.A)(ChatMessageEmojiMatcher,[{key:"match",value:function match(str){var result=str.match(emojiRegex);return result?{index:result.index,length:result[0].length,match:result[0],valid:!0}:null}},{key:"replaceWith",value:function replaceWith(children,props){var key=props.key,className=this.options.className;return react.createElement("span",{key,className},children)}},{key:"asTag",value:function asTag(){return"span"}}])}(bundle_7aab7250.M),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatUserMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserMessage/ChatUserMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatUserMessage_module.A,options);const ChatUserMessage_ChatUserMessage_module=ChatUserMessage_module.A&&ChatUserMessage_module.A.locals?ChatUserMessage_module.A.locals:void 0;var helpers=__webpack_require__("./utils/helpers.js");function formatTimestamp(sentAt){var now=new Date(sentAt);if(Number.isNaN(now))return"";if((0,helpers.kt)(sentAt)>=1){var localeDate=now.toLocaleDateString("en-US",{dateStyle:"medium"});return"".concat(localeDate," at ").concat(now.toLocaleTimeString())}return"".concat(now.toLocaleTimeString())}var ClientConfigStore=__webpack_require__("./components/stores/ClientConfigStore.tsx"),AuthedUserBadge=__webpack_require__("./components/chat/ChatUserBadge/AuthedUserBadge.tsx"),ModerationBadge=__webpack_require__("./components/chat/ChatUserBadge/ModerationBadge.tsx"),BotUserBadge=__webpack_require__("./components/chat/ChatUserBadge/BotUserBadge.tsx"),__jsx=react.createElement,ChatModerationActionMenu=dynamic_default()((function(){return Promise.all([__webpack_require__.e(5367),__webpack_require__.e(400),__webpack_require__.e(461),__webpack_require__.e(4241),__webpack_require__.e(6897),__webpack_require__.e(9215),__webpack_require__.e(6230),__webpack_require__.e(9537),__webpack_require__.e(9973),__webpack_require__.e(6492),__webpack_require__.e(8275),__webpack_require__.e(1052),__webpack_require__.e(1721),__webpack_require__.e(7192),__webpack_require__.e(9047),__webpack_require__.e(6875),__webpack_require__.e(2067),__webpack_require__.e(6128)]).then(__webpack_require__.bind(__webpack_require__,"./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx")).then((function(mod){return mod.ChatModerationActionMenu}))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx"]}}}),UserTooltip=function UserTooltip(_ref){var children=_ref.children,user=_ref.user,displayName=user.displayName,createdAt=user.createdAt,content="".concat(displayName," first joined ").concat(formatTimestamp(createdAt));return __jsx(tooltip.A,{title:content,placement:"topLeft",mouseEnterDelay:1},children)};UserTooltip.displayName="UserTooltip";var ChatUserMessage=function ChatUserMessage(_ref2){var message=_ref2.message,highlightString=_ref2.highlightString,showModeratorMenu=_ref2.showModeratorMenu,sentBySelf=_ref2.sentBySelf,sameUserAsLast=_ref2.sameUserAsLast,isAuthorModerator=_ref2.isAuthorModerator,isAuthorAuthenticated=_ref2.isAuthorAuthenticated,isAuthorBot=_ref2.isAuthorBot,messageId=message.id,body=message.body,user=message.user,timestamp=message.timestamp,userId=user.id,displayName=user.displayName,displayColor=user.displayColor,accessToken=(0,es.vc)(ClientConfigStore.Dr),color="var(--theme-color-users-".concat(displayColor,")"),formattedTimestamp="Sent ".concat(formatTimestamp(timestamp)),badgeNodes=[];return isAuthorModerator&&badgeNodes.push(__jsx(ModerationBadge.m,{key:"mod",userColor:displayColor})),isAuthorAuthenticated&&badgeNodes.push(__jsx(AuthedUserBadge.Y,{key:"auth",userColor:displayColor})),isAuthorBot&&badgeNodes.push(__jsx(BotUserBadge.c,{key:"bot",userColor:displayColor})),__jsx("div",{className:classnames_default()(ChatUserMessage_ChatUserMessage_module.messagePadding,sameUserAsLast&&ChatUserMessage_ChatUserMessage_module.messagePaddingCollapsed,"chat-message_user")},__jsx("div",{className:classnames_default()(ChatUserMessage_ChatUserMessage_module.root,(0,defineProperty.A)({},ChatUserMessage_ChatUserMessage_module.ownMessage,sentBySelf)),style:{borderColor:color}},__jsx("div",{className:ChatUserMessage_ChatUserMessage_module.background,style:{color}}),__jsx(UserTooltip,{user},__jsx("div",{className:sameUserAsLast?ChatUserMessage_ChatUserMessage_module.repeatUser:ChatUserMessage_ChatUserMessage_module.user,style:{color}},__jsx("span",{className:ChatUserMessage_ChatUserMessage_module.userName},displayName),__jsx("span",{className:ChatUserMessage_ChatUserMessage_module.userBadges},badgeNodes))),__jsx(tooltip.A,{title:formattedTimestamp,mouseEnterDelay:1},__jsx(esm.BW,{className:ChatUserMessage_ChatUserMessage_module.message,content:body,matchers:[new interweave_autolink_esm.SS("url",{customTLDs:["online"]}),new customMatcher.w("highlight",{highlightString}),new ChatMessageEmojiMatcher("emoji",{className:"emoji"})]})),showModeratorMenu&&__jsx("div",{className:ChatUserMessage_ChatUserMessage_module.modMenuWrapper},__jsx(ChatModerationActionMenu,{messageID:messageId,accessToken,userID:userId,userDisplayName:displayName}))))};ChatUserMessage.displayName="ChatUserMessage";try{ChatUserMessage.displayName="ChatUserMessage",ChatUserMessage.__docgenInfo={description:"",displayName:"ChatUserMessage",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"ChatMessage"}},showModeratorMenu:{defaultValue:null,description:"",name:"showModeratorMenu",required:!0,type:{name:"boolean"}},highlightString:{defaultValue:null,description:"",name:"highlightString",required:!0,type:{name:"string"}},sentBySelf:{defaultValue:null,description:"",name:"sentBySelf",required:!0,type:{name:"boolean"}},sameUserAsLast:{defaultValue:null,description:"",name:"sameUserAsLast",required:!0,type:{name:"boolean"}},isAuthorModerator:{defaultValue:null,description:"",name:"isAuthorModerator",required:!0,type:{name:"boolean"}},isAuthorAuthenticated:{defaultValue:null,description:"",name:"isAuthorAuthenticated",required:!0,type:{name:"boolean"}},isAuthorBot:{defaultValue:null,description:"",name:"isAuthorBot",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserMessage/ChatUserMessage.tsx#ChatUserMessage"]={docgenInfo:ChatUserMessage.__docgenInfo,name:"ChatUserMessage",path:"components/chat/ChatUserMessage/ChatUserMessage.tsx#ChatUserMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserMessage/customMatcher.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>ChatMessageHighlightMatcher});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_inherits_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),interweave__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/interweave/esm/bundle-7aab7250.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");function _callSuper(t,o,e){return o=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(o),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_1__.A)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(t).constructor):o.apply(t,e))}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}var ChatMessageHighlightMatcher=function(_Matcher){function ChatMessageHighlightMatcher(){return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__.A)(this,ChatMessageHighlightMatcher),_callSuper(this,ChatMessageHighlightMatcher,arguments)}return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_inherits_js__WEBPACK_IMPORTED_MODULE_4__.A)(ChatMessageHighlightMatcher,_Matcher),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__.A)(ChatMessageHighlightMatcher,[{key:"match",value:function match(str){var highlightString=this.options.highlightString;if(!highlightString)return null;var escapedString=highlightString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/\s/g,"\\s"),normalizedString=escapedString.normalize("NFD").replace(/[\u0300-\u036f]/g,""),highlightRegex=escapedString;escapedString!==normalizedString&&(highlightRegex="(?:".concat(escapedString,")|(?:").concat(normalizedString,")"));var result=str.match(new RegExp(highlightRegex,"ui"));return result?{index:result.index,length:result[0].length,match:result[0],valid:!0}:null}},{key:"replaceWith",value:function replaceWith(children,props){var key=props.key;return react__WEBPACK_IMPORTED_MODULE_2__.createElement("mark",{key},children)}},{key:"asTag",value:function asTag(){return"mark"}}])}(interweave__WEBPACK_IMPORTED_MODULE_6__.M)},"./components/ui/ComponentError/ComponentError.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>ComponentError});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/alert/index.js"),antd__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/button/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,openBugReport=function openBugReport(){window.open("https://github.com/owncast/owncast/issues/new?assignees=&labels=&template=bug-report-feature-request.yml","_blank")},ErrorContent=function ErrorContent(_ref){var message=_ref.message,componentName=_ref.componentName,details=_ref.details,canRetry=_ref.canRetry;return __jsx("div",null,__jsx("p",null,"There was an unexpected error. It would be appreciated if you would report this so it can be fixed in the future."),!!canRetry&&__jsx("p",null,"You may optionally retry, however functionality might not work as expected."),__jsx("code",null,__jsx("div",null,message&&"Error: ".concat(message)),__jsx("div",null,"Component: ",componentName),__jsx("div",null,details&&details)))};ErrorContent.displayName="ErrorContent";var ComponentError=function ComponentError(_ref2){var message=_ref2.message,componentName=_ref2.componentName,details=_ref2.details,retryFunction=_ref2.retryFunction;return __jsx(antd__WEBPACK_IMPORTED_MODULE_1__.A,{message:"Error",showIcon:!0,description:__jsx(ErrorContent,{message,details,componentName,canRetry:!!retryFunction}),type:"error",action:__jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,retryFunction&&__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError";try{ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",displayName:"ComponentError",props:{message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string"}},componentName:{defaultValue:null,description:"",name:"componentName",required:!0,type:{name:"string"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},retryFunction:{defaultValue:null,description:"",name:"retryFunction",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/ComponentError/ComponentError.tsx#ComponentError"]={docgenInfo:ComponentError.__docgenInfo,name:"ComponentError",path:"components/ui/ComponentError/ComponentError.tsx#ComponentError"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatActionMessage/ChatActionMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".nDi5VzMpTBZxIHMKfmN9{padding:4px 1rem}.SgkbTlOmZZ8OW1sVccU9{padding:8px;border-radius:4px;text-align:center;font-size:12px;color:var(--theme-color-components-chat-text);background-color:var(--theme-color-palette-0)}.SgkbTlOmZZ8OW1sVccU9 p{margin:0}","",{version:3,sources:["webpack://./components/chat/ChatActionMessage/ChatActionMessage.module.scss"],names:[],mappings:"AAAA,sBACE,gBAAA,CAGF,sBACE,WAAA,CACD,iBAAA,CACA,iBAAA,CACA,cAAA,CACA,6CAAA,CACA,6CAAA,CAGA,wBACC,QAAA",sourcesContent:[".chatActionPadding {\n padding: 4px 1rem;\n}\n\n.chatAction {\n padding: 8px;\n\tborder-radius: 4px;\n\ttext-align: center;\n\tfont-size: 12px;\n\tcolor: var(--theme-color-components-chat-text);\n\tbackground-color: var(--theme-color-palette-0);\n\n\n\tp {\n\t\tmargin: 0;\n\t}\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={chatActionPadding:"nDi5VzMpTBZxIHMKfmN9",chatAction:"SgkbTlOmZZ8OW1sVccU9"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatContainer/ChatContainer.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".SlGyw_X0YFFBpXji6f0W{align-self:center;display:flex;justify-content:center;position:absolute;bottom:75px;color:var(--theme-color-components-chat-background)}.SlGyw_X0YFFBpXji6f0W button{background-color:var(--theme-color-background-light);z-index:9999;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.12);display:flex;align-items:center;opacity:0;animation:PBTGkszK_d_Bv8Yt57k3 250ms forwards ease-in-out 500ms;font-size:12px;font-weight:600}.uDBHpE6CqkJqzxbJvuCo{flex:0 0 auto;display:flex;flex-direction:column;background-color:var(--theme-color-components-chat-background);height:100%;font-size:var(--chat-message-text-size)}.MS3gHz0nRpv1wasvXLne{background:linear-gradient(45deg, transparent 0px, transparent 4px, var(--color-owncast-palette-6) 4px, var(--color-owncast-palette-6) 5px, transparent 5px, transparent 9px, var(--color-owncast-palette-6) 9px, var(--color-owncast-palette-6) 10px, transparent 10px, transparent 14px, var(--color-owncast-palette-6) 14px, var(--color-owncast-palette-6) 15px, transparent 15px);position:absolute;bottom:0;width:30px;height:30px;cursor:col-resize}.bzU4BCY_lJiwU7TGMWu4{width:auto;flex-grow:1;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain}.bzU4BCY_lJiwU7TGMWu4::-webkit-scrollbar{display:none}.bzU4BCY_lJiwU7TGMWu4::-webkit-scrollbar-thumb{display:none}.PJArzAkOOIv1qeLmruMX{border-top:1px solid #d3d3d3}@keyframes PBTGkszK_d_Bv8Yt57k3{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.GsOzWa7Dlorqhx2QQCfA{top:0;left:-2px;width:1px;height:1px;position:absolute;overflow:hidden}","",{version:3,sources:["webpack://./components/chat/ChatContainer/ChatContainer.module.scss"],names:[],mappings:"AAGA,sBACE,iBAAA,CACA,YAAA,CACA,sBAAA,CACA,iBAAA,CACA,WAAA,CACA,mDAAA,CAEA,6BACE,oDAAA,CACA,YAAA,CACA,iEAAA,CACA,YAAA,CACA,kBAAA,CACA,SAAA,CACA,+DAAA,CACA,cAAA,CACA,eAAA,CAIJ,sBACE,aAAA,CACA,YAAA,CACA,qBAAA,CACA,8DAAA,CACA,WAAA,CACA,uCAAA,CAGF,sBACE,sXAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CAGF,sBACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,iBAAA,CACA,2BAAA,CAGF,yCACE,YAAA,CAGF,+CACE,YAAA,CAGF,sBACE,4BAAA,CAGF,gCACE,KACE,SAAA,CACA,yBAAA,CAGF,GACE,SAAA,CACA,uBAAA,CAAA,CAIJ,sBACE,KAAA,CACA,SAAA,CACA,SAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAA",sourcesContent:["@import '../../../styles/mixins';\n\n// The button that is displayed to scroll to the bottom of the chat.\n.toBottomWrap {\n align-self: center;\n display: flex;\n justify-content: center;\n position: absolute;\n bottom: 75px;\n color: var(--theme-color-components-chat-background);\n\n button {\n background-color: var(--theme-color-background-light);\n z-index: 9999;\n box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 12%);\n display: flex;\n align-items: center;\n opacity: 0;\n animation: show 250ms forwards ease-in-out 500ms;\n font-size: 12px;\n font-weight: 600;\n }\n}\n\n.chatContainer {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n background-color: var(--theme-color-components-chat-background);\n height: 100%;\n font-size: var(--chat-message-text-size);\n}\n\n.resizeHandle {\n background: linear-gradient(45deg, transparent 0px,transparent 4px, var(--color-owncast-palette-6) 4px, var(--color-owncast-palette-6) 5px, transparent 5px, transparent 9px, var(--color-owncast-palette-6) 9px, var(--color-owncast-palette-6) 10px, transparent 10px, transparent 14px, var(--color-owncast-palette-6) 14px, var(--color-owncast-palette-6) 15px, transparent 15px);\n position: absolute;\n bottom: 0;\n width: 30px;\n height: 30px;\n cursor: col-resize;\n}\n\n.virtuoso {\n width: auto;\n flex-grow: 1;\n overflow-y: scroll;\n overflow-x: hidden;\n overscroll-behavior: contain;\n}\n\n.virtuoso::-webkit-scrollbar {\n display: none;\n}\n\n.virtuoso::-webkit-scrollbar-thumb {\n display: none;\n}\n\n.chatTextField {\n border-top: 1px solid lightgray;\n}\n\n@keyframes show {\n from {\n opacity: 0;\n transform: translateY(5px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.chatAccessibilityHidden {\n top:0;\n left:-2px;\n width:1px;\n height:1px;\n position:absolute;\n overflow:hidden;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={toBottomWrap:"SlGyw_X0YFFBpXji6f0W",show:"PBTGkszK_d_Bv8Yt57k3",chatContainer:"uDBHpE6CqkJqzxbJvuCo",resizeHandle:"MS3gHz0nRpv1wasvXLne",virtuoso:"bzU4BCY_lJiwU7TGMWu4",chatTextField:"PJArzAkOOIv1qeLmruMX",chatAccessibilityHidden:"GsOzWa7Dlorqhx2QQCfA"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatJoinMessage/ChatJoinMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".lu0YK_HGo2lGn27fcsIQ{display:inline-flex;padding:10px 0;color:var(--theme-color-components-chat-text);font-weight:400;font-size:var(--chat-message-text-size)}.lu0YK_HGo2lGn27fcsIQ .RUuIj6_9jQYhMeoXWLG_,.lu0YK_HGo2lGn27fcsIQ .Lx0BFnmRjX9vHdEqlgks{margin-right:5px}.DLIc4v2heFiITI4lWqtl{padding:0 var(--chat-notification-icon-padding) 0 16px}","",{version:3,sources:["webpack://./components/chat/ChatJoinMessage/ChatJoinMessage.module.scss"],names:[],mappings:"AAAA,sBACE,mBAAA,CACA,cAAA,CACA,6CAAA,CACA,eAAA,CACA,uCAAA,CAEA,wFAEE,gBAAA,CAIJ,sBACE,sDAAA",sourcesContent:[".root {\n display: inline-flex;\n padding: 10px 0;\n color: var(--theme-color-components-chat-text);\n font-weight: 400;\n font-size: var(--chat-message-text-size);\n\n .moderatorBadge,\n .user {\n margin-right: 5px;\n }\n}\n\n.icon {\n padding: 0 var(--chat-notification-icon-padding) 0 16px;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"lu0YK_HGo2lGn27fcsIQ",moderatorBadge:"RUuIj6_9jQYhMeoXWLG_",user:"Lx0BFnmRjX9vHdEqlgks",icon:"DLIc4v2heFiITI4lWqtl"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModeratorNotification/ChatModeratorNotification.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".y06Ok9WmhOHw8YGwDWLg{background-color:var(--theme-background-primary);color:var(--theme-color-components-chat-text);padding:10px;font-size:var(--chat-message-text-size);display:flex;justify-content:center;align-items:center}.y06Ok9WmhOHw8YGwDWLg .e_SXwv4O_NGQxFQHEFbF{margin-right:10px;width:20px;height:20px}","",{version:3,sources:["webpack://./components/chat/ChatModeratorNotification/ChatModeratorNotification.module.scss","webpack://./styles/mixins.scss"],names:[],mappings:"AAEA,sBACE,gDAAA,CACA,6CAAA,CACA,YAAA,CACD,uCAAA,CCLC,YAAA,CACA,sBAAA,CACA,kBAAA,CDOA,4CACE,iBAAA,CACA,UAAA,CACA,WAAA",sourcesContent:["@import 'styles/mixins';\n\n.chatModerationNotification {\n background-color: var(--theme-background-primary);\n color: var(--theme-color-components-chat-text);\n padding: 10px;\n\tfont-size: var(--chat-message-text-size);\n\n @include flexCenter;\n\n .icon {\n margin-right: 10px;\n width: 20px;\n height: 20px;\n }\n}\n","@mixin flexCenter {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n@mixin screen($breakpoint) { \n @if $breakpoint == desktop { \n @media only screen and (width >= 768px) {\n @content;\n }\n }\n\n // tablet will also apply to mobile as there is no cut-off for min-width, however changing this now could break CSS all over the site.\n @if $breakpoint == tablet {\n @media only screen and (width <= 768px) {\n @content;\n }\n }\n\n @if $breakpoint == mobile {\n @media only screen and (width <= 481px) {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={chatModerationNotification:"y06Ok9WmhOHw8YGwDWLg",icon:"e_SXwv4O_NGQxFQHEFbF"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatNameChangeMessage/ChatNameChangeMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".msLgNX_l7UE4VEBh6AeX{display:flex;font-size:var(--chat-message-text-size);font-weight:400;border-radius:var(--theme-rounded-corners);padding:5px 15px;color:var(--theme-color-components-chat-text)}.msLgNX_l7UE4VEBh6AeX .cLU0c7ywwUuVagTrM4n8{font-weight:400}.msLgNX_l7UE4VEBh6AeX .cLU0c7ywwUuVagTrM4n8 .LKZARjpEEJJtnlUIRCOg{font-weight:400}.H86xhZcgra5Te_v9s8nz{padding-right:var(--chat-notification-icon-padding)}","",{version:3,sources:["webpack://./components/chat/ChatNameChangeMessage/ChatNameChangeMessage.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,uCAAA,CACA,eAAA,CACA,0CAAA,CACA,gBAAA,CACA,6CAAA,CAEA,4CACE,eAAA,CAEA,kEACE,eAAA,CAKN,sBACE,mDAAA",sourcesContent:[".nameChangeView {\n display: flex;\n font-size: var(--chat-message-text-size);\n font-weight: 400;\n border-radius: var(--theme-rounded-corners);\n padding: 5px 15px;\n color: var(--theme-color-components-chat-text);\n\n & .nameChangeText {\n font-weight: 400;\n\n & .plain {\n font-weight: 400;\n }\n }\n}\n\n.icon {\n padding-right: var(--chat-notification-icon-padding);\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={nameChangeView:"msLgNX_l7UE4VEBh6AeX",nameChangeText:"cLU0c7ywwUuVagTrM4n8",plain:"LKZARjpEEJJtnlUIRCOg",icon:"H86xhZcgra5Te_v9s8nz"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatPartMessage/ChatPartMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".f641KxuUhUgH9oJDVaZN{display:inline-flex;padding:10px 0;color:var(--theme-color-components-chat-text);font-weight:400;font-size:var(--chat-message-text-size)}.f641KxuUhUgH9oJDVaZN .jG8Wfjom56TnEsZRG8kI,.f641KxuUhUgH9oJDVaZN .Id3a2sG5jvM7XbE4s8mC{margin-right:5px}.vnJTUCWOyX0OcxK_Yomg{padding:0 var(--chat-notification-icon-padding) 0 16px}","",{version:3,sources:["webpack://./components/chat/ChatPartMessage/ChatPartMessage.module.scss"],names:[],mappings:"AAAA,sBACE,mBAAA,CACA,cAAA,CACA,6CAAA,CACA,eAAA,CACA,uCAAA,CAEA,wFAEE,gBAAA,CAIJ,sBACE,sDAAA",sourcesContent:[".root {\n display: inline-flex;\n padding: 10px 0;\n color: var(--theme-color-components-chat-text);\n font-weight: 400;\n font-size: var(--chat-message-text-size);\n\n .moderatorBadge,\n .user {\n margin-right: 5px;\n }\n}\n\n.icon {\n padding: 0 var(--chat-notification-icon-padding) 0 16px;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"f641KxuUhUgH9oJDVaZN",moderatorBadge:"jG8Wfjom56TnEsZRG8kI",user:"Id3a2sG5jvM7XbE4s8mC",icon:"vnJTUCWOyX0OcxK_Yomg"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatSocialMessage/ChatSocialMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".vNop6EG0Hbb9u6OZjX4K{padding:.5em}.vS_hc5eyp7Z_MMqaEDD8{border-color:rgba(0,0,0,.3);border-width:1px;border-style:solid;padding:10px;border-radius:var(--theme-rounded-corners);background-color:var(--theme-color-background-main)}.vS_hc5eyp7Z_MMqaEDD8:hover{border-color:var(--theme-text-link)}.vS_hc5eyp7Z_MMqaEDD8 .gfEQT2vYwNYv04ZS67yz{height:60px;width:60px;border-color:rgba(0,0,0,.3);border-width:1px;border-style:solid;font-size:1.8rem}.vS_hc5eyp7Z_MMqaEDD8 .iVeUULS00OHgBo1m_sAW{max-width:75px;min-width:75px}.vS_hc5eyp7Z_MMqaEDD8 .Pq6NnYzfFZU8vOVfX2xI{color:var(--theme-color-components-text-on-light);text-overflow:ellipsis;line-height:1.2rem}.vS_hc5eyp7Z_MMqaEDD8 .Pq6NnYzfFZU8vOVfX2xI p{margin:0}.vS_hc5eyp7Z_MMqaEDD8 .Wtddt8JyRdbtx0RbqJwO{font-family:var(--theme-text-display-font-family);font-weight:600;color:var(--theme-color-components-text-on-light)}.vS_hc5eyp7Z_MMqaEDD8 .qKQiAQSCCgFMet_AzLUe{position:absolute;width:25px;height:25px;top:40px;left:40px;border-color:var(--theme-color-background-main);border-width:2px;border-style:solid;border-radius:50%;background-size:cover;background-position:center}","",{version:3,sources:["webpack://./components/chat/ChatSocialMessage/ChatSocialMessage.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CAGF,sBACE,2BAAA,CACA,gBAAA,CACA,kBAAA,CACA,YAAA,CACA,0CAAA,CACA,mDAAA,CAEA,4BACE,mCAAA,CAGF,4CACE,WAAA,CACA,UAAA,CACA,2BAAA,CACA,gBAAA,CACA,kBAAA,CACA,gBAAA,CAGF,4CACE,cAAA,CACA,cAAA,CAGF,4CACE,iDAAA,CACA,sBAAA,CACA,kBAAA,CAEA,8CACE,QAAA,CAIJ,4CACE,iDAAA,CACA,eAAA,CACA,iDAAA,CAGF,4CACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CACA,SAAA,CACA,+CAAA,CACA,gBAAA,CACA,kBAAA,CACA,iBAAA,CACA,qBAAA,CACA,0BAAA",sourcesContent:[".followerPadding {\n padding: 0.5em;\n}\n\n.follower {\n border-color: rgb(0 0 0 / 30%);\n border-width: 1px;\n border-style: solid;\n padding: 10px;\n border-radius: var(--theme-rounded-corners);\n background-color: var(--theme-color-background-main);\n\n &:hover {\n border-color: var(--theme-text-link);\n }\n\n .avatar {\n height: 60px;\n width: 60px;\n border-color: rgb(0 0 0 / 30%);\n border-width: 1px;\n border-style: solid;\n font-size: 1.8rem;\n }\n\n .avatarColumn {\n max-width: 75px;\n min-width: 75px;\n }\n\n .body {\n color: var(--theme-color-components-text-on-light);\n text-overflow: ellipsis;\n line-height: 1.2rem;\n\n p {\n margin: 0;\n }\n }\n\n .account {\n font-family: var(--theme-text-display-font-family);\n font-weight: 600;\n color: var(--theme-color-components-text-on-light);\n }\n\n .icon {\n position: absolute;\n width: 25px;\n height: 25px;\n top: 40px;\n left: 40px;\n border-color: var(--theme-color-background-main);\n border-width: 2px;\n border-style: solid;\n border-radius: 50%;\n background-size: cover;\n background-position: center;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={followerPadding:"vNop6EG0Hbb9u6OZjX4K",follower:"vS_hc5eyp7Z_MMqaEDD8",avatar:"gfEQT2vYwNYv04ZS67yz",avatarColumn:"iVeUULS00OHgBo1m_sAW",body:"Pq6NnYzfFZU8vOVfX2xI",account:"Wtddt8JyRdbtx0RbqJwO",icon:"qKQiAQSCCgFMet_AzLUe"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatSystemMessage/ChatSystemMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".VFPQXIpBfE2WxhJy5Qsd{padding:5px;padding-bottom:10px}.wkX1HvZzmy3LOto1GvxU{background:var(--theme-color-background-main);background:linear-gradient(70deg, rgb(87, 51, 141) 0%, rgb(65, 28, 139) 40%, rgb(71, 50, 133) 80%);border-radius:5px;border-width:1px;border-style:solid;padding:12px}.wkX1HvZzmy3LOto1GvxU .b7kOlrJUrYOYZorUSOen{display:flex;align-items:center;font-family:var(--theme-text-display-font-family);font-weight:bold;color:#fff}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG{color:#fff}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG p{color:#fff;margin:unset}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG mark{padding-left:.3em;padding-right:.3em;color:var(--theme-color-palette-4);border-radius:var(--chat-text-highlight-border-radius);background-color:var(--color-owncast-palette-7)}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG img{max-width:100%;max-height:30vh;object-fit:contain}.wkX1HvZzmy3LOto1GvxU a{color:var(--theme-color-palette-4)}.wkX1HvZzmy3LOto1GvxU a :hover{text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--theme-color-palette-15)}","",{version:3,sources:["webpack://./components/chat/ChatSystemMessage/ChatSystemMessage.module.scss"],names:[],mappings:"AAAA,sBACE,WAAA,CACA,mBAAA,CAGF,sBACE,6CAAA,CACA,kGAAA,CAMA,iBAAA,CACA,gBAAA,CACA,kBAAA,CACA,YAAA,CAEA,4CACE,YAAA,CACA,kBAAA,CACA,iDAAA,CACA,gBAAA,CACA,UAAA,CAGF,4CACE,UAAA,CAEA,8CACE,UAAA,CACA,YAAA,CAGF,iDACE,iBAAA,CACA,kBAAA,CACA,kCAAA,CACA,sDAAA,CACA,+CAAA,CAGF,gDACE,cAAA,CACA,eAAA,CACA,kBAAA,CAIJ,wBACE,kCAAA,CAEA,+BACE,yBAAA,CACA,yBAAA,CACA,mDAAA",sourcesContent:[".chatSystemMessagePadding {\n padding: 5px;\n padding-bottom: 10px;\n}\n\n.chatSystemMessage {\n background: var(--theme-color-background-main);\n background: linear-gradient(\n 70deg,\n rgb(87 51 141) 0%,\n rgb(65 28 139) 40%,\n rgb(71 50 133) 80%\n );\n border-radius: 5px;\n border-width: 1px;\n border-style: solid;\n padding: 12px;\n\n .user {\n display: flex;\n align-items: center;\n font-family: var(--theme-text-display-font-family);\n font-weight: bold;\n color: white;\n }\n\n .message {\n color: white;\n\n p {\n color: white;\n margin: unset;\n }\n\n mark {\n padding-left: 0.3em;\n padding-right: 0.3em;\n color: var(--theme-color-palette-4);\n border-radius: var(--chat-text-highlight-border-radius);\n background-color: var(--color-owncast-palette-7);\n }\n\n img {\n max-width: 100%;\n max-height: 30vh;\n object-fit: contain;\n }\n }\n\n a {\n color: var(--theme-color-palette-4);\n\n :hover {\n text-decoration: underline;\n text-underline-offset: 2px;\n text-decoration-color: var(--theme-color-palette-15);\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={chatSystemMessagePadding:"VFPQXIpBfE2WxhJy5Qsd",chatSystemMessage:"wkX1HvZzmy3LOto1GvxU",user:"b7kOlrJUrYOYZorUSOen",message:"Nqo4e0vEZ1F9jydl8ZDG"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatTextField/ChatTextField.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".lnCQH3uh2reA3NQDOr0A{position:relative;display:flex;bottom:0;width:100%;padding:.6em;background-color:var(--theme-color-components-chat-background)}.lnCQH3uh2reA3NQDOr0A .fTjJaqyv53CIldbJWhQs{position:relative;display:flex;color:var(--theme-color-components-form-field-text);background-color:var(--theme-color-palette-3);border-radius:var(--theme-rounded-corners);bottom:0;width:100%;padding:.3rem;transition:box-shadow 90ms ease-in-out}.lnCQH3uh2reA3NQDOr0A .fTjJaqyv53CIldbJWhQs:focus-within{background-color:var(--theme-color-components-form-field-background);box-shadow:inset 0 0 2px 2px var(--theme-color-palette-3)}.lnCQH3uh2reA3NQDOr0A .fTjJaqyv53CIldbJWhQs img{width:20px;height:20px}.lnCQH3uh2reA3NQDOr0A .wkKOpeKlK9Vc0tfU48Kg{border-style:solid;border-width:2px;border-color:red}.lnCQH3uh2reA3NQDOr0A div[role=textbox]{font-size:13px;font-weight:400;padding:.3rem;background-color:inherit;border-color:var(--theme-color-components-form-field-border);box-shadow:0;transition:box-shadow 50ms ease-in-out;max-height:40px;min-height:30px;cursor:text;overflow-x:auto}.lnCQH3uh2reA3NQDOr0A div[role=textbox]:focus{outline:1px solid var(--color-owncast-gray-500) !important}.lnCQH3uh2reA3NQDOr0A div[role=textbox]>p{margin:0}.lnCQH3uh2reA3NQDOr0A :empty::before{content:attr(placeholder);display:block;color:#aaa}.lCfaEKnylCiXiw1X_twJ{border:none;background:none;cursor:pointer;padding:0 .25rem}.cfE2giCC94dlYKyVn1aL{border:none;background:none;cursor:pointer;padding:0 1rem}","",{version:3,sources:["webpack://./components/chat/ChatTextField/ChatTextField.module.scss"],names:[],mappings:"AAEA,sBACE,iBAAA,CACA,YAAA,CACA,QAAA,CACA,UAAA,CACA,YAAA,CACA,8DAAA,CAEA,4CACE,iBAAA,CACA,YAAA,CACA,mDAAA,CACA,6CAAA,CACA,0CAAA,CACA,QAAA,CACA,UAAA,CACA,aAAA,CACA,sCAAA,CAEA,yDACE,oEAAA,CACA,yDAAA,CAIF,gDACE,UAAA,CACA,WAAA,CAIJ,4CACE,kBAAA,CACA,gBAAA,CACA,gBAAA,CAGF,wCACE,cAAA,CACA,eAAA,CACA,aAAA,CACA,wBAAA,CACA,4DAAA,CACA,YAAA,CACA,sCAAA,CACA,eAAA,CACA,eAAA,CACA,WAAA,CACA,eAAA,CAEA,8CACE,0DAAA,CAGF,0CACE,QAAA,CAKJ,qCACE,yBAAA,CACA,aAAA,CACA,UAAA,CAIJ,sBACE,WAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAGF,sBACE,WAAA,CACA,eAAA,CACA,cAAA,CACA,cAAA",sourcesContent:["@import '../../../styles/mixins';\n\n.root {\n position: relative;\n display: flex;\n bottom: 0;\n width: 100%;\n padding: 0.6em;\n background-color: var(--theme-color-components-chat-background);\n\n .inputWrap {\n position: relative;\n display: flex;\n color: var(--theme-color-components-form-field-text);\n background-color: var(--theme-color-palette-3);\n border-radius: var(--theme-rounded-corners);\n bottom: 0;\n width: 100%;\n padding: 0.3rem;\n transition: box-shadow 90ms ease-in-out;\n\n &:focus-within {\n background-color: var(--theme-color-components-form-field-background);\n box-shadow: inset 0 0 2px 2px var(--theme-color-palette-3);\n }\n\n // Size of custom emoji.\n img {\n width: 20px;\n height: 20px;\n }\n }\n\n .maxCharacters {\n border-style: solid;\n border-width: 2px;\n border-color: red;\n }\n\n div[role='textbox'] {\n font-size: 13px;\n font-weight: 400;\n padding: 0.3rem;\n background-color: inherit;\n border-color: var(--theme-color-components-form-field-border);\n box-shadow: 0;\n transition: box-shadow 50ms ease-in-out;\n max-height: 40px; // 2 lines of text\n min-height: 30px;\n cursor: text;\n overflow-x: auto;\n\n &:focus {\n outline: 1px solid var(--color-owncast-gray-500) !important;\n }\n\n & > p {\n margin: 0;\n }\n }\n\n // Placeholder styling\n :empty::before {\n content: attr(placeholder);\n display: block;\n color: #aaa;\n }\n}\n\n.emojiButton {\n border: none;\n background: none;\n cursor: pointer;\n padding: 0 0.25rem;\n}\n\n.sendButton {\n border: none;\n background: none;\n cursor: pointer;\n padding: 0 1rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"lnCQH3uh2reA3NQDOr0A",inputWrap:"fTjJaqyv53CIldbJWhQs",maxCharacters:"wkKOpeKlK9Vc0tfU48Kg",emojiButton:"lCfaEKnylCiXiw1X_twJ",sendButton:"cfE2giCC94dlYKyVn1aL"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserBadge/ChatUserBadge.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".SCtg8LRcxtjPI1lYSBHR{color:#fff;background-color:var(--color-owncast-palette-0);height:16px;width:16px;border-radius:calc(.4*var(--theme-rounded-corners));text-align:center;padding:2px;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;font-size:.65rem}","",{version:3,sources:["webpack://./components/chat/ChatUserBadge/ChatUserBadge.module.scss"],names:[],mappings:"AAAA,sBACE,UAAA,CACA,+CAAA,CACA,WAAA,CACA,UAAA,CACA,mDAAA,CACA,iBAAA,CACA,WAAA,CACA,mBAAA,CACA,sBAAA,CACA,kBAAA,CACA,eAAA,CACA,gBAAA",sourcesContent:[".badge {\n color: white;\n background-color: var(--color-owncast-palette-0);\n height: 16px;\n width: 16px;\n border-radius: calc(0.4 * var(--theme-rounded-corners));\n text-align: center;\n padding: 2px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n font-size: 0.65rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={badge:"SCtg8LRcxtjPI1lYSBHR"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserMessage/ChatUserMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".LofwnV6iKDucwKPEPtKU{border-left:3px solid currentcolor;position:relative;font-size:var(--chat-message-text-size);padding:2px 8px;color:var(--theme-color-components-chat-text)}.LofwnV6iKDucwKPEPtKU *{z-index:100}.LofwnV6iKDucwKPEPtKU p:nth-of-type(1){margin:initial}.LofwnV6iKDucwKPEPtKU .FFxTJ4MZ1gTYIyREIVqu,.LofwnV6iKDucwKPEPtKU .lMVbMsiF3tuGsNjiPv6p{display:flex;align-items:center;font-weight:600}.LofwnV6iKDucwKPEPtKU .lMVbMsiF3tuGsNjiPv6p{display:none}.LofwnV6iKDucwKPEPtKU .ltxysyJNROz0nVFIMd7a{margin-left:3px;display:flex;justify-content:space-between}.LofwnV6iKDucwKPEPtKU .ltxysyJNROz0nVFIMd7a>*{margin-left:3px}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb{overflow:hidden;overflow-wrap:anywhere;font-weight:400;position:relative}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb mark{padding-left:.3em;padding-right:.3em;color:var(--theme-color-palette-4);border-radius:var(--chat-text-highlight-border-radius);background-color:var(--color-owncast-palette-7)}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb a{color:var(--theme-color-palette-12)}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb a:hover{color:var(--theme-color-palette-4)}.LofwnV6iKDucwKPEPtKU.JMjG13exIdM4fJmxasxN{border-left:none;border-right:3px solid currentcolor}.LofwnV6iKDucwKPEPtKU.JMjG13exIdM4fJmxasxN .zMsKKOqcD3Zx1z_PzxZL{position:absolute;top:0;left:0;width:100%;height:100%;background-color:currentcolor;opacity:.07;border-radius:.25rem;overflow:hidden}.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT{position:absolute;display:none;top:5px;right:10px;color:#000}.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT button:focus,.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT button:active{display:block !important}.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT button{background-color:#fff;border-radius:var(--theme-rounded-corners);border-width:0;opacity:.8}.LofwnV6iKDucwKPEPtKU:hover .wagZ0BNcENyOThsDrcdT{display:block}.vCeev31LzzUwhjEyjhe3{padding:.4rem 5px 0}.AMkaUV9_hVPTAtdUmAWE{padding:2px 5px 0}","",{version:3,sources:["webpack://./components/chat/ChatUserMessage/ChatUserMessage.module.scss"],names:[],mappings:"AAKA,sBAWE,kCAhBa,CAiBb,iBAAA,CACA,uCAAA,CACA,eAAA,CACA,6CAAA,CAdA,wBACE,WAAA,CAKF,uCACE,cAAA,CASF,wFACE,YAAA,CACA,kBAAA,CACA,eAAA,CAGF,4CAIE,YAAA,CAGF,4CACE,eAAA,CACA,YAAA,CACA,6BAAA,CAEA,8CACE,eAAA,CAIJ,4CACE,eAAA,CACA,sBAAA,CACA,eAAA,CACA,iBAAA,CAEA,iDACE,iBAAA,CACA,kBAAA,CACA,kCAAA,CACA,sDAAA,CACA,+CAAA,CAGF,8CACE,mCAAA,CAEA,oDACE,kCAAA,CAKN,2CACE,gBAAA,CACA,mCAtEW,CAwEX,iEACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,6BAAA,CACA,WAAA,CACA,oBAAA,CACA,eAAA,CAIJ,4CACE,iBAAA,CACA,YAAA,CACA,OAAA,CACA,UAAA,CACA,UAAA,CAEA,mHAEE,wBAAA,CAGF,mDACE,qBAAA,CACA,0CAAA,CACA,cAAA,CACA,UAAA,CAIJ,kDACE,aAAA,CAIJ,sBACE,mBAAA,CAGF,sBACE,iBAAA",sourcesContent:["$border-style: 3px solid currentcolor;\n$p-size: 8px;\n$p-h-size: 8px;\n$p-v-size: 2px;\n\n.root {\n * {\n z-index: 100;\n }\n\n // Chat messages are wrapped in

tags. We don't want to render\n // the default margins for these initial

tags, so we remove them here.\n p:nth-of-type(1) {\n margin: initial;\n }\n\n border-left: $border-style;\n position: relative;\n font-size: var(--chat-message-text-size);\n padding: $p-v-size $p-h-size;\n color: var(--theme-color-components-chat-text);\n\n .user {\n display: flex;\n align-items: center;\n font-weight: 600;\n }\n\n .repeatUser {\n // nolint: scss/at-extend-no-missing-placeholder\n @extend .user;\n\n display: none;\n }\n\n .userBadges {\n margin-left: 3px;\n display: flex;\n justify-content: space-between;\n\n > * {\n margin-left: 3px;\n }\n }\n\n .message {\n overflow: hidden;\n overflow-wrap: anywhere;\n font-weight: 400;\n position: relative;\n\n mark {\n padding-left: 0.3em;\n padding-right: 0.3em;\n color: var(--theme-color-palette-4);\n border-radius: var(--chat-text-highlight-border-radius);\n background-color: var(--color-owncast-palette-7);\n }\n\n a {\n color: var(--theme-color-palette-12);\n\n &:hover {\n color: var(--theme-color-palette-4);\n }\n }\n }\n\n &.ownMessage {\n border-left: none;\n border-right: $border-style;\n\n .background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: currentcolor;\n opacity: 0.07;\n border-radius: 0.25rem;\n overflow: hidden;\n }\n }\n\n .modMenuWrapper {\n position: absolute;\n display: none;\n top: 5px;\n right: 10px;\n color: black;\n\n & button:focus,\n & button:active {\n display: block !important;\n }\n\n button {\n background-color: white;\n border-radius: var(--theme-rounded-corners);\n border-width: 0;\n opacity: 0.8;\n }\n }\n\n &:hover .modMenuWrapper {\n display: block;\n }\n}\n\n.messagePadding {\n padding: 0.4rem 5px 0;\n}\n\n.messagePaddingCollapsed {\n padding: 2px 5px 0;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"LofwnV6iKDucwKPEPtKU",user:"FFxTJ4MZ1gTYIyREIVqu",repeatUser:"lMVbMsiF3tuGsNjiPv6p",userBadges:"ltxysyJNROz0nVFIMd7a",message:"w3AFTkGF45TSftU6sRwb",ownMessage:"JMjG13exIdM4fJmxasxN",background:"zMsKKOqcD3Zx1z_PzxZL",modMenuWrapper:"wagZ0BNcENyOThsDrcdT",messagePadding:"vCeev31LzzUwhjEyjhe3",messagePaddingCollapsed:"AMkaUV9_hVPTAtdUmAWE"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/regenerate-unicode-properties sync recursive ^\\.\\/.*\\.js$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./Binary_Property/ASCII.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ASCII.js","./Binary_Property/ASCII_Hex_Digit.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ASCII_Hex_Digit.js","./Binary_Property/Alphabetic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Alphabetic.js","./Binary_Property/Any.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Any.js","./Binary_Property/Assigned.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Assigned.js","./Binary_Property/Bidi_Control.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Bidi_Control.js","./Binary_Property/Bidi_Mirrored.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Bidi_Mirrored.js","./Binary_Property/Case_Ignorable.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Case_Ignorable.js","./Binary_Property/Cased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Cased.js","./Binary_Property/Changes_When_Casefolded.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Casefolded.js","./Binary_Property/Changes_When_Casemapped.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Casemapped.js","./Binary_Property/Changes_When_Lowercased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Lowercased.js","./Binary_Property/Changes_When_NFKC_Casefolded.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_NFKC_Casefolded.js","./Binary_Property/Changes_When_Titlecased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Titlecased.js","./Binary_Property/Changes_When_Uppercased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Uppercased.js","./Binary_Property/Dash.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Dash.js","./Binary_Property/Default_Ignorable_Code_Point.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Default_Ignorable_Code_Point.js","./Binary_Property/Deprecated.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Deprecated.js","./Binary_Property/Diacritic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Diacritic.js","./Binary_Property/Emoji.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji.js","./Binary_Property/Emoji_Component.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Component.js","./Binary_Property/Emoji_Modifier.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Modifier.js","./Binary_Property/Emoji_Modifier_Base.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Modifier_Base.js","./Binary_Property/Emoji_Presentation.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Presentation.js","./Binary_Property/Extended_Pictographic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Extended_Pictographic.js","./Binary_Property/Extender.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Extender.js","./Binary_Property/Grapheme_Base.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Grapheme_Base.js","./Binary_Property/Grapheme_Extend.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Grapheme_Extend.js","./Binary_Property/Hex_Digit.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Hex_Digit.js","./Binary_Property/IDS_Binary_Operator.js":"./node_modules/regenerate-unicode-properties/Binary_Property/IDS_Binary_Operator.js","./Binary_Property/IDS_Trinary_Operator.js":"./node_modules/regenerate-unicode-properties/Binary_Property/IDS_Trinary_Operator.js","./Binary_Property/ID_Continue.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ID_Continue.js","./Binary_Property/ID_Start.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ID_Start.js","./Binary_Property/Ideographic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Ideographic.js","./Binary_Property/Join_Control.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Join_Control.js","./Binary_Property/Logical_Order_Exception.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Logical_Order_Exception.js","./Binary_Property/Lowercase.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Lowercase.js","./Binary_Property/Math.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Math.js","./Binary_Property/Noncharacter_Code_Point.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Noncharacter_Code_Point.js","./Binary_Property/Pattern_Syntax.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Pattern_Syntax.js","./Binary_Property/Pattern_White_Space.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Pattern_White_Space.js","./Binary_Property/Quotation_Mark.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Quotation_Mark.js","./Binary_Property/Radical.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Radical.js","./Binary_Property/Regional_Indicator.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Regional_Indicator.js","./Binary_Property/Sentence_Terminal.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Sentence_Terminal.js","./Binary_Property/Soft_Dotted.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Soft_Dotted.js","./Binary_Property/Terminal_Punctuation.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Terminal_Punctuation.js","./Binary_Property/Unified_Ideograph.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Unified_Ideograph.js","./Binary_Property/Uppercase.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Uppercase.js","./Binary_Property/Variation_Selector.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Variation_Selector.js","./Binary_Property/White_Space.js":"./node_modules/regenerate-unicode-properties/Binary_Property/White_Space.js","./Binary_Property/XID_Continue.js":"./node_modules/regenerate-unicode-properties/Binary_Property/XID_Continue.js","./Binary_Property/XID_Start.js":"./node_modules/regenerate-unicode-properties/Binary_Property/XID_Start.js","./General_Category/Cased_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Cased_Letter.js","./General_Category/Close_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Close_Punctuation.js","./General_Category/Connector_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Connector_Punctuation.js","./General_Category/Control.js":"./node_modules/regenerate-unicode-properties/General_Category/Control.js","./General_Category/Currency_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Currency_Symbol.js","./General_Category/Dash_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Dash_Punctuation.js","./General_Category/Decimal_Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Decimal_Number.js","./General_Category/Enclosing_Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Enclosing_Mark.js","./General_Category/Final_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Final_Punctuation.js","./General_Category/Format.js":"./node_modules/regenerate-unicode-properties/General_Category/Format.js","./General_Category/Initial_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Initial_Punctuation.js","./General_Category/Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Letter.js","./General_Category/Letter_Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Letter_Number.js","./General_Category/Line_Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Line_Separator.js","./General_Category/Lowercase_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Lowercase_Letter.js","./General_Category/Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Mark.js","./General_Category/Math_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Math_Symbol.js","./General_Category/Modifier_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Modifier_Letter.js","./General_Category/Modifier_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Modifier_Symbol.js","./General_Category/Nonspacing_Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Nonspacing_Mark.js","./General_Category/Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Number.js","./General_Category/Open_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Open_Punctuation.js","./General_Category/Other.js":"./node_modules/regenerate-unicode-properties/General_Category/Other.js","./General_Category/Other_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Letter.js","./General_Category/Other_Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Number.js","./General_Category/Other_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Punctuation.js","./General_Category/Other_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Symbol.js","./General_Category/Paragraph_Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Paragraph_Separator.js","./General_Category/Private_Use.js":"./node_modules/regenerate-unicode-properties/General_Category/Private_Use.js","./General_Category/Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Punctuation.js","./General_Category/Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Separator.js","./General_Category/Space_Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Space_Separator.js","./General_Category/Spacing_Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Spacing_Mark.js","./General_Category/Surrogate.js":"./node_modules/regenerate-unicode-properties/General_Category/Surrogate.js","./General_Category/Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Symbol.js","./General_Category/Titlecase_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Titlecase_Letter.js","./General_Category/Unassigned.js":"./node_modules/regenerate-unicode-properties/General_Category/Unassigned.js","./General_Category/Uppercase_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Uppercase_Letter.js","./Property_of_Strings/Basic_Emoji.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/Basic_Emoji.js","./Property_of_Strings/Emoji_Keycap_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/Emoji_Keycap_Sequence.js","./Property_of_Strings/RGI_Emoji.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji.js","./Property_of_Strings/RGI_Emoji_Flag_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_Flag_Sequence.js","./Property_of_Strings/RGI_Emoji_Modifier_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_Modifier_Sequence.js","./Property_of_Strings/RGI_Emoji_Tag_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_Tag_Sequence.js","./Property_of_Strings/RGI_Emoji_ZWJ_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_ZWJ_Sequence.js","./Script/Adlam.js":"./node_modules/regenerate-unicode-properties/Script/Adlam.js","./Script/Ahom.js":"./node_modules/regenerate-unicode-properties/Script/Ahom.js","./Script/Anatolian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script/Anatolian_Hieroglyphs.js","./Script/Arabic.js":"./node_modules/regenerate-unicode-properties/Script/Arabic.js","./Script/Armenian.js":"./node_modules/regenerate-unicode-properties/Script/Armenian.js","./Script/Avestan.js":"./node_modules/regenerate-unicode-properties/Script/Avestan.js","./Script/Balinese.js":"./node_modules/regenerate-unicode-properties/Script/Balinese.js","./Script/Bamum.js":"./node_modules/regenerate-unicode-properties/Script/Bamum.js","./Script/Bassa_Vah.js":"./node_modules/regenerate-unicode-properties/Script/Bassa_Vah.js","./Script/Batak.js":"./node_modules/regenerate-unicode-properties/Script/Batak.js","./Script/Bengali.js":"./node_modules/regenerate-unicode-properties/Script/Bengali.js","./Script/Bhaiksuki.js":"./node_modules/regenerate-unicode-properties/Script/Bhaiksuki.js","./Script/Bopomofo.js":"./node_modules/regenerate-unicode-properties/Script/Bopomofo.js","./Script/Brahmi.js":"./node_modules/regenerate-unicode-properties/Script/Brahmi.js","./Script/Braille.js":"./node_modules/regenerate-unicode-properties/Script/Braille.js","./Script/Buginese.js":"./node_modules/regenerate-unicode-properties/Script/Buginese.js","./Script/Buhid.js":"./node_modules/regenerate-unicode-properties/Script/Buhid.js","./Script/Canadian_Aboriginal.js":"./node_modules/regenerate-unicode-properties/Script/Canadian_Aboriginal.js","./Script/Carian.js":"./node_modules/regenerate-unicode-properties/Script/Carian.js","./Script/Caucasian_Albanian.js":"./node_modules/regenerate-unicode-properties/Script/Caucasian_Albanian.js","./Script/Chakma.js":"./node_modules/regenerate-unicode-properties/Script/Chakma.js","./Script/Cham.js":"./node_modules/regenerate-unicode-properties/Script/Cham.js","./Script/Cherokee.js":"./node_modules/regenerate-unicode-properties/Script/Cherokee.js","./Script/Chorasmian.js":"./node_modules/regenerate-unicode-properties/Script/Chorasmian.js","./Script/Common.js":"./node_modules/regenerate-unicode-properties/Script/Common.js","./Script/Coptic.js":"./node_modules/regenerate-unicode-properties/Script/Coptic.js","./Script/Cuneiform.js":"./node_modules/regenerate-unicode-properties/Script/Cuneiform.js","./Script/Cypriot.js":"./node_modules/regenerate-unicode-properties/Script/Cypriot.js","./Script/Cypro_Minoan.js":"./node_modules/regenerate-unicode-properties/Script/Cypro_Minoan.js","./Script/Cyrillic.js":"./node_modules/regenerate-unicode-properties/Script/Cyrillic.js","./Script/Deseret.js":"./node_modules/regenerate-unicode-properties/Script/Deseret.js","./Script/Devanagari.js":"./node_modules/regenerate-unicode-properties/Script/Devanagari.js","./Script/Dives_Akuru.js":"./node_modules/regenerate-unicode-properties/Script/Dives_Akuru.js","./Script/Dogra.js":"./node_modules/regenerate-unicode-properties/Script/Dogra.js","./Script/Duployan.js":"./node_modules/regenerate-unicode-properties/Script/Duployan.js","./Script/Egyptian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script/Egyptian_Hieroglyphs.js","./Script/Elbasan.js":"./node_modules/regenerate-unicode-properties/Script/Elbasan.js","./Script/Elymaic.js":"./node_modules/regenerate-unicode-properties/Script/Elymaic.js","./Script/Ethiopic.js":"./node_modules/regenerate-unicode-properties/Script/Ethiopic.js","./Script/Georgian.js":"./node_modules/regenerate-unicode-properties/Script/Georgian.js","./Script/Glagolitic.js":"./node_modules/regenerate-unicode-properties/Script/Glagolitic.js","./Script/Gothic.js":"./node_modules/regenerate-unicode-properties/Script/Gothic.js","./Script/Grantha.js":"./node_modules/regenerate-unicode-properties/Script/Grantha.js","./Script/Greek.js":"./node_modules/regenerate-unicode-properties/Script/Greek.js","./Script/Gujarati.js":"./node_modules/regenerate-unicode-properties/Script/Gujarati.js","./Script/Gunjala_Gondi.js":"./node_modules/regenerate-unicode-properties/Script/Gunjala_Gondi.js","./Script/Gurmukhi.js":"./node_modules/regenerate-unicode-properties/Script/Gurmukhi.js","./Script/Han.js":"./node_modules/regenerate-unicode-properties/Script/Han.js","./Script/Hangul.js":"./node_modules/regenerate-unicode-properties/Script/Hangul.js","./Script/Hanifi_Rohingya.js":"./node_modules/regenerate-unicode-properties/Script/Hanifi_Rohingya.js","./Script/Hanunoo.js":"./node_modules/regenerate-unicode-properties/Script/Hanunoo.js","./Script/Hatran.js":"./node_modules/regenerate-unicode-properties/Script/Hatran.js","./Script/Hebrew.js":"./node_modules/regenerate-unicode-properties/Script/Hebrew.js","./Script/Hiragana.js":"./node_modules/regenerate-unicode-properties/Script/Hiragana.js","./Script/Imperial_Aramaic.js":"./node_modules/regenerate-unicode-properties/Script/Imperial_Aramaic.js","./Script/Inherited.js":"./node_modules/regenerate-unicode-properties/Script/Inherited.js","./Script/Inscriptional_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script/Inscriptional_Pahlavi.js","./Script/Inscriptional_Parthian.js":"./node_modules/regenerate-unicode-properties/Script/Inscriptional_Parthian.js","./Script/Javanese.js":"./node_modules/regenerate-unicode-properties/Script/Javanese.js","./Script/Kaithi.js":"./node_modules/regenerate-unicode-properties/Script/Kaithi.js","./Script/Kannada.js":"./node_modules/regenerate-unicode-properties/Script/Kannada.js","./Script/Katakana.js":"./node_modules/regenerate-unicode-properties/Script/Katakana.js","./Script/Kawi.js":"./node_modules/regenerate-unicode-properties/Script/Kawi.js","./Script/Kayah_Li.js":"./node_modules/regenerate-unicode-properties/Script/Kayah_Li.js","./Script/Kharoshthi.js":"./node_modules/regenerate-unicode-properties/Script/Kharoshthi.js","./Script/Khitan_Small_Script.js":"./node_modules/regenerate-unicode-properties/Script/Khitan_Small_Script.js","./Script/Khmer.js":"./node_modules/regenerate-unicode-properties/Script/Khmer.js","./Script/Khojki.js":"./node_modules/regenerate-unicode-properties/Script/Khojki.js","./Script/Khudawadi.js":"./node_modules/regenerate-unicode-properties/Script/Khudawadi.js","./Script/Lao.js":"./node_modules/regenerate-unicode-properties/Script/Lao.js","./Script/Latin.js":"./node_modules/regenerate-unicode-properties/Script/Latin.js","./Script/Lepcha.js":"./node_modules/regenerate-unicode-properties/Script/Lepcha.js","./Script/Limbu.js":"./node_modules/regenerate-unicode-properties/Script/Limbu.js","./Script/Linear_A.js":"./node_modules/regenerate-unicode-properties/Script/Linear_A.js","./Script/Linear_B.js":"./node_modules/regenerate-unicode-properties/Script/Linear_B.js","./Script/Lisu.js":"./node_modules/regenerate-unicode-properties/Script/Lisu.js","./Script/Lycian.js":"./node_modules/regenerate-unicode-properties/Script/Lycian.js","./Script/Lydian.js":"./node_modules/regenerate-unicode-properties/Script/Lydian.js","./Script/Mahajani.js":"./node_modules/regenerate-unicode-properties/Script/Mahajani.js","./Script/Makasar.js":"./node_modules/regenerate-unicode-properties/Script/Makasar.js","./Script/Malayalam.js":"./node_modules/regenerate-unicode-properties/Script/Malayalam.js","./Script/Mandaic.js":"./node_modules/regenerate-unicode-properties/Script/Mandaic.js","./Script/Manichaean.js":"./node_modules/regenerate-unicode-properties/Script/Manichaean.js","./Script/Marchen.js":"./node_modules/regenerate-unicode-properties/Script/Marchen.js","./Script/Masaram_Gondi.js":"./node_modules/regenerate-unicode-properties/Script/Masaram_Gondi.js","./Script/Medefaidrin.js":"./node_modules/regenerate-unicode-properties/Script/Medefaidrin.js","./Script/Meetei_Mayek.js":"./node_modules/regenerate-unicode-properties/Script/Meetei_Mayek.js","./Script/Mende_Kikakui.js":"./node_modules/regenerate-unicode-properties/Script/Mende_Kikakui.js","./Script/Meroitic_Cursive.js":"./node_modules/regenerate-unicode-properties/Script/Meroitic_Cursive.js","./Script/Meroitic_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script/Meroitic_Hieroglyphs.js","./Script/Miao.js":"./node_modules/regenerate-unicode-properties/Script/Miao.js","./Script/Modi.js":"./node_modules/regenerate-unicode-properties/Script/Modi.js","./Script/Mongolian.js":"./node_modules/regenerate-unicode-properties/Script/Mongolian.js","./Script/Mro.js":"./node_modules/regenerate-unicode-properties/Script/Mro.js","./Script/Multani.js":"./node_modules/regenerate-unicode-properties/Script/Multani.js","./Script/Myanmar.js":"./node_modules/regenerate-unicode-properties/Script/Myanmar.js","./Script/Nabataean.js":"./node_modules/regenerate-unicode-properties/Script/Nabataean.js","./Script/Nag_Mundari.js":"./node_modules/regenerate-unicode-properties/Script/Nag_Mundari.js","./Script/Nandinagari.js":"./node_modules/regenerate-unicode-properties/Script/Nandinagari.js","./Script/New_Tai_Lue.js":"./node_modules/regenerate-unicode-properties/Script/New_Tai_Lue.js","./Script/Newa.js":"./node_modules/regenerate-unicode-properties/Script/Newa.js","./Script/Nko.js":"./node_modules/regenerate-unicode-properties/Script/Nko.js","./Script/Nushu.js":"./node_modules/regenerate-unicode-properties/Script/Nushu.js","./Script/Nyiakeng_Puachue_Hmong.js":"./node_modules/regenerate-unicode-properties/Script/Nyiakeng_Puachue_Hmong.js","./Script/Ogham.js":"./node_modules/regenerate-unicode-properties/Script/Ogham.js","./Script/Ol_Chiki.js":"./node_modules/regenerate-unicode-properties/Script/Ol_Chiki.js","./Script/Old_Hungarian.js":"./node_modules/regenerate-unicode-properties/Script/Old_Hungarian.js","./Script/Old_Italic.js":"./node_modules/regenerate-unicode-properties/Script/Old_Italic.js","./Script/Old_North_Arabian.js":"./node_modules/regenerate-unicode-properties/Script/Old_North_Arabian.js","./Script/Old_Permic.js":"./node_modules/regenerate-unicode-properties/Script/Old_Permic.js","./Script/Old_Persian.js":"./node_modules/regenerate-unicode-properties/Script/Old_Persian.js","./Script/Old_Sogdian.js":"./node_modules/regenerate-unicode-properties/Script/Old_Sogdian.js","./Script/Old_South_Arabian.js":"./node_modules/regenerate-unicode-properties/Script/Old_South_Arabian.js","./Script/Old_Turkic.js":"./node_modules/regenerate-unicode-properties/Script/Old_Turkic.js","./Script/Old_Uyghur.js":"./node_modules/regenerate-unicode-properties/Script/Old_Uyghur.js","./Script/Oriya.js":"./node_modules/regenerate-unicode-properties/Script/Oriya.js","./Script/Osage.js":"./node_modules/regenerate-unicode-properties/Script/Osage.js","./Script/Osmanya.js":"./node_modules/regenerate-unicode-properties/Script/Osmanya.js","./Script/Pahawh_Hmong.js":"./node_modules/regenerate-unicode-properties/Script/Pahawh_Hmong.js","./Script/Palmyrene.js":"./node_modules/regenerate-unicode-properties/Script/Palmyrene.js","./Script/Pau_Cin_Hau.js":"./node_modules/regenerate-unicode-properties/Script/Pau_Cin_Hau.js","./Script/Phags_Pa.js":"./node_modules/regenerate-unicode-properties/Script/Phags_Pa.js","./Script/Phoenician.js":"./node_modules/regenerate-unicode-properties/Script/Phoenician.js","./Script/Psalter_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script/Psalter_Pahlavi.js","./Script/Rejang.js":"./node_modules/regenerate-unicode-properties/Script/Rejang.js","./Script/Runic.js":"./node_modules/regenerate-unicode-properties/Script/Runic.js","./Script/Samaritan.js":"./node_modules/regenerate-unicode-properties/Script/Samaritan.js","./Script/Saurashtra.js":"./node_modules/regenerate-unicode-properties/Script/Saurashtra.js","./Script/Sharada.js":"./node_modules/regenerate-unicode-properties/Script/Sharada.js","./Script/Shavian.js":"./node_modules/regenerate-unicode-properties/Script/Shavian.js","./Script/Siddham.js":"./node_modules/regenerate-unicode-properties/Script/Siddham.js","./Script/SignWriting.js":"./node_modules/regenerate-unicode-properties/Script/SignWriting.js","./Script/Sinhala.js":"./node_modules/regenerate-unicode-properties/Script/Sinhala.js","./Script/Sogdian.js":"./node_modules/regenerate-unicode-properties/Script/Sogdian.js","./Script/Sora_Sompeng.js":"./node_modules/regenerate-unicode-properties/Script/Sora_Sompeng.js","./Script/Soyombo.js":"./node_modules/regenerate-unicode-properties/Script/Soyombo.js","./Script/Sundanese.js":"./node_modules/regenerate-unicode-properties/Script/Sundanese.js","./Script/Syloti_Nagri.js":"./node_modules/regenerate-unicode-properties/Script/Syloti_Nagri.js","./Script/Syriac.js":"./node_modules/regenerate-unicode-properties/Script/Syriac.js","./Script/Tagalog.js":"./node_modules/regenerate-unicode-properties/Script/Tagalog.js","./Script/Tagbanwa.js":"./node_modules/regenerate-unicode-properties/Script/Tagbanwa.js","./Script/Tai_Le.js":"./node_modules/regenerate-unicode-properties/Script/Tai_Le.js","./Script/Tai_Tham.js":"./node_modules/regenerate-unicode-properties/Script/Tai_Tham.js","./Script/Tai_Viet.js":"./node_modules/regenerate-unicode-properties/Script/Tai_Viet.js","./Script/Takri.js":"./node_modules/regenerate-unicode-properties/Script/Takri.js","./Script/Tamil.js":"./node_modules/regenerate-unicode-properties/Script/Tamil.js","./Script/Tangsa.js":"./node_modules/regenerate-unicode-properties/Script/Tangsa.js","./Script/Tangut.js":"./node_modules/regenerate-unicode-properties/Script/Tangut.js","./Script/Telugu.js":"./node_modules/regenerate-unicode-properties/Script/Telugu.js","./Script/Thaana.js":"./node_modules/regenerate-unicode-properties/Script/Thaana.js","./Script/Thai.js":"./node_modules/regenerate-unicode-properties/Script/Thai.js","./Script/Tibetan.js":"./node_modules/regenerate-unicode-properties/Script/Tibetan.js","./Script/Tifinagh.js":"./node_modules/regenerate-unicode-properties/Script/Tifinagh.js","./Script/Tirhuta.js":"./node_modules/regenerate-unicode-properties/Script/Tirhuta.js","./Script/Toto.js":"./node_modules/regenerate-unicode-properties/Script/Toto.js","./Script/Ugaritic.js":"./node_modules/regenerate-unicode-properties/Script/Ugaritic.js","./Script/Vai.js":"./node_modules/regenerate-unicode-properties/Script/Vai.js","./Script/Vithkuqi.js":"./node_modules/regenerate-unicode-properties/Script/Vithkuqi.js","./Script/Wancho.js":"./node_modules/regenerate-unicode-properties/Script/Wancho.js","./Script/Warang_Citi.js":"./node_modules/regenerate-unicode-properties/Script/Warang_Citi.js","./Script/Yezidi.js":"./node_modules/regenerate-unicode-properties/Script/Yezidi.js","./Script/Yi.js":"./node_modules/regenerate-unicode-properties/Script/Yi.js","./Script/Zanabazar_Square.js":"./node_modules/regenerate-unicode-properties/Script/Zanabazar_Square.js","./Script_Extensions/Adlam.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Adlam.js","./Script_Extensions/Ahom.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ahom.js","./Script_Extensions/Anatolian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Anatolian_Hieroglyphs.js","./Script_Extensions/Arabic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Arabic.js","./Script_Extensions/Armenian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Armenian.js","./Script_Extensions/Avestan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Avestan.js","./Script_Extensions/Balinese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Balinese.js","./Script_Extensions/Bamum.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bamum.js","./Script_Extensions/Bassa_Vah.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bassa_Vah.js","./Script_Extensions/Batak.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Batak.js","./Script_Extensions/Bengali.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bengali.js","./Script_Extensions/Bhaiksuki.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bhaiksuki.js","./Script_Extensions/Bopomofo.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bopomofo.js","./Script_Extensions/Brahmi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Brahmi.js","./Script_Extensions/Braille.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Braille.js","./Script_Extensions/Buginese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Buginese.js","./Script_Extensions/Buhid.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Buhid.js","./Script_Extensions/Canadian_Aboriginal.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Canadian_Aboriginal.js","./Script_Extensions/Carian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Carian.js","./Script_Extensions/Caucasian_Albanian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Caucasian_Albanian.js","./Script_Extensions/Chakma.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Chakma.js","./Script_Extensions/Cham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cham.js","./Script_Extensions/Cherokee.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cherokee.js","./Script_Extensions/Chorasmian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Chorasmian.js","./Script_Extensions/Common.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Common.js","./Script_Extensions/Coptic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Coptic.js","./Script_Extensions/Cuneiform.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cuneiform.js","./Script_Extensions/Cypriot.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cypriot.js","./Script_Extensions/Cypro_Minoan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cypro_Minoan.js","./Script_Extensions/Cyrillic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cyrillic.js","./Script_Extensions/Deseret.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Deseret.js","./Script_Extensions/Devanagari.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Devanagari.js","./Script_Extensions/Dives_Akuru.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Dives_Akuru.js","./Script_Extensions/Dogra.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Dogra.js","./Script_Extensions/Duployan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Duployan.js","./Script_Extensions/Egyptian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Egyptian_Hieroglyphs.js","./Script_Extensions/Elbasan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Elbasan.js","./Script_Extensions/Elymaic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Elymaic.js","./Script_Extensions/Ethiopic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ethiopic.js","./Script_Extensions/Georgian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Georgian.js","./Script_Extensions/Glagolitic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Glagolitic.js","./Script_Extensions/Gothic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gothic.js","./Script_Extensions/Grantha.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Grantha.js","./Script_Extensions/Greek.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Greek.js","./Script_Extensions/Gujarati.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gujarati.js","./Script_Extensions/Gunjala_Gondi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gunjala_Gondi.js","./Script_Extensions/Gurmukhi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gurmukhi.js","./Script_Extensions/Han.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Han.js","./Script_Extensions/Hangul.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hangul.js","./Script_Extensions/Hanifi_Rohingya.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hanifi_Rohingya.js","./Script_Extensions/Hanunoo.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hanunoo.js","./Script_Extensions/Hatran.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hatran.js","./Script_Extensions/Hebrew.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hebrew.js","./Script_Extensions/Hiragana.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hiragana.js","./Script_Extensions/Imperial_Aramaic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Imperial_Aramaic.js","./Script_Extensions/Inherited.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Inherited.js","./Script_Extensions/Inscriptional_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Inscriptional_Pahlavi.js","./Script_Extensions/Inscriptional_Parthian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Inscriptional_Parthian.js","./Script_Extensions/Javanese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Javanese.js","./Script_Extensions/Kaithi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kaithi.js","./Script_Extensions/Kannada.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kannada.js","./Script_Extensions/Katakana.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Katakana.js","./Script_Extensions/Kawi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kawi.js","./Script_Extensions/Kayah_Li.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kayah_Li.js","./Script_Extensions/Kharoshthi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kharoshthi.js","./Script_Extensions/Khitan_Small_Script.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khitan_Small_Script.js","./Script_Extensions/Khmer.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khmer.js","./Script_Extensions/Khojki.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khojki.js","./Script_Extensions/Khudawadi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khudawadi.js","./Script_Extensions/Lao.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lao.js","./Script_Extensions/Latin.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Latin.js","./Script_Extensions/Lepcha.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lepcha.js","./Script_Extensions/Limbu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Limbu.js","./Script_Extensions/Linear_A.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Linear_A.js","./Script_Extensions/Linear_B.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Linear_B.js","./Script_Extensions/Lisu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lisu.js","./Script_Extensions/Lycian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lycian.js","./Script_Extensions/Lydian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lydian.js","./Script_Extensions/Mahajani.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mahajani.js","./Script_Extensions/Makasar.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Makasar.js","./Script_Extensions/Malayalam.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Malayalam.js","./Script_Extensions/Mandaic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mandaic.js","./Script_Extensions/Manichaean.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Manichaean.js","./Script_Extensions/Marchen.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Marchen.js","./Script_Extensions/Masaram_Gondi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Masaram_Gondi.js","./Script_Extensions/Medefaidrin.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Medefaidrin.js","./Script_Extensions/Meetei_Mayek.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Meetei_Mayek.js","./Script_Extensions/Mende_Kikakui.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mende_Kikakui.js","./Script_Extensions/Meroitic_Cursive.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Meroitic_Cursive.js","./Script_Extensions/Meroitic_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Meroitic_Hieroglyphs.js","./Script_Extensions/Miao.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Miao.js","./Script_Extensions/Modi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Modi.js","./Script_Extensions/Mongolian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mongolian.js","./Script_Extensions/Mro.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mro.js","./Script_Extensions/Multani.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Multani.js","./Script_Extensions/Myanmar.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Myanmar.js","./Script_Extensions/Nabataean.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nabataean.js","./Script_Extensions/Nag_Mundari.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nag_Mundari.js","./Script_Extensions/Nandinagari.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nandinagari.js","./Script_Extensions/New_Tai_Lue.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/New_Tai_Lue.js","./Script_Extensions/Newa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Newa.js","./Script_Extensions/Nko.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nko.js","./Script_Extensions/Nushu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nushu.js","./Script_Extensions/Nyiakeng_Puachue_Hmong.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nyiakeng_Puachue_Hmong.js","./Script_Extensions/Ogham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ogham.js","./Script_Extensions/Ol_Chiki.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ol_Chiki.js","./Script_Extensions/Old_Hungarian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Hungarian.js","./Script_Extensions/Old_Italic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Italic.js","./Script_Extensions/Old_North_Arabian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_North_Arabian.js","./Script_Extensions/Old_Permic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Permic.js","./Script_Extensions/Old_Persian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Persian.js","./Script_Extensions/Old_Sogdian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Sogdian.js","./Script_Extensions/Old_South_Arabian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_South_Arabian.js","./Script_Extensions/Old_Turkic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Turkic.js","./Script_Extensions/Old_Uyghur.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Uyghur.js","./Script_Extensions/Oriya.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Oriya.js","./Script_Extensions/Osage.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Osage.js","./Script_Extensions/Osmanya.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Osmanya.js","./Script_Extensions/Pahawh_Hmong.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Pahawh_Hmong.js","./Script_Extensions/Palmyrene.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Palmyrene.js","./Script_Extensions/Pau_Cin_Hau.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Pau_Cin_Hau.js","./Script_Extensions/Phags_Pa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Phags_Pa.js","./Script_Extensions/Phoenician.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Phoenician.js","./Script_Extensions/Psalter_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Psalter_Pahlavi.js","./Script_Extensions/Rejang.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Rejang.js","./Script_Extensions/Runic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Runic.js","./Script_Extensions/Samaritan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Samaritan.js","./Script_Extensions/Saurashtra.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Saurashtra.js","./Script_Extensions/Sharada.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sharada.js","./Script_Extensions/Shavian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Shavian.js","./Script_Extensions/Siddham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Siddham.js","./Script_Extensions/SignWriting.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/SignWriting.js","./Script_Extensions/Sinhala.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sinhala.js","./Script_Extensions/Sogdian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sogdian.js","./Script_Extensions/Sora_Sompeng.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sora_Sompeng.js","./Script_Extensions/Soyombo.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Soyombo.js","./Script_Extensions/Sundanese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sundanese.js","./Script_Extensions/Syloti_Nagri.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Syloti_Nagri.js","./Script_Extensions/Syriac.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Syriac.js","./Script_Extensions/Tagalog.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tagalog.js","./Script_Extensions/Tagbanwa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tagbanwa.js","./Script_Extensions/Tai_Le.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tai_Le.js","./Script_Extensions/Tai_Tham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tai_Tham.js","./Script_Extensions/Tai_Viet.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tai_Viet.js","./Script_Extensions/Takri.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Takri.js","./Script_Extensions/Tamil.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tamil.js","./Script_Extensions/Tangsa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tangsa.js","./Script_Extensions/Tangut.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tangut.js","./Script_Extensions/Telugu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Telugu.js","./Script_Extensions/Thaana.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Thaana.js","./Script_Extensions/Thai.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Thai.js","./Script_Extensions/Tibetan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tibetan.js","./Script_Extensions/Tifinagh.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tifinagh.js","./Script_Extensions/Tirhuta.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tirhuta.js","./Script_Extensions/Toto.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Toto.js","./Script_Extensions/Ugaritic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ugaritic.js","./Script_Extensions/Vai.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Vai.js","./Script_Extensions/Vithkuqi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Vithkuqi.js","./Script_Extensions/Wancho.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Wancho.js","./Script_Extensions/Warang_Citi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Warang_Citi.js","./Script_Extensions/Yezidi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Yezidi.js","./Script_Extensions/Yi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Yi.js","./Script_Extensions/Zanabazar_Square.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Zanabazar_Square.js","./index.js":"./node_modules/regenerate-unicode-properties/index.js","./unicode-version.js":"./node_modules/regenerate-unicode-properties/unicode-version.js"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./node_modules/regenerate-unicode-properties sync recursive ^\\.\\/.*\\.js$"},"?5580":()=>{},"?03fb":()=>{},"?6197":()=>{},"?b8cb":()=>{},"?c717":()=>{}}]); \ No newline at end of file +(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5645],{"./components/chat/ChatActionMessage/ChatActionMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>ChatActionMessage});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatActionMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatActionMessage/ChatActionMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatActionMessage_module.A,options);const ChatActionMessage_ChatActionMessage_module=ChatActionMessage_module.A&&ChatActionMessage_module.A.locals?ChatActionMessage_module.A.locals:void 0;var __jsx=react.createElement,ChatActionMessage=function ChatActionMessage(_ref){var body=_ref.body;return __jsx("div",{className:ChatActionMessage_ChatActionMessage_module.chatActionPadding},__jsx("div",{dangerouslySetInnerHTML:{__html:body},className:ChatActionMessage_ChatActionMessage_module.chatAction}))};ChatActionMessage.displayName="ChatActionMessage";try{ChatActionMessage.displayName="ChatActionMessage",ChatActionMessage.__docgenInfo={description:"",displayName:"ChatActionMessage",props:{body:{defaultValue:null,description:"",name:"body",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatActionMessage/ChatActionMessage.tsx#ChatActionMessage"]={docgenInfo:ChatActionMessage.__docgenInfo,name:"ChatActionMessage",path:"components/chat/ChatActionMessage/ChatActionMessage.tsx#ChatActionMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatContainer/ChatContainer.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ChatContainer:()=>ChatContainer});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dist=__webpack_require__("./node_modules/react-virtuoso/dist/index.mjs"),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),esm=__webpack_require__("./node_modules/interweave/esm/index.js"),socket_events=__webpack_require__("./interfaces/socket-events.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatContainer_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatContainer/ChatContainer.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatContainer_module.A,options);const ChatContainer_ChatContainer_module=ChatContainer_module.A&&ChatContainer_module.A.locals?ChatContainer_module.A.locals:void 0;var ChatUserMessage=__webpack_require__("./components/chat/ChatUserMessage/ChatUserMessage.tsx"),ChatTextField=__webpack_require__("./components/chat/ChatTextField/ChatTextField.tsx"),ChatModeratorNotification=__webpack_require__("./components/chat/ChatModeratorNotification/ChatModeratorNotification.tsx"),ChatSystemMessage=__webpack_require__("./components/chat/ChatSystemMessage/ChatSystemMessage.tsx"),ChatJoinMessage=__webpack_require__("./components/chat/ChatJoinMessage/ChatJoinMessage.tsx"),ChatPartMessage=__webpack_require__("./components/chat/ChatPartMessage/ChatPartMessage.tsx"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),__jsx=react.createElement,VerticalAlignBottomOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7114)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/VerticalAlignBottomOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/VerticalAlignBottomOutlined.js"]}}}),ScrollToBotBtn=function ScrollToBotBtn(_ref){var onClick=_ref.onClick;return __jsx("div",{className:ChatContainer_ChatContainer_module.toBottomWrap,id:"scroll-to-chat-bottom"},__jsx(es_button.A,{type:"default",style:{color:"currentColor"},icon:__jsx(VerticalAlignBottomOutlined,null),onClick},"Go to last message"))};ScrollToBotBtn.displayName="ScrollToBotBtn";try{ScrollToBotBtn.displayName="ScrollToBotBtn",ScrollToBotBtn.__docgenInfo={description:"",displayName:"ScrollToBotBtn",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatContainer/ScrollToBotBtn.tsx#ScrollToBotBtn"]={docgenInfo:ScrollToBotBtn.__docgenInfo,name:"ScrollToBotBtn",path:"components/chat/ChatContainer/ScrollToBotBtn.tsx#ScrollToBotBtn"})}catch(__react_docgen_typescript_loader_error){}var resizeWindowCallback,ChatActionMessage=__webpack_require__("./components/chat/ChatActionMessage/ChatActionMessage.tsx"),ChatSocialMessage=__webpack_require__("./components/chat/ChatSocialMessage/ChatSocialMessage.tsx"),ChatNameChangeMessage=__webpack_require__("./components/chat/ChatNameChangeMessage/ChatNameChangeMessage.tsx"),user_model=__webpack_require__("./interfaces/user.model.ts"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),ChatContainer_jsx=react.createElement;function shouldCollapseMessages(message,previous){if(!message||!message.user)return!1;if(previous.type!==socket_events.G.CHAT)return!1;if(message.user.id!==previous.user.id)return!1;if(!previous.timestamp||!message.timestamp)return!1;var lastTimestamp=new Date(previous.timestamp).getTime();return!(new Date(message.timestamp).getTime()-lastTimestamp>4e4)}function checkIsModerator(message){var user=message.user;return new user_model.K(user).isModerator}var ChatContainer=function ChatContainer(_ref){var messages=_ref.messages,usernameToHighlight=_ref.usernameToHighlight,chatUserId=_ref.chatUserId,isModerator=_ref.isModerator,showInput=_ref.showInput,height=_ref.height,chatEnabled=_ref.chatAvailable,desktop=_ref.desktop,_ref$focusInput=_ref.focusInput,focusInput=void 0===_ref$focusInput||_ref$focusInput,_useState=(0,react.useState)(!1),showScrollToBottomButton=_useState[0],setShowScrollToBottomButton=_useState[1],_useState2=(0,react.useState)(!1),isAtBottom=_useState2[0],setIsAtBottom=_useState2[1],chatContainerRef=(0,react.useRef)(null),scrollToBottomDelay=(0,react.useRef)(null),collapsedIndexes=[],consecutiveTally=1;function shouldCollapse(index){return collapsedIndexes.length<=index&&function calculateCollapsedMessages(){for(var i=collapsedIndexes.length;i0&&consecutiveTally<5&&shouldCollapseMessages(messages[i],messages[i-1]);collapsedIndexes.push(collapse),consecutiveTally=1+(collapse?consecutiveTally:0)}}(),collapsedIndexes[index]}(0,react.useEffect)((function(){return function(){clearTimeout(scrollToBottomDelay.current)}}),[]);var getFediverseMessage=function getFediverseMessage(message){return ChatContainer_jsx(ChatSocialMessage.$,{message})},getViewForMessage=function getViewForMessage(index,message){switch(message.type){case socket_events.G.CHAT:return function getUserChatMessageView(index,message){var _message$user3,_message$user4,_message$user5,isAuthorModerator=checkIsModerator(message);return ChatContainer_jsx(ChatUserMessage.L,{message,showModeratorMenu:isModerator,highlightString:usernameToHighlight,sentBySelf:(null===(_message$user3=message.user)||void 0===_message$user3?void 0:_message$user3.id)===chatUserId,sameUserAsLast:shouldCollapse(index),isAuthorModerator,isAuthorBot:null===(_message$user4=message.user)||void 0===_message$user4?void 0:_message$user4.isBot,isAuthorAuthenticated:null===(_message$user5=message.user)||void 0===_message$user5?void 0:_message$user5.authenticated,key:message.id})}(index,message);case socket_events.G.NAME_CHANGE:return ChatContainer_jsx(ChatNameChangeMessage.T,{message});case socket_events.G.CONNECTED_USER_INFO:return function getConnectedInfoMessage(message){if(!checkIsModerator(message))return ChatContainer_jsx("div",{style:{width:"1px",height:"1px"}});return ChatContainer_jsx(ChatModeratorNotification.N,null)}(message);case socket_events.G.USER_JOINED:return function getUserJoinedMessage(message){var _message$user=message.user,displayName=_message$user.displayName,displayColor=_message$user.displayColor,isAuthorModerator=checkIsModerator(message);return ChatContainer_jsx(ChatJoinMessage.W,{displayName,userColor:displayColor,isAuthorModerator})}(message);case socket_events.G.USER_PARTED:return function getUserPartMessage(message){var _message$user2=message.user,displayName=_message$user2.displayName,displayColor=_message$user2.displayColor,isAuthorModerator=checkIsModerator(message);return ChatContainer_jsx(ChatPartMessage.t,{displayName,userColor:displayColor,isAuthorModerator})}(message);case socket_events.G.CHAT_ACTION:return function getActionMessage(message){var body=message.body;return ChatContainer_jsx(ChatActionMessage.i,{body})}(message);case socket_events.G.SYSTEM:return ChatContainer_jsx(ChatSystemMessage.z,{message,highlightString:usernameToHighlight,key:message.id});case socket_events.G.FEDIVERSE_ENGAGEMENT_FOLLOW:case socket_events.G.FEDIVERSE_ENGAGEMENT_LIKE:case socket_events.G.FEDIVERSE_ENGAGEMENT_REPOST:return getFediverseMessage(message);default:return null}},scrollChatToBottom=function scrollChatToBottom(ref){clearTimeout(scrollToBottomDelay.current),scrollToBottomDelay.current=setTimeout((function(){var _ref$current;null===(_ref$current=ref.current)||void 0===_ref$current||_ref$current.scrollTo({top:1/0,left:0,behavior:"auto"}),setIsAtBottom(!0)}),150),setShowScrollToBottomButton(!1)};(0,react.useEffect)((function(){setTimeout((function(){scrollChatToBottom(chatContainerRef)}),500)}),[]);var MessagesTable=(0,react.useMemo)((function(){return ChatContainer_jsx(react.Fragment,null,ChatContainer_jsx(dist.aY,{id:"virtuoso",style:{height},className:ChatContainer_ChatContainer_module.virtuoso,ref:chatContainerRef,data:messages,itemContent:function itemContent(index,message){return getViewForMessage(index,message)},initialTopMostItemIndex:messages.length-1,followOutput:function followOutput(){return!!isAtBottom&&(setShowScrollToBottomButton(!1),scrollChatToBottom(chatContainerRef),"smooth")},alignToBottom:!0,atBottomThreshold:70,atBottomStateChange:function atBottomStateChange(bottom){setIsAtBottom(bottom),setShowScrollToBottomButton(!bottom)}}),showScrollToBottomButton&&ChatContainer_jsx(ScrollToBotBtn,{onClick:function onClick(){scrollChatToBottom(chatContainerRef)}}))}),[messages,usernameToHighlight,chatUserId,isModerator,showScrollToBottomButton,isAtBottom]);function clampChatWidth(desired){return Math.max(200,Math.min(.666*window.innerWidth,desired))}function resize(){var container=desktop&&document.getElementById("chat-container");if(container){var currentWidth=parseFloat(container.style.width)||320;container.style.width="".concat(clampChatWidth(currentWidth),"px")}}var lastMessage=function getLastMessage(){if(messages.length>0&&void 0!==messages[messages.length-1].body){var _lastMessage=messages[messages.length-1],message=_lastMessage.body.replace(/(<([^>]+)>)/gi,""),stringToRead="";if(void 0!==_lastMessage.user){var username=_lastMessage.user.displayName;stringToRead="".concat(username," said ").concat(message)}else stringToRead="System message: ".concat(message);return stringToRead}return""}();return resizeWindowCallback&&window.removeEventListener("resize",resizeWindowCallback),desktop?(window.addEventListener("resize",resize),resizeWindowCallback=resize):resizeWindowCallback=null,ChatContainer_jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return ChatContainer_jsx(ComponentError.O,{componentName:"ChatContainer",message:error.message,retryFunction:resetErrorBoundary})}},ChatContainer_jsx("div",{"aria-live":"off",id:"chat-container",className:ChatContainer_ChatContainer_module.chatContainer,style:desktop&&{width:"".concat(320,"px")}},MessagesTable,showInput&&ChatContainer_jsx("div",{className:ChatContainer_ChatContainer_module.chatTextField},ChatContainer_jsx(ChatTextField.k,{enabled:chatEnabled,focusInput})),desktop&&ChatContainer_jsx("div",{className:ChatContainer_ChatContainer_module.resizeHandle,onMouseDown:function startDrag(dragEvent){var container=document.getElementById("chat-container");function move(event){container.style.width="".concat(clampChatWidth(window.innerWidth-event.x),"px")}function endDrag(){window.document.removeEventListener("mousemove",move),window.document.removeEventListener("mouseup",endDrag),window.document.removeEventListener("focusout",endDrag)}window.document.addEventListener("mousemove",move),window.document.addEventListener("mouseup",endDrag),window.document.addEventListener("focusout",endDrag),dragEvent.preventDefault()},role:"presentation"})),ChatContainer_jsx("span",{className:ChatContainer_ChatContainer_module.chatAccessibilityHidden,"aria-live":"polite"},ChatContainer_jsx(esm.BW,{content:lastMessage})))};ChatContainer.displayName="ChatContainer",ChatContainer.defaultProps={showInput:!0,height:"auto"};try{ChatContainer.displayName="ChatContainer",ChatContainer.__docgenInfo={description:"",displayName:"ChatContainer",props:{messages:{defaultValue:null,description:"",name:"messages",required:!0,type:{name:"ChatMessage[]"}},usernameToHighlight:{defaultValue:null,description:"",name:"usernameToHighlight",required:!0,type:{name:"string"}},chatUserId:{defaultValue:null,description:"",name:"chatUserId",required:!0,type:{name:"string"}},isModerator:{defaultValue:null,description:"",name:"isModerator",required:!0,type:{name:"boolean"}},showInput:{defaultValue:{value:"true"},description:"",name:"showInput",required:!1,type:{name:"boolean"}},height:{defaultValue:{value:"auto"},description:"",name:"height",required:!1,type:{name:"string"}},chatAvailable:{defaultValue:null,description:"",name:"chatAvailable",required:!0,type:{name:"boolean"}},focusInput:{defaultValue:{value:"true"},description:"",name:"focusInput",required:!1,type:{name:"boolean"}},desktop:{defaultValue:null,description:"",name:"desktop",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatContainer/ChatContainer.tsx#ChatContainer"]={docgenInfo:ChatContainer.__docgenInfo,name:"ChatContainer",path:"components/chat/ChatContainer/ChatContainer.tsx#ChatContainer"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatJoinMessage/ChatJoinMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>ChatJoinMessage});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),ModerationBadge=__webpack_require__("./components/chat/ChatUserBadge/ModerationBadge.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatJoinMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatJoinMessage/ChatJoinMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatJoinMessage_module.A,options);const ChatJoinMessage_ChatJoinMessage_module=ChatJoinMessage_module.A&&ChatJoinMessage_module.A.locals?ChatJoinMessage_module.A.locals:void 0;var __jsx=react.createElement,UsergroupAddOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(9965)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/UsergroupAddOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/UsergroupAddOutlined.js"]}}}),ChatJoinMessage=function ChatJoinMessage(_ref){var isAuthorModerator=_ref.isAuthorModerator,userColor=_ref.userColor,displayName=_ref.displayName,color="var(--theme-color-users-".concat(userColor,")");return __jsx("div",{className:ChatJoinMessage_ChatJoinMessage_module.root},__jsx("span",{style:{color}},__jsx("span",{className:ChatJoinMessage_ChatJoinMessage_module.icon},__jsx(UsergroupAddOutlined,null)),__jsx("span",{className:ChatJoinMessage_ChatJoinMessage_module.user},displayName),isAuthorModerator&&__jsx("span",{className:ChatJoinMessage_ChatJoinMessage_module.moderatorBadge},__jsx(ModerationBadge.m,{userColor}))),"joined the chat.")};ChatJoinMessage.displayName="ChatJoinMessage";try{ChatJoinMessage.displayName="ChatJoinMessage",ChatJoinMessage.__docgenInfo={description:"",displayName:"ChatJoinMessage",props:{isAuthorModerator:{defaultValue:null,description:"",name:"isAuthorModerator",required:!0,type:{name:"boolean"}},userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}},displayName:{defaultValue:null,description:"",name:"displayName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatJoinMessage/ChatJoinMessage.tsx#ChatJoinMessage"]={docgenInfo:ChatJoinMessage.__docgenInfo,name:"ChatJoinMessage",path:"components/chat/ChatJoinMessage/ChatJoinMessage.tsx#ChatJoinMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatModeratorNotification/ChatModeratorNotification.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>ChatModeratorNotification});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatModeratorNotification_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModeratorNotification/ChatModeratorNotification.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatModeratorNotification_module.A,options);const ChatModeratorNotification_ChatModeratorNotification_module=ChatModeratorNotification_module.A&&ChatModeratorNotification_module.A.locals?ChatModeratorNotification_module.A.locals:void 0;var _linearGradient,_path,_path2,_path3,_path4;function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>ChatNameChangeMessage});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatNameChangeMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatNameChangeMessage/ChatNameChangeMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatNameChangeMessage_module.A,options);const ChatNameChangeMessage_ChatNameChangeMessage_module=ChatNameChangeMessage_module.A&&ChatNameChangeMessage_module.A.locals?ChatNameChangeMessage_module.A.locals:void 0;var __jsx=react.createElement,EditFilled=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(7404)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/EditFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/EditFilled.js"]}}}),ChatNameChangeMessage=function ChatNameChangeMessage(_ref){var message=_ref.message,oldName=message.oldName,user=message.user,displayName=user.displayName,displayColor=user.displayColor,color="var(--theme-color-users-".concat(displayColor,")");return __jsx("div",{className:ChatNameChangeMessage_ChatNameChangeMessage_module.nameChangeView},__jsx("div",{className:ChatNameChangeMessage_ChatNameChangeMessage_module.icon},__jsx(EditFilled,null)),__jsx("div",{className:ChatNameChangeMessage_ChatNameChangeMessage_module.nameChangeText},__jsx("span",{style:{color}},oldName),__jsx("span",{className:ChatNameChangeMessage_ChatNameChangeMessage_module.plain}," is now known as "),__jsx("span",{style:{color}},displayName)))};ChatNameChangeMessage.displayName="ChatNameChangeMessage";try{ChatNameChangeMessage.displayName="ChatNameChangeMessage",ChatNameChangeMessage.__docgenInfo={description:"",displayName:"ChatNameChangeMessage",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"NameChangeEvent"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatNameChangeMessage/ChatNameChangeMessage.tsx#ChatNameChangeMessage"]={docgenInfo:ChatNameChangeMessage.__docgenInfo,name:"ChatNameChangeMessage",path:"components/chat/ChatNameChangeMessage/ChatNameChangeMessage.tsx#ChatNameChangeMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatPartMessage/ChatPartMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>ChatPartMessage});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),ModerationBadge=__webpack_require__("./components/chat/ChatUserBadge/ModerationBadge.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatPartMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatPartMessage/ChatPartMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatPartMessage_module.A,options);const ChatPartMessage_ChatPartMessage_module=ChatPartMessage_module.A&&ChatPartMessage_module.A.locals?ChatPartMessage_module.A.locals:void 0;var __jsx=react.createElement,UsergroupDeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(7503)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/UsergroupDeleteOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/UsergroupDeleteOutlined.js"]}}}),ChatPartMessage=function ChatPartMessage(_ref){var isAuthorModerator=_ref.isAuthorModerator,userColor=_ref.userColor,displayName=_ref.displayName,color="var(--theme-color-users-".concat(userColor,")");return __jsx("div",{className:ChatPartMessage_ChatPartMessage_module.root},__jsx("span",{style:{color}},__jsx("span",{className:ChatPartMessage_ChatPartMessage_module.icon},__jsx(UsergroupDeleteOutlined,null)),__jsx("span",{className:ChatPartMessage_ChatPartMessage_module.user},displayName),isAuthorModerator&&__jsx("span",{className:ChatPartMessage_ChatPartMessage_module.moderatorBadge},__jsx(ModerationBadge.m,{userColor}))),"left the chat.")};ChatPartMessage.displayName="ChatPartMessage";try{ChatPartMessage.displayName="ChatPartMessage",ChatPartMessage.__docgenInfo={description:"",displayName:"ChatPartMessage",props:{isAuthorModerator:{defaultValue:null,description:"",name:"isAuthorModerator",required:!0,type:{name:"boolean"}},userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}},displayName:{defaultValue:null,description:"",name:"displayName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatPartMessage/ChatPartMessage.tsx#ChatPartMessage"]={docgenInfo:ChatPartMessage.__docgenInfo,name:"ChatPartMessage",path:"components/chat/ChatPartMessage/ChatPartMessage.tsx#ChatPartMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatSocialMessage/ChatSocialMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$:()=>ChatSocialMessage});var row=__webpack_require__("./node_modules/antd/es/row/index.js"),col=__webpack_require__("./node_modules/antd/es/col/index.js"),avatar=__webpack_require__("./node_modules/antd/es/avatar/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatSocialMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatSocialMessage/ChatSocialMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatSocialMessage_module.A,options);const ChatSocialMessage_ChatSocialMessage_module=ChatSocialMessage_module.A&&ChatSocialMessage_module.A.locals?ChatSocialMessage_module.A.locals:void 0;var __jsx=react.createElement,FollowIcon=dynamic_default()((function(){return __webpack_require__.e(5792).then(__webpack_require__.bind(__webpack_require__,"./components/chat/ChatSocialMessage/follow.svg"))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/chat/ChatSocialMessage/follow.svg"]}}}),LikeIcon=dynamic_default()((function(){return __webpack_require__.e(2818).then(__webpack_require__.bind(__webpack_require__,"./components/chat/ChatSocialMessage/like.svg"))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/chat/ChatSocialMessage/like.svg"]}}}),RepostIcon=dynamic_default()((function(){return __webpack_require__.e(4070).then(__webpack_require__.bind(__webpack_require__,"./components/chat/ChatSocialMessage/repost.svg"))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/chat/ChatSocialMessage/repost.svg"]}}}),ChatSocialMessage=function ChatSocialMessage(_ref){var Icon,message=_ref.message,body=message.body,title=message.title,image=message.image,link=message.link;switch(message.type.toString()){case"FEDIVERSE_ENGAGEMENT_FOLLOW":Icon=FollowIcon;break;case"FEDIVERSE_ENGAGEMENT_LIKE":Icon=LikeIcon;break;case"FEDIVERSE_ENGAGEMENT_REPOST":Icon=RepostIcon}return __jsx("div",{className:ChatSocialMessage_ChatSocialMessage_module.followerPadding},__jsx("div",{className:classnames_default()([ChatSocialMessage_ChatSocialMessage_module.follower,"chat-message_social"])},__jsx("a",{href:link,target:"_blank",rel:"noreferrer"},__jsx(row.A,{wrap:!1},__jsx(col.A,{span:6,className:ChatSocialMessage_ChatSocialMessage_module.avatarColumn},__jsx(avatar.A,{src:image,alt:"Avatar",className:ChatSocialMessage_ChatSocialMessage_module.avatar,size:"large"},title.charAt(0).toUpperCase()),__jsx(Icon,{className:ChatSocialMessage_ChatSocialMessage_module.icon})),__jsx(col.A,null,__jsx(row.A,{className:ChatSocialMessage_ChatSocialMessage_module.account},title),__jsx(row.A,{className:ChatSocialMessage_ChatSocialMessage_module.body,dangerouslySetInnerHTML:{__html:body}}))))))};ChatSocialMessage.displayName="ChatSocialMessage";try{ChatSocialMessage.displayName="ChatSocialMessage",ChatSocialMessage.__docgenInfo={description:"",displayName:"ChatSocialMessage",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"ChatSocialMessage"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatSocialMessage/ChatSocialMessage.tsx#ChatSocialMessage"]={docgenInfo:ChatSocialMessage.__docgenInfo,name:"ChatSocialMessage",path:"components/chat/ChatSocialMessage/ChatSocialMessage.tsx#ChatSocialMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatSystemMessage/ChatSystemMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>ChatSystemMessage});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),esm=__webpack_require__("./node_modules/interweave/esm/index.js"),interweave_autolink_esm=__webpack_require__("./node_modules/interweave-autolink/esm/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatSystemMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatSystemMessage/ChatSystemMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatSystemMessage_module.A,options);const ChatSystemMessage_ChatSystemMessage_module=ChatSystemMessage_module.A&&ChatSystemMessage_module.A.locals?ChatSystemMessage_module.A.locals:void 0;var customMatcher=__webpack_require__("./components/chat/ChatUserMessage/customMatcher.ts"),__jsx=react.createElement,ChatSystemMessage=function ChatSystemMessage(_ref){var _ref$message=_ref.message,body=_ref$message.body,displayName=_ref$message.user.displayName,highlightString=_ref.highlightString;return __jsx("div",{className:ChatSystemMessage_ChatSystemMessage_module.chatSystemMessagePadding},__jsx("div",{className:classnames_default()([ChatSystemMessage_ChatSystemMessage_module.chatSystemMessage,"chat-message_system"])},__jsx("div",{className:ChatSystemMessage_ChatSystemMessage_module.user},__jsx("span",{className:ChatSystemMessage_ChatSystemMessage_module.userName},displayName)),__jsx(esm.BW,{className:ChatSystemMessage_ChatSystemMessage_module.message,content:body,matchers:[new interweave_autolink_esm.SS("url",{customTLDs:["online"]}),new customMatcher.w("highlight",{highlightString})]})))};ChatSystemMessage.displayName="ChatSystemMessage";try{ChatSystemMessage.displayName="ChatSystemMessage",ChatSystemMessage.__docgenInfo={description:"",displayName:"ChatSystemMessage",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"ChatMessage"}},highlightString:{defaultValue:null,description:"",name:"highlightString",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatSystemMessage/ChatSystemMessage.tsx#ChatSystemMessage"]={docgenInfo:ChatSystemMessage.__docgenInfo,name:"ChatSystemMessage",path:"components/chat/ChatSystemMessage/ChatSystemMessage.tsx#ChatSystemMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatTextField/ChatTextField.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{k:()=>ChatTextField});var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),popover=__webpack_require__("./node_modules/antd/es/popover/index.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),es=__webpack_require__("./node_modules/recoil/es/index.js"),sanitize_html=__webpack_require__("./node_modules/sanitize-html/index.js"),sanitize_html_default=__webpack_require__.n(sanitize_html),lib=__webpack_require__("./node_modules/graphemer/lib/index.js"),lib_default=__webpack_require__.n(lib),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),classCallCheck=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),possibleConstructorReturn=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),inherits=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_excluded=["tagName","html"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r10)return text;if(null===node)return text;switch(node.nodeType){case Node.CDATA_SECTION_NODE:case Node.TEXT_NODE:text=node.nodeValue;break;case Node.ELEMENT_NODE:switch(node.tagName.toLowerCase()){case"img":text=node.getAttribute("alt")||"";break;case"br":text="\n";break;case"strong":case"b":text="**";for(var i=0;i300||(websocketService.send({type:socket_events.G.CHAT,body:message}),contentEditable.innerHTML="")}else console.log("websocketService is not defined")},insertTextAtEnd=function insertTextAtEnd(textToInsert){contentEditable.innerHTML+=textToInsert};(0,react.useEffect)((function(){focusInput&&document.getElementById("chat-input-content-editable").focus({preventScroll:!0})}),[]);var getCustomEmoji=function(){var _ref2=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(){var response,emoji;return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.prev=0,_context.next=3,fetch("/api/emoji");case 3:return response=_context.sent,_context.next=6,response.json();case 6:emoji=_context.sent,setCustomEmoji(emoji),emoji.forEach((function(e){var preImg=document.createElement("link");preImg.href=e.url,preImg.rel="preload",preImg.as="image",document.head.appendChild(preImg)})),_context.next=14;break;case 11:_context.prev=11,_context.t0=_context.catch(0),console.error("cannot fetch custom emoji",_context.t0);case 14:case"end":return _context.stop()}}),_callee,null,[[0,11]])})));return function getCustomEmoji(){return _ref2.apply(this,arguments)}}();return(0,react.useEffect)((function(){getCustomEmoji()}),[]),__jsx("div",{id:"chat-input",className:ChatTextField_ChatTextField_module.root},__jsx("div",{className:classnames_default()(ChatTextField_ChatTextField_module.inputWrap,characterCount>300&&ChatTextField_ChatTextField_module.maxCharacters)},__jsx(ContentEditable,{id:"chat-input-content-editable",html:defaultText||"",placeholder:enabled?"Send a message to chat":"Chat is disabled",disabled:!enabled,onKeyDown:function onKeyDown(e){"Enter"!==e.key||e.shiftKey||e.metaKey||e.ctrlKey||e.altKey||(e.preventDefault(),sendMessage())},onContentChange:function handleChange(){var count=function getCharacterCount(){var message=getTextContent(contentEditable);return graphemer.countGraphemes(message)}();setCharacterCount(count),0===count&&1===contentEditable.children.length&&"br"===contentEditable.children[0].tagName.toLowerCase()&&contentEditable.removeChild(contentEditable.children[0])},onPaste:function onPaste(evt){evt.preventDefault();for(var content,clip=evt.clipboardData,types=clip.types,contentTypes=["text/html","text/plain"],i=0;i');insertTextAtEnd(html)}}),trigger:"click",placement:"topRight"},__jsx("button",{type:"button","aria-label":"Emoji picker",className:ChatTextField_ChatTextField_module.emojiButton,title:"Emoji picker button"},__jsx(SmileOutlined,null))),__jsx("button",{type:"button","aria-label":"Send message",className:ChatTextField_ChatTextField_module.sendButton,title:"Send message Button",onClick:sendMessage},__jsx(SendOutlined,null)))))};ChatTextField.displayName="ChatTextField";try{ChatTextField.displayName="ChatTextField",ChatTextField.__docgenInfo={description:"",displayName:"ChatTextField",props:{defaultText:{defaultValue:null,description:"",name:"defaultText",required:!1,type:{name:"string"}},enabled:{defaultValue:null,description:"",name:"enabled",required:!0,type:{name:"boolean"}},focusInput:{defaultValue:null,description:"",name:"focusInput",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatTextField/ChatTextField.tsx#ChatTextField"]={docgenInfo:ChatTextField.__docgenInfo,name:"ChatTextField",path:"components/chat/ChatTextField/ChatTextField.tsx#ChatTextField"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/AuthedUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>AuthedUserBadge});var next_dynamic__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatUserBadge/ChatUserBadge.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,SafetyCertificateFilled=next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(6405)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/SafetyCertificateFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/SafetyCertificateFilled.js"]}}}),AuthedUserBadge=function AuthedUserBadge(_ref){var userColor=_ref.userColor;return __jsx(_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__.z,{badge:__jsx(SafetyCertificateFilled,null),userColor,title:"Authenticated"})};AuthedUserBadge.displayName="AuthedUserBadge";try{AuthedUserBadge.displayName="AuthedUserBadge",AuthedUserBadge.__docgenInfo={description:"",displayName:"AuthedUserBadge",props:{userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/AuthedUserBadge.tsx#AuthedUserBadge"]={docgenInfo:AuthedUserBadge.__docgenInfo,name:"AuthedUserBadge",path:"components/chat/ChatUserBadge/AuthedUserBadge.tsx#AuthedUserBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/BotUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>BotUserBadge});var next_dynamic__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatUserBadge/ChatUserBadge.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,BulbFilled=next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(7161)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/BulbFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/BulbFilled.js"]}}}),BotUserBadge=function BotUserBadge(_ref){var userColor=_ref.userColor;return __jsx(_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__.z,{badge:__jsx(BulbFilled,null),userColor,title:"Bot"})};BotUserBadge.displayName="BotUserBadge";try{BotUserBadge.displayName="BotUserBadge",BotUserBadge.__docgenInfo={description:"",displayName:"BotUserBadge",props:{userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/BotUserBadge.tsx#BotUserBadge"]={docgenInfo:BotUserBadge.__docgenInfo,name:"BotUserBadge",path:"components/chat/ChatUserBadge/BotUserBadge.tsx#BotUserBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/ChatUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>ChatUserBadge});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatUserBadge_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserBadge/ChatUserBadge.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatUserBadge_module.A,options);const ChatUserBadge_ChatUserBadge_module=ChatUserBadge_module.A&&ChatUserBadge_module.A.locals?ChatUserBadge_module.A.locals:void 0;var __jsx=react.createElement,ChatUserBadge=function ChatUserBadge(_ref){var badge=_ref.badge,userColor=_ref.userColor,title=_ref.title,color="var(--theme-color-users-".concat(userColor,")");return __jsx("span",{style:{color},className:classnames_default()([ChatUserBadge_ChatUserBadge_module.badge,"chat-user-badge"]),title},badge)};ChatUserBadge.displayName="ChatUserBadge";try{ChatUserBadge.displayName="ChatUserBadge",ChatUserBadge.__docgenInfo={description:"",displayName:"ChatUserBadge",props:{badge:{defaultValue:null,description:"",name:"badge",required:!0,type:{name:"ReactNode"}},userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/ChatUserBadge.tsx#ChatUserBadge"]={docgenInfo:ChatUserBadge.__docgenInfo,name:"ChatUserBadge",path:"components/chat/ChatUserBadge/ChatUserBadge.tsx#ChatUserBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/ModerationBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{m:()=>ModerationBadge});var next_dynamic__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatUserBadge/ChatUserBadge.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,StarFilled=next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(710)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/StarFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/StarFilled.js"]}}}),ModerationBadge=function ModerationBadge(_ref){var userColor=_ref.userColor;return __jsx(_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__.z,{badge:__jsx(StarFilled,null),userColor,title:"Moderator"})};ModerationBadge.displayName="ModerationBadge";try{ModerationBadge.displayName="ModerationBadge",ModerationBadge.__docgenInfo={description:"",displayName:"ModerationBadge",props:{userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/ModerationBadge.tsx#ModerationBadge"]={docgenInfo:ModerationBadge.__docgenInfo,name:"ModerationBadge",path:"components/chat/ChatUserBadge/ModerationBadge.tsx#ModerationBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserMessage/ChatUserMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{L:()=>ChatUserMessage});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),tooltip=__webpack_require__("./node_modules/antd/es/tooltip/index.js"),es=__webpack_require__("./node_modules/recoil/es/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),esm=__webpack_require__("./node_modules/interweave/esm/index.js"),interweave_autolink_esm=__webpack_require__("./node_modules/interweave-autolink/esm/index.js"),customMatcher=__webpack_require__("./components/chat/ChatUserMessage/customMatcher.ts"),classCallCheck=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),possibleConstructorReturn=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),inherits=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),bundle_7aab7250=__webpack_require__("./node_modules/interweave/esm/bundle-7aab7250.js"),rewrite_pattern=__webpack_require__("./node_modules/regexpu-core/rewrite-pattern.js"),rewrite_pattern_default=__webpack_require__.n(rewrite_pattern);function _callSuper(t,o,e){return o=(0,getPrototypeOf.A)(o),(0,possibleConstructorReturn.A)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,getPrototypeOf.A)(t).constructor):o.apply(t,e))}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}var rewriteFlags,regexFlag,regexPattern,regexSupportsUnicodeSets=function(){var regexp=null;try{regexp=new RegExp("\\p{RGI_Emoji}","v")}catch(_){return!1}return null!==regexp}(),emojiRegex=(rewriteFlags={unicodeSetsFlag:regexSupportsUnicodeSets?"parse":"transform"},regexFlag=regexSupportsUnicodeSets?"v":"u",regexPattern=rewrite_pattern_default()("\\p{RGI_Emoji}","v",rewriteFlags),new RegExp(regexPattern,regexFlag)),ChatMessageEmojiMatcher=function(_Matcher){function ChatMessageEmojiMatcher(){return(0,classCallCheck.A)(this,ChatMessageEmojiMatcher),_callSuper(this,ChatMessageEmojiMatcher,arguments)}return(0,inherits.A)(ChatMessageEmojiMatcher,_Matcher),(0,createClass.A)(ChatMessageEmojiMatcher,[{key:"match",value:function match(str){var result=str.match(emojiRegex);return result?{index:result.index,length:result[0].length,match:result[0],valid:!0}:null}},{key:"replaceWith",value:function replaceWith(children,props){var key=props.key,className=this.options.className;return react.createElement("span",{key,className},children)}},{key:"asTag",value:function asTag(){return"span"}}])}(bundle_7aab7250.M),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatUserMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserMessage/ChatUserMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatUserMessage_module.A,options);const ChatUserMessage_ChatUserMessage_module=ChatUserMessage_module.A&&ChatUserMessage_module.A.locals?ChatUserMessage_module.A.locals:void 0;var helpers=__webpack_require__("./utils/helpers.js");function formatTimestamp(sentAt){var now=new Date(sentAt);if(Number.isNaN(now))return"";if((0,helpers.kt)(sentAt)>=1){var localeDate=now.toLocaleDateString("en-US",{dateStyle:"medium"});return"".concat(localeDate," at ").concat(now.toLocaleTimeString())}return"".concat(now.toLocaleTimeString())}var ClientConfigStore=__webpack_require__("./components/stores/ClientConfigStore.tsx"),AuthedUserBadge=__webpack_require__("./components/chat/ChatUserBadge/AuthedUserBadge.tsx"),ModerationBadge=__webpack_require__("./components/chat/ChatUserBadge/ModerationBadge.tsx"),BotUserBadge=__webpack_require__("./components/chat/ChatUserBadge/BotUserBadge.tsx"),__jsx=react.createElement,ChatModerationActionMenu=dynamic_default()((function(){return Promise.all([__webpack_require__.e(5367),__webpack_require__.e(400),__webpack_require__.e(461),__webpack_require__.e(4241),__webpack_require__.e(6897),__webpack_require__.e(9215),__webpack_require__.e(6230),__webpack_require__.e(9537),__webpack_require__.e(9973),__webpack_require__.e(6492),__webpack_require__.e(8275),__webpack_require__.e(1052),__webpack_require__.e(1721),__webpack_require__.e(7192),__webpack_require__.e(9047),__webpack_require__.e(6875),__webpack_require__.e(2067),__webpack_require__.e(6128)]).then(__webpack_require__.bind(__webpack_require__,"./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx")).then((function(mod){return mod.ChatModerationActionMenu}))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx"]}}}),UserTooltip=function UserTooltip(_ref){var children=_ref.children,user=_ref.user,displayName=user.displayName,createdAt=user.createdAt,content="".concat(displayName," first joined ").concat(formatTimestamp(createdAt));return __jsx(tooltip.A,{title:content,placement:"topLeft",mouseEnterDelay:1},children)};UserTooltip.displayName="UserTooltip";var ChatUserMessage=function ChatUserMessage(_ref2){var message=_ref2.message,highlightString=_ref2.highlightString,showModeratorMenu=_ref2.showModeratorMenu,sentBySelf=_ref2.sentBySelf,sameUserAsLast=_ref2.sameUserAsLast,isAuthorModerator=_ref2.isAuthorModerator,isAuthorAuthenticated=_ref2.isAuthorAuthenticated,isAuthorBot=_ref2.isAuthorBot,messageId=message.id,body=message.body,user=message.user,timestamp=message.timestamp,userId=user.id,displayName=user.displayName,displayColor=user.displayColor,accessToken=(0,es.vc)(ClientConfigStore.Dr),color="var(--theme-color-users-".concat(displayColor,")"),formattedTimestamp="Sent ".concat(formatTimestamp(timestamp)),badgeNodes=[];return isAuthorModerator&&badgeNodes.push(__jsx(ModerationBadge.m,{key:"mod",userColor:displayColor})),isAuthorAuthenticated&&badgeNodes.push(__jsx(AuthedUserBadge.Y,{key:"auth",userColor:displayColor})),isAuthorBot&&badgeNodes.push(__jsx(BotUserBadge.c,{key:"bot",userColor:displayColor})),__jsx("div",{className:classnames_default()(ChatUserMessage_ChatUserMessage_module.messagePadding,sameUserAsLast&&ChatUserMessage_ChatUserMessage_module.messagePaddingCollapsed,"chat-message_user")},__jsx("div",{className:classnames_default()(ChatUserMessage_ChatUserMessage_module.root,(0,defineProperty.A)({},ChatUserMessage_ChatUserMessage_module.ownMessage,sentBySelf)),style:{borderColor:color}},__jsx("div",{className:ChatUserMessage_ChatUserMessage_module.background,style:{color}}),__jsx(UserTooltip,{user},__jsx("div",{className:sameUserAsLast?ChatUserMessage_ChatUserMessage_module.repeatUser:ChatUserMessage_ChatUserMessage_module.user,style:{color}},__jsx("span",{className:ChatUserMessage_ChatUserMessage_module.userName},displayName),__jsx("span",{className:ChatUserMessage_ChatUserMessage_module.userBadges},badgeNodes))),__jsx(tooltip.A,{title:formattedTimestamp,mouseEnterDelay:1},__jsx(esm.BW,{className:ChatUserMessage_ChatUserMessage_module.message,content:body,matchers:[new interweave_autolink_esm.SS("url",{customTLDs:["online"]}),new customMatcher.w("highlight",{highlightString}),new ChatMessageEmojiMatcher("emoji",{className:"emoji"})]})),showModeratorMenu&&__jsx("div",{className:ChatUserMessage_ChatUserMessage_module.modMenuWrapper},__jsx(ChatModerationActionMenu,{messageID:messageId,accessToken,userID:userId,userDisplayName:displayName}))))};ChatUserMessage.displayName="ChatUserMessage";try{ChatUserMessage.displayName="ChatUserMessage",ChatUserMessage.__docgenInfo={description:"",displayName:"ChatUserMessage",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"ChatMessage"}},showModeratorMenu:{defaultValue:null,description:"",name:"showModeratorMenu",required:!0,type:{name:"boolean"}},highlightString:{defaultValue:null,description:"",name:"highlightString",required:!0,type:{name:"string"}},sentBySelf:{defaultValue:null,description:"",name:"sentBySelf",required:!0,type:{name:"boolean"}},sameUserAsLast:{defaultValue:null,description:"",name:"sameUserAsLast",required:!0,type:{name:"boolean"}},isAuthorModerator:{defaultValue:null,description:"",name:"isAuthorModerator",required:!0,type:{name:"boolean"}},isAuthorAuthenticated:{defaultValue:null,description:"",name:"isAuthorAuthenticated",required:!0,type:{name:"boolean"}},isAuthorBot:{defaultValue:null,description:"",name:"isAuthorBot",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserMessage/ChatUserMessage.tsx#ChatUserMessage"]={docgenInfo:ChatUserMessage.__docgenInfo,name:"ChatUserMessage",path:"components/chat/ChatUserMessage/ChatUserMessage.tsx#ChatUserMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserMessage/customMatcher.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>ChatMessageHighlightMatcher});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_inherits_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),interweave__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/interweave/esm/bundle-7aab7250.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");function _callSuper(t,o,e){return o=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(o),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_1__.A)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(t).constructor):o.apply(t,e))}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}var ChatMessageHighlightMatcher=function(_Matcher){function ChatMessageHighlightMatcher(){return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__.A)(this,ChatMessageHighlightMatcher),_callSuper(this,ChatMessageHighlightMatcher,arguments)}return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_inherits_js__WEBPACK_IMPORTED_MODULE_4__.A)(ChatMessageHighlightMatcher,_Matcher),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__.A)(ChatMessageHighlightMatcher,[{key:"match",value:function match(str){var highlightString=this.options.highlightString;if(!highlightString)return null;var escapedString=highlightString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/\s/g,"\\s"),normalizedString=escapedString.normalize("NFD").replace(/[\u0300-\u036f]/g,""),highlightRegex=escapedString;escapedString!==normalizedString&&(highlightRegex="(?:".concat(escapedString,")|(?:").concat(normalizedString,")"));var result=str.match(new RegExp(highlightRegex,"ui"));return result?{index:result.index,length:result[0].length,match:result[0],valid:!0}:null}},{key:"replaceWith",value:function replaceWith(children,props){var key=props.key;return react__WEBPACK_IMPORTED_MODULE_2__.createElement("mark",{key},children)}},{key:"asTag",value:function asTag(){return"mark"}}])}(interweave__WEBPACK_IMPORTED_MODULE_6__.M)},"./components/ui/ComponentError/ComponentError.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>ComponentError});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/alert/index.js"),antd__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/button/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,openBugReport=function openBugReport(){window.open("https://github.com/owncast/owncast/issues/new?assignees=&labels=&template=bug-report-feature-request.yml","_blank")},ErrorContent=function ErrorContent(_ref){var message=_ref.message,componentName=_ref.componentName,details=_ref.details,canRetry=_ref.canRetry;return __jsx("div",null,__jsx("p",null,"There was an unexpected error. It would be appreciated if you would report this so it can be fixed in the future."),!!canRetry&&__jsx("p",null,"You may optionally retry, however functionality might not work as expected."),__jsx("code",null,__jsx("div",null,message&&"Error: ".concat(message)),__jsx("div",null,"Component: ",componentName),__jsx("div",null,details&&details)))};ErrorContent.displayName="ErrorContent";var ComponentError=function ComponentError(_ref2){var message=_ref2.message,componentName=_ref2.componentName,details=_ref2.details,retryFunction=_ref2.retryFunction;return __jsx(antd__WEBPACK_IMPORTED_MODULE_1__.A,{message:"Error",showIcon:!0,description:__jsx(ErrorContent,{message,details,componentName,canRetry:!!retryFunction}),type:"error",action:__jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,retryFunction&&__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError";try{ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",displayName:"ComponentError",props:{message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string"}},componentName:{defaultValue:null,description:"",name:"componentName",required:!0,type:{name:"string"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},retryFunction:{defaultValue:null,description:"",name:"retryFunction",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/ComponentError/ComponentError.tsx#ComponentError"]={docgenInfo:ComponentError.__docgenInfo,name:"ComponentError",path:"components/ui/ComponentError/ComponentError.tsx#ComponentError"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatActionMessage/ChatActionMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".nDi5VzMpTBZxIHMKfmN9{padding:4px 1rem}.SgkbTlOmZZ8OW1sVccU9{padding:8px;border-radius:4px;text-align:center;font-size:12px;color:var(--theme-color-components-chat-text);background-color:var(--theme-color-palette-0)}.SgkbTlOmZZ8OW1sVccU9 p{margin:0}","",{version:3,sources:["webpack://./components/chat/ChatActionMessage/ChatActionMessage.module.scss"],names:[],mappings:"AAAA,sBACE,gBAAA,CAGF,sBACE,WAAA,CACD,iBAAA,CACA,iBAAA,CACA,cAAA,CACA,6CAAA,CACA,6CAAA,CAGA,wBACC,QAAA",sourcesContent:[".chatActionPadding {\n padding: 4px 1rem;\n}\n\n.chatAction {\n padding: 8px;\n\tborder-radius: 4px;\n\ttext-align: center;\n\tfont-size: 12px;\n\tcolor: var(--theme-color-components-chat-text);\n\tbackground-color: var(--theme-color-palette-0);\n\n\n\tp {\n\t\tmargin: 0;\n\t}\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={chatActionPadding:"nDi5VzMpTBZxIHMKfmN9",chatAction:"SgkbTlOmZZ8OW1sVccU9"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatContainer/ChatContainer.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".SlGyw_X0YFFBpXji6f0W{align-self:center;display:flex;justify-content:center;position:absolute;bottom:75px;color:var(--theme-color-components-chat-background)}.SlGyw_X0YFFBpXji6f0W button{background-color:var(--theme-color-background-light);z-index:9999;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.12);display:flex;align-items:center;opacity:0;animation:PBTGkszK_d_Bv8Yt57k3 250ms forwards ease-in-out 500ms;font-size:12px;font-weight:600}.uDBHpE6CqkJqzxbJvuCo{flex:0 0 auto;display:flex;flex-direction:column;background-color:var(--theme-color-components-chat-background);height:100%;font-size:var(--chat-message-text-size)}.MS3gHz0nRpv1wasvXLne{background:linear-gradient(45deg, transparent 0px, transparent 4px, var(--color-owncast-palette-6) 4px, var(--color-owncast-palette-6) 5px, transparent 5px, transparent 9px, var(--color-owncast-palette-6) 9px, var(--color-owncast-palette-6) 10px, transparent 10px, transparent 14px, var(--color-owncast-palette-6) 14px, var(--color-owncast-palette-6) 15px, transparent 15px);position:absolute;bottom:0;width:30px;height:30px;cursor:col-resize}.bzU4BCY_lJiwU7TGMWu4{width:auto;flex-grow:1;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain}.bzU4BCY_lJiwU7TGMWu4::-webkit-scrollbar{display:none}.bzU4BCY_lJiwU7TGMWu4::-webkit-scrollbar-thumb{display:none}.PJArzAkOOIv1qeLmruMX{border-top:1px solid #d3d3d3}@keyframes PBTGkszK_d_Bv8Yt57k3{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.GsOzWa7Dlorqhx2QQCfA{top:0;left:-2px;width:1px;height:1px;position:absolute;overflow:hidden}","",{version:3,sources:["webpack://./components/chat/ChatContainer/ChatContainer.module.scss"],names:[],mappings:"AAGA,sBACE,iBAAA,CACA,YAAA,CACA,sBAAA,CACA,iBAAA,CACA,WAAA,CACA,mDAAA,CAEA,6BACE,oDAAA,CACA,YAAA,CACA,iEAAA,CACA,YAAA,CACA,kBAAA,CACA,SAAA,CACA,+DAAA,CACA,cAAA,CACA,eAAA,CAIJ,sBACE,aAAA,CACA,YAAA,CACA,qBAAA,CACA,8DAAA,CACA,WAAA,CACA,uCAAA,CAGF,sBACE,sXAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CAGF,sBACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,iBAAA,CACA,2BAAA,CAGF,yCACE,YAAA,CAGF,+CACE,YAAA,CAGF,sBACE,4BAAA,CAGF,gCACE,KACE,SAAA,CACA,yBAAA,CAGF,GACE,SAAA,CACA,uBAAA,CAAA,CAIJ,sBACE,KAAA,CACA,SAAA,CACA,SAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAA",sourcesContent:["@import '../../../styles/mixins';\n\n// The button that is displayed to scroll to the bottom of the chat.\n.toBottomWrap {\n align-self: center;\n display: flex;\n justify-content: center;\n position: absolute;\n bottom: 75px;\n color: var(--theme-color-components-chat-background);\n\n button {\n background-color: var(--theme-color-background-light);\n z-index: 9999;\n box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 12%);\n display: flex;\n align-items: center;\n opacity: 0;\n animation: show 250ms forwards ease-in-out 500ms;\n font-size: 12px;\n font-weight: 600;\n }\n}\n\n.chatContainer {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n background-color: var(--theme-color-components-chat-background);\n height: 100%;\n font-size: var(--chat-message-text-size);\n}\n\n.resizeHandle {\n background: linear-gradient(45deg, transparent 0px,transparent 4px, var(--color-owncast-palette-6) 4px, var(--color-owncast-palette-6) 5px, transparent 5px, transparent 9px, var(--color-owncast-palette-6) 9px, var(--color-owncast-palette-6) 10px, transparent 10px, transparent 14px, var(--color-owncast-palette-6) 14px, var(--color-owncast-palette-6) 15px, transparent 15px);\n position: absolute;\n bottom: 0;\n width: 30px;\n height: 30px;\n cursor: col-resize;\n}\n\n.virtuoso {\n width: auto;\n flex-grow: 1;\n overflow-y: scroll;\n overflow-x: hidden;\n overscroll-behavior: contain;\n}\n\n.virtuoso::-webkit-scrollbar {\n display: none;\n}\n\n.virtuoso::-webkit-scrollbar-thumb {\n display: none;\n}\n\n.chatTextField {\n border-top: 1px solid lightgray;\n}\n\n@keyframes show {\n from {\n opacity: 0;\n transform: translateY(5px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.chatAccessibilityHidden {\n top:0;\n left:-2px;\n width:1px;\n height:1px;\n position:absolute;\n overflow:hidden;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={toBottomWrap:"SlGyw_X0YFFBpXji6f0W",show:"PBTGkszK_d_Bv8Yt57k3",chatContainer:"uDBHpE6CqkJqzxbJvuCo",resizeHandle:"MS3gHz0nRpv1wasvXLne",virtuoso:"bzU4BCY_lJiwU7TGMWu4",chatTextField:"PJArzAkOOIv1qeLmruMX",chatAccessibilityHidden:"GsOzWa7Dlorqhx2QQCfA"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatJoinMessage/ChatJoinMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".lu0YK_HGo2lGn27fcsIQ{display:inline-flex;padding:10px 0;color:var(--theme-color-components-chat-text);font-weight:400;font-size:var(--chat-message-text-size)}.lu0YK_HGo2lGn27fcsIQ .RUuIj6_9jQYhMeoXWLG_,.lu0YK_HGo2lGn27fcsIQ .Lx0BFnmRjX9vHdEqlgks{margin-right:5px}.DLIc4v2heFiITI4lWqtl{padding:0 var(--chat-notification-icon-padding) 0 16px}","",{version:3,sources:["webpack://./components/chat/ChatJoinMessage/ChatJoinMessage.module.scss"],names:[],mappings:"AAAA,sBACE,mBAAA,CACA,cAAA,CACA,6CAAA,CACA,eAAA,CACA,uCAAA,CAEA,wFAEE,gBAAA,CAIJ,sBACE,sDAAA",sourcesContent:[".root {\n display: inline-flex;\n padding: 10px 0;\n color: var(--theme-color-components-chat-text);\n font-weight: 400;\n font-size: var(--chat-message-text-size);\n\n .moderatorBadge,\n .user {\n margin-right: 5px;\n }\n}\n\n.icon {\n padding: 0 var(--chat-notification-icon-padding) 0 16px;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"lu0YK_HGo2lGn27fcsIQ",moderatorBadge:"RUuIj6_9jQYhMeoXWLG_",user:"Lx0BFnmRjX9vHdEqlgks",icon:"DLIc4v2heFiITI4lWqtl"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModeratorNotification/ChatModeratorNotification.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".y06Ok9WmhOHw8YGwDWLg{background-color:var(--theme-background-primary);color:var(--theme-color-components-chat-text);padding:10px;font-size:var(--chat-message-text-size);display:flex;justify-content:center;align-items:center}.y06Ok9WmhOHw8YGwDWLg .e_SXwv4O_NGQxFQHEFbF{margin-right:10px;width:20px;height:20px}","",{version:3,sources:["webpack://./components/chat/ChatModeratorNotification/ChatModeratorNotification.module.scss","webpack://./styles/mixins.scss"],names:[],mappings:"AAEA,sBACE,gDAAA,CACA,6CAAA,CACA,YAAA,CACD,uCAAA,CCLC,YAAA,CACA,sBAAA,CACA,kBAAA,CDOA,4CACE,iBAAA,CACA,UAAA,CACA,WAAA",sourcesContent:["@import 'styles/mixins';\n\n.chatModerationNotification {\n background-color: var(--theme-background-primary);\n color: var(--theme-color-components-chat-text);\n padding: 10px;\n\tfont-size: var(--chat-message-text-size);\n\n @include flexCenter;\n\n .icon {\n margin-right: 10px;\n width: 20px;\n height: 20px;\n }\n}\n","@mixin flexCenter {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n@mixin screen($breakpoint) { \n @if $breakpoint == desktop { \n @media only screen and (width >= 768px) {\n @content;\n }\n }\n\n // tablet will also apply to mobile as there is no cut-off for min-width, however changing this now could break CSS all over the site.\n @if $breakpoint == tablet {\n @media only screen and (width <= 768px) {\n @content;\n }\n }\n\n @if $breakpoint == mobile {\n @media only screen and (width <= 481px) {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={chatModerationNotification:"y06Ok9WmhOHw8YGwDWLg",icon:"e_SXwv4O_NGQxFQHEFbF"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatNameChangeMessage/ChatNameChangeMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".msLgNX_l7UE4VEBh6AeX{display:flex;font-size:var(--chat-message-text-size);font-weight:400;border-radius:var(--theme-rounded-corners);padding:5px 15px;color:var(--theme-color-components-chat-text)}.msLgNX_l7UE4VEBh6AeX .cLU0c7ywwUuVagTrM4n8{font-weight:400}.msLgNX_l7UE4VEBh6AeX .cLU0c7ywwUuVagTrM4n8 .LKZARjpEEJJtnlUIRCOg{font-weight:400}.H86xhZcgra5Te_v9s8nz{padding-right:var(--chat-notification-icon-padding)}","",{version:3,sources:["webpack://./components/chat/ChatNameChangeMessage/ChatNameChangeMessage.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,uCAAA,CACA,eAAA,CACA,0CAAA,CACA,gBAAA,CACA,6CAAA,CAEA,4CACE,eAAA,CAEA,kEACE,eAAA,CAKN,sBACE,mDAAA",sourcesContent:[".nameChangeView {\n display: flex;\n font-size: var(--chat-message-text-size);\n font-weight: 400;\n border-radius: var(--theme-rounded-corners);\n padding: 5px 15px;\n color: var(--theme-color-components-chat-text);\n\n & .nameChangeText {\n font-weight: 400;\n\n & .plain {\n font-weight: 400;\n }\n }\n}\n\n.icon {\n padding-right: var(--chat-notification-icon-padding);\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={nameChangeView:"msLgNX_l7UE4VEBh6AeX",nameChangeText:"cLU0c7ywwUuVagTrM4n8",plain:"LKZARjpEEJJtnlUIRCOg",icon:"H86xhZcgra5Te_v9s8nz"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatPartMessage/ChatPartMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".f641KxuUhUgH9oJDVaZN{display:inline-flex;padding:10px 0;color:var(--theme-color-components-chat-text);font-weight:400;font-size:var(--chat-message-text-size)}.f641KxuUhUgH9oJDVaZN .jG8Wfjom56TnEsZRG8kI,.f641KxuUhUgH9oJDVaZN .Id3a2sG5jvM7XbE4s8mC{margin-right:5px}.vnJTUCWOyX0OcxK_Yomg{padding:0 var(--chat-notification-icon-padding) 0 16px}","",{version:3,sources:["webpack://./components/chat/ChatPartMessage/ChatPartMessage.module.scss"],names:[],mappings:"AAAA,sBACE,mBAAA,CACA,cAAA,CACA,6CAAA,CACA,eAAA,CACA,uCAAA,CAEA,wFAEE,gBAAA,CAIJ,sBACE,sDAAA",sourcesContent:[".root {\n display: inline-flex;\n padding: 10px 0;\n color: var(--theme-color-components-chat-text);\n font-weight: 400;\n font-size: var(--chat-message-text-size);\n\n .moderatorBadge,\n .user {\n margin-right: 5px;\n }\n}\n\n.icon {\n padding: 0 var(--chat-notification-icon-padding) 0 16px;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"f641KxuUhUgH9oJDVaZN",moderatorBadge:"jG8Wfjom56TnEsZRG8kI",user:"Id3a2sG5jvM7XbE4s8mC",icon:"vnJTUCWOyX0OcxK_Yomg"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatSocialMessage/ChatSocialMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".vNop6EG0Hbb9u6OZjX4K{padding:.5em}.vS_hc5eyp7Z_MMqaEDD8{border-color:rgba(0,0,0,.3);border-width:1px;border-style:solid;padding:10px;border-radius:var(--theme-rounded-corners);background-color:var(--theme-color-background-main)}.vS_hc5eyp7Z_MMqaEDD8:hover{border-color:var(--theme-text-link)}.vS_hc5eyp7Z_MMqaEDD8 .gfEQT2vYwNYv04ZS67yz{height:60px;width:60px;border-color:rgba(0,0,0,.3);border-width:1px;border-style:solid;font-size:1.8rem}.vS_hc5eyp7Z_MMqaEDD8 .iVeUULS00OHgBo1m_sAW{max-width:75px;min-width:75px}.vS_hc5eyp7Z_MMqaEDD8 .Pq6NnYzfFZU8vOVfX2xI{color:var(--theme-color-components-text-on-light);text-overflow:ellipsis;line-height:1.2rem}.vS_hc5eyp7Z_MMqaEDD8 .Pq6NnYzfFZU8vOVfX2xI p{margin:0}.vS_hc5eyp7Z_MMqaEDD8 .Wtddt8JyRdbtx0RbqJwO{font-family:var(--theme-text-display-font-family);font-weight:600;color:var(--theme-color-components-text-on-light)}.vS_hc5eyp7Z_MMqaEDD8 .qKQiAQSCCgFMet_AzLUe{position:absolute;width:25px;height:25px;top:40px;left:40px;border-color:var(--theme-color-background-main);border-width:2px;border-style:solid;border-radius:50%;background-size:cover;background-position:center}","",{version:3,sources:["webpack://./components/chat/ChatSocialMessage/ChatSocialMessage.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CAGF,sBACE,2BAAA,CACA,gBAAA,CACA,kBAAA,CACA,YAAA,CACA,0CAAA,CACA,mDAAA,CAEA,4BACE,mCAAA,CAGF,4CACE,WAAA,CACA,UAAA,CACA,2BAAA,CACA,gBAAA,CACA,kBAAA,CACA,gBAAA,CAGF,4CACE,cAAA,CACA,cAAA,CAGF,4CACE,iDAAA,CACA,sBAAA,CACA,kBAAA,CAEA,8CACE,QAAA,CAIJ,4CACE,iDAAA,CACA,eAAA,CACA,iDAAA,CAGF,4CACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CACA,SAAA,CACA,+CAAA,CACA,gBAAA,CACA,kBAAA,CACA,iBAAA,CACA,qBAAA,CACA,0BAAA",sourcesContent:[".followerPadding {\n padding: 0.5em;\n}\n\n.follower {\n border-color: rgb(0 0 0 / 30%);\n border-width: 1px;\n border-style: solid;\n padding: 10px;\n border-radius: var(--theme-rounded-corners);\n background-color: var(--theme-color-background-main);\n\n &:hover {\n border-color: var(--theme-text-link);\n }\n\n .avatar {\n height: 60px;\n width: 60px;\n border-color: rgb(0 0 0 / 30%);\n border-width: 1px;\n border-style: solid;\n font-size: 1.8rem;\n }\n\n .avatarColumn {\n max-width: 75px;\n min-width: 75px;\n }\n\n .body {\n color: var(--theme-color-components-text-on-light);\n text-overflow: ellipsis;\n line-height: 1.2rem;\n\n p {\n margin: 0;\n }\n }\n\n .account {\n font-family: var(--theme-text-display-font-family);\n font-weight: 600;\n color: var(--theme-color-components-text-on-light);\n }\n\n .icon {\n position: absolute;\n width: 25px;\n height: 25px;\n top: 40px;\n left: 40px;\n border-color: var(--theme-color-background-main);\n border-width: 2px;\n border-style: solid;\n border-radius: 50%;\n background-size: cover;\n background-position: center;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={followerPadding:"vNop6EG0Hbb9u6OZjX4K",follower:"vS_hc5eyp7Z_MMqaEDD8",avatar:"gfEQT2vYwNYv04ZS67yz",avatarColumn:"iVeUULS00OHgBo1m_sAW",body:"Pq6NnYzfFZU8vOVfX2xI",account:"Wtddt8JyRdbtx0RbqJwO",icon:"qKQiAQSCCgFMet_AzLUe"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatSystemMessage/ChatSystemMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".VFPQXIpBfE2WxhJy5Qsd{padding:5px;padding-bottom:10px}.wkX1HvZzmy3LOto1GvxU{background:var(--theme-color-background-main);background:linear-gradient(70deg, rgb(87, 51, 141) 0%, rgb(65, 28, 139) 40%, rgb(71, 50, 133) 80%);border-radius:5px;border-width:1px;border-style:solid;padding:12px}.wkX1HvZzmy3LOto1GvxU .b7kOlrJUrYOYZorUSOen{display:flex;align-items:center;font-family:var(--theme-text-display-font-family);font-weight:bold;color:#fff}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG{color:#fff}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG p{color:#fff;margin:unset}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG mark{padding-left:.3em;padding-right:.3em;color:var(--theme-color-palette-4);border-radius:var(--chat-text-highlight-border-radius);background-color:var(--color-owncast-palette-7)}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG img{max-width:100%;max-height:30vh;object-fit:contain}.wkX1HvZzmy3LOto1GvxU a{color:var(--theme-color-palette-4)}.wkX1HvZzmy3LOto1GvxU a :hover{text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--theme-color-palette-15)}","",{version:3,sources:["webpack://./components/chat/ChatSystemMessage/ChatSystemMessage.module.scss"],names:[],mappings:"AAAA,sBACE,WAAA,CACA,mBAAA,CAGF,sBACE,6CAAA,CACA,kGAAA,CAMA,iBAAA,CACA,gBAAA,CACA,kBAAA,CACA,YAAA,CAEA,4CACE,YAAA,CACA,kBAAA,CACA,iDAAA,CACA,gBAAA,CACA,UAAA,CAGF,4CACE,UAAA,CAEA,8CACE,UAAA,CACA,YAAA,CAGF,iDACE,iBAAA,CACA,kBAAA,CACA,kCAAA,CACA,sDAAA,CACA,+CAAA,CAGF,gDACE,cAAA,CACA,eAAA,CACA,kBAAA,CAIJ,wBACE,kCAAA,CAEA,+BACE,yBAAA,CACA,yBAAA,CACA,mDAAA",sourcesContent:[".chatSystemMessagePadding {\n padding: 5px;\n padding-bottom: 10px;\n}\n\n.chatSystemMessage {\n background: var(--theme-color-background-main);\n background: linear-gradient(\n 70deg,\n rgb(87 51 141) 0%,\n rgb(65 28 139) 40%,\n rgb(71 50 133) 80%\n );\n border-radius: 5px;\n border-width: 1px;\n border-style: solid;\n padding: 12px;\n\n .user {\n display: flex;\n align-items: center;\n font-family: var(--theme-text-display-font-family);\n font-weight: bold;\n color: white;\n }\n\n .message {\n color: white;\n\n p {\n color: white;\n margin: unset;\n }\n\n mark {\n padding-left: 0.3em;\n padding-right: 0.3em;\n color: var(--theme-color-palette-4);\n border-radius: var(--chat-text-highlight-border-radius);\n background-color: var(--color-owncast-palette-7);\n }\n\n img {\n max-width: 100%;\n max-height: 30vh;\n object-fit: contain;\n }\n }\n\n a {\n color: var(--theme-color-palette-4);\n\n :hover {\n text-decoration: underline;\n text-underline-offset: 2px;\n text-decoration-color: var(--theme-color-palette-15);\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={chatSystemMessagePadding:"VFPQXIpBfE2WxhJy5Qsd",chatSystemMessage:"wkX1HvZzmy3LOto1GvxU",user:"b7kOlrJUrYOYZorUSOen",message:"Nqo4e0vEZ1F9jydl8ZDG"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatTextField/ChatTextField.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".lnCQH3uh2reA3NQDOr0A{position:relative;display:flex;bottom:0;width:100%;padding:.6em;background-color:var(--theme-color-components-chat-background)}.lnCQH3uh2reA3NQDOr0A .fTjJaqyv53CIldbJWhQs{position:relative;display:flex;color:var(--theme-color-components-form-field-text);background-color:var(--theme-color-palette-3);border-radius:var(--theme-rounded-corners);bottom:0;width:100%;padding:.3rem;transition:box-shadow 90ms ease-in-out}.lnCQH3uh2reA3NQDOr0A .fTjJaqyv53CIldbJWhQs:focus-within{background-color:var(--theme-color-components-form-field-background);box-shadow:inset 0 0 2px 2px var(--theme-color-palette-3)}.lnCQH3uh2reA3NQDOr0A .fTjJaqyv53CIldbJWhQs img{width:20px;height:20px}.lnCQH3uh2reA3NQDOr0A .wkKOpeKlK9Vc0tfU48Kg{border-style:solid;border-width:2px;border-color:red}.lnCQH3uh2reA3NQDOr0A div[role=textbox]{font-size:13px;font-weight:400;padding:.3rem;background-color:inherit;border-color:var(--theme-color-components-form-field-border);box-shadow:0;transition:box-shadow 50ms ease-in-out;max-height:40px;min-height:30px;cursor:text;overflow-x:auto}.lnCQH3uh2reA3NQDOr0A div[role=textbox]:focus{outline:1px solid var(--color-owncast-gray-500) !important}.lnCQH3uh2reA3NQDOr0A div[role=textbox]>p{margin:0}.lnCQH3uh2reA3NQDOr0A :empty::before{content:attr(placeholder);display:block;color:#aaa}.lCfaEKnylCiXiw1X_twJ{border:none;background:none;cursor:pointer;padding:0 .25rem}.cfE2giCC94dlYKyVn1aL{border:none;background:none;cursor:pointer;padding:0 1rem}","",{version:3,sources:["webpack://./components/chat/ChatTextField/ChatTextField.module.scss"],names:[],mappings:"AAEA,sBACE,iBAAA,CACA,YAAA,CACA,QAAA,CACA,UAAA,CACA,YAAA,CACA,8DAAA,CAEA,4CACE,iBAAA,CACA,YAAA,CACA,mDAAA,CACA,6CAAA,CACA,0CAAA,CACA,QAAA,CACA,UAAA,CACA,aAAA,CACA,sCAAA,CAEA,yDACE,oEAAA,CACA,yDAAA,CAIF,gDACE,UAAA,CACA,WAAA,CAIJ,4CACE,kBAAA,CACA,gBAAA,CACA,gBAAA,CAGF,wCACE,cAAA,CACA,eAAA,CACA,aAAA,CACA,wBAAA,CACA,4DAAA,CACA,YAAA,CACA,sCAAA,CACA,eAAA,CACA,eAAA,CACA,WAAA,CACA,eAAA,CAEA,8CACE,0DAAA,CAGF,0CACE,QAAA,CAKJ,qCACE,yBAAA,CACA,aAAA,CACA,UAAA,CAIJ,sBACE,WAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAGF,sBACE,WAAA,CACA,eAAA,CACA,cAAA,CACA,cAAA",sourcesContent:["@import '../../../styles/mixins';\n\n.root {\n position: relative;\n display: flex;\n bottom: 0;\n width: 100%;\n padding: 0.6em;\n background-color: var(--theme-color-components-chat-background);\n\n .inputWrap {\n position: relative;\n display: flex;\n color: var(--theme-color-components-form-field-text);\n background-color: var(--theme-color-palette-3);\n border-radius: var(--theme-rounded-corners);\n bottom: 0;\n width: 100%;\n padding: 0.3rem;\n transition: box-shadow 90ms ease-in-out;\n\n &:focus-within {\n background-color: var(--theme-color-components-form-field-background);\n box-shadow: inset 0 0 2px 2px var(--theme-color-palette-3);\n }\n\n // Size of custom emoji.\n img {\n width: 20px;\n height: 20px;\n }\n }\n\n .maxCharacters {\n border-style: solid;\n border-width: 2px;\n border-color: red;\n }\n\n div[role='textbox'] {\n font-size: 13px;\n font-weight: 400;\n padding: 0.3rem;\n background-color: inherit;\n border-color: var(--theme-color-components-form-field-border);\n box-shadow: 0;\n transition: box-shadow 50ms ease-in-out;\n max-height: 40px; // 2 lines of text\n min-height: 30px;\n cursor: text;\n overflow-x: auto;\n\n &:focus {\n outline: 1px solid var(--color-owncast-gray-500) !important;\n }\n\n & > p {\n margin: 0;\n }\n }\n\n // Placeholder styling\n :empty::before {\n content: attr(placeholder);\n display: block;\n color: #aaa;\n }\n}\n\n.emojiButton {\n border: none;\n background: none;\n cursor: pointer;\n padding: 0 0.25rem;\n}\n\n.sendButton {\n border: none;\n background: none;\n cursor: pointer;\n padding: 0 1rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"lnCQH3uh2reA3NQDOr0A",inputWrap:"fTjJaqyv53CIldbJWhQs",maxCharacters:"wkKOpeKlK9Vc0tfU48Kg",emojiButton:"lCfaEKnylCiXiw1X_twJ",sendButton:"cfE2giCC94dlYKyVn1aL"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserBadge/ChatUserBadge.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".SCtg8LRcxtjPI1lYSBHR{color:#fff;background-color:var(--color-owncast-palette-0);height:16px;width:16px;border-radius:calc(.4*var(--theme-rounded-corners));text-align:center;padding:2px;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;font-size:.65rem}","",{version:3,sources:["webpack://./components/chat/ChatUserBadge/ChatUserBadge.module.scss"],names:[],mappings:"AAAA,sBACE,UAAA,CACA,+CAAA,CACA,WAAA,CACA,UAAA,CACA,mDAAA,CACA,iBAAA,CACA,WAAA,CACA,mBAAA,CACA,sBAAA,CACA,kBAAA,CACA,eAAA,CACA,gBAAA",sourcesContent:[".badge {\n color: white;\n background-color: var(--color-owncast-palette-0);\n height: 16px;\n width: 16px;\n border-radius: calc(0.4 * var(--theme-rounded-corners));\n text-align: center;\n padding: 2px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n font-size: 0.65rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={badge:"SCtg8LRcxtjPI1lYSBHR"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserMessage/ChatUserMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".LofwnV6iKDucwKPEPtKU{border-left:3px solid currentcolor;position:relative;font-size:var(--chat-message-text-size);padding:2px 8px;color:var(--theme-color-components-chat-text)}.LofwnV6iKDucwKPEPtKU *{z-index:100}.LofwnV6iKDucwKPEPtKU p:nth-of-type(1){margin:initial}.LofwnV6iKDucwKPEPtKU .FFxTJ4MZ1gTYIyREIVqu,.LofwnV6iKDucwKPEPtKU .lMVbMsiF3tuGsNjiPv6p{display:flex;align-items:center;font-weight:600}.LofwnV6iKDucwKPEPtKU .lMVbMsiF3tuGsNjiPv6p{display:none}.LofwnV6iKDucwKPEPtKU .ltxysyJNROz0nVFIMd7a{margin-left:3px;display:flex;justify-content:space-between}.LofwnV6iKDucwKPEPtKU .ltxysyJNROz0nVFIMd7a>*{margin-left:3px}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb{overflow:hidden;overflow-wrap:anywhere;font-weight:400;position:relative}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb mark{padding-left:.3em;padding-right:.3em;color:var(--theme-color-palette-4);border-radius:var(--chat-text-highlight-border-radius);background-color:var(--color-owncast-palette-7)}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb a{color:var(--theme-color-palette-12)}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb a:hover{color:var(--theme-color-palette-4)}.LofwnV6iKDucwKPEPtKU.JMjG13exIdM4fJmxasxN{border-left:none;border-right:3px solid currentcolor}.LofwnV6iKDucwKPEPtKU.JMjG13exIdM4fJmxasxN .zMsKKOqcD3Zx1z_PzxZL{position:absolute;top:0;left:0;width:100%;height:100%;background-color:currentcolor;opacity:.07;border-radius:.25rem;overflow:hidden}.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT{position:absolute;display:none;top:5px;right:10px;color:#000}.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT button:focus,.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT button:active{display:block !important}.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT button{background-color:#fff;border-radius:var(--theme-rounded-corners);border-width:0;opacity:.8}.LofwnV6iKDucwKPEPtKU:hover .wagZ0BNcENyOThsDrcdT{display:block}.vCeev31LzzUwhjEyjhe3{padding:.4rem 5px 0}.AMkaUV9_hVPTAtdUmAWE{padding:2px 5px 0}","",{version:3,sources:["webpack://./components/chat/ChatUserMessage/ChatUserMessage.module.scss"],names:[],mappings:"AAKA,sBAWE,kCAhBa,CAiBb,iBAAA,CACA,uCAAA,CACA,eAAA,CACA,6CAAA,CAdA,wBACE,WAAA,CAKF,uCACE,cAAA,CASF,wFACE,YAAA,CACA,kBAAA,CACA,eAAA,CAGF,4CAIE,YAAA,CAGF,4CACE,eAAA,CACA,YAAA,CACA,6BAAA,CAEA,8CACE,eAAA,CAIJ,4CACE,eAAA,CACA,sBAAA,CACA,eAAA,CACA,iBAAA,CAEA,iDACE,iBAAA,CACA,kBAAA,CACA,kCAAA,CACA,sDAAA,CACA,+CAAA,CAGF,8CACE,mCAAA,CAEA,oDACE,kCAAA,CAKN,2CACE,gBAAA,CACA,mCAtEW,CAwEX,iEACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,6BAAA,CACA,WAAA,CACA,oBAAA,CACA,eAAA,CAIJ,4CACE,iBAAA,CACA,YAAA,CACA,OAAA,CACA,UAAA,CACA,UAAA,CAEA,mHAEE,wBAAA,CAGF,mDACE,qBAAA,CACA,0CAAA,CACA,cAAA,CACA,UAAA,CAIJ,kDACE,aAAA,CAIJ,sBACE,mBAAA,CAGF,sBACE,iBAAA",sourcesContent:["$border-style: 3px solid currentcolor;\n$p-size: 8px;\n$p-h-size: 8px;\n$p-v-size: 2px;\n\n.root {\n * {\n z-index: 100;\n }\n\n // Chat messages are wrapped in

tags. We don't want to render\n // the default margins for these initial

tags, so we remove them here.\n p:nth-of-type(1) {\n margin: initial;\n }\n\n border-left: $border-style;\n position: relative;\n font-size: var(--chat-message-text-size);\n padding: $p-v-size $p-h-size;\n color: var(--theme-color-components-chat-text);\n\n .user {\n display: flex;\n align-items: center;\n font-weight: 600;\n }\n\n .repeatUser {\n // nolint: scss/at-extend-no-missing-placeholder\n @extend .user;\n\n display: none;\n }\n\n .userBadges {\n margin-left: 3px;\n display: flex;\n justify-content: space-between;\n\n > * {\n margin-left: 3px;\n }\n }\n\n .message {\n overflow: hidden;\n overflow-wrap: anywhere;\n font-weight: 400;\n position: relative;\n\n mark {\n padding-left: 0.3em;\n padding-right: 0.3em;\n color: var(--theme-color-palette-4);\n border-radius: var(--chat-text-highlight-border-radius);\n background-color: var(--color-owncast-palette-7);\n }\n\n a {\n color: var(--theme-color-palette-12);\n\n &:hover {\n color: var(--theme-color-palette-4);\n }\n }\n }\n\n &.ownMessage {\n border-left: none;\n border-right: $border-style;\n\n .background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: currentcolor;\n opacity: 0.07;\n border-radius: 0.25rem;\n overflow: hidden;\n }\n }\n\n .modMenuWrapper {\n position: absolute;\n display: none;\n top: 5px;\n right: 10px;\n color: black;\n\n & button:focus,\n & button:active {\n display: block !important;\n }\n\n button {\n background-color: white;\n border-radius: var(--theme-rounded-corners);\n border-width: 0;\n opacity: 0.8;\n }\n }\n\n &:hover .modMenuWrapper {\n display: block;\n }\n}\n\n.messagePadding {\n padding: 0.4rem 5px 0;\n}\n\n.messagePaddingCollapsed {\n padding: 2px 5px 0;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"LofwnV6iKDucwKPEPtKU",user:"FFxTJ4MZ1gTYIyREIVqu",repeatUser:"lMVbMsiF3tuGsNjiPv6p",userBadges:"ltxysyJNROz0nVFIMd7a",message:"w3AFTkGF45TSftU6sRwb",ownMessage:"JMjG13exIdM4fJmxasxN",background:"zMsKKOqcD3Zx1z_PzxZL",modMenuWrapper:"wagZ0BNcENyOThsDrcdT",messagePadding:"vCeev31LzzUwhjEyjhe3",messagePaddingCollapsed:"AMkaUV9_hVPTAtdUmAWE"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/regenerate-unicode-properties sync recursive ^\\.\\/.*\\.js$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./Binary_Property/ASCII.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ASCII.js","./Binary_Property/ASCII_Hex_Digit.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ASCII_Hex_Digit.js","./Binary_Property/Alphabetic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Alphabetic.js","./Binary_Property/Any.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Any.js","./Binary_Property/Assigned.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Assigned.js","./Binary_Property/Bidi_Control.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Bidi_Control.js","./Binary_Property/Bidi_Mirrored.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Bidi_Mirrored.js","./Binary_Property/Case_Ignorable.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Case_Ignorable.js","./Binary_Property/Cased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Cased.js","./Binary_Property/Changes_When_Casefolded.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Casefolded.js","./Binary_Property/Changes_When_Casemapped.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Casemapped.js","./Binary_Property/Changes_When_Lowercased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Lowercased.js","./Binary_Property/Changes_When_NFKC_Casefolded.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_NFKC_Casefolded.js","./Binary_Property/Changes_When_Titlecased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Titlecased.js","./Binary_Property/Changes_When_Uppercased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Uppercased.js","./Binary_Property/Dash.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Dash.js","./Binary_Property/Default_Ignorable_Code_Point.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Default_Ignorable_Code_Point.js","./Binary_Property/Deprecated.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Deprecated.js","./Binary_Property/Diacritic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Diacritic.js","./Binary_Property/Emoji.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji.js","./Binary_Property/Emoji_Component.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Component.js","./Binary_Property/Emoji_Modifier.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Modifier.js","./Binary_Property/Emoji_Modifier_Base.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Modifier_Base.js","./Binary_Property/Emoji_Presentation.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Presentation.js","./Binary_Property/Extended_Pictographic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Extended_Pictographic.js","./Binary_Property/Extender.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Extender.js","./Binary_Property/Grapheme_Base.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Grapheme_Base.js","./Binary_Property/Grapheme_Extend.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Grapheme_Extend.js","./Binary_Property/Hex_Digit.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Hex_Digit.js","./Binary_Property/IDS_Binary_Operator.js":"./node_modules/regenerate-unicode-properties/Binary_Property/IDS_Binary_Operator.js","./Binary_Property/IDS_Trinary_Operator.js":"./node_modules/regenerate-unicode-properties/Binary_Property/IDS_Trinary_Operator.js","./Binary_Property/ID_Continue.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ID_Continue.js","./Binary_Property/ID_Start.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ID_Start.js","./Binary_Property/Ideographic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Ideographic.js","./Binary_Property/Join_Control.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Join_Control.js","./Binary_Property/Logical_Order_Exception.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Logical_Order_Exception.js","./Binary_Property/Lowercase.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Lowercase.js","./Binary_Property/Math.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Math.js","./Binary_Property/Noncharacter_Code_Point.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Noncharacter_Code_Point.js","./Binary_Property/Pattern_Syntax.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Pattern_Syntax.js","./Binary_Property/Pattern_White_Space.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Pattern_White_Space.js","./Binary_Property/Quotation_Mark.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Quotation_Mark.js","./Binary_Property/Radical.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Radical.js","./Binary_Property/Regional_Indicator.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Regional_Indicator.js","./Binary_Property/Sentence_Terminal.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Sentence_Terminal.js","./Binary_Property/Soft_Dotted.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Soft_Dotted.js","./Binary_Property/Terminal_Punctuation.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Terminal_Punctuation.js","./Binary_Property/Unified_Ideograph.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Unified_Ideograph.js","./Binary_Property/Uppercase.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Uppercase.js","./Binary_Property/Variation_Selector.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Variation_Selector.js","./Binary_Property/White_Space.js":"./node_modules/regenerate-unicode-properties/Binary_Property/White_Space.js","./Binary_Property/XID_Continue.js":"./node_modules/regenerate-unicode-properties/Binary_Property/XID_Continue.js","./Binary_Property/XID_Start.js":"./node_modules/regenerate-unicode-properties/Binary_Property/XID_Start.js","./General_Category/Cased_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Cased_Letter.js","./General_Category/Close_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Close_Punctuation.js","./General_Category/Connector_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Connector_Punctuation.js","./General_Category/Control.js":"./node_modules/regenerate-unicode-properties/General_Category/Control.js","./General_Category/Currency_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Currency_Symbol.js","./General_Category/Dash_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Dash_Punctuation.js","./General_Category/Decimal_Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Decimal_Number.js","./General_Category/Enclosing_Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Enclosing_Mark.js","./General_Category/Final_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Final_Punctuation.js","./General_Category/Format.js":"./node_modules/regenerate-unicode-properties/General_Category/Format.js","./General_Category/Initial_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Initial_Punctuation.js","./General_Category/Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Letter.js","./General_Category/Letter_Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Letter_Number.js","./General_Category/Line_Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Line_Separator.js","./General_Category/Lowercase_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Lowercase_Letter.js","./General_Category/Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Mark.js","./General_Category/Math_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Math_Symbol.js","./General_Category/Modifier_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Modifier_Letter.js","./General_Category/Modifier_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Modifier_Symbol.js","./General_Category/Nonspacing_Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Nonspacing_Mark.js","./General_Category/Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Number.js","./General_Category/Open_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Open_Punctuation.js","./General_Category/Other.js":"./node_modules/regenerate-unicode-properties/General_Category/Other.js","./General_Category/Other_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Letter.js","./General_Category/Other_Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Number.js","./General_Category/Other_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Punctuation.js","./General_Category/Other_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Symbol.js","./General_Category/Paragraph_Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Paragraph_Separator.js","./General_Category/Private_Use.js":"./node_modules/regenerate-unicode-properties/General_Category/Private_Use.js","./General_Category/Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Punctuation.js","./General_Category/Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Separator.js","./General_Category/Space_Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Space_Separator.js","./General_Category/Spacing_Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Spacing_Mark.js","./General_Category/Surrogate.js":"./node_modules/regenerate-unicode-properties/General_Category/Surrogate.js","./General_Category/Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Symbol.js","./General_Category/Titlecase_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Titlecase_Letter.js","./General_Category/Unassigned.js":"./node_modules/regenerate-unicode-properties/General_Category/Unassigned.js","./General_Category/Uppercase_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Uppercase_Letter.js","./Property_of_Strings/Basic_Emoji.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/Basic_Emoji.js","./Property_of_Strings/Emoji_Keycap_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/Emoji_Keycap_Sequence.js","./Property_of_Strings/RGI_Emoji.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji.js","./Property_of_Strings/RGI_Emoji_Flag_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_Flag_Sequence.js","./Property_of_Strings/RGI_Emoji_Modifier_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_Modifier_Sequence.js","./Property_of_Strings/RGI_Emoji_Tag_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_Tag_Sequence.js","./Property_of_Strings/RGI_Emoji_ZWJ_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_ZWJ_Sequence.js","./Script/Adlam.js":"./node_modules/regenerate-unicode-properties/Script/Adlam.js","./Script/Ahom.js":"./node_modules/regenerate-unicode-properties/Script/Ahom.js","./Script/Anatolian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script/Anatolian_Hieroglyphs.js","./Script/Arabic.js":"./node_modules/regenerate-unicode-properties/Script/Arabic.js","./Script/Armenian.js":"./node_modules/regenerate-unicode-properties/Script/Armenian.js","./Script/Avestan.js":"./node_modules/regenerate-unicode-properties/Script/Avestan.js","./Script/Balinese.js":"./node_modules/regenerate-unicode-properties/Script/Balinese.js","./Script/Bamum.js":"./node_modules/regenerate-unicode-properties/Script/Bamum.js","./Script/Bassa_Vah.js":"./node_modules/regenerate-unicode-properties/Script/Bassa_Vah.js","./Script/Batak.js":"./node_modules/regenerate-unicode-properties/Script/Batak.js","./Script/Bengali.js":"./node_modules/regenerate-unicode-properties/Script/Bengali.js","./Script/Bhaiksuki.js":"./node_modules/regenerate-unicode-properties/Script/Bhaiksuki.js","./Script/Bopomofo.js":"./node_modules/regenerate-unicode-properties/Script/Bopomofo.js","./Script/Brahmi.js":"./node_modules/regenerate-unicode-properties/Script/Brahmi.js","./Script/Braille.js":"./node_modules/regenerate-unicode-properties/Script/Braille.js","./Script/Buginese.js":"./node_modules/regenerate-unicode-properties/Script/Buginese.js","./Script/Buhid.js":"./node_modules/regenerate-unicode-properties/Script/Buhid.js","./Script/Canadian_Aboriginal.js":"./node_modules/regenerate-unicode-properties/Script/Canadian_Aboriginal.js","./Script/Carian.js":"./node_modules/regenerate-unicode-properties/Script/Carian.js","./Script/Caucasian_Albanian.js":"./node_modules/regenerate-unicode-properties/Script/Caucasian_Albanian.js","./Script/Chakma.js":"./node_modules/regenerate-unicode-properties/Script/Chakma.js","./Script/Cham.js":"./node_modules/regenerate-unicode-properties/Script/Cham.js","./Script/Cherokee.js":"./node_modules/regenerate-unicode-properties/Script/Cherokee.js","./Script/Chorasmian.js":"./node_modules/regenerate-unicode-properties/Script/Chorasmian.js","./Script/Common.js":"./node_modules/regenerate-unicode-properties/Script/Common.js","./Script/Coptic.js":"./node_modules/regenerate-unicode-properties/Script/Coptic.js","./Script/Cuneiform.js":"./node_modules/regenerate-unicode-properties/Script/Cuneiform.js","./Script/Cypriot.js":"./node_modules/regenerate-unicode-properties/Script/Cypriot.js","./Script/Cypro_Minoan.js":"./node_modules/regenerate-unicode-properties/Script/Cypro_Minoan.js","./Script/Cyrillic.js":"./node_modules/regenerate-unicode-properties/Script/Cyrillic.js","./Script/Deseret.js":"./node_modules/regenerate-unicode-properties/Script/Deseret.js","./Script/Devanagari.js":"./node_modules/regenerate-unicode-properties/Script/Devanagari.js","./Script/Dives_Akuru.js":"./node_modules/regenerate-unicode-properties/Script/Dives_Akuru.js","./Script/Dogra.js":"./node_modules/regenerate-unicode-properties/Script/Dogra.js","./Script/Duployan.js":"./node_modules/regenerate-unicode-properties/Script/Duployan.js","./Script/Egyptian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script/Egyptian_Hieroglyphs.js","./Script/Elbasan.js":"./node_modules/regenerate-unicode-properties/Script/Elbasan.js","./Script/Elymaic.js":"./node_modules/regenerate-unicode-properties/Script/Elymaic.js","./Script/Ethiopic.js":"./node_modules/regenerate-unicode-properties/Script/Ethiopic.js","./Script/Georgian.js":"./node_modules/regenerate-unicode-properties/Script/Georgian.js","./Script/Glagolitic.js":"./node_modules/regenerate-unicode-properties/Script/Glagolitic.js","./Script/Gothic.js":"./node_modules/regenerate-unicode-properties/Script/Gothic.js","./Script/Grantha.js":"./node_modules/regenerate-unicode-properties/Script/Grantha.js","./Script/Greek.js":"./node_modules/regenerate-unicode-properties/Script/Greek.js","./Script/Gujarati.js":"./node_modules/regenerate-unicode-properties/Script/Gujarati.js","./Script/Gunjala_Gondi.js":"./node_modules/regenerate-unicode-properties/Script/Gunjala_Gondi.js","./Script/Gurmukhi.js":"./node_modules/regenerate-unicode-properties/Script/Gurmukhi.js","./Script/Han.js":"./node_modules/regenerate-unicode-properties/Script/Han.js","./Script/Hangul.js":"./node_modules/regenerate-unicode-properties/Script/Hangul.js","./Script/Hanifi_Rohingya.js":"./node_modules/regenerate-unicode-properties/Script/Hanifi_Rohingya.js","./Script/Hanunoo.js":"./node_modules/regenerate-unicode-properties/Script/Hanunoo.js","./Script/Hatran.js":"./node_modules/regenerate-unicode-properties/Script/Hatran.js","./Script/Hebrew.js":"./node_modules/regenerate-unicode-properties/Script/Hebrew.js","./Script/Hiragana.js":"./node_modules/regenerate-unicode-properties/Script/Hiragana.js","./Script/Imperial_Aramaic.js":"./node_modules/regenerate-unicode-properties/Script/Imperial_Aramaic.js","./Script/Inherited.js":"./node_modules/regenerate-unicode-properties/Script/Inherited.js","./Script/Inscriptional_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script/Inscriptional_Pahlavi.js","./Script/Inscriptional_Parthian.js":"./node_modules/regenerate-unicode-properties/Script/Inscriptional_Parthian.js","./Script/Javanese.js":"./node_modules/regenerate-unicode-properties/Script/Javanese.js","./Script/Kaithi.js":"./node_modules/regenerate-unicode-properties/Script/Kaithi.js","./Script/Kannada.js":"./node_modules/regenerate-unicode-properties/Script/Kannada.js","./Script/Katakana.js":"./node_modules/regenerate-unicode-properties/Script/Katakana.js","./Script/Kawi.js":"./node_modules/regenerate-unicode-properties/Script/Kawi.js","./Script/Kayah_Li.js":"./node_modules/regenerate-unicode-properties/Script/Kayah_Li.js","./Script/Kharoshthi.js":"./node_modules/regenerate-unicode-properties/Script/Kharoshthi.js","./Script/Khitan_Small_Script.js":"./node_modules/regenerate-unicode-properties/Script/Khitan_Small_Script.js","./Script/Khmer.js":"./node_modules/regenerate-unicode-properties/Script/Khmer.js","./Script/Khojki.js":"./node_modules/regenerate-unicode-properties/Script/Khojki.js","./Script/Khudawadi.js":"./node_modules/regenerate-unicode-properties/Script/Khudawadi.js","./Script/Lao.js":"./node_modules/regenerate-unicode-properties/Script/Lao.js","./Script/Latin.js":"./node_modules/regenerate-unicode-properties/Script/Latin.js","./Script/Lepcha.js":"./node_modules/regenerate-unicode-properties/Script/Lepcha.js","./Script/Limbu.js":"./node_modules/regenerate-unicode-properties/Script/Limbu.js","./Script/Linear_A.js":"./node_modules/regenerate-unicode-properties/Script/Linear_A.js","./Script/Linear_B.js":"./node_modules/regenerate-unicode-properties/Script/Linear_B.js","./Script/Lisu.js":"./node_modules/regenerate-unicode-properties/Script/Lisu.js","./Script/Lycian.js":"./node_modules/regenerate-unicode-properties/Script/Lycian.js","./Script/Lydian.js":"./node_modules/regenerate-unicode-properties/Script/Lydian.js","./Script/Mahajani.js":"./node_modules/regenerate-unicode-properties/Script/Mahajani.js","./Script/Makasar.js":"./node_modules/regenerate-unicode-properties/Script/Makasar.js","./Script/Malayalam.js":"./node_modules/regenerate-unicode-properties/Script/Malayalam.js","./Script/Mandaic.js":"./node_modules/regenerate-unicode-properties/Script/Mandaic.js","./Script/Manichaean.js":"./node_modules/regenerate-unicode-properties/Script/Manichaean.js","./Script/Marchen.js":"./node_modules/regenerate-unicode-properties/Script/Marchen.js","./Script/Masaram_Gondi.js":"./node_modules/regenerate-unicode-properties/Script/Masaram_Gondi.js","./Script/Medefaidrin.js":"./node_modules/regenerate-unicode-properties/Script/Medefaidrin.js","./Script/Meetei_Mayek.js":"./node_modules/regenerate-unicode-properties/Script/Meetei_Mayek.js","./Script/Mende_Kikakui.js":"./node_modules/regenerate-unicode-properties/Script/Mende_Kikakui.js","./Script/Meroitic_Cursive.js":"./node_modules/regenerate-unicode-properties/Script/Meroitic_Cursive.js","./Script/Meroitic_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script/Meroitic_Hieroglyphs.js","./Script/Miao.js":"./node_modules/regenerate-unicode-properties/Script/Miao.js","./Script/Modi.js":"./node_modules/regenerate-unicode-properties/Script/Modi.js","./Script/Mongolian.js":"./node_modules/regenerate-unicode-properties/Script/Mongolian.js","./Script/Mro.js":"./node_modules/regenerate-unicode-properties/Script/Mro.js","./Script/Multani.js":"./node_modules/regenerate-unicode-properties/Script/Multani.js","./Script/Myanmar.js":"./node_modules/regenerate-unicode-properties/Script/Myanmar.js","./Script/Nabataean.js":"./node_modules/regenerate-unicode-properties/Script/Nabataean.js","./Script/Nag_Mundari.js":"./node_modules/regenerate-unicode-properties/Script/Nag_Mundari.js","./Script/Nandinagari.js":"./node_modules/regenerate-unicode-properties/Script/Nandinagari.js","./Script/New_Tai_Lue.js":"./node_modules/regenerate-unicode-properties/Script/New_Tai_Lue.js","./Script/Newa.js":"./node_modules/regenerate-unicode-properties/Script/Newa.js","./Script/Nko.js":"./node_modules/regenerate-unicode-properties/Script/Nko.js","./Script/Nushu.js":"./node_modules/regenerate-unicode-properties/Script/Nushu.js","./Script/Nyiakeng_Puachue_Hmong.js":"./node_modules/regenerate-unicode-properties/Script/Nyiakeng_Puachue_Hmong.js","./Script/Ogham.js":"./node_modules/regenerate-unicode-properties/Script/Ogham.js","./Script/Ol_Chiki.js":"./node_modules/regenerate-unicode-properties/Script/Ol_Chiki.js","./Script/Old_Hungarian.js":"./node_modules/regenerate-unicode-properties/Script/Old_Hungarian.js","./Script/Old_Italic.js":"./node_modules/regenerate-unicode-properties/Script/Old_Italic.js","./Script/Old_North_Arabian.js":"./node_modules/regenerate-unicode-properties/Script/Old_North_Arabian.js","./Script/Old_Permic.js":"./node_modules/regenerate-unicode-properties/Script/Old_Permic.js","./Script/Old_Persian.js":"./node_modules/regenerate-unicode-properties/Script/Old_Persian.js","./Script/Old_Sogdian.js":"./node_modules/regenerate-unicode-properties/Script/Old_Sogdian.js","./Script/Old_South_Arabian.js":"./node_modules/regenerate-unicode-properties/Script/Old_South_Arabian.js","./Script/Old_Turkic.js":"./node_modules/regenerate-unicode-properties/Script/Old_Turkic.js","./Script/Old_Uyghur.js":"./node_modules/regenerate-unicode-properties/Script/Old_Uyghur.js","./Script/Oriya.js":"./node_modules/regenerate-unicode-properties/Script/Oriya.js","./Script/Osage.js":"./node_modules/regenerate-unicode-properties/Script/Osage.js","./Script/Osmanya.js":"./node_modules/regenerate-unicode-properties/Script/Osmanya.js","./Script/Pahawh_Hmong.js":"./node_modules/regenerate-unicode-properties/Script/Pahawh_Hmong.js","./Script/Palmyrene.js":"./node_modules/regenerate-unicode-properties/Script/Palmyrene.js","./Script/Pau_Cin_Hau.js":"./node_modules/regenerate-unicode-properties/Script/Pau_Cin_Hau.js","./Script/Phags_Pa.js":"./node_modules/regenerate-unicode-properties/Script/Phags_Pa.js","./Script/Phoenician.js":"./node_modules/regenerate-unicode-properties/Script/Phoenician.js","./Script/Psalter_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script/Psalter_Pahlavi.js","./Script/Rejang.js":"./node_modules/regenerate-unicode-properties/Script/Rejang.js","./Script/Runic.js":"./node_modules/regenerate-unicode-properties/Script/Runic.js","./Script/Samaritan.js":"./node_modules/regenerate-unicode-properties/Script/Samaritan.js","./Script/Saurashtra.js":"./node_modules/regenerate-unicode-properties/Script/Saurashtra.js","./Script/Sharada.js":"./node_modules/regenerate-unicode-properties/Script/Sharada.js","./Script/Shavian.js":"./node_modules/regenerate-unicode-properties/Script/Shavian.js","./Script/Siddham.js":"./node_modules/regenerate-unicode-properties/Script/Siddham.js","./Script/SignWriting.js":"./node_modules/regenerate-unicode-properties/Script/SignWriting.js","./Script/Sinhala.js":"./node_modules/regenerate-unicode-properties/Script/Sinhala.js","./Script/Sogdian.js":"./node_modules/regenerate-unicode-properties/Script/Sogdian.js","./Script/Sora_Sompeng.js":"./node_modules/regenerate-unicode-properties/Script/Sora_Sompeng.js","./Script/Soyombo.js":"./node_modules/regenerate-unicode-properties/Script/Soyombo.js","./Script/Sundanese.js":"./node_modules/regenerate-unicode-properties/Script/Sundanese.js","./Script/Syloti_Nagri.js":"./node_modules/regenerate-unicode-properties/Script/Syloti_Nagri.js","./Script/Syriac.js":"./node_modules/regenerate-unicode-properties/Script/Syriac.js","./Script/Tagalog.js":"./node_modules/regenerate-unicode-properties/Script/Tagalog.js","./Script/Tagbanwa.js":"./node_modules/regenerate-unicode-properties/Script/Tagbanwa.js","./Script/Tai_Le.js":"./node_modules/regenerate-unicode-properties/Script/Tai_Le.js","./Script/Tai_Tham.js":"./node_modules/regenerate-unicode-properties/Script/Tai_Tham.js","./Script/Tai_Viet.js":"./node_modules/regenerate-unicode-properties/Script/Tai_Viet.js","./Script/Takri.js":"./node_modules/regenerate-unicode-properties/Script/Takri.js","./Script/Tamil.js":"./node_modules/regenerate-unicode-properties/Script/Tamil.js","./Script/Tangsa.js":"./node_modules/regenerate-unicode-properties/Script/Tangsa.js","./Script/Tangut.js":"./node_modules/regenerate-unicode-properties/Script/Tangut.js","./Script/Telugu.js":"./node_modules/regenerate-unicode-properties/Script/Telugu.js","./Script/Thaana.js":"./node_modules/regenerate-unicode-properties/Script/Thaana.js","./Script/Thai.js":"./node_modules/regenerate-unicode-properties/Script/Thai.js","./Script/Tibetan.js":"./node_modules/regenerate-unicode-properties/Script/Tibetan.js","./Script/Tifinagh.js":"./node_modules/regenerate-unicode-properties/Script/Tifinagh.js","./Script/Tirhuta.js":"./node_modules/regenerate-unicode-properties/Script/Tirhuta.js","./Script/Toto.js":"./node_modules/regenerate-unicode-properties/Script/Toto.js","./Script/Ugaritic.js":"./node_modules/regenerate-unicode-properties/Script/Ugaritic.js","./Script/Vai.js":"./node_modules/regenerate-unicode-properties/Script/Vai.js","./Script/Vithkuqi.js":"./node_modules/regenerate-unicode-properties/Script/Vithkuqi.js","./Script/Wancho.js":"./node_modules/regenerate-unicode-properties/Script/Wancho.js","./Script/Warang_Citi.js":"./node_modules/regenerate-unicode-properties/Script/Warang_Citi.js","./Script/Yezidi.js":"./node_modules/regenerate-unicode-properties/Script/Yezidi.js","./Script/Yi.js":"./node_modules/regenerate-unicode-properties/Script/Yi.js","./Script/Zanabazar_Square.js":"./node_modules/regenerate-unicode-properties/Script/Zanabazar_Square.js","./Script_Extensions/Adlam.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Adlam.js","./Script_Extensions/Ahom.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ahom.js","./Script_Extensions/Anatolian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Anatolian_Hieroglyphs.js","./Script_Extensions/Arabic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Arabic.js","./Script_Extensions/Armenian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Armenian.js","./Script_Extensions/Avestan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Avestan.js","./Script_Extensions/Balinese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Balinese.js","./Script_Extensions/Bamum.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bamum.js","./Script_Extensions/Bassa_Vah.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bassa_Vah.js","./Script_Extensions/Batak.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Batak.js","./Script_Extensions/Bengali.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bengali.js","./Script_Extensions/Bhaiksuki.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bhaiksuki.js","./Script_Extensions/Bopomofo.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bopomofo.js","./Script_Extensions/Brahmi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Brahmi.js","./Script_Extensions/Braille.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Braille.js","./Script_Extensions/Buginese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Buginese.js","./Script_Extensions/Buhid.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Buhid.js","./Script_Extensions/Canadian_Aboriginal.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Canadian_Aboriginal.js","./Script_Extensions/Carian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Carian.js","./Script_Extensions/Caucasian_Albanian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Caucasian_Albanian.js","./Script_Extensions/Chakma.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Chakma.js","./Script_Extensions/Cham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cham.js","./Script_Extensions/Cherokee.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cherokee.js","./Script_Extensions/Chorasmian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Chorasmian.js","./Script_Extensions/Common.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Common.js","./Script_Extensions/Coptic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Coptic.js","./Script_Extensions/Cuneiform.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cuneiform.js","./Script_Extensions/Cypriot.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cypriot.js","./Script_Extensions/Cypro_Minoan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cypro_Minoan.js","./Script_Extensions/Cyrillic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cyrillic.js","./Script_Extensions/Deseret.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Deseret.js","./Script_Extensions/Devanagari.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Devanagari.js","./Script_Extensions/Dives_Akuru.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Dives_Akuru.js","./Script_Extensions/Dogra.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Dogra.js","./Script_Extensions/Duployan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Duployan.js","./Script_Extensions/Egyptian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Egyptian_Hieroglyphs.js","./Script_Extensions/Elbasan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Elbasan.js","./Script_Extensions/Elymaic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Elymaic.js","./Script_Extensions/Ethiopic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ethiopic.js","./Script_Extensions/Georgian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Georgian.js","./Script_Extensions/Glagolitic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Glagolitic.js","./Script_Extensions/Gothic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gothic.js","./Script_Extensions/Grantha.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Grantha.js","./Script_Extensions/Greek.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Greek.js","./Script_Extensions/Gujarati.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gujarati.js","./Script_Extensions/Gunjala_Gondi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gunjala_Gondi.js","./Script_Extensions/Gurmukhi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gurmukhi.js","./Script_Extensions/Han.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Han.js","./Script_Extensions/Hangul.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hangul.js","./Script_Extensions/Hanifi_Rohingya.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hanifi_Rohingya.js","./Script_Extensions/Hanunoo.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hanunoo.js","./Script_Extensions/Hatran.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hatran.js","./Script_Extensions/Hebrew.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hebrew.js","./Script_Extensions/Hiragana.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hiragana.js","./Script_Extensions/Imperial_Aramaic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Imperial_Aramaic.js","./Script_Extensions/Inherited.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Inherited.js","./Script_Extensions/Inscriptional_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Inscriptional_Pahlavi.js","./Script_Extensions/Inscriptional_Parthian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Inscriptional_Parthian.js","./Script_Extensions/Javanese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Javanese.js","./Script_Extensions/Kaithi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kaithi.js","./Script_Extensions/Kannada.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kannada.js","./Script_Extensions/Katakana.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Katakana.js","./Script_Extensions/Kawi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kawi.js","./Script_Extensions/Kayah_Li.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kayah_Li.js","./Script_Extensions/Kharoshthi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kharoshthi.js","./Script_Extensions/Khitan_Small_Script.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khitan_Small_Script.js","./Script_Extensions/Khmer.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khmer.js","./Script_Extensions/Khojki.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khojki.js","./Script_Extensions/Khudawadi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khudawadi.js","./Script_Extensions/Lao.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lao.js","./Script_Extensions/Latin.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Latin.js","./Script_Extensions/Lepcha.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lepcha.js","./Script_Extensions/Limbu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Limbu.js","./Script_Extensions/Linear_A.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Linear_A.js","./Script_Extensions/Linear_B.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Linear_B.js","./Script_Extensions/Lisu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lisu.js","./Script_Extensions/Lycian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lycian.js","./Script_Extensions/Lydian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lydian.js","./Script_Extensions/Mahajani.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mahajani.js","./Script_Extensions/Makasar.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Makasar.js","./Script_Extensions/Malayalam.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Malayalam.js","./Script_Extensions/Mandaic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mandaic.js","./Script_Extensions/Manichaean.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Manichaean.js","./Script_Extensions/Marchen.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Marchen.js","./Script_Extensions/Masaram_Gondi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Masaram_Gondi.js","./Script_Extensions/Medefaidrin.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Medefaidrin.js","./Script_Extensions/Meetei_Mayek.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Meetei_Mayek.js","./Script_Extensions/Mende_Kikakui.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mende_Kikakui.js","./Script_Extensions/Meroitic_Cursive.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Meroitic_Cursive.js","./Script_Extensions/Meroitic_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Meroitic_Hieroglyphs.js","./Script_Extensions/Miao.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Miao.js","./Script_Extensions/Modi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Modi.js","./Script_Extensions/Mongolian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mongolian.js","./Script_Extensions/Mro.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mro.js","./Script_Extensions/Multani.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Multani.js","./Script_Extensions/Myanmar.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Myanmar.js","./Script_Extensions/Nabataean.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nabataean.js","./Script_Extensions/Nag_Mundari.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nag_Mundari.js","./Script_Extensions/Nandinagari.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nandinagari.js","./Script_Extensions/New_Tai_Lue.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/New_Tai_Lue.js","./Script_Extensions/Newa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Newa.js","./Script_Extensions/Nko.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nko.js","./Script_Extensions/Nushu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nushu.js","./Script_Extensions/Nyiakeng_Puachue_Hmong.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nyiakeng_Puachue_Hmong.js","./Script_Extensions/Ogham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ogham.js","./Script_Extensions/Ol_Chiki.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ol_Chiki.js","./Script_Extensions/Old_Hungarian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Hungarian.js","./Script_Extensions/Old_Italic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Italic.js","./Script_Extensions/Old_North_Arabian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_North_Arabian.js","./Script_Extensions/Old_Permic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Permic.js","./Script_Extensions/Old_Persian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Persian.js","./Script_Extensions/Old_Sogdian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Sogdian.js","./Script_Extensions/Old_South_Arabian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_South_Arabian.js","./Script_Extensions/Old_Turkic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Turkic.js","./Script_Extensions/Old_Uyghur.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Uyghur.js","./Script_Extensions/Oriya.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Oriya.js","./Script_Extensions/Osage.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Osage.js","./Script_Extensions/Osmanya.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Osmanya.js","./Script_Extensions/Pahawh_Hmong.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Pahawh_Hmong.js","./Script_Extensions/Palmyrene.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Palmyrene.js","./Script_Extensions/Pau_Cin_Hau.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Pau_Cin_Hau.js","./Script_Extensions/Phags_Pa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Phags_Pa.js","./Script_Extensions/Phoenician.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Phoenician.js","./Script_Extensions/Psalter_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Psalter_Pahlavi.js","./Script_Extensions/Rejang.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Rejang.js","./Script_Extensions/Runic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Runic.js","./Script_Extensions/Samaritan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Samaritan.js","./Script_Extensions/Saurashtra.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Saurashtra.js","./Script_Extensions/Sharada.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sharada.js","./Script_Extensions/Shavian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Shavian.js","./Script_Extensions/Siddham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Siddham.js","./Script_Extensions/SignWriting.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/SignWriting.js","./Script_Extensions/Sinhala.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sinhala.js","./Script_Extensions/Sogdian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sogdian.js","./Script_Extensions/Sora_Sompeng.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sora_Sompeng.js","./Script_Extensions/Soyombo.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Soyombo.js","./Script_Extensions/Sundanese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sundanese.js","./Script_Extensions/Syloti_Nagri.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Syloti_Nagri.js","./Script_Extensions/Syriac.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Syriac.js","./Script_Extensions/Tagalog.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tagalog.js","./Script_Extensions/Tagbanwa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tagbanwa.js","./Script_Extensions/Tai_Le.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tai_Le.js","./Script_Extensions/Tai_Tham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tai_Tham.js","./Script_Extensions/Tai_Viet.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tai_Viet.js","./Script_Extensions/Takri.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Takri.js","./Script_Extensions/Tamil.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tamil.js","./Script_Extensions/Tangsa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tangsa.js","./Script_Extensions/Tangut.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tangut.js","./Script_Extensions/Telugu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Telugu.js","./Script_Extensions/Thaana.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Thaana.js","./Script_Extensions/Thai.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Thai.js","./Script_Extensions/Tibetan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tibetan.js","./Script_Extensions/Tifinagh.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tifinagh.js","./Script_Extensions/Tirhuta.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tirhuta.js","./Script_Extensions/Toto.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Toto.js","./Script_Extensions/Ugaritic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ugaritic.js","./Script_Extensions/Vai.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Vai.js","./Script_Extensions/Vithkuqi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Vithkuqi.js","./Script_Extensions/Wancho.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Wancho.js","./Script_Extensions/Warang_Citi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Warang_Citi.js","./Script_Extensions/Yezidi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Yezidi.js","./Script_Extensions/Yi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Yi.js","./Script_Extensions/Zanabazar_Square.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Zanabazar_Square.js","./index.js":"./node_modules/regenerate-unicode-properties/index.js","./unicode-version.js":"./node_modules/regenerate-unicode-properties/unicode-version.js"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./node_modules/regenerate-unicode-properties sync recursive ^\\.\\/.*\\.js$"},"?5580":()=>{},"?03fb":()=>{},"?6197":()=>{},"?b8cb":()=>{},"?c717":()=>{}}]); \ No newline at end of file diff --git a/static/components/6128.35f74c44.iframe.bundle.js b/static/components/6128.b82c18f8.iframe.bundle.js similarity index 94% rename from static/components/6128.35f74c44.iframe.bundle.js rename to static/components/6128.b82c18f8.iframe.bundle.js index d8f98b8ead..922b4fe564 100644 --- a/static/components/6128.35f74c44.iframe.bundle.js +++ b/static/components/6128.b82c18f8.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[6128],{"./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ChatModerationActionMenu:()=>ChatModerationActionMenu});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__),antd__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/antd/es/modal/index.js"),antd__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/antd/es/message/index.js"),antd__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/antd/es/dropdown/index.js"),antd__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/antd/es/space/index.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_2__),_ui_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/ui/Modal/Modal.tsx"),_ChatModerationDetailsModal_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx"),_services_moderation_service__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./services/moderation-service.ts"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,confirm=antd__WEBPACK_IMPORTED_MODULE_6__.A.confirm,CloseCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(4746)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/CloseCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/CloseCircleOutlined.js"]}}}),ExclamationCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(3595)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ExclamationCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ExclamationCircleOutlined.js"]}}}),EyeInvisibleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(348)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/EyeInvisibleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/EyeInvisibleOutlined.js"]}}}),SmallDashOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(3257)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/SmallDashOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/SmallDashOutlined.js"]}}}),ChatModerationActionMenu=function ChatModerationActionMenu(_ref){var messageID=_ref.messageID,userID=_ref.userID,userDisplayName=_ref.userDisplayName,accessToken=_ref.accessToken,_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),showUserDetailsModal=_useState[0],setShowUserDetailsModal=_useState[1],handleBanUser=function(){var _ref2=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee(){return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.prev=0,_context.next=3,_services_moderation_service__WEBPACK_IMPORTED_MODULE_5__.A.banUser(userID,accessToken);case 3:_context.next=9;break;case 5:_context.prev=5,_context.t0=_context.catch(0),console.error(_context.t0),antd__WEBPACK_IMPORTED_MODULE_8__.Ay.error(_context.t0);case 9:case"end":return _context.stop()}}),_callee,null,[[0,5]])})));return function handleBanUser(){return _ref2.apply(this,arguments)}}(),handleHideMessage=function(){var _ref3=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee2(){return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.prev=0,_context2.next=3,_services_moderation_service__WEBPACK_IMPORTED_MODULE_5__.A.removeMessage(messageID,accessToken);case 3:_context2.next=9;break;case 5:_context2.prev=5,_context2.t0=_context2.catch(0),console.error(_context2.t0),antd__WEBPACK_IMPORTED_MODULE_8__.Ay.error(_context2.t0);case 9:case"end":return _context2.stop()}}),_callee2,null,[[0,5]])})));return function handleHideMessage(){return _ref3.apply(this,arguments)}}(),confirmHideMessage=function(){var _ref4=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee3(){return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:confirm({icon:__jsx(ExclamationCircleOutlined,null),content:"Are you sure you want to remove this message from ".concat(userDisplayName,"?"),onOk:function onOk(){handleHideMessage()}});case 1:case"end":return _context3.stop()}}),_callee3)})));return function confirmHideMessage(){return _ref4.apply(this,arguments)}}(),confirmBanUser=function(){var _ref5=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee4(){return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:confirm({icon:__jsx(ExclamationCircleOutlined,null),content:"Are you sure you want to ban ".concat(userDisplayName," from chat?"),onOk:function onOk(){handleBanUser()}});case 1:case"end":return _context4.stop()}}),_callee4)})));return function confirmBanUser(){return _ref5.apply(this,arguments)}}(),items=[{icon:__jsx(EyeInvisibleOutlined,null),label:"Hide Message",key:"hide-message",onClick:confirmHideMessage},{icon:__jsx(CloseCircleOutlined,null),label:"Ban User",key:"ban-user",onClick:confirmBanUser},{label:"More Info...",key:"more-info",onClick:function onClick(){return setShowUserDetailsModal(!0)}}];return __jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,__jsx(antd__WEBPACK_IMPORTED_MODULE_9__.A,{menu:{items},trigger:["click"]},__jsx("button",{type:"button","aria-label":"Chat moderation options",onClick:function onClick(e){return e.preventDefault()}},__jsx(antd__WEBPACK_IMPORTED_MODULE_10__.A,null,__jsx(SmallDashOutlined,null)))),__jsx(_ui_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__.Modal,{title:userDisplayName,open:showUserDetailsModal,handleCancel:function handleCancel(){setShowUserDetailsModal(!1)}},__jsx(_ChatModerationDetailsModal_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_4__.q,{userId:userID,accessToken})))};try{ChatModerationActionMenu.displayName="ChatModerationActionMenu",ChatModerationActionMenu.__docgenInfo={description:"",displayName:"ChatModerationActionMenu",props:{accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}},messageID:{defaultValue:null,description:"",name:"messageID",required:!0,type:{name:"string"}},userID:{defaultValue:null,description:"",name:"userID",required:!0,type:{name:"string"}},userDisplayName:{defaultValue:null,description:"",name:"userDisplayName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx#ChatModerationActionMenu"]={docgenInfo:ChatModerationActionMenu.__docgenInfo,name:"ChatModerationActionMenu",path:"components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx#ChatModerationActionMenu"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{q:()=>ChatModerationDetailsModal});var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),collapse=__webpack_require__("./node_modules/antd/es/collapse/index.js"),row=__webpack_require__("./node_modules/antd/es/row/index.js"),col=__webpack_require__("./node_modules/antd/es/col/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),spin=__webpack_require__("./node_modules/antd/es/spin/index.js"),tag=__webpack_require__("./node_modules/antd/es/tag/index.js"),table=__webpack_require__("./node_modules/antd/es/table/index.js"),format=__webpack_require__("./node_modules/date-fns/format.mjs"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),moderation_service=__webpack_require__("./services/moderation-service.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatModerationDetailsModal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatModerationDetailsModal_module.A,options);const ChatModerationDetailsModal_ChatModerationDetailsModal_module=ChatModerationDetailsModal_module.A&&ChatModerationDetailsModal_module.A.locals?ChatModerationDetailsModal_module.A.locals:void 0;var utils_format=__webpack_require__("./utils/format.ts"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.A.Panel,DeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(8863)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/DeleteOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/DeleteOutlined.js"]}}}),removeMessage=function(){var _ref=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(messageId,accessToken){return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:try{moderation_service.A.removeMessage(messageId,accessToken)}catch(e){console.error(e)}case 1:case"end":return _context.stop()}}),_callee)})));return function removeMessage(_x,_x2){return _ref.apply(this,arguments)}}(),ValueRow=function ValueRow(_ref2){var label=_ref2.label,value=_ref2.value;return __jsx(row.A,{justify:"space-around",align:"middle"},__jsx(col.A,{span:12},label),__jsx(col.A,{span:12},value))};ValueRow.displayName="ValueRow";var ConnectedClient=function ConnectedClient(_ref3){var client=_ref3.client,messageCount=client.messageCount,connectedAt=client.connectedAt,geo=client.geo,connectedAtDate=(0,format.GP)(new Date(connectedAt),"PP pp");return __jsx("div",null,__jsx(ValueRow,{label:"Messages Sent",value:messageCount.toString()}),"N/A"!==geo&&__jsx(ValueRow,{label:"Geo",value:geo}),__jsx(ValueRow,{label:"Connected At",value:connectedAtDate}))};ConnectedClient.displayName="ConnectedClient";var UserColorBlock=function UserColorBlock(_ref4){var color=_ref4.color,bg="var(--theme-color-users-".concat(color,")");return __jsx("div",{className:ChatModerationDetailsModal_ChatModerationDetailsModal_module.colorBlock,style:{backgroundColor:bg}},"Color ",color)};UserColorBlock.displayName="UserColorBlock";var ChatModerationDetailsModal=function ChatModerationDetailsModal(_ref5){var userId=_ref5.userId,accessToken=_ref5.accessToken,_useState=(0,react.useState)(null),userDetails=_useState[0],setUserDetails=_useState[1],_useState2=(0,react.useState)(!0),loading=_useState2[0],setLoading=_useState2[1],getDetails=function(){var _ref6=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee2(){var response;return regenerator_default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.prev=0,_context2.next=3,fetch("/api/moderation/chat/user/".concat(userId,"?accessToken=").concat(accessToken));case 3:return _context2.next=5,_context2.sent.json();case 5:response=_context2.sent,setUserDetails(response),setLoading(!1),_context2.next=13;break;case 10:_context2.prev=10,_context2.t0=_context2.catch(0),console.error(_context2.t0);case 13:case"end":return _context2.stop()}}),_callee2,null,[[0,10]])})));return function getDetails(){return _ref6.apply(this,arguments)}}();if((0,react.useEffect)((function(){getDetails()}),[]),!userDetails)return null;var user=userDetails.user,connectedClients=userDetails.connectedClients,messages=userDetails.messages,displayColor=user.displayColor,createdAt=user.createdAt,previousNames=user.previousNames,scopes=user.scopes,isBot=user.isBot,authenticated=user.authenticated,totalMessagesSent=connectedClients.reduce((function(acc,client){return acc+client.messageCount}),0),createdAtDate=(0,format.GP)(new Date(createdAt),"PP pp"),chatMessageColumns=[{title:"Message",dataIndex:"body",key:"body"},{title:"Sent At",dataIndex:"timestamp",key:"timestamp",render:function render(timestamp){return(0,format.GP)(new Date(timestamp),"PP pp")}},{title:"Delete",key:"delete",render:function render(_text,record){return __jsx(es_button.A,{type:"primary",ghost:!0,icon:__jsx(DeleteOutlined,null),onClick:function onClick(){return removeMessage(record.id,accessToken)}})}}];return __jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref7){var error=_ref7.error,resetErrorBoundary=_ref7.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"ChatModerationDetailsModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx(spin.A,{spinning:loading},__jsx(UserColorBlock,{color:displayColor}),null==scopes?void 0:scopes.map((function(scope){return __jsx(tag.A,{key:scope},scope)})),authenticated&&__jsx(tag.A,null,"Authenticated"),isBot&&__jsx(tag.A,null,"Bot"),__jsx(ValueRow,{label:"Messages Sent Across Clients",value:totalMessagesSent.toString()}),__jsx(ValueRow,{label:"User Created",value:createdAtDate}),__jsx(ValueRow,{label:"Known As",value:previousNames.join(",")}),__jsx(collapse.A,{accordion:!0},__jsx(Panel,{header:"Currently Connected Clients",key:"connected-clients"},__jsx(collapse.A,{accordion:!0},connectedClients.map((function(client){return __jsx(Panel,{header:(0,utils_format.Ld)(client.userAgent),key:client.id},__jsx(ConnectedClient,{client}))})))),__jsx(collapse.A,{accordion:!0},__jsx(Panel,{header:"Recent Chat Messages",key:"chat-messages"},__jsx(table.A,{size:"small",pagination:null,columns:chatMessageColumns,dataSource:messages,rowKey:"id"}))))))};ChatModerationDetailsModal.displayName="ChatModerationDetailsModal";try{ChatModerationDetailsModal.displayName="ChatModerationDetailsModal",ChatModerationDetailsModal.__docgenInfo={description:"",displayName:"ChatModerationDetailsModal",props:{userId:{defaultValue:null,description:"",name:"userId",required:!0,type:{name:"string"}},accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx#ChatModerationDetailsModal"]={docgenInfo:ChatModerationDetailsModal.__docgenInfo,name:"ChatModerationDetailsModal",path:"components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx#ChatModerationDetailsModal"})}catch(__react_docgen_typescript_loader_error){}},"./components/ui/ComponentError/ComponentError.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>ComponentError});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/alert/index.js"),antd__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/button/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,openBugReport=function openBugReport(){window.open("https://github.com/owncast/owncast/issues/new?assignees=&labels=&template=bug-report-feature-request.yml","_blank")},ErrorContent=function ErrorContent(_ref){var message=_ref.message,componentName=_ref.componentName,details=_ref.details,canRetry=_ref.canRetry;return __jsx("div",null,__jsx("p",null,"There was an unexpected error. It would be appreciated if you would report this so it can be fixed in the future."),!!canRetry&&__jsx("p",null,"You may optionally retry, however functionality might not work as expected."),__jsx("code",null,__jsx("div",null,message&&"Error: ".concat(message)),__jsx("div",null,"Component: ",componentName),__jsx("div",null,details&&details)))};ErrorContent.displayName="ErrorContent";var ComponentError=function ComponentError(_ref2){var message=_ref2.message,componentName=_ref2.componentName,details=_ref2.details,retryFunction=_ref2.retryFunction;return __jsx(antd__WEBPACK_IMPORTED_MODULE_1__.A,{message:"Error",showIcon:!0,description:__jsx(ErrorContent,{message,details,componentName,canRetry:!!retryFunction}),type:"error",action:__jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,retryFunction&&__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError";try{ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",displayName:"ComponentError",props:{message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string"}},componentName:{defaultValue:null,description:"",name:"componentName",required:!0,type:{name:"string"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},retryFunction:{defaultValue:null,description:"",name:"retryFunction",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/ComponentError/ComponentError.tsx#ComponentError"]={docgenInfo:ComponentError.__docgenInfo,name:"ComponentError",path:"components/ui/ComponentError/ComponentError.tsx#ComponentError"})}catch(__react_docgen_typescript_loader_error){}},"./components/ui/Modal/Modal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Modal:()=>Modal});var modal=__webpack_require__("./node_modules/antd/es/modal/index.js"),spin=__webpack_require__("./node_modules/antd/es/spin/index.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Modal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/ui/Modal/Modal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Modal_module.A,options);const Modal_Modal_module=Modal_module.A&&Modal_module.A.locals?Modal_module.A.locals:void 0;var __jsx=react.createElement,Modal=function Modal(_ref){var title=_ref.title,url=_ref.url,open=_ref.open,handleOk=_ref.handleOk,handleCancel=_ref.handleCancel,afterClose=_ref.afterClose,height=_ref.height,width=_ref.width,children=_ref.children,_useState=(0,react.useState)(!!url),loading=_useState[0],setLoading=_useState[1],defaultHeight="100%",defaultWidth="520px";url&&(defaultHeight="70vh",defaultWidth="900px");var modalContentBodyStyle={padding:"0px",minHeight:height,height:null!=height?height:defaultHeight},iframe=url&&__jsx("iframe",{title,src:url,width:"100%",height:"100%",sandbox:"allow-same-origin allow-scripts allow-popups allow-forms",frameBorder:"0",allowFullScreen:!0,style:{display:"block"},onLoad:function onLoad(){return setLoading(!1)}}),iframeDisplayStyle=loading?"none":"inline";return __jsx(modal.A,{title,open,onOk:handleOk,onCancel:handleCancel,afterClose,bodyStyle:modalContentBodyStyle,width:null!=width?width:defaultWidth,zIndex:999,footer:null,centered:!0,destroyOnClose:!0,className:Modal_Modal_module.modal},__jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"Modal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx("div",{id:"modal-container",style:{height:"100%"}},iframe&&__jsx("div",{style:{display:iframeDisplayStyle}},iframe),children&&__jsx("div",{className:Modal_Modal_module.content},children),loading&&__jsx(spin.A,{className:Modal_Modal_module.spinner,spinning:loading,size:"large",tip:title}))))};Modal.displayName="Modal",Modal.defaultProps={url:void 0,children:void 0,handleOk:void 0,handleCancel:void 0,afterClose:void 0};try{Modal.displayName="Modal",Modal.__docgenInfo={description:"",displayName:"Modal",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},url:{defaultValue:{value:"undefined"},description:"",name:"url",required:!1,type:{name:"string"}},open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}},handleOk:{defaultValue:{value:"undefined"},description:"",name:"handleOk",required:!1,type:{name:"() => void"}},handleCancel:{defaultValue:{value:"undefined"},description:"",name:"handleCancel",required:!1,type:{name:"() => void"}},afterClose:{defaultValue:{value:"undefined"},description:"",name:"afterClose",required:!1,type:{name:"() => void"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/Modal/Modal.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"components/ui/Modal/Modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}},"./services/moderation-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=function(){return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__.A)((function ChatModerationService(){(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.A)(this,ChatModerationService)}),null,[{key:"removeMessage",value:(_removeMessage=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(id,accessToken){var url,hideMessageUrl,options;return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return(url=new URL("/api/chat/messagevisibility",window.location.toString())).searchParams.append("accessToken",accessToken),hideMessageUrl=url.toString(),options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({idArray:[id]})},_context.next=6,fetch(hideMessageUrl,options);case 6:case"end":return _context.stop()}}),_callee)}))),function removeMessage(_x,_x2){return _removeMessage.apply(this,arguments)})},{key:"banUser",value:(_banUser=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee2(id,accessToken){var url,hideMessageUrl,options;return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return(url=new URL("/api/chat/users/setenabled",window.location.toString())).searchParams.append("accessToken",accessToken),hideMessageUrl=url.toString(),options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({userId:id})},_context2.next=6,fetch(hideMessageUrl,options);case 6:case"end":return _context2.stop()}}),_callee2)}))),function banUser(_x3,_x4){return _banUser.apply(this,arguments)})}]);var _banUser,_removeMessage}()},"./utils/format.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ld:()=>formatUAstring,RW:()=>parseSecondsToDurationString});var ua_parser_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(ua_parser_js__WEBPACK_IMPORTED_MODULE_0__);function padLeft(text,pad,size){return String(pad.repeat(size)+text).slice(-size)}function parseSecondsToDurationString(){var seconds=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,finiteSeconds=Number.isFinite(+seconds)?Math.abs(seconds):0,days=Math.floor(finiteSeconds/86400),daysString=days>0?"".concat(days," day").concat(days>1?"s":""," "):"",hours=Math.floor(finiteSeconds/3600%24),hoursString=hours||days?padLeft("".concat(hours,":"),"0",3):"",mins=Math.floor(finiteSeconds/60%60),minString=padLeft("".concat(mins,":"),"0",3),secs=Math.floor(finiteSeconds%60);return daysString+hoursString+minString+padLeft("".concat(secs),"0",2)}function formatUAstring(uaString){var parser=ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default()(uaString),device=parser.device,os=parser.os,browser=parser.browser,browserVersion=browser.major,name=browser.name,osVersion=os.version,osName=os.name,model=device.model,type=device.type;if("libmpv"===uaString)return"mpv media player";if(!name||!browserVersion||!osName)return uaString;var deviceString=model||type?" (".concat(model||type,")"):"";return"".concat(name," ").concat(browserVersion," on ").concat(osName," ").concat(osVersion,"\n ").concat(deviceString)}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".LLkMqCQ151QLthz6Jrm9{padding:10px}.tLPeuqwkaXHP5VCqtGlt{margin:10px;padding:15px;border:1px solid #ccc;border-radius:5px}.Ptcgm8bVQJo5oZiQCGGK{display:inline-block;width:60px;height:20px;border:1px solid #000;text-align:center;font-size:.8rem}.wwiXkMXh0rQl0JFi8jFw{font-weight:bold;padding-right:10px;font-size:1.2rem}","",{version:3,sources:["webpack://./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CAGF,sBACE,WAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CAGF,sBACE,oBAAA,CACA,UAAA,CACA,WAAA,CACA,qBAAA,CACA,iBAAA,CACA,eAAA,CAGF,sBACE,gBAAA,CACA,kBAAA,CACA,gBAAA",sourcesContent:[".modalContainer {\n padding: 10px;\n}\n\n.chatHistory {\n margin: 10px;\n padding: 15px;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\n.colorBlock {\n display: inline-block;\n width: 60px;\n height: 20px;\n border: 1px solid #000;\n text-align: center;\n font-size: 0.8rem;\n}\n\n.displayName {\n font-weight: bold;\n padding-right: 10px;\n font-size: 1.2rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={modalContainer:"LLkMqCQ151QLthz6Jrm9",chatHistory:"tLPeuqwkaXHP5VCqtGlt",colorBlock:"Ptcgm8bVQJo5oZiQCGGK",displayName:"wwiXkMXh0rQl0JFi8jFw"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/ui/Modal/Modal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Lt6Vg4guWZPhViFV8BR8{position:absolute;top:50%;left:50%}.Ep_XrhrWHWWaET4hDVIz{display:block;height:100%;padding:1.25rem;background-color:var(--theme-color-components-modal-content-background);color:var(--theme-color-components-modal-content-text)}.Ep_XrhrWHWWaET4hDVIz h1:first-child,.Ep_XrhrWHWWaET4hDVIz h2:first-child,.Ep_XrhrWHWWaET4hDVIz h3:first-child{margin-top:unset}.zqlLEpPjiWLlgRdtKyEt .ant-modal-header{color:var(--theme-color-components-modal-header-text);font-family:var(--theme-text-display-font-family);padding:1rem 1.25rem}.zqlLEpPjiWLlgRdtKyEt .ant-modal-title{color:var(--theme-color-components-modal-header-text);font-size:17px;font-weight:600}.zqlLEpPjiWLlgRdtKyEt .ant-modal-body{overflow:auto;border-radius:0 0 var(--theme-rounded-corners) var(--theme-rounded-corners)}.zqlLEpPjiWLlgRdtKyEt .ant-modal-close-x{font-size:12px}.zqlLEpPjiWLlgRdtKyEt .ant-modal{color:var(--theme-color-components-text-on-light)}.zqlLEpPjiWLlgRdtKyEt .ant-modal h1{color:var(--theme-color-components-text-on-light)}.zqlLEpPjiWLlgRdtKyEt .ant-modal-content{box-shadow:3px 15px 15px -3px rgba(0,0,0,.15),0 4px 6px -2px rgba(0,0,0,.08)}","",{version:3,sources:["webpack://./components/ui/Modal/Modal.module.scss"],names:[],mappings:"AACA,sBACE,iBAAA,CACA,OAAA,CACA,QAAA,CAGF,sBACE,aAAA,CACA,WAAA,CACA,eAAA,CACA,uEAAA,CACA,sDAAA,CAEA,+GAGE,gBAAA,CAKH,wCACC,qDAAA,CACA,iDAAA,CACA,oBAAA,CAGD,uCACC,qDAAA,CACA,cAAA,CACA,eAAA,CAGD,sCACC,aAAA,CACA,2EAAA,CAGD,yCACC,cAAA,CAGD,iCACC,iDAAA,CAEA,oCACC,iDAAA,CAIF,yCACC,4EAAA",sourcesContent:["\n.spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n}\n\n.content {\n display: block;\n height: 100%;\n padding: 1.25rem;\n background-color: var(--theme-color-components-modal-content-background);\n color: var(--theme-color-components-modal-content-text);\n\n h1:first-child,\n h2:first-child,\n h3:first-child {\n margin-top: unset;\n }\n}\n\n.modal {\n\t:global(.ant-modal-header) {\n\t\tcolor: var(--theme-color-components-modal-header-text);\n\t\tfont-family: var(--theme-text-display-font-family);\n\t\tpadding: 1rem 1.25rem;\n\t}\n\n\t:global(.ant-modal-title) {\n\t\tcolor: var(--theme-color-components-modal-header-text);\n\t\tfont-size: 17px;\n\t\tfont-weight: 600;\n\t}\n\n\t:global(.ant-modal-body) {\n\t\toverflow: auto;\n\t\tborder-radius: 0 0 var(--theme-rounded-corners) var(--theme-rounded-corners);\n\t}\n\n\t:global(.ant-modal-close-x) {\n\t\tfont-size: 12px;\n\t}\n\n\t:global(.ant-modal) {\n\t\tcolor: var(--theme-color-components-text-on-light);\n\n\t\th1 {\n\t\t\tcolor: var(--theme-color-components-text-on-light);\n\t\t}\n\t}\n\n\t:global(.ant-modal-content) {\n\t\tbox-shadow: 3px 15px 15px -3px rgb(0 0 0 / 15%), 0 4px 6px -2px rgb(0 0 0 / 8%);\n\t}\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={spinner:"Lt6Vg4guWZPhViFV8BR8",content:"Ep_XrhrWHWWaET4hDVIz",modal:"zqlLEpPjiWLlgRdtKyEt"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[6128],{"./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ChatModerationActionMenu:()=>ChatModerationActionMenu});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__),antd__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/antd/es/modal/index.js"),antd__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/antd/es/message/index.js"),antd__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/antd/es/dropdown/index.js"),antd__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/antd/es/space/index.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_2__),_ui_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/ui/Modal/Modal.tsx"),_ChatModerationDetailsModal_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx"),_services_moderation_service__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./services/moderation-service.ts"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,confirm=antd__WEBPACK_IMPORTED_MODULE_6__.A.confirm,CloseCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(4746)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/CloseCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/CloseCircleOutlined.js"]}}}),ExclamationCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(3595)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ExclamationCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ExclamationCircleOutlined.js"]}}}),EyeInvisibleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(348)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/EyeInvisibleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/EyeInvisibleOutlined.js"]}}}),SmallDashOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(3257)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/SmallDashOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/SmallDashOutlined.js"]}}}),ChatModerationActionMenu=function ChatModerationActionMenu(_ref){var messageID=_ref.messageID,userID=_ref.userID,userDisplayName=_ref.userDisplayName,accessToken=_ref.accessToken,_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),showUserDetailsModal=_useState[0],setShowUserDetailsModal=_useState[1],handleBanUser=function(){var _ref2=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee(){return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.prev=0,_context.next=3,_services_moderation_service__WEBPACK_IMPORTED_MODULE_5__.A.banUser(userID,accessToken);case 3:_context.next=9;break;case 5:_context.prev=5,_context.t0=_context.catch(0),console.error(_context.t0),antd__WEBPACK_IMPORTED_MODULE_8__.Ay.error(_context.t0);case 9:case"end":return _context.stop()}}),_callee,null,[[0,5]])})));return function handleBanUser(){return _ref2.apply(this,arguments)}}(),handleHideMessage=function(){var _ref3=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee2(){return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.prev=0,_context2.next=3,_services_moderation_service__WEBPACK_IMPORTED_MODULE_5__.A.removeMessage(messageID,accessToken);case 3:_context2.next=9;break;case 5:_context2.prev=5,_context2.t0=_context2.catch(0),console.error(_context2.t0),antd__WEBPACK_IMPORTED_MODULE_8__.Ay.error(_context2.t0);case 9:case"end":return _context2.stop()}}),_callee2,null,[[0,5]])})));return function handleHideMessage(){return _ref3.apply(this,arguments)}}(),confirmHideMessage=function(){var _ref4=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee3(){return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:confirm({icon:__jsx(ExclamationCircleOutlined,null),content:"Are you sure you want to remove this message from ".concat(userDisplayName,"?"),onOk:function onOk(){handleHideMessage()}});case 1:case"end":return _context3.stop()}}),_callee3)})));return function confirmHideMessage(){return _ref4.apply(this,arguments)}}(),confirmBanUser=function(){var _ref5=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee4(){return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:confirm({icon:__jsx(ExclamationCircleOutlined,null),content:"Are you sure you want to ban ".concat(userDisplayName," from chat?"),onOk:function onOk(){handleBanUser()}});case 1:case"end":return _context4.stop()}}),_callee4)})));return function confirmBanUser(){return _ref5.apply(this,arguments)}}(),items=[{icon:__jsx(EyeInvisibleOutlined,null),label:"Hide Message",key:"hide-message",onClick:confirmHideMessage},{icon:__jsx(CloseCircleOutlined,null),label:"Ban User",key:"ban-user",onClick:confirmBanUser},{label:"More Info...",key:"more-info",onClick:function onClick(){return setShowUserDetailsModal(!0)}}];return __jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,__jsx(antd__WEBPACK_IMPORTED_MODULE_9__.A,{menu:{items},trigger:["click"]},__jsx("button",{type:"button","aria-label":"Chat moderation options",onClick:function onClick(e){return e.preventDefault()}},__jsx(antd__WEBPACK_IMPORTED_MODULE_10__.A,null,__jsx(SmallDashOutlined,null)))),__jsx(_ui_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__.Modal,{title:userDisplayName,open:showUserDetailsModal,handleCancel:function handleCancel(){setShowUserDetailsModal(!1)}},__jsx(_ChatModerationDetailsModal_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_4__.q,{userId:userID,accessToken})))};try{ChatModerationActionMenu.displayName="ChatModerationActionMenu",ChatModerationActionMenu.__docgenInfo={description:"",displayName:"ChatModerationActionMenu",props:{accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}},messageID:{defaultValue:null,description:"",name:"messageID",required:!0,type:{name:"string"}},userID:{defaultValue:null,description:"",name:"userID",required:!0,type:{name:"string"}},userDisplayName:{defaultValue:null,description:"",name:"userDisplayName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx#ChatModerationActionMenu"]={docgenInfo:ChatModerationActionMenu.__docgenInfo,name:"ChatModerationActionMenu",path:"components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx#ChatModerationActionMenu"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{q:()=>ChatModerationDetailsModal});var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),collapse=__webpack_require__("./node_modules/antd/es/collapse/index.js"),row=__webpack_require__("./node_modules/antd/es/row/index.js"),col=__webpack_require__("./node_modules/antd/es/col/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),spin=__webpack_require__("./node_modules/antd/es/spin/index.js"),tag=__webpack_require__("./node_modules/antd/es/tag/index.js"),table=__webpack_require__("./node_modules/antd/es/table/index.js"),format=__webpack_require__("./node_modules/date-fns/format.mjs"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),moderation_service=__webpack_require__("./services/moderation-service.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatModerationDetailsModal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatModerationDetailsModal_module.A,options);const ChatModerationDetailsModal_ChatModerationDetailsModal_module=ChatModerationDetailsModal_module.A&&ChatModerationDetailsModal_module.A.locals?ChatModerationDetailsModal_module.A.locals:void 0;var utils_format=__webpack_require__("./utils/format.ts"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.A.Panel,DeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(8863)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/DeleteOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/DeleteOutlined.js"]}}}),removeMessage=function(){var _ref=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(messageId,accessToken){return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:try{moderation_service.A.removeMessage(messageId,accessToken)}catch(e){console.error(e)}case 1:case"end":return _context.stop()}}),_callee)})));return function removeMessage(_x,_x2){return _ref.apply(this,arguments)}}(),ValueRow=function ValueRow(_ref2){var label=_ref2.label,value=_ref2.value;return __jsx(row.A,{justify:"space-around",align:"middle"},__jsx(col.A,{span:12},label),__jsx(col.A,{span:12},value))};ValueRow.displayName="ValueRow";var ConnectedClient=function ConnectedClient(_ref3){var client=_ref3.client,messageCount=client.messageCount,connectedAt=client.connectedAt,geo=client.geo,connectedAtDate=(0,format.GP)(new Date(connectedAt),"PP pp");return __jsx("div",null,__jsx(ValueRow,{label:"Messages Sent",value:messageCount.toString()}),"N/A"!==geo&&__jsx(ValueRow,{label:"Geo",value:geo}),__jsx(ValueRow,{label:"Connected At",value:connectedAtDate}))};ConnectedClient.displayName="ConnectedClient";var UserColorBlock=function UserColorBlock(_ref4){var color=_ref4.color,bg="var(--theme-color-users-".concat(color,")");return __jsx("div",{className:ChatModerationDetailsModal_ChatModerationDetailsModal_module.colorBlock,style:{backgroundColor:bg}},"Color ",color)};UserColorBlock.displayName="UserColorBlock";var ChatModerationDetailsModal=function ChatModerationDetailsModal(_ref5){var userId=_ref5.userId,accessToken=_ref5.accessToken,_useState=(0,react.useState)(null),userDetails=_useState[0],setUserDetails=_useState[1],_useState2=(0,react.useState)(!0),loading=_useState2[0],setLoading=_useState2[1],getDetails=function(){var _ref6=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee2(){var response;return regenerator_default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.prev=0,_context2.next=3,fetch("/api/moderation/chat/user/".concat(userId,"?accessToken=").concat(accessToken));case 3:return _context2.next=5,_context2.sent.json();case 5:response=_context2.sent,setUserDetails(response),setLoading(!1),_context2.next=13;break;case 10:_context2.prev=10,_context2.t0=_context2.catch(0),console.error(_context2.t0);case 13:case"end":return _context2.stop()}}),_callee2,null,[[0,10]])})));return function getDetails(){return _ref6.apply(this,arguments)}}();if((0,react.useEffect)((function(){getDetails()}),[]),!userDetails)return null;var user=userDetails.user,connectedClients=userDetails.connectedClients,messages=userDetails.messages,displayColor=user.displayColor,createdAt=user.createdAt,previousNames=user.previousNames,scopes=user.scopes,isBot=user.isBot,authenticated=user.authenticated,totalMessagesSent=connectedClients.reduce((function(acc,client){return acc+client.messageCount}),0),createdAtDate=(0,format.GP)(new Date(createdAt),"PP pp"),chatMessageColumns=[{title:"Message",dataIndex:"body",key:"body"},{title:"Sent At",dataIndex:"timestamp",key:"timestamp",render:function render(timestamp){return(0,format.GP)(new Date(timestamp),"PP pp")}},{title:"Delete",key:"delete",render:function render(_text,record){return __jsx(es_button.A,{type:"primary",ghost:!0,icon:__jsx(DeleteOutlined,null),onClick:function onClick(){return removeMessage(record.id,accessToken)}})}}];return __jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref7){var error=_ref7.error,resetErrorBoundary=_ref7.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"ChatModerationDetailsModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx(spin.A,{spinning:loading},__jsx(UserColorBlock,{color:displayColor}),null==scopes?void 0:scopes.map((function(scope){return __jsx(tag.A,{key:scope},scope)})),authenticated&&__jsx(tag.A,null,"Authenticated"),isBot&&__jsx(tag.A,null,"Bot"),__jsx(ValueRow,{label:"Messages Sent Across Clients",value:totalMessagesSent.toString()}),__jsx(ValueRow,{label:"User Created",value:createdAtDate}),__jsx(ValueRow,{label:"Known As",value:previousNames.join(",")}),__jsx(collapse.A,{accordion:!0},__jsx(Panel,{header:"Currently Connected Clients",key:"connected-clients"},__jsx(collapse.A,{accordion:!0},connectedClients.map((function(client){return __jsx(Panel,{header:(0,utils_format.Ld)(client.userAgent),key:client.id},__jsx(ConnectedClient,{client}))})))),__jsx(collapse.A,{accordion:!0},__jsx(Panel,{header:"Recent Chat Messages",key:"chat-messages"},__jsx(table.A,{size:"small",pagination:null,columns:chatMessageColumns,dataSource:messages,rowKey:"id"}))))))};ChatModerationDetailsModal.displayName="ChatModerationDetailsModal";try{ChatModerationDetailsModal.displayName="ChatModerationDetailsModal",ChatModerationDetailsModal.__docgenInfo={description:"",displayName:"ChatModerationDetailsModal",props:{userId:{defaultValue:null,description:"",name:"userId",required:!0,type:{name:"string"}},accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx#ChatModerationDetailsModal"]={docgenInfo:ChatModerationDetailsModal.__docgenInfo,name:"ChatModerationDetailsModal",path:"components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx#ChatModerationDetailsModal"})}catch(__react_docgen_typescript_loader_error){}},"./components/ui/ComponentError/ComponentError.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>ComponentError});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/alert/index.js"),antd__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/button/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,openBugReport=function openBugReport(){window.open("https://github.com/owncast/owncast/issues/new?assignees=&labels=&template=bug-report-feature-request.yml","_blank")},ErrorContent=function ErrorContent(_ref){var message=_ref.message,componentName=_ref.componentName,details=_ref.details,canRetry=_ref.canRetry;return __jsx("div",null,__jsx("p",null,"There was an unexpected error. It would be appreciated if you would report this so it can be fixed in the future."),!!canRetry&&__jsx("p",null,"You may optionally retry, however functionality might not work as expected."),__jsx("code",null,__jsx("div",null,message&&"Error: ".concat(message)),__jsx("div",null,"Component: ",componentName),__jsx("div",null,details&&details)))};ErrorContent.displayName="ErrorContent";var ComponentError=function ComponentError(_ref2){var message=_ref2.message,componentName=_ref2.componentName,details=_ref2.details,retryFunction=_ref2.retryFunction;return __jsx(antd__WEBPACK_IMPORTED_MODULE_1__.A,{message:"Error",showIcon:!0,description:__jsx(ErrorContent,{message,details,componentName,canRetry:!!retryFunction}),type:"error",action:__jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,retryFunction&&__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError";try{ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",displayName:"ComponentError",props:{message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string"}},componentName:{defaultValue:null,description:"",name:"componentName",required:!0,type:{name:"string"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},retryFunction:{defaultValue:null,description:"",name:"retryFunction",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/ComponentError/ComponentError.tsx#ComponentError"]={docgenInfo:ComponentError.__docgenInfo,name:"ComponentError",path:"components/ui/ComponentError/ComponentError.tsx#ComponentError"})}catch(__react_docgen_typescript_loader_error){}},"./components/ui/Modal/Modal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Modal:()=>Modal});var modal=__webpack_require__("./node_modules/antd/es/modal/index.js"),spin=__webpack_require__("./node_modules/antd/es/spin/index.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Modal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/ui/Modal/Modal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Modal_module.A,options);const Modal_Modal_module=Modal_module.A&&Modal_module.A.locals?Modal_module.A.locals:void 0;var __jsx=react.createElement,Modal=function Modal(_ref){var title=_ref.title,url=_ref.url,open=_ref.open,handleOk=_ref.handleOk,handleCancel=_ref.handleCancel,afterClose=_ref.afterClose,height=_ref.height,width=_ref.width,children=_ref.children,_useState=(0,react.useState)(!!url),loading=_useState[0],setLoading=_useState[1],defaultHeight="100%",defaultWidth="520px";url&&(defaultHeight="70vh",defaultWidth="900px");var modalContentBodyStyle={padding:"0px",minHeight:height,height:null!=height?height:defaultHeight},iframe=url&&__jsx("iframe",{title,src:url,width:"100%",height:"100%",sandbox:"allow-same-origin allow-scripts allow-popups allow-forms",frameBorder:"0",allowFullScreen:!0,style:{display:"block"},onLoad:function onLoad(){return setLoading(!1)}}),iframeDisplayStyle=loading?"none":"inline";return __jsx(modal.A,{title,open,onOk:handleOk,onCancel:handleCancel,afterClose,bodyStyle:modalContentBodyStyle,width:null!=width?width:defaultWidth,zIndex:999,footer:null,centered:!0,destroyOnClose:!0,className:Modal_Modal_module.modal},__jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"Modal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx("div",{id:"modal-container",style:{height:"100%"}},iframe&&__jsx("div",{style:{display:iframeDisplayStyle}},iframe),children&&__jsx("div",{className:Modal_Modal_module.content},children),loading&&__jsx(spin.A,{className:Modal_Modal_module.spinner,spinning:loading,size:"large",tip:title}))))};Modal.displayName="Modal",Modal.defaultProps={url:void 0,children:void 0,handleOk:void 0,handleCancel:void 0,afterClose:void 0};try{Modal.displayName="Modal",Modal.__docgenInfo={description:"",displayName:"Modal",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},url:{defaultValue:{value:"undefined"},description:"",name:"url",required:!1,type:{name:"string"}},open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}},handleOk:{defaultValue:{value:"undefined"},description:"",name:"handleOk",required:!1,type:{name:"() => void"}},handleCancel:{defaultValue:{value:"undefined"},description:"",name:"handleCancel",required:!1,type:{name:"() => void"}},afterClose:{defaultValue:{value:"undefined"},description:"",name:"afterClose",required:!1,type:{name:"() => void"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/Modal/Modal.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"components/ui/Modal/Modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}},"./services/moderation-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=function(){return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__.A)((function ChatModerationService(){(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.A)(this,ChatModerationService)}),null,[{key:"removeMessage",value:(_removeMessage=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(id,accessToken){var url,hideMessageUrl,options;return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return(url=new URL("/api/chat/messagevisibility",window.location.toString())).searchParams.append("accessToken",accessToken),hideMessageUrl=url.toString(),options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({idArray:[id]})},_context.next=6,fetch(hideMessageUrl,options);case 6:case"end":return _context.stop()}}),_callee)}))),function removeMessage(_x,_x2){return _removeMessage.apply(this,arguments)})},{key:"banUser",value:(_banUser=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee2(id,accessToken){var url,hideMessageUrl,options;return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return(url=new URL("/api/chat/users/setenabled",window.location.toString())).searchParams.append("accessToken",accessToken),hideMessageUrl=url.toString(),options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({userId:id})},_context2.next=6,fetch(hideMessageUrl,options);case 6:case"end":return _context2.stop()}}),_callee2)}))),function banUser(_x3,_x4){return _banUser.apply(this,arguments)})}]);var _banUser,_removeMessage}()},"./utils/format.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ld:()=>formatUAstring,RW:()=>parseSecondsToDurationString});var ua_parser_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(ua_parser_js__WEBPACK_IMPORTED_MODULE_0__);function padLeft(text,pad,size){return String(pad.repeat(size)+text).slice(-size)}function parseSecondsToDurationString(){var seconds=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,finiteSeconds=Number.isFinite(+seconds)?Math.abs(seconds):0,days=Math.floor(finiteSeconds/86400),daysString=days>0?"".concat(days," day").concat(days>1?"s":""," "):"",hours=Math.floor(finiteSeconds/3600%24),hoursString=hours||days?padLeft("".concat(hours,":"),"0",3):"",mins=Math.floor(finiteSeconds/60%60),minString=padLeft("".concat(mins,":"),"0",3),secs=Math.floor(finiteSeconds%60);return daysString+hoursString+minString+padLeft("".concat(secs),"0",2)}function formatUAstring(uaString){var parser=ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default()(uaString),device=parser.device,os=parser.os,browser=parser.browser,browserVersion=browser.major,name=browser.name,osVersion=os.version,osName=os.name,model=device.model,type=device.type;if("libmpv"===uaString)return"mpv media player";if(!name||!browserVersion||!osName)return uaString;var deviceString=model||type?" (".concat(model||type,")"):"";return"".concat(name," ").concat(browserVersion," on ").concat(osName," ").concat(osVersion,"\n ").concat(deviceString)}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".LLkMqCQ151QLthz6Jrm9{padding:10px}.tLPeuqwkaXHP5VCqtGlt{margin:10px;padding:15px;border:1px solid #ccc;border-radius:5px}.Ptcgm8bVQJo5oZiQCGGK{display:inline-block;width:60px;height:20px;border:1px solid #000;text-align:center;font-size:.8rem}.wwiXkMXh0rQl0JFi8jFw{font-weight:bold;padding-right:10px;font-size:1.2rem}","",{version:3,sources:["webpack://./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CAGF,sBACE,WAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CAGF,sBACE,oBAAA,CACA,UAAA,CACA,WAAA,CACA,qBAAA,CACA,iBAAA,CACA,eAAA,CAGF,sBACE,gBAAA,CACA,kBAAA,CACA,gBAAA",sourcesContent:[".modalContainer {\n padding: 10px;\n}\n\n.chatHistory {\n margin: 10px;\n padding: 15px;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\n.colorBlock {\n display: inline-block;\n width: 60px;\n height: 20px;\n border: 1px solid #000;\n text-align: center;\n font-size: 0.8rem;\n}\n\n.displayName {\n font-weight: bold;\n padding-right: 10px;\n font-size: 1.2rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={modalContainer:"LLkMqCQ151QLthz6Jrm9",chatHistory:"tLPeuqwkaXHP5VCqtGlt",colorBlock:"Ptcgm8bVQJo5oZiQCGGK",displayName:"wwiXkMXh0rQl0JFi8jFw"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/ui/Modal/Modal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Lt6Vg4guWZPhViFV8BR8{position:absolute;top:50%;left:50%}.Ep_XrhrWHWWaET4hDVIz{display:block;height:100%;padding:1.25rem;background-color:var(--theme-color-components-modal-content-background);color:var(--theme-color-components-modal-content-text)}.Ep_XrhrWHWWaET4hDVIz h1:first-child,.Ep_XrhrWHWWaET4hDVIz h2:first-child,.Ep_XrhrWHWWaET4hDVIz h3:first-child{margin-top:unset}.zqlLEpPjiWLlgRdtKyEt .ant-modal-header{color:var(--theme-color-components-modal-header-text);font-family:var(--theme-text-display-font-family);padding:1rem 1.25rem}.zqlLEpPjiWLlgRdtKyEt .ant-modal-title{color:var(--theme-color-components-modal-header-text);font-size:17px;font-weight:600}.zqlLEpPjiWLlgRdtKyEt .ant-modal-body{overflow:auto;border-radius:0 0 var(--theme-rounded-corners) var(--theme-rounded-corners)}.zqlLEpPjiWLlgRdtKyEt .ant-modal-close-x{font-size:12px}.zqlLEpPjiWLlgRdtKyEt .ant-modal{color:var(--theme-color-components-text-on-light)}.zqlLEpPjiWLlgRdtKyEt .ant-modal h1{color:var(--theme-color-components-text-on-light)}.zqlLEpPjiWLlgRdtKyEt .ant-modal-content{box-shadow:3px 15px 15px -3px rgba(0,0,0,.15),0 4px 6px -2px rgba(0,0,0,.08)}","",{version:3,sources:["webpack://./components/ui/Modal/Modal.module.scss"],names:[],mappings:"AACA,sBACE,iBAAA,CACA,OAAA,CACA,QAAA,CAGF,sBACE,aAAA,CACA,WAAA,CACA,eAAA,CACA,uEAAA,CACA,sDAAA,CAEA,+GAGE,gBAAA,CAKH,wCACC,qDAAA,CACA,iDAAA,CACA,oBAAA,CAGD,uCACC,qDAAA,CACA,cAAA,CACA,eAAA,CAGD,sCACC,aAAA,CACA,2EAAA,CAGD,yCACC,cAAA,CAGD,iCACC,iDAAA,CAEA,oCACC,iDAAA,CAIF,yCACC,4EAAA",sourcesContent:["\n.spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n}\n\n.content {\n display: block;\n height: 100%;\n padding: 1.25rem;\n background-color: var(--theme-color-components-modal-content-background);\n color: var(--theme-color-components-modal-content-text);\n\n h1:first-child,\n h2:first-child,\n h3:first-child {\n margin-top: unset;\n }\n}\n\n.modal {\n\t:global(.ant-modal-header) {\n\t\tcolor: var(--theme-color-components-modal-header-text);\n\t\tfont-family: var(--theme-text-display-font-family);\n\t\tpadding: 1rem 1.25rem;\n\t}\n\n\t:global(.ant-modal-title) {\n\t\tcolor: var(--theme-color-components-modal-header-text);\n\t\tfont-size: 17px;\n\t\tfont-weight: 600;\n\t}\n\n\t:global(.ant-modal-body) {\n\t\toverflow: auto;\n\t\tborder-radius: 0 0 var(--theme-rounded-corners) var(--theme-rounded-corners);\n\t}\n\n\t:global(.ant-modal-close-x) {\n\t\tfont-size: 12px;\n\t}\n\n\t:global(.ant-modal) {\n\t\tcolor: var(--theme-color-components-text-on-light);\n\n\t\th1 {\n\t\t\tcolor: var(--theme-color-components-text-on-light);\n\t\t}\n\t}\n\n\t:global(.ant-modal-content) {\n\t\tbox-shadow: 3px 15px 15px -3px rgb(0 0 0 / 15%), 0 4px 6px -2px rgb(0 0 0 / 8%);\n\t}\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={spinner:"Lt6Vg4guWZPhViFV8BR8",content:"Ep_XrhrWHWWaET4hDVIz",modal:"zqlLEpPjiWLlgRdtKyEt"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/static/components/7521.bcfa5c3c.iframe.bundle.js b/static/components/7521.beced0f2.iframe.bundle.js similarity index 98% rename from static/components/7521.bcfa5c3c.iframe.bundle.js rename to static/components/7521.beced0f2.iframe.bundle.js index 585ec64d4c..1fb4e9b588 100644 --- a/static/components/7521.bcfa5c3c.iframe.bundle.js +++ b/static/components/7521.beced0f2.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[7521],{"./components/modals/AuthModal/AuthModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AuthModal:()=>AuthModal});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),tabs=__webpack_require__("./node_modules/antd/es/tabs/index.js"),es=__webpack_require__("./node_modules/recoil/es/index.js"),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),IndieAuthModal=__webpack_require__("./components/modals/IndieAuthModal/IndieAuthModal.tsx"),FediAuthModal=__webpack_require__("./components/modals/FediAuthModal/FediAuthModal.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),AuthModal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/modals/AuthModal/AuthModal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(AuthModal_module.A,options);const AuthModal_AuthModal_module=AuthModal_module.A&&AuthModal_module.A.locals?AuthModal_module.A.locals:void 0;var ClientConfigStore=__webpack_require__("./components/stores/ClientConfigStore.tsx"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),__jsx=react.createElement,AuthModal=function AuthModal(_ref){var forceTabs=_ref.forceTabs,authenticated=(0,es.vc)(ClientConfigStore.td),accessToken=(0,es.vc)(ClientConfigStore.Dr),currentUser=(0,es.vc)(ClientConfigStore.gN),clientConfig=(0,es.vc)(ClientConfigStore.Ar);if(!currentUser)return null;var displayName=currentUser.displayName,fediverseEnabled=clientConfig.federation.enabled,items=[{label:__jsx("span",{className:AuthModal_AuthModal_module.tabContent},__jsx("img",{className:AuthModal_AuthModal_module.icon,src:"/img/indieauth.png",alt:"IndieAuth"}),"IndieAuth"),key:"1",children:__jsx(IndieAuthModal.H,{authenticated,displayName,accessToken})},{label:__jsx("span",{className:AuthModal_AuthModal_module.tabContent},__jsx("img",{className:AuthModal_AuthModal_module.icon,src:"/img/fediverse-black.png",alt:"Fediverse auth"}),"FediAuth"),key:"2",children:__jsx(FediAuthModal.c,{authenticated,displayName,accessToken})}];return __jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"AuthModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx("div",null,__jsx(tabs.A,{defaultActiveKey:"1",items,type:"card",size:"small",renderTabBar:fediverseEnabled||forceTabs?null:function(){return null}})))};AuthModal.displayName="AuthModal";try{AuthModal.displayName="AuthModal",AuthModal.__docgenInfo={description:"",displayName:"AuthModal",props:{forceTabs:{defaultValue:null,description:"",name:"forceTabs",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/modals/AuthModal/AuthModal.tsx#AuthModal"]={docgenInfo:AuthModal.__docgenInfo,name:"AuthModal",path:"components/modals/AuthModal/AuthModal.tsx#AuthModal"})}catch(__react_docgen_typescript_loader_error){}},"./components/modals/FediAuthModal/FediAuthModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c:()=>FediAuthModal});var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),collapse=__webpack_require__("./node_modules/antd/es/collapse/index.js"),input=__webpack_require__("./node_modules/antd/es/input/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),spin=__webpack_require__("./node_modules/antd/es/spin/index.js"),space=__webpack_require__("./node_modules/antd/es/space/index.js"),es_alert=__webpack_require__("./node_modules/antd/es/alert/index.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),FediAuthModal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/modals/FediAuthModal/FediAuthModal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(FediAuthModal_module.A,options);const FediAuthModal_FediAuthModal_module=FediAuthModal_module.A&&FediAuthModal_module.A.locals?FediAuthModal_module.A.locals:void 0;var validators=__webpack_require__("./utils/validators.ts"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.A.Panel,CheckCircleOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(1918)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/CheckCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/CheckCircleOutlined.js"]}}}),FediAuthModal=function FediAuthModal(_ref){var authenticated=_ref.authenticated,displayName=_ref.displayName,accessToken=_ref.accessToken,_useState=(0,react.useState)(null),errorMessage=_useState[0],setErrorMessage=_useState[1],_useState2=(0,react.useState)(!1),loading=_useState2[0],setLoading=_useState2[1],_useState3=(0,react.useState)(!1),valid=_useState3[0],setValid=_useState3[1],_useState4=(0,react.useState)(""),account=_useState4[0],setAccount=_useState4[1],_useState5=(0,react.useState)(""),code=_useState5[0],setCode=_useState5[1],_useState6=(0,react.useState)(!1),verifyingCode=_useState6[0],setVerifyingCode=_useState6[1],message=authenticated?__jsx("span",null,__jsx("b",null,"You are already authenticated"),". However, you can add other domains or log in as a different user."):__jsx("span",null,"Receive a direct message on the Fediverse to link your account to"," ",__jsx("strong",null,displayName),", or login as a previously linked chat user."),errorMessageText=errorMessage;errorMessageText&&errorMessageText.includes("url does not support indieauth")&&(errorMessageText="The provided URL is either invalid or does not support IndieAuth.");var makeRequest=function(){var _ref2=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(url,data){var rawResponse,content;return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,fetch(url,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(data)});case 2:return rawResponse=_context.sent,_context.next=5,rawResponse.json();case 5:(content=_context.sent).message&&(setErrorMessage(content.message),setLoading(!1));case 7:case"end":return _context.stop()}}),_callee)})));return function makeRequest(_x,_x2){return _ref2.apply(this,arguments)}}(),submitCodePressed=function(){var _ref3=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee2(){var url,data;return regenerator_default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return setLoading(!0),url="/api/auth/fediverse/verify?accessToken=".concat(accessToken),data={code},_context2.prev=3,_context2.next=6,makeRequest(url,data);case 6:window.location.href="/",_context2.next=13;break;case 9:_context2.prev=9,_context2.t0=_context2.catch(3),console.error(_context2.t0),setErrorMessage(_context2.t0);case 13:setLoading(!1);case 14:case"end":return _context2.stop()}}),_callee2,null,[[3,9]])})));return function submitCodePressed(){return _ref3.apply(this,arguments)}}(),submitAccountPressed=function(){var _ref4=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee3(){var url,normalizedAccount,data;return regenerator_default().wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:if(valid){_context3.next=2;break}return _context3.abrupt("return");case 2:return setLoading(!0),setErrorMessage(null),url="/api/auth/fediverse?accessToken=".concat(accessToken),normalizedAccount=account.replace(/^@+/,""),data={account:normalizedAccount},_context3.prev=7,_context3.next=10,makeRequest(url,data);case 10:setVerifyingCode(!0),_context3.next=17;break;case 13:_context3.prev=13,_context3.t0=_context3.catch(7),console.error(_context3.t0),setErrorMessage(_context3.t0);case 17:setLoading(!1);case 18:case"end":return _context3.stop()}}),_callee3,null,[[7,13]])})));return function submitAccountPressed(){return _ref4.apply(this,arguments)}}(),inputCodeStep=__jsx("div",null,"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.",__jsx("div",{className:FediAuthModal_FediAuthModal_module.codeInputContainer},__jsx(input.A,{value:code,onChange:function onChange(e){return setCode(e.target.value)},className:FediAuthModal_FediAuthModal_module.codeInput,placeholder:"123456",maxLength:6}),__jsx(es_button.A,{type:"primary",onClick:submitCodePressed,disabled:code.length<6,className:FediAuthModal_FediAuthModal_module.submitButton},"Verify Code"))),inputAccountStep=__jsx(react.Fragment,null,__jsx("div",null,"Your Fediverse Account"),__jsx(input.A.Search,{addonBefore:"@",onInput:function onInput(e){setAccount(e.target.value),function validate(acct){setValid((0,validators.JP)(acct))}(e.target.value)},value:account,placeholder:"youraccount@yourserver.com",status:!valid&&account.length>0?"error":void 0,onSearch:submitAccountPressed,enterButton:__jsx(es_button.A,{type:valid?"primary":"default",disabled:!valid||0===account.length},__jsx(CheckCircleOutlined,null))}));return __jsx(spin.A,{spinning:loading},__jsx(space.A,{direction:"vertical"},message,errorMessageText&&__jsx(es_alert.A,{message:"Error",description:errorMessageText,type:"error",showIcon:!0}),verifyingCode?inputCodeStep:inputAccountStep,__jsx(collapse.A,{ghost:!0},__jsx(Panel,{key:"header",header:"Learn more about using the Fediverse to authenticate with chat."},__jsx("p",null,"You can link your chat identity with your Fediverse identity. Next time you want to use this chat identity you can again go through the Fediverse authentication."))),__jsx("div",null,__jsx("strong",null,"Note"),": This is for authentication purposes only, and no personal information will be accessed or stored.")))};FediAuthModal.displayName="FediAuthModal";try{FediAuthModal.displayName="FediAuthModal",FediAuthModal.__docgenInfo={description:"",displayName:"FediAuthModal",props:{authenticated:{defaultValue:null,description:"",name:"authenticated",required:!0,type:{name:"boolean"}},displayName:{defaultValue:null,description:"",name:"displayName",required:!0,type:{name:"string"}},accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/modals/FediAuthModal/FediAuthModal.tsx#FediAuthModal"]={docgenInfo:FediAuthModal.__docgenInfo,name:"FediAuthModal",path:"components/modals/FediAuthModal/FediAuthModal.tsx#FediAuthModal"})}catch(__react_docgen_typescript_loader_error){}},"./components/modals/IndieAuthModal/IndieAuthModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{H:()=>IndieAuthModal});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__),antd__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/antd/es/collapse/index.js"),antd__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/antd/es/typography/index.js"),antd__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/antd/es/spin/index.js"),antd__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/antd/es/space/index.js"),antd__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/antd/es/alert/index.js"),antd__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/antd/es/input/index.js"),antd__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/antd/es/button/index.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_2__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_utils_validators__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./utils/validators.ts"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,Panel=antd__WEBPACK_IMPORTED_MODULE_3__.A.Panel,Link=antd__WEBPACK_IMPORTED_MODULE_4__.A.Link,CheckCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(1918)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/CheckCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/CheckCircleOutlined.js"]}}}),IndieAuthModal=function IndieAuthModal(_ref){var authenticated=_ref.authenticated,username=_ref.displayName,accessToken=_ref.accessToken,_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),errorMessage=_useState[0],setErrorMessage=_useState[1],_useState2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),loading=_useState2[0],setLoading=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),valid=_useState3[0],setValid=_useState3[1],_useState4=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),host=_useState4[0],setHost=_useState4[1],message=authenticated?__jsx("span",null,__jsx("b",null,"You are already authenticated"),". However, you can add other domains or log in as a different user."):__jsx("span",null,"Use your own domain to authenticate ",__jsx("span",null,username)," or login as a previously"," ","authenticated chat user using IndieAuth."),errorMessageText=errorMessage;errorMessageText&&errorMessageText.includes("url does not support indieauth")&&(errorMessageText="The provided URL is either invalid or does not support IndieAuth.");var submitButtonPressed=function(){var _ref2=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_6__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee(){var url,h,data,rawResponse,content,redirect;return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(valid){_context.next=2;break}return _context.abrupt("return");case 2:return setLoading(!0),_context.prev=3,url="/api/auth/indieauth?accessToken=".concat(accessToken),h="https://".concat(host),data={authHost:h},_context.next=9,fetch(url,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(data)});case 9:return rawResponse=_context.sent,_context.next=12,rawResponse.json();case 12:if(!(content=_context.sent).message){_context.next=17;break}return setErrorMessage(content.message),setLoading(!1),_context.abrupt("return");case 17:if(content.redirect){_context.next=21;break}return setErrorMessage("Auth provider did not return a redirect URL."),setLoading(!1),_context.abrupt("return");case 21:content.redirect&&(redirect=content.redirect,window.location=redirect),_context.next=27;break;case 24:_context.prev=24,_context.t0=_context.catch(3),setErrorMessage(_context.t0.message);case 27:setLoading(!1);case 28:case"end":return _context.stop()}}),_callee,null,[[3,24]])})));return function submitButtonPressed(){return _ref2.apply(this,arguments)}}();return __jsx(antd__WEBPACK_IMPORTED_MODULE_7__.A,{spinning:loading},__jsx(antd__WEBPACK_IMPORTED_MODULE_8__.A,{direction:"vertical"},message,errorMessageText&&__jsx(antd__WEBPACK_IMPORTED_MODULE_9__.A,{message:"Error",description:errorMessageText,type:"error",showIcon:!0}),__jsx("div",null,"Your domain"),__jsx(antd__WEBPACK_IMPORTED_MODULE_10__.A.Search,{addonBefore:"https://",onInput:function onInput(e){":"!==e.nativeEvent.data&&(setHost(e.target.value),function validate(url){(0,_utils_validators__WEBPACK_IMPORTED_MODULE_5__.AY)(url)&&url.includes(".")?setValid(!0):setValid(!1)}("https://".concat(e.target.value)))},type:"url",value:host,placeholder:"yoursite.com",status:!valid&&host.length>0?"error":void 0,onSearch:submitButtonPressed,enterButton:__jsx(antd__WEBPACK_IMPORTED_MODULE_11__.A,{type:valid?"primary":"default",disabled:!valid||0===host.length},__jsx(CheckCircleOutlined,null))}),__jsx(antd__WEBPACK_IMPORTED_MODULE_3__.A,{ghost:!0},__jsx(Panel,{key:"header",header:"Learn more about using IndieAuth to authenticate with chat."},__jsx("p",null,"IndieAuth allows for a completely independent and decentralized way of identifying yourself using your own domain."),__jsx("p",null,"If you run an Owncast instance, you can use that domain here. Otherwise,"," ",__jsx(Link,{href:"https://indieauth.net/#providers"},"learn more about how you can support IndieAuth"),"."))),__jsx("div",null,__jsx("strong",null,"Note"),": This is for authentication purposes only, and no personal information will be accessed or stored.")))};IndieAuthModal.displayName="IndieAuthModal";try{IndieAuthModal.displayName="IndieAuthModal",IndieAuthModal.__docgenInfo={description:"",displayName:"IndieAuthModal",props:{authenticated:{defaultValue:null,description:"",name:"authenticated",required:!0,type:{name:"boolean"}},displayName:{defaultValue:null,description:"",name:"displayName",required:!0,type:{name:"string"}},accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/modals/IndieAuthModal/IndieAuthModal.tsx#IndieAuthModal"]={docgenInfo:IndieAuthModal.__docgenInfo,name:"IndieAuthModal",path:"components/modals/IndieAuthModal/IndieAuthModal.tsx#IndieAuthModal"})}catch(__react_docgen_typescript_loader_error){}},"./utils/validators.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{AY:()=>isValidUrl,JP:()=>isValidFediverseAccount,vI:()=>DEFAULT_TEXTFIELD_URL_PATTERN});var DEFAULT_TEXTFIELD_URL_PATTERN="https?://.*";function isValidUrl(url){var validProtocols=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["http:","https:"];try{var validationObject=new URL(url);if(""===validationObject.protocol||""===validationObject.hostname||!validProtocols.includes(validationObject.protocol))return!1}catch(e){return!1}return!0}function isValidFediverseAccount(account){var sanitized=account.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(sanitized).toLowerCase())}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/modals/AuthModal/AuthModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".A16QFfaJ4cobnElmenNd{flex-direction:row;display:flex;justify-content:center;align-items:center}.A16QFfaJ4cobnElmenNd .zfb1REE440DtUTe19ZvA{height:15px;padding-right:5px}","",{version:3,sources:["webpack://./components/modals/AuthModal/AuthModal.module.scss"],names:[],mappings:"AAAA,sBACE,kBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CAEA,4CACE,WAAA,CACA,iBAAA",sourcesContent:[".tabContent {\n flex-direction: row;\n display: flex;\n justify-content: center;\n align-items: center;\n\n .icon {\n height: 15px;\n padding-right: 5px;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={tabContent:"A16QFfaJ4cobnElmenNd",icon:"zfb1REE440DtUTe19ZvA"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/modals/FediAuthModal/FediAuthModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".AFFWVbJomufBXfHPzW0d{display:flex;justify-content:center;flex-direction:column}.AFFWVbJomufBXfHPzW0d .x63iu67imRumXk_ZW6W5{font-size:1.6rem;font-family:monospace;max-width:220px;margin:auto;text-align:center;letter-spacing:6px;border-color:var(--theme-color-palette-9);color:var(--theme-color-palette-9)}.AFFWVbJomufBXfHPzW0d .hoCXtQEUFKO8yU2i2UI6{max-width:150px;margin:auto;margin-top:10px}","",{version:3,sources:["webpack://./components/modals/FediAuthModal/FediAuthModal.module.scss"],names:[],mappings:"AAAA,sBAkBE,YAAA,CACA,sBAAA,CACA,qBAAA,CAnBA,4CACE,gBAAA,CACA,qBAAA,CACA,eAAA,CACA,WAAA,CACA,iBAAA,CACA,kBAAA,CACA,yCAAA,CACA,kCAAA,CAGF,4CACE,eAAA,CACA,WAAA,CACA,eAAA",sourcesContent:[".codeInputContainer {\n .codeInput {\n font-size: 1.6rem;\n font-family: monospace;\n max-width: 220px;\n margin: auto;\n text-align: center;\n letter-spacing: 6px;\n border-color: var(--theme-color-palette-9);\n color: var(--theme-color-palette-9);\n }\n\n .submitButton {\n max-width: 150px;\n margin: auto;\n margin-top: 10px;\n }\n\n display: flex;\n justify-content: center;\n flex-direction: column;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={codeInputContainer:"AFFWVbJomufBXfHPzW0d",codeInput:"x63iu67imRumXk_ZW6W5",submitButton:"hoCXtQEUFKO8yU2i2UI6"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[7521],{"./components/modals/AuthModal/AuthModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AuthModal:()=>AuthModal});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),tabs=__webpack_require__("./node_modules/antd/es/tabs/index.js"),es=__webpack_require__("./node_modules/recoil/es/index.js"),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),IndieAuthModal=__webpack_require__("./components/modals/IndieAuthModal/IndieAuthModal.tsx"),FediAuthModal=__webpack_require__("./components/modals/FediAuthModal/FediAuthModal.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),AuthModal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/modals/AuthModal/AuthModal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(AuthModal_module.A,options);const AuthModal_AuthModal_module=AuthModal_module.A&&AuthModal_module.A.locals?AuthModal_module.A.locals:void 0;var ClientConfigStore=__webpack_require__("./components/stores/ClientConfigStore.tsx"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),__jsx=react.createElement,AuthModal=function AuthModal(_ref){var forceTabs=_ref.forceTabs,authenticated=(0,es.vc)(ClientConfigStore.td),accessToken=(0,es.vc)(ClientConfigStore.Dr),currentUser=(0,es.vc)(ClientConfigStore.gN),clientConfig=(0,es.vc)(ClientConfigStore.Ar);if(!currentUser)return null;var displayName=currentUser.displayName,fediverseEnabled=clientConfig.federation.enabled,items=[{label:__jsx("span",{className:AuthModal_AuthModal_module.tabContent},__jsx("img",{className:AuthModal_AuthModal_module.icon,src:"/img/indieauth.png",alt:"IndieAuth"}),"IndieAuth"),key:"1",children:__jsx(IndieAuthModal.H,{authenticated,displayName,accessToken})},{label:__jsx("span",{className:AuthModal_AuthModal_module.tabContent},__jsx("img",{className:AuthModal_AuthModal_module.icon,src:"/img/fediverse-black.png",alt:"Fediverse auth"}),"FediAuth"),key:"2",children:__jsx(FediAuthModal.c,{authenticated,displayName,accessToken})}];return __jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"AuthModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx("div",null,__jsx(tabs.A,{defaultActiveKey:"1",items,type:"card",size:"small",renderTabBar:fediverseEnabled||forceTabs?null:function(){return null}})))};AuthModal.displayName="AuthModal";try{AuthModal.displayName="AuthModal",AuthModal.__docgenInfo={description:"",displayName:"AuthModal",props:{forceTabs:{defaultValue:null,description:"",name:"forceTabs",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/modals/AuthModal/AuthModal.tsx#AuthModal"]={docgenInfo:AuthModal.__docgenInfo,name:"AuthModal",path:"components/modals/AuthModal/AuthModal.tsx#AuthModal"})}catch(__react_docgen_typescript_loader_error){}},"./components/modals/FediAuthModal/FediAuthModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c:()=>FediAuthModal});var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),collapse=__webpack_require__("./node_modules/antd/es/collapse/index.js"),input=__webpack_require__("./node_modules/antd/es/input/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),spin=__webpack_require__("./node_modules/antd/es/spin/index.js"),space=__webpack_require__("./node_modules/antd/es/space/index.js"),es_alert=__webpack_require__("./node_modules/antd/es/alert/index.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),FediAuthModal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/modals/FediAuthModal/FediAuthModal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(FediAuthModal_module.A,options);const FediAuthModal_FediAuthModal_module=FediAuthModal_module.A&&FediAuthModal_module.A.locals?FediAuthModal_module.A.locals:void 0;var validators=__webpack_require__("./utils/validators.ts"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.A.Panel,CheckCircleOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(1918)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/CheckCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/CheckCircleOutlined.js"]}}}),FediAuthModal=function FediAuthModal(_ref){var authenticated=_ref.authenticated,displayName=_ref.displayName,accessToken=_ref.accessToken,_useState=(0,react.useState)(null),errorMessage=_useState[0],setErrorMessage=_useState[1],_useState2=(0,react.useState)(!1),loading=_useState2[0],setLoading=_useState2[1],_useState3=(0,react.useState)(!1),valid=_useState3[0],setValid=_useState3[1],_useState4=(0,react.useState)(""),account=_useState4[0],setAccount=_useState4[1],_useState5=(0,react.useState)(""),code=_useState5[0],setCode=_useState5[1],_useState6=(0,react.useState)(!1),verifyingCode=_useState6[0],setVerifyingCode=_useState6[1],message=authenticated?__jsx("span",null,__jsx("b",null,"You are already authenticated"),". However, you can add other domains or log in as a different user."):__jsx("span",null,"Receive a direct message on the Fediverse to link your account to"," ",__jsx("strong",null,displayName),", or login as a previously linked chat user."),errorMessageText=errorMessage;errorMessageText&&errorMessageText.includes("url does not support indieauth")&&(errorMessageText="The provided URL is either invalid or does not support IndieAuth.");var makeRequest=function(){var _ref2=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(url,data){var rawResponse,content;return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,fetch(url,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(data)});case 2:return rawResponse=_context.sent,_context.next=5,rawResponse.json();case 5:(content=_context.sent).message&&(setErrorMessage(content.message),setLoading(!1));case 7:case"end":return _context.stop()}}),_callee)})));return function makeRequest(_x,_x2){return _ref2.apply(this,arguments)}}(),submitCodePressed=function(){var _ref3=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee2(){var url,data;return regenerator_default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return setLoading(!0),url="/api/auth/fediverse/verify?accessToken=".concat(accessToken),data={code},_context2.prev=3,_context2.next=6,makeRequest(url,data);case 6:window.location.href="/",_context2.next=13;break;case 9:_context2.prev=9,_context2.t0=_context2.catch(3),console.error(_context2.t0),setErrorMessage(_context2.t0);case 13:setLoading(!1);case 14:case"end":return _context2.stop()}}),_callee2,null,[[3,9]])})));return function submitCodePressed(){return _ref3.apply(this,arguments)}}(),submitAccountPressed=function(){var _ref4=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee3(){var url,normalizedAccount,data;return regenerator_default().wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:if(valid){_context3.next=2;break}return _context3.abrupt("return");case 2:return setLoading(!0),setErrorMessage(null),url="/api/auth/fediverse?accessToken=".concat(accessToken),normalizedAccount=account.replace(/^@+/,""),data={account:normalizedAccount},_context3.prev=7,_context3.next=10,makeRequest(url,data);case 10:setVerifyingCode(!0),_context3.next=17;break;case 13:_context3.prev=13,_context3.t0=_context3.catch(7),console.error(_context3.t0),setErrorMessage(_context3.t0);case 17:setLoading(!1);case 18:case"end":return _context3.stop()}}),_callee3,null,[[7,13]])})));return function submitAccountPressed(){return _ref4.apply(this,arguments)}}(),inputCodeStep=__jsx("div",null,"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.",__jsx("div",{className:FediAuthModal_FediAuthModal_module.codeInputContainer},__jsx(input.A,{value:code,onChange:function onChange(e){return setCode(e.target.value)},className:FediAuthModal_FediAuthModal_module.codeInput,placeholder:"123456",maxLength:6}),__jsx(es_button.A,{type:"primary",onClick:submitCodePressed,disabled:code.length<6,className:FediAuthModal_FediAuthModal_module.submitButton},"Verify Code"))),inputAccountStep=__jsx(react.Fragment,null,__jsx("div",null,"Your Fediverse Account"),__jsx(input.A.Search,{addonBefore:"@",onInput:function onInput(e){setAccount(e.target.value),function validate(acct){setValid((0,validators.JP)(acct))}(e.target.value)},value:account,placeholder:"youraccount@yourserver.com",status:!valid&&account.length>0?"error":void 0,onSearch:submitAccountPressed,enterButton:__jsx(es_button.A,{type:valid?"primary":"default",disabled:!valid||0===account.length},__jsx(CheckCircleOutlined,null))}));return __jsx(spin.A,{spinning:loading},__jsx(space.A,{direction:"vertical"},message,errorMessageText&&__jsx(es_alert.A,{message:"Error",description:errorMessageText,type:"error",showIcon:!0}),verifyingCode?inputCodeStep:inputAccountStep,__jsx(collapse.A,{ghost:!0},__jsx(Panel,{key:"header",header:"Learn more about using the Fediverse to authenticate with chat."},__jsx("p",null,"You can link your chat identity with your Fediverse identity. Next time you want to use this chat identity you can again go through the Fediverse authentication."))),__jsx("div",null,__jsx("strong",null,"Note"),": This is for authentication purposes only, and no personal information will be accessed or stored.")))};FediAuthModal.displayName="FediAuthModal";try{FediAuthModal.displayName="FediAuthModal",FediAuthModal.__docgenInfo={description:"",displayName:"FediAuthModal",props:{authenticated:{defaultValue:null,description:"",name:"authenticated",required:!0,type:{name:"boolean"}},displayName:{defaultValue:null,description:"",name:"displayName",required:!0,type:{name:"string"}},accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/modals/FediAuthModal/FediAuthModal.tsx#FediAuthModal"]={docgenInfo:FediAuthModal.__docgenInfo,name:"FediAuthModal",path:"components/modals/FediAuthModal/FediAuthModal.tsx#FediAuthModal"})}catch(__react_docgen_typescript_loader_error){}},"./components/modals/IndieAuthModal/IndieAuthModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{H:()=>IndieAuthModal});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__),antd__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/antd/es/collapse/index.js"),antd__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/antd/es/typography/index.js"),antd__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/antd/es/spin/index.js"),antd__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/antd/es/space/index.js"),antd__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/antd/es/alert/index.js"),antd__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/antd/es/input/index.js"),antd__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/antd/es/button/index.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_2__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_utils_validators__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./utils/validators.ts"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,Panel=antd__WEBPACK_IMPORTED_MODULE_3__.A.Panel,Link=antd__WEBPACK_IMPORTED_MODULE_4__.A.Link,CheckCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(1918)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/CheckCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/CheckCircleOutlined.js"]}}}),IndieAuthModal=function IndieAuthModal(_ref){var authenticated=_ref.authenticated,username=_ref.displayName,accessToken=_ref.accessToken,_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),errorMessage=_useState[0],setErrorMessage=_useState[1],_useState2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),loading=_useState2[0],setLoading=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),valid=_useState3[0],setValid=_useState3[1],_useState4=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),host=_useState4[0],setHost=_useState4[1],message=authenticated?__jsx("span",null,__jsx("b",null,"You are already authenticated"),". However, you can add other domains or log in as a different user."):__jsx("span",null,"Use your own domain to authenticate ",__jsx("span",null,username)," or login as a previously"," ","authenticated chat user using IndieAuth."),errorMessageText=errorMessage;errorMessageText&&errorMessageText.includes("url does not support indieauth")&&(errorMessageText="The provided URL is either invalid or does not support IndieAuth.");var submitButtonPressed=function(){var _ref2=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_6__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee(){var url,h,data,rawResponse,content,redirect;return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(valid){_context.next=2;break}return _context.abrupt("return");case 2:return setLoading(!0),_context.prev=3,url="/api/auth/indieauth?accessToken=".concat(accessToken),h="https://".concat(host),data={authHost:h},_context.next=9,fetch(url,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(data)});case 9:return rawResponse=_context.sent,_context.next=12,rawResponse.json();case 12:if(!(content=_context.sent).message){_context.next=17;break}return setErrorMessage(content.message),setLoading(!1),_context.abrupt("return");case 17:if(content.redirect){_context.next=21;break}return setErrorMessage("Auth provider did not return a redirect URL."),setLoading(!1),_context.abrupt("return");case 21:content.redirect&&(redirect=content.redirect,window.location=redirect),_context.next=27;break;case 24:_context.prev=24,_context.t0=_context.catch(3),setErrorMessage(_context.t0.message);case 27:setLoading(!1);case 28:case"end":return _context.stop()}}),_callee,null,[[3,24]])})));return function submitButtonPressed(){return _ref2.apply(this,arguments)}}();return __jsx(antd__WEBPACK_IMPORTED_MODULE_7__.A,{spinning:loading},__jsx(antd__WEBPACK_IMPORTED_MODULE_8__.A,{direction:"vertical"},message,errorMessageText&&__jsx(antd__WEBPACK_IMPORTED_MODULE_9__.A,{message:"Error",description:errorMessageText,type:"error",showIcon:!0}),__jsx("div",null,"Your domain"),__jsx(antd__WEBPACK_IMPORTED_MODULE_10__.A.Search,{addonBefore:"https://",onInput:function onInput(e){":"!==e.nativeEvent.data&&(setHost(e.target.value),function validate(url){(0,_utils_validators__WEBPACK_IMPORTED_MODULE_5__.AY)(url)&&url.includes(".")?setValid(!0):setValid(!1)}("https://".concat(e.target.value)))},type:"url",value:host,placeholder:"yoursite.com",status:!valid&&host.length>0?"error":void 0,onSearch:submitButtonPressed,enterButton:__jsx(antd__WEBPACK_IMPORTED_MODULE_11__.A,{type:valid?"primary":"default",disabled:!valid||0===host.length},__jsx(CheckCircleOutlined,null))}),__jsx(antd__WEBPACK_IMPORTED_MODULE_3__.A,{ghost:!0},__jsx(Panel,{key:"header",header:"Learn more about using IndieAuth to authenticate with chat."},__jsx("p",null,"IndieAuth allows for a completely independent and decentralized way of identifying yourself using your own domain."),__jsx("p",null,"If you run an Owncast instance, you can use that domain here. Otherwise,"," ",__jsx(Link,{href:"https://indieauth.net/#providers"},"learn more about how you can support IndieAuth"),"."))),__jsx("div",null,__jsx("strong",null,"Note"),": This is for authentication purposes only, and no personal information will be accessed or stored.")))};IndieAuthModal.displayName="IndieAuthModal";try{IndieAuthModal.displayName="IndieAuthModal",IndieAuthModal.__docgenInfo={description:"",displayName:"IndieAuthModal",props:{authenticated:{defaultValue:null,description:"",name:"authenticated",required:!0,type:{name:"boolean"}},displayName:{defaultValue:null,description:"",name:"displayName",required:!0,type:{name:"string"}},accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/modals/IndieAuthModal/IndieAuthModal.tsx#IndieAuthModal"]={docgenInfo:IndieAuthModal.__docgenInfo,name:"IndieAuthModal",path:"components/modals/IndieAuthModal/IndieAuthModal.tsx#IndieAuthModal"})}catch(__react_docgen_typescript_loader_error){}},"./utils/validators.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{AY:()=>isValidUrl,JP:()=>isValidFediverseAccount,vI:()=>DEFAULT_TEXTFIELD_URL_PATTERN});var DEFAULT_TEXTFIELD_URL_PATTERN="https?://.*";function isValidUrl(url){var validProtocols=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["http:","https:"];try{var validationObject=new URL(url);if(""===validationObject.protocol||""===validationObject.hostname||!validProtocols.includes(validationObject.protocol))return!1}catch(e){return!1}return!0}function isValidFediverseAccount(account){var sanitized=account.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(sanitized).toLowerCase())}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/modals/AuthModal/AuthModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".A16QFfaJ4cobnElmenNd{flex-direction:row;display:flex;justify-content:center;align-items:center}.A16QFfaJ4cobnElmenNd .zfb1REE440DtUTe19ZvA{height:15px;padding-right:5px}","",{version:3,sources:["webpack://./components/modals/AuthModal/AuthModal.module.scss"],names:[],mappings:"AAAA,sBACE,kBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CAEA,4CACE,WAAA,CACA,iBAAA",sourcesContent:[".tabContent {\n flex-direction: row;\n display: flex;\n justify-content: center;\n align-items: center;\n\n .icon {\n height: 15px;\n padding-right: 5px;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={tabContent:"A16QFfaJ4cobnElmenNd",icon:"zfb1REE440DtUTe19ZvA"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/modals/FediAuthModal/FediAuthModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".AFFWVbJomufBXfHPzW0d{display:flex;justify-content:center;flex-direction:column}.AFFWVbJomufBXfHPzW0d .x63iu67imRumXk_ZW6W5{font-size:1.6rem;font-family:monospace;max-width:220px;margin:auto;text-align:center;letter-spacing:6px;border-color:var(--theme-color-palette-9);color:var(--theme-color-palette-9)}.AFFWVbJomufBXfHPzW0d .hoCXtQEUFKO8yU2i2UI6{max-width:150px;margin:auto;margin-top:10px}","",{version:3,sources:["webpack://./components/modals/FediAuthModal/FediAuthModal.module.scss"],names:[],mappings:"AAAA,sBAkBE,YAAA,CACA,sBAAA,CACA,qBAAA,CAnBA,4CACE,gBAAA,CACA,qBAAA,CACA,eAAA,CACA,WAAA,CACA,iBAAA,CACA,kBAAA,CACA,yCAAA,CACA,kCAAA,CAGF,4CACE,eAAA,CACA,WAAA,CACA,eAAA",sourcesContent:[".codeInputContainer {\n .codeInput {\n font-size: 1.6rem;\n font-family: monospace;\n max-width: 220px;\n margin: auto;\n text-align: center;\n letter-spacing: 6px;\n border-color: var(--theme-color-palette-9);\n color: var(--theme-color-palette-9);\n }\n\n .submitButton {\n max-width: 150px;\n margin: auto;\n margin-top: 10px;\n }\n\n display: flex;\n justify-content: center;\n flex-direction: column;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={codeInputContainer:"AFFWVbJomufBXfHPzW0d",codeInput:"x63iu67imRumXk_ZW6W5",submitButton:"hoCXtQEUFKO8yU2i2UI6"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/static/components/9705.b8871417.iframe.bundle.js b/static/components/9705.408287db.iframe.bundle.js similarity index 88% rename from static/components/9705.b8871417.iframe.bundle.js rename to static/components/9705.408287db.iframe.bundle.js index 3490fa85a1..6ef498a770 100644 --- a/static/components/9705.b8871417.iframe.bundle.js +++ b/static/components/9705.408287db.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[9705],{"./components/stores/ClientConfigStore.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{ao:()=>ChatState,Xp:()=>ClientConfigStore,Dr:()=>accessTokenAtom,uy:()=>appStateAtom,td:()=>chatAuthenticatedAtom,in:()=>chatMessagesAtom,t2:()=>chatStateAtom,Ar:()=>clientConfigStateAtom,uL:()=>clockSkewAtom,gN:()=>currentUserAtom,DI:()=>fatalErrorStateAtom,F5:()=>isChatAvailableSelector,A4:()=>isMobileAtom,tp:()=>isOnlineSelector,Fb:()=>isVideoPlayingAtom,Bm:()=>serverStatusState,Qy:()=>visibleChatMessagesSelector,W5:()=>websocketServiceAtom});var toConsumableArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),es=__webpack_require__("./node_modules/recoil/es/index.js"),useMachine=__webpack_require__("./node_modules/@xstate/react/es/useMachine.js"),client_config_model=__webpack_require__("./interfaces/client-config.model.ts"),client_config_service=__webpack_require__("./services/client-config-service.ts"),chat_service=__webpack_require__("./services/chat-service.ts"),classCallCheck=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),socket_events=__webpack_require__("./interfaces/socket-events.ts"),console=__webpack_require__("./node_modules/console-browserify/index.js"),WebsocketService=function(){return(0,createClass.A)((function WebsocketService(accessToken,path,host){(0,classCallCheck.A)(this,WebsocketService),(0,defineProperty.A)(this,"websocket",void 0),(0,defineProperty.A)(this,"accessToken",void 0),(0,defineProperty.A)(this,"host",void 0),(0,defineProperty.A)(this,"path",void 0),(0,defineProperty.A)(this,"websocketReconnectTimer",void 0),(0,defineProperty.A)(this,"isShutdown",!1),(0,defineProperty.A)(this,"backOff",0),(0,defineProperty.A)(this,"handleMessage",void 0),(0,defineProperty.A)(this,"socketConnected",void 0),(0,defineProperty.A)(this,"socketDisconnected",void 0),this.accessToken=accessToken,this.path=path,this.websocketReconnectTimer=null,this.isShutdown=!1,this.host=host,this.createAndConnect=this.createAndConnect.bind(this),this.shutdown=this.shutdown.bind(this),this.createAndConnect()}),[{key:"createAndConnect",value:function createAndConnect(){if(this.host&&!this.isShutdown){var url=new URL(this.host);url.protocol="https:"===window.location.protocol?"wss:":"ws:",url.pathname="/ws",url.port="3000"===window.location.port?"8080":window.location.port,url.searchParams.append("accessToken",this.accessToken);var ws=new WebSocket(url.toString());ws.onopen=this.onOpen.bind(this),ws.onerror=this.onError.bind(this),ws.onmessage=this.onMessage.bind(this),this.websocket=ws}}},{key:"onOpen",value:function onOpen(){this.websocketReconnectTimer&&clearTimeout(this.websocketReconnectTimer),this.socketConnected(),this.backOff=0}},{key:"onError",value:function onError(){!function handleNetworkingError(){console.error("Chat has been disconnected and is likely not working for you. It's possible you were removed from chat. If this is a server configuration issue, visit troubleshooting steps to resolve. https://owncast.online/docs/troubleshooting/#chat-is-disabled")}(),this.socketDisconnected(),this.websocket.close(),this.isShutdown||this.scheduleReconnect()}},{key:"scheduleReconnect",value:function scheduleReconnect(){this.isShutdown||(this.websocketReconnectTimer&&clearTimeout(this.websocketReconnectTimer),this.websocketReconnectTimer=setTimeout(this.createAndConnect,Math.min(this.backOff,1e4)),this.backOff+=1e3)}},{key:"shutdown",value:function shutdown(){this.isShutdown=!0,this.websocket.close()}},{key:"onMessage",value:function onMessage(e){for(var socketEvent,messages=e.data.split("\n"),i=0;i getConfig() ERROR: \n",_context.t0);case 13:case"end":return _context.stop()}}),_callee,null,[[0,9]])})));return function updateClientConfig(){return _ref4.apply(this,arguments)}}(),updateServerStatus=function(){var _ref5=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee2(){var status,serverTime,clockSkew;return regenerator_default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.prev=0,_context2.next=3,ServerStatusService.getStatus();case 3:status=_context2.sent,handleStatusChange(status),setServerStatus(status),serverTime=status.serverTime,clockSkew=new Date(serverTime).getTime()-Date.now(),setClockSkew(clockSkew),setGlobalFatalErrorMessage(null),_context2.next=17;break;case 12:_context2.prev=12,_context2.t0=_context2.catch(0),sendEvent([AppStateEvent.Fail]),setGlobalFatalError("Unable to reach Owncast server",serverConnectivityError),ClientConfigStore_console.error("serverStatusState -> getStatus() ERROR: \n",_context2.t0);case 17:case"end":return _context2.stop()}}),_callee2,null,[[0,12]])})));return function updateServerStatus(){return _ref5.apply(this,arguments)}}(),handleUserRegistration=function(){var _ref6=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee3(optionalDisplayName){var savedAccessToken,response,newAccessToken,newDisplayName,displayColor;return regenerator_default().wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:if(!(savedAccessToken=(0,localStorage.Lg)("accessToken"))){_context3.next=4;break}return setAccessToken(savedAccessToken),_context3.abrupt("return");case 4:return _context3.prev=4,sendEvent([AppStateEvent.NeedsRegister]),_context3.next=8,ChatService.registerUser(optionalDisplayName);case 8:if(response=_context3.sent,newAccessToken=response.accessToken,newDisplayName=response.displayName,displayColor=response.displayColor,newAccessToken){_context3.next=12;break}return _context3.abrupt("return");case 12:setCurrentUser(ClientConfigStore_objectSpread(ClientConfigStore_objectSpread({},currentUser),{},{displayName:newDisplayName,displayColor})),setAccessToken(newAccessToken),(0,localStorage.ZB)("accessToken",newAccessToken),_context3.next=21;break;case 17:_context3.prev=17,_context3.t0=_context3.catch(4),sendEvent([AppStateEvent.Fail]),ClientConfigStore_console.error("ChatService -> registerUser() ERROR: \n".concat(_context3.t0));case 21:case"end":return _context3.stop()}}),_callee3,null,[[4,17]])})));return function handleUserRegistration(_x){return _ref6.apply(this,arguments)}}(),handleSocketDisconnect=function handleSocketDisconnect(){hasWebsocketDisconnected=!0},handleSocketConnected=function handleSocketConnected(){hasWebsocketDisconnected=!1},handleMessage=function handleMessage(message){switch(message.type){case socket_events.G.ERROR_NEEDS_REGISTRATION:!function resetAndReAuth(){var _ws;(0,localStorage.ZB)("accessToken",""),setAccessToken(null),null===(_ws=ws)||void 0===_ws||_ws.shutdown(),handleUserRegistration()}();break;case socket_events.G.CONNECTED_USER_INFO:if(function handleConnectedClientInfoMessage(message,setChatAuthenticated,setCurrentUser){var user=message.user,id=user.id,displayName=user.displayName,displayColor=user.displayColor,scopes=user.scopes;setChatAuthenticated(user.authenticated),setCurrentUser({id:id.toString(),displayName,displayColor,isModerator:null==scopes?void 0:scopes.includes("MODERATOR")})}(message,setChatAuthenticated,setCurrentUser),message){var _m$user,m=new socket_events.b(message);!hasBeenModeratorNotified&&null!==(_m$user=m.user)&&void 0!==_m$user&&_m$user.isModerator&&(setChatMessages((function(currentState){return[].concat((0,toConsumableArray.A)(currentState),[message])})),hasBeenModeratorNotified=!0)}break;case socket_events.G.CHAT:setChatMessages((function(currentState){return[].concat((0,toConsumableArray.A)(currentState),[message])}));break;case socket_events.G.NAME_CHANGE:!function handleNameChangeEvent(message,setChatMessages,setCurrentUser){setCurrentUser((function(currentUser){return currentUser.id===message.user.id?handleNameChangeEvent_objectSpread(handleNameChangeEvent_objectSpread({},currentUser),{},{displayName:message.user.displayName}):currentUser})),setChatMessages((function(currentState){return[].concat((0,toConsumableArray.A)(currentState),[message])}))}(message,setChatMessages,setCurrentUser);break;case socket_events.G.USER_JOINED:case socket_events.G.USER_PARTED:case socket_events.G.SYSTEM:case socket_events.G.CHAT_ACTION:case socket_events.G.FEDIVERSE_ENGAGEMENT_FOLLOW:case socket_events.G.FEDIVERSE_ENGAGEMENT_LIKE:case socket_events.G.FEDIVERSE_ENGAGEMENT_REPOST:setChatMessages((function(currentState){return[].concat((0,toConsumableArray.A)(currentState),[message])}));break;case socket_events.G.VISIBILITY_UPDATE:!function handleMessageVisibilityChange(message){var ids=message.ids,visible=message.visible;setHiddenMessageIds(visible?function(currentState){return currentState.filter((function(id){return!ids.includes(id)}))}:function(currentState){return[].concat((0,toConsumableArray.A)(currentState),(0,toConsumableArray.A)(ids))})}(message);break;case socket_events.G.ERROR_USER_DISABLED:ClientConfigStore_console.log("User has been disabled"),sendEvent([AppStateEvent.ChatUserDisabled]);break;default:ClientConfigStore_console.error("Unknown socket message type: ",message.type)}},getChatHistory=function(){var _ref7=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee4(){var messages;return regenerator_default().wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:return _context4.prev=0,_context4.next=3,ChatService.getChatHistory(accessToken);case 3:(messages=_context4.sent)&&setChatMessages((function(currentState){return[].concat((0,toConsumableArray.A)(currentState),(0,toConsumableArray.A)(messages))})),_context4.next=10;break;case 7:_context4.prev=7,_context4.t0=_context4.catch(0),ClientConfigStore_console.error("ChatService -> getChatHistory() ERROR: \n".concat(_context4.t0));case 10:case"end":return _context4.stop()}}),_callee4,null,[[0,7]])})));return function getChatHistory(){return _ref7.apply(this,arguments)}}(),startChat=function(){var _ref8=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee5(){var _ws2,socketHostOverride,location;return regenerator_default().wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:try{ws&&(null===(_ws2=ws)||void 0===_ws2||_ws2.shutdown(),setWebsocketService(null),ws=null),socketHostOverride=clientConfig.socketHostOverride,location=window.location.origin+window.location.pathname,(ws=new WebsocketService(accessToken,"/ws",socketHostOverride||location)).handleMessage=handleMessage,ws.socketDisconnected=handleSocketDisconnect,ws.socketConnected=handleSocketConnected,setWebsocketService(ws)}catch(error){ClientConfigStore_console.error("ChatService -> startChat() ERROR: \n".concat(error)),sendEvent([AppStateEvent.ChatUserDisabled])}case 1:case"end":return _context5.stop()}}),_callee5)})));return function startChat(){return _ref8.apply(this,arguments)}}();return(0,react.useEffect)((function(){try{if(window.configHydration){var config=JSON.parse(window.configHydration);setClientConfig(config),setHasLoadedConfig(!0)}}catch(e){ClientConfigStore_console.error("Error parsing config hydration",e)}try{if(window.statusHydration){var status=JSON.parse(window.statusHydration);setServerStatus(status),handleStatusChange(status)}}catch(e){ClientConfigStore_console.error("error parsing status hydration",e)}try{window.configHydration&&window.statusHydration&&sendEvent([AppStateEvent.Loaded])}catch(e){ClientConfigStore_console.error("error sending loaded event",e)}}),[]),(0,react.useEffect)((function(){clientConfig.chatDisabled||accessToken&&hasLoadedConfig&&(ws||startChat())}),[hasLoadedConfig,accessToken]),(0,react.useEffect)((function(){return window.configHydration||updateClientConfig(),handleUserRegistration(),window.statusHydration||updateServerStatus(),clearInterval(serverStatusRefreshPoll),serverStatusRefreshPoll=setInterval((function(){updateServerStatus()}),5e3),function(){clearInterval(serverStatusRefreshPoll)}}),[]),(0,react.useEffect)((function(){accessToken&&getChatHistory()}),[accessToken]),(0,react.useEffect)((function(){appStateService.onTransition((function(state){var metadata=(0,helpers.Cl)(state.meta);setAppState(metadata)}))}),[]),null};try{ClientConfigStore.displayName="ClientConfigStore",ClientConfigStore.__docgenInfo={description:"",displayName:"ClientConfigStore",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/stores/ClientConfigStore.tsx#ClientConfigStore"]={docgenInfo:ClientConfigStore.__docgenInfo,name:"ClientConfigStore",path:"components/stores/ClientConfigStore.tsx#ClientConfigStore"})}catch(__react_docgen_typescript_loader_error){}},"./interfaces/client-config.model.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function makeEmptyClientConfig(){return{name:"",summary:"",offlineMessage:"",logo:"",tags:[],nsfw:!1,extraPageContent:"",socialHandles:[],chatDisabled:!1,externalActions:[],customStyles:"",appearanceVariables:new Map,maxSocketPayloadSize:0,federation:{enabled:!1,account:"",followerCount:0},notifications:{browser:{enabled:!1,publicKey:""}},authentication:{indieAuthEnabled:!1}}}__webpack_require__.d(__webpack_exports__,{n:()=>makeEmptyClientConfig})},"./interfaces/server-status.model.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function makeEmptyServerStatus(){return{online:!1,viewerCount:0,serverTime:new Date}}__webpack_require__.d(__webpack_exports__,{x:()=>makeEmptyServerStatus})},"./interfaces/socket-events.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{G:()=>MessageType,b:()=>ChatEvent});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_user_model__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./interfaces/user.model.ts"),MessageType=function(MessageType){return MessageType.CHAT="CHAT",MessageType.PING="PING",MessageType.NAME_CHANGE="NAME_CHANGE",MessageType.COLOR_CHANGE="COLOR_CHANGE",MessageType.PONG="PONG",MessageType.SYSTEM="SYSTEM",MessageType.USER_JOINED="USER_JOINED",MessageType.USER_PARTED="USER_PARTED",MessageType.CHAT_ACTION="CHAT_ACTION",MessageType.FEDIVERSE_ENGAGEMENT_FOLLOW="FEDIVERSE_ENGAGEMENT_FOLLOW",MessageType.FEDIVERSE_ENGAGEMENT_LIKE="FEDIVERSE_ENGAGEMENT_LIKE",MessageType.FEDIVERSE_ENGAGEMENT_REPOST="FEDIVERSE_ENGAGEMENT_REPOST",MessageType.CONNECTED_USER_INFO="CONNECTED_USER_INFO",MessageType.ERROR_USER_DISABLED="ERROR_USER_DISABLED",MessageType.ERROR_NEEDS_REGISTRATION="ERROR_NEEDS_REGISTRATION",MessageType.ERROR_MAX_CONNECTIONS_EXCEEDED="ERROR_MAX_CONNECTIONS_EXCEEDED",MessageType.VISIBILITY_UPDATE="VISIBILITY-UPDATE",MessageType}({}),ChatEvent=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_0__.A)((function ChatEvent(message){(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.A)(this,ChatEvent),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"timestamp",void 0),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"type",void 0),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"id",void 0),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"user",void 0),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"body",void 0),this.id=message.id,this.timestamp=message.timestamp,this.type=message.type,this.body=message.body,message.user&&(this.user=new _user_model__WEBPACK_IMPORTED_MODULE_3__.K(message.user))}))},"./interfaces/user.model.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{K:()=>User});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),User=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_0__.A)((function User(u){(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.A)(this,User),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"id",void 0),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"displayName",void 0),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"displayColor",void 0),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"createdAt",void 0),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"previousNames",void 0),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"nameChangedAt",void 0),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"scopes",void 0),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"authenticated",void 0),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"isBot",void 0),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"isModerator",void 0),this.id=u.id,this.displayName=u.displayName,this.displayColor=u.displayColor,this.createdAt=u.createdAt,this.previousNames=u.previousNames,this.nameChangedAt=u.nameChangedAt,this.scopes=u.scopes,this.authenticated=u.authenticated,this.isBot=u.isBot,this.scopes&&this.scopes.length>0&&(this.isModerator=this.scopes.includes("MODERATOR"))}))},"./utils/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Cl:()=>mergeMeta,X4:()=>isMobileSafariHomeScreenApp,ei:()=>isMobileSafariIos,kt:()=>getDiffInDaysFromNow});var ua_parser_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(ua_parser_js__WEBPACK_IMPORTED_MODULE_0__);function getDiffInDaysFromNow(timestamp){var time="string"==typeof timestamp?new Date(timestamp):timestamp;return(new Date-time)/864e5}function mergeMeta(meta){return Object.keys(meta).reduce((function(acc,key){var value=meta[key];return Object.assign(acc,value),acc}),{})}var isMobileSafariIos=function isMobileSafariIos(){try{var ua=navigator.userAgent,uaParser=new(ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default())(ua),browser=uaParser.getBrowser(),device=uaParser.getDevice();return"Apple"===device.vendor&&(("mobile"===device.type||"tablet"===device.type)&&("Mobile Safari"===browser.name||"Safari"===browser.name))}catch(e){return!1}},isMobileSafariHomeScreenApp=function isMobileSafariHomeScreenApp(){return!!isMobileSafariIos()&&("standalone"in window.navigator&&window.navigator.standalone)}},"./services/chat-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{F:()=>ChatServiceContext});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_utils_apis__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./utils/apis.ts"),ChatService=function(){return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_4__.A)((function ChatService(){(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__.A)(this,ChatService)}),null,[{key:"getChatHistory",value:(_getChatHistory=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(accessToken){var response;return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.prev=0,_context.next=3,(0,_utils_apis__WEBPACK_IMPORTED_MODULE_2__.DW)("".concat("/api/chat","?accessToken=").concat(accessToken));case 3:return response=_context.sent,_context.abrupt("return",response);case 7:return _context.prev=7,_context.t0=_context.catch(0),_context.abrupt("return",[]);case 10:case"end":return _context.stop()}}),_callee,null,[[0,7]])}))),function getChatHistory(_x){return _getChatHistory.apply(this,arguments)})},{key:"registerUser",value:(_registerUser=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee2(username){var options,response;return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({displayName:username})},_context2.next=3,(0,_utils_apis__WEBPACK_IMPORTED_MODULE_2__.DW)("/api/chat/register",options);case 3:return response=_context2.sent,_context2.abrupt("return",response);case 5:case"end":return _context2.stop()}}),_callee2)}))),function registerUser(_x2){return _registerUser.apply(this,arguments)})}]);var _registerUser,_getChatHistory}(),ChatServiceContext=(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(ChatService)},"./services/client-config-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>ClientConfigServiceContext});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),ClientConfigService=function(){return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_3__.A)((function ClientConfigService(){(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,ClientConfigService)}),null,[{key:"getConfig",value:(_getConfig=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_4__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(){var response,status;return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,fetch("/api/config");case 2:return response=_context.sent,_context.next=5,response.json();case 5:return status=_context.sent,_context.abrupt("return",status);case 7:case"end":return _context.stop()}}),_callee)}))),function getConfig(){return _getConfig.apply(this,arguments)})}]);var _getConfig}(),ClientConfigServiceContext=(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(ClientConfigService)},"./services/status-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>ServerStatusServiceContext});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),ServerStatusService=function(){return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_3__.A)((function ServerStatusService(){(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,ServerStatusService)}),null,[{key:"getStatus",value:(_getStatus=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_4__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(){var response,status;return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,fetch("/api/status");case 2:return response=_context.sent,_context.next=5,response.json();case 5:return status=_context.sent,_context.abrupt("return",status);case 7:case"end":return _context.stop()}}),_callee)}))),function getStatus(){return _getStatus.apply(this,arguments)})}]);var _getStatus}(),ServerStatusServiceContext=(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(ServerStatusService)},"./utils/apis.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D0:()=>FEDERATION_MESSAGE_SEND,DW:()=>getUnauthedData,Fd:()=>fetchData,Fq:()=>SERVER_CONFIG,XQ:()=>STATUS,e0:()=>upgradeVersionAvailable,nn:()=>SERVER_CONFIG_UPDATE_URL,r1:()=>FETCH_INTERVAL});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__),process=__webpack_require__("./node_modules/process/browser.js"),console=__webpack_require__("./node_modules/console-browserify/index.js");function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;rr}return!0}return local>=remote}function upgradeVersionAvailable(_x6){return _upgradeVersionAvailable.apply(this,arguments)}function _upgradeVersionAvailable(){return(_upgradeVersionAvailable=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_2__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee5(currentVersion){var recentRelease,recentReleaseVersion;return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:return _context5.next=2,getGithubRelease();case 2:if(recentRelease=_context5.sent,"v"===(recentReleaseVersion=recentRelease.tag_name).substr(0,1)&&(recentReleaseVersion=recentReleaseVersion.substr(1)),upToDate(currentVersion,recentReleaseVersion)){_context5.next=7;break}return _context5.abrupt("return",recentReleaseVersion);case 7:return _context5.abrupt("return",null);case 8:case"end":return _context5.stop()}}),_callee5)})))).apply(this,arguments)}},"./utils/localStorage.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lg:()=>getLocalStorage,ZB:()=>setLocalStorage,rS:()=>LOCAL_STORAGE_KEYS});var console=__webpack_require__("./node_modules/console-browserify/index.js"),LOCAL_STORAGE_KEYS={username:"username",hasDisplayedNotificationModal:"HAS_DISPLAYED_NOTIFICATION_MODAL",userVisitCount:"USER_VISIT_COUNT"};function getLocalStorage(key){try{return localStorage.getItem(key)}catch(e){console.error(e)}return null}function setLocalStorage(key,value){try{return""!==value&&null!==value?localStorage.setItem(key,value):localStorage.removeItem(key),!0}catch(e){console.error(e)}return!1}}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[9705],{"./components/stores/ClientConfigStore.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{ao:()=>ChatState,Xp:()=>ClientConfigStore,Dr:()=>accessTokenAtom,uy:()=>appStateAtom,td:()=>chatAuthenticatedAtom,in:()=>chatMessagesAtom,t2:()=>chatStateAtom,Ar:()=>clientConfigStateAtom,uL:()=>clockSkewAtom,gN:()=>currentUserAtom,DI:()=>fatalErrorStateAtom,F5:()=>isChatAvailableSelector,A4:()=>isMobileAtom,tp:()=>isOnlineSelector,Fb:()=>isVideoPlayingAtom,Bm:()=>serverStatusState,Qy:()=>visibleChatMessagesSelector,W5:()=>websocketServiceAtom});var toConsumableArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),es=__webpack_require__("./node_modules/recoil/es/index.js"),useMachine=__webpack_require__("./node_modules/@xstate/react/es/useMachine.js"),client_config_model=__webpack_require__("./interfaces/client-config.model.ts"),client_config_service=__webpack_require__("./services/client-config-service.ts"),chat_service=__webpack_require__("./services/chat-service.ts"),classCallCheck=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),socket_events=__webpack_require__("./interfaces/socket-events.ts"),console=__webpack_require__("./node_modules/console-browserify/index.js"),WebsocketService=function(){return(0,createClass.A)((function WebsocketService(accessToken,path,host){(0,classCallCheck.A)(this,WebsocketService),(0,defineProperty.A)(this,"websocket",void 0),(0,defineProperty.A)(this,"accessToken",void 0),(0,defineProperty.A)(this,"host",void 0),(0,defineProperty.A)(this,"path",void 0),(0,defineProperty.A)(this,"websocketReconnectTimer",void 0),(0,defineProperty.A)(this,"isShutdown",!1),(0,defineProperty.A)(this,"backOff",0),(0,defineProperty.A)(this,"handleMessage",void 0),(0,defineProperty.A)(this,"socketConnected",void 0),(0,defineProperty.A)(this,"socketDisconnected",void 0),this.accessToken=accessToken,this.path=path,this.websocketReconnectTimer=null,this.isShutdown=!1,this.host=host,this.createAndConnect=this.createAndConnect.bind(this),this.shutdown=this.shutdown.bind(this),this.createAndConnect()}),[{key:"createAndConnect",value:function createAndConnect(){if(this.host&&!this.isShutdown){var url=new URL(this.host);url.protocol="https:"===window.location.protocol?"wss:":"ws:",url.pathname="/ws",url.port="3000"===window.location.port?"8080":window.location.port,url.searchParams.append("accessToken",this.accessToken);var ws=new WebSocket(url.toString());ws.onopen=this.onOpen.bind(this),ws.onerror=this.onError.bind(this),ws.onmessage=this.onMessage.bind(this),this.websocket=ws}}},{key:"onOpen",value:function onOpen(){this.websocketReconnectTimer&&clearTimeout(this.websocketReconnectTimer),this.socketConnected(),this.backOff=0}},{key:"onError",value:function onError(){!function handleNetworkingError(){console.error("Chat has been disconnected and is likely not working for you. It's possible you were removed from chat. If this is a server configuration issue, visit troubleshooting steps to resolve. https://owncast.online/docs/troubleshooting/#chat-is-disabled")}(),this.socketDisconnected(),this.websocket.close(),this.isShutdown||this.scheduleReconnect()}},{key:"scheduleReconnect",value:function scheduleReconnect(){this.isShutdown||(this.websocketReconnectTimer&&clearTimeout(this.websocketReconnectTimer),this.websocketReconnectTimer=setTimeout(this.createAndConnect,Math.min(this.backOff,1e4)),this.backOff+=1e3)}},{key:"shutdown",value:function shutdown(){this.isShutdown=!0,this.websocket.close()}},{key:"onMessage",value:function onMessage(e){for(var socketEvent,messages=e.data.split("\n"),i=0;i getConfig() ERROR: \n",_context.t0);case 13:case"end":return _context.stop()}}),_callee,null,[[0,9]])})));return function updateClientConfig(){return _ref4.apply(this,arguments)}}(),updateServerStatus=function(){var _ref5=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee2(){var status,serverTime,clockSkew;return regenerator_default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.prev=0,_context2.next=3,ServerStatusService.getStatus();case 3:status=_context2.sent,handleStatusChange(status),setServerStatus(status),serverTime=status.serverTime,clockSkew=new Date(serverTime).getTime()-Date.now(),setClockSkew(clockSkew),setGlobalFatalErrorMessage(null),_context2.next=17;break;case 12:_context2.prev=12,_context2.t0=_context2.catch(0),sendEvent([AppStateEvent.Fail]),setGlobalFatalError("Unable to reach Owncast server",serverConnectivityError),ClientConfigStore_console.error("serverStatusState -> getStatus() ERROR: \n",_context2.t0);case 17:case"end":return _context2.stop()}}),_callee2,null,[[0,12]])})));return function updateServerStatus(){return _ref5.apply(this,arguments)}}(),handleUserRegistration=function(){var _ref6=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee3(optionalDisplayName){var savedAccessToken,response,newAccessToken,newDisplayName,displayColor;return regenerator_default().wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:if(!(savedAccessToken=(0,localStorage.Lg)("accessToken"))){_context3.next=4;break}return setAccessToken(savedAccessToken),_context3.abrupt("return");case 4:return _context3.prev=4,sendEvent([AppStateEvent.NeedsRegister]),_context3.next=8,ChatService.registerUser(optionalDisplayName);case 8:if(response=_context3.sent,newAccessToken=response.accessToken,newDisplayName=response.displayName,displayColor=response.displayColor,newAccessToken){_context3.next=12;break}return _context3.abrupt("return");case 12:setCurrentUser(ClientConfigStore_objectSpread(ClientConfigStore_objectSpread({},currentUser),{},{displayName:newDisplayName,displayColor})),setAccessToken(newAccessToken),(0,localStorage.ZB)("accessToken",newAccessToken),_context3.next=21;break;case 17:_context3.prev=17,_context3.t0=_context3.catch(4),sendEvent([AppStateEvent.Fail]),ClientConfigStore_console.error("ChatService -> registerUser() ERROR: \n".concat(_context3.t0));case 21:case"end":return _context3.stop()}}),_callee3,null,[[4,17]])})));return function handleUserRegistration(_x){return _ref6.apply(this,arguments)}}(),handleSocketDisconnect=function handleSocketDisconnect(){hasWebsocketDisconnected=!0},handleSocketConnected=function handleSocketConnected(){hasWebsocketDisconnected=!1},handleMessage=function handleMessage(message){switch(message.type){case socket_events.G.ERROR_NEEDS_REGISTRATION:!function resetAndReAuth(){var _ws;(0,localStorage.ZB)("accessToken",""),setAccessToken(null),null===(_ws=ws)||void 0===_ws||_ws.shutdown(),handleUserRegistration()}();break;case socket_events.G.CONNECTED_USER_INFO:if(function handleConnectedClientInfoMessage(message,setChatAuthenticated,setCurrentUser){var user=message.user,id=user.id,displayName=user.displayName,displayColor=user.displayColor,scopes=user.scopes;setChatAuthenticated(user.authenticated),setCurrentUser({id:id.toString(),displayName,displayColor,isModerator:null==scopes?void 0:scopes.includes("MODERATOR")})}(message,setChatAuthenticated,setCurrentUser),message){var _m$user,m=new socket_events.b(message);!hasBeenModeratorNotified&&null!==(_m$user=m.user)&&void 0!==_m$user&&_m$user.isModerator&&(setChatMessages((function(currentState){return[].concat((0,toConsumableArray.A)(currentState),[message])})),hasBeenModeratorNotified=!0)}break;case socket_events.G.CHAT:setChatMessages((function(currentState){return[].concat((0,toConsumableArray.A)(currentState),[message])}));break;case socket_events.G.NAME_CHANGE:!function handleNameChangeEvent(message,setChatMessages,setCurrentUser){setCurrentUser((function(currentUser){return currentUser.id===message.user.id?handleNameChangeEvent_objectSpread(handleNameChangeEvent_objectSpread({},currentUser),{},{displayName:message.user.displayName}):currentUser})),setChatMessages((function(currentState){return[].concat((0,toConsumableArray.A)(currentState),[message])}))}(message,setChatMessages,setCurrentUser);break;case socket_events.G.USER_JOINED:case socket_events.G.USER_PARTED:case socket_events.G.SYSTEM:case socket_events.G.CHAT_ACTION:case socket_events.G.FEDIVERSE_ENGAGEMENT_FOLLOW:case socket_events.G.FEDIVERSE_ENGAGEMENT_LIKE:case socket_events.G.FEDIVERSE_ENGAGEMENT_REPOST:setChatMessages((function(currentState){return[].concat((0,toConsumableArray.A)(currentState),[message])}));break;case socket_events.G.VISIBILITY_UPDATE:!function handleMessageVisibilityChange(message){var ids=message.ids,visible=message.visible;setHiddenMessageIds(visible?function(currentState){return currentState.filter((function(id){return!ids.includes(id)}))}:function(currentState){return[].concat((0,toConsumableArray.A)(currentState),(0,toConsumableArray.A)(ids))})}(message);break;case socket_events.G.ERROR_USER_DISABLED:ClientConfigStore_console.log("User has been disabled"),sendEvent([AppStateEvent.ChatUserDisabled]);break;default:ClientConfigStore_console.error("Unknown socket message type: ",message.type)}},getChatHistory=function(){var _ref7=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee4(){var messages;return regenerator_default().wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:return _context4.prev=0,_context4.next=3,ChatService.getChatHistory(accessToken);case 3:(messages=_context4.sent)&&setChatMessages((function(currentState){return[].concat((0,toConsumableArray.A)(currentState),(0,toConsumableArray.A)(messages))})),_context4.next=10;break;case 7:_context4.prev=7,_context4.t0=_context4.catch(0),ClientConfigStore_console.error("ChatService -> getChatHistory() ERROR: \n".concat(_context4.t0));case 10:case"end":return _context4.stop()}}),_callee4,null,[[0,7]])})));return function getChatHistory(){return _ref7.apply(this,arguments)}}(),startChat=function(){var _ref8=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee5(){var _ws2,socketHostOverride,location;return regenerator_default().wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:try{ws&&(null===(_ws2=ws)||void 0===_ws2||_ws2.shutdown(),setWebsocketService(null),ws=null),socketHostOverride=clientConfig.socketHostOverride,location=window.location.origin+window.location.pathname,(ws=new WebsocketService(accessToken,"/ws",socketHostOverride||location)).handleMessage=handleMessage,ws.socketDisconnected=handleSocketDisconnect,ws.socketConnected=handleSocketConnected,setWebsocketService(ws)}catch(error){ClientConfigStore_console.error("ChatService -> startChat() ERROR: \n".concat(error)),sendEvent([AppStateEvent.ChatUserDisabled])}case 1:case"end":return _context5.stop()}}),_callee5)})));return function startChat(){return _ref8.apply(this,arguments)}}();return(0,react.useEffect)((function(){try{if(window.configHydration){var config=JSON.parse(window.configHydration);setClientConfig(config),setHasLoadedConfig(!0)}}catch(e){ClientConfigStore_console.error("Error parsing config hydration",e)}try{if(window.statusHydration){var status=JSON.parse(window.statusHydration);setServerStatus(status),handleStatusChange(status)}}catch(e){ClientConfigStore_console.error("error parsing status hydration",e)}try{window.configHydration&&window.statusHydration&&sendEvent([AppStateEvent.Loaded])}catch(e){ClientConfigStore_console.error("error sending loaded event",e)}}),[]),(0,react.useEffect)((function(){clientConfig.chatDisabled||accessToken&&hasLoadedConfig&&(ws||startChat())}),[hasLoadedConfig,accessToken]),(0,react.useEffect)((function(){return window.configHydration||updateClientConfig(),handleUserRegistration(),window.statusHydration||updateServerStatus(),clearInterval(serverStatusRefreshPoll),serverStatusRefreshPoll=setInterval((function(){updateServerStatus()}),5e3),function(){clearInterval(serverStatusRefreshPoll)}}),[]),(0,react.useEffect)((function(){accessToken&&getChatHistory()}),[accessToken]),(0,react.useEffect)((function(){appStateService.onTransition((function(state){var metadata=(0,helpers.Cl)(state.meta);setAppState(metadata)}))}),[]),null};try{ClientConfigStore.displayName="ClientConfigStore",ClientConfigStore.__docgenInfo={description:"",displayName:"ClientConfigStore",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/stores/ClientConfigStore.tsx#ClientConfigStore"]={docgenInfo:ClientConfigStore.__docgenInfo,name:"ClientConfigStore",path:"components/stores/ClientConfigStore.tsx#ClientConfigStore"})}catch(__react_docgen_typescript_loader_error){}},"./interfaces/client-config.model.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function makeEmptyClientConfig(){return{name:"",summary:"",offlineMessage:"",logo:"",tags:[],nsfw:!1,extraPageContent:"",socialHandles:[],chatDisabled:!1,externalActions:[],customStyles:"",appearanceVariables:new Map,maxSocketPayloadSize:0,federation:{enabled:!1,account:"",followerCount:0},notifications:{browser:{enabled:!1,publicKey:""}},authentication:{indieAuthEnabled:!1}}}__webpack_require__.d(__webpack_exports__,{n:()=>makeEmptyClientConfig})},"./interfaces/server-status.model.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function makeEmptyServerStatus(){return{online:!1,viewerCount:0,serverTime:new Date}}__webpack_require__.d(__webpack_exports__,{x:()=>makeEmptyServerStatus})},"./interfaces/socket-events.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{G:()=>MessageType,b:()=>ChatEvent});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_user_model__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./interfaces/user.model.ts"),MessageType=function(MessageType){return MessageType.CHAT="CHAT",MessageType.PING="PING",MessageType.NAME_CHANGE="NAME_CHANGE",MessageType.COLOR_CHANGE="COLOR_CHANGE",MessageType.PONG="PONG",MessageType.SYSTEM="SYSTEM",MessageType.USER_JOINED="USER_JOINED",MessageType.USER_PARTED="USER_PARTED",MessageType.CHAT_ACTION="CHAT_ACTION",MessageType.FEDIVERSE_ENGAGEMENT_FOLLOW="FEDIVERSE_ENGAGEMENT_FOLLOW",MessageType.FEDIVERSE_ENGAGEMENT_LIKE="FEDIVERSE_ENGAGEMENT_LIKE",MessageType.FEDIVERSE_ENGAGEMENT_REPOST="FEDIVERSE_ENGAGEMENT_REPOST",MessageType.CONNECTED_USER_INFO="CONNECTED_USER_INFO",MessageType.ERROR_USER_DISABLED="ERROR_USER_DISABLED",MessageType.ERROR_NEEDS_REGISTRATION="ERROR_NEEDS_REGISTRATION",MessageType.ERROR_MAX_CONNECTIONS_EXCEEDED="ERROR_MAX_CONNECTIONS_EXCEEDED",MessageType.VISIBILITY_UPDATE="VISIBILITY-UPDATE",MessageType}({}),ChatEvent=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_0__.A)((function ChatEvent(message){(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.A)(this,ChatEvent),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"timestamp",void 0),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"type",void 0),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"id",void 0),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"user",void 0),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"body",void 0),this.id=message.id,this.timestamp=message.timestamp,this.type=message.type,this.body=message.body,message.user&&(this.user=new _user_model__WEBPACK_IMPORTED_MODULE_3__.K(message.user))}))},"./interfaces/user.model.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{K:()=>User});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),User=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_0__.A)((function User(u){(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.A)(this,User),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"id",void 0),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"displayName",void 0),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"displayColor",void 0),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"createdAt",void 0),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"previousNames",void 0),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"nameChangedAt",void 0),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"scopes",void 0),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"authenticated",void 0),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"isBot",void 0),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,"isModerator",void 0),this.id=u.id,this.displayName=u.displayName,this.displayColor=u.displayColor,this.createdAt=u.createdAt,this.previousNames=u.previousNames,this.nameChangedAt=u.nameChangedAt,this.scopes=u.scopes,this.authenticated=u.authenticated,this.isBot=u.isBot,this.scopes&&this.scopes.length>0&&(this.isModerator=this.scopes.includes("MODERATOR"))}))},"./utils/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Cl:()=>mergeMeta,X4:()=>isMobileSafariHomeScreenApp,ei:()=>isMobileSafariIos,kt:()=>getDiffInDaysFromNow});var ua_parser_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(ua_parser_js__WEBPACK_IMPORTED_MODULE_0__);function getDiffInDaysFromNow(timestamp){var time="string"==typeof timestamp?new Date(timestamp):timestamp;return(new Date-time)/864e5}function mergeMeta(meta){return Object.keys(meta).reduce((function(acc,key){var value=meta[key];return Object.assign(acc,value),acc}),{})}var isMobileSafariIos=function isMobileSafariIos(){try{var ua=navigator.userAgent,uaParser=new(ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default())(ua),browser=uaParser.getBrowser(),device=uaParser.getDevice();return"Apple"===device.vendor&&(("mobile"===device.type||"tablet"===device.type)&&("Mobile Safari"===browser.name||"Safari"===browser.name))}catch(e){return!1}},isMobileSafariHomeScreenApp=function isMobileSafariHomeScreenApp(){return!!isMobileSafariIos()&&("standalone"in window.navigator&&window.navigator.standalone)}},"./services/chat-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{F:()=>ChatServiceContext});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_utils_apis__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./utils/apis.ts"),ChatService=function(){return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_4__.A)((function ChatService(){(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__.A)(this,ChatService)}),null,[{key:"getChatHistory",value:(_getChatHistory=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(accessToken){var response;return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.prev=0,_context.next=3,(0,_utils_apis__WEBPACK_IMPORTED_MODULE_2__.DW)("".concat("/api/chat","?accessToken=").concat(accessToken));case 3:return response=_context.sent,_context.abrupt("return",response);case 7:return _context.prev=7,_context.t0=_context.catch(0),_context.abrupt("return",[]);case 10:case"end":return _context.stop()}}),_callee,null,[[0,7]])}))),function getChatHistory(_x){return _getChatHistory.apply(this,arguments)})},{key:"registerUser",value:(_registerUser=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee2(username){var options,response;return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({displayName:username})},_context2.next=3,(0,_utils_apis__WEBPACK_IMPORTED_MODULE_2__.DW)("/api/chat/register",options);case 3:return response=_context2.sent,_context2.abrupt("return",response);case 5:case"end":return _context2.stop()}}),_callee2)}))),function registerUser(_x2){return _registerUser.apply(this,arguments)})}]);var _registerUser,_getChatHistory}(),ChatServiceContext=(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(ChatService)},"./services/client-config-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>ClientConfigServiceContext});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),ClientConfigService=function(){return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_3__.A)((function ClientConfigService(){(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,ClientConfigService)}),null,[{key:"getConfig",value:(_getConfig=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_4__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(){var response,status;return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,fetch("/api/config");case 2:return response=_context.sent,_context.next=5,response.json();case 5:return status=_context.sent,_context.abrupt("return",status);case 7:case"end":return _context.stop()}}),_callee)}))),function getConfig(){return _getConfig.apply(this,arguments)})}]);var _getConfig}(),ClientConfigServiceContext=(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(ClientConfigService)},"./services/status-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>ServerStatusServiceContext});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),ServerStatusService=function(){return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_3__.A)((function ServerStatusService(){(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_2__.A)(this,ServerStatusService)}),null,[{key:"getStatus",value:(_getStatus=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_4__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(){var response,status;return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,fetch("/api/status");case 2:return response=_context.sent,_context.next=5,response.json();case 5:return status=_context.sent,_context.abrupt("return",status);case 7:case"end":return _context.stop()}}),_callee)}))),function getStatus(){return _getStatus.apply(this,arguments)})}]);var _getStatus}(),ServerStatusServiceContext=(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(ServerStatusService)},"./utils/apis.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D0:()=>FEDERATION_MESSAGE_SEND,DW:()=>getUnauthedData,Fd:()=>fetchData,Fq:()=>SERVER_CONFIG,XQ:()=>STATUS,e0:()=>upgradeVersionAvailable,nn:()=>SERVER_CONFIG_UPDATE_URL,r1:()=>FETCH_INTERVAL});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__),process=__webpack_require__("./node_modules/process/browser.js"),console=__webpack_require__("./node_modules/console-browserify/index.js");function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;rr}return!0}return local>=remote}function upgradeVersionAvailable(_x6){return _upgradeVersionAvailable.apply(this,arguments)}function _upgradeVersionAvailable(){return(_upgradeVersionAvailable=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_2__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee5(currentVersion){var recentRelease,recentReleaseVersion;return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:return _context5.next=2,getGithubRelease();case 2:if(recentRelease=_context5.sent,"v"===(recentReleaseVersion=recentRelease.tag_name).substr(0,1)&&(recentReleaseVersion=recentReleaseVersion.substr(1)),upToDate(currentVersion,recentReleaseVersion)){_context5.next=7;break}return _context5.abrupt("return",recentReleaseVersion);case 7:return _context5.abrupt("return",null);case 8:case"end":return _context5.stop()}}),_callee5)})))).apply(this,arguments)}},"./utils/localStorage.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lg:()=>getLocalStorage,ZB:()=>setLocalStorage,rS:()=>LOCAL_STORAGE_KEYS});var console=__webpack_require__("./node_modules/console-browserify/index.js"),LOCAL_STORAGE_KEYS={username:"username",hasDisplayedNotificationModal:"HAS_DISPLAYED_NOTIFICATION_MODAL",userVisitCount:"USER_VISIT_COUNT"};function getLocalStorage(key){try{return localStorage.getItem(key)}catch(e){console.error(e)}return null}function setLocalStorage(key,value){try{return""!==value&&null!==value?localStorage.setItem(key,value):localStorage.removeItem(key),!0}catch(e){console.error(e)}return!1}}}]); \ No newline at end of file diff --git a/static/components/Design-stories-mdx.3bf7df97.iframe.bundle.js b/static/components/Design-stories-mdx.58cd6705.iframe.bundle.js similarity index 98% rename from static/components/Design-stories-mdx.3bf7df97.iframe.bundle.js rename to static/components/Design-stories-mdx.58cd6705.iframe.bundle.js index 5b23931600..398ab1b61d 100644 --- a/static/components/Design-stories-mdx.3bf7df97.iframe.bundle.js +++ b/static/components/Design-stories-mdx.58cd6705.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[7075],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/Design.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1",p:"p",blockquote:"blockquote",strong:"strong",h2:"h2",a:"a",ol:"ol",li:"li",code:"code",ul:"ul",h3:"h3"},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Documentation/Design",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h1,{id:"owncast-design-guidelines--resources",children:"Owncast Design Guidelines & Resources"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"A collection of design contribution guidelines and resources for the Owncast interface."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.blockquote,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"All participating designers are highly encouraged to shape and evolve these guidelines!"}),"\nIt is a work in progress and as we have design contributors we can work to solidify the process, tools and resources."]}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"-welcome",children:"👋 Welcome"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Owncast is a live streaming and chat server targeted to anybody who has live streaming needs. This means anybody from corporate events, government meetings, game streamers, musicians, churches, TV stations, and more."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["Read the detailed ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast/blob/develop/docs/product-definition.md",target:"_blank",rel:"nofollow noopener noreferrer",children:"product definition"})," to learn more."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"-how-to-contribute-to-product-design",children:"🚢 How to contribute to product design"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ol,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Check out open ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast/issues",target:"_blank",rel:"nofollow noopener noreferrer",children:"issues"})," here on GitHub (we label them with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"needs design"}),")"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Feel free to open an issue on your own if you find something you would like to contribute to the project."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Add your contributions to an issue and we promise we will review your contribution carefully and foster discussions"}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"We encourage you to:"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Get in touch with the team by joining our ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://owncast.rocket.chat",target:"_blank",rel:"nofollow noopener noreferrer",children:"Community Chat"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Check out our ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://owncast.online/help",target:"_blank",rel:"nofollow noopener noreferrer",children:"Contributor Guide"})," and\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast/blob/develop/CODE_OF_CONDUCT.md",target:"_blank",rel:"nofollow noopener noreferrer",children:"Code of Conduct"})]}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"-target-audience",children:"🎭 Target audience"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Owncast is a live streaming and chat server targeted to anybody who has live streaming needs. This means anything from corporate events, government meetings, game streams, concerts, TV stations, and more."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"-product-design-opportunities",children:"🧑‍🎨 Product design opportunities"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Owncast is a constantly moving project with features both old and new. This allows for design contributions to be both big or small.\nYou may not know how much time you can dedicate to the project, or if you'll be able to see something through to the end, so be honest about that. Take on projects that you'll be able to see completed."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"So maybe start small by finding rough edges and improvements to existing features without requiring complete rewrites. As a small project the bandwidth for rebuilding existing designs is limited, but tweaks are appreciated. This is especially great if you don't know how much time or energy you'll be able to provide the project. If you think you have a week to help, but might not be around in a month small projects are better."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"If you think you'll be around longer term, learn about future new features and start thinking about the design challenges of those so we can build them your feedback and design contributions in mind. See your designs put in the world through brand new functionality!"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Not everything has to be a a feature. Think big picture. What can we start doing now to put the project in a better place six months from now, or a year?"}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"-design-relevant-materials",children:"💅 Design relevant materials"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:'A collection of design relevant information and materials can be found under the "style" section of "Storybook" here:'}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"http://owncast.online/components",target:"_blank",rel:"nofollow noopener noreferrer",children:"http://owncast.online/components"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"fonts",children:"Fonts"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://owncast.online/components/?path=%2Fdocs%2Fowncast-styles-typography--page",target:"_blank",rel:"nofollow noopener noreferrer",children:"https://owncast.online/components/?path=%2Fdocs%2Fowncast-styles-typography--page"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Body text: Inter"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Display/Header text: Poppins"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"colors",children:"Colors"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://owncast.online/components/?path=%2Fdocs%2Fowncast-styles-colors-components--page",target:"_blank",rel:"nofollow noopener noreferrer",children:"https://owncast.online/components/?path=%2Fdocs%2Fowncast-styles-colors-components--page"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"design-files-screenshots-etc",children:"Design Files, Screenshots, etc"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"We do not currently have any design files that fully represent the state of\nthe Owncast interface. However, going forward it would be nice to resolve this\nand collaborate on designs."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["We do have a ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://design.penpot.app/#/dashboard/team/8373f780-f255-11ec-b774-f940e3befd53/projects",target:"_blank",rel:"nofollow noopener noreferrer",children:"PenPot organization"}),". Please ask for access."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"-license",children:"🎓 License"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["All design work is licensed under the\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://mit-license.org/",target:"_blank",rel:"nofollow noopener noreferrer",children:"MIT"})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"#-table-of-contents",children:"(Back to top)"})})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Documentation/Design",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[7075],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/Design.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1",p:"p",blockquote:"blockquote",strong:"strong",h2:"h2",a:"a",ol:"ol",li:"li",code:"code",ul:"ul",h3:"h3"},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Documentation/Design",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h1,{id:"owncast-design-guidelines--resources",children:"Owncast Design Guidelines & Resources"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"A collection of design contribution guidelines and resources for the Owncast interface."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.blockquote,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"All participating designers are highly encouraged to shape and evolve these guidelines!"}),"\nIt is a work in progress and as we have design contributors we can work to solidify the process, tools and resources."]}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"-welcome",children:"👋 Welcome"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Owncast is a live streaming and chat server targeted to anybody who has live streaming needs. This means anybody from corporate events, government meetings, game streamers, musicians, churches, TV stations, and more."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["Read the detailed ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast/blob/develop/docs/product-definition.md",target:"_blank",rel:"nofollow noopener noreferrer",children:"product definition"})," to learn more."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"-how-to-contribute-to-product-design",children:"🚢 How to contribute to product design"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ol,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Check out open ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast/issues",target:"_blank",rel:"nofollow noopener noreferrer",children:"issues"})," here on GitHub (we label them with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"needs design"}),")"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Feel free to open an issue on your own if you find something you would like to contribute to the project."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Add your contributions to an issue and we promise we will review your contribution carefully and foster discussions"}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"We encourage you to:"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Get in touch with the team by joining our ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://owncast.rocket.chat",target:"_blank",rel:"nofollow noopener noreferrer",children:"Community Chat"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Check out our ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://owncast.online/help",target:"_blank",rel:"nofollow noopener noreferrer",children:"Contributor Guide"})," and\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast/blob/develop/CODE_OF_CONDUCT.md",target:"_blank",rel:"nofollow noopener noreferrer",children:"Code of Conduct"})]}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"-target-audience",children:"🎭 Target audience"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Owncast is a live streaming and chat server targeted to anybody who has live streaming needs. This means anything from corporate events, government meetings, game streams, concerts, TV stations, and more."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"-product-design-opportunities",children:"🧑‍🎨 Product design opportunities"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Owncast is a constantly moving project with features both old and new. This allows for design contributions to be both big or small.\nYou may not know how much time you can dedicate to the project, or if you'll be able to see something through to the end, so be honest about that. Take on projects that you'll be able to see completed."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"So maybe start small by finding rough edges and improvements to existing features without requiring complete rewrites. As a small project the bandwidth for rebuilding existing designs is limited, but tweaks are appreciated. This is especially great if you don't know how much time or energy you'll be able to provide the project. If you think you have a week to help, but might not be around in a month small projects are better."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"If you think you'll be around longer term, learn about future new features and start thinking about the design challenges of those so we can build them your feedback and design contributions in mind. See your designs put in the world through brand new functionality!"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Not everything has to be a a feature. Think big picture. What can we start doing now to put the project in a better place six months from now, or a year?"}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"-design-relevant-materials",children:"💅 Design relevant materials"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:'A collection of design relevant information and materials can be found under the "style" section of "Storybook" here:'}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"http://owncast.online/components",target:"_blank",rel:"nofollow noopener noreferrer",children:"http://owncast.online/components"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"fonts",children:"Fonts"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://owncast.online/components/?path=%2Fdocs%2Fowncast-styles-typography--page",target:"_blank",rel:"nofollow noopener noreferrer",children:"https://owncast.online/components/?path=%2Fdocs%2Fowncast-styles-typography--page"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Body text: Inter"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Display/Header text: Poppins"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"colors",children:"Colors"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://owncast.online/components/?path=%2Fdocs%2Fowncast-styles-colors-components--page",target:"_blank",rel:"nofollow noopener noreferrer",children:"https://owncast.online/components/?path=%2Fdocs%2Fowncast-styles-colors-components--page"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"design-files-screenshots-etc",children:"Design Files, Screenshots, etc"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"We do not currently have any design files that fully represent the state of\nthe Owncast interface. However, going forward it would be nice to resolve this\nand collaborate on designs."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["We do have a ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://design.penpot.app/#/dashboard/team/8373f780-f255-11ec-b774-f940e3befd53/projects",target:"_blank",rel:"nofollow noopener noreferrer",children:"PenPot organization"}),". Please ask for access."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"-license",children:"🎓 License"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["All design work is licensed under the\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://mit-license.org/",target:"_blank",rel:"nofollow noopener noreferrer",children:"MIT"})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"#-table-of-contents",children:"(Back to top)"})})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Documentation/Design",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file diff --git a/static/components/Development-stories-mdx.cad042f8.iframe.bundle.js b/static/components/Development-stories-mdx.ab8b2c81.iframe.bundle.js similarity index 98% rename from static/components/Development-stories-mdx.cad042f8.iframe.bundle.js rename to static/components/Development-stories-mdx.ab8b2c81.iframe.bundle.js index 02aafff644..5f3af3d196 100644 --- a/static/components/Development-stories-mdx.cad042f8.iframe.bundle.js +++ b/static/components/Development-stories-mdx.ab8b2c81.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[8548],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/Development.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({hr:"hr",h2:"h2",p:"p",ul:"ul",li:"li",a:"a",ol:"ol",code:"code",h3:"h3",pre:"pre"},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Documentation/Get Started with Owncast Development",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.hr,{}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"title-how-to-work-on-owncastdescription-the-technical-details-for-those-wishing-to-take-part-in-owncast-developmenttagsdevelopmentcontributeopen-sourcegithubgitgoreacttypescriptcontributingaliases-docsbuildingtype-toctoc-true",children:'title: "How to work on Owncast"\ndescription: The technical details for those wishing to take part in Owncast development.\ntags:\n[\ndevelopment,\ncontribute,\nopen-source,\ngithub,\ngit,\ngo,\nreact,\ntypescript,\ncontributing,\n]\naliases: [/docs/building]\ntype: toc\ntoc: true'}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Owncast is a straightforward web application and compared to many projects is very easy to get running locally and contributing to."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["The backend is written in ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://go.dev/",target:"_blank",rel:"nofollow noopener noreferrer",children:"Go"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["The frontend is written in ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://reactjs.org/",target:"_blank",rel:"nofollow noopener noreferrer",children:"React"}),"."]}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"If you're interested in contributing to Owncast, here's how you can get started."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"how-to-start-with-frontend-development",children:"How to start with Frontend development"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["The web frontend of Owncast is written in React with TypeScript built using ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://nextjs.org/",target:"_blank",rel:"nofollow noopener noreferrer",children:"Next.js"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["You can browse the React components in the project using our ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://owncast.online/components",target:"_blank",rel:"nofollow noopener noreferrer",children:"Storybook"})," page to get an idea of how the frontend is structured."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ol,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Fork the Owncast repository on Github located at ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast",target:"_blank",rel:"nofollow noopener noreferrer",children:"https://github.com/owncast/owncast"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Check out your fork locally with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"git clone https://github.com/yourusername/owncast"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Create a new branch for your new changes with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"git checkout -b my-new-feature"}),"."]}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"run-the-web-project",children:"Run the web project"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ol,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Change to the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"web"})," directory and install dependencies with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"npm install"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Start the development server with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"npm run dev"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Open ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"http://localhost:3000"})," in your browser."]}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["You must have an instance of Owncast running locally to connect to. You can run one with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"go run main.go"})," from the root of the repository. Read more details about running development Owncast under the backend section."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"learn-about-how-to-write-react-components-with-owncast",children:"Learn about how to write React Components with Owncast"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["We have a ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast/blob/develop/web/components/_COMPONENT_HOW_TO.md",target:"_blank",rel:"nofollow noopener noreferrer",children:"short document"})," outlining the specifics of the hows and whys of our specific component approach."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"use-storybook-to-update-and-create-components",children:"Use Storybook to update and create components"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Storybook is a tool that allows you to create and test components in isolation. It's a great way to develop new components and test them out without running a copy of the Owncast server."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ol,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Run ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"npm run storybook"})," to start the Storybook server."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Open ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"http://localhost:6006"})," in your browser."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Navigate the Storybook interface to browse and test components."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"how-to-start-with-backend-development",children:"How to start with Backend development"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"The backend of Owncast is written in Go. It operates as a web and API server, inbound RTMP ingestion server, outbound HLS distribution server, and chat server."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ol,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Ensure you have the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://go.dev/dl/",target:"_blank",rel:"nofollow noopener noreferrer",children:"Go programming language"})," tools installed for your system."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Clone the Owncast repository with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"git clone https://github.com/owncast/owncast"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["A c compiler and tooling must be available on your system. Generally this means installing ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"gcc"})," and its development libraries."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Run ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"go run main.go"})," from the root of the repository."]}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"go-linting",children:"Go Linting"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["We use golangci-lint to lint our Go code. While optional, it is a useful tool to assist you in writing better Go code. You can install it from the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://golangci-lint.run/welcome/install/#local-installation",target:"_blank",rel:"nofollow noopener noreferrer",children:"golangci-lint"})," website."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"run-a-development-stream",children:"Run a development stream"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Many features are only enabled when a stream is live. You can run a local stream using any video file you have around by running:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{className:"language-bash",children:"./test/ocTestStream.sh somevideofile.mp4\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"if-you-havent-yet-find-an-issue-to-work-on",children:"If you haven't yet, find an issue to work on"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["Visit our ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22",target:"_blank",rel:"nofollow noopener noreferrer",children:"Good First Issues"})," list to find something that might be a good fit for you to start on. Otherwise, feel free to drop into our ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://owncast.rocket.chat",target:"_blank",rel:"nofollow noopener noreferrer",children:"community chat"})," and say hi and we can get to know you and see where you'd like to take part."]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Documentation/Get Started with Owncast Development",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[8548],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/Development.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({hr:"hr",h2:"h2",p:"p",ul:"ul",li:"li",a:"a",ol:"ol",code:"code",h3:"h3",pre:"pre"},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Documentation/Get Started with Owncast Development",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.hr,{}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"title-how-to-work-on-owncastdescription-the-technical-details-for-those-wishing-to-take-part-in-owncast-developmenttagsdevelopmentcontributeopen-sourcegithubgitgoreacttypescriptcontributingaliases-docsbuildingtype-toctoc-true",children:'title: "How to work on Owncast"\ndescription: The technical details for those wishing to take part in Owncast development.\ntags:\n[\ndevelopment,\ncontribute,\nopen-source,\ngithub,\ngit,\ngo,\nreact,\ntypescript,\ncontributing,\n]\naliases: [/docs/building]\ntype: toc\ntoc: true'}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Owncast is a straightforward web application and compared to many projects is very easy to get running locally and contributing to."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["The backend is written in ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://go.dev/",target:"_blank",rel:"nofollow noopener noreferrer",children:"Go"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["The frontend is written in ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://reactjs.org/",target:"_blank",rel:"nofollow noopener noreferrer",children:"React"}),"."]}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"If you're interested in contributing to Owncast, here's how you can get started."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"how-to-start-with-frontend-development",children:"How to start with Frontend development"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["The web frontend of Owncast is written in React with TypeScript built using ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://nextjs.org/",target:"_blank",rel:"nofollow noopener noreferrer",children:"Next.js"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["You can browse the React components in the project using our ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://owncast.online/components",target:"_blank",rel:"nofollow noopener noreferrer",children:"Storybook"})," page to get an idea of how the frontend is structured."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ol,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Fork the Owncast repository on Github located at ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast",target:"_blank",rel:"nofollow noopener noreferrer",children:"https://github.com/owncast/owncast"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Check out your fork locally with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"git clone https://github.com/yourusername/owncast"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Create a new branch for your new changes with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"git checkout -b my-new-feature"}),"."]}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"run-the-web-project",children:"Run the web project"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ol,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Change to the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"web"})," directory and install dependencies with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"npm install"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Start the development server with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"npm run dev"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Open ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"http://localhost:3000"})," in your browser."]}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["You must have an instance of Owncast running locally to connect to. You can run one with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"go run main.go"})," from the root of the repository. Read more details about running development Owncast under the backend section."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"learn-about-how-to-write-react-components-with-owncast",children:"Learn about how to write React Components with Owncast"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["We have a ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast/blob/develop/web/components/_COMPONENT_HOW_TO.md",target:"_blank",rel:"nofollow noopener noreferrer",children:"short document"})," outlining the specifics of the hows and whys of our specific component approach."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"use-storybook-to-update-and-create-components",children:"Use Storybook to update and create components"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Storybook is a tool that allows you to create and test components in isolation. It's a great way to develop new components and test them out without running a copy of the Owncast server."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ol,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Run ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"npm run storybook"})," to start the Storybook server."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Open ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"http://localhost:6006"})," in your browser."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Navigate the Storybook interface to browse and test components."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"how-to-start-with-backend-development",children:"How to start with Backend development"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"The backend of Owncast is written in Go. It operates as a web and API server, inbound RTMP ingestion server, outbound HLS distribution server, and chat server."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ol,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Ensure you have the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://go.dev/dl/",target:"_blank",rel:"nofollow noopener noreferrer",children:"Go programming language"})," tools installed for your system."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Clone the Owncast repository with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"git clone https://github.com/owncast/owncast"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["A c compiler and tooling must be available on your system. Generally this means installing ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"gcc"})," and its development libraries."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.li,{children:["Run ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"go run main.go"})," from the root of the repository."]}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"go-linting",children:"Go Linting"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["We use golangci-lint to lint our Go code. While optional, it is a useful tool to assist you in writing better Go code. You can install it from the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://golangci-lint.run/welcome/install/#local-installation",target:"_blank",rel:"nofollow noopener noreferrer",children:"golangci-lint"})," website."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"run-a-development-stream",children:"Run a development stream"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Many features are only enabled when a stream is live. You can run a local stream using any video file you have around by running:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{className:"language-bash",children:"./test/ocTestStream.sh somevideofile.mp4\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"if-you-havent-yet-find-an-issue-to-work-on",children:"If you haven't yet, find an issue to work on"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["Visit our ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22",target:"_blank",rel:"nofollow noopener noreferrer",children:"Good First Issues"})," list to find something that might be a good fit for you to start on. Otherwise, feel free to drop into our ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://owncast.rocket.chat",target:"_blank",rel:"nofollow noopener noreferrer",children:"community chat"})," and say hi and we can get to know you and see where you'd like to take part."]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Documentation/Get Started with Owncast Development",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file diff --git a/static/components/Emoji-stories-mdx.99bebcf5.iframe.bundle.js b/static/components/Emoji-stories-mdx.fd1583c2.iframe.bundle.js similarity index 99% rename from static/components/Emoji-stories-mdx.99bebcf5.iframe.bundle.js rename to static/components/Emoji-stories-mdx.fd1583c2.iframe.bundle.js index 9a8789e0bb..9f76d480e1 100644 --- a/static/components/Emoji-stories-mdx.99bebcf5.iframe.bundle.js +++ b/static/components/Emoji-stories-mdx.fd1583c2.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5349],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/Emoji.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("./.storybook/stories-category-doc-pages/ImageAsset.tsx"),__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js"));function _createMdxContent(props){const _components=Object.assign({h1:"h1",h2:"h2",p:"p"},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Frontend Assets/Emoji",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h1,{id:"built-in-custom-emoji",children:"Built-in Custom Emoji"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"blob",children:"Blob"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"img/emoji/blob/LICENSE.md",target:"_blank",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"LICENSE"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.yt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobattention.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobattention.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobaww.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobaww.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobblewobble.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobblewobble.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobcheer.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobcheer.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobcry.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobcry.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobdancer.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobdancer.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobgift.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobgift.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobgiggle.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobgiggle.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobparty.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobparty.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobsleep.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobsleep.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobthinking.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobthinking.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobwave.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobwave.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobangry.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobangry.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobaww.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobaww.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobdancer.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobdancer.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobjam.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobjam.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobscream.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobscream.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobthanks.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobthanks.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobthinking.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobthinking.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobwave.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobwave.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobyes.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobyes.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobyum.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobyum.png"})})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"conigliolo96",children:"Conigliolo96"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"img/emoji/conigliolo96/LICENSE.md",target:"_blank",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"LICENSE"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.yt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"conigliolo1.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/conigliolo96/conigliolo1.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"conigliolo15.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/conigliolo96/conigliolo15.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"conigliolo17.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/conigliolo96/conigliolo17.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"conigliolo21.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/conigliolo96/conigliolo21.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"conigliolo25.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/conigliolo96/conigliolo25.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"conigliolo28.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/conigliolo96/conigliolo28.gif"})})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"dog",children:"Dog"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"img/emoji/dog/LICENSE.md",target:"_blank",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"LICENSE"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.yt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img001.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img001.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img091.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img091.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img093.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img093.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img203.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img203.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img288.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img288.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img327.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img327.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img346.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img346.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img347.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img347.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img352.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img352.svg"})})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"mutant",children:"Mutant"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"img/emoji/mutant/LICENSE.md",target:"_blank",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"LICENSE"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.yt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"8_ball.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/8_ball.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"alien.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/alien.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"american_football.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/american_football.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"arms_in_the_air.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/arms_in_the_air.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"artist.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/artist.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"astronaut.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/astronaut.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"back_of_hand_clw.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/back_of_hand_clw.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"back_of_hand_hoof.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/back_of_hand_hoof.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"back_of_hand_paw.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/back_of_hand_paw.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"baseball.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/baseball.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"basketball.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/basketball.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blep.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/blep.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"bow_b3.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/bow_b3.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_crying.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_crying.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_devious.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_devious.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_grin.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_grin.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_heart_eyes.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_heart_eyes.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_joy.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_joy.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_kiss.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_kiss.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_pouting.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_pouting.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_scream.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_scream.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_smile.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_smile.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"chef.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/chef.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"detective.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/detective.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ear.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/ear.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"eye.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/eye.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"eyes.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/eyes.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"facepalm.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/facepalm.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"football.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/football.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ghost.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/ghost.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"grumpy_block.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/grumpy_block.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"hot_shit.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/hot_shit.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"jack_o_lantern.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/jack_o_lantern.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"long_pointed_ear.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/long_pointed_ear.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"mechanical_arm.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/mechanical_arm.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"no_good.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/no_good.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"office_worker.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/office_worker.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ok_gesture.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/ok_gesture.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"person_frowning.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/person_frowning.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"raising_hand.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/raising_hand.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"robot.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/robot.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"shrug.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/shrug.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"singer.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/singer.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"skull.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/skull.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"skull_and_crossbones.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/skull_and_crossbones.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"softball.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/softball.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"student.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/student.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"studio_microphone.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/studio_microphone.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"technologist.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/technologist.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"tennis.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/tennis.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"volleyball.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/volleyball.svg"})})]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Frontend Assets/Emoji",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./.storybook/stories-category-doc-pages/ImageAsset.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>ImageRow});var __jsx=__webpack_require__("./node_modules/next/dist/compiled/react/index.js").createElement,ImageAsset=function ImageAsset(_ref){var name=_ref.name,src=_ref.src,imageStyle={width:"100%",height:"80%",backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center",marginTop:"5px",backgroundImage:"url(".concat(src,")")};return __jsx("figure",{style:{borderRadius:"20px",width:"12vw",height:"12vw",minWidth:"100px",minHeight:"100px",borderWidth:"1.5px",borderStyle:"solid",borderColor:"lightgray",overflow:"hidden",margin:"0.3vw"}},__jsx("a",{href:src,target:"_blank",rel:"noopener noreferrer"},__jsx("div",{style:imageStyle}),__jsx("figcaption",{style:{textAlign:"center",color:"gray",fontSize:"0.8em"}},name)))};ImageAsset.displayName="ImageAsset";var rowStyle={display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},ImageRow=function ImageRow(props){var images=props.images;return __jsx("div",{style:rowStyle},images.map((function(image){return __jsx(ImageAsset,{key:image.src,src:image.src,name:image.name})})))};ImageRow.displayName="ImageRow";try{ImageAsset.displayName="ImageAsset",ImageAsset.__docgenInfo={description:"",displayName:"ImageAsset",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageAsset"]={docgenInfo:ImageAsset.__docgenInfo,name:"ImageAsset",path:".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageAsset"})}catch(__react_docgen_typescript_loader_error){}try{ImageRow.displayName="ImageRow",ImageRow.__docgenInfo={description:"",displayName:"ImageRow",props:{images:{defaultValue:null,description:"",name:"images",required:!0,type:{name:"ImageAssetProps[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageRow"]={docgenInfo:ImageRow.__docgenInfo,name:"ImageRow",path:".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageRow"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5349],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/Emoji.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("./.storybook/stories-category-doc-pages/ImageAsset.tsx"),__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js"));function _createMdxContent(props){const _components=Object.assign({h1:"h1",h2:"h2",p:"p"},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Frontend Assets/Emoji",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h1,{id:"built-in-custom-emoji",children:"Built-in Custom Emoji"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"blob",children:"Blob"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"img/emoji/blob/LICENSE.md",target:"_blank",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"LICENSE"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.yt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobattention.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobattention.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobaww.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobaww.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobblewobble.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobblewobble.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobcheer.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobcheer.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobcry.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobcry.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobdancer.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobdancer.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobgift.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobgift.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobgiggle.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobgiggle.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobparty.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobparty.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobsleep.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobsleep.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobthinking.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobthinking.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ablobwave.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/ablobwave.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobangry.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobangry.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobaww.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobaww.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobdancer.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobdancer.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobjam.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobjam.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobscream.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobscream.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobthanks.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobthanks.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobthinking.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobthinking.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobwave.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobwave.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobyes.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobyes.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blobyum.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/blob/blobyum.png"})})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"conigliolo96",children:"Conigliolo96"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"img/emoji/conigliolo96/LICENSE.md",target:"_blank",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"LICENSE"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.yt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"conigliolo1.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/conigliolo96/conigliolo1.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"conigliolo15.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/conigliolo96/conigliolo15.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"conigliolo17.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/conigliolo96/conigliolo17.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"conigliolo21.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/conigliolo96/conigliolo21.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"conigliolo25.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/conigliolo96/conigliolo25.gif"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"conigliolo28.gif",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/conigliolo96/conigliolo28.gif"})})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"dog",children:"Dog"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"img/emoji/dog/LICENSE.md",target:"_blank",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"LICENSE"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.yt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img001.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img001.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img091.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img091.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img093.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img093.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img203.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img203.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img288.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img288.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img327.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img327.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img346.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img346.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img347.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img347.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"img352.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/dog/img352.svg"})})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"mutant",children:"Mutant"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"img/emoji/mutant/LICENSE.md",target:"_blank",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"LICENSE"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.yt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"8_ball.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/8_ball.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"alien.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/alien.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"american_football.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/american_football.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"arms_in_the_air.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/arms_in_the_air.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"artist.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/artist.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"astronaut.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/astronaut.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"back_of_hand_clw.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/back_of_hand_clw.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"back_of_hand_hoof.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/back_of_hand_hoof.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"back_of_hand_paw.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/back_of_hand_paw.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"baseball.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/baseball.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"basketball.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/basketball.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"blep.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/blep.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"bow_b3.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/bow_b3.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_crying.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_crying.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_devious.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_devious.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_grin.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_grin.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_heart_eyes.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_heart_eyes.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_joy.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_joy.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_kiss.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_kiss.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_pouting.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_pouting.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_scream.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_scream.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"cat_smile.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/cat_smile.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"chef.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/chef.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"detective.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/detective.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ear.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/ear.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"eye.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/eye.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"eyes.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/eyes.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"facepalm.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/facepalm.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"football.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/football.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ghost.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/ghost.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"grumpy_block.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/grumpy_block.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"hot_shit.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/hot_shit.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"jack_o_lantern.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/jack_o_lantern.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"long_pointed_ear.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/long_pointed_ear.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"mechanical_arm.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/mechanical_arm.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"no_good.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/no_good.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"office_worker.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/office_worker.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ok_gesture.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/ok_gesture.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"person_frowning.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/person_frowning.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"raising_hand.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/raising_hand.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"robot.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/robot.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"shrug.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/shrug.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"singer.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/singer.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"skull.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/skull.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"skull_and_crossbones.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/skull_and_crossbones.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"softball.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/softball.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"student.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/student.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"studio_microphone.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/studio_microphone.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"technologist.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/technologist.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"tennis.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/tennis.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"volleyball.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img",{src:"img/emoji/mutant/volleyball.svg"})})]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Frontend Assets/Emoji",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./.storybook/stories-category-doc-pages/ImageAsset.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>ImageRow});var __jsx=__webpack_require__("./node_modules/next/dist/compiled/react/index.js").createElement,ImageAsset=function ImageAsset(_ref){var name=_ref.name,src=_ref.src,imageStyle={width:"100%",height:"80%",backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center",marginTop:"5px",backgroundImage:"url(".concat(src,")")};return __jsx("figure",{style:{borderRadius:"20px",width:"12vw",height:"12vw",minWidth:"100px",minHeight:"100px",borderWidth:"1.5px",borderStyle:"solid",borderColor:"lightgray",overflow:"hidden",margin:"0.3vw"}},__jsx("a",{href:src,target:"_blank",rel:"noopener noreferrer"},__jsx("div",{style:imageStyle}),__jsx("figcaption",{style:{textAlign:"center",color:"gray",fontSize:"0.8em"}},name)))};ImageAsset.displayName="ImageAsset";var rowStyle={display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},ImageRow=function ImageRow(props){var images=props.images;return __jsx("div",{style:rowStyle},images.map((function(image){return __jsx(ImageAsset,{key:image.src,src:image.src,name:image.name})})))};ImageRow.displayName="ImageRow";try{ImageAsset.displayName="ImageAsset",ImageAsset.__docgenInfo={description:"",displayName:"ImageAsset",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageAsset"]={docgenInfo:ImageAsset.__docgenInfo,name:"ImageAsset",path:".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageAsset"})}catch(__react_docgen_typescript_loader_error){}try{ImageRow.displayName="ImageRow",ImageRow.__docgenInfo={description:"",displayName:"ImageRow",props:{images:{defaultValue:null,description:"",name:"images",required:!0,type:{name:"ImageAssetProps[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageRow"]={docgenInfo:ImageRow.__docgenInfo,name:"ImageRow",path:".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageRow"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file diff --git a/static/components/Images-stories-mdx.4a9c2cd0.iframe.bundle.js b/static/components/Images-stories-mdx.f9d68d1b.iframe.bundle.js similarity index 96% rename from static/components/Images-stories-mdx.4a9c2cd0.iframe.bundle.js rename to static/components/Images-stories-mdx.f9d68d1b.iframe.bundle.js index 53e250d38b..08b4c09d61 100644 --- a/static/components/Images-stories-mdx.4a9c2cd0.iframe.bundle.js +++ b/static/components/Images-stories-mdx.f9d68d1b.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[8815],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/Images.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1"},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Frontend Assets/Images",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h1,{id:"images",children:"Images"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.yt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"fediverse-black.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/fediverse-black.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"fediverse-color.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/fediverse-color.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"follow.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/follow.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"indieauth.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/indieauth.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"like.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/like.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"repost.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/repost.svg"})})]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Frontend Assets/Images",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[8815],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/Images.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1"},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Frontend Assets/Images",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h1,{id:"images",children:"Images"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.yt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"fediverse-black.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/fediverse-black.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"fediverse-color.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/fediverse-color.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"follow.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/follow.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"indieauth.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/indieauth.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"like.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/like.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"repost.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/repost.svg"})})]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Frontend Assets/Images",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file diff --git a/static/components/LogosAndGraphics-stories-mdx.a3174a97.iframe.bundle.js b/static/components/LogosAndGraphics-stories-mdx.29df6a64.iframe.bundle.js similarity index 96% rename from static/components/LogosAndGraphics-stories-mdx.a3174a97.iframe.bundle.js rename to static/components/LogosAndGraphics-stories-mdx.29df6a64.iframe.bundle.js index 1924c57501..497b5c3cef 100644 --- a/static/components/LogosAndGraphics-stories-mdx.a3174a97.iframe.bundle.js +++ b/static/components/LogosAndGraphics-stories-mdx.29df6a64.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[9225],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/LogosAndGraphics.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),_ImageAsset__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./.storybook/stories-category-doc-pages/ImageAsset.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1"},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Project Assets/Logos & Graphics",parameters:{chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h1,{id:"logos--graphics",children:"Logos & Graphics"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_ImageAsset__WEBPACK_IMPORTED_MODULE_2__.a,{images:[{src:"project/header.png",name:"header.png"},{src:"project/kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png",name:"kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png"},{src:"project/logo-glare-outlined.png",name:"logo-glare-outlined.png"},{src:"project/logo-glare-vector.svg",name:"logo-glare-vector.svg"},{src:"project/logo-noglare-vector.svg",name:"logo-noglare-vector.svg"},{src:"project/logo-translucent-grey.svg",name:"logo-translucent-grey.svg"},{src:"project/logo-white.svg",name:"logo-white.svg"},{src:"project/owncast-background.png",name:"owncast-background.png"},{src:"project/owncast-browser-mobile.png",name:"owncast-browser-mobile.png"},{src:"project/sticker-bigtech-alt.png",name:"sticker-bigtech-alt.png"}]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Project Assets/Logos & Graphics",parameters:{chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./.storybook/stories-category-doc-pages/ImageAsset.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>ImageRow});var __jsx=__webpack_require__("./node_modules/next/dist/compiled/react/index.js").createElement,ImageAsset=function ImageAsset(_ref){var name=_ref.name,src=_ref.src,imageStyle={width:"100%",height:"80%",backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center",marginTop:"5px",backgroundImage:"url(".concat(src,")")};return __jsx("figure",{style:{borderRadius:"20px",width:"12vw",height:"12vw",minWidth:"100px",minHeight:"100px",borderWidth:"1.5px",borderStyle:"solid",borderColor:"lightgray",overflow:"hidden",margin:"0.3vw"}},__jsx("a",{href:src,target:"_blank",rel:"noopener noreferrer"},__jsx("div",{style:imageStyle}),__jsx("figcaption",{style:{textAlign:"center",color:"gray",fontSize:"0.8em"}},name)))};ImageAsset.displayName="ImageAsset";var rowStyle={display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},ImageRow=function ImageRow(props){var images=props.images;return __jsx("div",{style:rowStyle},images.map((function(image){return __jsx(ImageAsset,{key:image.src,src:image.src,name:image.name})})))};ImageRow.displayName="ImageRow";try{ImageAsset.displayName="ImageAsset",ImageAsset.__docgenInfo={description:"",displayName:"ImageAsset",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageAsset"]={docgenInfo:ImageAsset.__docgenInfo,name:"ImageAsset",path:".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageAsset"})}catch(__react_docgen_typescript_loader_error){}try{ImageRow.displayName="ImageRow",ImageRow.__docgenInfo={description:"",displayName:"ImageRow",props:{images:{defaultValue:null,description:"",name:"images",required:!0,type:{name:"ImageAssetProps[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageRow"]={docgenInfo:ImageRow.__docgenInfo,name:"ImageRow",path:".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageRow"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[9225],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/LogosAndGraphics.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),_ImageAsset__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./.storybook/stories-category-doc-pages/ImageAsset.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1"},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Project Assets/Logos & Graphics",parameters:{chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h1,{id:"logos--graphics",children:"Logos & Graphics"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_ImageAsset__WEBPACK_IMPORTED_MODULE_2__.a,{images:[{src:"project/header.png",name:"header.png"},{src:"project/kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png",name:"kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png"},{src:"project/logo-glare-outlined.png",name:"logo-glare-outlined.png"},{src:"project/logo-glare-vector.svg",name:"logo-glare-vector.svg"},{src:"project/logo-noglare-vector.svg",name:"logo-noglare-vector.svg"},{src:"project/logo-translucent-grey.svg",name:"logo-translucent-grey.svg"},{src:"project/logo-white.svg",name:"logo-white.svg"},{src:"project/owncast-background.png",name:"owncast-background.png"},{src:"project/owncast-browser-mobile.png",name:"owncast-browser-mobile.png"},{src:"project/sticker-bigtech-alt.png",name:"sticker-bigtech-alt.png"}]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Project Assets/Logos & Graphics",parameters:{chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./.storybook/stories-category-doc-pages/ImageAsset.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>ImageRow});var __jsx=__webpack_require__("./node_modules/next/dist/compiled/react/index.js").createElement,ImageAsset=function ImageAsset(_ref){var name=_ref.name,src=_ref.src,imageStyle={width:"100%",height:"80%",backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center",marginTop:"5px",backgroundImage:"url(".concat(src,")")};return __jsx("figure",{style:{borderRadius:"20px",width:"12vw",height:"12vw",minWidth:"100px",minHeight:"100px",borderWidth:"1.5px",borderStyle:"solid",borderColor:"lightgray",overflow:"hidden",margin:"0.3vw"}},__jsx("a",{href:src,target:"_blank",rel:"noopener noreferrer"},__jsx("div",{style:imageStyle}),__jsx("figcaption",{style:{textAlign:"center",color:"gray",fontSize:"0.8em"}},name)))};ImageAsset.displayName="ImageAsset";var rowStyle={display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},ImageRow=function ImageRow(props){var images=props.images;return __jsx("div",{style:rowStyle},images.map((function(image){return __jsx(ImageAsset,{key:image.src,src:image.src,name:image.name})})))};ImageRow.displayName="ImageRow";try{ImageAsset.displayName="ImageAsset",ImageAsset.__docgenInfo={description:"",displayName:"ImageAsset",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageAsset"]={docgenInfo:ImageAsset.__docgenInfo,name:"ImageAsset",path:".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageAsset"})}catch(__react_docgen_typescript_loader_error){}try{ImageRow.displayName="ImageRow",ImageRow.__docgenInfo={description:"",displayName:"ImageRow",props:{images:{defaultValue:null,description:"",name:"images",required:!0,type:{name:"ImageAssetProps[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageRow"]={docgenInfo:ImageRow.__docgenInfo,name:"ImageRow",path:".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageRow"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file diff --git a/static/components/ProductDefinition-stories-mdx.9c1bbaf8.iframe.bundle.js b/static/components/ProductDefinition-stories-mdx.4e93d162.iframe.bundle.js similarity index 98% rename from static/components/ProductDefinition-stories-mdx.9c1bbaf8.iframe.bundle.js rename to static/components/ProductDefinition-stories-mdx.4e93d162.iframe.bundle.js index fca45caf52..62f0aa97f0 100644 --- a/static/components/ProductDefinition-stories-mdx.9c1bbaf8.iframe.bundle.js +++ b/static/components/ProductDefinition-stories-mdx.4e93d162.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3325],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/ProductDefinition.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1",h2:"h2",p:"p",blockquote:"blockquote",ul:"ul",li:"li",h3:"h3",strong:"strong"},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Documentation/Product Definition",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h1,{id:"owncast-product-definition",children:"Owncast Product Definition"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"why",children:"Why"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"By defining the goals and target user bases we have something stable to guide decisions, features, conversations and keep clarity around what is being built."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:'While these definitions and lists should not be seen as exhaustive, in theory, once this is seen as "complete" there should be few, if any changes, as that would note a large change in direction and goals.'}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"[TOC]"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"vision",children:"Vision"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.blockquote,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"The out-of-the-box personal broadcast platform for DIY streamers and integrators."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"primary-goals",children:"Primary Goals"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Useful out of the box."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Fast to get running."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Self-contained."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"An alternative, not a competitor."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"For individuals, not service providers."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Easy to integrate into other projects/products."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Low barrier to entry."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Empowering."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Customizable and hackable."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"primary-users",children:"Primary Users"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"the-diy-streamer",children:"The DIY Streamer"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"An individual who is streaming as a hobby, a project, or is moving their audience from an existing streaming platform."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Needs"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Security/ownership of their own stream."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Building an independent space."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Personalization."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Tools to manage a relationship with their audience."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Pains"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Kicked off other streaming services."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Feeling of inequality or bias."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Their content has low visibility."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Platform rules do not align with them."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Do not agree with the forced ads, tracking and analytics."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"the-integrator",children:"The Integrator"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"An individual or organization that has existing content, products or platforms that they want to add live streaming functionality to."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Needs"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Broadcasting without censorship."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Full ownership of their brand."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Embedding and 3rd party playback."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Support private or invite-only streams."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Independence."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Pains"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Censorship."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Rules."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Ads."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Risk of losing viewers from competitors and distractions."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Desires"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Hosting events."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Running their own broadcasting service."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"secondary-users",children:"Secondary Users"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"the-viewer",children:"The Viewer"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"An audience member that is often, but not always, taking part in chat."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Needs"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"To watch high quality video."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Ways to interact with the streamer. Chat, memes, emoji."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Calls to actions, links, next steps."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Pains"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Understanding the interface and knowing they're in the correct place."}),"\n"]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Documentation/Product Definition",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3325],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/ProductDefinition.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1",h2:"h2",p:"p",blockquote:"blockquote",ul:"ul",li:"li",h3:"h3",strong:"strong"},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Documentation/Product Definition",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h1,{id:"owncast-product-definition",children:"Owncast Product Definition"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"why",children:"Why"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"By defining the goals and target user bases we have something stable to guide decisions, features, conversations and keep clarity around what is being built."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:'While these definitions and lists should not be seen as exhaustive, in theory, once this is seen as "complete" there should be few, if any changes, as that would note a large change in direction and goals.'}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"[TOC]"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"vision",children:"Vision"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.blockquote,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"The out-of-the-box personal broadcast platform for DIY streamers and integrators."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"primary-goals",children:"Primary Goals"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Useful out of the box."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Fast to get running."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Self-contained."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"An alternative, not a competitor."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"For individuals, not service providers."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Easy to integrate into other projects/products."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Low barrier to entry."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Empowering."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Customizable and hackable."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"primary-users",children:"Primary Users"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"the-diy-streamer",children:"The DIY Streamer"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"An individual who is streaming as a hobby, a project, or is moving their audience from an existing streaming platform."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Needs"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Security/ownership of their own stream."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Building an independent space."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Personalization."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Tools to manage a relationship with their audience."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Pains"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Kicked off other streaming services."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Feeling of inequality or bias."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Their content has low visibility."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Platform rules do not align with them."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Do not agree with the forced ads, tracking and analytics."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"the-integrator",children:"The Integrator"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"An individual or organization that has existing content, products or platforms that they want to add live streaming functionality to."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Needs"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Broadcasting without censorship."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Full ownership of their brand."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Embedding and 3rd party playback."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Support private or invite-only streams."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Independence."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Pains"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Censorship."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Rules."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Ads."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Risk of losing viewers from competitors and distractions."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Desires"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Hosting events."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Running their own broadcasting service."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"secondary-users",children:"Secondary Users"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"the-viewer",children:"The Viewer"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"An audience member that is often, but not always, taking part in chat."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Needs"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"To watch high quality video."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Ways to interact with the streamer. Chat, memes, emoji."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Calls to actions, links, next steps."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"Pains"}),":"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.li,{children:"Understanding the interface and knowing they're in the correct place."}),"\n"]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Documentation/Product Definition",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file diff --git a/static/components/SocialPlatformImages-stories-mdx.c3ebe874.iframe.bundle.js b/static/components/SocialPlatformImages-stories-mdx.fc0faa9c.iframe.bundle.js similarity index 98% rename from static/components/SocialPlatformImages-stories-mdx.c3ebe874.iframe.bundle.js rename to static/components/SocialPlatformImages-stories-mdx.fc0faa9c.iframe.bundle.js index 92eee1ce79..d050bc15be 100644 --- a/static/components/SocialPlatformImages-stories-mdx.c3ebe874.iframe.bundle.js +++ b/static/components/SocialPlatformImages-stories-mdx.fc0faa9c.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[6763],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/SocialPlatformImages.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1"},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Frontend Assets/Social Platform Images",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h1,{id:"social-platform-images",children:"Social Platform Images"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.yt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"bandcamp.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/bandcamp.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"default.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/default.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"discord.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/discord.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"donate.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/donate.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"facebook.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/facebook.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"fediverse.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/fediverse.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"follow.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/follow.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"github.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/github.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"gitlab.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/gitlab.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"google.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/google.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"instagram.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/instagram.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"keyoxide.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/keyoxide.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ko-fi.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/ko-fi.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"lbry.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/lbry.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"liberapay.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/liberapay.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"link.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/link.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"linkedin.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/linkedin.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"mastodon.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/mastodon.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"matrix.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/matrix.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"odysee.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/odysee.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"patreon.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/patreon.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"paypal.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/paypal.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"snapchat.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/snapchat.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"soundcloud.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/soundcloud.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"spotify.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/spotify.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"steam.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/steam.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"tiktok.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/tiktok.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"twitch.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/twitch.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"twitter.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/twitter.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"xmpp.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/xmpp.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"youtube.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/youtube.svg"})})]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Frontend Assets/Social Platform Images",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[6763],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/SocialPlatformImages.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1"},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Frontend Assets/Social Platform Images",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h1,{id:"social-platform-images",children:"Social Platform Images"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.yt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"bandcamp.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/bandcamp.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"default.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/default.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"discord.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/discord.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"donate.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/donate.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"facebook.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/facebook.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"fediverse.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/fediverse.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"follow.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/follow.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"github.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/github.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"gitlab.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/gitlab.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"google.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/google.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"instagram.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/instagram.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"keyoxide.png",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/keyoxide.png"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"ko-fi.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/ko-fi.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"lbry.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/lbry.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"liberapay.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/liberapay.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"link.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/link.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"linkedin.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/linkedin.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"mastodon.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/mastodon.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"matrix.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/matrix.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"odysee.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/odysee.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"patreon.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/patreon.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"paypal.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/paypal.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"snapchat.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/snapchat.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"soundcloud.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/soundcloud.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"spotify.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/spotify.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"steam.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/steam.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"tiktok.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/tiktok.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"twitch.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/twitch.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"twitter.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/twitter.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"xmpp.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/xmpp.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.xz,{name:"youtube.svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:"img/platformlogos/youtube.svg"})})]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Frontend Assets/Social Platform Images",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file diff --git a/static/components/Tshirt-stories-mdx.936669cb.iframe.bundle.js b/static/components/Tshirt-stories-mdx.4b426d5e.iframe.bundle.js similarity index 97% rename from static/components/Tshirt-stories-mdx.936669cb.iframe.bundle.js rename to static/components/Tshirt-stories-mdx.4b426d5e.iframe.bundle.js index 13b77883ef..730bfbd046 100644 --- a/static/components/Tshirt-stories-mdx.936669cb.iframe.bundle.js +++ b/static/components/Tshirt-stories-mdx.4b426d5e.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3485],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/Tshirt.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),_ImageAsset__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./.storybook/stories-category-doc-pages/ImageAsset.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1"},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Project Assets/T-Shirt",parameters:{chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h1,{id:"t-shirt",children:"T-shirt"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_ImageAsset__WEBPACK_IMPORTED_MODULE_2__.a,{images:[{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde52297.png",name:"all-over-print-mens-crew-neck-t-shirt-white-back-60873dde52297.png"},{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde523ae.png",name:"all-over-print-mens-crew-neck-t-shirt-white-back-60873dde523ae.png"},{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde524ca.png",name:"all-over-print-mens-crew-neck-t-shirt-white-back-60873dde524ca.png"},{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde51eb3.png",name:"all-over-print-mens-crew-neck-t-shirt-white-front-60873dde51eb3.png"},{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde52064.png",name:"all-over-print-mens-crew-neck-t-shirt-white-front-60873dde52064.png"},{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-left-60873dde525e2.png",name:"all-over-print-mens-crew-neck-t-shirt-white-left-60873dde525e2.png"},{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-right-60873dde52184.png",name:"all-over-print-mens-crew-neck-t-shirt-white-right-60873dde52184.png"},{src:"tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62999.png",name:"all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62999.png"},{src:"tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62aa4.png",name:"all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62aa4.png"},{src:"tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b626d5.png",name:"all-over-print-womens-crew-neck-t-shirt-white-front-6087418b626d5.png"},{src:"tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b62878.png",name:"all-over-print-womens-crew-neck-t-shirt-white-front-6087418b62878.png"},{src:"tshirt/all-over-print-womens-crew-neck-t-shirt-white-left-6087418b62b91.png",name:"all-over-print-womens-crew-neck-t-shirt-white-left-6087418b62b91.png"},{src:"tshirt/all-over-print-womens-crew-neck-t-shirt-white-right-6087418b62c88.png",name:"all-over-print-womens-crew-neck-t-shirt-white-right-6087418b62c88.png"}]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Project Assets/T-Shirt",parameters:{chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./.storybook/stories-category-doc-pages/ImageAsset.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>ImageRow});var __jsx=__webpack_require__("./node_modules/next/dist/compiled/react/index.js").createElement,ImageAsset=function ImageAsset(_ref){var name=_ref.name,src=_ref.src,imageStyle={width:"100%",height:"80%",backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center",marginTop:"5px",backgroundImage:"url(".concat(src,")")};return __jsx("figure",{style:{borderRadius:"20px",width:"12vw",height:"12vw",minWidth:"100px",minHeight:"100px",borderWidth:"1.5px",borderStyle:"solid",borderColor:"lightgray",overflow:"hidden",margin:"0.3vw"}},__jsx("a",{href:src,target:"_blank",rel:"noopener noreferrer"},__jsx("div",{style:imageStyle}),__jsx("figcaption",{style:{textAlign:"center",color:"gray",fontSize:"0.8em"}},name)))};ImageAsset.displayName="ImageAsset";var rowStyle={display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},ImageRow=function ImageRow(props){var images=props.images;return __jsx("div",{style:rowStyle},images.map((function(image){return __jsx(ImageAsset,{key:image.src,src:image.src,name:image.name})})))};ImageRow.displayName="ImageRow";try{ImageAsset.displayName="ImageAsset",ImageAsset.__docgenInfo={description:"",displayName:"ImageAsset",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageAsset"]={docgenInfo:ImageAsset.__docgenInfo,name:"ImageAsset",path:".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageAsset"})}catch(__react_docgen_typescript_loader_error){}try{ImageRow.displayName="ImageRow",ImageRow.__docgenInfo={description:"",displayName:"ImageRow",props:{images:{defaultValue:null,description:"",name:"images",required:!0,type:{name:"ImageAssetProps[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageRow"]={docgenInfo:ImageRow.__docgenInfo,name:"ImageRow",path:".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageRow"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3485],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/Tshirt.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),_ImageAsset__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./.storybook/stories-category-doc-pages/ImageAsset.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1"},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Project Assets/T-Shirt",parameters:{chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h1,{id:"t-shirt",children:"T-shirt"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_ImageAsset__WEBPACK_IMPORTED_MODULE_2__.a,{images:[{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde52297.png",name:"all-over-print-mens-crew-neck-t-shirt-white-back-60873dde52297.png"},{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde523ae.png",name:"all-over-print-mens-crew-neck-t-shirt-white-back-60873dde523ae.png"},{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde524ca.png",name:"all-over-print-mens-crew-neck-t-shirt-white-back-60873dde524ca.png"},{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde51eb3.png",name:"all-over-print-mens-crew-neck-t-shirt-white-front-60873dde51eb3.png"},{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde52064.png",name:"all-over-print-mens-crew-neck-t-shirt-white-front-60873dde52064.png"},{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-left-60873dde525e2.png",name:"all-over-print-mens-crew-neck-t-shirt-white-left-60873dde525e2.png"},{src:"tshirt/all-over-print-mens-crew-neck-t-shirt-white-right-60873dde52184.png",name:"all-over-print-mens-crew-neck-t-shirt-white-right-60873dde52184.png"},{src:"tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62999.png",name:"all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62999.png"},{src:"tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62aa4.png",name:"all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62aa4.png"},{src:"tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b626d5.png",name:"all-over-print-womens-crew-neck-t-shirt-white-front-6087418b626d5.png"},{src:"tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b62878.png",name:"all-over-print-womens-crew-neck-t-shirt-white-front-6087418b62878.png"},{src:"tshirt/all-over-print-womens-crew-neck-t-shirt-white-left-6087418b62b91.png",name:"all-over-print-womens-crew-neck-t-shirt-white-left-6087418b62b91.png"},{src:"tshirt/all-over-print-womens-crew-neck-t-shirt-white-right-6087418b62c88.png",name:"all-over-print-womens-crew-neck-t-shirt-white-right-6087418b62c88.png"}]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Project Assets/T-Shirt",parameters:{chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./.storybook/stories-category-doc-pages/ImageAsset.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>ImageRow});var __jsx=__webpack_require__("./node_modules/next/dist/compiled/react/index.js").createElement,ImageAsset=function ImageAsset(_ref){var name=_ref.name,src=_ref.src,imageStyle={width:"100%",height:"80%",backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center",marginTop:"5px",backgroundImage:"url(".concat(src,")")};return __jsx("figure",{style:{borderRadius:"20px",width:"12vw",height:"12vw",minWidth:"100px",minHeight:"100px",borderWidth:"1.5px",borderStyle:"solid",borderColor:"lightgray",overflow:"hidden",margin:"0.3vw"}},__jsx("a",{href:src,target:"_blank",rel:"noopener noreferrer"},__jsx("div",{style:imageStyle}),__jsx("figcaption",{style:{textAlign:"center",color:"gray",fontSize:"0.8em"}},name)))};ImageAsset.displayName="ImageAsset";var rowStyle={display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},ImageRow=function ImageRow(props){var images=props.images;return __jsx("div",{style:rowStyle},images.map((function(image){return __jsx(ImageAsset,{key:image.src,src:image.src,name:image.name})})))};ImageRow.displayName="ImageRow";try{ImageAsset.displayName="ImageAsset",ImageAsset.__docgenInfo={description:"",displayName:"ImageAsset",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageAsset"]={docgenInfo:ImageAsset.__docgenInfo,name:"ImageAsset",path:".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageAsset"})}catch(__react_docgen_typescript_loader_error){}try{ImageRow.displayName="ImageRow",ImageRow.__docgenInfo={description:"",displayName:"ImageRow",props:{images:{defaultValue:null,description:"",name:"images",required:!0,type:{name:"ImageAssetProps[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageRow"]={docgenInfo:ImageRow.__docgenInfo,name:"ImageRow",path:".storybook/stories-category-doc-pages/ImageAsset.tsx#ImageRow"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file diff --git a/static/components/Typography-stories-mdx.045ca2e4.iframe.bundle.js b/static/components/Typography-stories-mdx.98fccfe1.iframe.bundle.js similarity index 97% rename from static/components/Typography-stories-mdx.045ca2e4.iframe.bundle.js rename to static/components/Typography-stories-mdx.98fccfe1.iframe.bundle.js index 26d283a20e..9b37aac488 100644 --- a/static/components/Typography-stories-mdx.045ca2e4.iframe.bundle.js +++ b/static/components/Typography-stories-mdx.98fccfe1.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5762],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/Typography.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SampleText:()=>SampleText,__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,bodyFont:()=>bodyFont,default:()=>__WEBPACK_DEFAULT_EXPORT__,displayFont:()=>displayFont});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");const SampleText="Lorem ipsum dolor sit amet, consectetur adipiscing elit.",bodyFont={type:{primary:getComputedStyle(document.documentElement).getPropertyValue("--theme-text-body-font-family")},weight:{regular:"400",bold:"600",extrabold:"800"},size:{s1:12,s2:14,s3:16,m1:20,m2:24,m3:28,l1:32,l2:40,l3:48}},displayFont={type:{primary:getComputedStyle(document.documentElement).getPropertyValue("--theme-text-display-font-family")},weight:{regular:"400",bold:"600",extrabold:"800"},size:{s1:12,s2:14,s3:16,m1:20,m2:24,m3:28,l1:32,l2:40,l3:48}};function _createMdxContent(props){const _components=Object.assign({h1:"h1",p:"p",hr:"hr",h2:"h2",h3:"h3"},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Styles/Typography",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n","\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h1,{id:"typography",children:"Typography"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"These are the font families in use by Owncast."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.hr,{}),"\n","\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"bodyfonttypeprimarysplit0replaceall-",children:bodyFont.type.primary.split(",")[0].replaceAll('"',"")}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"everywhere-but-headings-and-titles",children:"Everywhere but headings and titles."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.F7,{fontSizes:[Number(bodyFont.size.s1),Number(bodyFont.size.s2),Number(bodyFont.size.s3),Number(bodyFont.size.m1),Number(bodyFont.size.m2),Number(bodyFont.size.m3),Number(bodyFont.size.l1),Number(bodyFont.size.l2),Number(bodyFont.size.l3)],fontWeight:bodyFont.weight.black,sampleText:SampleText,fontFamily:bodyFont.type.primary}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"usage",children:"Usage"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Hl,{columns:2,withSource:"open",withToolbar:!0,style:{fontFamily:"var(--theme-text-body-font-family)"},mdxSource:'{getComputedStyle(document.documentElement).getPropertyValue("--theme-text-body-font-family")}',children:getComputedStyle(document.documentElement).getPropertyValue("--theme-text-body-font-family")}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.kL,{language:"css",dark:!0,format:!0,code:"\n font-family: var(--theme-text-body-font-family);\n "}),"\n","\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"displayfonttypeprimarysplit0replaceall",children:displayFont.type.primary.split(",")[0].replaceAll('"',"")}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"headings-and-titles",children:"Headings and titles."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.F7,{fontSizes:[Number(displayFont.size.s1),Number(displayFont.size.s2),Number(displayFont.size.s3),Number(displayFont.size.m1),Number(displayFont.size.m2),Number(displayFont.size.m3),Number(displayFont.size.l1),Number(displayFont.size.l2),Number(displayFont.size.l3)],fontWeight:displayFont.weight.black,sampleText:SampleText,fontFamily:displayFont.type.primary}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"usage-1",children:"Usage"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Hl,{columns:2,withSource:"open",withToolbarstyle:{fontFamily:"var(--theme-text-display-font-family)"},mdxSource:'{getComputedStyle(document.documentElement).getPropertyValue("--theme-text-display-font-family")}',children:getComputedStyle(document.documentElement).getPropertyValue("--theme-text-display-font-family")}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.kL,{language:"css",dark:!0,format:!0,code:"\n font-family: var(--theme-text-display-font-family);\n "})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Styles/Typography",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["SampleText","bodyFont","displayFont","__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5762],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/Typography.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SampleText:()=>SampleText,__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,bodyFont:()=>bodyFont,default:()=>__WEBPACK_DEFAULT_EXPORT__,displayFont:()=>displayFont});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");const SampleText="Lorem ipsum dolor sit amet, consectetur adipiscing elit.",bodyFont={type:{primary:getComputedStyle(document.documentElement).getPropertyValue("--theme-text-body-font-family")},weight:{regular:"400",bold:"600",extrabold:"800"},size:{s1:12,s2:14,s3:16,m1:20,m2:24,m3:28,l1:32,l2:40,l3:48}},displayFont={type:{primary:getComputedStyle(document.documentElement).getPropertyValue("--theme-text-display-font-family")},weight:{regular:"400",bold:"600",extrabold:"800"},size:{s1:12,s2:14,s3:16,m1:20,m2:24,m3:28,l1:32,l2:40,l3:48}};function _createMdxContent(props){const _components=Object.assign({h1:"h1",p:"p",hr:"hr",h2:"h2",h3:"h3"},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Styles/Typography",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n","\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h1,{id:"typography",children:"Typography"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"These are the font families in use by Owncast."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.hr,{}),"\n","\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"bodyfonttypeprimarysplit0replaceall-",children:bodyFont.type.primary.split(",")[0].replaceAll('"',"")}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"everywhere-but-headings-and-titles",children:"Everywhere but headings and titles."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.F7,{fontSizes:[Number(bodyFont.size.s1),Number(bodyFont.size.s2),Number(bodyFont.size.s3),Number(bodyFont.size.m1),Number(bodyFont.size.m2),Number(bodyFont.size.m3),Number(bodyFont.size.l1),Number(bodyFont.size.l2),Number(bodyFont.size.l3)],fontWeight:bodyFont.weight.black,sampleText:SampleText,fontFamily:bodyFont.type.primary}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"usage",children:"Usage"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Hl,{columns:2,withSource:"open",withToolbar:!0,style:{fontFamily:"var(--theme-text-body-font-family)"},mdxSource:'{getComputedStyle(document.documentElement).getPropertyValue("--theme-text-body-font-family")}',children:getComputedStyle(document.documentElement).getPropertyValue("--theme-text-body-font-family")}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.kL,{language:"css",dark:!0,format:!0,code:"\n font-family: var(--theme-text-body-font-family);\n "}),"\n","\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"displayfonttypeprimarysplit0replaceall",children:displayFont.type.primary.split(",")[0].replaceAll('"',"")}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"headings-and-titles",children:"Headings and titles."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.F7,{fontSizes:[Number(displayFont.size.s1),Number(displayFont.size.s2),Number(displayFont.size.s3),Number(displayFont.size.m1),Number(displayFont.size.m2),Number(displayFont.size.m3),Number(displayFont.size.l1),Number(displayFont.size.l2),Number(displayFont.size.l3)],fontWeight:displayFont.weight.black,sampleText:SampleText,fontFamily:displayFont.type.primary}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"usage-1",children:"Usage"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Hl,{columns:2,withSource:"open",withToolbarstyle:{fontFamily:"var(--theme-text-display-font-family)"},mdxSource:'{getComputedStyle(document.documentElement).getPropertyValue("--theme-text-display-font-family")}',children:getComputedStyle(document.documentElement).getPropertyValue("--theme-text-display-font-family")}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.kL,{language:"css",dark:!0,format:!0,code:"\n font-family: var(--theme-text-display-font-family);\n "})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Styles/Typography",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["SampleText","bodyFont","displayFont","__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file diff --git a/static/components/WebComponents-stories-mdx.7e20da4d.iframe.bundle.js b/static/components/WebComponents-stories-mdx.b1c13274.iframe.bundle.js similarity index 98% rename from static/components/WebComponents-stories-mdx.7e20da4d.iframe.bundle.js rename to static/components/WebComponents-stories-mdx.b1c13274.iframe.bundle.js index f23bb493fc..77afdf3cc1 100644 --- a/static/components/WebComponents-stories-mdx.7e20da4d.iframe.bundle.js +++ b/static/components/WebComponents-stories-mdx.b1c13274.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[1413],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/WebComponents.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1",p:"p",h2:"h2",code:"code",a:"a",h3:"h3",strong:"strong",pre:"pre",em:"em"},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Documentation/Building Frontend Components",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h1,{id:"how-we-develop-components",children:"How we develop components"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"This document outlines how we develop the components for the Owncast Web UI."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"You should use this document as a guide when making changes to existing components, and adding new ones.\nWorking with the same development process help keep the project maintainable."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"what-are-components",children:"What are components"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["A component in React is a custom HTML element. They're included in the DOM just like regular elements ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"functional-components",children:"Functional Components"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"In react, there's two ways to write a component: there's Class-based Components, and Functional Components."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Class-based is older and has fallen out of favor.\nFunctional Components are the new standard and you'll find them in most React projects written today."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["See the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://reactjs.org/docs/components-and-props.html",target:"_blank",rel:"nofollow noopener noreferrer",children:"React Functional Component docs"})," for more info."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"how-we-write-functional-components",children:"How we write Functional Components"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"We've defined a pattern for how we write Functional Components in the Owncast Web UI.\nThere's a few ways to to write Functional Components that are common, so defining a standard helps keep this project readable and consistent."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"The pattern we've settled on is:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"For stateless components:"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{className:"language-tsx",children:"export type MyNewButtonProps = {\n label: string;\n onClick: () => void;\n};\n\nexport const MyNewButton: FC = ({ label, onClick }) => (\n \n);\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"For stateful components:"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{className:"language-tsx",children:"export type MyNewButtonProps = {\n label: string;\n onClick: () => void;\n};\n\nexport const MyNewButton: FC = ({ label, onClick }) => {\n // do something, then call the onClick fn. e.g.:\n const handleClick = useCallback(() => {\n alert(label);\n onClick && onClick();\n }, [label, onClick]);\n\n return ;\n};\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"rationale",children:"Rationale"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["Since there's a lot of ways to create components, settling on one pattern helps maintain readability.\nBut why ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.em,{children:"this"})," style?"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["See the discussion on the PR that introduced this pattern: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast/pull/2082",target:"_blank",rel:"nofollow noopener noreferrer",children:"#2082"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"error-boundaries",children:"Error Boundaries"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["Components that have substantial state and internal functionality should be wrapped in an ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://reactjs.org/docs/error-boundaries.html",target:"_blank",rel:"nofollow noopener noreferrer",children:"Error Boundary"}),". This allows for catching unexpected errors and displaying a fallback UI."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Components that are stateless views are unlikely to throw exceptions and don't require an error boundary."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["The ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"ComponentError"})," component is a pre-built error state that can be used to display an error message and a bug reporting button."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"example",children:"Example"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{className:"language-tsx",children:"import { ErrorBoundary } from 'react-error-boundary';\n\n (\n \n )}\n>\n \n\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"storybook",children:"Storybook"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["We use ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://storybook.js.org/",target:"_blank",rel:"nofollow noopener noreferrer",children:"Storybook"})," to create a component library where we can see and interact with each component."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["Make sure to include a ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:".stories.tsx"})," file with each (exported) component you create, and to update the stories file when making changes to existing components."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["You can run the Storybook server locally with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"npm run storybook"}),"."]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Documentation/Building Frontend Components",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[1413],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/WebComponents.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1",p:"p",h2:"h2",code:"code",a:"a",h3:"h3",strong:"strong",pre:"pre",em:"em"},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Documentation/Building Frontend Components",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h1,{id:"how-we-develop-components",children:"How we develop components"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"This document outlines how we develop the components for the Owncast Web UI."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"You should use this document as a guide when making changes to existing components, and adding new ones.\nWorking with the same development process help keep the project maintainable."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"what-are-components",children:"What are components"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["A component in React is a custom HTML element. They're included in the DOM just like regular elements ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"functional-components",children:"Functional Components"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"In react, there's two ways to write a component: there's Class-based Components, and Functional Components."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Class-based is older and has fallen out of favor.\nFunctional Components are the new standard and you'll find them in most React projects written today."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["See the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://reactjs.org/docs/components-and-props.html",target:"_blank",rel:"nofollow noopener noreferrer",children:"React Functional Component docs"})," for more info."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"how-we-write-functional-components",children:"How we write Functional Components"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"We've defined a pattern for how we write Functional Components in the Owncast Web UI.\nThere's a few ways to to write Functional Components that are common, so defining a standard helps keep this project readable and consistent."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"The pattern we've settled on is:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"For stateless components:"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{className:"language-tsx",children:"export type MyNewButtonProps = {\n label: string;\n onClick: () => void;\n};\n\nexport const MyNewButton: FC = ({ label, onClick }) => (\n \n);\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.strong,{children:"For stateful components:"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{className:"language-tsx",children:"export type MyNewButtonProps = {\n label: string;\n onClick: () => void;\n};\n\nexport const MyNewButton: FC = ({ label, onClick }) => {\n // do something, then call the onClick fn. e.g.:\n const handleClick = useCallback(() => {\n alert(label);\n onClick && onClick();\n }, [label, onClick]);\n\n return ;\n};\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"rationale",children:"Rationale"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["Since there's a lot of ways to create components, settling on one pattern helps maintain readability.\nBut why ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.em,{children:"this"})," style?"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["See the discussion on the PR that introduced this pattern: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/owncast/owncast/pull/2082",target:"_blank",rel:"nofollow noopener noreferrer",children:"#2082"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"error-boundaries",children:"Error Boundaries"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["Components that have substantial state and internal functionality should be wrapped in an ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://reactjs.org/docs/error-boundaries.html",target:"_blank",rel:"nofollow noopener noreferrer",children:"Error Boundary"}),". This allows for catching unexpected errors and displaying a fallback UI."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Components that are stateless views are unlikely to throw exceptions and don't require an error boundary."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["The ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"ComponentError"})," component is a pre-built error state that can be used to display an error message and a bug reporting button."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"example",children:"Example"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{className:"language-tsx",children:"import { ErrorBoundary } from 'react-error-boundary';\n\n (\n \n )}\n>\n \n\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"storybook",children:"Storybook"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["We use ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://storybook.js.org/",target:"_blank",rel:"nofollow noopener noreferrer",children:"Storybook"})," to create a component library where we can see and interact with each component."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["Make sure to include a ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:".stories.tsx"})," file with each (exported) component you create, and to update the stories file when making changes to existing components."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["You can run the Storybook server locally with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"npm run storybook"}),"."]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Documentation/Building Frontend Components",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file diff --git a/static/components/action-buttons-ActionButton-ActionButton-stories.3c14e1a5.iframe.bundle.js b/static/components/action-buttons-ActionButton-ActionButton-stories.6ed1fc27.iframe.bundle.js similarity index 99% rename from static/components/action-buttons-ActionButton-ActionButton-stories.3c14e1a5.iframe.bundle.js rename to static/components/action-buttons-ActionButton-ActionButton-stories.6ed1fc27.iframe.bundle.js index 75d18b9fa0..369c49ec02 100644 --- a/static/components/action-buttons-ActionButton-ActionButton-stories.3c14e1a5.iframe.bundle.js +++ b/static/components/action-buttons-ActionButton-ActionButton-stories.6ed1fc27.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[9127],{"./components/action-buttons/ActionButton/ActionButton.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example1:()=>Example1,Example2:()=>Example2,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_ActionButton__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/action-buttons/ActionButton/ActionButton.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement;const __WEBPACK_DEFAULT_EXPORT__={title:"owncast/Components/Action Buttons/Single button",component:_ActionButton__WEBPACK_IMPORTED_MODULE_2__.r,parameters:{docs:{description:{component:"An **Action Button** or **External Action Button** is a button that is used to trigger either an internal or external action. Many will show a modal, but they can also open a new tab to allow navigating to external pages. They are rendered horizontally within the Action Button Row."}}}};var itemSelected=function itemSelected(a){console.log("itemSelected",a),(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.XI)(a.title)},Template=function Template(args){return __jsx(_ActionButton__WEBPACK_IMPORTED_MODULE_2__.r,(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_3__.A)({externalActionSelected:itemSelected},args))};Template.displayName="Template";var Example1={render:Template,args:{action:{url:"https://owncast.online/docs",title:"Documentation",description:"Owncast Documentation",icon:"https://owncast.online/images/logo.svg",color:"#5232c8",openExternally:!1}}},Example2={render:Template,args:{action:{url:"https://opencollective.com/embed/owncast/donate",title:"Support Owncast",description:"Contribute to Owncast",icon:"https://opencollective.com/static/images/opencollective-icon.svg",color:"#2b4863",openExternally:!1}}};Example1.parameters={...Example1.parameters,docs:{...Example1.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n action: {\n url: 'https://owncast.online/docs',\n title: 'Documentation',\n description: 'Owncast Documentation',\n icon: 'https://owncast.online/images/logo.svg',\n color: '#5232c8',\n openExternally: false\n }\n }\n}",...Example1.parameters?.docs?.source}}},Example2.parameters={...Example2.parameters,docs:{...Example2.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n action: {\n url: 'https://opencollective.com/embed/owncast/donate',\n title: 'Support Owncast',\n description: 'Contribute to Owncast',\n icon: 'https://opencollective.com/static/images/opencollective-icon.svg',\n color: '#2b4863',\n openExternally: false\n }\n }\n}",...Example2.parameters?.docs?.source}}};const __namedExportsOrder=["Example1","Example2"]},"./components/action-buttons/ActionButton/ActionButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{r:()=>ActionButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/antd/es/button/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/action-buttons/ActionButton/ActionButton.module.scss"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,ActionButton=function ActionButton(_ref){var action=_ref.action,_ref$primary=_ref.primary,primary=void 0===_ref$primary||_ref$primary,externalActionSelected=_ref.externalActionSelected,title=action.title,description=action.description,icon=action.icon,color=action.color;return __jsx(antd__WEBPACK_IMPORTED_MODULE_3__.A,{type:primary?"primary":"default",className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(["".concat(_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_2__.A.button),"action-button"]),onClick:function onClick(){return externalActionSelected(action)},style:{backgroundColor:color},title:description||title},icon&&__jsx("img",{src:icon,className:_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_2__.A.icon,alt:description}),title)};ActionButton.displayName="ActionButton";try{ActionButton.displayName="ActionButton",ActionButton.__docgenInfo={description:"",displayName:"ActionButton",props:{action:{defaultValue:null,description:"",name:"action",required:!0,type:{name:"ExternalAction"}},primary:{defaultValue:{value:"true"},description:"",name:"primary",required:!1,type:{name:"boolean"}},externalActionSelected:{defaultValue:null,description:"",name:"externalActionSelected",required:!0,type:{name:"(action: ExternalAction) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-buttons/ActionButton/ActionButton.tsx#ActionButton"]={docgenInfo:ActionButton.__docgenInfo,name:"ActionButton",path:"components/action-buttons/ActionButton/ActionButton.tsx#ActionButton"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/action-buttons/ActionButton/ActionButton.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".MHKEdh790oJihKljUt1H{font-weight:600}.MHKEdh790oJihKljUt1H .A4iTuHQVcoXZw2e_LUu3{max-height:18px;height:90%;margin-right:5px;margin-left:-3px;margin-bottom:1%}","",{version:3,sources:["webpack://./components/action-buttons/ActionButton/ActionButton.module.scss"],names:[],mappings:"AAAA,sBACE,eAAA,CAEA,4CACE,eAAA,CACA,UAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA",sourcesContent:[".button {\n font-weight: 600;\n\n .icon {\n max-height: 18px;\n height: 90%;\n margin-right: 5px;\n margin-left: -3px;\n margin-bottom: 1%;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={button:"MHKEdh790oJihKljUt1H",icon:"A4iTuHQVcoXZw2e_LUu3"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/rc-util/es/Children/toArray.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>toArray});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),react_is__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rc-util/node_modules/react-is/index.js");function toArray(children){var option=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},ret=[];return react__WEBPACK_IMPORTED_MODULE_0__.Children.forEach(children,(function(child){(null!=child||option.keepEmpty)&&(Array.isArray(child)?ret=ret.concat(toArray(child)):(0,react_is__WEBPACK_IMPORTED_MODULE_1__.isFragment)(child)&&child.props?ret=ret.concat(toArray(child.props.children,option)):ret.push(child))})),ret}},"./components/action-buttons/ActionButton/ActionButton.module.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_17_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_17_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/action-buttons/ActionButton/ActionButton.module.scss"),options={};options.styleTagTransform=_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default(),options.setAttributes=_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default(),options.insert=_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null,"head"),options.domAPI=_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default(),options.insertStyleElement=_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default();_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_17_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_17_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.A,options);const __WEBPACK_DEFAULT_EXPORT__=_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_17_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_17_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.A&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_17_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_17_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.A.locals?_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_17_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_17_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.A.locals:void 0}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[9127],{"./components/action-buttons/ActionButton/ActionButton.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example1:()=>Example1,Example2:()=>Example2,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_ActionButton__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/action-buttons/ActionButton/ActionButton.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement;const __WEBPACK_DEFAULT_EXPORT__={title:"owncast/Components/Action Buttons/Single button",component:_ActionButton__WEBPACK_IMPORTED_MODULE_2__.r,parameters:{docs:{description:{component:"An **Action Button** or **External Action Button** is a button that is used to trigger either an internal or external action. Many will show a modal, but they can also open a new tab to allow navigating to external pages. They are rendered horizontally within the Action Button Row."}}}};var itemSelected=function itemSelected(a){console.log("itemSelected",a),(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.XI)(a.title)},Template=function Template(args){return __jsx(_ActionButton__WEBPACK_IMPORTED_MODULE_2__.r,(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_3__.A)({externalActionSelected:itemSelected},args))};Template.displayName="Template";var Example1={render:Template,args:{action:{url:"https://owncast.online/docs",title:"Documentation",description:"Owncast Documentation",icon:"https://owncast.online/images/logo.svg",color:"#5232c8",openExternally:!1}}},Example2={render:Template,args:{action:{url:"https://opencollective.com/embed/owncast/donate",title:"Support Owncast",description:"Contribute to Owncast",icon:"https://opencollective.com/static/images/opencollective-icon.svg",color:"#2b4863",openExternally:!1}}};Example1.parameters={...Example1.parameters,docs:{...Example1.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n action: {\n url: 'https://owncast.online/docs',\n title: 'Documentation',\n description: 'Owncast Documentation',\n icon: 'https://owncast.online/images/logo.svg',\n color: '#5232c8',\n openExternally: false\n }\n }\n}",...Example1.parameters?.docs?.source}}},Example2.parameters={...Example2.parameters,docs:{...Example2.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n action: {\n url: 'https://opencollective.com/embed/owncast/donate',\n title: 'Support Owncast',\n description: 'Contribute to Owncast',\n icon: 'https://opencollective.com/static/images/opencollective-icon.svg',\n color: '#2b4863',\n openExternally: false\n }\n }\n}",...Example2.parameters?.docs?.source}}};const __namedExportsOrder=["Example1","Example2"]},"./components/action-buttons/ActionButton/ActionButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{r:()=>ActionButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/antd/es/button/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/action-buttons/ActionButton/ActionButton.module.scss"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,ActionButton=function ActionButton(_ref){var action=_ref.action,_ref$primary=_ref.primary,primary=void 0===_ref$primary||_ref$primary,externalActionSelected=_ref.externalActionSelected,title=action.title,description=action.description,icon=action.icon,color=action.color;return __jsx(antd__WEBPACK_IMPORTED_MODULE_3__.A,{type:primary?"primary":"default",className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(["".concat(_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_2__.A.button),"action-button"]),onClick:function onClick(){return externalActionSelected(action)},style:{backgroundColor:color},title:description||title},icon&&__jsx("img",{src:icon,className:_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_2__.A.icon,alt:description}),title)};ActionButton.displayName="ActionButton";try{ActionButton.displayName="ActionButton",ActionButton.__docgenInfo={description:"",displayName:"ActionButton",props:{action:{defaultValue:null,description:"",name:"action",required:!0,type:{name:"ExternalAction"}},primary:{defaultValue:{value:"true"},description:"",name:"primary",required:!1,type:{name:"boolean"}},externalActionSelected:{defaultValue:null,description:"",name:"externalActionSelected",required:!0,type:{name:"(action: ExternalAction) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-buttons/ActionButton/ActionButton.tsx#ActionButton"]={docgenInfo:ActionButton.__docgenInfo,name:"ActionButton",path:"components/action-buttons/ActionButton/ActionButton.tsx#ActionButton"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/action-buttons/ActionButton/ActionButton.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".MHKEdh790oJihKljUt1H{font-weight:600}.MHKEdh790oJihKljUt1H .A4iTuHQVcoXZw2e_LUu3{max-height:18px;height:90%;margin-right:5px;margin-left:-3px;margin-bottom:1%}","",{version:3,sources:["webpack://./components/action-buttons/ActionButton/ActionButton.module.scss"],names:[],mappings:"AAAA,sBACE,eAAA,CAEA,4CACE,eAAA,CACA,UAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA",sourcesContent:[".button {\n font-weight: 600;\n\n .icon {\n max-height: 18px;\n height: 90%;\n margin-right: 5px;\n margin-left: -3px;\n margin-bottom: 1%;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={button:"MHKEdh790oJihKljUt1H",icon:"A4iTuHQVcoXZw2e_LUu3"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/rc-util/es/Children/toArray.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>toArray});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),react_is__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rc-util/node_modules/react-is/index.js");function toArray(children){var option=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},ret=[];return react__WEBPACK_IMPORTED_MODULE_0__.Children.forEach(children,(function(child){(null!=child||option.keepEmpty)&&(Array.isArray(child)?ret=ret.concat(toArray(child)):(0,react_is__WEBPACK_IMPORTED_MODULE_1__.isFragment)(child)&&child.props?ret=ret.concat(toArray(child.props.children,option)):ret.push(child))})),ret}},"./components/action-buttons/ActionButton/ActionButton.module.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_17_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_17_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/action-buttons/ActionButton/ActionButton.module.scss"),options={};options.styleTagTransform=_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default(),options.setAttributes=_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default(),options.insert=_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null,"head"),options.domAPI=_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default(),options.insertStyleElement=_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default();_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_17_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_17_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.A,options);const __WEBPACK_DEFAULT_EXPORT__=_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_17_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_17_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.A&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_17_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_17_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.A.locals?_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_17_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_17_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.A.locals:void 0}}]); \ No newline at end of file diff --git a/static/components/action-buttons-ActionButtonMenu-ActionButtonMenu-stories.7851b96a.iframe.bundle.js b/static/components/action-buttons-ActionButtonMenu-ActionButtonMenu-stories.10251d36.iframe.bundle.js similarity index 99% rename from static/components/action-buttons-ActionButtonMenu-ActionButtonMenu-stories.7851b96a.iframe.bundle.js rename to static/components/action-buttons-ActionButtonMenu-ActionButtonMenu-stories.10251d36.iframe.bundle.js index a5a3f06d2b..31cac594e9 100644 --- a/static/components/action-buttons-ActionButtonMenu-ActionButtonMenu-stories.7851b96a.iframe.bundle.js +++ b/static/components/action-buttons-ActionButtonMenu-ActionButtonMenu-stories.10251d36.iframe.bundle.js @@ -1 +1 @@ -(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3129],{"./components/action-buttons/ActionButtonMenu/ActionButtonMenu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example:()=>Example,ShowFollowExample:()=>ShowFollowExample,ShowNotifyAndFollowExample:()=>ShowNotifyAndFollowExample,ShowNotifyExample:()=>ShowNotifyExample,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_ActionButtonMenu__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement;const __WEBPACK_DEFAULT_EXPORT__={title:"owncast/Components/Action Buttons/Action Menu",component:_ActionButtonMenu__WEBPACK_IMPORTED_MODULE_2__.C,parameters:{}};var Template=function Template(args){return __jsx(_ActionButtonMenu__WEBPACK_IMPORTED_MODULE_2__.C,(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_3__.A)({},args,{externalActionSelected:function externalActionSelected(a){return function itemSelected(a){console.log("itemSelected",a),(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.XI)(a.title)}(a)}}))};Template.displayName="Template";var actions=[{url:"https://owncast.online/docs",title:"Documentation",description:"Owncast Documentation",icon:"https://owncast.online/images/logo.svg",color:"#5232c8",openExternally:!1},{url:"https://opencollective.com/embed/owncast/donate",title:"Support Owncast",description:"Contribute to Owncast",icon:"https://opencollective.com/static/images/opencollective-icon.svg",color:"#2b4863",openExternally:!1}],Example={render:Template,args:{actions}},ShowFollowExample={render:Template,args:{actions,showFollowItem:!0}},ShowNotifyExample={render:Template,args:{actions,showNotifyItem:!0}},ShowNotifyAndFollowExample={render:Template,args:{actions,showNotifyItem:!0,showFollowItem:!0}};Example.parameters={...Example.parameters,docs:{...Example.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n actions\n }\n}",...Example.parameters?.docs?.source}}},ShowFollowExample.parameters={...ShowFollowExample.parameters,docs:{...ShowFollowExample.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n actions,\n showFollowItem: true\n }\n}",...ShowFollowExample.parameters?.docs?.source}}},ShowNotifyExample.parameters={...ShowNotifyExample.parameters,docs:{...ShowNotifyExample.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n actions,\n showNotifyItem: true\n }\n}",...ShowNotifyExample.parameters?.docs?.source}}},ShowNotifyAndFollowExample.parameters={...ShowNotifyAndFollowExample.parameters,docs:{...ShowNotifyAndFollowExample.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n actions,\n showNotifyItem: true,\n showFollowItem: true\n }\n}",...ShowNotifyAndFollowExample.parameters?.docs?.source}}};const __namedExportsOrder=["Example","ShowFollowExample","ShowNotifyExample","ShowNotifyAndFollowExample"]},"./node_modules/antd/es/_util/hooks/useFlexGapSupport.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_styleChecker__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/_util/styleChecker.js");const __WEBPACK_DEFAULT_EXPORT__=function(){var _React$useState=react__WEBPACK_IMPORTED_MODULE_0__.useState(!1),_React$useState2=(0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__.A)(_React$useState,2),flexible=_React$useState2[0],setFlexible=_React$useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((function(){setFlexible((0,_styleChecker__WEBPACK_IMPORTED_MODULE_2__.Pu)())}),[]),flexible}},"./node_modules/antd/es/_util/styleChecker.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Pu:()=>detectFlexGapSupported,qz:()=>canUseDocElement});var flexGapSupported,rc_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rc-util/es/Dom/canUseDom.js"),canUseDocElement=function canUseDocElement(){return(0,rc_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__.A)()&&window.document.documentElement},detectFlexGapSupported=function detectFlexGapSupported(){if(!canUseDocElement())return!1;if(void 0!==flexGapSupported)return flexGapSupported;var flex=document.createElement("div");return flex.style.display="flex",flex.style.flexDirection="column",flex.style.rowGap="1px",flex.appendChild(document.createElement("div")),flex.appendChild(document.createElement("div")),document.body.appendChild(flex),flexGapSupported=1===flex.scrollHeight,document.body.removeChild(flex),flexGapSupported}},"./components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>ActionButtonMenu});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dropdown=__webpack_require__("./node_modules/antd/es/dropdown/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ActionButtonMenu_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ActionButtonMenu_module.A,options);const ActionButtonMenu_ActionButtonMenu_module=ActionButtonMenu_module.A&&ActionButtonMenu_module.A.locals?ActionButtonMenu_module.A.locals:void 0;var __jsx=react.createElement,EllipsisOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5887)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/EllipsisOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/EllipsisOutlined.js"]}}}),HeartOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(9210)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/HeartOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/HeartOutlined.js"]}}}),BellOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7297)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/BellOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/BellOutlined.js"]}}}),ActionButtonMenu=function ActionButtonMenu(_ref){var actions=_ref.actions,externalActionSelected=_ref.externalActionSelected,notifyItemSelected=_ref.notifyItemSelected,followItemSelected=_ref.followItemSelected,showFollowItem=_ref.showFollowItem,showNotifyItem=_ref.showNotifyItem,className=_ref.className,items=actions.map((function(action){return{key:action.url,label:__jsx("span",{className:ActionButtonMenu_ActionButtonMenu_module.item},action.icon&&__jsx("img",{className:ActionButtonMenu_ActionButtonMenu_module.icon,src:action.icon,alt:action.title})," ",action.title)}}));showFollowItem&&items.unshift({key:"follow",label:__jsx("span",{className:ActionButtonMenu_ActionButtonMenu_module.item},__jsx(HeartOutlined,{className:ActionButtonMenu_ActionButtonMenu_module.icon})," Follow this stream")}),showNotifyItem&&items.unshift({key:"notify",label:__jsx("span",{className:ActionButtonMenu_ActionButtonMenu_module.item},__jsx(BellOutlined,{className:ActionButtonMenu_ActionButtonMenu_module.icon}),"Notify when live")});var dropdownClasses=classnames_default()([ActionButtonMenu_ActionButtonMenu_module.menu,className]);return __jsx(dropdown.A,{menu:{items,onClick:function onClick(a){if("notify"!==a.key)if("follow"!==a.key){var action=actions.find((function(x){return x.url===a.key}));externalActionSelected(action)}else followItemSelected();else notifyItemSelected()}},placement:"bottomRight",trigger:["click"],className:dropdownClasses},__jsx("div",{className:ActionButtonMenu_ActionButtonMenu_module.buttonWrap},__jsx(es_button.A,{type:"default",onClick:function onClick(e){return e.preventDefault()},size:"large",icon:__jsx(EllipsisOutlined,{size:6,style:{rotate:"90deg"}}),className:ActionButtonMenu_ActionButtonMenu_module.menuButton})))};ActionButtonMenu.displayName="ActionButtonMenu";try{ActionButtonMenu.displayName="ActionButtonMenu",ActionButtonMenu.__docgenInfo={description:"",displayName:"ActionButtonMenu",props:{actions:{defaultValue:null,description:"",name:"actions",required:!0,type:{name:"ExternalAction[]"}},showFollowItem:{defaultValue:null,description:"",name:"showFollowItem",required:!1,type:{name:"boolean"}},showNotifyItem:{defaultValue:null,description:"",name:"showNotifyItem",required:!1,type:{name:"boolean"}},externalActionSelected:{defaultValue:null,description:"",name:"externalActionSelected",required:!0,type:{name:"(action: ExternalAction) => void"}},notifyItemSelected:{defaultValue:null,description:"",name:"notifyItemSelected",required:!0,type:{name:"() => void"}},followItemSelected:{defaultValue:null,description:"",name:"followItemSelected",required:!0,type:{name:"() => void"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx#ActionButtonMenu"]={docgenInfo:ActionButtonMenu.__docgenInfo,name:"ActionButtonMenu",path:"components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx#ActionButtonMenu"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".A4p8a1bdXFwVOWHjEhKy{display:flex;align-items:center}.SvTt9QO_9xz3P8uoT1TL{display:flex;align-items:center;height:100%}.SvTt9QO_9xz3P8uoT1TL button{height:100%}.r19f08qs0Xbkbn1DJ_Bz{height:15px;margin-right:5px}.ll2OrgyFDfJ86dMDXiOD{color:currentcolor}.iFN1j5b6wtiK0B546G0s{border-color:var(--theme-color-components-content-background)}","",{version:3,sources:["webpack://./components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,kBAAA,CAGF,sBACE,YAAA,CACA,kBAAA,CACA,WAAA,CAEA,6BACE,WAAA,CAIJ,sBACE,WAAA,CACA,gBAAA,CAGF,sBACE,kBAAA,CAGF,sBACE,6DAAA",sourcesContent:[".item {\n display: flex;\n align-items: center;\n}\n\n.buttonWrap {\n display: flex;\n align-items: center;\n height: 100%;\n\n button {\n height: 100%;\n }\n}\n\n.icon {\n height: 15px;\n margin-right: 5px;\n}\n\n.menu {\n color: currentcolor;\n}\n\n.menuButton {\n border-color: var(--theme-color-components-content-background);\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={item:"A4p8a1bdXFwVOWHjEhKy",buttonWrap:"SvTt9QO_9xz3P8uoT1TL",icon:"r19f08qs0Xbkbn1DJ_Bz",menu:"ll2OrgyFDfJ86dMDXiOD",menuButton:"iFN1j5b6wtiK0B546G0s"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")},"./node_modules/next/dist/shared/lib/dynamic.js":(module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{default:function(){return dynamic},noSSR:function(){return noSSR}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_jsxruntime=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js"),_loadablesharedruntime=(__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_interop_require_default._(__webpack_require__("./node_modules/next/dist/shared/lib/loadable.shared-runtime.js"))),isServerSide="undefined"==typeof window;function convertModule(mod){return{default:(null==mod?void 0:mod.default)||mod}}function noSSR(LoadableInitializer,loadableOptions){if(delete loadableOptions.webpack,delete loadableOptions.modules,!isServerSide)return LoadableInitializer(loadableOptions);const Loading=loadableOptions.loading;return()=>(0,_jsxruntime.jsx)(Loading,{error:null,isLoading:!0,pastDelay:!1,timedOut:!1})}function dynamic(dynamicOptions,options){let loadableFn=_loadablesharedruntime.default,loadableOptions={loading:param=>{let{error,isLoading,pastDelay}=param;return null}};dynamicOptions instanceof Promise?loadableOptions.loader=()=>dynamicOptions:"function"==typeof dynamicOptions?loadableOptions.loader=dynamicOptions:"object"==typeof dynamicOptions&&(loadableOptions={...loadableOptions,...dynamicOptions}),loadableOptions={...loadableOptions,...options};const loaderFn=loadableOptions.loader;return loadableOptions.loadableGenerated&&(loadableOptions={...loadableOptions,...loadableOptions.loadableGenerated},delete loadableOptions.loadableGenerated),"boolean"!=typeof loadableOptions.ssr||loadableOptions.ssr?loadableFn({...loadableOptions,loader:()=>null!=loaderFn?loaderFn().then(convertModule):Promise.resolve(convertModule((()=>null)))}):(delete loadableOptions.webpack,delete loadableOptions.modules,noSSR(loadableFn,loadableOptions))}("function"==typeof exports.default||"object"==typeof exports.default&&null!==exports.default)&&void 0===exports.default.__esModule&&(Object.defineProperty(exports.default,"__esModule",{value:!0}),Object.assign(exports.default,exports),module.exports=exports.default)},"./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LoadableContext",{enumerable:!0,get:function(){return LoadableContext}});const LoadableContext=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs")._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")).default.createContext(null)},"./node_modules/next/dist/shared/lib/loadable.shared-runtime.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _default}});const _react=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs")._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablecontextsharedruntime=__webpack_require__("./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.js");const ALL_INITIALIZERS=[],READY_INITIALIZERS=[];let initialized=!1;function load(loader){let promise=loader(),state={loading:!0,loaded:null,error:null};return state.promise=promise.then((loaded=>(state.loading=!1,state.loaded=loaded,loaded))).catch((err=>{throw state.loading=!1,state.error=err,err})),state}function createLoadableComponent(loadFn,options){let opts=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},options),subscription=null;function init(){if(!subscription){const sub=new LoadableSubscription(loadFn,opts);subscription={getCurrentValue:sub.getCurrentValue.bind(sub),subscribe:sub.subscribe.bind(sub),retry:sub.retry.bind(sub),promise:sub.promise.bind(sub)}}return subscription.promise()}if("undefined"==typeof window&&ALL_INITIALIZERS.push(init),!initialized&&"undefined"!=typeof window){const moduleIds=opts.webpack?opts.webpack():opts.modules;moduleIds&&READY_INITIALIZERS.push((ids=>{for(const moduleId of moduleIds)if(ids.includes(moduleId))return init()}))}function LoadableComponent(props,ref){!function useLoadableModule(){init();const context=_react.default.useContext(_loadablecontextsharedruntime.LoadableContext);context&&Array.isArray(opts.modules)&&opts.modules.forEach((moduleName=>{context(moduleName)}))}();const state=_react.default.useSyncExternalStore(subscription.subscribe,subscription.getCurrentValue,subscription.getCurrentValue);return _react.default.useImperativeHandle(ref,(()=>({retry:subscription.retry})),[]),_react.default.useMemo((()=>state.loading||state.error?_react.default.createElement(opts.loading,{isLoading:state.loading,pastDelay:state.pastDelay,timedOut:state.timedOut,error:state.error,retry:subscription.retry}):state.loaded?_react.default.createElement(function resolve(obj){return obj&&obj.default?obj.default:obj}(state.loaded),props):null),[props,state])}return LoadableComponent.preload=()=>init(),LoadableComponent.displayName="LoadableComponent",_react.default.forwardRef(LoadableComponent)}class LoadableSubscription{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};const{_res:res,_opts:opts}=this;res.loading&&("number"==typeof opts.delay&&(0===opts.delay?this._state.pastDelay=!0:this._delay=setTimeout((()=>{this._update({pastDelay:!0})}),opts.delay)),"number"==typeof opts.timeout&&(this._timeout=setTimeout((()=>{this._update({timedOut:!0})}),opts.timeout))),this._res.promise.then((()=>{this._update({}),this._clearTimeouts()})).catch((_err=>{this._update({}),this._clearTimeouts()})),this._update({})}_update(partial){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...partial},this._callbacks.forEach((callback=>callback()))}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(callback){return this._callbacks.add(callback),()=>{this._callbacks.delete(callback)}}constructor(loadFn,opts){this._loadFn=loadFn,this._opts=opts,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}}function Loadable(opts){return createLoadableComponent(load,opts)}function flushInitializers(initializers,ids){let promises=[];for(;initializers.length;){let init=initializers.pop();promises.push(init(ids))}return Promise.all(promises).then((()=>{if(initializers.length)return flushInitializers(initializers,ids)}))}Loadable.preloadAll=()=>new Promise(((resolveInitializers,reject)=>{flushInitializers(ALL_INITIALIZERS).then(resolveInitializers,reject)})),Loadable.preloadReady=ids=>(void 0===ids&&(ids=[]),new Promise((resolvePreload=>{const res=()=>(initialized=!0,resolvePreload());flushInitializers(READY_INITIALIZERS,ids).then(res,res)}))),"undefined"!=typeof window&&(window.__NEXT_PRELOADREADY=Loadable.preloadReady);const _default=Loadable},"./node_modules/next/dynamic.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/shared/lib/dynamic.js")},"./node_modules/rc-resize-observer/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>es});var esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),toArray=__webpack_require__("./node_modules/rc-util/es/Children/toArray.js"),objectSpread2=(__webpack_require__("./node_modules/rc-util/es/warning.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js")),esm_typeof=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/typeof.js"),findDOMNode=__webpack_require__("./node_modules/rc-util/es/Dom/findDOMNode.js"),es_ref=__webpack_require__("./node_modules/rc-util/es/ref.js"),CollectionContext=react.createContext(null);var ResizeObserver_es=__webpack_require__("./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js"),elementListeners=new Map;var resizeObserver=new ResizeObserver_es.A((function onResize(entities){entities.forEach((function(entity){var _elementListeners$get,target=entity.target;null===(_elementListeners$get=elementListeners.get(target))||void 0===_elementListeners$get||_elementListeners$get.forEach((function(listener){return listener(target)}))}))}));var classCallCheck=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),inherits=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),createSuper=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createSuper.js"),DomWrapper=function(_React$Component){(0,inherits.A)(DomWrapper,_React$Component);var _super=(0,createSuper.A)(DomWrapper);function DomWrapper(){return(0,classCallCheck.A)(this,DomWrapper),_super.apply(this,arguments)}return(0,createClass.A)(DomWrapper,[{key:"render",value:function render(){return this.props.children}}]),DomWrapper}(react.Component);function SingleObserver(props,ref){var children=props.children,disabled=props.disabled,elementRef=react.useRef(null),wrapperRef=react.useRef(null),onCollectionResize=react.useContext(CollectionContext),isRenderProps="function"==typeof children,mergedChildren=isRenderProps?children(elementRef):children,sizeRef=react.useRef({width:-1,height:-1,offsetWidth:-1,offsetHeight:-1}),canRef=!isRenderProps&&react.isValidElement(mergedChildren)&&(0,es_ref.f3)(mergedChildren),originRef=canRef?mergedChildren.ref:null,mergedRef=(0,es_ref.xK)(originRef,elementRef),getDom=function getDom(){var _elementRef$current;return(0,findDOMNode.Ay)(elementRef.current)||(elementRef.current&&"object"===(0,esm_typeof.A)(elementRef.current)?(0,findDOMNode.Ay)(null===(_elementRef$current=elementRef.current)||void 0===_elementRef$current?void 0:_elementRef$current.nativeElement):null)||(0,findDOMNode.Ay)(wrapperRef.current)};react.useImperativeHandle(ref,(function(){return getDom()}));var propsRef=react.useRef(props);propsRef.current=props;var onInternalResize=react.useCallback((function(target){var _propsRef$current=propsRef.current,onResize=_propsRef$current.onResize,data=_propsRef$current.data,_target$getBoundingCl=target.getBoundingClientRect(),width=_target$getBoundingCl.width,height=_target$getBoundingCl.height,offsetWidth=target.offsetWidth,offsetHeight=target.offsetHeight,fixedWidth=Math.floor(width),fixedHeight=Math.floor(height);if(sizeRef.current.width!==fixedWidth||sizeRef.current.height!==fixedHeight||sizeRef.current.offsetWidth!==offsetWidth||sizeRef.current.offsetHeight!==offsetHeight){var size={width:fixedWidth,height:fixedHeight,offsetWidth,offsetHeight};sizeRef.current=size;var mergedOffsetWidth=offsetWidth===Math.round(width)?width:offsetWidth,mergedOffsetHeight=offsetHeight===Math.round(height)?height:offsetHeight,sizeInfo=(0,objectSpread2.A)((0,objectSpread2.A)({},size),{},{offsetWidth:mergedOffsetWidth,offsetHeight:mergedOffsetHeight});null==onCollectionResize||onCollectionResize(sizeInfo,target,data),onResize&&Promise.resolve().then((function(){onResize(sizeInfo,target)}))}}),[]);return react.useEffect((function(){var currentElement=getDom();return currentElement&&!disabled&&function observe(element,callback){elementListeners.has(element)||(elementListeners.set(element,new Set),resizeObserver.observe(element)),elementListeners.get(element).add(callback)}(currentElement,onInternalResize),function(){return function unobserve(element,callback){elementListeners.has(element)&&(elementListeners.get(element).delete(callback),elementListeners.get(element).size||(resizeObserver.unobserve(element),elementListeners.delete(element)))}(currentElement,onInternalResize)}}),[elementRef.current,disabled]),react.createElement(DomWrapper,{ref:wrapperRef},canRef?react.cloneElement(mergedChildren,{ref:mergedRef}):mergedChildren)}const es_SingleObserver=react.forwardRef(SingleObserver);function ResizeObserver(props,ref){var children=props.children;return("function"==typeof children?[children]:(0,toArray.A)(children)).map((function(child,index){var key=(null==child?void 0:child.key)||"".concat("rc-observer-key","-").concat(index);return react.createElement(es_SingleObserver,(0,esm_extends.A)({},props,{key,ref:0===index?ref:void 0}),child)}))}var RefResizeObserver=react.forwardRef(ResizeObserver);RefResizeObserver.Collection=function Collection(_ref){var children=_ref.children,onBatchResize=_ref.onBatchResize,resizeIdRef=react.useRef(0),resizeInfosRef=react.useRef([]),onCollectionResize=react.useContext(CollectionContext),onResize=react.useCallback((function(size,element,data){resizeIdRef.current+=1;var currentId=resizeIdRef.current;resizeInfosRef.current.push({size,element,data}),Promise.resolve().then((function(){currentId===resizeIdRef.current&&(null==onBatchResize||onBatchResize(resizeInfosRef.current),resizeInfosRef.current=[])})),null==onCollectionResize||onCollectionResize(size,element,data)}),[onBatchResize,onCollectionResize]);return react.createElement(CollectionContext.Provider,{value:onResize},children)};const es=RefResizeObserver},"./node_modules/rc-util/es/Children/toArray.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>toArray});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),react_is__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rc-util/node_modules/react-is/index.js");function toArray(children){var option=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},ret=[];return react__WEBPACK_IMPORTED_MODULE_0__.Children.forEach(children,(function(child){(null!=child||option.keepEmpty)&&(Array.isArray(child)?ret=ret.concat(toArray(child)):(0,react_is__WEBPACK_IMPORTED_MODULE_1__.isFragment)(child)&&child.props?ret=ret.concat(toArray(child.props.children,option)):ret.push(child))})),ret}}}]); \ No newline at end of file +(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3129],{"./components/action-buttons/ActionButtonMenu/ActionButtonMenu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example:()=>Example,ShowFollowExample:()=>ShowFollowExample,ShowNotifyAndFollowExample:()=>ShowNotifyAndFollowExample,ShowNotifyExample:()=>ShowNotifyExample,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_ActionButtonMenu__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement;const __WEBPACK_DEFAULT_EXPORT__={title:"owncast/Components/Action Buttons/Action Menu",component:_ActionButtonMenu__WEBPACK_IMPORTED_MODULE_2__.C,parameters:{}};var Template=function Template(args){return __jsx(_ActionButtonMenu__WEBPACK_IMPORTED_MODULE_2__.C,(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_3__.A)({},args,{externalActionSelected:function externalActionSelected(a){return function itemSelected(a){console.log("itemSelected",a),(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.XI)(a.title)}(a)}}))};Template.displayName="Template";var actions=[{url:"https://owncast.online/docs",title:"Documentation",description:"Owncast Documentation",icon:"https://owncast.online/images/logo.svg",color:"#5232c8",openExternally:!1},{url:"https://opencollective.com/embed/owncast/donate",title:"Support Owncast",description:"Contribute to Owncast",icon:"https://opencollective.com/static/images/opencollective-icon.svg",color:"#2b4863",openExternally:!1}],Example={render:Template,args:{actions}},ShowFollowExample={render:Template,args:{actions,showFollowItem:!0}},ShowNotifyExample={render:Template,args:{actions,showNotifyItem:!0}},ShowNotifyAndFollowExample={render:Template,args:{actions,showNotifyItem:!0,showFollowItem:!0}};Example.parameters={...Example.parameters,docs:{...Example.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n actions\n }\n}",...Example.parameters?.docs?.source}}},ShowFollowExample.parameters={...ShowFollowExample.parameters,docs:{...ShowFollowExample.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n actions,\n showFollowItem: true\n }\n}",...ShowFollowExample.parameters?.docs?.source}}},ShowNotifyExample.parameters={...ShowNotifyExample.parameters,docs:{...ShowNotifyExample.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n actions,\n showNotifyItem: true\n }\n}",...ShowNotifyExample.parameters?.docs?.source}}},ShowNotifyAndFollowExample.parameters={...ShowNotifyAndFollowExample.parameters,docs:{...ShowNotifyAndFollowExample.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n actions,\n showNotifyItem: true,\n showFollowItem: true\n }\n}",...ShowNotifyAndFollowExample.parameters?.docs?.source}}};const __namedExportsOrder=["Example","ShowFollowExample","ShowNotifyExample","ShowNotifyAndFollowExample"]},"./node_modules/antd/es/_util/hooks/useFlexGapSupport.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_styleChecker__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/_util/styleChecker.js");const __WEBPACK_DEFAULT_EXPORT__=function(){var _React$useState=react__WEBPACK_IMPORTED_MODULE_0__.useState(!1),_React$useState2=(0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__.A)(_React$useState,2),flexible=_React$useState2[0],setFlexible=_React$useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((function(){setFlexible((0,_styleChecker__WEBPACK_IMPORTED_MODULE_2__.Pu)())}),[]),flexible}},"./node_modules/antd/es/_util/styleChecker.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Pu:()=>detectFlexGapSupported,qz:()=>canUseDocElement});var flexGapSupported,rc_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rc-util/es/Dom/canUseDom.js"),canUseDocElement=function canUseDocElement(){return(0,rc_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__.A)()&&window.document.documentElement},detectFlexGapSupported=function detectFlexGapSupported(){if(!canUseDocElement())return!1;if(void 0!==flexGapSupported)return flexGapSupported;var flex=document.createElement("div");return flex.style.display="flex",flex.style.flexDirection="column",flex.style.rowGap="1px",flex.appendChild(document.createElement("div")),flex.appendChild(document.createElement("div")),document.body.appendChild(flex),flexGapSupported=1===flex.scrollHeight,document.body.removeChild(flex),flexGapSupported}},"./components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>ActionButtonMenu});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dropdown=__webpack_require__("./node_modules/antd/es/dropdown/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ActionButtonMenu_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ActionButtonMenu_module.A,options);const ActionButtonMenu_ActionButtonMenu_module=ActionButtonMenu_module.A&&ActionButtonMenu_module.A.locals?ActionButtonMenu_module.A.locals:void 0;var __jsx=react.createElement,EllipsisOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5887)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/EllipsisOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/EllipsisOutlined.js"]}}}),HeartOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(9210)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/HeartOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/HeartOutlined.js"]}}}),BellOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7297)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/BellOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/BellOutlined.js"]}}}),ActionButtonMenu=function ActionButtonMenu(_ref){var actions=_ref.actions,externalActionSelected=_ref.externalActionSelected,notifyItemSelected=_ref.notifyItemSelected,followItemSelected=_ref.followItemSelected,showFollowItem=_ref.showFollowItem,showNotifyItem=_ref.showNotifyItem,className=_ref.className,items=actions.map((function(action){return{key:action.url,label:__jsx("span",{className:ActionButtonMenu_ActionButtonMenu_module.item},action.icon&&__jsx("img",{className:ActionButtonMenu_ActionButtonMenu_module.icon,src:action.icon,alt:action.title})," ",action.title)}}));showFollowItem&&items.unshift({key:"follow",label:__jsx("span",{className:ActionButtonMenu_ActionButtonMenu_module.item},__jsx(HeartOutlined,{className:ActionButtonMenu_ActionButtonMenu_module.icon})," Follow this stream")}),showNotifyItem&&items.unshift({key:"notify",label:__jsx("span",{className:ActionButtonMenu_ActionButtonMenu_module.item},__jsx(BellOutlined,{className:ActionButtonMenu_ActionButtonMenu_module.icon}),"Notify when live")});var dropdownClasses=classnames_default()([ActionButtonMenu_ActionButtonMenu_module.menu,className]);return __jsx(dropdown.A,{menu:{items,onClick:function onClick(a){if("notify"!==a.key)if("follow"!==a.key){var action=actions.find((function(x){return x.url===a.key}));externalActionSelected(action)}else followItemSelected();else notifyItemSelected()}},placement:"bottomRight",trigger:["click"],className:dropdownClasses},__jsx("div",{className:ActionButtonMenu_ActionButtonMenu_module.buttonWrap},__jsx(es_button.A,{type:"default",onClick:function onClick(e){return e.preventDefault()},size:"large",icon:__jsx(EllipsisOutlined,{size:6,style:{rotate:"90deg"}}),className:ActionButtonMenu_ActionButtonMenu_module.menuButton})))};ActionButtonMenu.displayName="ActionButtonMenu";try{ActionButtonMenu.displayName="ActionButtonMenu",ActionButtonMenu.__docgenInfo={description:"",displayName:"ActionButtonMenu",props:{actions:{defaultValue:null,description:"",name:"actions",required:!0,type:{name:"ExternalAction[]"}},showFollowItem:{defaultValue:null,description:"",name:"showFollowItem",required:!1,type:{name:"boolean"}},showNotifyItem:{defaultValue:null,description:"",name:"showNotifyItem",required:!1,type:{name:"boolean"}},externalActionSelected:{defaultValue:null,description:"",name:"externalActionSelected",required:!0,type:{name:"(action: ExternalAction) => void"}},notifyItemSelected:{defaultValue:null,description:"",name:"notifyItemSelected",required:!0,type:{name:"() => void"}},followItemSelected:{defaultValue:null,description:"",name:"followItemSelected",required:!0,type:{name:"() => void"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx#ActionButtonMenu"]={docgenInfo:ActionButtonMenu.__docgenInfo,name:"ActionButtonMenu",path:"components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx#ActionButtonMenu"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".A4p8a1bdXFwVOWHjEhKy{display:flex;align-items:center}.SvTt9QO_9xz3P8uoT1TL{display:flex;align-items:center;height:100%}.SvTt9QO_9xz3P8uoT1TL button{height:100%}.r19f08qs0Xbkbn1DJ_Bz{height:15px;margin-right:5px}.ll2OrgyFDfJ86dMDXiOD{color:currentcolor}.iFN1j5b6wtiK0B546G0s{border-color:var(--theme-color-components-content-background)}","",{version:3,sources:["webpack://./components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,kBAAA,CAGF,sBACE,YAAA,CACA,kBAAA,CACA,WAAA,CAEA,6BACE,WAAA,CAIJ,sBACE,WAAA,CACA,gBAAA,CAGF,sBACE,kBAAA,CAGF,sBACE,6DAAA",sourcesContent:[".item {\n display: flex;\n align-items: center;\n}\n\n.buttonWrap {\n display: flex;\n align-items: center;\n height: 100%;\n\n button {\n height: 100%;\n }\n}\n\n.icon {\n height: 15px;\n margin-right: 5px;\n}\n\n.menu {\n color: currentcolor;\n}\n\n.menuButton {\n border-color: var(--theme-color-components-content-background);\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={item:"A4p8a1bdXFwVOWHjEhKy",buttonWrap:"SvTt9QO_9xz3P8uoT1TL",icon:"r19f08qs0Xbkbn1DJ_Bz",menu:"ll2OrgyFDfJ86dMDXiOD",menuButton:"iFN1j5b6wtiK0B546G0s"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")},"./node_modules/next/dist/shared/lib/dynamic.js":(module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{default:function(){return dynamic},noSSR:function(){return noSSR}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_jsxruntime=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js"),_loadablesharedruntime=(__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_interop_require_default._(__webpack_require__("./node_modules/next/dist/shared/lib/loadable.shared-runtime.js"))),isServerSide="undefined"==typeof window;function convertModule(mod){return{default:(null==mod?void 0:mod.default)||mod}}function noSSR(LoadableInitializer,loadableOptions){if(delete loadableOptions.webpack,delete loadableOptions.modules,!isServerSide)return LoadableInitializer(loadableOptions);const Loading=loadableOptions.loading;return()=>(0,_jsxruntime.jsx)(Loading,{error:null,isLoading:!0,pastDelay:!1,timedOut:!1})}function dynamic(dynamicOptions,options){let loadableFn=_loadablesharedruntime.default,loadableOptions={loading:param=>{let{error,isLoading,pastDelay}=param;return null}};dynamicOptions instanceof Promise?loadableOptions.loader=()=>dynamicOptions:"function"==typeof dynamicOptions?loadableOptions.loader=dynamicOptions:"object"==typeof dynamicOptions&&(loadableOptions={...loadableOptions,...dynamicOptions}),loadableOptions={...loadableOptions,...options};const loaderFn=loadableOptions.loader;return loadableOptions.loadableGenerated&&(loadableOptions={...loadableOptions,...loadableOptions.loadableGenerated},delete loadableOptions.loadableGenerated),"boolean"!=typeof loadableOptions.ssr||loadableOptions.ssr?loadableFn({...loadableOptions,loader:()=>null!=loaderFn?loaderFn().then(convertModule):Promise.resolve(convertModule((()=>null)))}):(delete loadableOptions.webpack,delete loadableOptions.modules,noSSR(loadableFn,loadableOptions))}("function"==typeof exports.default||"object"==typeof exports.default&&null!==exports.default)&&void 0===exports.default.__esModule&&(Object.defineProperty(exports.default,"__esModule",{value:!0}),Object.assign(exports.default,exports),module.exports=exports.default)},"./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LoadableContext",{enumerable:!0,get:function(){return LoadableContext}});const LoadableContext=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs")._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")).default.createContext(null)},"./node_modules/next/dist/shared/lib/loadable.shared-runtime.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _default}});const _react=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs")._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablecontextsharedruntime=__webpack_require__("./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.js");const ALL_INITIALIZERS=[],READY_INITIALIZERS=[];let initialized=!1;function load(loader){let promise=loader(),state={loading:!0,loaded:null,error:null};return state.promise=promise.then((loaded=>(state.loading=!1,state.loaded=loaded,loaded))).catch((err=>{throw state.loading=!1,state.error=err,err})),state}function createLoadableComponent(loadFn,options){let opts=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},options),subscription=null;function init(){if(!subscription){const sub=new LoadableSubscription(loadFn,opts);subscription={getCurrentValue:sub.getCurrentValue.bind(sub),subscribe:sub.subscribe.bind(sub),retry:sub.retry.bind(sub),promise:sub.promise.bind(sub)}}return subscription.promise()}if("undefined"==typeof window&&ALL_INITIALIZERS.push(init),!initialized&&"undefined"!=typeof window){const moduleIds=opts.webpack?opts.webpack():opts.modules;moduleIds&&READY_INITIALIZERS.push((ids=>{for(const moduleId of moduleIds)if(ids.includes(moduleId))return init()}))}function LoadableComponent(props,ref){!function useLoadableModule(){init();const context=_react.default.useContext(_loadablecontextsharedruntime.LoadableContext);context&&Array.isArray(opts.modules)&&opts.modules.forEach((moduleName=>{context(moduleName)}))}();const state=_react.default.useSyncExternalStore(subscription.subscribe,subscription.getCurrentValue,subscription.getCurrentValue);return _react.default.useImperativeHandle(ref,(()=>({retry:subscription.retry})),[]),_react.default.useMemo((()=>state.loading||state.error?_react.default.createElement(opts.loading,{isLoading:state.loading,pastDelay:state.pastDelay,timedOut:state.timedOut,error:state.error,retry:subscription.retry}):state.loaded?_react.default.createElement(function resolve(obj){return obj&&obj.default?obj.default:obj}(state.loaded),props):null),[props,state])}return LoadableComponent.preload=()=>init(),LoadableComponent.displayName="LoadableComponent",_react.default.forwardRef(LoadableComponent)}class LoadableSubscription{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};const{_res:res,_opts:opts}=this;res.loading&&("number"==typeof opts.delay&&(0===opts.delay?this._state.pastDelay=!0:this._delay=setTimeout((()=>{this._update({pastDelay:!0})}),opts.delay)),"number"==typeof opts.timeout&&(this._timeout=setTimeout((()=>{this._update({timedOut:!0})}),opts.timeout))),this._res.promise.then((()=>{this._update({}),this._clearTimeouts()})).catch((_err=>{this._update({}),this._clearTimeouts()})),this._update({})}_update(partial){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...partial},this._callbacks.forEach((callback=>callback()))}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(callback){return this._callbacks.add(callback),()=>{this._callbacks.delete(callback)}}constructor(loadFn,opts){this._loadFn=loadFn,this._opts=opts,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}}function Loadable(opts){return createLoadableComponent(load,opts)}function flushInitializers(initializers,ids){let promises=[];for(;initializers.length;){let init=initializers.pop();promises.push(init(ids))}return Promise.all(promises).then((()=>{if(initializers.length)return flushInitializers(initializers,ids)}))}Loadable.preloadAll=()=>new Promise(((resolveInitializers,reject)=>{flushInitializers(ALL_INITIALIZERS).then(resolveInitializers,reject)})),Loadable.preloadReady=ids=>(void 0===ids&&(ids=[]),new Promise((resolvePreload=>{const res=()=>(initialized=!0,resolvePreload());flushInitializers(READY_INITIALIZERS,ids).then(res,res)}))),"undefined"!=typeof window&&(window.__NEXT_PRELOADREADY=Loadable.preloadReady);const _default=Loadable},"./node_modules/next/dynamic.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/shared/lib/dynamic.js")},"./node_modules/rc-resize-observer/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>es});var esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),toArray=__webpack_require__("./node_modules/rc-util/es/Children/toArray.js"),objectSpread2=(__webpack_require__("./node_modules/rc-util/es/warning.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectSpread2.js")),esm_typeof=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/typeof.js"),findDOMNode=__webpack_require__("./node_modules/rc-util/es/Dom/findDOMNode.js"),es_ref=__webpack_require__("./node_modules/rc-util/es/ref.js"),CollectionContext=react.createContext(null);var ResizeObserver_es=__webpack_require__("./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js"),elementListeners=new Map;var resizeObserver=new ResizeObserver_es.A((function onResize(entities){entities.forEach((function(entity){var _elementListeners$get,target=entity.target;null===(_elementListeners$get=elementListeners.get(target))||void 0===_elementListeners$get||_elementListeners$get.forEach((function(listener){return listener(target)}))}))}));var classCallCheck=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),inherits=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),createSuper=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createSuper.js"),DomWrapper=function(_React$Component){(0,inherits.A)(DomWrapper,_React$Component);var _super=(0,createSuper.A)(DomWrapper);function DomWrapper(){return(0,classCallCheck.A)(this,DomWrapper),_super.apply(this,arguments)}return(0,createClass.A)(DomWrapper,[{key:"render",value:function render(){return this.props.children}}]),DomWrapper}(react.Component);function SingleObserver(props,ref){var children=props.children,disabled=props.disabled,elementRef=react.useRef(null),wrapperRef=react.useRef(null),onCollectionResize=react.useContext(CollectionContext),isRenderProps="function"==typeof children,mergedChildren=isRenderProps?children(elementRef):children,sizeRef=react.useRef({width:-1,height:-1,offsetWidth:-1,offsetHeight:-1}),canRef=!isRenderProps&&react.isValidElement(mergedChildren)&&(0,es_ref.f3)(mergedChildren),originRef=canRef?mergedChildren.ref:null,mergedRef=(0,es_ref.xK)(originRef,elementRef),getDom=function getDom(){var _elementRef$current;return(0,findDOMNode.Ay)(elementRef.current)||(elementRef.current&&"object"===(0,esm_typeof.A)(elementRef.current)?(0,findDOMNode.Ay)(null===(_elementRef$current=elementRef.current)||void 0===_elementRef$current?void 0:_elementRef$current.nativeElement):null)||(0,findDOMNode.Ay)(wrapperRef.current)};react.useImperativeHandle(ref,(function(){return getDom()}));var propsRef=react.useRef(props);propsRef.current=props;var onInternalResize=react.useCallback((function(target){var _propsRef$current=propsRef.current,onResize=_propsRef$current.onResize,data=_propsRef$current.data,_target$getBoundingCl=target.getBoundingClientRect(),width=_target$getBoundingCl.width,height=_target$getBoundingCl.height,offsetWidth=target.offsetWidth,offsetHeight=target.offsetHeight,fixedWidth=Math.floor(width),fixedHeight=Math.floor(height);if(sizeRef.current.width!==fixedWidth||sizeRef.current.height!==fixedHeight||sizeRef.current.offsetWidth!==offsetWidth||sizeRef.current.offsetHeight!==offsetHeight){var size={width:fixedWidth,height:fixedHeight,offsetWidth,offsetHeight};sizeRef.current=size;var mergedOffsetWidth=offsetWidth===Math.round(width)?width:offsetWidth,mergedOffsetHeight=offsetHeight===Math.round(height)?height:offsetHeight,sizeInfo=(0,objectSpread2.A)((0,objectSpread2.A)({},size),{},{offsetWidth:mergedOffsetWidth,offsetHeight:mergedOffsetHeight});null==onCollectionResize||onCollectionResize(sizeInfo,target,data),onResize&&Promise.resolve().then((function(){onResize(sizeInfo,target)}))}}),[]);return react.useEffect((function(){var currentElement=getDom();return currentElement&&!disabled&&function observe(element,callback){elementListeners.has(element)||(elementListeners.set(element,new Set),resizeObserver.observe(element)),elementListeners.get(element).add(callback)}(currentElement,onInternalResize),function(){return function unobserve(element,callback){elementListeners.has(element)&&(elementListeners.get(element).delete(callback),elementListeners.get(element).size||(resizeObserver.unobserve(element),elementListeners.delete(element)))}(currentElement,onInternalResize)}}),[elementRef.current,disabled]),react.createElement(DomWrapper,{ref:wrapperRef},canRef?react.cloneElement(mergedChildren,{ref:mergedRef}):mergedChildren)}const es_SingleObserver=react.forwardRef(SingleObserver);function ResizeObserver(props,ref){var children=props.children;return("function"==typeof children?[children]:(0,toArray.A)(children)).map((function(child,index){var key=(null==child?void 0:child.key)||"".concat("rc-observer-key","-").concat(index);return react.createElement(es_SingleObserver,(0,esm_extends.A)({},props,{key,ref:0===index?ref:void 0}),child)}))}var RefResizeObserver=react.forwardRef(ResizeObserver);RefResizeObserver.Collection=function Collection(_ref){var children=_ref.children,onBatchResize=_ref.onBatchResize,resizeIdRef=react.useRef(0),resizeInfosRef=react.useRef([]),onCollectionResize=react.useContext(CollectionContext),onResize=react.useCallback((function(size,element,data){resizeIdRef.current+=1;var currentId=resizeIdRef.current;resizeInfosRef.current.push({size,element,data}),Promise.resolve().then((function(){currentId===resizeIdRef.current&&(null==onBatchResize||onBatchResize(resizeInfosRef.current),resizeInfosRef.current=[])})),null==onCollectionResize||onCollectionResize(size,element,data)}),[onBatchResize,onCollectionResize]);return react.createElement(CollectionContext.Provider,{value:onResize},children)};const es=RefResizeObserver},"./node_modules/rc-util/es/Children/toArray.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>toArray});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),react_is__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rc-util/node_modules/react-is/index.js");function toArray(children){var option=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},ret=[];return react__WEBPACK_IMPORTED_MODULE_0__.Children.forEach(children,(function(child){(null!=child||option.keepEmpty)&&(Array.isArray(child)?ret=ret.concat(toArray(child)):(0,react_is__WEBPACK_IMPORTED_MODULE_1__.isFragment)(child)&&child.props?ret=ret.concat(toArray(child.props.children,option)):ret.push(child))})),ret}}}]); \ No newline at end of file diff --git a/static/components/chat-ChatContainer-ChatContainer-stories.20c67505.iframe.bundle.js b/static/components/chat-ChatContainer-ChatContainer-stories.56ee27d8.iframe.bundle.js similarity index 99% rename from static/components/chat-ChatContainer-ChatContainer-stories.20c67505.iframe.bundle.js rename to static/components/chat-ChatContainer-ChatContainer-stories.56ee27d8.iframe.bundle.js index 3f750e84e4..75d115d724 100644 --- a/static/components/chat-ChatContainer-ChatContainer-stories.20c67505.iframe.bundle.js +++ b/static/components/chat-ChatContainer-ChatContainer-stories.56ee27d8.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[6541],{"./components/chat/ChatContainer/ChatContainer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ChatDisabled:()=>ChatDisabled,Example:()=>Example,SingleMessage:()=>SingleMessage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),recoil__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/recoil/es/index.js"),_ChatContainer__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatContainer/ChatContainer.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement;const __WEBPACK_DEFAULT_EXPORT__={title:"owncast/Chat/Chat messages container",component:_ChatContainer__WEBPACK_IMPORTED_MODULE_2__.ChatContainer,parameters:{chromatic:{diffThreshold:.8},docs:{description:{component:"\n- Renders a list of messages from the bottom up.\n- Auto-scrolls to the bottom as new messages come in.\n- Pauses auto-scroll when reading backlog.\n- Uses [Virtuoso](https://virtuoso.dev/) for rendering."}}}};var messages=JSON.parse('[\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "wY-MEXwnR",\n\t\t\t"timestamp": "2022-04-28T20:30:27.001762726Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "iAmABot",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"isBot": true,\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "this is a test message"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "VhLGEXwnR",\n\t\t\t"timestamp": "2022-04-28T20:30:28.806999545Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "IAmABot",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"isBot": true,\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Hit 3"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "GguMEuw7R",\n\t\t\t"timestamp": "2022-04-28T20:30:34.500150601Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "IAmABot",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"isBot": true,\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Jkjk"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "y_-VEXwnR",\n\t\t\t"timestamp": "2022-04-28T20:31:32.695583044Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "I\\u0026#39;m doing alright. How about you Hatnix?"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "qAaKEuwng",\n\t\t\t"timestamp": "2022-04-28T20:34:16.22275314Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Oh shiet I didn\\u0026#39;t think you would kill him"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "8wUFEuwnR",\n\t\t\t"timestamp": "2022-04-28T20:34:21.624898714Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Hahaha, ruthless"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "onYcPuQnR",\n\t\t\t"timestamp": "2022-04-28T20:34:50.671024312Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "I\\u0026#39;ve never played it before"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "kORyEXQ7R",\n\t\t\t"timestamp": "2022-04-28T20:40:29.761977233Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "brb real quick"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "F3DvsuQ7g",\n\t\t\t"timestamp": "2022-04-28T20:50:29.451341783Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "I\\u0026#39;m back"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "AH2vsXwnR",\n\t\t\t"timestamp": "2022-04-28T20:50:33.872156152Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Whoa what happened here?"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "xGkOsuw7R",\n\t\t\t"timestamp": "2022-04-28T20:50:53.202147658Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Your dwarf was half naked."\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "opIdsuw7g",\n\t\t\t"timestamp": "2022-04-28T20:50:59.631595947Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "lol"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "JpwdsuQnR",\n\t\t\t"timestamp": "2022-04-28T20:51:18.065535459Z",\n\t\t\t"user": {\n\t\t\t\t"id": "vbh9gtPng",\n\t\t\t\t"displayName": "𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t"displayColor": 276,\n\t\t\t\t"createdAt": "2022-03-16T21:02:32.009965702Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"goth-volhard",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝒽𝒶𝓅𝓅𝓎 𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝒶𝓇𝒻𝒶𝒶𝓇𝑒𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-14T21:51:50.97992512Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "evening did i just see you running around in... nothing"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "R4WKsXw7R",\n\t\t\t"timestamp": "2022-04-28T20:51:28.064914803Z",\n\t\t\t"user": {\n\t\t\t\t"id": "vbh9gtPng",\n\t\t\t\t"displayName": "𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t"displayColor": 276,\n\t\t\t\t"createdAt": "2022-03-16T21:02:32.009965702Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"goth-volhard",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝒽𝒶𝓅𝓅𝓎 𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝒶𝓇𝒻𝒶𝒶𝓇𝑒𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-14T21:51:50.97992512Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "^^"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "g-PKyXw7g",\n\t\t\t"timestamp": "2022-04-28T20:51:47.936500772Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Lol Starfarer, so my eyes didnt deceive me."\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "fV8Ksuw7R",\n\t\t\t"timestamp": "2022-04-28T20:51:49.588744112Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "hahahaha"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "TaStyuwnR",\n\t\t\t"timestamp": "2022-04-28T20:52:38.127528579Z",\n\t\t\t"user": {\n\t\t\t\t"id": "vbh9gtPng",\n\t\t\t\t"displayName": "𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t"displayColor": 276,\n\t\t\t\t"createdAt": "2022-03-16T21:02:32.009965702Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"goth-volhard",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝒽𝒶𝓅𝓅𝓎 𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝒶𝓇𝒻𝒶𝒶𝓇𝑒𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-14T21:51:50.97992512Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "lol sounds nice"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "JGposuwng",\n\t\t\t"timestamp": "2022-04-28T20:53:49.329567087Z",\n\t\t\t"user": {\n\t\t\t\t"id": "GCa3J9P7R",\n\t\t\t\t"displayName": "(ghost of)^10 * toudy49",\n\t\t\t\t"displayColor": 147,\n\t\t\t\t"createdAt": "2022-03-22T21:49:25.284237821Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"lucid-pike",\n\t\t\t\t\t"toudy49",\n\t\t\t\t\t"ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghost ofghost of ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghostof ghost of ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"(ghost of)^6 * toudy49",\n\t\t\t\t\t"(ghost of)^7 * toudy49",\n\t\t\t\t\t"(ghost of)^8 * toudy49",\n\t\t\t\t\t"(ghost of)^9 * toudy49",\n\t\t\t\t\t"(ghost of)^10 * toudy49"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-11T21:01:19.938445828Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "!hydrate"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "T4tTsuwng",\n\t\t\t"timestamp": "2022-04-28T20:53:49.391636551Z",\n\t\t\t"user": {\n\t\t\t\t"id": "fKINHKpnR",\n\t\t\t\t"displayName": "hatnixbot",\n\t\t\t\t"displayColor": 325,\n\t\t\t\t"createdAt": "2021-11-24T08:11:32Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"hatnixbot"\n\t\t\t\t],\n\t\t\t\t"scopes": [\n\t\t\t\t\t"CAN_SEND_SYSTEM_MESSAGES",\n\t\t\t\t\t"CAN_SEND_MESSAGES",\n\t\t\t\t\t"HAS_ADMIN_ACCESS"\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "test 123"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "wUJTsuw7R",\n\t\t\t"timestamp": "2022-04-28T20:53:54.073218761Z",\n\t\t\t"user": {\n\t\t\t\t"id": "GCa3J9P7R",\n\t\t\t\t"displayName": "(ghost of)^10 * toudy49",\n\t\t\t\t"displayColor": 147,\n\t\t\t\t"createdAt": "2022-03-22T21:49:25.284237821Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"lucid-pike",\n\t\t\t\t\t"toudy49",\n\t\t\t\t\t"ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghost ofghost of ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghostof ghost of ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"(ghost of)^6 * toudy49",\n\t\t\t\t\t"(ghost of)^7 * toudy49",\n\t\t\t\t\t"(ghost of)^8 * toudy49",\n\t\t\t\t\t"(ghost of)^9 * toudy49",\n\t\t\t\t\t"(ghost of)^10 * toudy49"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-11T21:01:19.938445828Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "!stretch"\n\t\t},\n\t\t{\n\t\t\t"id": "xDHBYL4Vgz",\n\t\t\t"timestamp": "2022-10-05T01:50:08.178863235Z",\n\t\t\t"type": "USER_JOINED",\n\t\t\t"user": {\n\t\t\t\t"id": "fg9tcCnVg",\n\t\t\t\t"displayName": "brave-khorana",\n\t\t\t\t"displayColor": 293,\n\t\t\t\t"createdAt": "2022-09-25T15:27:35.444193966Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"brave-khorana"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "0001-01-01T00:00:00Z",\n\t\t\t\t"isBot": false,\n\t\t\t\t"authenticated": false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "S_Joyuw7R",\n\t\t\t"timestamp": "2022-04-28T20:53:54.119778013Z",\n\t\t\t"user": {\n\t\t\t\t"id": "fKINHKpnR",\n\t\t\t\t"displayName": "hatnixbot",\n\t\t\t\t"displayColor": 325,\n\t\t\t\t"createdAt": "2021-11-24T08:11:32Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"hatnixbot"\n\t\t\t\t],\n\t\t\t\t"scopes": [\n\t\t\t\t\t"CAN_SEND_SYSTEM_MESSAGES",\n\t\t\t\t\t"CAN_SEND_MESSAGES",\n\t\t\t\t\t"HAS_ADMIN_ACCESS"\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "blah blah"\n\t\t},\n\t\t{\n\t\t\t"body": "Bonjour gabe. What a pleasure to meet you.",\n\t\t\t"id": "YZqhLYV4g",\n\t\t\t"timestamp": "2022-10-05T01:47:13.909247665Z",\n\t\t\t"type": "SYSTEM",\n\t\t\t"user": {\n\t\t\t\t"displayName": "Owncast TV"\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "MtYTyXwnR",\n\t\t\t"timestamp": "2022-04-28T20:53:57.796985761Z",\n\t\t\t"user": {\n\t\t\t\t"id": "vbh9gtPng",\n\t\t\t\t"displayName": "𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t"displayColor": 276,\n\t\t\t\t"createdAt": "2022-03-16T21:02:32.009965702Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"goth-volhard",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝒽𝒶𝓅𝓅𝓎 𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝒶𝓇𝒻𝒶𝒶𝓇𝑒𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-14T21:51:50.97992512Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "heyy toudy"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "MtYTyXwnR",\n\t\t\t"timestamp": "2022-04-28T20:53:57.796985761Z",\n\t\t\t"user": {\n\t\t\t\t"id": "vbh9gtPng",\n\t\t\t\t"displayName": "𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t"displayColor": 276,\n\t\t\t\t"createdAt": "2022-03-16T21:02:32.009965702Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"goth-volhard",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝒽𝒶𝓅𝓅𝓎 𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝒶𝓇𝒻𝒶𝒶𝓇𝑒𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-14T21:51:50.97992512Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "how is everyone?"\n\t\t},\n\t\t{\n\t\t\t"body": "Gabe Test liked that this stream went live.",\n\t\t\t"id": "FTprqf0VR",\n\t\t\t"image": "https://media.mastodon.cloud/accounts/avatars/000/463/008/original/d0bc0971a54ffc75.jpg",\n\t\t\t"link": "https://mastodon.cloud/users/gabektest",\n\t\t\t"timestamp": "2023-02-05T17:49:36.619470844-08:00",\n\t\t\t"title": "gabektest@mastodon.cloud",\n\t\t\t"type": "FEDIVERSE_ENGAGEMENT_LIKE",\n\t\t\t"user": {\n\t\t\t\t"displayName": "New Owncast Server"\n\t\t\t}\n\t\t}\n\t]'),AddMessagesChatExample=function AddMessagesChatExample(args){var m=args.messages,_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(m),chatMessages=_useState[0],setChatMessages=_useState[1];return __jsx(recoil__WEBPACK_IMPORTED_MODULE_1__.bi,null,__jsx("div",{style:{height:"70vh",position:"relative"}},__jsx("button",{type:"button",onClick:function onClick(){return setChatMessages([].concat((0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_3__.A)(chatMessages),[chatMessages[0]]))}},"Add message"),__jsx(_ChatContainer__WEBPACK_IMPORTED_MODULE_2__.ChatContainer,args)))};AddMessagesChatExample.displayName="AddMessagesChatExample";var Template=function Template(args){return __jsx(AddMessagesChatExample,args)};Template.displayName="Template";var Example={render:Template,args:{loading:!1,messages,usernameToHighlight:"testuser",chatUserId:"testuser",isModerator:!0,showInput:!0,chatAvailable:!0}},ChatDisabled={render:Template,args:{loading:!1,messages,usernameToHighlight:"testuser",chatUserId:"testuser",isModerator:!0,showInput:!0,chatAvailable:!1}},SingleMessage={render:Template,args:{loading:!1,messages:[messages[0]],usernameToHighlight:"testuser",chatUserId:"testuser",isModerator:!0,showInput:!0,chatAvailable:!0}};Example.parameters={...Example.parameters,docs:{...Example.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n loading: false,\n messages,\n usernameToHighlight: 'testuser',\n chatUserId: 'testuser',\n isModerator: true,\n showInput: true,\n chatAvailable: true\n }\n}",...Example.parameters?.docs?.source}}},ChatDisabled.parameters={...ChatDisabled.parameters,docs:{...ChatDisabled.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n loading: false,\n messages,\n usernameToHighlight: 'testuser',\n chatUserId: 'testuser',\n isModerator: true,\n showInput: true,\n chatAvailable: false\n }\n}",...ChatDisabled.parameters?.docs?.source}}},SingleMessage.parameters={...SingleMessage.parameters,docs:{...SingleMessage.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n loading: false,\n messages: [messages[0]],\n usernameToHighlight: 'testuser',\n chatUserId: 'testuser',\n isModerator: true,\n showInput: true,\n chatAvailable: true\n }\n}",...SingleMessage.parameters?.docs?.source}}};const __namedExportsOrder=["Example","ChatDisabled","SingleMessage"]}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[6541],{"./components/chat/ChatContainer/ChatContainer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ChatDisabled:()=>ChatDisabled,Example:()=>Example,SingleMessage:()=>SingleMessage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),recoil__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/recoil/es/index.js"),_ChatContainer__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatContainer/ChatContainer.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement;const __WEBPACK_DEFAULT_EXPORT__={title:"owncast/Chat/Chat messages container",component:_ChatContainer__WEBPACK_IMPORTED_MODULE_2__.ChatContainer,parameters:{chromatic:{diffThreshold:.8},docs:{description:{component:"\n- Renders a list of messages from the bottom up.\n- Auto-scrolls to the bottom as new messages come in.\n- Pauses auto-scroll when reading backlog.\n- Uses [Virtuoso](https://virtuoso.dev/) for rendering."}}}};var messages=JSON.parse('[\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "wY-MEXwnR",\n\t\t\t"timestamp": "2022-04-28T20:30:27.001762726Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "iAmABot",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"isBot": true,\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "this is a test message"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "VhLGEXwnR",\n\t\t\t"timestamp": "2022-04-28T20:30:28.806999545Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "IAmABot",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"isBot": true,\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Hit 3"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "GguMEuw7R",\n\t\t\t"timestamp": "2022-04-28T20:30:34.500150601Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "IAmABot",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"isBot": true,\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Jkjk"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "y_-VEXwnR",\n\t\t\t"timestamp": "2022-04-28T20:31:32.695583044Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "I\\u0026#39;m doing alright. How about you Hatnix?"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "qAaKEuwng",\n\t\t\t"timestamp": "2022-04-28T20:34:16.22275314Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Oh shiet I didn\\u0026#39;t think you would kill him"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "8wUFEuwnR",\n\t\t\t"timestamp": "2022-04-28T20:34:21.624898714Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Hahaha, ruthless"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "onYcPuQnR",\n\t\t\t"timestamp": "2022-04-28T20:34:50.671024312Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "I\\u0026#39;ve never played it before"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "kORyEXQ7R",\n\t\t\t"timestamp": "2022-04-28T20:40:29.761977233Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "brb real quick"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "F3DvsuQ7g",\n\t\t\t"timestamp": "2022-04-28T20:50:29.451341783Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "I\\u0026#39;m back"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "AH2vsXwnR",\n\t\t\t"timestamp": "2022-04-28T20:50:33.872156152Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Whoa what happened here?"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "xGkOsuw7R",\n\t\t\t"timestamp": "2022-04-28T20:50:53.202147658Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Your dwarf was half naked."\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "opIdsuw7g",\n\t\t\t"timestamp": "2022-04-28T20:50:59.631595947Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "lol"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "JpwdsuQnR",\n\t\t\t"timestamp": "2022-04-28T20:51:18.065535459Z",\n\t\t\t"user": {\n\t\t\t\t"id": "vbh9gtPng",\n\t\t\t\t"displayName": "𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t"displayColor": 276,\n\t\t\t\t"createdAt": "2022-03-16T21:02:32.009965702Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"goth-volhard",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝒽𝒶𝓅𝓅𝓎 𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝒶𝓇𝒻𝒶𝒶𝓇𝑒𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-14T21:51:50.97992512Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "evening did i just see you running around in... nothing"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "R4WKsXw7R",\n\t\t\t"timestamp": "2022-04-28T20:51:28.064914803Z",\n\t\t\t"user": {\n\t\t\t\t"id": "vbh9gtPng",\n\t\t\t\t"displayName": "𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t"displayColor": 276,\n\t\t\t\t"createdAt": "2022-03-16T21:02:32.009965702Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"goth-volhard",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝒽𝒶𝓅𝓅𝓎 𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝒶𝓇𝒻𝒶𝒶𝓇𝑒𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-14T21:51:50.97992512Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "^^"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "g-PKyXw7g",\n\t\t\t"timestamp": "2022-04-28T20:51:47.936500772Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "Lol Starfarer, so my eyes didnt deceive me."\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "fV8Ksuw7R",\n\t\t\t"timestamp": "2022-04-28T20:51:49.588744112Z",\n\t\t\t"user": {\n\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t"displayColor": 329,\n\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"gifted-nobel",\n\t\t\t\t\t"EliteMooseTaskForce"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "hahahaha"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "TaStyuwnR",\n\t\t\t"timestamp": "2022-04-28T20:52:38.127528579Z",\n\t\t\t"user": {\n\t\t\t\t"id": "vbh9gtPng",\n\t\t\t\t"displayName": "𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t"displayColor": 276,\n\t\t\t\t"createdAt": "2022-03-16T21:02:32.009965702Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"goth-volhard",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝒽𝒶𝓅𝓅𝓎 𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝒶𝓇𝒻𝒶𝒶𝓇𝑒𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-14T21:51:50.97992512Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "lol sounds nice"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "JGposuwng",\n\t\t\t"timestamp": "2022-04-28T20:53:49.329567087Z",\n\t\t\t"user": {\n\t\t\t\t"id": "GCa3J9P7R",\n\t\t\t\t"displayName": "(ghost of)^10 * toudy49",\n\t\t\t\t"displayColor": 147,\n\t\t\t\t"createdAt": "2022-03-22T21:49:25.284237821Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"lucid-pike",\n\t\t\t\t\t"toudy49",\n\t\t\t\t\t"ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghost ofghost of ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghostof ghost of ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"(ghost of)^6 * toudy49",\n\t\t\t\t\t"(ghost of)^7 * toudy49",\n\t\t\t\t\t"(ghost of)^8 * toudy49",\n\t\t\t\t\t"(ghost of)^9 * toudy49",\n\t\t\t\t\t"(ghost of)^10 * toudy49"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-11T21:01:19.938445828Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "!hydrate"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "T4tTsuwng",\n\t\t\t"timestamp": "2022-04-28T20:53:49.391636551Z",\n\t\t\t"user": {\n\t\t\t\t"id": "fKINHKpnR",\n\t\t\t\t"displayName": "hatnixbot",\n\t\t\t\t"displayColor": 325,\n\t\t\t\t"createdAt": "2021-11-24T08:11:32Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"hatnixbot"\n\t\t\t\t],\n\t\t\t\t"scopes": [\n\t\t\t\t\t"CAN_SEND_SYSTEM_MESSAGES",\n\t\t\t\t\t"CAN_SEND_MESSAGES",\n\t\t\t\t\t"HAS_ADMIN_ACCESS"\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "test 123"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "wUJTsuw7R",\n\t\t\t"timestamp": "2022-04-28T20:53:54.073218761Z",\n\t\t\t"user": {\n\t\t\t\t"id": "GCa3J9P7R",\n\t\t\t\t"displayName": "(ghost of)^10 * toudy49",\n\t\t\t\t"displayColor": 147,\n\t\t\t\t"createdAt": "2022-03-22T21:49:25.284237821Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"lucid-pike",\n\t\t\t\t\t"toudy49",\n\t\t\t\t\t"ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghost of ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghost ofghost of ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"ghostof ghost of ghost of ghost of ghost of ghost of toudy49",\n\t\t\t\t\t"(ghost of)^6 * toudy49",\n\t\t\t\t\t"(ghost of)^7 * toudy49",\n\t\t\t\t\t"(ghost of)^8 * toudy49",\n\t\t\t\t\t"(ghost of)^9 * toudy49",\n\t\t\t\t\t"(ghost of)^10 * toudy49"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-11T21:01:19.938445828Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "!stretch"\n\t\t},\n\t\t{\n\t\t\t"id": "xDHBYL4Vgz",\n\t\t\t"timestamp": "2022-10-05T01:50:08.178863235Z",\n\t\t\t"type": "USER_JOINED",\n\t\t\t"user": {\n\t\t\t\t"id": "fg9tcCnVg",\n\t\t\t\t"displayName": "brave-khorana",\n\t\t\t\t"displayColor": 293,\n\t\t\t\t"createdAt": "2022-09-25T15:27:35.444193966Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"brave-khorana"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "0001-01-01T00:00:00Z",\n\t\t\t\t"isBot": false,\n\t\t\t\t"authenticated": false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "S_Joyuw7R",\n\t\t\t"timestamp": "2022-04-28T20:53:54.119778013Z",\n\t\t\t"user": {\n\t\t\t\t"id": "fKINHKpnR",\n\t\t\t\t"displayName": "hatnixbot",\n\t\t\t\t"displayColor": 325,\n\t\t\t\t"createdAt": "2021-11-24T08:11:32Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"hatnixbot"\n\t\t\t\t],\n\t\t\t\t"scopes": [\n\t\t\t\t\t"CAN_SEND_SYSTEM_MESSAGES",\n\t\t\t\t\t"CAN_SEND_MESSAGES",\n\t\t\t\t\t"HAS_ADMIN_ACCESS"\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "blah blah"\n\t\t},\n\t\t{\n\t\t\t"body": "Bonjour gabe. What a pleasure to meet you.",\n\t\t\t"id": "YZqhLYV4g",\n\t\t\t"timestamp": "2022-10-05T01:47:13.909247665Z",\n\t\t\t"type": "SYSTEM",\n\t\t\t"user": {\n\t\t\t\t"displayName": "Owncast TV"\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "MtYTyXwnR",\n\t\t\t"timestamp": "2022-04-28T20:53:57.796985761Z",\n\t\t\t"user": {\n\t\t\t\t"id": "vbh9gtPng",\n\t\t\t\t"displayName": "𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t"displayColor": 276,\n\t\t\t\t"createdAt": "2022-03-16T21:02:32.009965702Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"goth-volhard",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝒽𝒶𝓅𝓅𝓎 𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝒶𝓇𝒻𝒶𝒶𝓇𝑒𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-14T21:51:50.97992512Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "heyy toudy"\n\t\t},\n\t\t{\n\t\t\t"type": "CHAT",\n\t\t\t"id": "MtYTyXwnR",\n\t\t\t"timestamp": "2022-04-28T20:53:57.796985761Z",\n\t\t\t"user": {\n\t\t\t\t"id": "vbh9gtPng",\n\t\t\t\t"displayName": "𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t"displayColor": 276,\n\t\t\t\t"createdAt": "2022-03-16T21:02:32.009965702Z",\n\t\t\t\t"previousNames": [\n\t\t\t\t\t"goth-volhard",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝒽𝒶𝓅𝓅𝓎 𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝒶𝓇𝒻𝒶𝒶𝓇𝑒𝑒𝓇™",\n\t\t\t\t\t"𝓈𝓉𝒶𝓇𝒻𝒶𝓇𝑒𝓇™"\n\t\t\t\t],\n\t\t\t\t"nameChangedAt": "2022-04-14T21:51:50.97992512Z",\n\t\t\t\t"scopes": [\n\t\t\t\t\t""\n\t\t\t\t]\n\t\t\t},\n\t\t\t"body": "how is everyone?"\n\t\t},\n\t\t{\n\t\t\t"body": "Gabe Test liked that this stream went live.",\n\t\t\t"id": "FTprqf0VR",\n\t\t\t"image": "https://media.mastodon.cloud/accounts/avatars/000/463/008/original/d0bc0971a54ffc75.jpg",\n\t\t\t"link": "https://mastodon.cloud/users/gabektest",\n\t\t\t"timestamp": "2023-02-05T17:49:36.619470844-08:00",\n\t\t\t"title": "gabektest@mastodon.cloud",\n\t\t\t"type": "FEDIVERSE_ENGAGEMENT_LIKE",\n\t\t\t"user": {\n\t\t\t\t"displayName": "New Owncast Server"\n\t\t\t}\n\t\t}\n\t]'),AddMessagesChatExample=function AddMessagesChatExample(args){var m=args.messages,_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(m),chatMessages=_useState[0],setChatMessages=_useState[1];return __jsx(recoil__WEBPACK_IMPORTED_MODULE_1__.bi,null,__jsx("div",{style:{height:"70vh",position:"relative"}},__jsx("button",{type:"button",onClick:function onClick(){return setChatMessages([].concat((0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_3__.A)(chatMessages),[chatMessages[0]]))}},"Add message"),__jsx(_ChatContainer__WEBPACK_IMPORTED_MODULE_2__.ChatContainer,args)))};AddMessagesChatExample.displayName="AddMessagesChatExample";var Template=function Template(args){return __jsx(AddMessagesChatExample,args)};Template.displayName="Template";var Example={render:Template,args:{loading:!1,messages,usernameToHighlight:"testuser",chatUserId:"testuser",isModerator:!0,showInput:!0,chatAvailable:!0}},ChatDisabled={render:Template,args:{loading:!1,messages,usernameToHighlight:"testuser",chatUserId:"testuser",isModerator:!0,showInput:!0,chatAvailable:!1}},SingleMessage={render:Template,args:{loading:!1,messages:[messages[0]],usernameToHighlight:"testuser",chatUserId:"testuser",isModerator:!0,showInput:!0,chatAvailable:!0}};Example.parameters={...Example.parameters,docs:{...Example.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n loading: false,\n messages,\n usernameToHighlight: 'testuser',\n chatUserId: 'testuser',\n isModerator: true,\n showInput: true,\n chatAvailable: true\n }\n}",...Example.parameters?.docs?.source}}},ChatDisabled.parameters={...ChatDisabled.parameters,docs:{...ChatDisabled.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n loading: false,\n messages,\n usernameToHighlight: 'testuser',\n chatUserId: 'testuser',\n isModerator: true,\n showInput: true,\n chatAvailable: false\n }\n}",...ChatDisabled.parameters?.docs?.source}}},SingleMessage.parameters={...SingleMessage.parameters,docs:{...SingleMessage.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n loading: false,\n messages: [messages[0]],\n usernameToHighlight: 'testuser',\n chatUserId: 'testuser',\n isModerator: true,\n showInput: true,\n chatAvailable: true\n }\n}",...SingleMessage.parameters?.docs?.source}}};const __namedExportsOrder=["Example","ChatDisabled","SingleMessage"]}}]); \ No newline at end of file diff --git a/static/components/chat-ChatModerationActionMenu-ChatModerationActionMenu-stories.34e91220.iframe.bundle.js b/static/components/chat-ChatModerationActionMenu-ChatModerationActionMenu-stories.ab6c59be.iframe.bundle.js similarity index 95% rename from static/components/chat-ChatModerationActionMenu-ChatModerationActionMenu-stories.34e91220.iframe.bundle.js rename to static/components/chat-ChatModerationActionMenu-ChatModerationActionMenu-stories.ab6c59be.iframe.bundle.js index 79e1f704f3..cdc30c906d 100644 --- a/static/components/chat-ChatModerationActionMenu-ChatModerationActionMenu-stories.34e91220.iframe.bundle.js +++ b/static/components/chat-ChatModerationActionMenu-ChatModerationActionMenu-stories.ab6c59be.iframe.bundle.js @@ -1 +1 @@ -(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[9721,6128],{"./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),recoil__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/recoil/es/index.js"),_ChatModerationActionMenu__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement;const __WEBPACK_DEFAULT_EXPORT__={title:"owncast/Chat/Moderation menu",component:_ChatModerationActionMenu__WEBPACK_IMPORTED_MODULE_2__.ChatModerationActionMenu,parameters:{fetchMock:{mocks:[{matcher:{name:"response",url:"glob:/api/moderation/chat/user/*"},response:{status:200,body:{user:{id:"hjFPU967R",displayName:"focused-snyder",displayColor:2,createdAt:"2022-07-12T13:08:31.406505322-07:00",previousNames:["focused-snyder"],scopes:["MODERATOR"],isBot:!1,authenticated:!1},connectedClients:[{messageCount:3,userAgent:"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36",connectedAt:"2022-07-20T16:45:07.796685618-07:00",geo:"N/A"}],messages:[{id:"bQp8UJR4R",timestamp:"2022-07-20T16:53:41.938083228-07:00",user:null,body:"test message 3"},{id:"ubK88Jg4R",timestamp:"2022-07-20T16:53:39.675531279-07:00",user:null,body:"test message 2"},{id:"20v8UJRVR",timestamp:"2022-07-20T16:53:37.551084121-07:00",user:null,body:"test message 1"}]}}}]},docs:{description:{component:"This should be a popup that is activated from a user's chat message. It should have actions to:\n- Remove single message\n- Ban user completely\n- Open modal to see user details\n "}}}};var Template=function Template(){return __jsx(recoil__WEBPACK_IMPORTED_MODULE_1__.bi,null,__jsx(_ChatModerationActionMenu__WEBPACK_IMPORTED_MODULE_2__.ChatModerationActionMenu,{accessToken:"abc123",messageID:"xxx",userDisplayName:"Fake-User",userID:"abc123"}))};Template.displayName="Template";var Basic={render:Template};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"{\n render: Template\n}",...Basic.parameters?.docs?.source}}};const __namedExportsOrder=["Basic"]},"./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ChatModerationActionMenu:()=>ChatModerationActionMenu});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__),antd__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/antd/es/modal/index.js"),antd__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/antd/es/message/index.js"),antd__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/antd/es/dropdown/index.js"),antd__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/antd/es/space/index.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_2__),_ui_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/ui/Modal/Modal.tsx"),_ChatModerationDetailsModal_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx"),_services_moderation_service__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./services/moderation-service.ts"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,confirm=antd__WEBPACK_IMPORTED_MODULE_6__.A.confirm,CloseCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(4746)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/CloseCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/CloseCircleOutlined.js"]}}}),ExclamationCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(3595)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ExclamationCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ExclamationCircleOutlined.js"]}}}),EyeInvisibleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(348)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/EyeInvisibleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/EyeInvisibleOutlined.js"]}}}),SmallDashOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(3257)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/SmallDashOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/SmallDashOutlined.js"]}}}),ChatModerationActionMenu=function ChatModerationActionMenu(_ref){var messageID=_ref.messageID,userID=_ref.userID,userDisplayName=_ref.userDisplayName,accessToken=_ref.accessToken,_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),showUserDetailsModal=_useState[0],setShowUserDetailsModal=_useState[1],handleBanUser=function(){var _ref2=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee(){return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.prev=0,_context.next=3,_services_moderation_service__WEBPACK_IMPORTED_MODULE_5__.A.banUser(userID,accessToken);case 3:_context.next=9;break;case 5:_context.prev=5,_context.t0=_context.catch(0),console.error(_context.t0),antd__WEBPACK_IMPORTED_MODULE_8__.Ay.error(_context.t0);case 9:case"end":return _context.stop()}}),_callee,null,[[0,5]])})));return function handleBanUser(){return _ref2.apply(this,arguments)}}(),handleHideMessage=function(){var _ref3=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee2(){return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.prev=0,_context2.next=3,_services_moderation_service__WEBPACK_IMPORTED_MODULE_5__.A.removeMessage(messageID,accessToken);case 3:_context2.next=9;break;case 5:_context2.prev=5,_context2.t0=_context2.catch(0),console.error(_context2.t0),antd__WEBPACK_IMPORTED_MODULE_8__.Ay.error(_context2.t0);case 9:case"end":return _context2.stop()}}),_callee2,null,[[0,5]])})));return function handleHideMessage(){return _ref3.apply(this,arguments)}}(),confirmHideMessage=function(){var _ref4=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee3(){return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:confirm({icon:__jsx(ExclamationCircleOutlined,null),content:"Are you sure you want to remove this message from ".concat(userDisplayName,"?"),onOk:function onOk(){handleHideMessage()}});case 1:case"end":return _context3.stop()}}),_callee3)})));return function confirmHideMessage(){return _ref4.apply(this,arguments)}}(),confirmBanUser=function(){var _ref5=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee4(){return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:confirm({icon:__jsx(ExclamationCircleOutlined,null),content:"Are you sure you want to ban ".concat(userDisplayName," from chat?"),onOk:function onOk(){handleBanUser()}});case 1:case"end":return _context4.stop()}}),_callee4)})));return function confirmBanUser(){return _ref5.apply(this,arguments)}}(),items=[{icon:__jsx(EyeInvisibleOutlined,null),label:"Hide Message",key:"hide-message",onClick:confirmHideMessage},{icon:__jsx(CloseCircleOutlined,null),label:"Ban User",key:"ban-user",onClick:confirmBanUser},{label:"More Info...",key:"more-info",onClick:function onClick(){return setShowUserDetailsModal(!0)}}];return __jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,__jsx(antd__WEBPACK_IMPORTED_MODULE_9__.A,{menu:{items},trigger:["click"]},__jsx("button",{type:"button","aria-label":"Chat moderation options",onClick:function onClick(e){return e.preventDefault()}},__jsx(antd__WEBPACK_IMPORTED_MODULE_10__.A,null,__jsx(SmallDashOutlined,null)))),__jsx(_ui_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__.Modal,{title:userDisplayName,open:showUserDetailsModal,handleCancel:function handleCancel(){setShowUserDetailsModal(!1)}},__jsx(_ChatModerationDetailsModal_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_4__.q,{userId:userID,accessToken})))};try{ChatModerationActionMenu.displayName="ChatModerationActionMenu",ChatModerationActionMenu.__docgenInfo={description:"",displayName:"ChatModerationActionMenu",props:{accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}},messageID:{defaultValue:null,description:"",name:"messageID",required:!0,type:{name:"string"}},userID:{defaultValue:null,description:"",name:"userID",required:!0,type:{name:"string"}},userDisplayName:{defaultValue:null,description:"",name:"userDisplayName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx#ChatModerationActionMenu"]={docgenInfo:ChatModerationActionMenu.__docgenInfo,name:"ChatModerationActionMenu",path:"components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx#ChatModerationActionMenu"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{q:()=>ChatModerationDetailsModal});var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),collapse=__webpack_require__("./node_modules/antd/es/collapse/index.js"),row=__webpack_require__("./node_modules/antd/es/row/index.js"),col=__webpack_require__("./node_modules/antd/es/col/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),spin=__webpack_require__("./node_modules/antd/es/spin/index.js"),tag=__webpack_require__("./node_modules/antd/es/tag/index.js"),table=__webpack_require__("./node_modules/antd/es/table/index.js"),format=__webpack_require__("./node_modules/date-fns/format.mjs"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),moderation_service=__webpack_require__("./services/moderation-service.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatModerationDetailsModal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatModerationDetailsModal_module.A,options);const ChatModerationDetailsModal_ChatModerationDetailsModal_module=ChatModerationDetailsModal_module.A&&ChatModerationDetailsModal_module.A.locals?ChatModerationDetailsModal_module.A.locals:void 0;var utils_format=__webpack_require__("./utils/format.ts"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.A.Panel,DeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(8863)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/DeleteOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/DeleteOutlined.js"]}}}),removeMessage=function(){var _ref=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(messageId,accessToken){return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:try{moderation_service.A.removeMessage(messageId,accessToken)}catch(e){console.error(e)}case 1:case"end":return _context.stop()}}),_callee)})));return function removeMessage(_x,_x2){return _ref.apply(this,arguments)}}(),ValueRow=function ValueRow(_ref2){var label=_ref2.label,value=_ref2.value;return __jsx(row.A,{justify:"space-around",align:"middle"},__jsx(col.A,{span:12},label),__jsx(col.A,{span:12},value))};ValueRow.displayName="ValueRow";var ConnectedClient=function ConnectedClient(_ref3){var client=_ref3.client,messageCount=client.messageCount,connectedAt=client.connectedAt,geo=client.geo,connectedAtDate=(0,format.GP)(new Date(connectedAt),"PP pp");return __jsx("div",null,__jsx(ValueRow,{label:"Messages Sent",value:messageCount.toString()}),"N/A"!==geo&&__jsx(ValueRow,{label:"Geo",value:geo}),__jsx(ValueRow,{label:"Connected At",value:connectedAtDate}))};ConnectedClient.displayName="ConnectedClient";var UserColorBlock=function UserColorBlock(_ref4){var color=_ref4.color,bg="var(--theme-color-users-".concat(color,")");return __jsx("div",{className:ChatModerationDetailsModal_ChatModerationDetailsModal_module.colorBlock,style:{backgroundColor:bg}},"Color ",color)};UserColorBlock.displayName="UserColorBlock";var ChatModerationDetailsModal=function ChatModerationDetailsModal(_ref5){var userId=_ref5.userId,accessToken=_ref5.accessToken,_useState=(0,react.useState)(null),userDetails=_useState[0],setUserDetails=_useState[1],_useState2=(0,react.useState)(!0),loading=_useState2[0],setLoading=_useState2[1],getDetails=function(){var _ref6=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee2(){var response;return regenerator_default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.prev=0,_context2.next=3,fetch("/api/moderation/chat/user/".concat(userId,"?accessToken=").concat(accessToken));case 3:return _context2.next=5,_context2.sent.json();case 5:response=_context2.sent,setUserDetails(response),setLoading(!1),_context2.next=13;break;case 10:_context2.prev=10,_context2.t0=_context2.catch(0),console.error(_context2.t0);case 13:case"end":return _context2.stop()}}),_callee2,null,[[0,10]])})));return function getDetails(){return _ref6.apply(this,arguments)}}();if((0,react.useEffect)((function(){getDetails()}),[]),!userDetails)return null;var user=userDetails.user,connectedClients=userDetails.connectedClients,messages=userDetails.messages,displayColor=user.displayColor,createdAt=user.createdAt,previousNames=user.previousNames,scopes=user.scopes,isBot=user.isBot,authenticated=user.authenticated,totalMessagesSent=connectedClients.reduce((function(acc,client){return acc+client.messageCount}),0),createdAtDate=(0,format.GP)(new Date(createdAt),"PP pp"),chatMessageColumns=[{title:"Message",dataIndex:"body",key:"body"},{title:"Sent At",dataIndex:"timestamp",key:"timestamp",render:function render(timestamp){return(0,format.GP)(new Date(timestamp),"PP pp")}},{title:"Delete",key:"delete",render:function render(_text,record){return __jsx(es_button.A,{type:"primary",ghost:!0,icon:__jsx(DeleteOutlined,null),onClick:function onClick(){return removeMessage(record.id,accessToken)}})}}];return __jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref7){var error=_ref7.error,resetErrorBoundary=_ref7.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"ChatModerationDetailsModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx(spin.A,{spinning:loading},__jsx(UserColorBlock,{color:displayColor}),null==scopes?void 0:scopes.map((function(scope){return __jsx(tag.A,{key:scope},scope)})),authenticated&&__jsx(tag.A,null,"Authenticated"),isBot&&__jsx(tag.A,null,"Bot"),__jsx(ValueRow,{label:"Messages Sent Across Clients",value:totalMessagesSent.toString()}),__jsx(ValueRow,{label:"User Created",value:createdAtDate}),__jsx(ValueRow,{label:"Known As",value:previousNames.join(",")}),__jsx(collapse.A,{accordion:!0},__jsx(Panel,{header:"Currently Connected Clients",key:"connected-clients"},__jsx(collapse.A,{accordion:!0},connectedClients.map((function(client){return __jsx(Panel,{header:(0,utils_format.Ld)(client.userAgent),key:client.id},__jsx(ConnectedClient,{client}))})))),__jsx(collapse.A,{accordion:!0},__jsx(Panel,{header:"Recent Chat Messages",key:"chat-messages"},__jsx(table.A,{size:"small",pagination:null,columns:chatMessageColumns,dataSource:messages,rowKey:"id"}))))))};ChatModerationDetailsModal.displayName="ChatModerationDetailsModal";try{ChatModerationDetailsModal.displayName="ChatModerationDetailsModal",ChatModerationDetailsModal.__docgenInfo={description:"",displayName:"ChatModerationDetailsModal",props:{userId:{defaultValue:null,description:"",name:"userId",required:!0,type:{name:"string"}},accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx#ChatModerationDetailsModal"]={docgenInfo:ChatModerationDetailsModal.__docgenInfo,name:"ChatModerationDetailsModal",path:"components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx#ChatModerationDetailsModal"})}catch(__react_docgen_typescript_loader_error){}},"./components/ui/ComponentError/ComponentError.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>ComponentError});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/alert/index.js"),antd__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/button/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,openBugReport=function openBugReport(){window.open("https://github.com/owncast/owncast/issues/new?assignees=&labels=&template=bug-report-feature-request.yml","_blank")},ErrorContent=function ErrorContent(_ref){var message=_ref.message,componentName=_ref.componentName,details=_ref.details,canRetry=_ref.canRetry;return __jsx("div",null,__jsx("p",null,"There was an unexpected error. It would be appreciated if you would report this so it can be fixed in the future."),!!canRetry&&__jsx("p",null,"You may optionally retry, however functionality might not work as expected."),__jsx("code",null,__jsx("div",null,message&&"Error: ".concat(message)),__jsx("div",null,"Component: ",componentName),__jsx("div",null,details&&details)))};ErrorContent.displayName="ErrorContent";var ComponentError=function ComponentError(_ref2){var message=_ref2.message,componentName=_ref2.componentName,details=_ref2.details,retryFunction=_ref2.retryFunction;return __jsx(antd__WEBPACK_IMPORTED_MODULE_1__.A,{message:"Error",showIcon:!0,description:__jsx(ErrorContent,{message,details,componentName,canRetry:!!retryFunction}),type:"error",action:__jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,retryFunction&&__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError";try{ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",displayName:"ComponentError",props:{message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string"}},componentName:{defaultValue:null,description:"",name:"componentName",required:!0,type:{name:"string"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},retryFunction:{defaultValue:null,description:"",name:"retryFunction",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/ComponentError/ComponentError.tsx#ComponentError"]={docgenInfo:ComponentError.__docgenInfo,name:"ComponentError",path:"components/ui/ComponentError/ComponentError.tsx#ComponentError"})}catch(__react_docgen_typescript_loader_error){}},"./components/ui/Modal/Modal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Modal:()=>Modal});var modal=__webpack_require__("./node_modules/antd/es/modal/index.js"),spin=__webpack_require__("./node_modules/antd/es/spin/index.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Modal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/ui/Modal/Modal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Modal_module.A,options);const Modal_Modal_module=Modal_module.A&&Modal_module.A.locals?Modal_module.A.locals:void 0;var __jsx=react.createElement,Modal=function Modal(_ref){var title=_ref.title,url=_ref.url,open=_ref.open,handleOk=_ref.handleOk,handleCancel=_ref.handleCancel,afterClose=_ref.afterClose,height=_ref.height,width=_ref.width,children=_ref.children,_useState=(0,react.useState)(!!url),loading=_useState[0],setLoading=_useState[1],defaultHeight="100%",defaultWidth="520px";url&&(defaultHeight="70vh",defaultWidth="900px");var modalContentBodyStyle={padding:"0px",minHeight:height,height:null!=height?height:defaultHeight},iframe=url&&__jsx("iframe",{title,src:url,width:"100%",height:"100%",sandbox:"allow-same-origin allow-scripts allow-popups allow-forms",frameBorder:"0",allowFullScreen:!0,style:{display:"block"},onLoad:function onLoad(){return setLoading(!1)}}),iframeDisplayStyle=loading?"none":"inline";return __jsx(modal.A,{title,open,onOk:handleOk,onCancel:handleCancel,afterClose,bodyStyle:modalContentBodyStyle,width:null!=width?width:defaultWidth,zIndex:999,footer:null,centered:!0,destroyOnClose:!0,className:Modal_Modal_module.modal},__jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"Modal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx("div",{id:"modal-container",style:{height:"100%"}},iframe&&__jsx("div",{style:{display:iframeDisplayStyle}},iframe),children&&__jsx("div",{className:Modal_Modal_module.content},children),loading&&__jsx(spin.A,{className:Modal_Modal_module.spinner,spinning:loading,size:"large",tip:title}))))};Modal.displayName="Modal",Modal.defaultProps={url:void 0,children:void 0,handleOk:void 0,handleCancel:void 0,afterClose:void 0};try{Modal.displayName="Modal",Modal.__docgenInfo={description:"",displayName:"Modal",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},url:{defaultValue:{value:"undefined"},description:"",name:"url",required:!1,type:{name:"string"}},open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}},handleOk:{defaultValue:{value:"undefined"},description:"",name:"handleOk",required:!1,type:{name:"() => void"}},handleCancel:{defaultValue:{value:"undefined"},description:"",name:"handleCancel",required:!1,type:{name:"() => void"}},afterClose:{defaultValue:{value:"undefined"},description:"",name:"afterClose",required:!1,type:{name:"() => void"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/Modal/Modal.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"components/ui/Modal/Modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}},"./services/moderation-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=function(){return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__.A)((function ChatModerationService(){(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.A)(this,ChatModerationService)}),null,[{key:"removeMessage",value:(_removeMessage=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(id,accessToken){var url,hideMessageUrl,options;return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return(url=new URL("/api/chat/messagevisibility",window.location.toString())).searchParams.append("accessToken",accessToken),hideMessageUrl=url.toString(),options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({idArray:[id]})},_context.next=6,fetch(hideMessageUrl,options);case 6:case"end":return _context.stop()}}),_callee)}))),function removeMessage(_x,_x2){return _removeMessage.apply(this,arguments)})},{key:"banUser",value:(_banUser=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee2(id,accessToken){var url,hideMessageUrl,options;return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return(url=new URL("/api/chat/users/setenabled",window.location.toString())).searchParams.append("accessToken",accessToken),hideMessageUrl=url.toString(),options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({userId:id})},_context2.next=6,fetch(hideMessageUrl,options);case 6:case"end":return _context2.stop()}}),_callee2)}))),function banUser(_x3,_x4){return _banUser.apply(this,arguments)})}]);var _banUser,_removeMessage}()},"./utils/format.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ld:()=>formatUAstring,RW:()=>parseSecondsToDurationString});var ua_parser_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(ua_parser_js__WEBPACK_IMPORTED_MODULE_0__);function padLeft(text,pad,size){return String(pad.repeat(size)+text).slice(-size)}function parseSecondsToDurationString(){var seconds=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,finiteSeconds=Number.isFinite(+seconds)?Math.abs(seconds):0,days=Math.floor(finiteSeconds/86400),daysString=days>0?"".concat(days," day").concat(days>1?"s":""," "):"",hours=Math.floor(finiteSeconds/3600%24),hoursString=hours||days?padLeft("".concat(hours,":"),"0",3):"",mins=Math.floor(finiteSeconds/60%60),minString=padLeft("".concat(mins,":"),"0",3),secs=Math.floor(finiteSeconds%60);return daysString+hoursString+minString+padLeft("".concat(secs),"0",2)}function formatUAstring(uaString){var parser=ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default()(uaString),device=parser.device,os=parser.os,browser=parser.browser,browserVersion=browser.major,name=browser.name,osVersion=os.version,osName=os.name,model=device.model,type=device.type;if("libmpv"===uaString)return"mpv media player";if(!name||!browserVersion||!osName)return uaString;var deviceString=model||type?" (".concat(model||type,")"):"";return"".concat(name," ").concat(browserVersion," on ").concat(osName," ").concat(osVersion,"\n ").concat(deviceString)}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".LLkMqCQ151QLthz6Jrm9{padding:10px}.tLPeuqwkaXHP5VCqtGlt{margin:10px;padding:15px;border:1px solid #ccc;border-radius:5px}.Ptcgm8bVQJo5oZiQCGGK{display:inline-block;width:60px;height:20px;border:1px solid #000;text-align:center;font-size:.8rem}.wwiXkMXh0rQl0JFi8jFw{font-weight:bold;padding-right:10px;font-size:1.2rem}","",{version:3,sources:["webpack://./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CAGF,sBACE,WAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CAGF,sBACE,oBAAA,CACA,UAAA,CACA,WAAA,CACA,qBAAA,CACA,iBAAA,CACA,eAAA,CAGF,sBACE,gBAAA,CACA,kBAAA,CACA,gBAAA",sourcesContent:[".modalContainer {\n padding: 10px;\n}\n\n.chatHistory {\n margin: 10px;\n padding: 15px;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\n.colorBlock {\n display: inline-block;\n width: 60px;\n height: 20px;\n border: 1px solid #000;\n text-align: center;\n font-size: 0.8rem;\n}\n\n.displayName {\n font-weight: bold;\n padding-right: 10px;\n font-size: 1.2rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={modalContainer:"LLkMqCQ151QLthz6Jrm9",chatHistory:"tLPeuqwkaXHP5VCqtGlt",colorBlock:"Ptcgm8bVQJo5oZiQCGGK",displayName:"wwiXkMXh0rQl0JFi8jFw"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/ui/Modal/Modal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Lt6Vg4guWZPhViFV8BR8{position:absolute;top:50%;left:50%}.Ep_XrhrWHWWaET4hDVIz{display:block;height:100%;padding:1.25rem;background-color:var(--theme-color-components-modal-content-background);color:var(--theme-color-components-modal-content-text)}.Ep_XrhrWHWWaET4hDVIz h1:first-child,.Ep_XrhrWHWWaET4hDVIz h2:first-child,.Ep_XrhrWHWWaET4hDVIz h3:first-child{margin-top:unset}.zqlLEpPjiWLlgRdtKyEt .ant-modal-header{color:var(--theme-color-components-modal-header-text);font-family:var(--theme-text-display-font-family);padding:1rem 1.25rem}.zqlLEpPjiWLlgRdtKyEt .ant-modal-title{color:var(--theme-color-components-modal-header-text);font-size:17px;font-weight:600}.zqlLEpPjiWLlgRdtKyEt .ant-modal-body{overflow:auto;border-radius:0 0 var(--theme-rounded-corners) var(--theme-rounded-corners)}.zqlLEpPjiWLlgRdtKyEt .ant-modal-close-x{font-size:12px}.zqlLEpPjiWLlgRdtKyEt .ant-modal{color:var(--theme-color-components-text-on-light)}.zqlLEpPjiWLlgRdtKyEt .ant-modal h1{color:var(--theme-color-components-text-on-light)}.zqlLEpPjiWLlgRdtKyEt .ant-modal-content{box-shadow:3px 15px 15px -3px rgba(0,0,0,.15),0 4px 6px -2px rgba(0,0,0,.08)}","",{version:3,sources:["webpack://./components/ui/Modal/Modal.module.scss"],names:[],mappings:"AACA,sBACE,iBAAA,CACA,OAAA,CACA,QAAA,CAGF,sBACE,aAAA,CACA,WAAA,CACA,eAAA,CACA,uEAAA,CACA,sDAAA,CAEA,+GAGE,gBAAA,CAKH,wCACC,qDAAA,CACA,iDAAA,CACA,oBAAA,CAGD,uCACC,qDAAA,CACA,cAAA,CACA,eAAA,CAGD,sCACC,aAAA,CACA,2EAAA,CAGD,yCACC,cAAA,CAGD,iCACC,iDAAA,CAEA,oCACC,iDAAA,CAIF,yCACC,4EAAA",sourcesContent:["\n.spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n}\n\n.content {\n display: block;\n height: 100%;\n padding: 1.25rem;\n background-color: var(--theme-color-components-modal-content-background);\n color: var(--theme-color-components-modal-content-text);\n\n h1:first-child,\n h2:first-child,\n h3:first-child {\n margin-top: unset;\n }\n}\n\n.modal {\n\t:global(.ant-modal-header) {\n\t\tcolor: var(--theme-color-components-modal-header-text);\n\t\tfont-family: var(--theme-text-display-font-family);\n\t\tpadding: 1rem 1.25rem;\n\t}\n\n\t:global(.ant-modal-title) {\n\t\tcolor: var(--theme-color-components-modal-header-text);\n\t\tfont-size: 17px;\n\t\tfont-weight: 600;\n\t}\n\n\t:global(.ant-modal-body) {\n\t\toverflow: auto;\n\t\tborder-radius: 0 0 var(--theme-rounded-corners) var(--theme-rounded-corners);\n\t}\n\n\t:global(.ant-modal-close-x) {\n\t\tfont-size: 12px;\n\t}\n\n\t:global(.ant-modal) {\n\t\tcolor: var(--theme-color-components-text-on-light);\n\n\t\th1 {\n\t\t\tcolor: var(--theme-color-components-text-on-light);\n\t\t}\n\t}\n\n\t:global(.ant-modal-content) {\n\t\tbox-shadow: 3px 15px 15px -3px rgb(0 0 0 / 15%), 0 4px 6px -2px rgb(0 0 0 / 8%);\n\t}\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={spinner:"Lt6Vg4guWZPhViFV8BR8",content:"Ep_XrhrWHWWaET4hDVIz",modal:"zqlLEpPjiWLlgRdtKyEt"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")},"./node_modules/next/dist/shared/lib/dynamic.js":(module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{default:function(){return dynamic},noSSR:function(){return noSSR}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_jsxruntime=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js"),_loadablesharedruntime=(__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_interop_require_default._(__webpack_require__("./node_modules/next/dist/shared/lib/loadable.shared-runtime.js"))),isServerSide="undefined"==typeof window;function convertModule(mod){return{default:(null==mod?void 0:mod.default)||mod}}function noSSR(LoadableInitializer,loadableOptions){if(delete loadableOptions.webpack,delete loadableOptions.modules,!isServerSide)return LoadableInitializer(loadableOptions);const Loading=loadableOptions.loading;return()=>(0,_jsxruntime.jsx)(Loading,{error:null,isLoading:!0,pastDelay:!1,timedOut:!1})}function dynamic(dynamicOptions,options){let loadableFn=_loadablesharedruntime.default,loadableOptions={loading:param=>{let{error,isLoading,pastDelay}=param;return null}};dynamicOptions instanceof Promise?loadableOptions.loader=()=>dynamicOptions:"function"==typeof dynamicOptions?loadableOptions.loader=dynamicOptions:"object"==typeof dynamicOptions&&(loadableOptions={...loadableOptions,...dynamicOptions}),loadableOptions={...loadableOptions,...options};const loaderFn=loadableOptions.loader;return loadableOptions.loadableGenerated&&(loadableOptions={...loadableOptions,...loadableOptions.loadableGenerated},delete loadableOptions.loadableGenerated),"boolean"!=typeof loadableOptions.ssr||loadableOptions.ssr?loadableFn({...loadableOptions,loader:()=>null!=loaderFn?loaderFn().then(convertModule):Promise.resolve(convertModule((()=>null)))}):(delete loadableOptions.webpack,delete loadableOptions.modules,noSSR(loadableFn,loadableOptions))}("function"==typeof exports.default||"object"==typeof exports.default&&null!==exports.default)&&void 0===exports.default.__esModule&&(Object.defineProperty(exports.default,"__esModule",{value:!0}),Object.assign(exports.default,exports),module.exports=exports.default)},"./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LoadableContext",{enumerable:!0,get:function(){return LoadableContext}});const LoadableContext=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs")._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")).default.createContext(null)},"./node_modules/next/dist/shared/lib/loadable.shared-runtime.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _default}});const _react=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs")._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablecontextsharedruntime=__webpack_require__("./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.js");const ALL_INITIALIZERS=[],READY_INITIALIZERS=[];let initialized=!1;function load(loader){let promise=loader(),state={loading:!0,loaded:null,error:null};return state.promise=promise.then((loaded=>(state.loading=!1,state.loaded=loaded,loaded))).catch((err=>{throw state.loading=!1,state.error=err,err})),state}function createLoadableComponent(loadFn,options){let opts=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},options),subscription=null;function init(){if(!subscription){const sub=new LoadableSubscription(loadFn,opts);subscription={getCurrentValue:sub.getCurrentValue.bind(sub),subscribe:sub.subscribe.bind(sub),retry:sub.retry.bind(sub),promise:sub.promise.bind(sub)}}return subscription.promise()}if("undefined"==typeof window&&ALL_INITIALIZERS.push(init),!initialized&&"undefined"!=typeof window){const moduleIds=opts.webpack?opts.webpack():opts.modules;moduleIds&&READY_INITIALIZERS.push((ids=>{for(const moduleId of moduleIds)if(ids.includes(moduleId))return init()}))}function LoadableComponent(props,ref){!function useLoadableModule(){init();const context=_react.default.useContext(_loadablecontextsharedruntime.LoadableContext);context&&Array.isArray(opts.modules)&&opts.modules.forEach((moduleName=>{context(moduleName)}))}();const state=_react.default.useSyncExternalStore(subscription.subscribe,subscription.getCurrentValue,subscription.getCurrentValue);return _react.default.useImperativeHandle(ref,(()=>({retry:subscription.retry})),[]),_react.default.useMemo((()=>state.loading||state.error?_react.default.createElement(opts.loading,{isLoading:state.loading,pastDelay:state.pastDelay,timedOut:state.timedOut,error:state.error,retry:subscription.retry}):state.loaded?_react.default.createElement(function resolve(obj){return obj&&obj.default?obj.default:obj}(state.loaded),props):null),[props,state])}return LoadableComponent.preload=()=>init(),LoadableComponent.displayName="LoadableComponent",_react.default.forwardRef(LoadableComponent)}class LoadableSubscription{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};const{_res:res,_opts:opts}=this;res.loading&&("number"==typeof opts.delay&&(0===opts.delay?this._state.pastDelay=!0:this._delay=setTimeout((()=>{this._update({pastDelay:!0})}),opts.delay)),"number"==typeof opts.timeout&&(this._timeout=setTimeout((()=>{this._update({timedOut:!0})}),opts.timeout))),this._res.promise.then((()=>{this._update({}),this._clearTimeouts()})).catch((_err=>{this._update({}),this._clearTimeouts()})),this._update({})}_update(partial){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...partial},this._callbacks.forEach((callback=>callback()))}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(callback){return this._callbacks.add(callback),()=>{this._callbacks.delete(callback)}}constructor(loadFn,opts){this._loadFn=loadFn,this._opts=opts,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}}function Loadable(opts){return createLoadableComponent(load,opts)}function flushInitializers(initializers,ids){let promises=[];for(;initializers.length;){let init=initializers.pop();promises.push(init(ids))}return Promise.all(promises).then((()=>{if(initializers.length)return flushInitializers(initializers,ids)}))}Loadable.preloadAll=()=>new Promise(((resolveInitializers,reject)=>{flushInitializers(ALL_INITIALIZERS).then(resolveInitializers,reject)})),Loadable.preloadReady=ids=>(void 0===ids&&(ids=[]),new Promise((resolvePreload=>{const res=()=>(initialized=!0,resolvePreload());flushInitializers(READY_INITIALIZERS,ids).then(res,res)}))),"undefined"!=typeof window&&(window.__NEXT_PRELOADREADY=Loadable.preloadReady);const _default=Loadable},"./node_modules/next/dynamic.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/shared/lib/dynamic.js")}}]); \ No newline at end of file +(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[9721,6128],{"./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),recoil__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/recoil/es/index.js"),_ChatModerationActionMenu__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement;const __WEBPACK_DEFAULT_EXPORT__={title:"owncast/Chat/Moderation menu",component:_ChatModerationActionMenu__WEBPACK_IMPORTED_MODULE_2__.ChatModerationActionMenu,parameters:{fetchMock:{mocks:[{matcher:{name:"response",url:"glob:/api/moderation/chat/user/*"},response:{status:200,body:{user:{id:"hjFPU967R",displayName:"focused-snyder",displayColor:2,createdAt:"2022-07-12T13:08:31.406505322-07:00",previousNames:["focused-snyder"],scopes:["MODERATOR"],isBot:!1,authenticated:!1},connectedClients:[{messageCount:3,userAgent:"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36",connectedAt:"2022-07-20T16:45:07.796685618-07:00",geo:"N/A"}],messages:[{id:"bQp8UJR4R",timestamp:"2022-07-20T16:53:41.938083228-07:00",user:null,body:"test message 3"},{id:"ubK88Jg4R",timestamp:"2022-07-20T16:53:39.675531279-07:00",user:null,body:"test message 2"},{id:"20v8UJRVR",timestamp:"2022-07-20T16:53:37.551084121-07:00",user:null,body:"test message 1"}]}}}]},docs:{description:{component:"This should be a popup that is activated from a user's chat message. It should have actions to:\n- Remove single message\n- Ban user completely\n- Open modal to see user details\n "}}}};var Template=function Template(){return __jsx(recoil__WEBPACK_IMPORTED_MODULE_1__.bi,null,__jsx(_ChatModerationActionMenu__WEBPACK_IMPORTED_MODULE_2__.ChatModerationActionMenu,{accessToken:"abc123",messageID:"xxx",userDisplayName:"Fake-User",userID:"abc123"}))};Template.displayName="Template";var Basic={render:Template};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"{\n render: Template\n}",...Basic.parameters?.docs?.source}}};const __namedExportsOrder=["Basic"]},"./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ChatModerationActionMenu:()=>ChatModerationActionMenu});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__),antd__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/antd/es/modal/index.js"),antd__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/antd/es/message/index.js"),antd__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/antd/es/dropdown/index.js"),antd__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/antd/es/space/index.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_2__),_ui_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/ui/Modal/Modal.tsx"),_ChatModerationDetailsModal_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx"),_services_moderation_service__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./services/moderation-service.ts"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,confirm=antd__WEBPACK_IMPORTED_MODULE_6__.A.confirm,CloseCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(4746)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/CloseCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/CloseCircleOutlined.js"]}}}),ExclamationCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(3595)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ExclamationCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ExclamationCircleOutlined.js"]}}}),EyeInvisibleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(348)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/EyeInvisibleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/EyeInvisibleOutlined.js"]}}}),SmallDashOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(3257)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/SmallDashOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/SmallDashOutlined.js"]}}}),ChatModerationActionMenu=function ChatModerationActionMenu(_ref){var messageID=_ref.messageID,userID=_ref.userID,userDisplayName=_ref.userDisplayName,accessToken=_ref.accessToken,_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),showUserDetailsModal=_useState[0],setShowUserDetailsModal=_useState[1],handleBanUser=function(){var _ref2=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee(){return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.prev=0,_context.next=3,_services_moderation_service__WEBPACK_IMPORTED_MODULE_5__.A.banUser(userID,accessToken);case 3:_context.next=9;break;case 5:_context.prev=5,_context.t0=_context.catch(0),console.error(_context.t0),antd__WEBPACK_IMPORTED_MODULE_8__.Ay.error(_context.t0);case 9:case"end":return _context.stop()}}),_callee,null,[[0,5]])})));return function handleBanUser(){return _ref2.apply(this,arguments)}}(),handleHideMessage=function(){var _ref3=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee2(){return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.prev=0,_context2.next=3,_services_moderation_service__WEBPACK_IMPORTED_MODULE_5__.A.removeMessage(messageID,accessToken);case 3:_context2.next=9;break;case 5:_context2.prev=5,_context2.t0=_context2.catch(0),console.error(_context2.t0),antd__WEBPACK_IMPORTED_MODULE_8__.Ay.error(_context2.t0);case 9:case"end":return _context2.stop()}}),_callee2,null,[[0,5]])})));return function handleHideMessage(){return _ref3.apply(this,arguments)}}(),confirmHideMessage=function(){var _ref4=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee3(){return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:confirm({icon:__jsx(ExclamationCircleOutlined,null),content:"Are you sure you want to remove this message from ".concat(userDisplayName,"?"),onOk:function onOk(){handleHideMessage()}});case 1:case"end":return _context3.stop()}}),_callee3)})));return function confirmHideMessage(){return _ref4.apply(this,arguments)}}(),confirmBanUser=function(){var _ref5=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee4(){return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:confirm({icon:__jsx(ExclamationCircleOutlined,null),content:"Are you sure you want to ban ".concat(userDisplayName," from chat?"),onOk:function onOk(){handleBanUser()}});case 1:case"end":return _context4.stop()}}),_callee4)})));return function confirmBanUser(){return _ref5.apply(this,arguments)}}(),items=[{icon:__jsx(EyeInvisibleOutlined,null),label:"Hide Message",key:"hide-message",onClick:confirmHideMessage},{icon:__jsx(CloseCircleOutlined,null),label:"Ban User",key:"ban-user",onClick:confirmBanUser},{label:"More Info...",key:"more-info",onClick:function onClick(){return setShowUserDetailsModal(!0)}}];return __jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,__jsx(antd__WEBPACK_IMPORTED_MODULE_9__.A,{menu:{items},trigger:["click"]},__jsx("button",{type:"button","aria-label":"Chat moderation options",onClick:function onClick(e){return e.preventDefault()}},__jsx(antd__WEBPACK_IMPORTED_MODULE_10__.A,null,__jsx(SmallDashOutlined,null)))),__jsx(_ui_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__.Modal,{title:userDisplayName,open:showUserDetailsModal,handleCancel:function handleCancel(){setShowUserDetailsModal(!1)}},__jsx(_ChatModerationDetailsModal_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_4__.q,{userId:userID,accessToken})))};try{ChatModerationActionMenu.displayName="ChatModerationActionMenu",ChatModerationActionMenu.__docgenInfo={description:"",displayName:"ChatModerationActionMenu",props:{accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}},messageID:{defaultValue:null,description:"",name:"messageID",required:!0,type:{name:"string"}},userID:{defaultValue:null,description:"",name:"userID",required:!0,type:{name:"string"}},userDisplayName:{defaultValue:null,description:"",name:"userDisplayName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx#ChatModerationActionMenu"]={docgenInfo:ChatModerationActionMenu.__docgenInfo,name:"ChatModerationActionMenu",path:"components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx#ChatModerationActionMenu"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{q:()=>ChatModerationDetailsModal});var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),collapse=__webpack_require__("./node_modules/antd/es/collapse/index.js"),row=__webpack_require__("./node_modules/antd/es/row/index.js"),col=__webpack_require__("./node_modules/antd/es/col/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),spin=__webpack_require__("./node_modules/antd/es/spin/index.js"),tag=__webpack_require__("./node_modules/antd/es/tag/index.js"),table=__webpack_require__("./node_modules/antd/es/table/index.js"),format=__webpack_require__("./node_modules/date-fns/format.mjs"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),moderation_service=__webpack_require__("./services/moderation-service.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatModerationDetailsModal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatModerationDetailsModal_module.A,options);const ChatModerationDetailsModal_ChatModerationDetailsModal_module=ChatModerationDetailsModal_module.A&&ChatModerationDetailsModal_module.A.locals?ChatModerationDetailsModal_module.A.locals:void 0;var utils_format=__webpack_require__("./utils/format.ts"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.A.Panel,DeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(8863)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/DeleteOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/DeleteOutlined.js"]}}}),removeMessage=function(){var _ref=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(messageId,accessToken){return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:try{moderation_service.A.removeMessage(messageId,accessToken)}catch(e){console.error(e)}case 1:case"end":return _context.stop()}}),_callee)})));return function removeMessage(_x,_x2){return _ref.apply(this,arguments)}}(),ValueRow=function ValueRow(_ref2){var label=_ref2.label,value=_ref2.value;return __jsx(row.A,{justify:"space-around",align:"middle"},__jsx(col.A,{span:12},label),__jsx(col.A,{span:12},value))};ValueRow.displayName="ValueRow";var ConnectedClient=function ConnectedClient(_ref3){var client=_ref3.client,messageCount=client.messageCount,connectedAt=client.connectedAt,geo=client.geo,connectedAtDate=(0,format.GP)(new Date(connectedAt),"PP pp");return __jsx("div",null,__jsx(ValueRow,{label:"Messages Sent",value:messageCount.toString()}),"N/A"!==geo&&__jsx(ValueRow,{label:"Geo",value:geo}),__jsx(ValueRow,{label:"Connected At",value:connectedAtDate}))};ConnectedClient.displayName="ConnectedClient";var UserColorBlock=function UserColorBlock(_ref4){var color=_ref4.color,bg="var(--theme-color-users-".concat(color,")");return __jsx("div",{className:ChatModerationDetailsModal_ChatModerationDetailsModal_module.colorBlock,style:{backgroundColor:bg}},"Color ",color)};UserColorBlock.displayName="UserColorBlock";var ChatModerationDetailsModal=function ChatModerationDetailsModal(_ref5){var userId=_ref5.userId,accessToken=_ref5.accessToken,_useState=(0,react.useState)(null),userDetails=_useState[0],setUserDetails=_useState[1],_useState2=(0,react.useState)(!0),loading=_useState2[0],setLoading=_useState2[1],getDetails=function(){var _ref6=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee2(){var response;return regenerator_default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.prev=0,_context2.next=3,fetch("/api/moderation/chat/user/".concat(userId,"?accessToken=").concat(accessToken));case 3:return _context2.next=5,_context2.sent.json();case 5:response=_context2.sent,setUserDetails(response),setLoading(!1),_context2.next=13;break;case 10:_context2.prev=10,_context2.t0=_context2.catch(0),console.error(_context2.t0);case 13:case"end":return _context2.stop()}}),_callee2,null,[[0,10]])})));return function getDetails(){return _ref6.apply(this,arguments)}}();if((0,react.useEffect)((function(){getDetails()}),[]),!userDetails)return null;var user=userDetails.user,connectedClients=userDetails.connectedClients,messages=userDetails.messages,displayColor=user.displayColor,createdAt=user.createdAt,previousNames=user.previousNames,scopes=user.scopes,isBot=user.isBot,authenticated=user.authenticated,totalMessagesSent=connectedClients.reduce((function(acc,client){return acc+client.messageCount}),0),createdAtDate=(0,format.GP)(new Date(createdAt),"PP pp"),chatMessageColumns=[{title:"Message",dataIndex:"body",key:"body"},{title:"Sent At",dataIndex:"timestamp",key:"timestamp",render:function render(timestamp){return(0,format.GP)(new Date(timestamp),"PP pp")}},{title:"Delete",key:"delete",render:function render(_text,record){return __jsx(es_button.A,{type:"primary",ghost:!0,icon:__jsx(DeleteOutlined,null),onClick:function onClick(){return removeMessage(record.id,accessToken)}})}}];return __jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref7){var error=_ref7.error,resetErrorBoundary=_ref7.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"ChatModerationDetailsModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx(spin.A,{spinning:loading},__jsx(UserColorBlock,{color:displayColor}),null==scopes?void 0:scopes.map((function(scope){return __jsx(tag.A,{key:scope},scope)})),authenticated&&__jsx(tag.A,null,"Authenticated"),isBot&&__jsx(tag.A,null,"Bot"),__jsx(ValueRow,{label:"Messages Sent Across Clients",value:totalMessagesSent.toString()}),__jsx(ValueRow,{label:"User Created",value:createdAtDate}),__jsx(ValueRow,{label:"Known As",value:previousNames.join(",")}),__jsx(collapse.A,{accordion:!0},__jsx(Panel,{header:"Currently Connected Clients",key:"connected-clients"},__jsx(collapse.A,{accordion:!0},connectedClients.map((function(client){return __jsx(Panel,{header:(0,utils_format.Ld)(client.userAgent),key:client.id},__jsx(ConnectedClient,{client}))})))),__jsx(collapse.A,{accordion:!0},__jsx(Panel,{header:"Recent Chat Messages",key:"chat-messages"},__jsx(table.A,{size:"small",pagination:null,columns:chatMessageColumns,dataSource:messages,rowKey:"id"}))))))};ChatModerationDetailsModal.displayName="ChatModerationDetailsModal";try{ChatModerationDetailsModal.displayName="ChatModerationDetailsModal",ChatModerationDetailsModal.__docgenInfo={description:"",displayName:"ChatModerationDetailsModal",props:{userId:{defaultValue:null,description:"",name:"userId",required:!0,type:{name:"string"}},accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx#ChatModerationDetailsModal"]={docgenInfo:ChatModerationDetailsModal.__docgenInfo,name:"ChatModerationDetailsModal",path:"components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx#ChatModerationDetailsModal"})}catch(__react_docgen_typescript_loader_error){}},"./components/ui/ComponentError/ComponentError.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>ComponentError});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/alert/index.js"),antd__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/button/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,openBugReport=function openBugReport(){window.open("https://github.com/owncast/owncast/issues/new?assignees=&labels=&template=bug-report-feature-request.yml","_blank")},ErrorContent=function ErrorContent(_ref){var message=_ref.message,componentName=_ref.componentName,details=_ref.details,canRetry=_ref.canRetry;return __jsx("div",null,__jsx("p",null,"There was an unexpected error. It would be appreciated if you would report this so it can be fixed in the future."),!!canRetry&&__jsx("p",null,"You may optionally retry, however functionality might not work as expected."),__jsx("code",null,__jsx("div",null,message&&"Error: ".concat(message)),__jsx("div",null,"Component: ",componentName),__jsx("div",null,details&&details)))};ErrorContent.displayName="ErrorContent";var ComponentError=function ComponentError(_ref2){var message=_ref2.message,componentName=_ref2.componentName,details=_ref2.details,retryFunction=_ref2.retryFunction;return __jsx(antd__WEBPACK_IMPORTED_MODULE_1__.A,{message:"Error",showIcon:!0,description:__jsx(ErrorContent,{message,details,componentName,canRetry:!!retryFunction}),type:"error",action:__jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,retryFunction&&__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError";try{ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",displayName:"ComponentError",props:{message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string"}},componentName:{defaultValue:null,description:"",name:"componentName",required:!0,type:{name:"string"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},retryFunction:{defaultValue:null,description:"",name:"retryFunction",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/ComponentError/ComponentError.tsx#ComponentError"]={docgenInfo:ComponentError.__docgenInfo,name:"ComponentError",path:"components/ui/ComponentError/ComponentError.tsx#ComponentError"})}catch(__react_docgen_typescript_loader_error){}},"./components/ui/Modal/Modal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Modal:()=>Modal});var modal=__webpack_require__("./node_modules/antd/es/modal/index.js"),spin=__webpack_require__("./node_modules/antd/es/spin/index.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Modal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/ui/Modal/Modal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Modal_module.A,options);const Modal_Modal_module=Modal_module.A&&Modal_module.A.locals?Modal_module.A.locals:void 0;var __jsx=react.createElement,Modal=function Modal(_ref){var title=_ref.title,url=_ref.url,open=_ref.open,handleOk=_ref.handleOk,handleCancel=_ref.handleCancel,afterClose=_ref.afterClose,height=_ref.height,width=_ref.width,children=_ref.children,_useState=(0,react.useState)(!!url),loading=_useState[0],setLoading=_useState[1],defaultHeight="100%",defaultWidth="520px";url&&(defaultHeight="70vh",defaultWidth="900px");var modalContentBodyStyle={padding:"0px",minHeight:height,height:null!=height?height:defaultHeight},iframe=url&&__jsx("iframe",{title,src:url,width:"100%",height:"100%",sandbox:"allow-same-origin allow-scripts allow-popups allow-forms",frameBorder:"0",allowFullScreen:!0,style:{display:"block"},onLoad:function onLoad(){return setLoading(!1)}}),iframeDisplayStyle=loading?"none":"inline";return __jsx(modal.A,{title,open,onOk:handleOk,onCancel:handleCancel,afterClose,bodyStyle:modalContentBodyStyle,width:null!=width?width:defaultWidth,zIndex:999,footer:null,centered:!0,destroyOnClose:!0,className:Modal_Modal_module.modal},__jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"Modal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx("div",{id:"modal-container",style:{height:"100%"}},iframe&&__jsx("div",{style:{display:iframeDisplayStyle}},iframe),children&&__jsx("div",{className:Modal_Modal_module.content},children),loading&&__jsx(spin.A,{className:Modal_Modal_module.spinner,spinning:loading,size:"large",tip:title}))))};Modal.displayName="Modal",Modal.defaultProps={url:void 0,children:void 0,handleOk:void 0,handleCancel:void 0,afterClose:void 0};try{Modal.displayName="Modal",Modal.__docgenInfo={description:"",displayName:"Modal",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},url:{defaultValue:{value:"undefined"},description:"",name:"url",required:!1,type:{name:"string"}},open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}},handleOk:{defaultValue:{value:"undefined"},description:"",name:"handleOk",required:!1,type:{name:"() => void"}},handleCancel:{defaultValue:{value:"undefined"},description:"",name:"handleCancel",required:!1,type:{name:"() => void"}},afterClose:{defaultValue:{value:"undefined"},description:"",name:"afterClose",required:!1,type:{name:"() => void"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/Modal/Modal.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"components/ui/Modal/Modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}},"./services/moderation-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=function(){return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__.A)((function ChatModerationService(){(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.A)(this,ChatModerationService)}),null,[{key:"removeMessage",value:(_removeMessage=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(id,accessToken){var url,hideMessageUrl,options;return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return(url=new URL("/api/chat/messagevisibility",window.location.toString())).searchParams.append("accessToken",accessToken),hideMessageUrl=url.toString(),options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({idArray:[id]})},_context.next=6,fetch(hideMessageUrl,options);case 6:case"end":return _context.stop()}}),_callee)}))),function removeMessage(_x,_x2){return _removeMessage.apply(this,arguments)})},{key:"banUser",value:(_banUser=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee2(id,accessToken){var url,hideMessageUrl,options;return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return(url=new URL("/api/chat/users/setenabled",window.location.toString())).searchParams.append("accessToken",accessToken),hideMessageUrl=url.toString(),options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({userId:id})},_context2.next=6,fetch(hideMessageUrl,options);case 6:case"end":return _context2.stop()}}),_callee2)}))),function banUser(_x3,_x4){return _banUser.apply(this,arguments)})}]);var _banUser,_removeMessage}()},"./utils/format.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ld:()=>formatUAstring,RW:()=>parseSecondsToDurationString});var ua_parser_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(ua_parser_js__WEBPACK_IMPORTED_MODULE_0__);function padLeft(text,pad,size){return String(pad.repeat(size)+text).slice(-size)}function parseSecondsToDurationString(){var seconds=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,finiteSeconds=Number.isFinite(+seconds)?Math.abs(seconds):0,days=Math.floor(finiteSeconds/86400),daysString=days>0?"".concat(days," day").concat(days>1?"s":""," "):"",hours=Math.floor(finiteSeconds/3600%24),hoursString=hours||days?padLeft("".concat(hours,":"),"0",3):"",mins=Math.floor(finiteSeconds/60%60),minString=padLeft("".concat(mins,":"),"0",3),secs=Math.floor(finiteSeconds%60);return daysString+hoursString+minString+padLeft("".concat(secs),"0",2)}function formatUAstring(uaString){var parser=ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default()(uaString),device=parser.device,os=parser.os,browser=parser.browser,browserVersion=browser.major,name=browser.name,osVersion=os.version,osName=os.name,model=device.model,type=device.type;if("libmpv"===uaString)return"mpv media player";if(!name||!browserVersion||!osName)return uaString;var deviceString=model||type?" (".concat(model||type,")"):"";return"".concat(name," ").concat(browserVersion," on ").concat(osName," ").concat(osVersion,"\n ").concat(deviceString)}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".LLkMqCQ151QLthz6Jrm9{padding:10px}.tLPeuqwkaXHP5VCqtGlt{margin:10px;padding:15px;border:1px solid #ccc;border-radius:5px}.Ptcgm8bVQJo5oZiQCGGK{display:inline-block;width:60px;height:20px;border:1px solid #000;text-align:center;font-size:.8rem}.wwiXkMXh0rQl0JFi8jFw{font-weight:bold;padding-right:10px;font-size:1.2rem}","",{version:3,sources:["webpack://./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CAGF,sBACE,WAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CAGF,sBACE,oBAAA,CACA,UAAA,CACA,WAAA,CACA,qBAAA,CACA,iBAAA,CACA,eAAA,CAGF,sBACE,gBAAA,CACA,kBAAA,CACA,gBAAA",sourcesContent:[".modalContainer {\n padding: 10px;\n}\n\n.chatHistory {\n margin: 10px;\n padding: 15px;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\n.colorBlock {\n display: inline-block;\n width: 60px;\n height: 20px;\n border: 1px solid #000;\n text-align: center;\n font-size: 0.8rem;\n}\n\n.displayName {\n font-weight: bold;\n padding-right: 10px;\n font-size: 1.2rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={modalContainer:"LLkMqCQ151QLthz6Jrm9",chatHistory:"tLPeuqwkaXHP5VCqtGlt",colorBlock:"Ptcgm8bVQJo5oZiQCGGK",displayName:"wwiXkMXh0rQl0JFi8jFw"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/ui/Modal/Modal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Lt6Vg4guWZPhViFV8BR8{position:absolute;top:50%;left:50%}.Ep_XrhrWHWWaET4hDVIz{display:block;height:100%;padding:1.25rem;background-color:var(--theme-color-components-modal-content-background);color:var(--theme-color-components-modal-content-text)}.Ep_XrhrWHWWaET4hDVIz h1:first-child,.Ep_XrhrWHWWaET4hDVIz h2:first-child,.Ep_XrhrWHWWaET4hDVIz h3:first-child{margin-top:unset}.zqlLEpPjiWLlgRdtKyEt .ant-modal-header{color:var(--theme-color-components-modal-header-text);font-family:var(--theme-text-display-font-family);padding:1rem 1.25rem}.zqlLEpPjiWLlgRdtKyEt .ant-modal-title{color:var(--theme-color-components-modal-header-text);font-size:17px;font-weight:600}.zqlLEpPjiWLlgRdtKyEt .ant-modal-body{overflow:auto;border-radius:0 0 var(--theme-rounded-corners) var(--theme-rounded-corners)}.zqlLEpPjiWLlgRdtKyEt .ant-modal-close-x{font-size:12px}.zqlLEpPjiWLlgRdtKyEt .ant-modal{color:var(--theme-color-components-text-on-light)}.zqlLEpPjiWLlgRdtKyEt .ant-modal h1{color:var(--theme-color-components-text-on-light)}.zqlLEpPjiWLlgRdtKyEt .ant-modal-content{box-shadow:3px 15px 15px -3px rgba(0,0,0,.15),0 4px 6px -2px rgba(0,0,0,.08)}","",{version:3,sources:["webpack://./components/ui/Modal/Modal.module.scss"],names:[],mappings:"AACA,sBACE,iBAAA,CACA,OAAA,CACA,QAAA,CAGF,sBACE,aAAA,CACA,WAAA,CACA,eAAA,CACA,uEAAA,CACA,sDAAA,CAEA,+GAGE,gBAAA,CAKH,wCACC,qDAAA,CACA,iDAAA,CACA,oBAAA,CAGD,uCACC,qDAAA,CACA,cAAA,CACA,eAAA,CAGD,sCACC,aAAA,CACA,2EAAA,CAGD,yCACC,cAAA,CAGD,iCACC,iDAAA,CAEA,oCACC,iDAAA,CAIF,yCACC,4EAAA",sourcesContent:["\n.spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n}\n\n.content {\n display: block;\n height: 100%;\n padding: 1.25rem;\n background-color: var(--theme-color-components-modal-content-background);\n color: var(--theme-color-components-modal-content-text);\n\n h1:first-child,\n h2:first-child,\n h3:first-child {\n margin-top: unset;\n }\n}\n\n.modal {\n\t:global(.ant-modal-header) {\n\t\tcolor: var(--theme-color-components-modal-header-text);\n\t\tfont-family: var(--theme-text-display-font-family);\n\t\tpadding: 1rem 1.25rem;\n\t}\n\n\t:global(.ant-modal-title) {\n\t\tcolor: var(--theme-color-components-modal-header-text);\n\t\tfont-size: 17px;\n\t\tfont-weight: 600;\n\t}\n\n\t:global(.ant-modal-body) {\n\t\toverflow: auto;\n\t\tborder-radius: 0 0 var(--theme-rounded-corners) var(--theme-rounded-corners);\n\t}\n\n\t:global(.ant-modal-close-x) {\n\t\tfont-size: 12px;\n\t}\n\n\t:global(.ant-modal) {\n\t\tcolor: var(--theme-color-components-text-on-light);\n\n\t\th1 {\n\t\t\tcolor: var(--theme-color-components-text-on-light);\n\t\t}\n\t}\n\n\t:global(.ant-modal-content) {\n\t\tbox-shadow: 3px 15px 15px -3px rgb(0 0 0 / 15%), 0 4px 6px -2px rgb(0 0 0 / 8%);\n\t}\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={spinner:"Lt6Vg4guWZPhViFV8BR8",content:"Ep_XrhrWHWWaET4hDVIz",modal:"zqlLEpPjiWLlgRdtKyEt"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")},"./node_modules/next/dist/shared/lib/dynamic.js":(module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{default:function(){return dynamic},noSSR:function(){return noSSR}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_jsxruntime=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js"),_loadablesharedruntime=(__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_interop_require_default._(__webpack_require__("./node_modules/next/dist/shared/lib/loadable.shared-runtime.js"))),isServerSide="undefined"==typeof window;function convertModule(mod){return{default:(null==mod?void 0:mod.default)||mod}}function noSSR(LoadableInitializer,loadableOptions){if(delete loadableOptions.webpack,delete loadableOptions.modules,!isServerSide)return LoadableInitializer(loadableOptions);const Loading=loadableOptions.loading;return()=>(0,_jsxruntime.jsx)(Loading,{error:null,isLoading:!0,pastDelay:!1,timedOut:!1})}function dynamic(dynamicOptions,options){let loadableFn=_loadablesharedruntime.default,loadableOptions={loading:param=>{let{error,isLoading,pastDelay}=param;return null}};dynamicOptions instanceof Promise?loadableOptions.loader=()=>dynamicOptions:"function"==typeof dynamicOptions?loadableOptions.loader=dynamicOptions:"object"==typeof dynamicOptions&&(loadableOptions={...loadableOptions,...dynamicOptions}),loadableOptions={...loadableOptions,...options};const loaderFn=loadableOptions.loader;return loadableOptions.loadableGenerated&&(loadableOptions={...loadableOptions,...loadableOptions.loadableGenerated},delete loadableOptions.loadableGenerated),"boolean"!=typeof loadableOptions.ssr||loadableOptions.ssr?loadableFn({...loadableOptions,loader:()=>null!=loaderFn?loaderFn().then(convertModule):Promise.resolve(convertModule((()=>null)))}):(delete loadableOptions.webpack,delete loadableOptions.modules,noSSR(loadableFn,loadableOptions))}("function"==typeof exports.default||"object"==typeof exports.default&&null!==exports.default)&&void 0===exports.default.__esModule&&(Object.defineProperty(exports.default,"__esModule",{value:!0}),Object.assign(exports.default,exports),module.exports=exports.default)},"./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LoadableContext",{enumerable:!0,get:function(){return LoadableContext}});const LoadableContext=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs")._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")).default.createContext(null)},"./node_modules/next/dist/shared/lib/loadable.shared-runtime.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _default}});const _react=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs")._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablecontextsharedruntime=__webpack_require__("./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.js");const ALL_INITIALIZERS=[],READY_INITIALIZERS=[];let initialized=!1;function load(loader){let promise=loader(),state={loading:!0,loaded:null,error:null};return state.promise=promise.then((loaded=>(state.loading=!1,state.loaded=loaded,loaded))).catch((err=>{throw state.loading=!1,state.error=err,err})),state}function createLoadableComponent(loadFn,options){let opts=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},options),subscription=null;function init(){if(!subscription){const sub=new LoadableSubscription(loadFn,opts);subscription={getCurrentValue:sub.getCurrentValue.bind(sub),subscribe:sub.subscribe.bind(sub),retry:sub.retry.bind(sub),promise:sub.promise.bind(sub)}}return subscription.promise()}if("undefined"==typeof window&&ALL_INITIALIZERS.push(init),!initialized&&"undefined"!=typeof window){const moduleIds=opts.webpack?opts.webpack():opts.modules;moduleIds&&READY_INITIALIZERS.push((ids=>{for(const moduleId of moduleIds)if(ids.includes(moduleId))return init()}))}function LoadableComponent(props,ref){!function useLoadableModule(){init();const context=_react.default.useContext(_loadablecontextsharedruntime.LoadableContext);context&&Array.isArray(opts.modules)&&opts.modules.forEach((moduleName=>{context(moduleName)}))}();const state=_react.default.useSyncExternalStore(subscription.subscribe,subscription.getCurrentValue,subscription.getCurrentValue);return _react.default.useImperativeHandle(ref,(()=>({retry:subscription.retry})),[]),_react.default.useMemo((()=>state.loading||state.error?_react.default.createElement(opts.loading,{isLoading:state.loading,pastDelay:state.pastDelay,timedOut:state.timedOut,error:state.error,retry:subscription.retry}):state.loaded?_react.default.createElement(function resolve(obj){return obj&&obj.default?obj.default:obj}(state.loaded),props):null),[props,state])}return LoadableComponent.preload=()=>init(),LoadableComponent.displayName="LoadableComponent",_react.default.forwardRef(LoadableComponent)}class LoadableSubscription{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};const{_res:res,_opts:opts}=this;res.loading&&("number"==typeof opts.delay&&(0===opts.delay?this._state.pastDelay=!0:this._delay=setTimeout((()=>{this._update({pastDelay:!0})}),opts.delay)),"number"==typeof opts.timeout&&(this._timeout=setTimeout((()=>{this._update({timedOut:!0})}),opts.timeout))),this._res.promise.then((()=>{this._update({}),this._clearTimeouts()})).catch((_err=>{this._update({}),this._clearTimeouts()})),this._update({})}_update(partial){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...partial},this._callbacks.forEach((callback=>callback()))}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(callback){return this._callbacks.add(callback),()=>{this._callbacks.delete(callback)}}constructor(loadFn,opts){this._loadFn=loadFn,this._opts=opts,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}}function Loadable(opts){return createLoadableComponent(load,opts)}function flushInitializers(initializers,ids){let promises=[];for(;initializers.length;){let init=initializers.pop();promises.push(init(ids))}return Promise.all(promises).then((()=>{if(initializers.length)return flushInitializers(initializers,ids)}))}Loadable.preloadAll=()=>new Promise(((resolveInitializers,reject)=>{flushInitializers(ALL_INITIALIZERS).then(resolveInitializers,reject)})),Loadable.preloadReady=ids=>(void 0===ids&&(ids=[]),new Promise((resolvePreload=>{const res=()=>(initialized=!0,resolvePreload());flushInitializers(READY_INITIALIZERS,ids).then(res,res)}))),"undefined"!=typeof window&&(window.__NEXT_PRELOADREADY=Loadable.preloadReady);const _default=Loadable},"./node_modules/next/dynamic.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/shared/lib/dynamic.js")}}]); \ No newline at end of file diff --git a/static/components/chat-ChatModerationDetailsModal-ChatModerationDetailsModal-stories.592822f5.iframe.bundle.js b/static/components/chat-ChatModerationDetailsModal-ChatModerationDetailsModal-stories.c12dfb53.iframe.bundle.js similarity index 95% rename from static/components/chat-ChatModerationDetailsModal-ChatModerationDetailsModal-stories.592822f5.iframe.bundle.js rename to static/components/chat-ChatModerationDetailsModal-ChatModerationDetailsModal-stories.c12dfb53.iframe.bundle.js index f0a3d83069..66ee1c55dd 100644 --- a/static/components/chat-ChatModerationDetailsModal-ChatModerationDetailsModal-stories.592822f5.iframe.bundle.js +++ b/static/components/chat-ChatModerationDetailsModal-ChatModerationDetailsModal-stories.c12dfb53.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5581],{"./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example:()=>Example,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),recoil__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/recoil/es/index.js"),_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement;const __WEBPACK_DEFAULT_EXPORT__={title:"owncast/Chat/Moderation modal",component:_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_2__.q,parameters:{fetchMock:{mocks:[{matcher:{name:"response",url:"glob:/api/moderation/chat/user/*"},response:{status:200,body:{user:{id:"hjFPU967R",displayName:"focused-snyder",displayColor:2,createdAt:"2022-07-12T13:08:31.406505322-07:00",previousNames:["focused-snyder"],scopes:["MODERATOR"],isBot:!1,authenticated:!1},connectedClients:[{messageCount:3,userAgent:"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36",connectedAt:"2022-07-20T16:45:07.796685618-07:00",geo:"N/A"}],messages:[{id:"bQp8UJR4R",timestamp:"2022-07-20T16:53:41.938083228-07:00",user:null,body:"test message 3"},{id:"ubK88Jg4R",timestamp:"2022-07-20T16:53:39.675531279-07:00",user:null,body:"test message 2"},{id:"20v8UJRVR",timestamp:"2022-07-20T16:53:37.551084121-07:00",user:null,body:"test message 1"}]}}}]},docs:{description:{component:"This should be a modal that gives the moderator more details about the user such as:\n- When the user was created\n- Other names they've used\n- If they're authenticated, and using what method (IndieAuth, FediAuth)\n"}}}};var Template=function Template(){return __jsx(recoil__WEBPACK_IMPORTED_MODULE_1__.bi,null,__jsx(_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_2__.q,{userId:"testuser123",accessToken:"fakeaccesstoken4839"}))};Template.displayName="Template";var Example={render:Template};Example.parameters={...Example.parameters,docs:{...Example.parameters?.docs,source:{originalSource:"{\n render: Template\n}",...Example.parameters?.docs?.source}}};const __namedExportsOrder=["Example"]},"./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{q:()=>ChatModerationDetailsModal});var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),collapse=__webpack_require__("./node_modules/antd/es/collapse/index.js"),row=__webpack_require__("./node_modules/antd/es/row/index.js"),col=__webpack_require__("./node_modules/antd/es/col/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),spin=__webpack_require__("./node_modules/antd/es/spin/index.js"),tag=__webpack_require__("./node_modules/antd/es/tag/index.js"),table=__webpack_require__("./node_modules/antd/es/table/index.js"),format=__webpack_require__("./node_modules/date-fns/format.mjs"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),moderation_service=__webpack_require__("./services/moderation-service.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatModerationDetailsModal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatModerationDetailsModal_module.A,options);const ChatModerationDetailsModal_ChatModerationDetailsModal_module=ChatModerationDetailsModal_module.A&&ChatModerationDetailsModal_module.A.locals?ChatModerationDetailsModal_module.A.locals:void 0;var utils_format=__webpack_require__("./utils/format.ts"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.A.Panel,DeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(8863)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/DeleteOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/DeleteOutlined.js"]}}}),removeMessage=function(){var _ref=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(messageId,accessToken){return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:try{moderation_service.A.removeMessage(messageId,accessToken)}catch(e){console.error(e)}case 1:case"end":return _context.stop()}}),_callee)})));return function removeMessage(_x,_x2){return _ref.apply(this,arguments)}}(),ValueRow=function ValueRow(_ref2){var label=_ref2.label,value=_ref2.value;return __jsx(row.A,{justify:"space-around",align:"middle"},__jsx(col.A,{span:12},label),__jsx(col.A,{span:12},value))};ValueRow.displayName="ValueRow";var ConnectedClient=function ConnectedClient(_ref3){var client=_ref3.client,messageCount=client.messageCount,connectedAt=client.connectedAt,geo=client.geo,connectedAtDate=(0,format.GP)(new Date(connectedAt),"PP pp");return __jsx("div",null,__jsx(ValueRow,{label:"Messages Sent",value:messageCount.toString()}),"N/A"!==geo&&__jsx(ValueRow,{label:"Geo",value:geo}),__jsx(ValueRow,{label:"Connected At",value:connectedAtDate}))};ConnectedClient.displayName="ConnectedClient";var UserColorBlock=function UserColorBlock(_ref4){var color=_ref4.color,bg="var(--theme-color-users-".concat(color,")");return __jsx("div",{className:ChatModerationDetailsModal_ChatModerationDetailsModal_module.colorBlock,style:{backgroundColor:bg}},"Color ",color)};UserColorBlock.displayName="UserColorBlock";var ChatModerationDetailsModal=function ChatModerationDetailsModal(_ref5){var userId=_ref5.userId,accessToken=_ref5.accessToken,_useState=(0,react.useState)(null),userDetails=_useState[0],setUserDetails=_useState[1],_useState2=(0,react.useState)(!0),loading=_useState2[0],setLoading=_useState2[1],getDetails=function(){var _ref6=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee2(){var response;return regenerator_default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.prev=0,_context2.next=3,fetch("/api/moderation/chat/user/".concat(userId,"?accessToken=").concat(accessToken));case 3:return _context2.next=5,_context2.sent.json();case 5:response=_context2.sent,setUserDetails(response),setLoading(!1),_context2.next=13;break;case 10:_context2.prev=10,_context2.t0=_context2.catch(0),console.error(_context2.t0);case 13:case"end":return _context2.stop()}}),_callee2,null,[[0,10]])})));return function getDetails(){return _ref6.apply(this,arguments)}}();if((0,react.useEffect)((function(){getDetails()}),[]),!userDetails)return null;var user=userDetails.user,connectedClients=userDetails.connectedClients,messages=userDetails.messages,displayColor=user.displayColor,createdAt=user.createdAt,previousNames=user.previousNames,scopes=user.scopes,isBot=user.isBot,authenticated=user.authenticated,totalMessagesSent=connectedClients.reduce((function(acc,client){return acc+client.messageCount}),0),createdAtDate=(0,format.GP)(new Date(createdAt),"PP pp"),chatMessageColumns=[{title:"Message",dataIndex:"body",key:"body"},{title:"Sent At",dataIndex:"timestamp",key:"timestamp",render:function render(timestamp){return(0,format.GP)(new Date(timestamp),"PP pp")}},{title:"Delete",key:"delete",render:function render(_text,record){return __jsx(es_button.A,{type:"primary",ghost:!0,icon:__jsx(DeleteOutlined,null),onClick:function onClick(){return removeMessage(record.id,accessToken)}})}}];return __jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref7){var error=_ref7.error,resetErrorBoundary=_ref7.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"ChatModerationDetailsModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx(spin.A,{spinning:loading},__jsx(UserColorBlock,{color:displayColor}),null==scopes?void 0:scopes.map((function(scope){return __jsx(tag.A,{key:scope},scope)})),authenticated&&__jsx(tag.A,null,"Authenticated"),isBot&&__jsx(tag.A,null,"Bot"),__jsx(ValueRow,{label:"Messages Sent Across Clients",value:totalMessagesSent.toString()}),__jsx(ValueRow,{label:"User Created",value:createdAtDate}),__jsx(ValueRow,{label:"Known As",value:previousNames.join(",")}),__jsx(collapse.A,{accordion:!0},__jsx(Panel,{header:"Currently Connected Clients",key:"connected-clients"},__jsx(collapse.A,{accordion:!0},connectedClients.map((function(client){return __jsx(Panel,{header:(0,utils_format.Ld)(client.userAgent),key:client.id},__jsx(ConnectedClient,{client}))})))),__jsx(collapse.A,{accordion:!0},__jsx(Panel,{header:"Recent Chat Messages",key:"chat-messages"},__jsx(table.A,{size:"small",pagination:null,columns:chatMessageColumns,dataSource:messages,rowKey:"id"}))))))};ChatModerationDetailsModal.displayName="ChatModerationDetailsModal";try{ChatModerationDetailsModal.displayName="ChatModerationDetailsModal",ChatModerationDetailsModal.__docgenInfo={description:"",displayName:"ChatModerationDetailsModal",props:{userId:{defaultValue:null,description:"",name:"userId",required:!0,type:{name:"string"}},accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx#ChatModerationDetailsModal"]={docgenInfo:ChatModerationDetailsModal.__docgenInfo,name:"ChatModerationDetailsModal",path:"components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx#ChatModerationDetailsModal"})}catch(__react_docgen_typescript_loader_error){}},"./components/ui/ComponentError/ComponentError.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>ComponentError});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/alert/index.js"),antd__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/button/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,openBugReport=function openBugReport(){window.open("https://github.com/owncast/owncast/issues/new?assignees=&labels=&template=bug-report-feature-request.yml","_blank")},ErrorContent=function ErrorContent(_ref){var message=_ref.message,componentName=_ref.componentName,details=_ref.details,canRetry=_ref.canRetry;return __jsx("div",null,__jsx("p",null,"There was an unexpected error. It would be appreciated if you would report this so it can be fixed in the future."),!!canRetry&&__jsx("p",null,"You may optionally retry, however functionality might not work as expected."),__jsx("code",null,__jsx("div",null,message&&"Error: ".concat(message)),__jsx("div",null,"Component: ",componentName),__jsx("div",null,details&&details)))};ErrorContent.displayName="ErrorContent";var ComponentError=function ComponentError(_ref2){var message=_ref2.message,componentName=_ref2.componentName,details=_ref2.details,retryFunction=_ref2.retryFunction;return __jsx(antd__WEBPACK_IMPORTED_MODULE_1__.A,{message:"Error",showIcon:!0,description:__jsx(ErrorContent,{message,details,componentName,canRetry:!!retryFunction}),type:"error",action:__jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,retryFunction&&__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError";try{ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",displayName:"ComponentError",props:{message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string"}},componentName:{defaultValue:null,description:"",name:"componentName",required:!0,type:{name:"string"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},retryFunction:{defaultValue:null,description:"",name:"retryFunction",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/ComponentError/ComponentError.tsx#ComponentError"]={docgenInfo:ComponentError.__docgenInfo,name:"ComponentError",path:"components/ui/ComponentError/ComponentError.tsx#ComponentError"})}catch(__react_docgen_typescript_loader_error){}},"./services/moderation-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=function(){return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__.A)((function ChatModerationService(){(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.A)(this,ChatModerationService)}),null,[{key:"removeMessage",value:(_removeMessage=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(id,accessToken){var url,hideMessageUrl,options;return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return(url=new URL("/api/chat/messagevisibility",window.location.toString())).searchParams.append("accessToken",accessToken),hideMessageUrl=url.toString(),options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({idArray:[id]})},_context.next=6,fetch(hideMessageUrl,options);case 6:case"end":return _context.stop()}}),_callee)}))),function removeMessage(_x,_x2){return _removeMessage.apply(this,arguments)})},{key:"banUser",value:(_banUser=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee2(id,accessToken){var url,hideMessageUrl,options;return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return(url=new URL("/api/chat/users/setenabled",window.location.toString())).searchParams.append("accessToken",accessToken),hideMessageUrl=url.toString(),options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({userId:id})},_context2.next=6,fetch(hideMessageUrl,options);case 6:case"end":return _context2.stop()}}),_callee2)}))),function banUser(_x3,_x4){return _banUser.apply(this,arguments)})}]);var _banUser,_removeMessage}()},"./utils/format.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ld:()=>formatUAstring,RW:()=>parseSecondsToDurationString});var ua_parser_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(ua_parser_js__WEBPACK_IMPORTED_MODULE_0__);function padLeft(text,pad,size){return String(pad.repeat(size)+text).slice(-size)}function parseSecondsToDurationString(){var seconds=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,finiteSeconds=Number.isFinite(+seconds)?Math.abs(seconds):0,days=Math.floor(finiteSeconds/86400),daysString=days>0?"".concat(days," day").concat(days>1?"s":""," "):"",hours=Math.floor(finiteSeconds/3600%24),hoursString=hours||days?padLeft("".concat(hours,":"),"0",3):"",mins=Math.floor(finiteSeconds/60%60),minString=padLeft("".concat(mins,":"),"0",3),secs=Math.floor(finiteSeconds%60);return daysString+hoursString+minString+padLeft("".concat(secs),"0",2)}function formatUAstring(uaString){var parser=ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default()(uaString),device=parser.device,os=parser.os,browser=parser.browser,browserVersion=browser.major,name=browser.name,osVersion=os.version,osName=os.name,model=device.model,type=device.type;if("libmpv"===uaString)return"mpv media player";if(!name||!browserVersion||!osName)return uaString;var deviceString=model||type?" (".concat(model||type,")"):"";return"".concat(name," ").concat(browserVersion," on ").concat(osName," ").concat(osVersion,"\n ").concat(deviceString)}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".LLkMqCQ151QLthz6Jrm9{padding:10px}.tLPeuqwkaXHP5VCqtGlt{margin:10px;padding:15px;border:1px solid #ccc;border-radius:5px}.Ptcgm8bVQJo5oZiQCGGK{display:inline-block;width:60px;height:20px;border:1px solid #000;text-align:center;font-size:.8rem}.wwiXkMXh0rQl0JFi8jFw{font-weight:bold;padding-right:10px;font-size:1.2rem}","",{version:3,sources:["webpack://./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CAGF,sBACE,WAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CAGF,sBACE,oBAAA,CACA,UAAA,CACA,WAAA,CACA,qBAAA,CACA,iBAAA,CACA,eAAA,CAGF,sBACE,gBAAA,CACA,kBAAA,CACA,gBAAA",sourcesContent:[".modalContainer {\n padding: 10px;\n}\n\n.chatHistory {\n margin: 10px;\n padding: 15px;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\n.colorBlock {\n display: inline-block;\n width: 60px;\n height: 20px;\n border: 1px solid #000;\n text-align: center;\n font-size: 0.8rem;\n}\n\n.displayName {\n font-weight: bold;\n padding-right: 10px;\n font-size: 1.2rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={modalContainer:"LLkMqCQ151QLthz6Jrm9",chatHistory:"tLPeuqwkaXHP5VCqtGlt",colorBlock:"Ptcgm8bVQJo5oZiQCGGK",displayName:"wwiXkMXh0rQl0JFi8jFw"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5581],{"./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example:()=>Example,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),recoil__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/recoil/es/index.js"),_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement;const __WEBPACK_DEFAULT_EXPORT__={title:"owncast/Chat/Moderation modal",component:_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_2__.q,parameters:{fetchMock:{mocks:[{matcher:{name:"response",url:"glob:/api/moderation/chat/user/*"},response:{status:200,body:{user:{id:"hjFPU967R",displayName:"focused-snyder",displayColor:2,createdAt:"2022-07-12T13:08:31.406505322-07:00",previousNames:["focused-snyder"],scopes:["MODERATOR"],isBot:!1,authenticated:!1},connectedClients:[{messageCount:3,userAgent:"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36",connectedAt:"2022-07-20T16:45:07.796685618-07:00",geo:"N/A"}],messages:[{id:"bQp8UJR4R",timestamp:"2022-07-20T16:53:41.938083228-07:00",user:null,body:"test message 3"},{id:"ubK88Jg4R",timestamp:"2022-07-20T16:53:39.675531279-07:00",user:null,body:"test message 2"},{id:"20v8UJRVR",timestamp:"2022-07-20T16:53:37.551084121-07:00",user:null,body:"test message 1"}]}}}]},docs:{description:{component:"This should be a modal that gives the moderator more details about the user such as:\n- When the user was created\n- Other names they've used\n- If they're authenticated, and using what method (IndieAuth, FediAuth)\n"}}}};var Template=function Template(){return __jsx(recoil__WEBPACK_IMPORTED_MODULE_1__.bi,null,__jsx(_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_2__.q,{userId:"testuser123",accessToken:"fakeaccesstoken4839"}))};Template.displayName="Template";var Example={render:Template};Example.parameters={...Example.parameters,docs:{...Example.parameters?.docs,source:{originalSource:"{\n render: Template\n}",...Example.parameters?.docs?.source}}};const __namedExportsOrder=["Example"]},"./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{q:()=>ChatModerationDetailsModal});var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),collapse=__webpack_require__("./node_modules/antd/es/collapse/index.js"),row=__webpack_require__("./node_modules/antd/es/row/index.js"),col=__webpack_require__("./node_modules/antd/es/col/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),spin=__webpack_require__("./node_modules/antd/es/spin/index.js"),tag=__webpack_require__("./node_modules/antd/es/tag/index.js"),table=__webpack_require__("./node_modules/antd/es/table/index.js"),format=__webpack_require__("./node_modules/date-fns/format.mjs"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),moderation_service=__webpack_require__("./services/moderation-service.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatModerationDetailsModal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatModerationDetailsModal_module.A,options);const ChatModerationDetailsModal_ChatModerationDetailsModal_module=ChatModerationDetailsModal_module.A&&ChatModerationDetailsModal_module.A.locals?ChatModerationDetailsModal_module.A.locals:void 0;var utils_format=__webpack_require__("./utils/format.ts"),ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.A.Panel,DeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(8863)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/DeleteOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/DeleteOutlined.js"]}}}),removeMessage=function(){var _ref=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(messageId,accessToken){return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:try{moderation_service.A.removeMessage(messageId,accessToken)}catch(e){console.error(e)}case 1:case"end":return _context.stop()}}),_callee)})));return function removeMessage(_x,_x2){return _ref.apply(this,arguments)}}(),ValueRow=function ValueRow(_ref2){var label=_ref2.label,value=_ref2.value;return __jsx(row.A,{justify:"space-around",align:"middle"},__jsx(col.A,{span:12},label),__jsx(col.A,{span:12},value))};ValueRow.displayName="ValueRow";var ConnectedClient=function ConnectedClient(_ref3){var client=_ref3.client,messageCount=client.messageCount,connectedAt=client.connectedAt,geo=client.geo,connectedAtDate=(0,format.GP)(new Date(connectedAt),"PP pp");return __jsx("div",null,__jsx(ValueRow,{label:"Messages Sent",value:messageCount.toString()}),"N/A"!==geo&&__jsx(ValueRow,{label:"Geo",value:geo}),__jsx(ValueRow,{label:"Connected At",value:connectedAtDate}))};ConnectedClient.displayName="ConnectedClient";var UserColorBlock=function UserColorBlock(_ref4){var color=_ref4.color,bg="var(--theme-color-users-".concat(color,")");return __jsx("div",{className:ChatModerationDetailsModal_ChatModerationDetailsModal_module.colorBlock,style:{backgroundColor:bg}},"Color ",color)};UserColorBlock.displayName="UserColorBlock";var ChatModerationDetailsModal=function ChatModerationDetailsModal(_ref5){var userId=_ref5.userId,accessToken=_ref5.accessToken,_useState=(0,react.useState)(null),userDetails=_useState[0],setUserDetails=_useState[1],_useState2=(0,react.useState)(!0),loading=_useState2[0],setLoading=_useState2[1],getDetails=function(){var _ref6=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee2(){var response;return regenerator_default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.prev=0,_context2.next=3,fetch("/api/moderation/chat/user/".concat(userId,"?accessToken=").concat(accessToken));case 3:return _context2.next=5,_context2.sent.json();case 5:response=_context2.sent,setUserDetails(response),setLoading(!1),_context2.next=13;break;case 10:_context2.prev=10,_context2.t0=_context2.catch(0),console.error(_context2.t0);case 13:case"end":return _context2.stop()}}),_callee2,null,[[0,10]])})));return function getDetails(){return _ref6.apply(this,arguments)}}();if((0,react.useEffect)((function(){getDetails()}),[]),!userDetails)return null;var user=userDetails.user,connectedClients=userDetails.connectedClients,messages=userDetails.messages,displayColor=user.displayColor,createdAt=user.createdAt,previousNames=user.previousNames,scopes=user.scopes,isBot=user.isBot,authenticated=user.authenticated,totalMessagesSent=connectedClients.reduce((function(acc,client){return acc+client.messageCount}),0),createdAtDate=(0,format.GP)(new Date(createdAt),"PP pp"),chatMessageColumns=[{title:"Message",dataIndex:"body",key:"body"},{title:"Sent At",dataIndex:"timestamp",key:"timestamp",render:function render(timestamp){return(0,format.GP)(new Date(timestamp),"PP pp")}},{title:"Delete",key:"delete",render:function render(_text,record){return __jsx(es_button.A,{type:"primary",ghost:!0,icon:__jsx(DeleteOutlined,null),onClick:function onClick(){return removeMessage(record.id,accessToken)}})}}];return __jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref7){var error=_ref7.error,resetErrorBoundary=_ref7.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"ChatModerationDetailsModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx(spin.A,{spinning:loading},__jsx(UserColorBlock,{color:displayColor}),null==scopes?void 0:scopes.map((function(scope){return __jsx(tag.A,{key:scope},scope)})),authenticated&&__jsx(tag.A,null,"Authenticated"),isBot&&__jsx(tag.A,null,"Bot"),__jsx(ValueRow,{label:"Messages Sent Across Clients",value:totalMessagesSent.toString()}),__jsx(ValueRow,{label:"User Created",value:createdAtDate}),__jsx(ValueRow,{label:"Known As",value:previousNames.join(",")}),__jsx(collapse.A,{accordion:!0},__jsx(Panel,{header:"Currently Connected Clients",key:"connected-clients"},__jsx(collapse.A,{accordion:!0},connectedClients.map((function(client){return __jsx(Panel,{header:(0,utils_format.Ld)(client.userAgent),key:client.id},__jsx(ConnectedClient,{client}))})))),__jsx(collapse.A,{accordion:!0},__jsx(Panel,{header:"Recent Chat Messages",key:"chat-messages"},__jsx(table.A,{size:"small",pagination:null,columns:chatMessageColumns,dataSource:messages,rowKey:"id"}))))))};ChatModerationDetailsModal.displayName="ChatModerationDetailsModal";try{ChatModerationDetailsModal.displayName="ChatModerationDetailsModal",ChatModerationDetailsModal.__docgenInfo={description:"",displayName:"ChatModerationDetailsModal",props:{userId:{defaultValue:null,description:"",name:"userId",required:!0,type:{name:"string"}},accessToken:{defaultValue:null,description:"",name:"accessToken",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx#ChatModerationDetailsModal"]={docgenInfo:ChatModerationDetailsModal.__docgenInfo,name:"ChatModerationDetailsModal",path:"components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx#ChatModerationDetailsModal"})}catch(__react_docgen_typescript_loader_error){}},"./components/ui/ComponentError/ComponentError.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>ComponentError});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/alert/index.js"),antd__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/button/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,openBugReport=function openBugReport(){window.open("https://github.com/owncast/owncast/issues/new?assignees=&labels=&template=bug-report-feature-request.yml","_blank")},ErrorContent=function ErrorContent(_ref){var message=_ref.message,componentName=_ref.componentName,details=_ref.details,canRetry=_ref.canRetry;return __jsx("div",null,__jsx("p",null,"There was an unexpected error. It would be appreciated if you would report this so it can be fixed in the future."),!!canRetry&&__jsx("p",null,"You may optionally retry, however functionality might not work as expected."),__jsx("code",null,__jsx("div",null,message&&"Error: ".concat(message)),__jsx("div",null,"Component: ",componentName),__jsx("div",null,details&&details)))};ErrorContent.displayName="ErrorContent";var ComponentError=function ComponentError(_ref2){var message=_ref2.message,componentName=_ref2.componentName,details=_ref2.details,retryFunction=_ref2.retryFunction;return __jsx(antd__WEBPACK_IMPORTED_MODULE_1__.A,{message:"Error",showIcon:!0,description:__jsx(ErrorContent,{message,details,componentName,canRetry:!!retryFunction}),type:"error",action:__jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,retryFunction&&__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError";try{ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",displayName:"ComponentError",props:{message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string"}},componentName:{defaultValue:null,description:"",name:"componentName",required:!0,type:{name:"string"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},retryFunction:{defaultValue:null,description:"",name:"retryFunction",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/ComponentError/ComponentError.tsx#ComponentError"]={docgenInfo:ComponentError.__docgenInfo,name:"ComponentError",path:"components/ui/ComponentError/ComponentError.tsx#ComponentError"})}catch(__react_docgen_typescript_loader_error){}},"./services/moderation-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=function(){return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__.A)((function ChatModerationService(){(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.A)(this,ChatModerationService)}),null,[{key:"removeMessage",value:(_removeMessage=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(id,accessToken){var url,hideMessageUrl,options;return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return(url=new URL("/api/chat/messagevisibility",window.location.toString())).searchParams.append("accessToken",accessToken),hideMessageUrl=url.toString(),options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({idArray:[id]})},_context.next=6,fetch(hideMessageUrl,options);case 6:case"end":return _context.stop()}}),_callee)}))),function removeMessage(_x,_x2){return _removeMessage.apply(this,arguments)})},{key:"banUser",value:(_banUser=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee2(id,accessToken){var url,hideMessageUrl,options;return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return(url=new URL("/api/chat/users/setenabled",window.location.toString())).searchParams.append("accessToken",accessToken),hideMessageUrl=url.toString(),options={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({userId:id})},_context2.next=6,fetch(hideMessageUrl,options);case 6:case"end":return _context2.stop()}}),_callee2)}))),function banUser(_x3,_x4){return _banUser.apply(this,arguments)})}]);var _banUser,_removeMessage}()},"./utils/format.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ld:()=>formatUAstring,RW:()=>parseSecondsToDurationString});var ua_parser_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(ua_parser_js__WEBPACK_IMPORTED_MODULE_0__);function padLeft(text,pad,size){return String(pad.repeat(size)+text).slice(-size)}function parseSecondsToDurationString(){var seconds=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,finiteSeconds=Number.isFinite(+seconds)?Math.abs(seconds):0,days=Math.floor(finiteSeconds/86400),daysString=days>0?"".concat(days," day").concat(days>1?"s":""," "):"",hours=Math.floor(finiteSeconds/3600%24),hoursString=hours||days?padLeft("".concat(hours,":"),"0",3):"",mins=Math.floor(finiteSeconds/60%60),minString=padLeft("".concat(mins,":"),"0",3),secs=Math.floor(finiteSeconds%60);return daysString+hoursString+minString+padLeft("".concat(secs),"0",2)}function formatUAstring(uaString){var parser=ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default()(uaString),device=parser.device,os=parser.os,browser=parser.browser,browserVersion=browser.major,name=browser.name,osVersion=os.version,osName=os.name,model=device.model,type=device.type;if("libmpv"===uaString)return"mpv media player";if(!name||!browserVersion||!osName)return uaString;var deviceString=model||type?" (".concat(model||type,")"):"";return"".concat(name," ").concat(browserVersion," on ").concat(osName," ").concat(osVersion,"\n ").concat(deviceString)}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".LLkMqCQ151QLthz6Jrm9{padding:10px}.tLPeuqwkaXHP5VCqtGlt{margin:10px;padding:15px;border:1px solid #ccc;border-radius:5px}.Ptcgm8bVQJo5oZiQCGGK{display:inline-block;width:60px;height:20px;border:1px solid #000;text-align:center;font-size:.8rem}.wwiXkMXh0rQl0JFi8jFw{font-weight:bold;padding-right:10px;font-size:1.2rem}","",{version:3,sources:["webpack://./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CAGF,sBACE,WAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CAGF,sBACE,oBAAA,CACA,UAAA,CACA,WAAA,CACA,qBAAA,CACA,iBAAA,CACA,eAAA,CAGF,sBACE,gBAAA,CACA,kBAAA,CACA,gBAAA",sourcesContent:[".modalContainer {\n padding: 10px;\n}\n\n.chatHistory {\n margin: 10px;\n padding: 15px;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\n.colorBlock {\n display: inline-block;\n width: 60px;\n height: 20px;\n border: 1px solid #000;\n text-align: center;\n font-size: 0.8rem;\n}\n\n.displayName {\n font-weight: bold;\n padding-right: 10px;\n font-size: 1.2rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={modalContainer:"LLkMqCQ151QLthz6Jrm9",chatHistory:"tLPeuqwkaXHP5VCqtGlt",colorBlock:"Ptcgm8bVQJo5oZiQCGGK",displayName:"wwiXkMXh0rQl0JFi8jFw"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/static/components/chat-ChatSystemMessage-ChatSystemMessage-stories.b572c13a.iframe.bundle.js b/static/components/chat-ChatSystemMessage-ChatSystemMessage-stories.8b4a1d1f.iframe.bundle.js similarity index 95% rename from static/components/chat-ChatSystemMessage-ChatSystemMessage-stories.b572c13a.iframe.bundle.js rename to static/components/chat-ChatSystemMessage-ChatSystemMessage-stories.8b4a1d1f.iframe.bundle.js index 2998569b0d..f0064aac32 100644 --- a/static/components/chat-ChatSystemMessage-ChatSystemMessage-stories.b572c13a.iframe.bundle.js +++ b/static/components/chat-ChatSystemMessage-ChatSystemMessage-stories.8b4a1d1f.iframe.bundle.js @@ -1,2 +1,2 @@ -/*! For license information please see chat-ChatSystemMessage-ChatSystemMessage-stories.b572c13a.iframe.bundle.js.LICENSE.txt */ -(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3757],{"./node_modules/@babel/runtime/helpers/esm/classCallCheck.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}__webpack_require__.d(__webpack_exports__,{A:()=>_classCallCheck})},"./node_modules/@babel/runtime/helpers/esm/createClass.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>_createClass});var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js");function _defineProperties(e,r){for(var t=0;t{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>_inherits});var _setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js");function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&(0,_setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(t,e)}},"./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>_possibleConstructorReturn});var _typeof_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/typeof.js"),_assertThisInitialized_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js");function _possibleConstructorReturn(t,e){if(e&&("object"==(0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__.A)(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return(0,_assertThisInitialized_js__WEBPACK_IMPORTED_MODULE_1__.A)(t)}},"./components/chat/ChatSystemMessage/ChatSystemMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,HighlightExample:()=>HighlightExample,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ChatSystemMessage_stories});const ChatSystemMessage_stories={title:"owncast/Chat/Messages/System",component:__webpack_require__("./components/chat/ChatSystemMessage/ChatSystemMessage.tsx").z,parameters:{design:{type:"image",url:{src:"static/media/chatmessage-system.6297ddb5.png",height:108,width:446,blurDataURL:"static/media/chatmessage-system.6297ddb5.png"}},docs:{description:{component:"This is the message design used when the server sends a message to chat."}}}};var message=JSON.parse('{\n "type": "SYSTEM",\n "id": "wY-MEXwnR",\n "timestamp": "2022-04-28T20:30:27.001762726Z",\n "user": {\n "id": "h_5GQ6E7R",\n "displayName": "Cool Server Name",\n "createdAt": "2022-03-24T03:52:37.966584694Z",\n "scopes": []\n },\n "body": "Test system message from the chat server."}'),Basic={args:{message}},HighlightExample={args:{message,highlightString:"chat"}};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"{\n args: {\n message\n }\n}",...Basic.parameters?.docs?.source}}},HighlightExample.parameters={...HighlightExample.parameters,docs:{...HighlightExample.parameters?.docs,source:{originalSource:"{\n args: {\n message,\n highlightString: 'chat'\n }\n}",...HighlightExample.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","HighlightExample"]},"./components/chat/ChatSystemMessage/ChatSystemMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>ChatSystemMessage});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),esm=__webpack_require__("./node_modules/interweave/esm/index.js"),interweave_autolink_esm=__webpack_require__("./node_modules/interweave-autolink/esm/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatSystemMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatSystemMessage/ChatSystemMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatSystemMessage_module.A,options);const ChatSystemMessage_ChatSystemMessage_module=ChatSystemMessage_module.A&&ChatSystemMessage_module.A.locals?ChatSystemMessage_module.A.locals:void 0;var customMatcher=__webpack_require__("./components/chat/ChatUserMessage/customMatcher.ts"),__jsx=react.createElement,ChatSystemMessage=function ChatSystemMessage(_ref){var _ref$message=_ref.message,body=_ref$message.body,displayName=_ref$message.user.displayName,highlightString=_ref.highlightString;return __jsx("div",{className:ChatSystemMessage_ChatSystemMessage_module.chatSystemMessagePadding},__jsx("div",{className:classnames_default()([ChatSystemMessage_ChatSystemMessage_module.chatSystemMessage,"chat-message_system"])},__jsx("div",{className:ChatSystemMessage_ChatSystemMessage_module.user},__jsx("span",{className:ChatSystemMessage_ChatSystemMessage_module.userName},displayName)),__jsx(esm.BW,{className:ChatSystemMessage_ChatSystemMessage_module.message,content:body,matchers:[new interweave_autolink_esm.SS("url",{customTLDs:["online"]}),new customMatcher.w("highlight",{highlightString})]})))};ChatSystemMessage.displayName="ChatSystemMessage";try{ChatSystemMessage.displayName="ChatSystemMessage",ChatSystemMessage.__docgenInfo={description:"",displayName:"ChatSystemMessage",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"ChatMessage"}},highlightString:{defaultValue:null,description:"",name:"highlightString",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatSystemMessage/ChatSystemMessage.tsx#ChatSystemMessage"]={docgenInfo:ChatSystemMessage.__docgenInfo,name:"ChatSystemMessage",path:"components/chat/ChatSystemMessage/ChatSystemMessage.tsx#ChatSystemMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserMessage/customMatcher.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>ChatMessageHighlightMatcher});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_inherits_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),interweave__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/interweave/esm/bundle-7aab7250.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");function _callSuper(t,o,e){return o=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(o),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_1__.A)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(t).constructor):o.apply(t,e))}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}var ChatMessageHighlightMatcher=function(_Matcher){function ChatMessageHighlightMatcher(){return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__.A)(this,ChatMessageHighlightMatcher),_callSuper(this,ChatMessageHighlightMatcher,arguments)}return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_inherits_js__WEBPACK_IMPORTED_MODULE_4__.A)(ChatMessageHighlightMatcher,_Matcher),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__.A)(ChatMessageHighlightMatcher,[{key:"match",value:function match(str){var highlightString=this.options.highlightString;if(!highlightString)return null;var escapedString=highlightString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/\s/g,"\\s"),normalizedString=escapedString.normalize("NFD").replace(/[\u0300-\u036f]/g,""),highlightRegex=escapedString;escapedString!==normalizedString&&(highlightRegex="(?:".concat(escapedString,")|(?:").concat(normalizedString,")"));var result=str.match(new RegExp(highlightRegex,"ui"));return result?{index:result.index,length:result[0].length,match:result[0],valid:!0}:null}},{key:"replaceWith",value:function replaceWith(children,props){var key=props.key;return react__WEBPACK_IMPORTED_MODULE_2__.createElement("mark",{key},children)}},{key:"asTag",value:function asTag(){return"mark"}}])}(interweave__WEBPACK_IMPORTED_MODULE_6__.M)},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".VFPQXIpBfE2WxhJy5Qsd{padding:5px;padding-bottom:10px}.wkX1HvZzmy3LOto1GvxU{background:var(--theme-color-background-main);background:linear-gradient(70deg, rgb(87, 51, 141) 0%, rgb(65, 28, 139) 40%, rgb(71, 50, 133) 80%);border-radius:5px;border-width:1px;border-style:solid;padding:12px}.wkX1HvZzmy3LOto1GvxU .b7kOlrJUrYOYZorUSOen{display:flex;align-items:center;font-family:var(--theme-text-display-font-family);font-weight:bold;color:#fff}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG{color:#fff}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG p{color:#fff;margin:unset}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG mark{padding-left:.3em;padding-right:.3em;color:var(--theme-color-palette-4);border-radius:var(--chat-text-highlight-border-radius);background-color:var(--color-owncast-palette-7)}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG img{max-width:100%;max-height:30vh;object-fit:contain}.wkX1HvZzmy3LOto1GvxU a{color:var(--theme-color-palette-4)}.wkX1HvZzmy3LOto1GvxU a :hover{text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--theme-color-palette-15)}","",{version:3,sources:["webpack://./components/chat/ChatSystemMessage/ChatSystemMessage.module.scss"],names:[],mappings:"AAAA,sBACE,WAAA,CACA,mBAAA,CAGF,sBACE,6CAAA,CACA,kGAAA,CAMA,iBAAA,CACA,gBAAA,CACA,kBAAA,CACA,YAAA,CAEA,4CACE,YAAA,CACA,kBAAA,CACA,iDAAA,CACA,gBAAA,CACA,UAAA,CAGF,4CACE,UAAA,CAEA,8CACE,UAAA,CACA,YAAA,CAGF,iDACE,iBAAA,CACA,kBAAA,CACA,kCAAA,CACA,sDAAA,CACA,+CAAA,CAGF,gDACE,cAAA,CACA,eAAA,CACA,kBAAA,CAIJ,wBACE,kCAAA,CAEA,+BACE,yBAAA,CACA,yBAAA,CACA,mDAAA",sourcesContent:[".chatSystemMessagePadding {\n padding: 5px;\n padding-bottom: 10px;\n}\n\n.chatSystemMessage {\n background: var(--theme-color-background-main);\n background: linear-gradient(\n 70deg,\n rgb(87 51 141) 0%,\n rgb(65 28 139) 40%,\n rgb(71 50 133) 80%\n );\n border-radius: 5px;\n border-width: 1px;\n border-style: solid;\n padding: 12px;\n\n .user {\n display: flex;\n align-items: center;\n font-family: var(--theme-text-display-font-family);\n font-weight: bold;\n color: white;\n }\n\n .message {\n color: white;\n\n p {\n color: white;\n margin: unset;\n }\n\n mark {\n padding-left: 0.3em;\n padding-right: 0.3em;\n color: var(--theme-color-palette-4);\n border-radius: var(--chat-text-highlight-border-radius);\n background-color: var(--color-owncast-palette-7);\n }\n\n img {\n max-width: 100%;\n max-height: 30vh;\n object-fit: contain;\n }\n }\n\n a {\n color: var(--theme-color-palette-4);\n\n :hover {\n text-decoration: underline;\n text-underline-offset: 2px;\n text-decoration-color: var(--theme-color-palette-15);\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={chatSystemMessagePadding:"VFPQXIpBfE2WxhJy5Qsd",chatSystemMessage:"wkX1HvZzmy3LOto1GvxU",user:"b7kOlrJUrYOYZorUSOen",message:"Nqo4e0vEZ1F9jydl8ZDG"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file +/*! For license information please see chat-ChatSystemMessage-ChatSystemMessage-stories.8b4a1d1f.iframe.bundle.js.LICENSE.txt */ +(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3757],{"./node_modules/@babel/runtime/helpers/esm/classCallCheck.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}__webpack_require__.d(__webpack_exports__,{A:()=>_classCallCheck})},"./node_modules/@babel/runtime/helpers/esm/createClass.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>_createClass});var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js");function _defineProperties(e,r){for(var t=0;t{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>_inherits});var _setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js");function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&(0,_setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(t,e)}},"./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>_possibleConstructorReturn});var _typeof_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/typeof.js"),_assertThisInitialized_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js");function _possibleConstructorReturn(t,e){if(e&&("object"==(0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__.A)(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return(0,_assertThisInitialized_js__WEBPACK_IMPORTED_MODULE_1__.A)(t)}},"./components/chat/ChatSystemMessage/ChatSystemMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,HighlightExample:()=>HighlightExample,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ChatSystemMessage_stories});const ChatSystemMessage_stories={title:"owncast/Chat/Messages/System",component:__webpack_require__("./components/chat/ChatSystemMessage/ChatSystemMessage.tsx").z,parameters:{design:{type:"image",url:{src:"static/media/chatmessage-system.6297ddb5.png",height:108,width:446,blurDataURL:"static/media/chatmessage-system.6297ddb5.png"}},docs:{description:{component:"This is the message design used when the server sends a message to chat."}}}};var message=JSON.parse('{\n "type": "SYSTEM",\n "id": "wY-MEXwnR",\n "timestamp": "2022-04-28T20:30:27.001762726Z",\n "user": {\n "id": "h_5GQ6E7R",\n "displayName": "Cool Server Name",\n "createdAt": "2022-03-24T03:52:37.966584694Z",\n "scopes": []\n },\n "body": "Test system message from the chat server."}'),Basic={args:{message}},HighlightExample={args:{message,highlightString:"chat"}};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"{\n args: {\n message\n }\n}",...Basic.parameters?.docs?.source}}},HighlightExample.parameters={...HighlightExample.parameters,docs:{...HighlightExample.parameters?.docs,source:{originalSource:"{\n args: {\n message,\n highlightString: 'chat'\n }\n}",...HighlightExample.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","HighlightExample"]},"./components/chat/ChatSystemMessage/ChatSystemMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>ChatSystemMessage});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),esm=__webpack_require__("./node_modules/interweave/esm/index.js"),interweave_autolink_esm=__webpack_require__("./node_modules/interweave-autolink/esm/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatSystemMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatSystemMessage/ChatSystemMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatSystemMessage_module.A,options);const ChatSystemMessage_ChatSystemMessage_module=ChatSystemMessage_module.A&&ChatSystemMessage_module.A.locals?ChatSystemMessage_module.A.locals:void 0;var customMatcher=__webpack_require__("./components/chat/ChatUserMessage/customMatcher.ts"),__jsx=react.createElement,ChatSystemMessage=function ChatSystemMessage(_ref){var _ref$message=_ref.message,body=_ref$message.body,displayName=_ref$message.user.displayName,highlightString=_ref.highlightString;return __jsx("div",{className:ChatSystemMessage_ChatSystemMessage_module.chatSystemMessagePadding},__jsx("div",{className:classnames_default()([ChatSystemMessage_ChatSystemMessage_module.chatSystemMessage,"chat-message_system"])},__jsx("div",{className:ChatSystemMessage_ChatSystemMessage_module.user},__jsx("span",{className:ChatSystemMessage_ChatSystemMessage_module.userName},displayName)),__jsx(esm.BW,{className:ChatSystemMessage_ChatSystemMessage_module.message,content:body,matchers:[new interweave_autolink_esm.SS("url",{customTLDs:["online"]}),new customMatcher.w("highlight",{highlightString})]})))};ChatSystemMessage.displayName="ChatSystemMessage";try{ChatSystemMessage.displayName="ChatSystemMessage",ChatSystemMessage.__docgenInfo={description:"",displayName:"ChatSystemMessage",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"ChatMessage"}},highlightString:{defaultValue:null,description:"",name:"highlightString",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatSystemMessage/ChatSystemMessage.tsx#ChatSystemMessage"]={docgenInfo:ChatSystemMessage.__docgenInfo,name:"ChatSystemMessage",path:"components/chat/ChatSystemMessage/ChatSystemMessage.tsx#ChatSystemMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserMessage/customMatcher.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>ChatMessageHighlightMatcher});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_inherits_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),interweave__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/interweave/esm/bundle-7aab7250.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");function _callSuper(t,o,e){return o=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(o),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_1__.A)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(t).constructor):o.apply(t,e))}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}var ChatMessageHighlightMatcher=function(_Matcher){function ChatMessageHighlightMatcher(){return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__.A)(this,ChatMessageHighlightMatcher),_callSuper(this,ChatMessageHighlightMatcher,arguments)}return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_inherits_js__WEBPACK_IMPORTED_MODULE_4__.A)(ChatMessageHighlightMatcher,_Matcher),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__.A)(ChatMessageHighlightMatcher,[{key:"match",value:function match(str){var highlightString=this.options.highlightString;if(!highlightString)return null;var escapedString=highlightString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/\s/g,"\\s"),normalizedString=escapedString.normalize("NFD").replace(/[\u0300-\u036f]/g,""),highlightRegex=escapedString;escapedString!==normalizedString&&(highlightRegex="(?:".concat(escapedString,")|(?:").concat(normalizedString,")"));var result=str.match(new RegExp(highlightRegex,"ui"));return result?{index:result.index,length:result[0].length,match:result[0],valid:!0}:null}},{key:"replaceWith",value:function replaceWith(children,props){var key=props.key;return react__WEBPACK_IMPORTED_MODULE_2__.createElement("mark",{key},children)}},{key:"asTag",value:function asTag(){return"mark"}}])}(interweave__WEBPACK_IMPORTED_MODULE_6__.M)},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".VFPQXIpBfE2WxhJy5Qsd{padding:5px;padding-bottom:10px}.wkX1HvZzmy3LOto1GvxU{background:var(--theme-color-background-main);background:linear-gradient(70deg, rgb(87, 51, 141) 0%, rgb(65, 28, 139) 40%, rgb(71, 50, 133) 80%);border-radius:5px;border-width:1px;border-style:solid;padding:12px}.wkX1HvZzmy3LOto1GvxU .b7kOlrJUrYOYZorUSOen{display:flex;align-items:center;font-family:var(--theme-text-display-font-family);font-weight:bold;color:#fff}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG{color:#fff}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG p{color:#fff;margin:unset}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG mark{padding-left:.3em;padding-right:.3em;color:var(--theme-color-palette-4);border-radius:var(--chat-text-highlight-border-radius);background-color:var(--color-owncast-palette-7)}.wkX1HvZzmy3LOto1GvxU .Nqo4e0vEZ1F9jydl8ZDG img{max-width:100%;max-height:30vh;object-fit:contain}.wkX1HvZzmy3LOto1GvxU a{color:var(--theme-color-palette-4)}.wkX1HvZzmy3LOto1GvxU a :hover{text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--theme-color-palette-15)}","",{version:3,sources:["webpack://./components/chat/ChatSystemMessage/ChatSystemMessage.module.scss"],names:[],mappings:"AAAA,sBACE,WAAA,CACA,mBAAA,CAGF,sBACE,6CAAA,CACA,kGAAA,CAMA,iBAAA,CACA,gBAAA,CACA,kBAAA,CACA,YAAA,CAEA,4CACE,YAAA,CACA,kBAAA,CACA,iDAAA,CACA,gBAAA,CACA,UAAA,CAGF,4CACE,UAAA,CAEA,8CACE,UAAA,CACA,YAAA,CAGF,iDACE,iBAAA,CACA,kBAAA,CACA,kCAAA,CACA,sDAAA,CACA,+CAAA,CAGF,gDACE,cAAA,CACA,eAAA,CACA,kBAAA,CAIJ,wBACE,kCAAA,CAEA,+BACE,yBAAA,CACA,yBAAA,CACA,mDAAA",sourcesContent:[".chatSystemMessagePadding {\n padding: 5px;\n padding-bottom: 10px;\n}\n\n.chatSystemMessage {\n background: var(--theme-color-background-main);\n background: linear-gradient(\n 70deg,\n rgb(87 51 141) 0%,\n rgb(65 28 139) 40%,\n rgb(71 50 133) 80%\n );\n border-radius: 5px;\n border-width: 1px;\n border-style: solid;\n padding: 12px;\n\n .user {\n display: flex;\n align-items: center;\n font-family: var(--theme-text-display-font-family);\n font-weight: bold;\n color: white;\n }\n\n .message {\n color: white;\n\n p {\n color: white;\n margin: unset;\n }\n\n mark {\n padding-left: 0.3em;\n padding-right: 0.3em;\n color: var(--theme-color-palette-4);\n border-radius: var(--chat-text-highlight-border-radius);\n background-color: var(--color-owncast-palette-7);\n }\n\n img {\n max-width: 100%;\n max-height: 30vh;\n object-fit: contain;\n }\n }\n\n a {\n color: var(--theme-color-palette-4);\n\n :hover {\n text-decoration: underline;\n text-underline-offset: 2px;\n text-decoration-color: var(--theme-color-palette-15);\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={chatSystemMessagePadding:"VFPQXIpBfE2WxhJy5Qsd",chatSystemMessage:"wkX1HvZzmy3LOto1GvxU",user:"b7kOlrJUrYOYZorUSOen",message:"Nqo4e0vEZ1F9jydl8ZDG"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/static/components/chat-ChatSystemMessage-ChatSystemMessage-stories.b572c13a.iframe.bundle.js.LICENSE.txt b/static/components/chat-ChatSystemMessage-ChatSystemMessage-stories.8b4a1d1f.iframe.bundle.js.LICENSE.txt similarity index 100% rename from static/components/chat-ChatSystemMessage-ChatSystemMessage-stories.b572c13a.iframe.bundle.js.LICENSE.txt rename to static/components/chat-ChatSystemMessage-ChatSystemMessage-stories.8b4a1d1f.iframe.bundle.js.LICENSE.txt diff --git a/static/components/chat-ChatUserMessage-ChatUserMessage-stories.7b620057.iframe.bundle.js b/static/components/chat-ChatUserMessage-ChatUserMessage-stories.fccbbb7f.iframe.bundle.js similarity index 99% rename from static/components/chat-ChatUserMessage-ChatUserMessage-stories.7b620057.iframe.bundle.js rename to static/components/chat-ChatUserMessage-ChatUserMessage-stories.fccbbb7f.iframe.bundle.js index 4ef8334440..f2a746ab73 100644 --- a/static/components/chat-ChatUserMessage-ChatUserMessage-stories.7b620057.iframe.bundle.js +++ b/static/components/chat-ChatUserMessage-ChatUserMessage-stories.fccbbb7f.iframe.bundle.js @@ -1 +1 @@ -(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[1973],{"./components/chat/ChatUserMessage/ChatUserMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FromAuthenticatedUser:()=>FromAuthenticatedUser,FromBotUser:()=>FromBotUser,FromModeratorUser:()=>FromModeratorUser,WithLinkAndCustomEmoji:()=>WithLinkAndCustomEmoji,WithModeratorMenu:()=>WithModeratorMenu,WithStringHighlighted:()=>WithStringHighlighted,WithoutModeratorMenu:()=>WithoutModeratorMenu,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ChatUserMessage_stories});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),es=__webpack_require__("./node_modules/recoil/es/index.js"),ChatUserMessage=__webpack_require__("./components/chat/ChatUserMessage/ChatUserMessage.tsx");var __jsx=react.createElement;const ChatUserMessage_stories={title:"owncast/Chat/Messages/Standard user",component:ChatUserMessage.L,parameters:{design:{type:"image",url:{src:"static/media/chatmessage-user.55c8d31e.png",height:351,width:437,blurDataURL:"static/media/chatmessage-user.55c8d31e.png"},scale:.5},docs:{description:{component:"This is the standard text message design that is used when a user sends a message in Owncast chat."}}}};var Template=function Template(args){return __jsx(es.bi,null,__jsx(ChatUserMessage.L,args))};Template.displayName="Template";var standardMessage=JSON.parse('{\n "type": "CHAT",\n "id": "wY-MEXwnR",\n "timestamp": "2022-04-28T20:30:27.001762726Z",\n "user": {\n "id": "h_5GQ6E7R",\n "displayName": "EliteMooseTaskForce",\n "displayColor": 3,\n "createdAt": "2022-03-24T03:52:37.966584694Z",\n "previousNames": ["gifted-nobel", "EliteMooseTaskForce"],\n "nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n "scopes": []\n },\n "body": "Test message from a regular user."}'),messageWithLinkAndCustomEmoji=JSON.parse('{\n\t\t"type": "CHAT",\n\t\t"id": "wY-MEXwnR",\n\t\t"timestamp": "2022-04-28T20:30:27.001762726Z",\n\t\t"user": {\n\t\t\t"id": "h_5GQ6E7R",\n\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t"displayColor": 3,\n\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t"previousNames": ["gifted-nobel", "EliteMooseTaskForce"],\n\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t"scopes": []\n\t\t},\n\t\t"body": "Test message with a link https://owncast.online and a custom emoji ."}'),moderatorMessage=JSON.parse('{\n "type": "CHAT",\n "id": "wY-MEXwnR",\n "timestamp": "2022-04-28T20:30:27.001762726Z",\n "user": {\n "id": "h_5GQ6E7R",\n "displayName": "EliteMooseTaskForce",\n "displayColor": 2,\n "createdAt": "2022-03-24T03:52:37.966584694Z",\n "previousNames": ["gifted-nobel", "EliteMooseTaskForce"],\n "nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n "scopes": ["moderator"]\n },\n "body": "I am a moderator user."}'),authenticatedUserMessage=JSON.parse('{\n "type": "CHAT",\n "id": "wY-MEXwnR",\n "timestamp": "2022-04-28T20:30:27.001762726Z",\n "user": {\n "id": "h_5GQ6E7R",\n "displayName": "EliteMooseTaskForce",\n "displayColor": 7,\n "createdAt": "2022-03-24T03:52:37.966584694Z",\n "previousNames": ["gifted-nobel", "EliteMooseTaskForce"],\n "nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n "authenticated": true,\n "scopes": []\n },\n "body": "I am an authenticated user."}'),botUserMessage=JSON.parse('{\n\t\t\t\t"type": "CHAT",\n\t\t\t\t"id": "wY-MEXwnR",\n\t\t\t\t"timestamp": "2022-04-28T20:30:27.001762726Z",\n\t\t\t\t"user": {\n\t\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t\t"displayColor": 7,\n\t\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t\t"previousNames": ["gifted-nobel", "EliteMooseTaskForce"],\n\t\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t\t"authenticated": true,\n\t\t\t\t\t"scopes": ["bot"]\n\t\t\t\t},\n\t\t\t\t"body": "I am a bot."}'),WithoutModeratorMenu={render:Template,args:{message:standardMessage,showModeratorMenu:!1}},WithLinkAndCustomEmoji={render:Template,args:{message:messageWithLinkAndCustomEmoji,showModeratorMenu:!1}},WithModeratorMenu={render:Template,args:{message:standardMessage,showModeratorMenu:!0}},FromModeratorUser={render:Template,args:{message:moderatorMessage,showModeratorMenu:!1,isAuthorModerator:!0}},FromAuthenticatedUser={render:Template,args:{message:authenticatedUserMessage,showModeratorMenu:!1,isAuthorAuthenticated:!0}},FromBotUser={render:Template,args:{message:botUserMessage,showModeratorMenu:!1,isAuthorBot:!0}},WithStringHighlighted={render:Template,args:{message:standardMessage,showModeratorMenu:!1,highlightString:"message"}};WithoutModeratorMenu.parameters={...WithoutModeratorMenu.parameters,docs:{...WithoutModeratorMenu.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: standardMessage,\n showModeratorMenu: false\n }\n}",...WithoutModeratorMenu.parameters?.docs?.source}}},WithLinkAndCustomEmoji.parameters={...WithLinkAndCustomEmoji.parameters,docs:{...WithLinkAndCustomEmoji.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: messageWithLinkAndCustomEmoji,\n showModeratorMenu: false\n }\n}",...WithLinkAndCustomEmoji.parameters?.docs?.source}}},WithModeratorMenu.parameters={...WithModeratorMenu.parameters,docs:{...WithModeratorMenu.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: standardMessage,\n showModeratorMenu: true\n }\n}",...WithModeratorMenu.parameters?.docs?.source}}},FromModeratorUser.parameters={...FromModeratorUser.parameters,docs:{...FromModeratorUser.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: moderatorMessage,\n showModeratorMenu: false,\n isAuthorModerator: true\n }\n}",...FromModeratorUser.parameters?.docs?.source}}},FromAuthenticatedUser.parameters={...FromAuthenticatedUser.parameters,docs:{...FromAuthenticatedUser.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: authenticatedUserMessage,\n showModeratorMenu: false,\n isAuthorAuthenticated: true\n }\n}",...FromAuthenticatedUser.parameters?.docs?.source}}},FromBotUser.parameters={...FromBotUser.parameters,docs:{...FromBotUser.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: botUserMessage,\n showModeratorMenu: false,\n isAuthorBot: true\n }\n}",...FromBotUser.parameters?.docs?.source}}},WithStringHighlighted.parameters={...WithStringHighlighted.parameters,docs:{...WithStringHighlighted.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: standardMessage,\n showModeratorMenu: false,\n highlightString: 'message'\n }\n}",...WithStringHighlighted.parameters?.docs?.source}}};const __namedExportsOrder=["WithoutModeratorMenu","WithLinkAndCustomEmoji","WithModeratorMenu","FromModeratorUser","FromAuthenticatedUser","FromBotUser","WithStringHighlighted"]},"./components/chat/ChatUserBadge/AuthedUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>AuthedUserBadge});var next_dynamic__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatUserBadge/ChatUserBadge.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,SafetyCertificateFilled=next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(6405)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/SafetyCertificateFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/SafetyCertificateFilled.js"]}}}),AuthedUserBadge=function AuthedUserBadge(_ref){var userColor=_ref.userColor;return __jsx(_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__.z,{badge:__jsx(SafetyCertificateFilled,null),userColor,title:"Authenticated"})};AuthedUserBadge.displayName="AuthedUserBadge";try{AuthedUserBadge.displayName="AuthedUserBadge",AuthedUserBadge.__docgenInfo={description:"",displayName:"AuthedUserBadge",props:{userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/AuthedUserBadge.tsx#AuthedUserBadge"]={docgenInfo:AuthedUserBadge.__docgenInfo,name:"AuthedUserBadge",path:"components/chat/ChatUserBadge/AuthedUserBadge.tsx#AuthedUserBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/BotUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>BotUserBadge});var next_dynamic__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatUserBadge/ChatUserBadge.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,BulbFilled=next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(7161)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/BulbFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/BulbFilled.js"]}}}),BotUserBadge=function BotUserBadge(_ref){var userColor=_ref.userColor;return __jsx(_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__.z,{badge:__jsx(BulbFilled,null),userColor,title:"Bot"})};BotUserBadge.displayName="BotUserBadge";try{BotUserBadge.displayName="BotUserBadge",BotUserBadge.__docgenInfo={description:"",displayName:"BotUserBadge",props:{userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/BotUserBadge.tsx#BotUserBadge"]={docgenInfo:BotUserBadge.__docgenInfo,name:"BotUserBadge",path:"components/chat/ChatUserBadge/BotUserBadge.tsx#BotUserBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/ChatUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>ChatUserBadge});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatUserBadge_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserBadge/ChatUserBadge.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatUserBadge_module.A,options);const ChatUserBadge_ChatUserBadge_module=ChatUserBadge_module.A&&ChatUserBadge_module.A.locals?ChatUserBadge_module.A.locals:void 0;var __jsx=react.createElement,ChatUserBadge=function ChatUserBadge(_ref){var badge=_ref.badge,userColor=_ref.userColor,title=_ref.title,color="var(--theme-color-users-".concat(userColor,")");return __jsx("span",{style:{color},className:classnames_default()([ChatUserBadge_ChatUserBadge_module.badge,"chat-user-badge"]),title},badge)};ChatUserBadge.displayName="ChatUserBadge";try{ChatUserBadge.displayName="ChatUserBadge",ChatUserBadge.__docgenInfo={description:"",displayName:"ChatUserBadge",props:{badge:{defaultValue:null,description:"",name:"badge",required:!0,type:{name:"ReactNode"}},userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/ChatUserBadge.tsx#ChatUserBadge"]={docgenInfo:ChatUserBadge.__docgenInfo,name:"ChatUserBadge",path:"components/chat/ChatUserBadge/ChatUserBadge.tsx#ChatUserBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/ModerationBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{m:()=>ModerationBadge});var next_dynamic__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatUserBadge/ChatUserBadge.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,StarFilled=next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(710)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/StarFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/StarFilled.js"]}}}),ModerationBadge=function ModerationBadge(_ref){var userColor=_ref.userColor;return __jsx(_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__.z,{badge:__jsx(StarFilled,null),userColor,title:"Moderator"})};ModerationBadge.displayName="ModerationBadge";try{ModerationBadge.displayName="ModerationBadge",ModerationBadge.__docgenInfo={description:"",displayName:"ModerationBadge",props:{userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/ModerationBadge.tsx#ModerationBadge"]={docgenInfo:ModerationBadge.__docgenInfo,name:"ModerationBadge",path:"components/chat/ChatUserBadge/ModerationBadge.tsx#ModerationBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserMessage/ChatUserMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{L:()=>ChatUserMessage});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),tooltip=__webpack_require__("./node_modules/antd/es/tooltip/index.js"),es=__webpack_require__("./node_modules/recoil/es/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),esm=__webpack_require__("./node_modules/interweave/esm/index.js"),interweave_autolink_esm=__webpack_require__("./node_modules/interweave-autolink/esm/index.js"),customMatcher=__webpack_require__("./components/chat/ChatUserMessage/customMatcher.ts"),classCallCheck=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),possibleConstructorReturn=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),inherits=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),bundle_7aab7250=__webpack_require__("./node_modules/interweave/esm/bundle-7aab7250.js"),rewrite_pattern=__webpack_require__("./node_modules/regexpu-core/rewrite-pattern.js"),rewrite_pattern_default=__webpack_require__.n(rewrite_pattern);function _callSuper(t,o,e){return o=(0,getPrototypeOf.A)(o),(0,possibleConstructorReturn.A)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,getPrototypeOf.A)(t).constructor):o.apply(t,e))}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}var rewriteFlags,regexFlag,regexPattern,regexSupportsUnicodeSets=function(){var regexp=null;try{regexp=new RegExp("\\p{RGI_Emoji}","v")}catch(_){return!1}return null!==regexp}(),emojiRegex=(rewriteFlags={unicodeSetsFlag:regexSupportsUnicodeSets?"parse":"transform"},regexFlag=regexSupportsUnicodeSets?"v":"u",regexPattern=rewrite_pattern_default()("\\p{RGI_Emoji}","v",rewriteFlags),new RegExp(regexPattern,regexFlag)),ChatMessageEmojiMatcher=function(_Matcher){function ChatMessageEmojiMatcher(){return(0,classCallCheck.A)(this,ChatMessageEmojiMatcher),_callSuper(this,ChatMessageEmojiMatcher,arguments)}return(0,inherits.A)(ChatMessageEmojiMatcher,_Matcher),(0,createClass.A)(ChatMessageEmojiMatcher,[{key:"match",value:function match(str){var result=str.match(emojiRegex);return result?{index:result.index,length:result[0].length,match:result[0],valid:!0}:null}},{key:"replaceWith",value:function replaceWith(children,props){var key=props.key,className=this.options.className;return react.createElement("span",{key,className},children)}},{key:"asTag",value:function asTag(){return"span"}}])}(bundle_7aab7250.M),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatUserMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserMessage/ChatUserMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatUserMessage_module.A,options);const ChatUserMessage_ChatUserMessage_module=ChatUserMessage_module.A&&ChatUserMessage_module.A.locals?ChatUserMessage_module.A.locals:void 0;var helpers=__webpack_require__("./utils/helpers.js");function formatTimestamp(sentAt){var now=new Date(sentAt);if(Number.isNaN(now))return"";if((0,helpers.kt)(sentAt)>=1){var localeDate=now.toLocaleDateString("en-US",{dateStyle:"medium"});return"".concat(localeDate," at ").concat(now.toLocaleTimeString())}return"".concat(now.toLocaleTimeString())}var ClientConfigStore=__webpack_require__("./components/stores/ClientConfigStore.tsx"),AuthedUserBadge=__webpack_require__("./components/chat/ChatUserBadge/AuthedUserBadge.tsx"),ModerationBadge=__webpack_require__("./components/chat/ChatUserBadge/ModerationBadge.tsx"),BotUserBadge=__webpack_require__("./components/chat/ChatUserBadge/BotUserBadge.tsx"),__jsx=react.createElement,ChatModerationActionMenu=dynamic_default()((function(){return Promise.all([__webpack_require__.e(5367),__webpack_require__.e(400),__webpack_require__.e(461),__webpack_require__.e(4241),__webpack_require__.e(6897),__webpack_require__.e(9215),__webpack_require__.e(6230),__webpack_require__.e(9537),__webpack_require__.e(9973),__webpack_require__.e(6492),__webpack_require__.e(8275),__webpack_require__.e(1052),__webpack_require__.e(1721),__webpack_require__.e(7192),__webpack_require__.e(9047),__webpack_require__.e(6875),__webpack_require__.e(2067),__webpack_require__.e(6128)]).then(__webpack_require__.bind(__webpack_require__,"./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx")).then((function(mod){return mod.ChatModerationActionMenu}))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx"]}}}),UserTooltip=function UserTooltip(_ref){var children=_ref.children,user=_ref.user,displayName=user.displayName,createdAt=user.createdAt,content="".concat(displayName," first joined ").concat(formatTimestamp(createdAt));return __jsx(tooltip.A,{title:content,placement:"topLeft",mouseEnterDelay:1},children)};UserTooltip.displayName="UserTooltip";var ChatUserMessage=function ChatUserMessage(_ref2){var message=_ref2.message,highlightString=_ref2.highlightString,showModeratorMenu=_ref2.showModeratorMenu,sentBySelf=_ref2.sentBySelf,sameUserAsLast=_ref2.sameUserAsLast,isAuthorModerator=_ref2.isAuthorModerator,isAuthorAuthenticated=_ref2.isAuthorAuthenticated,isAuthorBot=_ref2.isAuthorBot,messageId=message.id,body=message.body,user=message.user,timestamp=message.timestamp,userId=user.id,displayName=user.displayName,displayColor=user.displayColor,accessToken=(0,es.vc)(ClientConfigStore.Dr),color="var(--theme-color-users-".concat(displayColor,")"),formattedTimestamp="Sent ".concat(formatTimestamp(timestamp)),badgeNodes=[];return isAuthorModerator&&badgeNodes.push(__jsx(ModerationBadge.m,{key:"mod",userColor:displayColor})),isAuthorAuthenticated&&badgeNodes.push(__jsx(AuthedUserBadge.Y,{key:"auth",userColor:displayColor})),isAuthorBot&&badgeNodes.push(__jsx(BotUserBadge.c,{key:"bot",userColor:displayColor})),__jsx("div",{className:classnames_default()(ChatUserMessage_ChatUserMessage_module.messagePadding,sameUserAsLast&&ChatUserMessage_ChatUserMessage_module.messagePaddingCollapsed,"chat-message_user")},__jsx("div",{className:classnames_default()(ChatUserMessage_ChatUserMessage_module.root,(0,defineProperty.A)({},ChatUserMessage_ChatUserMessage_module.ownMessage,sentBySelf)),style:{borderColor:color}},__jsx("div",{className:ChatUserMessage_ChatUserMessage_module.background,style:{color}}),__jsx(UserTooltip,{user},__jsx("div",{className:sameUserAsLast?ChatUserMessage_ChatUserMessage_module.repeatUser:ChatUserMessage_ChatUserMessage_module.user,style:{color}},__jsx("span",{className:ChatUserMessage_ChatUserMessage_module.userName},displayName),__jsx("span",{className:ChatUserMessage_ChatUserMessage_module.userBadges},badgeNodes))),__jsx(tooltip.A,{title:formattedTimestamp,mouseEnterDelay:1},__jsx(esm.BW,{className:ChatUserMessage_ChatUserMessage_module.message,content:body,matchers:[new interweave_autolink_esm.SS("url",{customTLDs:["online"]}),new customMatcher.w("highlight",{highlightString}),new ChatMessageEmojiMatcher("emoji",{className:"emoji"})]})),showModeratorMenu&&__jsx("div",{className:ChatUserMessage_ChatUserMessage_module.modMenuWrapper},__jsx(ChatModerationActionMenu,{messageID:messageId,accessToken,userID:userId,userDisplayName:displayName}))))};ChatUserMessage.displayName="ChatUserMessage";try{ChatUserMessage.displayName="ChatUserMessage",ChatUserMessage.__docgenInfo={description:"",displayName:"ChatUserMessage",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"ChatMessage"}},showModeratorMenu:{defaultValue:null,description:"",name:"showModeratorMenu",required:!0,type:{name:"boolean"}},highlightString:{defaultValue:null,description:"",name:"highlightString",required:!0,type:{name:"string"}},sentBySelf:{defaultValue:null,description:"",name:"sentBySelf",required:!0,type:{name:"boolean"}},sameUserAsLast:{defaultValue:null,description:"",name:"sameUserAsLast",required:!0,type:{name:"boolean"}},isAuthorModerator:{defaultValue:null,description:"",name:"isAuthorModerator",required:!0,type:{name:"boolean"}},isAuthorAuthenticated:{defaultValue:null,description:"",name:"isAuthorAuthenticated",required:!0,type:{name:"boolean"}},isAuthorBot:{defaultValue:null,description:"",name:"isAuthorBot",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserMessage/ChatUserMessage.tsx#ChatUserMessage"]={docgenInfo:ChatUserMessage.__docgenInfo,name:"ChatUserMessage",path:"components/chat/ChatUserMessage/ChatUserMessage.tsx#ChatUserMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserMessage/customMatcher.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>ChatMessageHighlightMatcher});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_inherits_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),interweave__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/interweave/esm/bundle-7aab7250.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");function _callSuper(t,o,e){return o=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(o),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_1__.A)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(t).constructor):o.apply(t,e))}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}var ChatMessageHighlightMatcher=function(_Matcher){function ChatMessageHighlightMatcher(){return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__.A)(this,ChatMessageHighlightMatcher),_callSuper(this,ChatMessageHighlightMatcher,arguments)}return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_inherits_js__WEBPACK_IMPORTED_MODULE_4__.A)(ChatMessageHighlightMatcher,_Matcher),(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__.A)(ChatMessageHighlightMatcher,[{key:"match",value:function match(str){var highlightString=this.options.highlightString;if(!highlightString)return null;var escapedString=highlightString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/\s/g,"\\s"),normalizedString=escapedString.normalize("NFD").replace(/[\u0300-\u036f]/g,""),highlightRegex=escapedString;escapedString!==normalizedString&&(highlightRegex="(?:".concat(escapedString,")|(?:").concat(normalizedString,")"));var result=str.match(new RegExp(highlightRegex,"ui"));return result?{index:result.index,length:result[0].length,match:result[0],valid:!0}:null}},{key:"replaceWith",value:function replaceWith(children,props){var key=props.key;return react__WEBPACK_IMPORTED_MODULE_2__.createElement("mark",{key},children)}},{key:"asTag",value:function asTag(){return"mark"}}])}(interweave__WEBPACK_IMPORTED_MODULE_6__.M)},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserBadge/ChatUserBadge.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".SCtg8LRcxtjPI1lYSBHR{color:#fff;background-color:var(--color-owncast-palette-0);height:16px;width:16px;border-radius:calc(.4*var(--theme-rounded-corners));text-align:center;padding:2px;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;font-size:.65rem}","",{version:3,sources:["webpack://./components/chat/ChatUserBadge/ChatUserBadge.module.scss"],names:[],mappings:"AAAA,sBACE,UAAA,CACA,+CAAA,CACA,WAAA,CACA,UAAA,CACA,mDAAA,CACA,iBAAA,CACA,WAAA,CACA,mBAAA,CACA,sBAAA,CACA,kBAAA,CACA,eAAA,CACA,gBAAA",sourcesContent:[".badge {\n color: white;\n background-color: var(--color-owncast-palette-0);\n height: 16px;\n width: 16px;\n border-radius: calc(0.4 * var(--theme-rounded-corners));\n text-align: center;\n padding: 2px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n font-size: 0.65rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={badge:"SCtg8LRcxtjPI1lYSBHR"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserMessage/ChatUserMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".LofwnV6iKDucwKPEPtKU{border-left:3px solid currentcolor;position:relative;font-size:var(--chat-message-text-size);padding:2px 8px;color:var(--theme-color-components-chat-text)}.LofwnV6iKDucwKPEPtKU *{z-index:100}.LofwnV6iKDucwKPEPtKU p:nth-of-type(1){margin:initial}.LofwnV6iKDucwKPEPtKU .FFxTJ4MZ1gTYIyREIVqu,.LofwnV6iKDucwKPEPtKU .lMVbMsiF3tuGsNjiPv6p{display:flex;align-items:center;font-weight:600}.LofwnV6iKDucwKPEPtKU .lMVbMsiF3tuGsNjiPv6p{display:none}.LofwnV6iKDucwKPEPtKU .ltxysyJNROz0nVFIMd7a{margin-left:3px;display:flex;justify-content:space-between}.LofwnV6iKDucwKPEPtKU .ltxysyJNROz0nVFIMd7a>*{margin-left:3px}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb{overflow:hidden;overflow-wrap:anywhere;font-weight:400;position:relative}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb mark{padding-left:.3em;padding-right:.3em;color:var(--theme-color-palette-4);border-radius:var(--chat-text-highlight-border-radius);background-color:var(--color-owncast-palette-7)}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb a{color:var(--theme-color-palette-12)}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb a:hover{color:var(--theme-color-palette-4)}.LofwnV6iKDucwKPEPtKU.JMjG13exIdM4fJmxasxN{border-left:none;border-right:3px solid currentcolor}.LofwnV6iKDucwKPEPtKU.JMjG13exIdM4fJmxasxN .zMsKKOqcD3Zx1z_PzxZL{position:absolute;top:0;left:0;width:100%;height:100%;background-color:currentcolor;opacity:.07;border-radius:.25rem;overflow:hidden}.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT{position:absolute;display:none;top:5px;right:10px;color:#000}.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT button:focus,.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT button:active{display:block !important}.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT button{background-color:#fff;border-radius:var(--theme-rounded-corners);border-width:0;opacity:.8}.LofwnV6iKDucwKPEPtKU:hover .wagZ0BNcENyOThsDrcdT{display:block}.vCeev31LzzUwhjEyjhe3{padding:.4rem 5px 0}.AMkaUV9_hVPTAtdUmAWE{padding:2px 5px 0}","",{version:3,sources:["webpack://./components/chat/ChatUserMessage/ChatUserMessage.module.scss"],names:[],mappings:"AAKA,sBAWE,kCAhBa,CAiBb,iBAAA,CACA,uCAAA,CACA,eAAA,CACA,6CAAA,CAdA,wBACE,WAAA,CAKF,uCACE,cAAA,CASF,wFACE,YAAA,CACA,kBAAA,CACA,eAAA,CAGF,4CAIE,YAAA,CAGF,4CACE,eAAA,CACA,YAAA,CACA,6BAAA,CAEA,8CACE,eAAA,CAIJ,4CACE,eAAA,CACA,sBAAA,CACA,eAAA,CACA,iBAAA,CAEA,iDACE,iBAAA,CACA,kBAAA,CACA,kCAAA,CACA,sDAAA,CACA,+CAAA,CAGF,8CACE,mCAAA,CAEA,oDACE,kCAAA,CAKN,2CACE,gBAAA,CACA,mCAtEW,CAwEX,iEACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,6BAAA,CACA,WAAA,CACA,oBAAA,CACA,eAAA,CAIJ,4CACE,iBAAA,CACA,YAAA,CACA,OAAA,CACA,UAAA,CACA,UAAA,CAEA,mHAEE,wBAAA,CAGF,mDACE,qBAAA,CACA,0CAAA,CACA,cAAA,CACA,UAAA,CAIJ,kDACE,aAAA,CAIJ,sBACE,mBAAA,CAGF,sBACE,iBAAA",sourcesContent:["$border-style: 3px solid currentcolor;\n$p-size: 8px;\n$p-h-size: 8px;\n$p-v-size: 2px;\n\n.root {\n * {\n z-index: 100;\n }\n\n // Chat messages are wrapped in

tags. We don't want to render\n // the default margins for these initial

tags, so we remove them here.\n p:nth-of-type(1) {\n margin: initial;\n }\n\n border-left: $border-style;\n position: relative;\n font-size: var(--chat-message-text-size);\n padding: $p-v-size $p-h-size;\n color: var(--theme-color-components-chat-text);\n\n .user {\n display: flex;\n align-items: center;\n font-weight: 600;\n }\n\n .repeatUser {\n // nolint: scss/at-extend-no-missing-placeholder\n @extend .user;\n\n display: none;\n }\n\n .userBadges {\n margin-left: 3px;\n display: flex;\n justify-content: space-between;\n\n > * {\n margin-left: 3px;\n }\n }\n\n .message {\n overflow: hidden;\n overflow-wrap: anywhere;\n font-weight: 400;\n position: relative;\n\n mark {\n padding-left: 0.3em;\n padding-right: 0.3em;\n color: var(--theme-color-palette-4);\n border-radius: var(--chat-text-highlight-border-radius);\n background-color: var(--color-owncast-palette-7);\n }\n\n a {\n color: var(--theme-color-palette-12);\n\n &:hover {\n color: var(--theme-color-palette-4);\n }\n }\n }\n\n &.ownMessage {\n border-left: none;\n border-right: $border-style;\n\n .background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: currentcolor;\n opacity: 0.07;\n border-radius: 0.25rem;\n overflow: hidden;\n }\n }\n\n .modMenuWrapper {\n position: absolute;\n display: none;\n top: 5px;\n right: 10px;\n color: black;\n\n & button:focus,\n & button:active {\n display: block !important;\n }\n\n button {\n background-color: white;\n border-radius: var(--theme-rounded-corners);\n border-width: 0;\n opacity: 0.8;\n }\n }\n\n &:hover .modMenuWrapper {\n display: block;\n }\n}\n\n.messagePadding {\n padding: 0.4rem 5px 0;\n}\n\n.messagePaddingCollapsed {\n padding: 2px 5px 0;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"LofwnV6iKDucwKPEPtKU",user:"FFxTJ4MZ1gTYIyREIVqu",repeatUser:"lMVbMsiF3tuGsNjiPv6p",userBadges:"ltxysyJNROz0nVFIMd7a",message:"w3AFTkGF45TSftU6sRwb",ownMessage:"JMjG13exIdM4fJmxasxN",background:"zMsKKOqcD3Zx1z_PzxZL",modMenuWrapper:"wagZ0BNcENyOThsDrcdT",messagePadding:"vCeev31LzzUwhjEyjhe3",messagePaddingCollapsed:"AMkaUV9_hVPTAtdUmAWE"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")},"./node_modules/next/dist/shared/lib/dynamic.js":(module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{default:function(){return dynamic},noSSR:function(){return noSSR}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_jsxruntime=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js"),_loadablesharedruntime=(__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_interop_require_default._(__webpack_require__("./node_modules/next/dist/shared/lib/loadable.shared-runtime.js"))),isServerSide="undefined"==typeof window;function convertModule(mod){return{default:(null==mod?void 0:mod.default)||mod}}function noSSR(LoadableInitializer,loadableOptions){if(delete loadableOptions.webpack,delete loadableOptions.modules,!isServerSide)return LoadableInitializer(loadableOptions);const Loading=loadableOptions.loading;return()=>(0,_jsxruntime.jsx)(Loading,{error:null,isLoading:!0,pastDelay:!1,timedOut:!1})}function dynamic(dynamicOptions,options){let loadableFn=_loadablesharedruntime.default,loadableOptions={loading:param=>{let{error,isLoading,pastDelay}=param;return null}};dynamicOptions instanceof Promise?loadableOptions.loader=()=>dynamicOptions:"function"==typeof dynamicOptions?loadableOptions.loader=dynamicOptions:"object"==typeof dynamicOptions&&(loadableOptions={...loadableOptions,...dynamicOptions}),loadableOptions={...loadableOptions,...options};const loaderFn=loadableOptions.loader;return loadableOptions.loadableGenerated&&(loadableOptions={...loadableOptions,...loadableOptions.loadableGenerated},delete loadableOptions.loadableGenerated),"boolean"!=typeof loadableOptions.ssr||loadableOptions.ssr?loadableFn({...loadableOptions,loader:()=>null!=loaderFn?loaderFn().then(convertModule):Promise.resolve(convertModule((()=>null)))}):(delete loadableOptions.webpack,delete loadableOptions.modules,noSSR(loadableFn,loadableOptions))}("function"==typeof exports.default||"object"==typeof exports.default&&null!==exports.default)&&void 0===exports.default.__esModule&&(Object.defineProperty(exports.default,"__esModule",{value:!0}),Object.assign(exports.default,exports),module.exports=exports.default)},"./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LoadableContext",{enumerable:!0,get:function(){return LoadableContext}});const LoadableContext=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs")._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")).default.createContext(null)},"./node_modules/next/dist/shared/lib/loadable.shared-runtime.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _default}});const _react=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs")._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablecontextsharedruntime=__webpack_require__("./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.js");const ALL_INITIALIZERS=[],READY_INITIALIZERS=[];let initialized=!1;function load(loader){let promise=loader(),state={loading:!0,loaded:null,error:null};return state.promise=promise.then((loaded=>(state.loading=!1,state.loaded=loaded,loaded))).catch((err=>{throw state.loading=!1,state.error=err,err})),state}function createLoadableComponent(loadFn,options){let opts=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},options),subscription=null;function init(){if(!subscription){const sub=new LoadableSubscription(loadFn,opts);subscription={getCurrentValue:sub.getCurrentValue.bind(sub),subscribe:sub.subscribe.bind(sub),retry:sub.retry.bind(sub),promise:sub.promise.bind(sub)}}return subscription.promise()}if("undefined"==typeof window&&ALL_INITIALIZERS.push(init),!initialized&&"undefined"!=typeof window){const moduleIds=opts.webpack?opts.webpack():opts.modules;moduleIds&&READY_INITIALIZERS.push((ids=>{for(const moduleId of moduleIds)if(ids.includes(moduleId))return init()}))}function LoadableComponent(props,ref){!function useLoadableModule(){init();const context=_react.default.useContext(_loadablecontextsharedruntime.LoadableContext);context&&Array.isArray(opts.modules)&&opts.modules.forEach((moduleName=>{context(moduleName)}))}();const state=_react.default.useSyncExternalStore(subscription.subscribe,subscription.getCurrentValue,subscription.getCurrentValue);return _react.default.useImperativeHandle(ref,(()=>({retry:subscription.retry})),[]),_react.default.useMemo((()=>state.loading||state.error?_react.default.createElement(opts.loading,{isLoading:state.loading,pastDelay:state.pastDelay,timedOut:state.timedOut,error:state.error,retry:subscription.retry}):state.loaded?_react.default.createElement(function resolve(obj){return obj&&obj.default?obj.default:obj}(state.loaded),props):null),[props,state])}return LoadableComponent.preload=()=>init(),LoadableComponent.displayName="LoadableComponent",_react.default.forwardRef(LoadableComponent)}class LoadableSubscription{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};const{_res:res,_opts:opts}=this;res.loading&&("number"==typeof opts.delay&&(0===opts.delay?this._state.pastDelay=!0:this._delay=setTimeout((()=>{this._update({pastDelay:!0})}),opts.delay)),"number"==typeof opts.timeout&&(this._timeout=setTimeout((()=>{this._update({timedOut:!0})}),opts.timeout))),this._res.promise.then((()=>{this._update({}),this._clearTimeouts()})).catch((_err=>{this._update({}),this._clearTimeouts()})),this._update({})}_update(partial){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...partial},this._callbacks.forEach((callback=>callback()))}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(callback){return this._callbacks.add(callback),()=>{this._callbacks.delete(callback)}}constructor(loadFn,opts){this._loadFn=loadFn,this._opts=opts,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}}function Loadable(opts){return createLoadableComponent(load,opts)}function flushInitializers(initializers,ids){let promises=[];for(;initializers.length;){let init=initializers.pop();promises.push(init(ids))}return Promise.all(promises).then((()=>{if(initializers.length)return flushInitializers(initializers,ids)}))}Loadable.preloadAll=()=>new Promise(((resolveInitializers,reject)=>{flushInitializers(ALL_INITIALIZERS).then(resolveInitializers,reject)})),Loadable.preloadReady=ids=>(void 0===ids&&(ids=[]),new Promise((resolvePreload=>{const res=()=>(initialized=!0,resolvePreload());flushInitializers(READY_INITIALIZERS,ids).then(res,res)}))),"undefined"!=typeof window&&(window.__NEXT_PRELOADREADY=Loadable.preloadReady);const _default=Loadable},"./node_modules/next/dynamic.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/shared/lib/dynamic.js")},"./node_modules/regenerate-unicode-properties sync recursive ^\\.\\/.*\\.js$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./Binary_Property/ASCII.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ASCII.js","./Binary_Property/ASCII_Hex_Digit.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ASCII_Hex_Digit.js","./Binary_Property/Alphabetic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Alphabetic.js","./Binary_Property/Any.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Any.js","./Binary_Property/Assigned.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Assigned.js","./Binary_Property/Bidi_Control.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Bidi_Control.js","./Binary_Property/Bidi_Mirrored.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Bidi_Mirrored.js","./Binary_Property/Case_Ignorable.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Case_Ignorable.js","./Binary_Property/Cased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Cased.js","./Binary_Property/Changes_When_Casefolded.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Casefolded.js","./Binary_Property/Changes_When_Casemapped.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Casemapped.js","./Binary_Property/Changes_When_Lowercased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Lowercased.js","./Binary_Property/Changes_When_NFKC_Casefolded.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_NFKC_Casefolded.js","./Binary_Property/Changes_When_Titlecased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Titlecased.js","./Binary_Property/Changes_When_Uppercased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Uppercased.js","./Binary_Property/Dash.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Dash.js","./Binary_Property/Default_Ignorable_Code_Point.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Default_Ignorable_Code_Point.js","./Binary_Property/Deprecated.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Deprecated.js","./Binary_Property/Diacritic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Diacritic.js","./Binary_Property/Emoji.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji.js","./Binary_Property/Emoji_Component.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Component.js","./Binary_Property/Emoji_Modifier.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Modifier.js","./Binary_Property/Emoji_Modifier_Base.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Modifier_Base.js","./Binary_Property/Emoji_Presentation.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Presentation.js","./Binary_Property/Extended_Pictographic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Extended_Pictographic.js","./Binary_Property/Extender.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Extender.js","./Binary_Property/Grapheme_Base.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Grapheme_Base.js","./Binary_Property/Grapheme_Extend.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Grapheme_Extend.js","./Binary_Property/Hex_Digit.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Hex_Digit.js","./Binary_Property/IDS_Binary_Operator.js":"./node_modules/regenerate-unicode-properties/Binary_Property/IDS_Binary_Operator.js","./Binary_Property/IDS_Trinary_Operator.js":"./node_modules/regenerate-unicode-properties/Binary_Property/IDS_Trinary_Operator.js","./Binary_Property/ID_Continue.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ID_Continue.js","./Binary_Property/ID_Start.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ID_Start.js","./Binary_Property/Ideographic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Ideographic.js","./Binary_Property/Join_Control.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Join_Control.js","./Binary_Property/Logical_Order_Exception.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Logical_Order_Exception.js","./Binary_Property/Lowercase.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Lowercase.js","./Binary_Property/Math.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Math.js","./Binary_Property/Noncharacter_Code_Point.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Noncharacter_Code_Point.js","./Binary_Property/Pattern_Syntax.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Pattern_Syntax.js","./Binary_Property/Pattern_White_Space.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Pattern_White_Space.js","./Binary_Property/Quotation_Mark.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Quotation_Mark.js","./Binary_Property/Radical.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Radical.js","./Binary_Property/Regional_Indicator.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Regional_Indicator.js","./Binary_Property/Sentence_Terminal.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Sentence_Terminal.js","./Binary_Property/Soft_Dotted.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Soft_Dotted.js","./Binary_Property/Terminal_Punctuation.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Terminal_Punctuation.js","./Binary_Property/Unified_Ideograph.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Unified_Ideograph.js","./Binary_Property/Uppercase.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Uppercase.js","./Binary_Property/Variation_Selector.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Variation_Selector.js","./Binary_Property/White_Space.js":"./node_modules/regenerate-unicode-properties/Binary_Property/White_Space.js","./Binary_Property/XID_Continue.js":"./node_modules/regenerate-unicode-properties/Binary_Property/XID_Continue.js","./Binary_Property/XID_Start.js":"./node_modules/regenerate-unicode-properties/Binary_Property/XID_Start.js","./General_Category/Cased_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Cased_Letter.js","./General_Category/Close_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Close_Punctuation.js","./General_Category/Connector_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Connector_Punctuation.js","./General_Category/Control.js":"./node_modules/regenerate-unicode-properties/General_Category/Control.js","./General_Category/Currency_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Currency_Symbol.js","./General_Category/Dash_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Dash_Punctuation.js","./General_Category/Decimal_Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Decimal_Number.js","./General_Category/Enclosing_Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Enclosing_Mark.js","./General_Category/Final_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Final_Punctuation.js","./General_Category/Format.js":"./node_modules/regenerate-unicode-properties/General_Category/Format.js","./General_Category/Initial_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Initial_Punctuation.js","./General_Category/Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Letter.js","./General_Category/Letter_Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Letter_Number.js","./General_Category/Line_Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Line_Separator.js","./General_Category/Lowercase_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Lowercase_Letter.js","./General_Category/Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Mark.js","./General_Category/Math_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Math_Symbol.js","./General_Category/Modifier_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Modifier_Letter.js","./General_Category/Modifier_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Modifier_Symbol.js","./General_Category/Nonspacing_Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Nonspacing_Mark.js","./General_Category/Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Number.js","./General_Category/Open_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Open_Punctuation.js","./General_Category/Other.js":"./node_modules/regenerate-unicode-properties/General_Category/Other.js","./General_Category/Other_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Letter.js","./General_Category/Other_Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Number.js","./General_Category/Other_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Punctuation.js","./General_Category/Other_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Symbol.js","./General_Category/Paragraph_Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Paragraph_Separator.js","./General_Category/Private_Use.js":"./node_modules/regenerate-unicode-properties/General_Category/Private_Use.js","./General_Category/Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Punctuation.js","./General_Category/Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Separator.js","./General_Category/Space_Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Space_Separator.js","./General_Category/Spacing_Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Spacing_Mark.js","./General_Category/Surrogate.js":"./node_modules/regenerate-unicode-properties/General_Category/Surrogate.js","./General_Category/Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Symbol.js","./General_Category/Titlecase_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Titlecase_Letter.js","./General_Category/Unassigned.js":"./node_modules/regenerate-unicode-properties/General_Category/Unassigned.js","./General_Category/Uppercase_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Uppercase_Letter.js","./Property_of_Strings/Basic_Emoji.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/Basic_Emoji.js","./Property_of_Strings/Emoji_Keycap_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/Emoji_Keycap_Sequence.js","./Property_of_Strings/RGI_Emoji.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji.js","./Property_of_Strings/RGI_Emoji_Flag_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_Flag_Sequence.js","./Property_of_Strings/RGI_Emoji_Modifier_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_Modifier_Sequence.js","./Property_of_Strings/RGI_Emoji_Tag_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_Tag_Sequence.js","./Property_of_Strings/RGI_Emoji_ZWJ_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_ZWJ_Sequence.js","./Script/Adlam.js":"./node_modules/regenerate-unicode-properties/Script/Adlam.js","./Script/Ahom.js":"./node_modules/regenerate-unicode-properties/Script/Ahom.js","./Script/Anatolian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script/Anatolian_Hieroglyphs.js","./Script/Arabic.js":"./node_modules/regenerate-unicode-properties/Script/Arabic.js","./Script/Armenian.js":"./node_modules/regenerate-unicode-properties/Script/Armenian.js","./Script/Avestan.js":"./node_modules/regenerate-unicode-properties/Script/Avestan.js","./Script/Balinese.js":"./node_modules/regenerate-unicode-properties/Script/Balinese.js","./Script/Bamum.js":"./node_modules/regenerate-unicode-properties/Script/Bamum.js","./Script/Bassa_Vah.js":"./node_modules/regenerate-unicode-properties/Script/Bassa_Vah.js","./Script/Batak.js":"./node_modules/regenerate-unicode-properties/Script/Batak.js","./Script/Bengali.js":"./node_modules/regenerate-unicode-properties/Script/Bengali.js","./Script/Bhaiksuki.js":"./node_modules/regenerate-unicode-properties/Script/Bhaiksuki.js","./Script/Bopomofo.js":"./node_modules/regenerate-unicode-properties/Script/Bopomofo.js","./Script/Brahmi.js":"./node_modules/regenerate-unicode-properties/Script/Brahmi.js","./Script/Braille.js":"./node_modules/regenerate-unicode-properties/Script/Braille.js","./Script/Buginese.js":"./node_modules/regenerate-unicode-properties/Script/Buginese.js","./Script/Buhid.js":"./node_modules/regenerate-unicode-properties/Script/Buhid.js","./Script/Canadian_Aboriginal.js":"./node_modules/regenerate-unicode-properties/Script/Canadian_Aboriginal.js","./Script/Carian.js":"./node_modules/regenerate-unicode-properties/Script/Carian.js","./Script/Caucasian_Albanian.js":"./node_modules/regenerate-unicode-properties/Script/Caucasian_Albanian.js","./Script/Chakma.js":"./node_modules/regenerate-unicode-properties/Script/Chakma.js","./Script/Cham.js":"./node_modules/regenerate-unicode-properties/Script/Cham.js","./Script/Cherokee.js":"./node_modules/regenerate-unicode-properties/Script/Cherokee.js","./Script/Chorasmian.js":"./node_modules/regenerate-unicode-properties/Script/Chorasmian.js","./Script/Common.js":"./node_modules/regenerate-unicode-properties/Script/Common.js","./Script/Coptic.js":"./node_modules/regenerate-unicode-properties/Script/Coptic.js","./Script/Cuneiform.js":"./node_modules/regenerate-unicode-properties/Script/Cuneiform.js","./Script/Cypriot.js":"./node_modules/regenerate-unicode-properties/Script/Cypriot.js","./Script/Cypro_Minoan.js":"./node_modules/regenerate-unicode-properties/Script/Cypro_Minoan.js","./Script/Cyrillic.js":"./node_modules/regenerate-unicode-properties/Script/Cyrillic.js","./Script/Deseret.js":"./node_modules/regenerate-unicode-properties/Script/Deseret.js","./Script/Devanagari.js":"./node_modules/regenerate-unicode-properties/Script/Devanagari.js","./Script/Dives_Akuru.js":"./node_modules/regenerate-unicode-properties/Script/Dives_Akuru.js","./Script/Dogra.js":"./node_modules/regenerate-unicode-properties/Script/Dogra.js","./Script/Duployan.js":"./node_modules/regenerate-unicode-properties/Script/Duployan.js","./Script/Egyptian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script/Egyptian_Hieroglyphs.js","./Script/Elbasan.js":"./node_modules/regenerate-unicode-properties/Script/Elbasan.js","./Script/Elymaic.js":"./node_modules/regenerate-unicode-properties/Script/Elymaic.js","./Script/Ethiopic.js":"./node_modules/regenerate-unicode-properties/Script/Ethiopic.js","./Script/Georgian.js":"./node_modules/regenerate-unicode-properties/Script/Georgian.js","./Script/Glagolitic.js":"./node_modules/regenerate-unicode-properties/Script/Glagolitic.js","./Script/Gothic.js":"./node_modules/regenerate-unicode-properties/Script/Gothic.js","./Script/Grantha.js":"./node_modules/regenerate-unicode-properties/Script/Grantha.js","./Script/Greek.js":"./node_modules/regenerate-unicode-properties/Script/Greek.js","./Script/Gujarati.js":"./node_modules/regenerate-unicode-properties/Script/Gujarati.js","./Script/Gunjala_Gondi.js":"./node_modules/regenerate-unicode-properties/Script/Gunjala_Gondi.js","./Script/Gurmukhi.js":"./node_modules/regenerate-unicode-properties/Script/Gurmukhi.js","./Script/Han.js":"./node_modules/regenerate-unicode-properties/Script/Han.js","./Script/Hangul.js":"./node_modules/regenerate-unicode-properties/Script/Hangul.js","./Script/Hanifi_Rohingya.js":"./node_modules/regenerate-unicode-properties/Script/Hanifi_Rohingya.js","./Script/Hanunoo.js":"./node_modules/regenerate-unicode-properties/Script/Hanunoo.js","./Script/Hatran.js":"./node_modules/regenerate-unicode-properties/Script/Hatran.js","./Script/Hebrew.js":"./node_modules/regenerate-unicode-properties/Script/Hebrew.js","./Script/Hiragana.js":"./node_modules/regenerate-unicode-properties/Script/Hiragana.js","./Script/Imperial_Aramaic.js":"./node_modules/regenerate-unicode-properties/Script/Imperial_Aramaic.js","./Script/Inherited.js":"./node_modules/regenerate-unicode-properties/Script/Inherited.js","./Script/Inscriptional_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script/Inscriptional_Pahlavi.js","./Script/Inscriptional_Parthian.js":"./node_modules/regenerate-unicode-properties/Script/Inscriptional_Parthian.js","./Script/Javanese.js":"./node_modules/regenerate-unicode-properties/Script/Javanese.js","./Script/Kaithi.js":"./node_modules/regenerate-unicode-properties/Script/Kaithi.js","./Script/Kannada.js":"./node_modules/regenerate-unicode-properties/Script/Kannada.js","./Script/Katakana.js":"./node_modules/regenerate-unicode-properties/Script/Katakana.js","./Script/Kawi.js":"./node_modules/regenerate-unicode-properties/Script/Kawi.js","./Script/Kayah_Li.js":"./node_modules/regenerate-unicode-properties/Script/Kayah_Li.js","./Script/Kharoshthi.js":"./node_modules/regenerate-unicode-properties/Script/Kharoshthi.js","./Script/Khitan_Small_Script.js":"./node_modules/regenerate-unicode-properties/Script/Khitan_Small_Script.js","./Script/Khmer.js":"./node_modules/regenerate-unicode-properties/Script/Khmer.js","./Script/Khojki.js":"./node_modules/regenerate-unicode-properties/Script/Khojki.js","./Script/Khudawadi.js":"./node_modules/regenerate-unicode-properties/Script/Khudawadi.js","./Script/Lao.js":"./node_modules/regenerate-unicode-properties/Script/Lao.js","./Script/Latin.js":"./node_modules/regenerate-unicode-properties/Script/Latin.js","./Script/Lepcha.js":"./node_modules/regenerate-unicode-properties/Script/Lepcha.js","./Script/Limbu.js":"./node_modules/regenerate-unicode-properties/Script/Limbu.js","./Script/Linear_A.js":"./node_modules/regenerate-unicode-properties/Script/Linear_A.js","./Script/Linear_B.js":"./node_modules/regenerate-unicode-properties/Script/Linear_B.js","./Script/Lisu.js":"./node_modules/regenerate-unicode-properties/Script/Lisu.js","./Script/Lycian.js":"./node_modules/regenerate-unicode-properties/Script/Lycian.js","./Script/Lydian.js":"./node_modules/regenerate-unicode-properties/Script/Lydian.js","./Script/Mahajani.js":"./node_modules/regenerate-unicode-properties/Script/Mahajani.js","./Script/Makasar.js":"./node_modules/regenerate-unicode-properties/Script/Makasar.js","./Script/Malayalam.js":"./node_modules/regenerate-unicode-properties/Script/Malayalam.js","./Script/Mandaic.js":"./node_modules/regenerate-unicode-properties/Script/Mandaic.js","./Script/Manichaean.js":"./node_modules/regenerate-unicode-properties/Script/Manichaean.js","./Script/Marchen.js":"./node_modules/regenerate-unicode-properties/Script/Marchen.js","./Script/Masaram_Gondi.js":"./node_modules/regenerate-unicode-properties/Script/Masaram_Gondi.js","./Script/Medefaidrin.js":"./node_modules/regenerate-unicode-properties/Script/Medefaidrin.js","./Script/Meetei_Mayek.js":"./node_modules/regenerate-unicode-properties/Script/Meetei_Mayek.js","./Script/Mende_Kikakui.js":"./node_modules/regenerate-unicode-properties/Script/Mende_Kikakui.js","./Script/Meroitic_Cursive.js":"./node_modules/regenerate-unicode-properties/Script/Meroitic_Cursive.js","./Script/Meroitic_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script/Meroitic_Hieroglyphs.js","./Script/Miao.js":"./node_modules/regenerate-unicode-properties/Script/Miao.js","./Script/Modi.js":"./node_modules/regenerate-unicode-properties/Script/Modi.js","./Script/Mongolian.js":"./node_modules/regenerate-unicode-properties/Script/Mongolian.js","./Script/Mro.js":"./node_modules/regenerate-unicode-properties/Script/Mro.js","./Script/Multani.js":"./node_modules/regenerate-unicode-properties/Script/Multani.js","./Script/Myanmar.js":"./node_modules/regenerate-unicode-properties/Script/Myanmar.js","./Script/Nabataean.js":"./node_modules/regenerate-unicode-properties/Script/Nabataean.js","./Script/Nag_Mundari.js":"./node_modules/regenerate-unicode-properties/Script/Nag_Mundari.js","./Script/Nandinagari.js":"./node_modules/regenerate-unicode-properties/Script/Nandinagari.js","./Script/New_Tai_Lue.js":"./node_modules/regenerate-unicode-properties/Script/New_Tai_Lue.js","./Script/Newa.js":"./node_modules/regenerate-unicode-properties/Script/Newa.js","./Script/Nko.js":"./node_modules/regenerate-unicode-properties/Script/Nko.js","./Script/Nushu.js":"./node_modules/regenerate-unicode-properties/Script/Nushu.js","./Script/Nyiakeng_Puachue_Hmong.js":"./node_modules/regenerate-unicode-properties/Script/Nyiakeng_Puachue_Hmong.js","./Script/Ogham.js":"./node_modules/regenerate-unicode-properties/Script/Ogham.js","./Script/Ol_Chiki.js":"./node_modules/regenerate-unicode-properties/Script/Ol_Chiki.js","./Script/Old_Hungarian.js":"./node_modules/regenerate-unicode-properties/Script/Old_Hungarian.js","./Script/Old_Italic.js":"./node_modules/regenerate-unicode-properties/Script/Old_Italic.js","./Script/Old_North_Arabian.js":"./node_modules/regenerate-unicode-properties/Script/Old_North_Arabian.js","./Script/Old_Permic.js":"./node_modules/regenerate-unicode-properties/Script/Old_Permic.js","./Script/Old_Persian.js":"./node_modules/regenerate-unicode-properties/Script/Old_Persian.js","./Script/Old_Sogdian.js":"./node_modules/regenerate-unicode-properties/Script/Old_Sogdian.js","./Script/Old_South_Arabian.js":"./node_modules/regenerate-unicode-properties/Script/Old_South_Arabian.js","./Script/Old_Turkic.js":"./node_modules/regenerate-unicode-properties/Script/Old_Turkic.js","./Script/Old_Uyghur.js":"./node_modules/regenerate-unicode-properties/Script/Old_Uyghur.js","./Script/Oriya.js":"./node_modules/regenerate-unicode-properties/Script/Oriya.js","./Script/Osage.js":"./node_modules/regenerate-unicode-properties/Script/Osage.js","./Script/Osmanya.js":"./node_modules/regenerate-unicode-properties/Script/Osmanya.js","./Script/Pahawh_Hmong.js":"./node_modules/regenerate-unicode-properties/Script/Pahawh_Hmong.js","./Script/Palmyrene.js":"./node_modules/regenerate-unicode-properties/Script/Palmyrene.js","./Script/Pau_Cin_Hau.js":"./node_modules/regenerate-unicode-properties/Script/Pau_Cin_Hau.js","./Script/Phags_Pa.js":"./node_modules/regenerate-unicode-properties/Script/Phags_Pa.js","./Script/Phoenician.js":"./node_modules/regenerate-unicode-properties/Script/Phoenician.js","./Script/Psalter_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script/Psalter_Pahlavi.js","./Script/Rejang.js":"./node_modules/regenerate-unicode-properties/Script/Rejang.js","./Script/Runic.js":"./node_modules/regenerate-unicode-properties/Script/Runic.js","./Script/Samaritan.js":"./node_modules/regenerate-unicode-properties/Script/Samaritan.js","./Script/Saurashtra.js":"./node_modules/regenerate-unicode-properties/Script/Saurashtra.js","./Script/Sharada.js":"./node_modules/regenerate-unicode-properties/Script/Sharada.js","./Script/Shavian.js":"./node_modules/regenerate-unicode-properties/Script/Shavian.js","./Script/Siddham.js":"./node_modules/regenerate-unicode-properties/Script/Siddham.js","./Script/SignWriting.js":"./node_modules/regenerate-unicode-properties/Script/SignWriting.js","./Script/Sinhala.js":"./node_modules/regenerate-unicode-properties/Script/Sinhala.js","./Script/Sogdian.js":"./node_modules/regenerate-unicode-properties/Script/Sogdian.js","./Script/Sora_Sompeng.js":"./node_modules/regenerate-unicode-properties/Script/Sora_Sompeng.js","./Script/Soyombo.js":"./node_modules/regenerate-unicode-properties/Script/Soyombo.js","./Script/Sundanese.js":"./node_modules/regenerate-unicode-properties/Script/Sundanese.js","./Script/Syloti_Nagri.js":"./node_modules/regenerate-unicode-properties/Script/Syloti_Nagri.js","./Script/Syriac.js":"./node_modules/regenerate-unicode-properties/Script/Syriac.js","./Script/Tagalog.js":"./node_modules/regenerate-unicode-properties/Script/Tagalog.js","./Script/Tagbanwa.js":"./node_modules/regenerate-unicode-properties/Script/Tagbanwa.js","./Script/Tai_Le.js":"./node_modules/regenerate-unicode-properties/Script/Tai_Le.js","./Script/Tai_Tham.js":"./node_modules/regenerate-unicode-properties/Script/Tai_Tham.js","./Script/Tai_Viet.js":"./node_modules/regenerate-unicode-properties/Script/Tai_Viet.js","./Script/Takri.js":"./node_modules/regenerate-unicode-properties/Script/Takri.js","./Script/Tamil.js":"./node_modules/regenerate-unicode-properties/Script/Tamil.js","./Script/Tangsa.js":"./node_modules/regenerate-unicode-properties/Script/Tangsa.js","./Script/Tangut.js":"./node_modules/regenerate-unicode-properties/Script/Tangut.js","./Script/Telugu.js":"./node_modules/regenerate-unicode-properties/Script/Telugu.js","./Script/Thaana.js":"./node_modules/regenerate-unicode-properties/Script/Thaana.js","./Script/Thai.js":"./node_modules/regenerate-unicode-properties/Script/Thai.js","./Script/Tibetan.js":"./node_modules/regenerate-unicode-properties/Script/Tibetan.js","./Script/Tifinagh.js":"./node_modules/regenerate-unicode-properties/Script/Tifinagh.js","./Script/Tirhuta.js":"./node_modules/regenerate-unicode-properties/Script/Tirhuta.js","./Script/Toto.js":"./node_modules/regenerate-unicode-properties/Script/Toto.js","./Script/Ugaritic.js":"./node_modules/regenerate-unicode-properties/Script/Ugaritic.js","./Script/Vai.js":"./node_modules/regenerate-unicode-properties/Script/Vai.js","./Script/Vithkuqi.js":"./node_modules/regenerate-unicode-properties/Script/Vithkuqi.js","./Script/Wancho.js":"./node_modules/regenerate-unicode-properties/Script/Wancho.js","./Script/Warang_Citi.js":"./node_modules/regenerate-unicode-properties/Script/Warang_Citi.js","./Script/Yezidi.js":"./node_modules/regenerate-unicode-properties/Script/Yezidi.js","./Script/Yi.js":"./node_modules/regenerate-unicode-properties/Script/Yi.js","./Script/Zanabazar_Square.js":"./node_modules/regenerate-unicode-properties/Script/Zanabazar_Square.js","./Script_Extensions/Adlam.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Adlam.js","./Script_Extensions/Ahom.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ahom.js","./Script_Extensions/Anatolian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Anatolian_Hieroglyphs.js","./Script_Extensions/Arabic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Arabic.js","./Script_Extensions/Armenian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Armenian.js","./Script_Extensions/Avestan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Avestan.js","./Script_Extensions/Balinese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Balinese.js","./Script_Extensions/Bamum.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bamum.js","./Script_Extensions/Bassa_Vah.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bassa_Vah.js","./Script_Extensions/Batak.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Batak.js","./Script_Extensions/Bengali.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bengali.js","./Script_Extensions/Bhaiksuki.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bhaiksuki.js","./Script_Extensions/Bopomofo.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bopomofo.js","./Script_Extensions/Brahmi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Brahmi.js","./Script_Extensions/Braille.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Braille.js","./Script_Extensions/Buginese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Buginese.js","./Script_Extensions/Buhid.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Buhid.js","./Script_Extensions/Canadian_Aboriginal.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Canadian_Aboriginal.js","./Script_Extensions/Carian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Carian.js","./Script_Extensions/Caucasian_Albanian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Caucasian_Albanian.js","./Script_Extensions/Chakma.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Chakma.js","./Script_Extensions/Cham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cham.js","./Script_Extensions/Cherokee.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cherokee.js","./Script_Extensions/Chorasmian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Chorasmian.js","./Script_Extensions/Common.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Common.js","./Script_Extensions/Coptic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Coptic.js","./Script_Extensions/Cuneiform.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cuneiform.js","./Script_Extensions/Cypriot.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cypriot.js","./Script_Extensions/Cypro_Minoan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cypro_Minoan.js","./Script_Extensions/Cyrillic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cyrillic.js","./Script_Extensions/Deseret.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Deseret.js","./Script_Extensions/Devanagari.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Devanagari.js","./Script_Extensions/Dives_Akuru.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Dives_Akuru.js","./Script_Extensions/Dogra.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Dogra.js","./Script_Extensions/Duployan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Duployan.js","./Script_Extensions/Egyptian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Egyptian_Hieroglyphs.js","./Script_Extensions/Elbasan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Elbasan.js","./Script_Extensions/Elymaic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Elymaic.js","./Script_Extensions/Ethiopic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ethiopic.js","./Script_Extensions/Georgian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Georgian.js","./Script_Extensions/Glagolitic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Glagolitic.js","./Script_Extensions/Gothic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gothic.js","./Script_Extensions/Grantha.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Grantha.js","./Script_Extensions/Greek.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Greek.js","./Script_Extensions/Gujarati.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gujarati.js","./Script_Extensions/Gunjala_Gondi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gunjala_Gondi.js","./Script_Extensions/Gurmukhi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gurmukhi.js","./Script_Extensions/Han.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Han.js","./Script_Extensions/Hangul.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hangul.js","./Script_Extensions/Hanifi_Rohingya.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hanifi_Rohingya.js","./Script_Extensions/Hanunoo.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hanunoo.js","./Script_Extensions/Hatran.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hatran.js","./Script_Extensions/Hebrew.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hebrew.js","./Script_Extensions/Hiragana.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hiragana.js","./Script_Extensions/Imperial_Aramaic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Imperial_Aramaic.js","./Script_Extensions/Inherited.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Inherited.js","./Script_Extensions/Inscriptional_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Inscriptional_Pahlavi.js","./Script_Extensions/Inscriptional_Parthian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Inscriptional_Parthian.js","./Script_Extensions/Javanese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Javanese.js","./Script_Extensions/Kaithi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kaithi.js","./Script_Extensions/Kannada.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kannada.js","./Script_Extensions/Katakana.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Katakana.js","./Script_Extensions/Kawi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kawi.js","./Script_Extensions/Kayah_Li.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kayah_Li.js","./Script_Extensions/Kharoshthi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kharoshthi.js","./Script_Extensions/Khitan_Small_Script.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khitan_Small_Script.js","./Script_Extensions/Khmer.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khmer.js","./Script_Extensions/Khojki.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khojki.js","./Script_Extensions/Khudawadi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khudawadi.js","./Script_Extensions/Lao.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lao.js","./Script_Extensions/Latin.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Latin.js","./Script_Extensions/Lepcha.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lepcha.js","./Script_Extensions/Limbu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Limbu.js","./Script_Extensions/Linear_A.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Linear_A.js","./Script_Extensions/Linear_B.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Linear_B.js","./Script_Extensions/Lisu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lisu.js","./Script_Extensions/Lycian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lycian.js","./Script_Extensions/Lydian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lydian.js","./Script_Extensions/Mahajani.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mahajani.js","./Script_Extensions/Makasar.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Makasar.js","./Script_Extensions/Malayalam.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Malayalam.js","./Script_Extensions/Mandaic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mandaic.js","./Script_Extensions/Manichaean.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Manichaean.js","./Script_Extensions/Marchen.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Marchen.js","./Script_Extensions/Masaram_Gondi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Masaram_Gondi.js","./Script_Extensions/Medefaidrin.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Medefaidrin.js","./Script_Extensions/Meetei_Mayek.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Meetei_Mayek.js","./Script_Extensions/Mende_Kikakui.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mende_Kikakui.js","./Script_Extensions/Meroitic_Cursive.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Meroitic_Cursive.js","./Script_Extensions/Meroitic_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Meroitic_Hieroglyphs.js","./Script_Extensions/Miao.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Miao.js","./Script_Extensions/Modi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Modi.js","./Script_Extensions/Mongolian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mongolian.js","./Script_Extensions/Mro.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mro.js","./Script_Extensions/Multani.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Multani.js","./Script_Extensions/Myanmar.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Myanmar.js","./Script_Extensions/Nabataean.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nabataean.js","./Script_Extensions/Nag_Mundari.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nag_Mundari.js","./Script_Extensions/Nandinagari.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nandinagari.js","./Script_Extensions/New_Tai_Lue.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/New_Tai_Lue.js","./Script_Extensions/Newa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Newa.js","./Script_Extensions/Nko.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nko.js","./Script_Extensions/Nushu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nushu.js","./Script_Extensions/Nyiakeng_Puachue_Hmong.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nyiakeng_Puachue_Hmong.js","./Script_Extensions/Ogham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ogham.js","./Script_Extensions/Ol_Chiki.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ol_Chiki.js","./Script_Extensions/Old_Hungarian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Hungarian.js","./Script_Extensions/Old_Italic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Italic.js","./Script_Extensions/Old_North_Arabian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_North_Arabian.js","./Script_Extensions/Old_Permic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Permic.js","./Script_Extensions/Old_Persian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Persian.js","./Script_Extensions/Old_Sogdian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Sogdian.js","./Script_Extensions/Old_South_Arabian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_South_Arabian.js","./Script_Extensions/Old_Turkic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Turkic.js","./Script_Extensions/Old_Uyghur.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Uyghur.js","./Script_Extensions/Oriya.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Oriya.js","./Script_Extensions/Osage.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Osage.js","./Script_Extensions/Osmanya.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Osmanya.js","./Script_Extensions/Pahawh_Hmong.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Pahawh_Hmong.js","./Script_Extensions/Palmyrene.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Palmyrene.js","./Script_Extensions/Pau_Cin_Hau.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Pau_Cin_Hau.js","./Script_Extensions/Phags_Pa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Phags_Pa.js","./Script_Extensions/Phoenician.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Phoenician.js","./Script_Extensions/Psalter_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Psalter_Pahlavi.js","./Script_Extensions/Rejang.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Rejang.js","./Script_Extensions/Runic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Runic.js","./Script_Extensions/Samaritan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Samaritan.js","./Script_Extensions/Saurashtra.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Saurashtra.js","./Script_Extensions/Sharada.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sharada.js","./Script_Extensions/Shavian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Shavian.js","./Script_Extensions/Siddham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Siddham.js","./Script_Extensions/SignWriting.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/SignWriting.js","./Script_Extensions/Sinhala.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sinhala.js","./Script_Extensions/Sogdian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sogdian.js","./Script_Extensions/Sora_Sompeng.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sora_Sompeng.js","./Script_Extensions/Soyombo.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Soyombo.js","./Script_Extensions/Sundanese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sundanese.js","./Script_Extensions/Syloti_Nagri.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Syloti_Nagri.js","./Script_Extensions/Syriac.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Syriac.js","./Script_Extensions/Tagalog.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tagalog.js","./Script_Extensions/Tagbanwa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tagbanwa.js","./Script_Extensions/Tai_Le.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tai_Le.js","./Script_Extensions/Tai_Tham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tai_Tham.js","./Script_Extensions/Tai_Viet.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tai_Viet.js","./Script_Extensions/Takri.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Takri.js","./Script_Extensions/Tamil.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tamil.js","./Script_Extensions/Tangsa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tangsa.js","./Script_Extensions/Tangut.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tangut.js","./Script_Extensions/Telugu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Telugu.js","./Script_Extensions/Thaana.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Thaana.js","./Script_Extensions/Thai.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Thai.js","./Script_Extensions/Tibetan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tibetan.js","./Script_Extensions/Tifinagh.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tifinagh.js","./Script_Extensions/Tirhuta.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tirhuta.js","./Script_Extensions/Toto.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Toto.js","./Script_Extensions/Ugaritic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ugaritic.js","./Script_Extensions/Vai.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Vai.js","./Script_Extensions/Vithkuqi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Vithkuqi.js","./Script_Extensions/Wancho.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Wancho.js","./Script_Extensions/Warang_Citi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Warang_Citi.js","./Script_Extensions/Yezidi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Yezidi.js","./Script_Extensions/Yi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Yi.js","./Script_Extensions/Zanabazar_Square.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Zanabazar_Square.js","./index.js":"./node_modules/regenerate-unicode-properties/index.js","./unicode-version.js":"./node_modules/regenerate-unicode-properties/unicode-version.js"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./node_modules/regenerate-unicode-properties sync recursive ^\\.\\/.*\\.js$"}}]); \ No newline at end of file +(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[1973],{"./components/chat/ChatUserMessage/ChatUserMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FromAuthenticatedUser:()=>FromAuthenticatedUser,FromBotUser:()=>FromBotUser,FromModeratorUser:()=>FromModeratorUser,WithLinkAndCustomEmoji:()=>WithLinkAndCustomEmoji,WithModeratorMenu:()=>WithModeratorMenu,WithStringHighlighted:()=>WithStringHighlighted,WithoutModeratorMenu:()=>WithoutModeratorMenu,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ChatUserMessage_stories});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),es=__webpack_require__("./node_modules/recoil/es/index.js"),ChatUserMessage=__webpack_require__("./components/chat/ChatUserMessage/ChatUserMessage.tsx");var __jsx=react.createElement;const ChatUserMessage_stories={title:"owncast/Chat/Messages/Standard user",component:ChatUserMessage.L,parameters:{design:{type:"image",url:{src:"static/media/chatmessage-user.55c8d31e.png",height:351,width:437,blurDataURL:"static/media/chatmessage-user.55c8d31e.png"},scale:.5},docs:{description:{component:"This is the standard text message design that is used when a user sends a message in Owncast chat."}}}};var Template=function Template(args){return __jsx(es.bi,null,__jsx(ChatUserMessage.L,args))};Template.displayName="Template";var standardMessage=JSON.parse('{\n "type": "CHAT",\n "id": "wY-MEXwnR",\n "timestamp": "2022-04-28T20:30:27.001762726Z",\n "user": {\n "id": "h_5GQ6E7R",\n "displayName": "EliteMooseTaskForce",\n "displayColor": 3,\n "createdAt": "2022-03-24T03:52:37.966584694Z",\n "previousNames": ["gifted-nobel", "EliteMooseTaskForce"],\n "nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n "scopes": []\n },\n "body": "Test message from a regular user."}'),messageWithLinkAndCustomEmoji=JSON.parse('{\n\t\t"type": "CHAT",\n\t\t"id": "wY-MEXwnR",\n\t\t"timestamp": "2022-04-28T20:30:27.001762726Z",\n\t\t"user": {\n\t\t\t"id": "h_5GQ6E7R",\n\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t"displayColor": 3,\n\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t"previousNames": ["gifted-nobel", "EliteMooseTaskForce"],\n\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t"scopes": []\n\t\t},\n\t\t"body": "Test message with a link https://owncast.online and a custom emoji ."}'),moderatorMessage=JSON.parse('{\n "type": "CHAT",\n "id": "wY-MEXwnR",\n "timestamp": "2022-04-28T20:30:27.001762726Z",\n "user": {\n "id": "h_5GQ6E7R",\n "displayName": "EliteMooseTaskForce",\n "displayColor": 2,\n "createdAt": "2022-03-24T03:52:37.966584694Z",\n "previousNames": ["gifted-nobel", "EliteMooseTaskForce"],\n "nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n "scopes": ["moderator"]\n },\n "body": "I am a moderator user."}'),authenticatedUserMessage=JSON.parse('{\n "type": "CHAT",\n "id": "wY-MEXwnR",\n "timestamp": "2022-04-28T20:30:27.001762726Z",\n "user": {\n "id": "h_5GQ6E7R",\n "displayName": "EliteMooseTaskForce",\n "displayColor": 7,\n "createdAt": "2022-03-24T03:52:37.966584694Z",\n "previousNames": ["gifted-nobel", "EliteMooseTaskForce"],\n "nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n "authenticated": true,\n "scopes": []\n },\n "body": "I am an authenticated user."}'),botUserMessage=JSON.parse('{\n\t\t\t\t"type": "CHAT",\n\t\t\t\t"id": "wY-MEXwnR",\n\t\t\t\t"timestamp": "2022-04-28T20:30:27.001762726Z",\n\t\t\t\t"user": {\n\t\t\t\t\t"id": "h_5GQ6E7R",\n\t\t\t\t\t"displayName": "EliteMooseTaskForce",\n\t\t\t\t\t"displayColor": 7,\n\t\t\t\t\t"createdAt": "2022-03-24T03:52:37.966584694Z",\n\t\t\t\t\t"previousNames": ["gifted-nobel", "EliteMooseTaskForce"],\n\t\t\t\t\t"nameChangedAt": "2022-04-26T23:56:05.531287897Z",\n\t\t\t\t\t"authenticated": true,\n\t\t\t\t\t"scopes": ["bot"]\n\t\t\t\t},\n\t\t\t\t"body": "I am a bot."}'),WithoutModeratorMenu={render:Template,args:{message:standardMessage,showModeratorMenu:!1}},WithLinkAndCustomEmoji={render:Template,args:{message:messageWithLinkAndCustomEmoji,showModeratorMenu:!1}},WithModeratorMenu={render:Template,args:{message:standardMessage,showModeratorMenu:!0}},FromModeratorUser={render:Template,args:{message:moderatorMessage,showModeratorMenu:!1,isAuthorModerator:!0}},FromAuthenticatedUser={render:Template,args:{message:authenticatedUserMessage,showModeratorMenu:!1,isAuthorAuthenticated:!0}},FromBotUser={render:Template,args:{message:botUserMessage,showModeratorMenu:!1,isAuthorBot:!0}},WithStringHighlighted={render:Template,args:{message:standardMessage,showModeratorMenu:!1,highlightString:"message"}};WithoutModeratorMenu.parameters={...WithoutModeratorMenu.parameters,docs:{...WithoutModeratorMenu.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: standardMessage,\n showModeratorMenu: false\n }\n}",...WithoutModeratorMenu.parameters?.docs?.source}}},WithLinkAndCustomEmoji.parameters={...WithLinkAndCustomEmoji.parameters,docs:{...WithLinkAndCustomEmoji.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: messageWithLinkAndCustomEmoji,\n showModeratorMenu: false\n }\n}",...WithLinkAndCustomEmoji.parameters?.docs?.source}}},WithModeratorMenu.parameters={...WithModeratorMenu.parameters,docs:{...WithModeratorMenu.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: standardMessage,\n showModeratorMenu: true\n }\n}",...WithModeratorMenu.parameters?.docs?.source}}},FromModeratorUser.parameters={...FromModeratorUser.parameters,docs:{...FromModeratorUser.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: moderatorMessage,\n showModeratorMenu: false,\n isAuthorModerator: true\n }\n}",...FromModeratorUser.parameters?.docs?.source}}},FromAuthenticatedUser.parameters={...FromAuthenticatedUser.parameters,docs:{...FromAuthenticatedUser.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: authenticatedUserMessage,\n showModeratorMenu: false,\n isAuthorAuthenticated: true\n }\n}",...FromAuthenticatedUser.parameters?.docs?.source}}},FromBotUser.parameters={...FromBotUser.parameters,docs:{...FromBotUser.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: botUserMessage,\n showModeratorMenu: false,\n isAuthorBot: true\n }\n}",...FromBotUser.parameters?.docs?.source}}},WithStringHighlighted.parameters={...WithStringHighlighted.parameters,docs:{...WithStringHighlighted.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n message: standardMessage,\n showModeratorMenu: false,\n highlightString: 'message'\n }\n}",...WithStringHighlighted.parameters?.docs?.source}}};const __namedExportsOrder=["WithoutModeratorMenu","WithLinkAndCustomEmoji","WithModeratorMenu","FromModeratorUser","FromAuthenticatedUser","FromBotUser","WithStringHighlighted"]},"./components/chat/ChatUserBadge/AuthedUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>AuthedUserBadge});var next_dynamic__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatUserBadge/ChatUserBadge.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,SafetyCertificateFilled=next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(6405)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/SafetyCertificateFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/SafetyCertificateFilled.js"]}}}),AuthedUserBadge=function AuthedUserBadge(_ref){var userColor=_ref.userColor;return __jsx(_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__.z,{badge:__jsx(SafetyCertificateFilled,null),userColor,title:"Authenticated"})};AuthedUserBadge.displayName="AuthedUserBadge";try{AuthedUserBadge.displayName="AuthedUserBadge",AuthedUserBadge.__docgenInfo={description:"",displayName:"AuthedUserBadge",props:{userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/AuthedUserBadge.tsx#AuthedUserBadge"]={docgenInfo:AuthedUserBadge.__docgenInfo,name:"AuthedUserBadge",path:"components/chat/ChatUserBadge/AuthedUserBadge.tsx#AuthedUserBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/BotUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>BotUserBadge});var next_dynamic__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatUserBadge/ChatUserBadge.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,BulbFilled=next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(7161)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/BulbFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/BulbFilled.js"]}}}),BotUserBadge=function BotUserBadge(_ref){var userColor=_ref.userColor;return __jsx(_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__.z,{badge:__jsx(BulbFilled,null),userColor,title:"Bot"})};BotUserBadge.displayName="BotUserBadge";try{BotUserBadge.displayName="BotUserBadge",BotUserBadge.__docgenInfo={description:"",displayName:"BotUserBadge",props:{userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/BotUserBadge.tsx#BotUserBadge"]={docgenInfo:BotUserBadge.__docgenInfo,name:"BotUserBadge",path:"components/chat/ChatUserBadge/BotUserBadge.tsx#BotUserBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/ChatUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>ChatUserBadge});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatUserBadge_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserBadge/ChatUserBadge.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatUserBadge_module.A,options);const ChatUserBadge_ChatUserBadge_module=ChatUserBadge_module.A&&ChatUserBadge_module.A.locals?ChatUserBadge_module.A.locals:void 0;var __jsx=react.createElement,ChatUserBadge=function ChatUserBadge(_ref){var badge=_ref.badge,userColor=_ref.userColor,title=_ref.title,color="var(--theme-color-users-".concat(userColor,")");return __jsx("span",{style:{color},className:classnames_default()([ChatUserBadge_ChatUserBadge_module.badge,"chat-user-badge"]),title},badge)};ChatUserBadge.displayName="ChatUserBadge";try{ChatUserBadge.displayName="ChatUserBadge",ChatUserBadge.__docgenInfo={description:"",displayName:"ChatUserBadge",props:{badge:{defaultValue:null,description:"",name:"badge",required:!0,type:{name:"ReactNode"}},userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/ChatUserBadge.tsx#ChatUserBadge"]={docgenInfo:ChatUserBadge.__docgenInfo,name:"ChatUserBadge",path:"components/chat/ChatUserBadge/ChatUserBadge.tsx#ChatUserBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserBadge/ModerationBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{m:()=>ModerationBadge});var next_dynamic__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dynamic.js"),next_dynamic__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/chat/ChatUserBadge/ChatUserBadge.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,StarFilled=next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5367),__webpack_require__.e(710)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/StarFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/StarFilled.js"]}}}),ModerationBadge=function ModerationBadge(_ref){var userColor=_ref.userColor;return __jsx(_ChatUserBadge__WEBPACK_IMPORTED_MODULE_2__.z,{badge:__jsx(StarFilled,null),userColor,title:"Moderator"})};ModerationBadge.displayName="ModerationBadge";try{ModerationBadge.displayName="ModerationBadge",ModerationBadge.__docgenInfo={description:"",displayName:"ModerationBadge",props:{userColor:{defaultValue:null,description:"",name:"userColor",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserBadge/ModerationBadge.tsx#ModerationBadge"]={docgenInfo:ModerationBadge.__docgenInfo,name:"ModerationBadge",path:"components/chat/ChatUserBadge/ModerationBadge.tsx#ModerationBadge"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserMessage/ChatUserMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{L:()=>ChatUserMessage});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),tooltip=__webpack_require__("./node_modules/antd/es/tooltip/index.js"),es=__webpack_require__("./node_modules/recoil/es/index.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),esm=__webpack_require__("./node_modules/interweave/esm/index.js"),interweave_autolink_esm=__webpack_require__("./node_modules/interweave-autolink/esm/index.js"),customMatcher=__webpack_require__("./components/chat/ChatUserMessage/customMatcher.ts"),classCallCheck=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),possibleConstructorReturn=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),inherits=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),bundle_7aab7250=__webpack_require__("./node_modules/interweave/esm/bundle-7aab7250.js"),rewrite_pattern=__webpack_require__("./node_modules/regexpu-core/rewrite-pattern.js"),rewrite_pattern_default=__webpack_require__.n(rewrite_pattern);function _callSuper(t,o,e){return o=(0,getPrototypeOf.A)(o),(0,possibleConstructorReturn.A)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,getPrototypeOf.A)(t).constructor):o.apply(t,e))}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}var rewriteFlags,regexFlag,regexPattern,regexSupportsUnicodeSets=function(){var regexp=null;try{regexp=new RegExp("\\p{RGI_Emoji}","v")}catch(_){return!1}return null!==regexp}(),emojiRegex=(rewriteFlags={unicodeSetsFlag:regexSupportsUnicodeSets?"parse":"transform"},regexFlag=regexSupportsUnicodeSets?"v":"u",regexPattern=rewrite_pattern_default()("\\p{RGI_Emoji}","v",rewriteFlags),new RegExp(regexPattern,regexFlag)),ChatMessageEmojiMatcher=function(_Matcher){function ChatMessageEmojiMatcher(){return(0,classCallCheck.A)(this,ChatMessageEmojiMatcher),_callSuper(this,ChatMessageEmojiMatcher,arguments)}return(0,inherits.A)(ChatMessageEmojiMatcher,_Matcher),(0,createClass.A)(ChatMessageEmojiMatcher,[{key:"match",value:function match(str){var result=str.match(emojiRegex);return result?{index:result.index,length:result[0].length,match:result[0],valid:!0}:null}},{key:"replaceWith",value:function replaceWith(children,props){var key=props.key,className=this.options.className;return react.createElement("span",{key,className},children)}},{key:"asTag",value:function asTag(){return"span"}}])}(bundle_7aab7250.M),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChatUserMessage_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserMessage/ChatUserMessage.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChatUserMessage_module.A,options);const ChatUserMessage_ChatUserMessage_module=ChatUserMessage_module.A&&ChatUserMessage_module.A.locals?ChatUserMessage_module.A.locals:void 0;var helpers=__webpack_require__("./utils/helpers.js");function formatTimestamp(sentAt){var now=new Date(sentAt);if(Number.isNaN(now))return"";if((0,helpers.kt)(sentAt)>=1){var localeDate=now.toLocaleDateString("en-US",{dateStyle:"medium"});return"".concat(localeDate," at ").concat(now.toLocaleTimeString())}return"".concat(now.toLocaleTimeString())}var ClientConfigStore=__webpack_require__("./components/stores/ClientConfigStore.tsx"),AuthedUserBadge=__webpack_require__("./components/chat/ChatUserBadge/AuthedUserBadge.tsx"),ModerationBadge=__webpack_require__("./components/chat/ChatUserBadge/ModerationBadge.tsx"),BotUserBadge=__webpack_require__("./components/chat/ChatUserBadge/BotUserBadge.tsx"),__jsx=react.createElement,ChatModerationActionMenu=dynamic_default()((function(){return Promise.all([__webpack_require__.e(5367),__webpack_require__.e(400),__webpack_require__.e(461),__webpack_require__.e(4241),__webpack_require__.e(6897),__webpack_require__.e(9215),__webpack_require__.e(6230),__webpack_require__.e(9537),__webpack_require__.e(9973),__webpack_require__.e(6492),__webpack_require__.e(8275),__webpack_require__.e(1052),__webpack_require__.e(1721),__webpack_require__.e(7192),__webpack_require__.e(9047),__webpack_require__.e(6875),__webpack_require__.e(2067),__webpack_require__.e(6128)]).then(__webpack_require__.bind(__webpack_require__,"./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx")).then((function(mod){return mod.ChatModerationActionMenu}))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx"]}}}),UserTooltip=function UserTooltip(_ref){var children=_ref.children,user=_ref.user,displayName=user.displayName,createdAt=user.createdAt,content="".concat(displayName," first joined ").concat(formatTimestamp(createdAt));return __jsx(tooltip.A,{title:content,placement:"topLeft",mouseEnterDelay:1},children)};UserTooltip.displayName="UserTooltip";var ChatUserMessage=function ChatUserMessage(_ref2){var message=_ref2.message,highlightString=_ref2.highlightString,showModeratorMenu=_ref2.showModeratorMenu,sentBySelf=_ref2.sentBySelf,sameUserAsLast=_ref2.sameUserAsLast,isAuthorModerator=_ref2.isAuthorModerator,isAuthorAuthenticated=_ref2.isAuthorAuthenticated,isAuthorBot=_ref2.isAuthorBot,messageId=message.id,body=message.body,user=message.user,timestamp=message.timestamp,userId=user.id,displayName=user.displayName,displayColor=user.displayColor,accessToken=(0,es.vc)(ClientConfigStore.Dr),color="var(--theme-color-users-".concat(displayColor,")"),formattedTimestamp="Sent ".concat(formatTimestamp(timestamp)),badgeNodes=[];return isAuthorModerator&&badgeNodes.push(__jsx(ModerationBadge.m,{key:"mod",userColor:displayColor})),isAuthorAuthenticated&&badgeNodes.push(__jsx(AuthedUserBadge.Y,{key:"auth",userColor:displayColor})),isAuthorBot&&badgeNodes.push(__jsx(BotUserBadge.c,{key:"bot",userColor:displayColor})),__jsx("div",{className:classnames_default()(ChatUserMessage_ChatUserMessage_module.messagePadding,sameUserAsLast&&ChatUserMessage_ChatUserMessage_module.messagePaddingCollapsed,"chat-message_user")},__jsx("div",{className:classnames_default()(ChatUserMessage_ChatUserMessage_module.root,(0,defineProperty.A)({},ChatUserMessage_ChatUserMessage_module.ownMessage,sentBySelf)),style:{borderColor:color}},__jsx("div",{className:ChatUserMessage_ChatUserMessage_module.background,style:{color}}),__jsx(UserTooltip,{user},__jsx("div",{className:sameUserAsLast?ChatUserMessage_ChatUserMessage_module.repeatUser:ChatUserMessage_ChatUserMessage_module.user,style:{color}},__jsx("span",{className:ChatUserMessage_ChatUserMessage_module.userName},displayName),__jsx("span",{className:ChatUserMessage_ChatUserMessage_module.userBadges},badgeNodes))),__jsx(tooltip.A,{title:formattedTimestamp,mouseEnterDelay:1},__jsx(esm.BW,{className:ChatUserMessage_ChatUserMessage_module.message,content:body,matchers:[new interweave_autolink_esm.SS("url",{customTLDs:["online"]}),new customMatcher.w("highlight",{highlightString}),new ChatMessageEmojiMatcher("emoji",{className:"emoji"})]})),showModeratorMenu&&__jsx("div",{className:ChatUserMessage_ChatUserMessage_module.modMenuWrapper},__jsx(ChatModerationActionMenu,{messageID:messageId,accessToken,userID:userId,userDisplayName:displayName}))))};ChatUserMessage.displayName="ChatUserMessage";try{ChatUserMessage.displayName="ChatUserMessage",ChatUserMessage.__docgenInfo={description:"",displayName:"ChatUserMessage",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"ChatMessage"}},showModeratorMenu:{defaultValue:null,description:"",name:"showModeratorMenu",required:!0,type:{name:"boolean"}},highlightString:{defaultValue:null,description:"",name:"highlightString",required:!0,type:{name:"string"}},sentBySelf:{defaultValue:null,description:"",name:"sentBySelf",required:!0,type:{name:"boolean"}},sameUserAsLast:{defaultValue:null,description:"",name:"sameUserAsLast",required:!0,type:{name:"boolean"}},isAuthorModerator:{defaultValue:null,description:"",name:"isAuthorModerator",required:!0,type:{name:"boolean"}},isAuthorAuthenticated:{defaultValue:null,description:"",name:"isAuthorAuthenticated",required:!0,type:{name:"boolean"}},isAuthorBot:{defaultValue:null,description:"",name:"isAuthorBot",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/chat/ChatUserMessage/ChatUserMessage.tsx#ChatUserMessage"]={docgenInfo:ChatUserMessage.__docgenInfo,name:"ChatUserMessage",path:"components/chat/ChatUserMessage/ChatUserMessage.tsx#ChatUserMessage"})}catch(__react_docgen_typescript_loader_error){}},"./components/chat/ChatUserMessage/customMatcher.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>ChatMessageHighlightMatcher});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_inherits_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),interweave__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/interweave/esm/bundle-7aab7250.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");function _callSuper(t,o,e){return o=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(o),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_1__.A)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(t).constructor):o.apply(t,e))}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}var ChatMessageHighlightMatcher=function(_Matcher){function ChatMessageHighlightMatcher(){return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_3__.A)(this,ChatMessageHighlightMatcher),_callSuper(this,ChatMessageHighlightMatcher,arguments)}return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_inherits_js__WEBPACK_IMPORTED_MODULE_4__.A)(ChatMessageHighlightMatcher,_Matcher),(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__.A)(ChatMessageHighlightMatcher,[{key:"match",value:function match(str){var highlightString=this.options.highlightString;if(!highlightString)return null;var escapedString=highlightString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/\s/g,"\\s"),normalizedString=escapedString.normalize("NFD").replace(/[\u0300-\u036f]/g,""),highlightRegex=escapedString;escapedString!==normalizedString&&(highlightRegex="(?:".concat(escapedString,")|(?:").concat(normalizedString,")"));var result=str.match(new RegExp(highlightRegex,"ui"));return result?{index:result.index,length:result[0].length,match:result[0],valid:!0}:null}},{key:"replaceWith",value:function replaceWith(children,props){var key=props.key;return react__WEBPACK_IMPORTED_MODULE_2__.createElement("mark",{key},children)}},{key:"asTag",value:function asTag(){return"mark"}}])}(interweave__WEBPACK_IMPORTED_MODULE_6__.M)},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserBadge/ChatUserBadge.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".SCtg8LRcxtjPI1lYSBHR{color:#fff;background-color:var(--color-owncast-palette-0);height:16px;width:16px;border-radius:calc(.4*var(--theme-rounded-corners));text-align:center;padding:2px;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;font-size:.65rem}","",{version:3,sources:["webpack://./components/chat/ChatUserBadge/ChatUserBadge.module.scss"],names:[],mappings:"AAAA,sBACE,UAAA,CACA,+CAAA,CACA,WAAA,CACA,UAAA,CACA,mDAAA,CACA,iBAAA,CACA,WAAA,CACA,mBAAA,CACA,sBAAA,CACA,kBAAA,CACA,eAAA,CACA,gBAAA",sourcesContent:[".badge {\n color: white;\n background-color: var(--color-owncast-palette-0);\n height: 16px;\n width: 16px;\n border-radius: calc(0.4 * var(--theme-rounded-corners));\n text-align: center;\n padding: 2px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n font-size: 0.65rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={badge:"SCtg8LRcxtjPI1lYSBHR"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/chat/ChatUserMessage/ChatUserMessage.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".LofwnV6iKDucwKPEPtKU{border-left:3px solid currentcolor;position:relative;font-size:var(--chat-message-text-size);padding:2px 8px;color:var(--theme-color-components-chat-text)}.LofwnV6iKDucwKPEPtKU *{z-index:100}.LofwnV6iKDucwKPEPtKU p:nth-of-type(1){margin:initial}.LofwnV6iKDucwKPEPtKU .FFxTJ4MZ1gTYIyREIVqu,.LofwnV6iKDucwKPEPtKU .lMVbMsiF3tuGsNjiPv6p{display:flex;align-items:center;font-weight:600}.LofwnV6iKDucwKPEPtKU .lMVbMsiF3tuGsNjiPv6p{display:none}.LofwnV6iKDucwKPEPtKU .ltxysyJNROz0nVFIMd7a{margin-left:3px;display:flex;justify-content:space-between}.LofwnV6iKDucwKPEPtKU .ltxysyJNROz0nVFIMd7a>*{margin-left:3px}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb{overflow:hidden;overflow-wrap:anywhere;font-weight:400;position:relative}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb mark{padding-left:.3em;padding-right:.3em;color:var(--theme-color-palette-4);border-radius:var(--chat-text-highlight-border-radius);background-color:var(--color-owncast-palette-7)}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb a{color:var(--theme-color-palette-12)}.LofwnV6iKDucwKPEPtKU .w3AFTkGF45TSftU6sRwb a:hover{color:var(--theme-color-palette-4)}.LofwnV6iKDucwKPEPtKU.JMjG13exIdM4fJmxasxN{border-left:none;border-right:3px solid currentcolor}.LofwnV6iKDucwKPEPtKU.JMjG13exIdM4fJmxasxN .zMsKKOqcD3Zx1z_PzxZL{position:absolute;top:0;left:0;width:100%;height:100%;background-color:currentcolor;opacity:.07;border-radius:.25rem;overflow:hidden}.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT{position:absolute;display:none;top:5px;right:10px;color:#000}.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT button:focus,.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT button:active{display:block !important}.LofwnV6iKDucwKPEPtKU .wagZ0BNcENyOThsDrcdT button{background-color:#fff;border-radius:var(--theme-rounded-corners);border-width:0;opacity:.8}.LofwnV6iKDucwKPEPtKU:hover .wagZ0BNcENyOThsDrcdT{display:block}.vCeev31LzzUwhjEyjhe3{padding:.4rem 5px 0}.AMkaUV9_hVPTAtdUmAWE{padding:2px 5px 0}","",{version:3,sources:["webpack://./components/chat/ChatUserMessage/ChatUserMessage.module.scss"],names:[],mappings:"AAKA,sBAWE,kCAhBa,CAiBb,iBAAA,CACA,uCAAA,CACA,eAAA,CACA,6CAAA,CAdA,wBACE,WAAA,CAKF,uCACE,cAAA,CASF,wFACE,YAAA,CACA,kBAAA,CACA,eAAA,CAGF,4CAIE,YAAA,CAGF,4CACE,eAAA,CACA,YAAA,CACA,6BAAA,CAEA,8CACE,eAAA,CAIJ,4CACE,eAAA,CACA,sBAAA,CACA,eAAA,CACA,iBAAA,CAEA,iDACE,iBAAA,CACA,kBAAA,CACA,kCAAA,CACA,sDAAA,CACA,+CAAA,CAGF,8CACE,mCAAA,CAEA,oDACE,kCAAA,CAKN,2CACE,gBAAA,CACA,mCAtEW,CAwEX,iEACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,6BAAA,CACA,WAAA,CACA,oBAAA,CACA,eAAA,CAIJ,4CACE,iBAAA,CACA,YAAA,CACA,OAAA,CACA,UAAA,CACA,UAAA,CAEA,mHAEE,wBAAA,CAGF,mDACE,qBAAA,CACA,0CAAA,CACA,cAAA,CACA,UAAA,CAIJ,kDACE,aAAA,CAIJ,sBACE,mBAAA,CAGF,sBACE,iBAAA",sourcesContent:["$border-style: 3px solid currentcolor;\n$p-size: 8px;\n$p-h-size: 8px;\n$p-v-size: 2px;\n\n.root {\n * {\n z-index: 100;\n }\n\n // Chat messages are wrapped in

tags. We don't want to render\n // the default margins for these initial

tags, so we remove them here.\n p:nth-of-type(1) {\n margin: initial;\n }\n\n border-left: $border-style;\n position: relative;\n font-size: var(--chat-message-text-size);\n padding: $p-v-size $p-h-size;\n color: var(--theme-color-components-chat-text);\n\n .user {\n display: flex;\n align-items: center;\n font-weight: 600;\n }\n\n .repeatUser {\n // nolint: scss/at-extend-no-missing-placeholder\n @extend .user;\n\n display: none;\n }\n\n .userBadges {\n margin-left: 3px;\n display: flex;\n justify-content: space-between;\n\n > * {\n margin-left: 3px;\n }\n }\n\n .message {\n overflow: hidden;\n overflow-wrap: anywhere;\n font-weight: 400;\n position: relative;\n\n mark {\n padding-left: 0.3em;\n padding-right: 0.3em;\n color: var(--theme-color-palette-4);\n border-radius: var(--chat-text-highlight-border-radius);\n background-color: var(--color-owncast-palette-7);\n }\n\n a {\n color: var(--theme-color-palette-12);\n\n &:hover {\n color: var(--theme-color-palette-4);\n }\n }\n }\n\n &.ownMessage {\n border-left: none;\n border-right: $border-style;\n\n .background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: currentcolor;\n opacity: 0.07;\n border-radius: 0.25rem;\n overflow: hidden;\n }\n }\n\n .modMenuWrapper {\n position: absolute;\n display: none;\n top: 5px;\n right: 10px;\n color: black;\n\n & button:focus,\n & button:active {\n display: block !important;\n }\n\n button {\n background-color: white;\n border-radius: var(--theme-rounded-corners);\n border-width: 0;\n opacity: 0.8;\n }\n }\n\n &:hover .modMenuWrapper {\n display: block;\n }\n}\n\n.messagePadding {\n padding: 0.4rem 5px 0;\n}\n\n.messagePaddingCollapsed {\n padding: 2px 5px 0;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"LofwnV6iKDucwKPEPtKU",user:"FFxTJ4MZ1gTYIyREIVqu",repeatUser:"lMVbMsiF3tuGsNjiPv6p",userBadges:"ltxysyJNROz0nVFIMd7a",message:"w3AFTkGF45TSftU6sRwb",ownMessage:"JMjG13exIdM4fJmxasxN",background:"zMsKKOqcD3Zx1z_PzxZL",modMenuWrapper:"wagZ0BNcENyOThsDrcdT",messagePadding:"vCeev31LzzUwhjEyjhe3",messagePaddingCollapsed:"AMkaUV9_hVPTAtdUmAWE"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")},"./node_modules/next/dist/shared/lib/dynamic.js":(module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{default:function(){return dynamic},noSSR:function(){return noSSR}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_jsxruntime=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js"),_loadablesharedruntime=(__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_interop_require_default._(__webpack_require__("./node_modules/next/dist/shared/lib/loadable.shared-runtime.js"))),isServerSide="undefined"==typeof window;function convertModule(mod){return{default:(null==mod?void 0:mod.default)||mod}}function noSSR(LoadableInitializer,loadableOptions){if(delete loadableOptions.webpack,delete loadableOptions.modules,!isServerSide)return LoadableInitializer(loadableOptions);const Loading=loadableOptions.loading;return()=>(0,_jsxruntime.jsx)(Loading,{error:null,isLoading:!0,pastDelay:!1,timedOut:!1})}function dynamic(dynamicOptions,options){let loadableFn=_loadablesharedruntime.default,loadableOptions={loading:param=>{let{error,isLoading,pastDelay}=param;return null}};dynamicOptions instanceof Promise?loadableOptions.loader=()=>dynamicOptions:"function"==typeof dynamicOptions?loadableOptions.loader=dynamicOptions:"object"==typeof dynamicOptions&&(loadableOptions={...loadableOptions,...dynamicOptions}),loadableOptions={...loadableOptions,...options};const loaderFn=loadableOptions.loader;return loadableOptions.loadableGenerated&&(loadableOptions={...loadableOptions,...loadableOptions.loadableGenerated},delete loadableOptions.loadableGenerated),"boolean"!=typeof loadableOptions.ssr||loadableOptions.ssr?loadableFn({...loadableOptions,loader:()=>null!=loaderFn?loaderFn().then(convertModule):Promise.resolve(convertModule((()=>null)))}):(delete loadableOptions.webpack,delete loadableOptions.modules,noSSR(loadableFn,loadableOptions))}("function"==typeof exports.default||"object"==typeof exports.default&&null!==exports.default)&&void 0===exports.default.__esModule&&(Object.defineProperty(exports.default,"__esModule",{value:!0}),Object.assign(exports.default,exports),module.exports=exports.default)},"./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LoadableContext",{enumerable:!0,get:function(){return LoadableContext}});const LoadableContext=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs")._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")).default.createContext(null)},"./node_modules/next/dist/shared/lib/loadable.shared-runtime.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _default}});const _react=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs")._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablecontextsharedruntime=__webpack_require__("./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.js");const ALL_INITIALIZERS=[],READY_INITIALIZERS=[];let initialized=!1;function load(loader){let promise=loader(),state={loading:!0,loaded:null,error:null};return state.promise=promise.then((loaded=>(state.loading=!1,state.loaded=loaded,loaded))).catch((err=>{throw state.loading=!1,state.error=err,err})),state}function createLoadableComponent(loadFn,options){let opts=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},options),subscription=null;function init(){if(!subscription){const sub=new LoadableSubscription(loadFn,opts);subscription={getCurrentValue:sub.getCurrentValue.bind(sub),subscribe:sub.subscribe.bind(sub),retry:sub.retry.bind(sub),promise:sub.promise.bind(sub)}}return subscription.promise()}if("undefined"==typeof window&&ALL_INITIALIZERS.push(init),!initialized&&"undefined"!=typeof window){const moduleIds=opts.webpack?opts.webpack():opts.modules;moduleIds&&READY_INITIALIZERS.push((ids=>{for(const moduleId of moduleIds)if(ids.includes(moduleId))return init()}))}function LoadableComponent(props,ref){!function useLoadableModule(){init();const context=_react.default.useContext(_loadablecontextsharedruntime.LoadableContext);context&&Array.isArray(opts.modules)&&opts.modules.forEach((moduleName=>{context(moduleName)}))}();const state=_react.default.useSyncExternalStore(subscription.subscribe,subscription.getCurrentValue,subscription.getCurrentValue);return _react.default.useImperativeHandle(ref,(()=>({retry:subscription.retry})),[]),_react.default.useMemo((()=>state.loading||state.error?_react.default.createElement(opts.loading,{isLoading:state.loading,pastDelay:state.pastDelay,timedOut:state.timedOut,error:state.error,retry:subscription.retry}):state.loaded?_react.default.createElement(function resolve(obj){return obj&&obj.default?obj.default:obj}(state.loaded),props):null),[props,state])}return LoadableComponent.preload=()=>init(),LoadableComponent.displayName="LoadableComponent",_react.default.forwardRef(LoadableComponent)}class LoadableSubscription{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};const{_res:res,_opts:opts}=this;res.loading&&("number"==typeof opts.delay&&(0===opts.delay?this._state.pastDelay=!0:this._delay=setTimeout((()=>{this._update({pastDelay:!0})}),opts.delay)),"number"==typeof opts.timeout&&(this._timeout=setTimeout((()=>{this._update({timedOut:!0})}),opts.timeout))),this._res.promise.then((()=>{this._update({}),this._clearTimeouts()})).catch((_err=>{this._update({}),this._clearTimeouts()})),this._update({})}_update(partial){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...partial},this._callbacks.forEach((callback=>callback()))}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(callback){return this._callbacks.add(callback),()=>{this._callbacks.delete(callback)}}constructor(loadFn,opts){this._loadFn=loadFn,this._opts=opts,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}}function Loadable(opts){return createLoadableComponent(load,opts)}function flushInitializers(initializers,ids){let promises=[];for(;initializers.length;){let init=initializers.pop();promises.push(init(ids))}return Promise.all(promises).then((()=>{if(initializers.length)return flushInitializers(initializers,ids)}))}Loadable.preloadAll=()=>new Promise(((resolveInitializers,reject)=>{flushInitializers(ALL_INITIALIZERS).then(resolveInitializers,reject)})),Loadable.preloadReady=ids=>(void 0===ids&&(ids=[]),new Promise((resolvePreload=>{const res=()=>(initialized=!0,resolvePreload());flushInitializers(READY_INITIALIZERS,ids).then(res,res)}))),"undefined"!=typeof window&&(window.__NEXT_PRELOADREADY=Loadable.preloadReady);const _default=Loadable},"./node_modules/next/dynamic.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/shared/lib/dynamic.js")},"./node_modules/regenerate-unicode-properties sync recursive ^\\.\\/.*\\.js$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./Binary_Property/ASCII.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ASCII.js","./Binary_Property/ASCII_Hex_Digit.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ASCII_Hex_Digit.js","./Binary_Property/Alphabetic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Alphabetic.js","./Binary_Property/Any.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Any.js","./Binary_Property/Assigned.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Assigned.js","./Binary_Property/Bidi_Control.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Bidi_Control.js","./Binary_Property/Bidi_Mirrored.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Bidi_Mirrored.js","./Binary_Property/Case_Ignorable.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Case_Ignorable.js","./Binary_Property/Cased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Cased.js","./Binary_Property/Changes_When_Casefolded.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Casefolded.js","./Binary_Property/Changes_When_Casemapped.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Casemapped.js","./Binary_Property/Changes_When_Lowercased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Lowercased.js","./Binary_Property/Changes_When_NFKC_Casefolded.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_NFKC_Casefolded.js","./Binary_Property/Changes_When_Titlecased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Titlecased.js","./Binary_Property/Changes_When_Uppercased.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Changes_When_Uppercased.js","./Binary_Property/Dash.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Dash.js","./Binary_Property/Default_Ignorable_Code_Point.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Default_Ignorable_Code_Point.js","./Binary_Property/Deprecated.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Deprecated.js","./Binary_Property/Diacritic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Diacritic.js","./Binary_Property/Emoji.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji.js","./Binary_Property/Emoji_Component.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Component.js","./Binary_Property/Emoji_Modifier.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Modifier.js","./Binary_Property/Emoji_Modifier_Base.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Modifier_Base.js","./Binary_Property/Emoji_Presentation.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Emoji_Presentation.js","./Binary_Property/Extended_Pictographic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Extended_Pictographic.js","./Binary_Property/Extender.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Extender.js","./Binary_Property/Grapheme_Base.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Grapheme_Base.js","./Binary_Property/Grapheme_Extend.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Grapheme_Extend.js","./Binary_Property/Hex_Digit.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Hex_Digit.js","./Binary_Property/IDS_Binary_Operator.js":"./node_modules/regenerate-unicode-properties/Binary_Property/IDS_Binary_Operator.js","./Binary_Property/IDS_Trinary_Operator.js":"./node_modules/regenerate-unicode-properties/Binary_Property/IDS_Trinary_Operator.js","./Binary_Property/ID_Continue.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ID_Continue.js","./Binary_Property/ID_Start.js":"./node_modules/regenerate-unicode-properties/Binary_Property/ID_Start.js","./Binary_Property/Ideographic.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Ideographic.js","./Binary_Property/Join_Control.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Join_Control.js","./Binary_Property/Logical_Order_Exception.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Logical_Order_Exception.js","./Binary_Property/Lowercase.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Lowercase.js","./Binary_Property/Math.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Math.js","./Binary_Property/Noncharacter_Code_Point.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Noncharacter_Code_Point.js","./Binary_Property/Pattern_Syntax.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Pattern_Syntax.js","./Binary_Property/Pattern_White_Space.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Pattern_White_Space.js","./Binary_Property/Quotation_Mark.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Quotation_Mark.js","./Binary_Property/Radical.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Radical.js","./Binary_Property/Regional_Indicator.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Regional_Indicator.js","./Binary_Property/Sentence_Terminal.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Sentence_Terminal.js","./Binary_Property/Soft_Dotted.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Soft_Dotted.js","./Binary_Property/Terminal_Punctuation.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Terminal_Punctuation.js","./Binary_Property/Unified_Ideograph.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Unified_Ideograph.js","./Binary_Property/Uppercase.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Uppercase.js","./Binary_Property/Variation_Selector.js":"./node_modules/regenerate-unicode-properties/Binary_Property/Variation_Selector.js","./Binary_Property/White_Space.js":"./node_modules/regenerate-unicode-properties/Binary_Property/White_Space.js","./Binary_Property/XID_Continue.js":"./node_modules/regenerate-unicode-properties/Binary_Property/XID_Continue.js","./Binary_Property/XID_Start.js":"./node_modules/regenerate-unicode-properties/Binary_Property/XID_Start.js","./General_Category/Cased_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Cased_Letter.js","./General_Category/Close_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Close_Punctuation.js","./General_Category/Connector_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Connector_Punctuation.js","./General_Category/Control.js":"./node_modules/regenerate-unicode-properties/General_Category/Control.js","./General_Category/Currency_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Currency_Symbol.js","./General_Category/Dash_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Dash_Punctuation.js","./General_Category/Decimal_Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Decimal_Number.js","./General_Category/Enclosing_Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Enclosing_Mark.js","./General_Category/Final_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Final_Punctuation.js","./General_Category/Format.js":"./node_modules/regenerate-unicode-properties/General_Category/Format.js","./General_Category/Initial_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Initial_Punctuation.js","./General_Category/Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Letter.js","./General_Category/Letter_Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Letter_Number.js","./General_Category/Line_Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Line_Separator.js","./General_Category/Lowercase_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Lowercase_Letter.js","./General_Category/Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Mark.js","./General_Category/Math_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Math_Symbol.js","./General_Category/Modifier_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Modifier_Letter.js","./General_Category/Modifier_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Modifier_Symbol.js","./General_Category/Nonspacing_Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Nonspacing_Mark.js","./General_Category/Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Number.js","./General_Category/Open_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Open_Punctuation.js","./General_Category/Other.js":"./node_modules/regenerate-unicode-properties/General_Category/Other.js","./General_Category/Other_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Letter.js","./General_Category/Other_Number.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Number.js","./General_Category/Other_Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Punctuation.js","./General_Category/Other_Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Other_Symbol.js","./General_Category/Paragraph_Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Paragraph_Separator.js","./General_Category/Private_Use.js":"./node_modules/regenerate-unicode-properties/General_Category/Private_Use.js","./General_Category/Punctuation.js":"./node_modules/regenerate-unicode-properties/General_Category/Punctuation.js","./General_Category/Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Separator.js","./General_Category/Space_Separator.js":"./node_modules/regenerate-unicode-properties/General_Category/Space_Separator.js","./General_Category/Spacing_Mark.js":"./node_modules/regenerate-unicode-properties/General_Category/Spacing_Mark.js","./General_Category/Surrogate.js":"./node_modules/regenerate-unicode-properties/General_Category/Surrogate.js","./General_Category/Symbol.js":"./node_modules/regenerate-unicode-properties/General_Category/Symbol.js","./General_Category/Titlecase_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Titlecase_Letter.js","./General_Category/Unassigned.js":"./node_modules/regenerate-unicode-properties/General_Category/Unassigned.js","./General_Category/Uppercase_Letter.js":"./node_modules/regenerate-unicode-properties/General_Category/Uppercase_Letter.js","./Property_of_Strings/Basic_Emoji.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/Basic_Emoji.js","./Property_of_Strings/Emoji_Keycap_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/Emoji_Keycap_Sequence.js","./Property_of_Strings/RGI_Emoji.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji.js","./Property_of_Strings/RGI_Emoji_Flag_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_Flag_Sequence.js","./Property_of_Strings/RGI_Emoji_Modifier_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_Modifier_Sequence.js","./Property_of_Strings/RGI_Emoji_Tag_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_Tag_Sequence.js","./Property_of_Strings/RGI_Emoji_ZWJ_Sequence.js":"./node_modules/regenerate-unicode-properties/Property_of_Strings/RGI_Emoji_ZWJ_Sequence.js","./Script/Adlam.js":"./node_modules/regenerate-unicode-properties/Script/Adlam.js","./Script/Ahom.js":"./node_modules/regenerate-unicode-properties/Script/Ahom.js","./Script/Anatolian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script/Anatolian_Hieroglyphs.js","./Script/Arabic.js":"./node_modules/regenerate-unicode-properties/Script/Arabic.js","./Script/Armenian.js":"./node_modules/regenerate-unicode-properties/Script/Armenian.js","./Script/Avestan.js":"./node_modules/regenerate-unicode-properties/Script/Avestan.js","./Script/Balinese.js":"./node_modules/regenerate-unicode-properties/Script/Balinese.js","./Script/Bamum.js":"./node_modules/regenerate-unicode-properties/Script/Bamum.js","./Script/Bassa_Vah.js":"./node_modules/regenerate-unicode-properties/Script/Bassa_Vah.js","./Script/Batak.js":"./node_modules/regenerate-unicode-properties/Script/Batak.js","./Script/Bengali.js":"./node_modules/regenerate-unicode-properties/Script/Bengali.js","./Script/Bhaiksuki.js":"./node_modules/regenerate-unicode-properties/Script/Bhaiksuki.js","./Script/Bopomofo.js":"./node_modules/regenerate-unicode-properties/Script/Bopomofo.js","./Script/Brahmi.js":"./node_modules/regenerate-unicode-properties/Script/Brahmi.js","./Script/Braille.js":"./node_modules/regenerate-unicode-properties/Script/Braille.js","./Script/Buginese.js":"./node_modules/regenerate-unicode-properties/Script/Buginese.js","./Script/Buhid.js":"./node_modules/regenerate-unicode-properties/Script/Buhid.js","./Script/Canadian_Aboriginal.js":"./node_modules/regenerate-unicode-properties/Script/Canadian_Aboriginal.js","./Script/Carian.js":"./node_modules/regenerate-unicode-properties/Script/Carian.js","./Script/Caucasian_Albanian.js":"./node_modules/regenerate-unicode-properties/Script/Caucasian_Albanian.js","./Script/Chakma.js":"./node_modules/regenerate-unicode-properties/Script/Chakma.js","./Script/Cham.js":"./node_modules/regenerate-unicode-properties/Script/Cham.js","./Script/Cherokee.js":"./node_modules/regenerate-unicode-properties/Script/Cherokee.js","./Script/Chorasmian.js":"./node_modules/regenerate-unicode-properties/Script/Chorasmian.js","./Script/Common.js":"./node_modules/regenerate-unicode-properties/Script/Common.js","./Script/Coptic.js":"./node_modules/regenerate-unicode-properties/Script/Coptic.js","./Script/Cuneiform.js":"./node_modules/regenerate-unicode-properties/Script/Cuneiform.js","./Script/Cypriot.js":"./node_modules/regenerate-unicode-properties/Script/Cypriot.js","./Script/Cypro_Minoan.js":"./node_modules/regenerate-unicode-properties/Script/Cypro_Minoan.js","./Script/Cyrillic.js":"./node_modules/regenerate-unicode-properties/Script/Cyrillic.js","./Script/Deseret.js":"./node_modules/regenerate-unicode-properties/Script/Deseret.js","./Script/Devanagari.js":"./node_modules/regenerate-unicode-properties/Script/Devanagari.js","./Script/Dives_Akuru.js":"./node_modules/regenerate-unicode-properties/Script/Dives_Akuru.js","./Script/Dogra.js":"./node_modules/regenerate-unicode-properties/Script/Dogra.js","./Script/Duployan.js":"./node_modules/regenerate-unicode-properties/Script/Duployan.js","./Script/Egyptian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script/Egyptian_Hieroglyphs.js","./Script/Elbasan.js":"./node_modules/regenerate-unicode-properties/Script/Elbasan.js","./Script/Elymaic.js":"./node_modules/regenerate-unicode-properties/Script/Elymaic.js","./Script/Ethiopic.js":"./node_modules/regenerate-unicode-properties/Script/Ethiopic.js","./Script/Georgian.js":"./node_modules/regenerate-unicode-properties/Script/Georgian.js","./Script/Glagolitic.js":"./node_modules/regenerate-unicode-properties/Script/Glagolitic.js","./Script/Gothic.js":"./node_modules/regenerate-unicode-properties/Script/Gothic.js","./Script/Grantha.js":"./node_modules/regenerate-unicode-properties/Script/Grantha.js","./Script/Greek.js":"./node_modules/regenerate-unicode-properties/Script/Greek.js","./Script/Gujarati.js":"./node_modules/regenerate-unicode-properties/Script/Gujarati.js","./Script/Gunjala_Gondi.js":"./node_modules/regenerate-unicode-properties/Script/Gunjala_Gondi.js","./Script/Gurmukhi.js":"./node_modules/regenerate-unicode-properties/Script/Gurmukhi.js","./Script/Han.js":"./node_modules/regenerate-unicode-properties/Script/Han.js","./Script/Hangul.js":"./node_modules/regenerate-unicode-properties/Script/Hangul.js","./Script/Hanifi_Rohingya.js":"./node_modules/regenerate-unicode-properties/Script/Hanifi_Rohingya.js","./Script/Hanunoo.js":"./node_modules/regenerate-unicode-properties/Script/Hanunoo.js","./Script/Hatran.js":"./node_modules/regenerate-unicode-properties/Script/Hatran.js","./Script/Hebrew.js":"./node_modules/regenerate-unicode-properties/Script/Hebrew.js","./Script/Hiragana.js":"./node_modules/regenerate-unicode-properties/Script/Hiragana.js","./Script/Imperial_Aramaic.js":"./node_modules/regenerate-unicode-properties/Script/Imperial_Aramaic.js","./Script/Inherited.js":"./node_modules/regenerate-unicode-properties/Script/Inherited.js","./Script/Inscriptional_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script/Inscriptional_Pahlavi.js","./Script/Inscriptional_Parthian.js":"./node_modules/regenerate-unicode-properties/Script/Inscriptional_Parthian.js","./Script/Javanese.js":"./node_modules/regenerate-unicode-properties/Script/Javanese.js","./Script/Kaithi.js":"./node_modules/regenerate-unicode-properties/Script/Kaithi.js","./Script/Kannada.js":"./node_modules/regenerate-unicode-properties/Script/Kannada.js","./Script/Katakana.js":"./node_modules/regenerate-unicode-properties/Script/Katakana.js","./Script/Kawi.js":"./node_modules/regenerate-unicode-properties/Script/Kawi.js","./Script/Kayah_Li.js":"./node_modules/regenerate-unicode-properties/Script/Kayah_Li.js","./Script/Kharoshthi.js":"./node_modules/regenerate-unicode-properties/Script/Kharoshthi.js","./Script/Khitan_Small_Script.js":"./node_modules/regenerate-unicode-properties/Script/Khitan_Small_Script.js","./Script/Khmer.js":"./node_modules/regenerate-unicode-properties/Script/Khmer.js","./Script/Khojki.js":"./node_modules/regenerate-unicode-properties/Script/Khojki.js","./Script/Khudawadi.js":"./node_modules/regenerate-unicode-properties/Script/Khudawadi.js","./Script/Lao.js":"./node_modules/regenerate-unicode-properties/Script/Lao.js","./Script/Latin.js":"./node_modules/regenerate-unicode-properties/Script/Latin.js","./Script/Lepcha.js":"./node_modules/regenerate-unicode-properties/Script/Lepcha.js","./Script/Limbu.js":"./node_modules/regenerate-unicode-properties/Script/Limbu.js","./Script/Linear_A.js":"./node_modules/regenerate-unicode-properties/Script/Linear_A.js","./Script/Linear_B.js":"./node_modules/regenerate-unicode-properties/Script/Linear_B.js","./Script/Lisu.js":"./node_modules/regenerate-unicode-properties/Script/Lisu.js","./Script/Lycian.js":"./node_modules/regenerate-unicode-properties/Script/Lycian.js","./Script/Lydian.js":"./node_modules/regenerate-unicode-properties/Script/Lydian.js","./Script/Mahajani.js":"./node_modules/regenerate-unicode-properties/Script/Mahajani.js","./Script/Makasar.js":"./node_modules/regenerate-unicode-properties/Script/Makasar.js","./Script/Malayalam.js":"./node_modules/regenerate-unicode-properties/Script/Malayalam.js","./Script/Mandaic.js":"./node_modules/regenerate-unicode-properties/Script/Mandaic.js","./Script/Manichaean.js":"./node_modules/regenerate-unicode-properties/Script/Manichaean.js","./Script/Marchen.js":"./node_modules/regenerate-unicode-properties/Script/Marchen.js","./Script/Masaram_Gondi.js":"./node_modules/regenerate-unicode-properties/Script/Masaram_Gondi.js","./Script/Medefaidrin.js":"./node_modules/regenerate-unicode-properties/Script/Medefaidrin.js","./Script/Meetei_Mayek.js":"./node_modules/regenerate-unicode-properties/Script/Meetei_Mayek.js","./Script/Mende_Kikakui.js":"./node_modules/regenerate-unicode-properties/Script/Mende_Kikakui.js","./Script/Meroitic_Cursive.js":"./node_modules/regenerate-unicode-properties/Script/Meroitic_Cursive.js","./Script/Meroitic_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script/Meroitic_Hieroglyphs.js","./Script/Miao.js":"./node_modules/regenerate-unicode-properties/Script/Miao.js","./Script/Modi.js":"./node_modules/regenerate-unicode-properties/Script/Modi.js","./Script/Mongolian.js":"./node_modules/regenerate-unicode-properties/Script/Mongolian.js","./Script/Mro.js":"./node_modules/regenerate-unicode-properties/Script/Mro.js","./Script/Multani.js":"./node_modules/regenerate-unicode-properties/Script/Multani.js","./Script/Myanmar.js":"./node_modules/regenerate-unicode-properties/Script/Myanmar.js","./Script/Nabataean.js":"./node_modules/regenerate-unicode-properties/Script/Nabataean.js","./Script/Nag_Mundari.js":"./node_modules/regenerate-unicode-properties/Script/Nag_Mundari.js","./Script/Nandinagari.js":"./node_modules/regenerate-unicode-properties/Script/Nandinagari.js","./Script/New_Tai_Lue.js":"./node_modules/regenerate-unicode-properties/Script/New_Tai_Lue.js","./Script/Newa.js":"./node_modules/regenerate-unicode-properties/Script/Newa.js","./Script/Nko.js":"./node_modules/regenerate-unicode-properties/Script/Nko.js","./Script/Nushu.js":"./node_modules/regenerate-unicode-properties/Script/Nushu.js","./Script/Nyiakeng_Puachue_Hmong.js":"./node_modules/regenerate-unicode-properties/Script/Nyiakeng_Puachue_Hmong.js","./Script/Ogham.js":"./node_modules/regenerate-unicode-properties/Script/Ogham.js","./Script/Ol_Chiki.js":"./node_modules/regenerate-unicode-properties/Script/Ol_Chiki.js","./Script/Old_Hungarian.js":"./node_modules/regenerate-unicode-properties/Script/Old_Hungarian.js","./Script/Old_Italic.js":"./node_modules/regenerate-unicode-properties/Script/Old_Italic.js","./Script/Old_North_Arabian.js":"./node_modules/regenerate-unicode-properties/Script/Old_North_Arabian.js","./Script/Old_Permic.js":"./node_modules/regenerate-unicode-properties/Script/Old_Permic.js","./Script/Old_Persian.js":"./node_modules/regenerate-unicode-properties/Script/Old_Persian.js","./Script/Old_Sogdian.js":"./node_modules/regenerate-unicode-properties/Script/Old_Sogdian.js","./Script/Old_South_Arabian.js":"./node_modules/regenerate-unicode-properties/Script/Old_South_Arabian.js","./Script/Old_Turkic.js":"./node_modules/regenerate-unicode-properties/Script/Old_Turkic.js","./Script/Old_Uyghur.js":"./node_modules/regenerate-unicode-properties/Script/Old_Uyghur.js","./Script/Oriya.js":"./node_modules/regenerate-unicode-properties/Script/Oriya.js","./Script/Osage.js":"./node_modules/regenerate-unicode-properties/Script/Osage.js","./Script/Osmanya.js":"./node_modules/regenerate-unicode-properties/Script/Osmanya.js","./Script/Pahawh_Hmong.js":"./node_modules/regenerate-unicode-properties/Script/Pahawh_Hmong.js","./Script/Palmyrene.js":"./node_modules/regenerate-unicode-properties/Script/Palmyrene.js","./Script/Pau_Cin_Hau.js":"./node_modules/regenerate-unicode-properties/Script/Pau_Cin_Hau.js","./Script/Phags_Pa.js":"./node_modules/regenerate-unicode-properties/Script/Phags_Pa.js","./Script/Phoenician.js":"./node_modules/regenerate-unicode-properties/Script/Phoenician.js","./Script/Psalter_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script/Psalter_Pahlavi.js","./Script/Rejang.js":"./node_modules/regenerate-unicode-properties/Script/Rejang.js","./Script/Runic.js":"./node_modules/regenerate-unicode-properties/Script/Runic.js","./Script/Samaritan.js":"./node_modules/regenerate-unicode-properties/Script/Samaritan.js","./Script/Saurashtra.js":"./node_modules/regenerate-unicode-properties/Script/Saurashtra.js","./Script/Sharada.js":"./node_modules/regenerate-unicode-properties/Script/Sharada.js","./Script/Shavian.js":"./node_modules/regenerate-unicode-properties/Script/Shavian.js","./Script/Siddham.js":"./node_modules/regenerate-unicode-properties/Script/Siddham.js","./Script/SignWriting.js":"./node_modules/regenerate-unicode-properties/Script/SignWriting.js","./Script/Sinhala.js":"./node_modules/regenerate-unicode-properties/Script/Sinhala.js","./Script/Sogdian.js":"./node_modules/regenerate-unicode-properties/Script/Sogdian.js","./Script/Sora_Sompeng.js":"./node_modules/regenerate-unicode-properties/Script/Sora_Sompeng.js","./Script/Soyombo.js":"./node_modules/regenerate-unicode-properties/Script/Soyombo.js","./Script/Sundanese.js":"./node_modules/regenerate-unicode-properties/Script/Sundanese.js","./Script/Syloti_Nagri.js":"./node_modules/regenerate-unicode-properties/Script/Syloti_Nagri.js","./Script/Syriac.js":"./node_modules/regenerate-unicode-properties/Script/Syriac.js","./Script/Tagalog.js":"./node_modules/regenerate-unicode-properties/Script/Tagalog.js","./Script/Tagbanwa.js":"./node_modules/regenerate-unicode-properties/Script/Tagbanwa.js","./Script/Tai_Le.js":"./node_modules/regenerate-unicode-properties/Script/Tai_Le.js","./Script/Tai_Tham.js":"./node_modules/regenerate-unicode-properties/Script/Tai_Tham.js","./Script/Tai_Viet.js":"./node_modules/regenerate-unicode-properties/Script/Tai_Viet.js","./Script/Takri.js":"./node_modules/regenerate-unicode-properties/Script/Takri.js","./Script/Tamil.js":"./node_modules/regenerate-unicode-properties/Script/Tamil.js","./Script/Tangsa.js":"./node_modules/regenerate-unicode-properties/Script/Tangsa.js","./Script/Tangut.js":"./node_modules/regenerate-unicode-properties/Script/Tangut.js","./Script/Telugu.js":"./node_modules/regenerate-unicode-properties/Script/Telugu.js","./Script/Thaana.js":"./node_modules/regenerate-unicode-properties/Script/Thaana.js","./Script/Thai.js":"./node_modules/regenerate-unicode-properties/Script/Thai.js","./Script/Tibetan.js":"./node_modules/regenerate-unicode-properties/Script/Tibetan.js","./Script/Tifinagh.js":"./node_modules/regenerate-unicode-properties/Script/Tifinagh.js","./Script/Tirhuta.js":"./node_modules/regenerate-unicode-properties/Script/Tirhuta.js","./Script/Toto.js":"./node_modules/regenerate-unicode-properties/Script/Toto.js","./Script/Ugaritic.js":"./node_modules/regenerate-unicode-properties/Script/Ugaritic.js","./Script/Vai.js":"./node_modules/regenerate-unicode-properties/Script/Vai.js","./Script/Vithkuqi.js":"./node_modules/regenerate-unicode-properties/Script/Vithkuqi.js","./Script/Wancho.js":"./node_modules/regenerate-unicode-properties/Script/Wancho.js","./Script/Warang_Citi.js":"./node_modules/regenerate-unicode-properties/Script/Warang_Citi.js","./Script/Yezidi.js":"./node_modules/regenerate-unicode-properties/Script/Yezidi.js","./Script/Yi.js":"./node_modules/regenerate-unicode-properties/Script/Yi.js","./Script/Zanabazar_Square.js":"./node_modules/regenerate-unicode-properties/Script/Zanabazar_Square.js","./Script_Extensions/Adlam.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Adlam.js","./Script_Extensions/Ahom.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ahom.js","./Script_Extensions/Anatolian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Anatolian_Hieroglyphs.js","./Script_Extensions/Arabic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Arabic.js","./Script_Extensions/Armenian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Armenian.js","./Script_Extensions/Avestan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Avestan.js","./Script_Extensions/Balinese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Balinese.js","./Script_Extensions/Bamum.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bamum.js","./Script_Extensions/Bassa_Vah.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bassa_Vah.js","./Script_Extensions/Batak.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Batak.js","./Script_Extensions/Bengali.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bengali.js","./Script_Extensions/Bhaiksuki.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bhaiksuki.js","./Script_Extensions/Bopomofo.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Bopomofo.js","./Script_Extensions/Brahmi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Brahmi.js","./Script_Extensions/Braille.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Braille.js","./Script_Extensions/Buginese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Buginese.js","./Script_Extensions/Buhid.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Buhid.js","./Script_Extensions/Canadian_Aboriginal.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Canadian_Aboriginal.js","./Script_Extensions/Carian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Carian.js","./Script_Extensions/Caucasian_Albanian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Caucasian_Albanian.js","./Script_Extensions/Chakma.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Chakma.js","./Script_Extensions/Cham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cham.js","./Script_Extensions/Cherokee.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cherokee.js","./Script_Extensions/Chorasmian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Chorasmian.js","./Script_Extensions/Common.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Common.js","./Script_Extensions/Coptic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Coptic.js","./Script_Extensions/Cuneiform.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cuneiform.js","./Script_Extensions/Cypriot.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cypriot.js","./Script_Extensions/Cypro_Minoan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cypro_Minoan.js","./Script_Extensions/Cyrillic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Cyrillic.js","./Script_Extensions/Deseret.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Deseret.js","./Script_Extensions/Devanagari.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Devanagari.js","./Script_Extensions/Dives_Akuru.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Dives_Akuru.js","./Script_Extensions/Dogra.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Dogra.js","./Script_Extensions/Duployan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Duployan.js","./Script_Extensions/Egyptian_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Egyptian_Hieroglyphs.js","./Script_Extensions/Elbasan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Elbasan.js","./Script_Extensions/Elymaic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Elymaic.js","./Script_Extensions/Ethiopic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ethiopic.js","./Script_Extensions/Georgian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Georgian.js","./Script_Extensions/Glagolitic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Glagolitic.js","./Script_Extensions/Gothic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gothic.js","./Script_Extensions/Grantha.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Grantha.js","./Script_Extensions/Greek.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Greek.js","./Script_Extensions/Gujarati.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gujarati.js","./Script_Extensions/Gunjala_Gondi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gunjala_Gondi.js","./Script_Extensions/Gurmukhi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Gurmukhi.js","./Script_Extensions/Han.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Han.js","./Script_Extensions/Hangul.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hangul.js","./Script_Extensions/Hanifi_Rohingya.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hanifi_Rohingya.js","./Script_Extensions/Hanunoo.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hanunoo.js","./Script_Extensions/Hatran.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hatran.js","./Script_Extensions/Hebrew.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hebrew.js","./Script_Extensions/Hiragana.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Hiragana.js","./Script_Extensions/Imperial_Aramaic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Imperial_Aramaic.js","./Script_Extensions/Inherited.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Inherited.js","./Script_Extensions/Inscriptional_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Inscriptional_Pahlavi.js","./Script_Extensions/Inscriptional_Parthian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Inscriptional_Parthian.js","./Script_Extensions/Javanese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Javanese.js","./Script_Extensions/Kaithi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kaithi.js","./Script_Extensions/Kannada.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kannada.js","./Script_Extensions/Katakana.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Katakana.js","./Script_Extensions/Kawi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kawi.js","./Script_Extensions/Kayah_Li.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kayah_Li.js","./Script_Extensions/Kharoshthi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Kharoshthi.js","./Script_Extensions/Khitan_Small_Script.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khitan_Small_Script.js","./Script_Extensions/Khmer.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khmer.js","./Script_Extensions/Khojki.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khojki.js","./Script_Extensions/Khudawadi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Khudawadi.js","./Script_Extensions/Lao.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lao.js","./Script_Extensions/Latin.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Latin.js","./Script_Extensions/Lepcha.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lepcha.js","./Script_Extensions/Limbu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Limbu.js","./Script_Extensions/Linear_A.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Linear_A.js","./Script_Extensions/Linear_B.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Linear_B.js","./Script_Extensions/Lisu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lisu.js","./Script_Extensions/Lycian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lycian.js","./Script_Extensions/Lydian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Lydian.js","./Script_Extensions/Mahajani.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mahajani.js","./Script_Extensions/Makasar.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Makasar.js","./Script_Extensions/Malayalam.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Malayalam.js","./Script_Extensions/Mandaic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mandaic.js","./Script_Extensions/Manichaean.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Manichaean.js","./Script_Extensions/Marchen.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Marchen.js","./Script_Extensions/Masaram_Gondi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Masaram_Gondi.js","./Script_Extensions/Medefaidrin.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Medefaidrin.js","./Script_Extensions/Meetei_Mayek.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Meetei_Mayek.js","./Script_Extensions/Mende_Kikakui.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mende_Kikakui.js","./Script_Extensions/Meroitic_Cursive.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Meroitic_Cursive.js","./Script_Extensions/Meroitic_Hieroglyphs.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Meroitic_Hieroglyphs.js","./Script_Extensions/Miao.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Miao.js","./Script_Extensions/Modi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Modi.js","./Script_Extensions/Mongolian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mongolian.js","./Script_Extensions/Mro.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Mro.js","./Script_Extensions/Multani.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Multani.js","./Script_Extensions/Myanmar.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Myanmar.js","./Script_Extensions/Nabataean.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nabataean.js","./Script_Extensions/Nag_Mundari.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nag_Mundari.js","./Script_Extensions/Nandinagari.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nandinagari.js","./Script_Extensions/New_Tai_Lue.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/New_Tai_Lue.js","./Script_Extensions/Newa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Newa.js","./Script_Extensions/Nko.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nko.js","./Script_Extensions/Nushu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nushu.js","./Script_Extensions/Nyiakeng_Puachue_Hmong.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Nyiakeng_Puachue_Hmong.js","./Script_Extensions/Ogham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ogham.js","./Script_Extensions/Ol_Chiki.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ol_Chiki.js","./Script_Extensions/Old_Hungarian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Hungarian.js","./Script_Extensions/Old_Italic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Italic.js","./Script_Extensions/Old_North_Arabian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_North_Arabian.js","./Script_Extensions/Old_Permic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Permic.js","./Script_Extensions/Old_Persian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Persian.js","./Script_Extensions/Old_Sogdian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Sogdian.js","./Script_Extensions/Old_South_Arabian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_South_Arabian.js","./Script_Extensions/Old_Turkic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Turkic.js","./Script_Extensions/Old_Uyghur.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Old_Uyghur.js","./Script_Extensions/Oriya.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Oriya.js","./Script_Extensions/Osage.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Osage.js","./Script_Extensions/Osmanya.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Osmanya.js","./Script_Extensions/Pahawh_Hmong.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Pahawh_Hmong.js","./Script_Extensions/Palmyrene.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Palmyrene.js","./Script_Extensions/Pau_Cin_Hau.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Pau_Cin_Hau.js","./Script_Extensions/Phags_Pa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Phags_Pa.js","./Script_Extensions/Phoenician.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Phoenician.js","./Script_Extensions/Psalter_Pahlavi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Psalter_Pahlavi.js","./Script_Extensions/Rejang.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Rejang.js","./Script_Extensions/Runic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Runic.js","./Script_Extensions/Samaritan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Samaritan.js","./Script_Extensions/Saurashtra.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Saurashtra.js","./Script_Extensions/Sharada.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sharada.js","./Script_Extensions/Shavian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Shavian.js","./Script_Extensions/Siddham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Siddham.js","./Script_Extensions/SignWriting.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/SignWriting.js","./Script_Extensions/Sinhala.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sinhala.js","./Script_Extensions/Sogdian.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sogdian.js","./Script_Extensions/Sora_Sompeng.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sora_Sompeng.js","./Script_Extensions/Soyombo.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Soyombo.js","./Script_Extensions/Sundanese.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Sundanese.js","./Script_Extensions/Syloti_Nagri.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Syloti_Nagri.js","./Script_Extensions/Syriac.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Syriac.js","./Script_Extensions/Tagalog.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tagalog.js","./Script_Extensions/Tagbanwa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tagbanwa.js","./Script_Extensions/Tai_Le.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tai_Le.js","./Script_Extensions/Tai_Tham.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tai_Tham.js","./Script_Extensions/Tai_Viet.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tai_Viet.js","./Script_Extensions/Takri.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Takri.js","./Script_Extensions/Tamil.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tamil.js","./Script_Extensions/Tangsa.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tangsa.js","./Script_Extensions/Tangut.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tangut.js","./Script_Extensions/Telugu.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Telugu.js","./Script_Extensions/Thaana.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Thaana.js","./Script_Extensions/Thai.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Thai.js","./Script_Extensions/Tibetan.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tibetan.js","./Script_Extensions/Tifinagh.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tifinagh.js","./Script_Extensions/Tirhuta.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Tirhuta.js","./Script_Extensions/Toto.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Toto.js","./Script_Extensions/Ugaritic.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Ugaritic.js","./Script_Extensions/Vai.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Vai.js","./Script_Extensions/Vithkuqi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Vithkuqi.js","./Script_Extensions/Wancho.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Wancho.js","./Script_Extensions/Warang_Citi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Warang_Citi.js","./Script_Extensions/Yezidi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Yezidi.js","./Script_Extensions/Yi.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Yi.js","./Script_Extensions/Zanabazar_Square.js":"./node_modules/regenerate-unicode-properties/Script_Extensions/Zanabazar_Square.js","./index.js":"./node_modules/regenerate-unicode-properties/index.js","./unicode-version.js":"./node_modules/regenerate-unicode-properties/unicode-version.js"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./node_modules/regenerate-unicode-properties sync recursive ^\\.\\/.*\\.js$"}}]); \ No newline at end of file diff --git a/static/components/colors-ComponentColors-stories-mdx.e96a3488.iframe.bundle.js b/static/components/colors-ComponentColors-stories-mdx.0904744f.iframe.bundle.js similarity index 96% rename from static/components/colors-ComponentColors-stories-mdx.e96a3488.iframe.bundle.js rename to static/components/colors-ComponentColors-stories-mdx.0904744f.iframe.bundle.js index 3eded3eaec..3917440a59 100644 --- a/static/components/colors-ComponentColors-stories-mdx.e96a3488.iframe.bundle.js +++ b/static/components/colors-ComponentColors-stories-mdx.0904744f.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[7383],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/colors/ComponentColors.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),_Color__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./.storybook/stories-category-doc-pages/colors/Color.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p"},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Styles/Colors/Components",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"component-colors",children:"Component Colors"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"These are the specific colors used for components in the web application. They point to colors in the Owncast color palette but CSS variable names can be overwritten for customizing the theme."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.rE,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Text",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-text-on-light"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-text-on-dark")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Primary Button",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-primary-button-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-primary-button-background-disabled"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-primary-button-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-primary-button-text-disabled"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-primary-button-border")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Secondary Button",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-secondary-button-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-secondary-button-background-disabled"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-secondary-button-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-secondary-button-text-disabled"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-secondary-button-border")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Chat",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-chat-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-chat-text")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Modals",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-modal-header-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-modal-header-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-modal-content-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-modal-content-text")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Page Content",subtitle:"Tabbed content",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-content-background")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Menus",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-item-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-item-bg"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-item-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-item-hover-bg"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-item-focus-bg")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Form Fields",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-form-field-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-form-field-placeholder"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-form-field-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-item-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-form-field-border")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Video Player Status Bar",subtitle:"Displays duration and viewer count.",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-video-status-bar-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-video-status-bar-foreground")}})]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Styles/Colors/Components",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./.storybook/stories-category-doc-pages/colors/Color.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{oU:()=>getColor});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),__jsx=__webpack_require__("./node_modules/next/dist/compiled/react/index.js").createElement,Color=function Color(_ref){var color=_ref.color,resolvedColor=getComputedStyle(document.documentElement).getPropertyValue("--".concat(color));return __jsx("figure",{style:{borderRadius:"20px",width:"12vw",height:"12vw",minWidth:"100px",minHeight:"100px",borderWidth:"1.5px",borderStyle:"solid",borderColor:"lightgray",overflow:"hidden",margin:"0.3vw"}},__jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",textShadow:"0 0 15px black",height:"70%",width:"100%",backgroundColor:resolvedColor}},__jsx("div",{style:{color:"white",alignText:"center"}},resolvedColor)),__jsx("figcaption",{style:{margin:"5px",color:"gray",fontSize:"0.95vw",textAlign:"center",lineHeight:1}},color))};Color.displayName="Color";var rowStyle={display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},ColorRow=function ColorRow(props){var colors=props.colors;return __jsx("div",{style:rowStyle},colors.map((function(color){return __jsx(Color,{key:color,color})})))};ColorRow.displayName="ColorRow";var getColor=function getColor(color){var colorValue=getComputedStyle(document.documentElement).getPropertyValue("--".concat(color));return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__.A)({},color,colorValue)};try{Color.displayName="Color",Color.__docgenInfo={description:"",displayName:"Color",props:{color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#Color"]={docgenInfo:Color.__docgenInfo,name:"Color",path:".storybook/stories-category-doc-pages/colors/Color.tsx#Color"})}catch(__react_docgen_typescript_loader_error){}try{ColorRow.displayName="ColorRow",ColorRow.__docgenInfo={description:"",displayName:"ColorRow",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#ColorRow"]={docgenInfo:ColorRow.__docgenInfo,name:"ColorRow",path:".storybook/stories-category-doc-pages/colors/Color.tsx#ColorRow"})}catch(__react_docgen_typescript_loader_error){}try{getColor.displayName="getColor",getColor.__docgenInfo={description:"",displayName:"getColor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#getColor"]={docgenInfo:getColor.__docgenInfo,name:"getColor",path:".storybook/stories-category-doc-pages/colors/Color.tsx#getColor"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[7383],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/colors/ComponentColors.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),_Color__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./.storybook/stories-category-doc-pages/colors/Color.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p"},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Styles/Colors/Components",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"component-colors",children:"Component Colors"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"These are the specific colors used for components in the web application. They point to colors in the Owncast color palette but CSS variable names can be overwritten for customizing the theme."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.rE,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Text",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-text-on-light"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-text-on-dark")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Primary Button",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-primary-button-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-primary-button-background-disabled"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-primary-button-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-primary-button-text-disabled"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-primary-button-border")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Secondary Button",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-secondary-button-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-secondary-button-background-disabled"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-secondary-button-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-secondary-button-text-disabled"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-secondary-button-border")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Chat",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-chat-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-chat-text")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Modals",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-modal-header-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-modal-header-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-modal-content-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-modal-content-text")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Page Content",subtitle:"Tabbed content",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-content-background")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Menus",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-item-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-item-bg"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-item-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-item-hover-bg"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-item-focus-bg")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Form Fields",subtitle:"",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-form-field-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-form-field-placeholder"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-form-field-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-menu-item-text"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-form-field-border")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Video Player Status Bar",subtitle:"Displays duration and viewer count.",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-video-status-bar-background"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-components-video-status-bar-foreground")}})]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Styles/Colors/Components",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./.storybook/stories-category-doc-pages/colors/Color.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{oU:()=>getColor});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),__jsx=__webpack_require__("./node_modules/next/dist/compiled/react/index.js").createElement,Color=function Color(_ref){var color=_ref.color,resolvedColor=getComputedStyle(document.documentElement).getPropertyValue("--".concat(color));return __jsx("figure",{style:{borderRadius:"20px",width:"12vw",height:"12vw",minWidth:"100px",minHeight:"100px",borderWidth:"1.5px",borderStyle:"solid",borderColor:"lightgray",overflow:"hidden",margin:"0.3vw"}},__jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",textShadow:"0 0 15px black",height:"70%",width:"100%",backgroundColor:resolvedColor}},__jsx("div",{style:{color:"white",alignText:"center"}},resolvedColor)),__jsx("figcaption",{style:{margin:"5px",color:"gray",fontSize:"0.95vw",textAlign:"center",lineHeight:1}},color))};Color.displayName="Color";var rowStyle={display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},ColorRow=function ColorRow(props){var colors=props.colors;return __jsx("div",{style:rowStyle},colors.map((function(color){return __jsx(Color,{key:color,color})})))};ColorRow.displayName="ColorRow";var getColor=function getColor(color){var colorValue=getComputedStyle(document.documentElement).getPropertyValue("--".concat(color));return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__.A)({},color,colorValue)};try{Color.displayName="Color",Color.__docgenInfo={description:"",displayName:"Color",props:{color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#Color"]={docgenInfo:Color.__docgenInfo,name:"Color",path:".storybook/stories-category-doc-pages/colors/Color.tsx#Color"})}catch(__react_docgen_typescript_loader_error){}try{ColorRow.displayName="ColorRow",ColorRow.__docgenInfo={description:"",displayName:"ColorRow",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#ColorRow"]={docgenInfo:ColorRow.__docgenInfo,name:"ColorRow",path:".storybook/stories-category-doc-pages/colors/Color.tsx#ColorRow"})}catch(__react_docgen_typescript_loader_error){}try{getColor.displayName="getColor",getColor.__docgenInfo={description:"",displayName:"getColor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#getColor"]={docgenInfo:getColor.__docgenInfo,name:"getColor",path:".storybook/stories-category-doc-pages/colors/Color.tsx#getColor"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file diff --git a/static/components/colors-OwncastColorPalette-stories-mdx.448dd6e2.iframe.bundle.js b/static/components/colors-OwncastColorPalette-stories-mdx.e5bcf29f.iframe.bundle.js similarity index 95% rename from static/components/colors-OwncastColorPalette-stories-mdx.448dd6e2.iframe.bundle.js rename to static/components/colors-OwncastColorPalette-stories-mdx.e5bcf29f.iframe.bundle.js index 580e06266f..2bf6ea0a05 100644 --- a/static/components/colors-OwncastColorPalette-stories-mdx.448dd6e2.iframe.bundle.js +++ b/static/components/colors-OwncastColorPalette-stories-mdx.e5bcf29f.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5229],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/colors/OwncastColorPalette.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),_Color__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./.storybook/stories-category-doc-pages/colors/Color.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p"},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Styles/Colors/Palette",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"theme-color-palette",children:"Theme Color Palette"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"These are the colors used across the web application. All the specific component colors point to colors in this palette. If you override one of these colors all usage of that color will be updated."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.rE,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Theme color palette",subtitle:"Colors used across the theme.",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-0"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-1"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-2"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-3"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-4"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-5")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-6"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-7"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-8"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-9"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-10"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-11")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-12"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-13"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-14"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-15"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-error"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-warning")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-background-light"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-background-header"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-action"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-action-hover"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-action-disabled")}})]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Styles/Colors/Palette",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./.storybook/stories-category-doc-pages/colors/Color.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{oU:()=>getColor});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),__jsx=__webpack_require__("./node_modules/next/dist/compiled/react/index.js").createElement,Color=function Color(_ref){var color=_ref.color,resolvedColor=getComputedStyle(document.documentElement).getPropertyValue("--".concat(color));return __jsx("figure",{style:{borderRadius:"20px",width:"12vw",height:"12vw",minWidth:"100px",minHeight:"100px",borderWidth:"1.5px",borderStyle:"solid",borderColor:"lightgray",overflow:"hidden",margin:"0.3vw"}},__jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",textShadow:"0 0 15px black",height:"70%",width:"100%",backgroundColor:resolvedColor}},__jsx("div",{style:{color:"white",alignText:"center"}},resolvedColor)),__jsx("figcaption",{style:{margin:"5px",color:"gray",fontSize:"0.95vw",textAlign:"center",lineHeight:1}},color))};Color.displayName="Color";var rowStyle={display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},ColorRow=function ColorRow(props){var colors=props.colors;return __jsx("div",{style:rowStyle},colors.map((function(color){return __jsx(Color,{key:color,color})})))};ColorRow.displayName="ColorRow";var getColor=function getColor(color){var colorValue=getComputedStyle(document.documentElement).getPropertyValue("--".concat(color));return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__.A)({},color,colorValue)};try{Color.displayName="Color",Color.__docgenInfo={description:"",displayName:"Color",props:{color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#Color"]={docgenInfo:Color.__docgenInfo,name:"Color",path:".storybook/stories-category-doc-pages/colors/Color.tsx#Color"})}catch(__react_docgen_typescript_loader_error){}try{ColorRow.displayName="ColorRow",ColorRow.__docgenInfo={description:"",displayName:"ColorRow",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#ColorRow"]={docgenInfo:ColorRow.__docgenInfo,name:"ColorRow",path:".storybook/stories-category-doc-pages/colors/Color.tsx#ColorRow"})}catch(__react_docgen_typescript_loader_error){}try{getColor.displayName="getColor",getColor.__docgenInfo={description:"",displayName:"getColor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#getColor"]={docgenInfo:getColor.__docgenInfo,name:"getColor",path:".storybook/stories-category-doc-pages/colors/Color.tsx#getColor"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5229],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/colors/OwncastColorPalette.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),_Color__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./.storybook/stories-category-doc-pages/colors/Color.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p"},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Styles/Colors/Palette",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"theme-color-palette",children:"Theme Color Palette"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"These are the colors used across the web application. All the specific component colors point to colors in this palette. If you override one of these colors all usage of that color will be updated."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.rE,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"Theme color palette",subtitle:"Colors used across the theme.",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-0"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-1"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-2"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-3"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-4"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-5")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-6"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-7"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-8"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-9"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-10"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-11")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-12"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-13"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-14"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-15"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-error"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-palette-warning")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-background-light"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-background-header"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-action"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-action-hover"),...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-action-disabled")}})]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Styles/Colors/Palette",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./.storybook/stories-category-doc-pages/colors/Color.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{oU:()=>getColor});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),__jsx=__webpack_require__("./node_modules/next/dist/compiled/react/index.js").createElement,Color=function Color(_ref){var color=_ref.color,resolvedColor=getComputedStyle(document.documentElement).getPropertyValue("--".concat(color));return __jsx("figure",{style:{borderRadius:"20px",width:"12vw",height:"12vw",minWidth:"100px",minHeight:"100px",borderWidth:"1.5px",borderStyle:"solid",borderColor:"lightgray",overflow:"hidden",margin:"0.3vw"}},__jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",textShadow:"0 0 15px black",height:"70%",width:"100%",backgroundColor:resolvedColor}},__jsx("div",{style:{color:"white",alignText:"center"}},resolvedColor)),__jsx("figcaption",{style:{margin:"5px",color:"gray",fontSize:"0.95vw",textAlign:"center",lineHeight:1}},color))};Color.displayName="Color";var rowStyle={display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},ColorRow=function ColorRow(props){var colors=props.colors;return __jsx("div",{style:rowStyle},colors.map((function(color){return __jsx(Color,{key:color,color})})))};ColorRow.displayName="ColorRow";var getColor=function getColor(color){var colorValue=getComputedStyle(document.documentElement).getPropertyValue("--".concat(color));return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__.A)({},color,colorValue)};try{Color.displayName="Color",Color.__docgenInfo={description:"",displayName:"Color",props:{color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#Color"]={docgenInfo:Color.__docgenInfo,name:"Color",path:".storybook/stories-category-doc-pages/colors/Color.tsx#Color"})}catch(__react_docgen_typescript_loader_error){}try{ColorRow.displayName="ColorRow",ColorRow.__docgenInfo={description:"",displayName:"ColorRow",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#ColorRow"]={docgenInfo:ColorRow.__docgenInfo,name:"ColorRow",path:".storybook/stories-category-doc-pages/colors/Color.tsx#ColorRow"})}catch(__react_docgen_typescript_loader_error){}try{getColor.displayName="getColor",getColor.__docgenInfo={description:"",displayName:"getColor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#getColor"]={docgenInfo:getColor.__docgenInfo,name:"getColor",path:".storybook/stories-category-doc-pages/colors/Color.tsx#getColor"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file diff --git a/static/components/colors-UserColors-stories-mdx.eb9eca45.iframe.bundle.js b/static/components/colors-UserColors-stories-mdx.2e7dca88.iframe.bundle.js similarity index 96% rename from static/components/colors-UserColors-stories-mdx.eb9eca45.iframe.bundle.js rename to static/components/colors-UserColors-stories-mdx.2e7dca88.iframe.bundle.js index 3592b6c6c6..695ab35abd 100644 --- a/static/components/colors-UserColors-stories-mdx.eb9eca45.iframe.bundle.js +++ b/static/components/colors-UserColors-stories-mdx.2e7dca88.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5987],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/colors/UserColors.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),_Color__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./.storybook/stories-category-doc-pages/colors/Color.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p"},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Styles/Colors/Users",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"user-colors",children:"User Colors"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"These are the colors available for assigning to chat users for display purposes. The CSS variables can be overwritten for customizing the theme."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.rE,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 0",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-0")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 1",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-1")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 2",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-2")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 3",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-3")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 4",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-4")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 5",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-5")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 6",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-6")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 7",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-7")}})]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Styles/Colors/Users",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./.storybook/stories-category-doc-pages/colors/Color.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{oU:()=>getColor});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),__jsx=__webpack_require__("./node_modules/next/dist/compiled/react/index.js").createElement,Color=function Color(_ref){var color=_ref.color,resolvedColor=getComputedStyle(document.documentElement).getPropertyValue("--".concat(color));return __jsx("figure",{style:{borderRadius:"20px",width:"12vw",height:"12vw",minWidth:"100px",minHeight:"100px",borderWidth:"1.5px",borderStyle:"solid",borderColor:"lightgray",overflow:"hidden",margin:"0.3vw"}},__jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",textShadow:"0 0 15px black",height:"70%",width:"100%",backgroundColor:resolvedColor}},__jsx("div",{style:{color:"white",alignText:"center"}},resolvedColor)),__jsx("figcaption",{style:{margin:"5px",color:"gray",fontSize:"0.95vw",textAlign:"center",lineHeight:1}},color))};Color.displayName="Color";var rowStyle={display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},ColorRow=function ColorRow(props){var colors=props.colors;return __jsx("div",{style:rowStyle},colors.map((function(color){return __jsx(Color,{key:color,color})})))};ColorRow.displayName="ColorRow";var getColor=function getColor(color){var colorValue=getComputedStyle(document.documentElement).getPropertyValue("--".concat(color));return(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__.A)({},color,colorValue)};try{Color.displayName="Color",Color.__docgenInfo={description:"",displayName:"Color",props:{color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#Color"]={docgenInfo:Color.__docgenInfo,name:"Color",path:".storybook/stories-category-doc-pages/colors/Color.tsx#Color"})}catch(__react_docgen_typescript_loader_error){}try{ColorRow.displayName="ColorRow",ColorRow.__docgenInfo={description:"",displayName:"ColorRow",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#ColorRow"]={docgenInfo:ColorRow.__docgenInfo,name:"ColorRow",path:".storybook/stories-category-doc-pages/colors/Color.tsx#ColorRow"})}catch(__react_docgen_typescript_loader_error){}try{getColor.displayName="getColor",getColor.__docgenInfo={description:"",displayName:"getColor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#getColor"]={docgenInfo:getColor.__docgenInfo,name:"getColor",path:".storybook/stories-category-doc-pages/colors/Color.tsx#getColor"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5987],{"./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./.storybook/stories-category-doc-pages/colors/UserColors.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),_Color__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./.storybook/stories-category-doc-pages/colors/Color.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p"},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.W8,{title:"owncast/Styles/Colors/Users",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}}}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.h2,{id:"user-colors",children:"User Colors"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components.p,{children:"These are the colors available for assigning to chat users for display purposes. The CSS variables can be overwritten for customizing the theme."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.rE,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 0",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-0")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 1",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-1")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 2",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-2")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 3",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-3")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 4",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-4")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 5",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-5")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 6",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-6")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Jl,{title:"User Color 7",colors:{...(0,_Color__WEBPACK_IMPORTED_MODULE_2__.oU)("theme-color-users-7")}})]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"owncast/Styles/Colors/Users",parameters:{previewTabs:{canvas:{hidden:!0}},chromatic:{disableSnapshot:!0}},tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./.storybook/stories-category-doc-pages/colors/Color.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{oU:()=>getColor});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),__jsx=__webpack_require__("./node_modules/next/dist/compiled/react/index.js").createElement,Color=function Color(_ref){var color=_ref.color,resolvedColor=getComputedStyle(document.documentElement).getPropertyValue("--".concat(color));return __jsx("figure",{style:{borderRadius:"20px",width:"12vw",height:"12vw",minWidth:"100px",minHeight:"100px",borderWidth:"1.5px",borderStyle:"solid",borderColor:"lightgray",overflow:"hidden",margin:"0.3vw"}},__jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",textShadow:"0 0 15px black",height:"70%",width:"100%",backgroundColor:resolvedColor}},__jsx("div",{style:{color:"white",alignText:"center"}},resolvedColor)),__jsx("figcaption",{style:{margin:"5px",color:"gray",fontSize:"0.95vw",textAlign:"center",lineHeight:1}},color))};Color.displayName="Color";var rowStyle={display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},ColorRow=function ColorRow(props){var colors=props.colors;return __jsx("div",{style:rowStyle},colors.map((function(color){return __jsx(Color,{key:color,color})})))};ColorRow.displayName="ColorRow";var getColor=function getColor(color){var colorValue=getComputedStyle(document.documentElement).getPropertyValue("--".concat(color));return(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__.A)({},color,colorValue)};try{Color.displayName="Color",Color.__docgenInfo={description:"",displayName:"Color",props:{color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#Color"]={docgenInfo:Color.__docgenInfo,name:"Color",path:".storybook/stories-category-doc-pages/colors/Color.tsx#Color"})}catch(__react_docgen_typescript_loader_error){}try{ColorRow.displayName="ColorRow",ColorRow.__docgenInfo={description:"",displayName:"ColorRow",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#ColorRow"]={docgenInfo:ColorRow.__docgenInfo,name:"ColorRow",path:".storybook/stories-category-doc-pages/colors/Color.tsx#ColorRow"})}catch(__react_docgen_typescript_loader_error){}try{getColor.displayName="getColor",getColor.__docgenInfo={description:"",displayName:"getColor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories-category-doc-pages/colors/Color.tsx#getColor"]={docgenInfo:getColor.__docgenInfo,name:"getColor",path:".storybook/stories-category-doc-pages/colors/Color.tsx#getColor"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function p(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=p,exports.jsxs=p},"./node_modules/next/dist/compiled/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/next/dist/compiled/react/cjs/react-jsx-runtime.production.min.js")}}]); \ No newline at end of file diff --git a/static/components/common-UserDropdown-UserDropdown-stories.f28f1e2d.iframe.bundle.js b/static/components/common-UserDropdown-UserDropdown-stories.65a19f6b.iframe.bundle.js similarity index 99% rename from static/components/common-UserDropdown-UserDropdown-stories.f28f1e2d.iframe.bundle.js rename to static/components/common-UserDropdown-UserDropdown-stories.65a19f6b.iframe.bundle.js index 8f4680c074..236b21af19 100644 --- a/static/components/common-UserDropdown-UserDropdown-stories.f28f1e2d.iframe.bundle.js +++ b/static/components/common-UserDropdown-UserDropdown-stories.65a19f6b.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[8934],{"./components/common/UserDropdown/UserDropdown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ChatEnabled:()=>ChatEnabled,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),recoil__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/recoil/es/index.js"),_UserDropdown__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/common/UserDropdown/UserDropdown.tsx"),_stores_ClientConfigStore__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/stores/ClientConfigStore.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement;const __WEBPACK_DEFAULT_EXPORT__={title:"owncast/Components/User settings menu",component:_UserDropdown__WEBPACK_IMPORTED_MODULE_2__.UserDropdown,parameters:{}};var Example=function Example(args){var setCurrentUser=(0,recoil__WEBPACK_IMPORTED_MODULE_1__.lZ)(_stores_ClientConfigStore__WEBPACK_IMPORTED_MODULE_3__.gN);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){return setCurrentUser({id:"1",displayName:"Test User",displayColor:3,isModerator:!1})}),[]),__jsx(_UserDropdown__WEBPACK_IMPORTED_MODULE_2__.UserDropdown,(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_4__.A)({id:"user-menu"},args))};Example.displayName="Example";var Template=function Template(args){return __jsx(recoil__WEBPACK_IMPORTED_MODULE_1__.bi,null,__jsx(Example,args))};Template.displayName="Template";var ChatEnabled={render:Template,args:{username:"test-user"}};ChatEnabled.parameters={...ChatEnabled.parameters,docs:{...ChatEnabled.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n username: 'test-user'\n }\n}",...ChatEnabled.parameters?.docs?.source}}};const __namedExportsOrder=["ChatEnabled"]},"./components/common/UserDropdown/UserDropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UserDropdown:()=>UserDropdown});var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dropdown=__webpack_require__("./node_modules/antd/es/dropdown/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),es=__webpack_require__("./node_modules/recoil/es/index.js"),react_hotkeys_hook_esm=__webpack_require__("./node_modules/react-hotkeys-hook/dist/react-hotkeys-hook.esm.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),ClientConfigStore=__webpack_require__("./components/stores/ClientConfigStore.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),UserDropdown_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/common/UserDropdown/UserDropdown.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(UserDropdown_module.A,options);const UserDropdown_UserDropdown_module=UserDropdown_module.A&&UserDropdown_module.A.locals?UserDropdown_module.A.locals:void 0;var ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),__jsx=react.createElement,CaretDownOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7997)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/CaretDownOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/CaretDownOutlined.js"]}}}),EditOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(740)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/EditOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/EditOutlined.js"]}}}),LockOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(3191)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/LockOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/LockOutlined.js"]}}}),ShrinkOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7145)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ShrinkOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ShrinkOutlined.js"]}}}),ExpandAltOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5153)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ExpandAltOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ExpandAltOutlined.js"]}}}),MessageOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7437)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/MessageOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/MessageOutlined.js"]}}}),UserOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(1511)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/UserOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/UserOutlined.js"]}}}),Modal=dynamic_default()((function(){return Promise.all([__webpack_require__.e(4241),__webpack_require__.e(8275),__webpack_require__.e(6271)]).then(__webpack_require__.bind(__webpack_require__,"./components/ui/Modal/Modal.tsx")).then((function(mod){return mod.Modal}))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/ui/Modal/Modal.tsx"]}}}),NameChangeModal=dynamic_default()((function(){return Promise.all([__webpack_require__.e(4241),__webpack_require__.e(6897),__webpack_require__.e(6492),__webpack_require__.e(284),__webpack_require__.e(5732),__webpack_require__.e(8)]).then(__webpack_require__.bind(__webpack_require__,"./components/modals/NameChangeModal/NameChangeModal.tsx")).then((function(mod){return mod.NameChangeModal}))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/modals/NameChangeModal/NameChangeModal.tsx"]}}}),AuthModal=dynamic_default()((function(){return Promise.all([__webpack_require__.e(4241),__webpack_require__.e(6897),__webpack_require__.e(9209),__webpack_require__.e(1052),__webpack_require__.e(3184),__webpack_require__.e(9552),__webpack_require__.e(7521)]).then(__webpack_require__.bind(__webpack_require__,"./components/modals/AuthModal/AuthModal.tsx")).then((function(mod){return mod.AuthModal}))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/modals/AuthModal/AuthModal.tsx"]}}}),UserDropdown=function UserDropdown(_ref){var id=_ref.id,_ref$username=_ref.username,defaultUsername=void 0===_ref$username?void 0:_ref$username,_ref$hideTitleOnMobil=_ref.hideTitleOnMobile,hideTitleOnMobile=void 0!==_ref$hideTitleOnMobil&&_ref$hideTitleOnMobil,_ref$showToggleChatOp=_ref.showToggleChatOption,showHideChatOption=void 0===_ref$showToggleChatOp||_ref$showToggleChatOp,_useState=(0,react.useState)(!1),showNameChangeModal=_useState[0],setShowNameChangeModal=_useState[1],_useState2=(0,react.useState)(!1),showAuthModal=_useState2[0],setShowAuthModal=_useState2[1],_useRecoilState=(0,es.L4)(ClientConfigStore.t2),_useRecoilState2=(0,slicedToArray.A)(_useRecoilState,2),chatState=_useRecoilState2[0],setChatState=_useRecoilState2[1],_useState3=(0,react.useState)(null),popupWindow=_useState3[0],setPopupWindow=_useState3[1],appState=(0,es.vc)(ClientConfigStore.uy),toggleChatVisibility=function toggleChatVisibility(){showHideChatOption&&setChatState(chatState===ClientConfigStore.ao.VISIBLE?ClientConfigStore.ao.HIDDEN:ClientConfigStore.ao.VISIBLE)},closeChangeNameModal=function closeChangeNameModal(){setShowNameChangeModal(!1)},closeChatPopup=function closeChatPopup(){popupWindow&&popupWindow.close(),setPopupWindow(null),setChatState(ClientConfigStore.ao.VISIBLE)},canShowHideChat=showHideChatOption&&appState.chatAvailable&&(chatState===ClientConfigStore.ao.HIDDEN||chatState===ClientConfigStore.ao.VISIBLE),canShowChatPopup=showHideChatOption&&appState.chatAvailable&&(chatState===ClientConfigStore.ao.HIDDEN||chatState===ClientConfigStore.ao.VISIBLE||chatState===ClientConfigStore.ao.POPPED_OUT);(0,react_hotkeys_hook_esm.vC)("c",toggleChatVisibility,{enableOnContentEditable:!1},[chatState===ClientConfigStore.ao.VISIBLE]);var currentUser=(0,es.vc)(ClientConfigStore.gN);if(!currentUser)return null;var displayName=currentUser.displayName,username=defaultUsername||displayName,items=[{key:0,icon:__jsx(EditOutlined,null),label:"Change name",onClick:function handleChangeName(){setShowNameChangeModal(!0)}},{key:1,icon:__jsx(LockOutlined,null),label:"Authenticate",onClick:function onClick(){return setShowAuthModal(!0)}}];return canShowHideChat&&items.push({key:3,"aria-expanded":chatState===ClientConfigStore.ao.VISIBLE,className:UserDropdown_UserDropdown_module.chatToggle,icon:__jsx(MessageOutlined,null),label:chatState===ClientConfigStore.ao.VISIBLE?"Hide Chat":"Show Chat",onClick:toggleChatVisibility}),canShowChatPopup&&items.push({key:4,icon:__jsx(popupWindow?ShrinkOutlined:ExpandAltOutlined,null),label:popupWindow?"Put chat back":"Pop out chat",onClick:popupWindow?closeChatPopup:function openChatPopup(){closeChatPopup();var w=window.open("/embed/chat/readwrite","_blank","popup");w.addEventListener("beforeunload",closeChatPopup),setPopupWindow(w),setChatState(ClientConfigStore.ao.POPPED_OUT)}}),__jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"UserDropdown",message:error.message,retryFunction:resetErrorBoundary})}},__jsx("div",{className:UserDropdown_UserDropdown_module.root},__jsx(dropdown.A,{menu:{items},trigger:["click"]},__jsx(es_button.A,{id,type:"primary",icon:__jsx(UserOutlined,{className:UserDropdown_UserDropdown_module.userIcon})},__jsx("span",{className:classnames_default()([UserDropdown_UserDropdown_module.username,hideTitleOnMobile&&UserDropdown_UserDropdown_module.hideTitleOnMobile])},username),__jsx(CaretDownOutlined,null))),__jsx(Modal,{title:"Change Chat Display Name",open:showNameChangeModal,handleCancel:closeChangeNameModal},__jsx(NameChangeModal,{closeModal:closeChangeNameModal})),__jsx(Modal,{title:"Authenticate",open:showAuthModal,handleCancel:function handleCancel(){return setShowAuthModal(!1)}},__jsx(AuthModal,null))))};UserDropdown.displayName="UserDropdown";try{UserDropdown.displayName="UserDropdown",UserDropdown.__docgenInfo={description:"",displayName:"UserDropdown",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},username:{defaultValue:null,description:"",name:"username",required:!1,type:{name:"string"}},hideTitleOnMobile:{defaultValue:{value:"false"},description:"",name:"hideTitleOnMobile",required:!1,type:{name:"boolean"}},showToggleChatOption:{defaultValue:null,description:"",name:"showToggleChatOption",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/common/UserDropdown/UserDropdown.tsx#UserDropdown"]={docgenInfo:UserDropdown.__docgenInfo,name:"UserDropdown",path:"components/common/UserDropdown/UserDropdown.tsx#UserDropdown"})}catch(__react_docgen_typescript_loader_error){}},"./components/ui/ComponentError/ComponentError.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>ComponentError});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/alert/index.js"),antd__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/button/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,openBugReport=function openBugReport(){window.open("https://github.com/owncast/owncast/issues/new?assignees=&labels=&template=bug-report-feature-request.yml","_blank")},ErrorContent=function ErrorContent(_ref){var message=_ref.message,componentName=_ref.componentName,details=_ref.details,canRetry=_ref.canRetry;return __jsx("div",null,__jsx("p",null,"There was an unexpected error. It would be appreciated if you would report this so it can be fixed in the future."),!!canRetry&&__jsx("p",null,"You may optionally retry, however functionality might not work as expected."),__jsx("code",null,__jsx("div",null,message&&"Error: ".concat(message)),__jsx("div",null,"Component: ",componentName),__jsx("div",null,details&&details)))};ErrorContent.displayName="ErrorContent";var ComponentError=function ComponentError(_ref2){var message=_ref2.message,componentName=_ref2.componentName,details=_ref2.details,retryFunction=_ref2.retryFunction;return __jsx(antd__WEBPACK_IMPORTED_MODULE_1__.A,{message:"Error",showIcon:!0,description:__jsx(ErrorContent,{message,details,componentName,canRetry:!!retryFunction}),type:"error",action:__jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,retryFunction&&__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError";try{ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",displayName:"ComponentError",props:{message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string"}},componentName:{defaultValue:null,description:"",name:"componentName",required:!0,type:{name:"string"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},retryFunction:{defaultValue:null,description:"",name:"retryFunction",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/ComponentError/ComponentError.tsx#ComponentError"]={docgenInfo:ComponentError.__docgenInfo,name:"ComponentError",path:"components/ui/ComponentError/ComponentError.tsx#ComponentError"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/common/UserDropdown/UserDropdown.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".sLuCbi6JWiNqVQPBhdkc button{border:none}.sLuCbi6JWiNqVQPBhdkc button .fwkFjxy3LBuWIFgvuzIG .B_VIR2nSMmaB6bBb1Ztn{color:var(--theme-unknown-2)}.sLuCbi6JWiNqVQPBhdkc .j7YrcAYIbeBwlZKoYSg4{display:inline}@media only screen and (width >= 768px){.sLuCbi6JWiNqVQPBhdkc .j7YrcAYIbeBwlZKoYSg4{font-weight:600;font-size:.8rem}}@media only screen and (width <= 481px){.sLuCbi6JWiNqVQPBhdkc .uEX5tsPYIN9doIy15WiW{display:none}}@media only screen and (width <= 768px){.Q06REHxPXOszc5biP0kv{display:none}}","",{version:3,sources:["webpack://./components/common/UserDropdown/UserDropdown.module.scss","webpack://./styles/mixins.scss"],names:[],mappings:"AAGE,6BACE,WAAA,CAGE,yEACE,4BAAA,CAKN,4CACE,cAAA,CCNA,wCDKF,4CAII,eAAA,CACA,eAAA,CAAA,CCGF,wCDCF,4CAEI,YAAA,CAAA,CCTF,wCDcJ,sBAEI,YAAA,CAAA",sourcesContent:["@import '../../../styles/mixins';\n\n.root {\n button {\n border: none;\n\n .ant-space {\n .ant-space-item {\n color: var(--theme-unknown-2);\n }\n }\n }\n\n .username {\n display: inline;\n\n @include screen(desktop) {\n font-weight: 600;\n font-size: 0.8rem;\n }\n }\n\n .hideTitleOnMobile {\n @include screen(mobile) {\n display: none;\n }\n }\n}\n\n.chatToggle {\n @include screen(tablet) {\n display: none;\n }\n}\n","@mixin flexCenter {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n@mixin screen($breakpoint) { \n @if $breakpoint == desktop { \n @media only screen and (width >= 768px) {\n @content;\n }\n }\n\n // tablet will also apply to mobile as there is no cut-off for min-width, however changing this now could break CSS all over the site.\n @if $breakpoint == tablet {\n @media only screen and (width <= 768px) {\n @content;\n }\n }\n\n @if $breakpoint == mobile {\n @media only screen and (width <= 481px) {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"sLuCbi6JWiNqVQPBhdkc",antSpace:"fwkFjxy3LBuWIFgvuzIG",antSpaceItem:"B_VIR2nSMmaB6bBb1Ztn",username:"j7YrcAYIbeBwlZKoYSg4",hideTitleOnMobile:"uEX5tsPYIN9doIy15WiW",chatToggle:"Q06REHxPXOszc5biP0kv"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file +"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[8934],{"./components/common/UserDropdown/UserDropdown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ChatEnabled:()=>ChatEnabled,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),recoil__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/recoil/es/index.js"),_UserDropdown__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/common/UserDropdown/UserDropdown.tsx"),_stores_ClientConfigStore__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/stores/ClientConfigStore.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement;const __WEBPACK_DEFAULT_EXPORT__={title:"owncast/Components/User settings menu",component:_UserDropdown__WEBPACK_IMPORTED_MODULE_2__.UserDropdown,parameters:{}};var Example=function Example(args){var setCurrentUser=(0,recoil__WEBPACK_IMPORTED_MODULE_1__.lZ)(_stores_ClientConfigStore__WEBPACK_IMPORTED_MODULE_3__.gN);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){return setCurrentUser({id:"1",displayName:"Test User",displayColor:3,isModerator:!1})}),[]),__jsx(_UserDropdown__WEBPACK_IMPORTED_MODULE_2__.UserDropdown,(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_4__.A)({id:"user-menu"},args))};Example.displayName="Example";var Template=function Template(args){return __jsx(recoil__WEBPACK_IMPORTED_MODULE_1__.bi,null,__jsx(Example,args))};Template.displayName="Template";var ChatEnabled={render:Template,args:{username:"test-user"}};ChatEnabled.parameters={...ChatEnabled.parameters,docs:{...ChatEnabled.parameters?.docs,source:{originalSource:"{\n render: Template,\n args: {\n username: 'test-user'\n }\n}",...ChatEnabled.parameters?.docs?.source}}};const __namedExportsOrder=["ChatEnabled"]},"./components/common/UserDropdown/UserDropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UserDropdown:()=>UserDropdown});var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),dropdown=__webpack_require__("./node_modules/antd/es/dropdown/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),es=__webpack_require__("./node_modules/recoil/es/index.js"),react_hotkeys_hook_esm=__webpack_require__("./node_modules/react-hotkeys-hook/dist/react-hotkeys-hook.esm.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),react_error_boundary_esm=__webpack_require__("./node_modules/react-error-boundary/dist/react-error-boundary.esm.js"),ClientConfigStore=__webpack_require__("./components/stores/ClientConfigStore.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),UserDropdown_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/common/UserDropdown/UserDropdown.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(UserDropdown_module.A,options);const UserDropdown_UserDropdown_module=UserDropdown_module.A&&UserDropdown_module.A.locals?UserDropdown_module.A.locals:void 0;var ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),__jsx=react.createElement,CaretDownOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7997)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/CaretDownOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/CaretDownOutlined.js"]}}}),EditOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(740)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/EditOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/EditOutlined.js"]}}}),LockOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(3191)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/LockOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/LockOutlined.js"]}}}),ShrinkOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7145)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ShrinkOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ShrinkOutlined.js"]}}}),ExpandAltOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5153)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ExpandAltOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ExpandAltOutlined.js"]}}}),MessageOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7437)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/MessageOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/MessageOutlined.js"]}}}),UserOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(1511)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/UserOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/UserOutlined.js"]}}}),Modal=dynamic_default()((function(){return Promise.all([__webpack_require__.e(4241),__webpack_require__.e(8275),__webpack_require__.e(6271)]).then(__webpack_require__.bind(__webpack_require__,"./components/ui/Modal/Modal.tsx")).then((function(mod){return mod.Modal}))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/ui/Modal/Modal.tsx"]}}}),NameChangeModal=dynamic_default()((function(){return Promise.all([__webpack_require__.e(4241),__webpack_require__.e(6897),__webpack_require__.e(6492),__webpack_require__.e(284),__webpack_require__.e(5732),__webpack_require__.e(8)]).then(__webpack_require__.bind(__webpack_require__,"./components/modals/NameChangeModal/NameChangeModal.tsx")).then((function(mod){return mod.NameChangeModal}))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/modals/NameChangeModal/NameChangeModal.tsx"]}}}),AuthModal=dynamic_default()((function(){return Promise.all([__webpack_require__.e(4241),__webpack_require__.e(6897),__webpack_require__.e(9209),__webpack_require__.e(1052),__webpack_require__.e(3184),__webpack_require__.e(9552),__webpack_require__.e(7521)]).then(__webpack_require__.bind(__webpack_require__,"./components/modals/AuthModal/AuthModal.tsx")).then((function(mod){return mod.AuthModal}))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./components/modals/AuthModal/AuthModal.tsx"]}}}),UserDropdown=function UserDropdown(_ref){var id=_ref.id,_ref$username=_ref.username,defaultUsername=void 0===_ref$username?void 0:_ref$username,_ref$hideTitleOnMobil=_ref.hideTitleOnMobile,hideTitleOnMobile=void 0!==_ref$hideTitleOnMobil&&_ref$hideTitleOnMobil,_ref$showToggleChatOp=_ref.showToggleChatOption,showHideChatOption=void 0===_ref$showToggleChatOp||_ref$showToggleChatOp,_useState=(0,react.useState)(!1),showNameChangeModal=_useState[0],setShowNameChangeModal=_useState[1],_useState2=(0,react.useState)(!1),showAuthModal=_useState2[0],setShowAuthModal=_useState2[1],_useRecoilState=(0,es.L4)(ClientConfigStore.t2),_useRecoilState2=(0,slicedToArray.A)(_useRecoilState,2),chatState=_useRecoilState2[0],setChatState=_useRecoilState2[1],_useState3=(0,react.useState)(null),popupWindow=_useState3[0],setPopupWindow=_useState3[1],appState=(0,es.vc)(ClientConfigStore.uy),toggleChatVisibility=function toggleChatVisibility(){showHideChatOption&&setChatState(chatState===ClientConfigStore.ao.VISIBLE?ClientConfigStore.ao.HIDDEN:ClientConfigStore.ao.VISIBLE)},closeChangeNameModal=function closeChangeNameModal(){setShowNameChangeModal(!1)},closeChatPopup=function closeChatPopup(){popupWindow&&popupWindow.close(),setPopupWindow(null),setChatState(ClientConfigStore.ao.VISIBLE)},canShowHideChat=showHideChatOption&&appState.chatAvailable&&(chatState===ClientConfigStore.ao.HIDDEN||chatState===ClientConfigStore.ao.VISIBLE),canShowChatPopup=showHideChatOption&&appState.chatAvailable&&(chatState===ClientConfigStore.ao.HIDDEN||chatState===ClientConfigStore.ao.VISIBLE||chatState===ClientConfigStore.ao.POPPED_OUT);(0,react_hotkeys_hook_esm.vC)("c",toggleChatVisibility,{enableOnContentEditable:!1},[chatState===ClientConfigStore.ao.VISIBLE]);var currentUser=(0,es.vc)(ClientConfigStore.gN);if(!currentUser)return null;var displayName=currentUser.displayName,username=defaultUsername||displayName,items=[{key:0,icon:__jsx(EditOutlined,null),label:"Change name",onClick:function handleChangeName(){setShowNameChangeModal(!0)}},{key:1,icon:__jsx(LockOutlined,null),label:"Authenticate",onClick:function onClick(){return setShowAuthModal(!0)}}];return canShowHideChat&&items.push({key:3,"aria-expanded":chatState===ClientConfigStore.ao.VISIBLE,className:UserDropdown_UserDropdown_module.chatToggle,icon:__jsx(MessageOutlined,null),label:chatState===ClientConfigStore.ao.VISIBLE?"Hide Chat":"Show Chat",onClick:toggleChatVisibility}),canShowChatPopup&&items.push({key:4,icon:__jsx(popupWindow?ShrinkOutlined:ExpandAltOutlined,null),label:popupWindow?"Put chat back":"Pop out chat",onClick:popupWindow?closeChatPopup:function openChatPopup(){closeChatPopup();var w=window.open("/embed/chat/readwrite","_blank","popup");w.addEventListener("beforeunload",closeChatPopup),setPopupWindow(w),setChatState(ClientConfigStore.ao.POPPED_OUT)}}),__jsx(react_error_boundary_esm.tH,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.O,{componentName:"UserDropdown",message:error.message,retryFunction:resetErrorBoundary})}},__jsx("div",{className:UserDropdown_UserDropdown_module.root},__jsx(dropdown.A,{menu:{items},trigger:["click"]},__jsx(es_button.A,{id,type:"primary",icon:__jsx(UserOutlined,{className:UserDropdown_UserDropdown_module.userIcon})},__jsx("span",{className:classnames_default()([UserDropdown_UserDropdown_module.username,hideTitleOnMobile&&UserDropdown_UserDropdown_module.hideTitleOnMobile])},username),__jsx(CaretDownOutlined,null))),__jsx(Modal,{title:"Change Chat Display Name",open:showNameChangeModal,handleCancel:closeChangeNameModal},__jsx(NameChangeModal,{closeModal:closeChangeNameModal})),__jsx(Modal,{title:"Authenticate",open:showAuthModal,handleCancel:function handleCancel(){return setShowAuthModal(!1)}},__jsx(AuthModal,null))))};UserDropdown.displayName="UserDropdown";try{UserDropdown.displayName="UserDropdown",UserDropdown.__docgenInfo={description:"",displayName:"UserDropdown",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},username:{defaultValue:null,description:"",name:"username",required:!1,type:{name:"string"}},hideTitleOnMobile:{defaultValue:{value:"false"},description:"",name:"hideTitleOnMobile",required:!1,type:{name:"boolean"}},showToggleChatOption:{defaultValue:null,description:"",name:"showToggleChatOption",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/common/UserDropdown/UserDropdown.tsx#UserDropdown"]={docgenInfo:UserDropdown.__docgenInfo,name:"UserDropdown",path:"components/common/UserDropdown/UserDropdown.tsx#UserDropdown"})}catch(__react_docgen_typescript_loader_error){}},"./components/ui/ComponentError/ComponentError.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>ComponentError});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/alert/index.js"),antd__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/button/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,openBugReport=function openBugReport(){window.open("https://github.com/owncast/owncast/issues/new?assignees=&labels=&template=bug-report-feature-request.yml","_blank")},ErrorContent=function ErrorContent(_ref){var message=_ref.message,componentName=_ref.componentName,details=_ref.details,canRetry=_ref.canRetry;return __jsx("div",null,__jsx("p",null,"There was an unexpected error. It would be appreciated if you would report this so it can be fixed in the future."),!!canRetry&&__jsx("p",null,"You may optionally retry, however functionality might not work as expected."),__jsx("code",null,__jsx("div",null,message&&"Error: ".concat(message)),__jsx("div",null,"Component: ",componentName),__jsx("div",null,details&&details)))};ErrorContent.displayName="ErrorContent";var ComponentError=function ComponentError(_ref2){var message=_ref2.message,componentName=_ref2.componentName,details=_ref2.details,retryFunction=_ref2.retryFunction;return __jsx(antd__WEBPACK_IMPORTED_MODULE_1__.A,{message:"Error",showIcon:!0,description:__jsx(ErrorContent,{message,details,componentName,canRetry:!!retryFunction}),type:"error",action:__jsx(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,retryFunction&&__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.A,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError";try{ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",displayName:"ComponentError",props:{message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string"}},componentName:{defaultValue:null,description:"",name:"componentName",required:!0,type:{name:"string"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},retryFunction:{defaultValue:null,description:"",name:"retryFunction",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/ComponentError/ComponentError.tsx#ComponentError"]={docgenInfo:ComponentError.__docgenInfo,name:"ComponentError",path:"components/ui/ComponentError/ComponentError.tsx#ComponentError"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/common/UserDropdown/UserDropdown.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".sLuCbi6JWiNqVQPBhdkc button{border:none}.sLuCbi6JWiNqVQPBhdkc button .fwkFjxy3LBuWIFgvuzIG .B_VIR2nSMmaB6bBb1Ztn{color:var(--theme-unknown-2)}.sLuCbi6JWiNqVQPBhdkc .j7YrcAYIbeBwlZKoYSg4{display:inline}@media only screen and (width >= 768px){.sLuCbi6JWiNqVQPBhdkc .j7YrcAYIbeBwlZKoYSg4{font-weight:600;font-size:.8rem}}@media only screen and (width <= 481px){.sLuCbi6JWiNqVQPBhdkc .uEX5tsPYIN9doIy15WiW{display:none}}@media only screen and (width <= 768px){.Q06REHxPXOszc5biP0kv{display:none}}","",{version:3,sources:["webpack://./components/common/UserDropdown/UserDropdown.module.scss","webpack://./styles/mixins.scss"],names:[],mappings:"AAGE,6BACE,WAAA,CAGE,yEACE,4BAAA,CAKN,4CACE,cAAA,CCNA,wCDKF,4CAII,eAAA,CACA,eAAA,CAAA,CCGF,wCDCF,4CAEI,YAAA,CAAA,CCTF,wCDcJ,sBAEI,YAAA,CAAA",sourcesContent:["@import '../../../styles/mixins';\n\n.root {\n button {\n border: none;\n\n .ant-space {\n .ant-space-item {\n color: var(--theme-unknown-2);\n }\n }\n }\n\n .username {\n display: inline;\n\n @include screen(desktop) {\n font-weight: 600;\n font-size: 0.8rem;\n }\n }\n\n .hideTitleOnMobile {\n @include screen(mobile) {\n display: none;\n }\n }\n}\n\n.chatToggle {\n @include screen(tablet) {\n display: none;\n }\n}\n","@mixin flexCenter {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n@mixin screen($breakpoint) { \n @if $breakpoint == desktop { \n @media only screen and (width >= 768px) {\n @content;\n }\n }\n\n // tablet will also apply to mobile as there is no cut-off for min-width, however changing this now could break CSS all over the site.\n @if $breakpoint == tablet {\n @media only screen and (width <= 768px) {\n @content;\n }\n }\n\n @if $breakpoint == mobile {\n @media only screen and (width <= 481px) {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"sLuCbi6JWiNqVQPBhdkc",antSpace:"fwkFjxy3LBuWIFgvuzIG",antSpaceItem:"B_VIR2nSMmaB6bBb1Ztn",username:"j7YrcAYIbeBwlZKoYSg4",hideTitleOnMobile:"uEX5tsPYIN9doIy15WiW",chatToggle:"Q06REHxPXOszc5biP0kv"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/static/components/config-federation-stories.aa6ed917.iframe.bundle.js b/static/components/config-federation-stories.585d4f8d.iframe.bundle.js similarity index 98% rename from static/components/config-federation-stories.aa6ed917.iframe.bundle.js rename to static/components/config-federation-stories.585d4f8d.iframe.bundle.js index 8895866e9b..1ed53dc4b8 100644 --- a/static/components/config-federation-stories.aa6ed917.iframe.bundle.js +++ b/static/components/config-federation-stories.585d4f8d.iframe.bundle.js @@ -1 +1 @@ -(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[6677,2482],{"./stories/config-federation.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>config_federation_stories});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),modal=__webpack_require__("./node_modules/antd/es/modal/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),typography=__webpack_require__("./node_modules/antd/es/typography/index.js"),es_alert=__webpack_require__("./node_modules/antd/es/alert/index.js"),row=__webpack_require__("./node_modules/antd/es/row/index.js"),col=__webpack_require__("./node_modules/antd/es/col/index.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),es_form=__webpack_require__("./node_modules/antd/es/form/index.js"),input=__webpack_require__("./node_modules/antd/es/input/index.js"),input_number=__webpack_require__("./node_modules/antd/es/input-number/index.js"),__jsx=react.createElement,FormStatusIndicator=function FormStatusIndicator(_ref){var _ref2=_ref.status||{},type=_ref2.type,icon=_ref2.icon,message=_ref2.message,classes=classnames_default()((0,defineProperty.A)((0,defineProperty.A)({"status-container":!0},"status-".concat(type),type),"empty",!message));return __jsx("span",{className:classes},icon?__jsx("span",{className:"status-icon"},icon):null,message?__jsx("span",{className:"status-message"},message):null)};FormStatusIndicator.displayName="FormStatusIndicator";try{FormStatusIndicator.displayName="FormStatusIndicator",FormStatusIndicator.__docgenInfo={description:"",displayName:"FormStatusIndicator",props:{status:{defaultValue:null,description:"",name:"status",required:!0,type:{name:"StatusState"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/FormStatusIndicator.tsx#FormStatusIndicator"]={docgenInfo:FormStatusIndicator.__docgenInfo,name:"FormStatusIndicator",path:"components/admin/FormStatusIndicator.tsx#FormStatusIndicator"})}catch(__react_docgen_typescript_loader_error){}var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),apis=__webpack_require__("./utils/apis.ts"),validators=__webpack_require__("./utils/validators.ts");function postConfigUpdateToAPI(_x){return _postConfigUpdateToAPI.apply(this,arguments)}function _postConfigUpdateToAPI(){return(_postConfigUpdateToAPI=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(args){var apiPath,data,onSuccess,onError,result;return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return apiPath=args.apiPath,data=args.data,onSuccess=args.onSuccess,onError=args.onError,_context.prev=1,_context.next=4,(0,apis.Fd)("".concat(apis.nn).concat(apiPath),{data,method:"POST",auth:!0});case 4:(result=_context.sent).success&&onSuccess?onSuccess(result.message):onError&&onError(result.message),_context.next=11;break;case 8:_context.prev=8,_context.t0=_context.catch(1),onError&&onError(_context.t0.message);case 11:case"end":return _context.stop()}}),_callee,null,[[1,8]])})))).apply(this,arguments)}var TEXTFIELD_PROPS_STREAM_TITLE={apiPath:"/streamtitle",configPath:"instanceDetails",maxLength:100,placeholder:"Doing cool things...",label:"Stream Title",tip:"What is your stream about today?"},FIELD_PROPS_ENABLE_FEDERATION=(validators.vI,validators.vI,validators.vI,{apiPath:"/federation/enable",configPath:"federation",label:"Enable Social Features",tip:"Send and receive activities on the Fediverse.",useSubmit:!0}),FIELD_PROPS_FEDERATION_IS_PRIVATE={apiPath:"/federation/private",configPath:"federation",label:"Private",tip:"Follow requests will require approval and only followers will see your activity.",useSubmit:!0},FIELD_PROPS_SHOW_FEDERATION_ENGAGEMENT={apiPath:"/federation/showengagement",configPath:"showEngagement",label:"Show engagement",tip:"Following, liking and sharing will appear in the chat feed.",useSubmit:!0},TEXTFIELD_PROPS_FEDERATION_LIVE_MESSAGE={apiPath:"/federation/livemessage",configPath:"federation",maxLength:500,placeholder:"My stream has started, tune in!",label:"Now Live message",tip:"The message sent announcing that your live stream has begun. Tags will be automatically added. Leave blank to disable."},TEXTFIELD_PROPS_FEDERATION_DEFAULT_USER={apiPath:"/federation/username",configPath:"federation",maxLength:10,placeholder:"owncast",default:"owncast",label:"Username",tip:'The username used for sending and receiving activities from the Fediverse. For example, if you use "bob" as a username you would send messages to the fediverse from @bob@yourserver. Once people start following your instance you should not change this.\nNote: Username cannot have special characters. '},TEXTFIELD_PROPS_FEDERATION_INSTANCE_URL={apiPath:"/serverurl",configPath:"yp",maxLength:255,placeholder:"https://owncast.mysite.com",label:"Server URL",tip:"The full url to your Owncast server is required to enable social features. Must use SSL (https). Once people start following your instance you should not change this.",type:"url",pattern:validators.vI,useTrim:!0},FIELD_PROPS_FEDERATION_NSFW={apiPath:"/nsfw",configPath:"instanceDetails",label:"Potentially NSFW",tip:"Turn this ON if you plan to stream explicit or adult content so previews of your stream can be marked as potentially sensitive."},FIELD_PROPS_FEDERATION_BLOCKED_DOMAINS_label="Blocked domains",FIELD_PROPS_FEDERATION_BLOCKED_DOMAINS_placeholder="bad.domain.biz",FIELD_PROPS_FEDERATION_BLOCKED_DOMAINS_tip="You can block specific domains from interacting with you.",FRAMERATE_DEFAULTS_min=24,FRAMERATE_DEFAULTS_max=120,FRAMERATE_DEFAULTS_unit="fps",VIDEO_BITRATE_DEFAULTS_min=((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)({},FRAMERATE_DEFAULTS_min,"".concat(FRAMERATE_DEFAULTS_min," ").concat(FRAMERATE_DEFAULTS_unit)),25," "),30," "),50," "),60," "),90," "),FRAMERATE_DEFAULTS_max,"".concat(FRAMERATE_DEFAULTS_max," ").concat(FRAMERATE_DEFAULTS_unit)),(0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)({},FRAMERATE_DEFAULTS_min,"".concat(FRAMERATE_DEFAULTS_min,"fps - Good for film, presentations, music, low power/bandwidth servers.")),25,"25fps - Good for film, presentations, music, low power/bandwidth servers."),30,"30fps - Good for slow/casual games, chat, general purpose."),50,"50fps - Good for fast/action games, sports, HD video."),60,"60fps - Good for fast/action games, sports, HD video."),90,"90fps - Good for newer fast games and hardware."),FRAMERATE_DEFAULTS_max,"".concat(FRAMERATE_DEFAULTS_max,"fps - Experimental, use at your own risk!")),400),VIDEO_BITRATE_DEFAULTS_max=6e3,VIDEO_BITRATE_DEFAULTS_unit="kbps",PASSWORD_COMPLEXITY_RULES=((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)({},VIDEO_BITRATE_DEFAULTS_min,{style:{marginLeft:"24px"},label:"".concat(VIDEO_BITRATE_DEFAULTS_min," ").concat(VIDEO_BITRATE_DEFAULTS_unit)}),3e3,3e3),4500,4500),VIDEO_BITRATE_DEFAULTS_max,{style:{marginLeft:"-10px"},label:"".concat(VIDEO_BITRATE_DEFAULTS_max," ").concat(VIDEO_BITRATE_DEFAULTS_unit)}),validators.vI,validators.vI,[{min:8,message:"- minimum 8 characters"},{max:192,message:"- maximum 192 characters"},{pattern:/^(?=.*[a-z])/,message:"- at least one lowercase letter"},{pattern:/^(?=.*[A-Z])/,message:"- at least one uppercase letter"},{pattern:/\d/,message:"- at least one digit"},{pattern:/^(?=.*?[#?!@$%^&*-])/,message:"- at least one special character: !@#$%^&*"}]),REGEX_PASSWORD=/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[!@#$%^&*]).{8,192}$/;try{postConfigUpdateToAPI.displayName="postConfigUpdateToAPI",postConfigUpdateToAPI.__docgenInfo={description:"",displayName:"postConfigUpdateToAPI",props:{apiPath:{defaultValue:null,description:"",name:"apiPath",required:!0,type:{name:"string"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"object"}},onSuccess:{defaultValue:null,description:"",name:"onSuccess",required:!1,type:{name:"(arg: any) => void"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"(arg: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["utils/config-constants.tsx#postConfigUpdateToAPI"]={docgenInfo:postConfigUpdateToAPI.__docgenInfo,name:"postConfigUpdateToAPI",path:"utils/config-constants.tsx#postConfigUpdateToAPI"})}catch(__react_docgen_typescript_loader_error){}var TextField_jsx=react.createElement,TextField=function TextField(_ref){var className=_ref.className,disabled=_ref.disabled,fieldName=_ref.fieldName,label=_ref.label,maxLength=_ref.maxLength,onBlur=_ref.onBlur,onChange=_ref.onChange,onPressEnter=_ref.onPressEnter,onHandleSubmit=_ref.onHandleSubmit,pattern=_ref.pattern,placeholder=_ref.placeholder,required=_ref.required,status=_ref.status,tip=_ref.tip,type=_ref.type,useTrim=_ref.useTrim,value=_ref.value,hasComplexityRequirements=_ref.hasComplexityRequirements,_useState=(0,react.useState)(!1),hasPwdChanged=_useState[0],setHasPwdChanged=_useState[1],_useState2=(0,react.useState)(!1),showPwdButton=_useState2[0],setShowPwdButton=_useState2[1],_Form$useForm=es_form.A.useForm(),form=(0,slicedToArray.A)(_Form$useForm,1)[0],handleChange=function handleChange(e){if(onChange){var val="numeric"===type?e:e.target.value;setShowPwdButton(!0),hasComplexityRequirements&®EX_PASSWORD.test(val)?setHasPwdChanged(!0):setHasPwdChanged(!1),onChange({fieldName,value:useTrim?val.trim():val})}};(0,react.useEffect)((function(){form.setFieldsValue({inputFieldPassword:value})}),[value]);var handleBlur=function handleBlur(e){var val=e.target.value;onBlur&&onBlur({value:val})},handlePressEnter=function handlePressEnter(){onPressEnter&&onPressEnter()},passwordComplexityRules=[],Field=input.A,fieldProps={};"textarea"===type?(Field=input.A.TextArea,fieldProps={autoSize:!0}):"password"===type?(PASSWORD_COMPLEXITY_RULES.forEach((function(element){passwordComplexityRules.push(element)})),Field=input.A.Password,fieldProps={visibilityToggle:!0}):"numeric"===type?(Field=input_number.A,fieldProps={type:"number",min:1,max:Math.pow(10,maxLength)-1}):"url"===type&&(fieldProps={type:"url",pattern});var fieldId="field-".concat(fieldName),statusType=(status||{}).type,containerClass=classnames_default()((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)({"formfield-container":!0,"textfield-container":!0},"type-".concat(type),!0),"required",required),"status-".concat(statusType),status));return TextField_jsx("div",{className:containerClass},label?TextField_jsx("div",{className:"label-side"},TextField_jsx("label",{htmlFor:fieldId,className:"formfield-label"},label)):null,hasComplexityRequirements?TextField_jsx("div",{className:"input-side"},TextField_jsx("div",{className:"input-group"},TextField_jsx(es_form.A,{name:"basic",form,initialValues:{inputFieldPassword:value},style:{width:"100%"}},TextField_jsx(es_form.A.Item,{name:"inputFieldPassword",rules:passwordComplexityRules},TextField_jsx(input.A.Password,{id:fieldId,className:"field ".concat(className," ").concat(fieldId),onChange:handleChange,onBlur:handleBlur,placeholder,onPressEnter:handlePressEnter,disabled,value})),showPwdButton&&TextField_jsx("div",{style:{display:"flex",flexDirection:"row-reverse"}},TextField_jsx(es_button.A,{type:"primary",size:"small",className:"submit-button",onClick:onHandleSubmit,disabled:!hasPwdChanged},"Update")),TextField_jsx(FormStatusIndicator,{status}),TextField_jsx("p",{className:"field-tip"},tip)))):TextField_jsx("div",{className:"input-side"},TextField_jsx("div",{className:"input-group"},TextField_jsx(Field,(0,esm_extends.A)({id:fieldId,className:"field ".concat(className," ").concat(fieldId)},fieldProps,"numeric"!==type&&{allowClear:!0},{placeholder,maxLength,onChange:handleChange,onBlur:handleBlur,onPressEnter:handlePressEnter,disabled,value}))),TextField_jsx(FormStatusIndicator,{status}),TextField_jsx("p",{className:"field-tip"},tip)))};TextField.displayName="TextField",TextField.defaultProps={className:"",disabled:!1,label:"",maxLength:255,placeholder:"",required:!1,status:null,tip:"",type:"default",value:"",pattern:"",useTrim:!1,useTrimLead:!1,hasComplexityRequirements:!1,onSubmit:function onSubmit(){},onBlur:function onBlur(){},onChange:function onChange(){},onPressEnter:function onPressEnter(){},onHandleSubmit:function onHandleSubmit(){}};try{TextField.displayName="TextField",TextField.__docgenInfo={description:"",displayName:"TextField",props:{fieldName:{defaultValue:null,description:"",name:"fieldName",required:!0,type:{name:"string"}},onSubmit:{defaultValue:{value:"() => {}"},description:"",name:"onSubmit",required:!1,type:{name:"() => void"}},onPressEnter:{defaultValue:{value:"() => {}"},description:"",name:"onPressEnter",required:!1,type:{name:"() => void"}},onHandleSubmit:{defaultValue:{value:"() => {}"},description:"",name:"onHandleSubmit",required:!1,type:{name:"() => void"}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string"}},maxLength:{defaultValue:{value:"255"},description:"",name:"maxLength",required:!1,type:{name:"number"}},pattern:{defaultValue:{value:""},description:"",name:"pattern",required:!1,type:{name:"string"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},required:{defaultValue:{value:"false"},description:"",name:"required",required:!1,type:{name:"boolean"}},status:{defaultValue:{value:"null"},description:"",name:"status",required:!1,type:{name:"StatusState"}},tip:{defaultValue:{value:""},description:"",name:"tip",required:!1,type:{name:"string"}},type:{defaultValue:{value:"default"},description:"",name:"type",required:!1,type:{name:"string"}},useTrim:{defaultValue:{value:"false"},description:"",name:"useTrim",required:!1,type:{name:"boolean"}},useTrimLead:{defaultValue:{value:"false"},description:"",name:"useTrimLead",required:!1,type:{name:"boolean"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"string | number"}},hasComplexityRequirements:{defaultValue:{value:"false"},description:"",name:"hasComplexityRequirements",required:!1,type:{name:"boolean"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"FieldUpdaterFunc"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"FieldUpdaterFunc"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/TextField.tsx#TextField"]={docgenInfo:TextField.__docgenInfo,name:"TextField",path:"components/admin/TextField.tsx#TextField"})}catch(__react_docgen_typescript_loader_error){}var objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),input_statuses_jsx=react.createElement,CheckCircleFilled=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(6036)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/CheckCircleFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/CheckCircleFilled.js"]}}}),ExclamationCircleFilled=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5453)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ExclamationCircleFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ExclamationCircleFilled.js"]}}}),LoadingOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7142)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/LoadingOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/LoadingOutlined.js"]}}}),WarningOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(8086)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/WarningOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/WarningOutlined.js"]}}}),INPUT_STATES=(0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)({},"success",{type:"success",icon:input_statuses_jsx(CheckCircleFilled,{style:{color:"green"}}),message:"Success!"}),"error",{type:"error",icon:input_statuses_jsx(ExclamationCircleFilled,{style:{color:"red"}}),message:"An error occurred."}),"invalid",{type:"invalid",icon:input_statuses_jsx(ExclamationCircleFilled,{style:{color:"red"}}),message:"An error occurred."}),"proessing",{type:"proessing",icon:input_statuses_jsx(LoadingOutlined,null),message:""}),"warning",{type:"warning",icon:input_statuses_jsx(WarningOutlined,{style:{color:"#fc0"}}),message:""});function createInputStatus(type,message){return type&&INPUT_STATES[type]?message?{type,icon:INPUT_STATES[type].icon,message}:INPUT_STATES[type]:null}var console=__webpack_require__("./node_modules/console-browserify/index.js"),server_status_context_jsx=react.createElement;function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r void"}},onPressEnter:{defaultValue:null,description:"",name:"onPressEnter",required:!1,type:{name:"() => void"}},onHandleSubmit:{defaultValue:null,description:"",name:"onHandleSubmit",required:!1,type:{name:"() => void"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number"}},pattern:{defaultValue:null,description:"",name:"pattern",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean"}},status:{defaultValue:null,description:"",name:"status",required:!1,type:{name:"StatusState"}},tip:{defaultValue:null,description:"",name:"tip",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"string"}},useTrim:{defaultValue:null,description:"",name:"useTrim",required:!1,type:{name:"boolean"}},useTrimLead:{defaultValue:null,description:"",name:"useTrimLead",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | number"}},hasComplexityRequirements:{defaultValue:null,description:"",name:"hasComplexityRequirements",required:!1,type:{name:"boolean"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FieldUpdaterFunc"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FieldUpdaterFunc"}},apiPath:{defaultValue:null,description:"",name:"apiPath",required:!0,type:{name:"string"}},configPath:{defaultValue:{value:""},description:"",name:"configPath",required:!1,type:{name:"string"}},initialValue:{defaultValue:{value:""},description:"",name:"initialValue",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/TextFieldWithSubmit.tsx#TextFieldWithSubmit"]={docgenInfo:TextFieldWithSubmit.__docgenInfo,name:"TextFieldWithSubmit",path:"components/admin/TextFieldWithSubmit.tsx#TextFieldWithSubmit"})}catch(__react_docgen_typescript_loader_error){}var es_switch=__webpack_require__("./node_modules/antd/es/switch/index.js"),ToggleSwitch_jsx=react.createElement,ToggleSwitch=function ToggleSwitch(_ref){var apiPath=_ref.apiPath,checked=_ref.checked,_ref$reversed=_ref.reversed,reversed=void 0!==_ref$reversed&&_ref$reversed,_ref$configPath=_ref.configPath,configPath=void 0===_ref$configPath?"":_ref$configPath,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,fieldName=_ref.fieldName,label=_ref.label,tip=_ref.tip,useSubmit=_ref.useSubmit,onChange=_ref.onChange,_useState=(0,react.useState)(null),submitStatus=_useState[0],setSubmitStatus=_useState[1],resetTimer=null,setFieldInConfigState=((0,react.useContext)(ServerStatusContext)||{}).setFieldInConfigState,resetStates=function resetStates(){setSubmitStatus(null),clearTimeout(resetTimer),resetTimer=null},handleChange=function(){var _ref3=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(isChecked){var isCheckedSend;return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(!useSubmit){_context.next=6;break}return setSubmitStatus(createInputStatus("proessing")),isCheckedSend=reversed?!isChecked:isChecked,_context.next=5,postConfigUpdateToAPI({apiPath,data:{value:isCheckedSend},onSuccess:function onSuccess(){setFieldInConfigState({fieldName,value:isCheckedSend,path:configPath}),setSubmitStatus(createInputStatus("success"))},onError:function onError(message){setSubmitStatus(createInputStatus("error","There was an error: ".concat(message)))}});case 5:resetTimer=setTimeout(resetStates,3e3);case 6:onChange&&onChange(isChecked);case 7:case"end":return _context.stop()}}),_callee)})));return function handleChange(_x){return _ref3.apply(this,arguments)}}(),loading=null!==submitStatus&&"proessing"===submitStatus.type;return ToggleSwitch_jsx("div",{className:"formfield-container toggleswitch-container"},label&&ToggleSwitch_jsx("div",{className:"label-side"},ToggleSwitch_jsx("span",{className:"formfield-label"},label)),ToggleSwitch_jsx("div",{className:"input-side"},ToggleSwitch_jsx("div",{className:"input-group"},ToggleSwitch_jsx(es_switch.A,{className:"switch field-".concat(fieldName),loading,onChange:handleChange,defaultChecked:checked,checked,checkedChildren:"ON",unCheckedChildren:"OFF",disabled}),ToggleSwitch_jsx(FormStatusIndicator,{status:submitStatus})),ToggleSwitch_jsx("p",{className:"field-tip"},tip)))};ToggleSwitch.displayName="ToggleSwitch",ToggleSwitch.defaultProps={apiPath:"",checked:!1,reversed:!1,configPath:"",disabled:!1,label:"",tip:"",useSubmit:!1,onChange:null};try{ToggleSwitch.displayName="ToggleSwitch",ToggleSwitch.__docgenInfo={description:"",displayName:"ToggleSwitch",props:{fieldName:{defaultValue:null,description:"",name:"fieldName",required:!0,type:{name:"string"}},apiPath:{defaultValue:{value:""},description:"",name:"apiPath",required:!1,type:{name:"string"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},reversed:{defaultValue:{value:"false"},description:"",name:"reversed",required:!1,type:{name:"boolean"}},configPath:{defaultValue:{value:""},description:"",name:"configPath",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string"}},tip:{defaultValue:{value:""},description:"",name:"tip",required:!1,type:{name:"string"}},useSubmit:{defaultValue:{value:"false"},description:"",name:"useSubmit",required:!1,type:{name:"boolean"}},onChange:{defaultValue:{value:"null"},description:"",name:"onChange",required:!1,type:{name:"(arg: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/ToggleSwitch.tsx#ToggleSwitch"]={docgenInfo:ToggleSwitch.__docgenInfo,name:"ToggleSwitch",path:"components/admin/ToggleSwitch.tsx#ToggleSwitch"})}catch(__react_docgen_typescript_loader_error){}var es_tag=__webpack_require__("./node_modules/antd/es/tag/index.js"),EditValueArray_jsx=react.createElement,Title=typography.A.Title,EditValueArray=function EditValueArray(_ref){var title=_ref.title,description=_ref.description,placeholder=_ref.placeholder,maxLength=_ref.maxLength,values=_ref.values,handleDeleteIndex=_ref.handleDeleteIndex,handleCreateString=_ref.handleCreateString,submitStatus=_ref.submitStatus,continuousStatusMessage=_ref.continuousStatusMessage,_useState=(0,react.useState)(""),newStringInput=_useState[0],setNewStringInput=_useState[1];return EditValueArray_jsx("div",{className:"edit-string-array-container"},EditValueArray_jsx(Title,{level:3,className:"section-title"},title),EditValueArray_jsx("p",{className:"description"},description),EditValueArray_jsx("div",{className:"edit-current-strings"},null==values?void 0:values.map((function(tag,index){return EditValueArray_jsx(es_tag.A,{closable:!0,onClose:function handleClose(){handleDeleteIndex(index)},color:"#5a67d8",key:"tag-".concat(tag,"-").concat(index)},tag)}))),continuousStatusMessage&&EditValueArray_jsx("div",{className:"continuous-status-section"},EditValueArray_jsx(FormStatusIndicator,{status:continuousStatusMessage})),EditValueArray_jsx("div",{className:"add-new-string-section"},EditValueArray_jsx(TextField,{fieldName:"string-input",value:newStringInput,onChange:function handleInputChange(_ref2){var value=_ref2.value;setNewStringInput(value)},onPressEnter:function handleSubmitNewString(){var newString=newStringInput.trim();handleCreateString(newString),setNewStringInput("")},maxLength,placeholder,status:submitStatus})))};EditValueArray.displayName="EditValueArray",EditValueArray.defaultProps={maxLength:50,description:null,submitStatus:null,continuousStatusMessage:null};try{EditValueArray.displayName="EditValueArray",EditValueArray.__docgenInfo={description:"",displayName:"EditValueArray",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:{value:"null"},description:"",name:"description",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!0,type:{name:"string"}},maxLength:{defaultValue:{value:"50"},description:"",name:"maxLength",required:!1,type:{name:"number"}},values:{defaultValue:null,description:"",name:"values",required:!0,type:{name:"string[]"}},submitStatus:{defaultValue:{value:"null"},description:"",name:"submitStatus",required:!1,type:{name:"StatusState"}},continuousStatusMessage:{defaultValue:{value:"null"},description:"",name:"continuousStatusMessage",required:!1,type:{name:"StatusState"}},handleDeleteIndex:{defaultValue:null,description:"",name:"handleDeleteIndex",required:!0,type:{name:"(index: number) => void"}},handleCreateString:{defaultValue:null,description:"",name:"handleCreateString",required:!0,type:{name:"(arg: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/EditValueArray.tsx#EditValueArray"]={docgenInfo:EditValueArray.__docgenInfo,name:"EditValueArray",path:"components/admin/EditValueArray.tsx#EditValueArray"})}catch(__react_docgen_typescript_loader_error){}var alert_message_context_jsx=react.createElement,AlertMessageContext=react.createContext({message:null,setMessage:function setMessage(_text){return null}}),AlertMessageProvider=function AlertMessageProvider(_ref){var children=_ref.children,_useState=(0,react.useState)(""),providerValue={message:_useState[0],setMessage:_useState[1]};return alert_message_context_jsx(AlertMessageContext.Provider,{value:providerValue},children)};AlertMessageProvider.displayName="AlertMessageProvider";const alert_message_context=AlertMessageProvider;try{alertmessagecontext.displayName="alertmessagecontext",alertmessagecontext.__docgenInfo={description:"",displayName:"alertmessagecontext",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["utils/alert-message-context.tsx#alertmessagecontext"]={docgenInfo:alertmessagecontext.__docgenInfo,name:"alertmessagecontext",path:"utils/alert-message-context.tsx#alertmessagecontext"})}catch(__react_docgen_typescript_loader_error){}var next_link=__webpack_require__("./node_modules/next/link.js"),link_default=__webpack_require__.n(next_link),head=__webpack_require__("./node_modules/next/head.js"),head_default=__webpack_require__.n(head),differenceInSeconds=__webpack_require__("./node_modules/date-fns/differenceInSeconds.mjs"),next_router=__webpack_require__("./node_modules/next/router.js"),layout=__webpack_require__("./node_modules/antd/es/layout/index.js"),menu=__webpack_require__("./node_modules/antd/es/menu/index.js"),space=__webpack_require__("./node_modules/antd/es/space/index.js"),tooltip=__webpack_require__("./node_modules/antd/es/tooltip/index.js"),format=__webpack_require__("./utils/format.ts"),OwncastLogo=__webpack_require__("./components/common/OwncastLogo/OwncastLogo.tsx"),ComposeFederatedPost_console=__webpack_require__("./node_modules/console-browserify/index.js"),ComposeFederatedPost_jsx=react.createElement,TextArea=input.A.TextArea,ComposeFederatedPost=function ComposeFederatedPost(_ref){var open=_ref.open,handleClose=_ref.handleClose,_useState=(0,react.useState)(""),content=_useState[0],setContent=_useState[1],_useState2=(0,react.useState)(!1),postPending=_useState2[0],setPostPending=_useState2[1],_useState3=(0,react.useState)(null),postSuccessState=_useState3[0],setPostSuccessState=_useState3[1];function close(){setPostPending(!1),setPostSuccessState(null),handleClose()}function _sendButtonClicked(){return(_sendButtonClicked=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(){var data;return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setPostPending(!0),data={value:content},_context.prev=2,_context.next=5,(0,apis.Fd)(apis.D0,{data,method:"POST",auth:!0});case 5:setPostSuccessState("success"),setTimeout(close,1e3),_context.next=13;break;case 9:_context.prev=9,_context.t0=_context.catch(2),ComposeFederatedPost_console.error(_context.t0),setPostSuccessState("error");case 13:setPostPending(!1);case 14:case"end":return _context.stop()}}),_callee,null,[[2,9]])})))).apply(this,arguments)}return ComposeFederatedPost_jsx(modal.A,{destroyOnClose:!0,width:600,title:"Post to Followers",open,onCancel:handleClose,footer:[ComposeFederatedPost_jsx(es_button.A,{onClick:function onClick(){return handleClose()}},"Cancel"),ComposeFederatedPost_jsx(es_button.A,{type:"primary",onClick:function sendButtonClicked(){return _sendButtonClicked.apply(this,arguments)},disabled:postPending||postSuccessState,loading:postPending},(null==postSuccessState?void 0:postSuccessState.toUpperCase())||"Post")]},ComposeFederatedPost_jsx("h3",null,"Tell the world about your future streaming plans or let your followers know to tune in."),ComposeFederatedPost_jsx(TextArea,{placeholder:"I'm still live, come join me!",size:"large",showCount:!0,maxLength:500,style:{height:"150px",width:"100%"},onChange:function handleEditorChange(e){setContent(e.target.value)}}))};ComposeFederatedPost.displayName="ComposeFederatedPost";try{ComposeFederatedPost.displayName="ComposeFederatedPost",ComposeFederatedPost.__docgenInfo={description:"",displayName:"ComposeFederatedPost",props:{open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}},handleClose:{defaultValue:null,description:"",name:"handleClose",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/ComposeFederatedPost.tsx#ComposeFederatedPost"]={docgenInfo:ComposeFederatedPost.__docgenInfo,name:"ComposeFederatedPost",path:"components/admin/ComposeFederatedPost.tsx#ComposeFederatedPost"})}catch(__react_docgen_typescript_loader_error){}var FatalErrorStateModal=__webpack_require__("./components/modals/FatalErrorStateModal/FatalErrorStateModal.tsx"),MainLayout_console=__webpack_require__("./node_modules/console-browserify/index.js"),MainLayout_jsx=react.createElement,SettingOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(3002)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/SettingOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/SettingOutlined.js"]}}}),HomeOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(4523)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/HomeOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/HomeOutlined.js"]}}}),LineChartOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(8644)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/LineChartOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/LineChartOutlined.js"]}}}),ToolOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(4614)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ToolOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ToolOutlined.js"]}}}),PlayCircleFilled=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7016)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/PlayCircleFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/PlayCircleFilled.js"]}}}),MinusSquareFilled=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(511)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/MinusSquareFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/MinusSquareFilled.js"]}}}),QuestionCircleOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(1516)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/QuestionCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/QuestionCircleOutlined.js"]}}}),MessageOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7437)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/MessageOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/MessageOutlined.js"]}}}),ExperimentOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(4311)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ExperimentOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ExperimentOutlined.js"]}}}),EditOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(740)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/EditOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/EditOutlined.js"]}}}),FediverseOutlined=dynamic_default()((function(){return __webpack_require__.e(4291).then(__webpack_require__.bind(__webpack_require__,"./assets/images/icons/fediverse.svg"))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./assets/images/icons/fediverse.svg"]}}}),MainLayout=function MainLayout(_ref){var children=_ref.children,_ref2=(0,react.useContext)(ServerStatusContext)||{},serverConfig=_ref2.serverConfig,online=_ref2.online,broadcaster=_ref2.broadcaster,versionNumber=_ref2.versionNumber,serverError=_ref2.error,instanceDetails=serverConfig.instanceDetails,chatDisabled=serverConfig.chatDisabled,federationEnabled=serverConfig.federation.enabled,_useState=(0,react.useState)(""),currentStreamTitle=_useState[0],setCurrentStreamTitle=_useState[1],_useState2=(0,react.useState)(!1),postModalDisplayed=_useState2[0],setPostModalDisplayed=_useState2[1],alertMessage=(0,react.useContext)(AlertMessageContext),route=((0,next_router.useRouter)()||{}).route,Header=layout.A.Header,Footer=layout.A.Footer,Content=layout.A.Content,Sider=layout.A.Sider,_useState3=(0,react.useState)(""),upgradeVersion=_useState3[0],setUpgradeVersion=_useState3[1],checkForUpgrade=function(){var _ref4=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(){var result;return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.prev=0,_context.next=3,(0,apis.e0)(versionNumber);case 3:result=_context.sent,setUpgradeVersion(result),_context.next=10;break;case 7:_context.prev=7,_context.t0=_context.catch(0),MainLayout_console.log("==== error",_context.t0);case 10:case"end":return _context.stop()}}),_callee,null,[[0,7]])})));return function checkForUpgrade(){return _ref4.apply(this,arguments)}}();(0,react.useEffect)((function(){checkForUpgrade()}),[versionNumber]),(0,react.useEffect)((function(){setCurrentStreamTitle(instanceDetails.streamTitle)}),[instanceDetails]);var appClass=classnames_default()({"app-container":!0,online}),upgradeVersionString="".concat(upgradeVersion)||"",upgradeMessage="Upgrade to v".concat(upgradeVersionString),openMenuItems=upgradeVersion?["utilities-menu"]:[],headerAlertMessage=alertMessage.message?MainLayout_jsx(es_alert.A,{message:alertMessage.message,afterClose:function clearAlertMessage(){alertMessage.setMessage(null)},banner:!0,closable:!0}):null,streamDurationString=broadcaster?(0,format.RW)((0,differenceInSeconds.O)(new Date,new Date(broadcaster.time))):"",statusIcon=MainLayout_jsx(online?PlayCircleFilled:MinusSquareFilled,null),statusMessage=online?"Online ".concat(streamDurationString):"Offline",statusIndicator=MainLayout_jsx("div",{className:"online-status-indicator"},MainLayout_jsx("span",{className:"status-label"},statusMessage),MainLayout_jsx("span",{className:"status-icon"},statusIcon)),integrationsMenu=[{label:MainLayout_jsx(link_default(),{href:"/admin/webhooks"},"Webhooks"),key:"/admin/webhooks"},{label:MainLayout_jsx(link_default(),{href:"/admin/access-tokens"},"Access Tokens"),key:"/admin/access-tokens"},{label:MainLayout_jsx(link_default(),{href:"/admin/actions"},"External Actions"),key:"/admin/actions"}],chatMenu=[{label:MainLayout_jsx(link_default(),{href:"/admin/chat/messages"},"Messages"),key:"/admin/chat/messages"},{label:MainLayout_jsx(link_default(),{href:"/admin/chat/users"},"Users"),key:"/admin/chat/users"},{label:MainLayout_jsx(link_default(),{href:"/admin/chat/emojis"},"Emojis"),key:"/admin/chat/emojis"}],utilitiesMenu=[{label:MainLayout_jsx(link_default(),{href:"/admin/hardware-info"},"Hardware"),key:"/admin/hardware-info"},{label:MainLayout_jsx(link_default(),{href:"/admin/stream-health"},"Stream Health"),key:"/admin/stream-health"},{label:MainLayout_jsx(link_default(),{href:"/admin/logs"},"Logs"),key:"/admin/logs"},federationEnabled&&{label:MainLayout_jsx(link_default(),{href:"/admin/federation/actions"},"Social Actions"),key:"/admin/federation/actions"}],configurationMenu=[{label:MainLayout_jsx(link_default(),{href:"/admin/config/general"},"General"),key:"/admin/config/general"},{label:MainLayout_jsx(link_default(),{href:"/admin/config/server"},"Server Setup"),key:"/admin/config/server"},{label:MainLayout_jsx(link_default(),{href:"/admin/config-video"},"Video"),key:"/admin/config-video"},{label:MainLayout_jsx(link_default(),{href:"/admin/config-chat"},"Chat"),key:"/admin/config-chat"},{label:MainLayout_jsx(link_default(),{href:"/admin/config-federation"},"Social"),key:"/admin/config-federation"},{label:MainLayout_jsx(link_default(),{href:"/admin/config-notify"},"Notifications"),key:"/admin/config-notify"}],menuItems=[{label:MainLayout_jsx(link_default(),{href:"/admin"},"Home"),icon:MainLayout_jsx(HomeOutlined,null),key:"/admin"},{label:MainLayout_jsx(link_default(),{href:"/admin/viewer-info"},"Viewers"),icon:MainLayout_jsx(LineChartOutlined,null),key:"/admin/viewer-info"},!chatDisabled&&{label:MainLayout_jsx("span",null,"Chat & Users"),icon:MainLayout_jsx(MessageOutlined,null),children:chatMenu,key:"chat-and-users"},federationEnabled&&{key:"/admin/federation/followers",label:MainLayout_jsx(link_default(),{href:"/admin/federation/followers"},"Followers"),icon:MainLayout_jsx("span",{role:"img","aria-label":"message",className:"anticon anticon-message ant-menu-item-icon"},MainLayout_jsx(FediverseOutlined,null))},{key:"configuration",label:"Configuration",icon:MainLayout_jsx(SettingOutlined,null),children:configurationMenu},{key:"utilities",label:"Utilities",icon:MainLayout_jsx(ToolOutlined,null),children:utilitiesMenu},{key:"integrations",label:"Integrations",icon:MainLayout_jsx(ExperimentOutlined,null),children:integrationsMenu},upgradeVersion&&{key:"/admin/upgrade",label:MainLayout_jsx(link_default(),{href:"/admin/upgrade"},upgradeMessage)},{key:"/admin/help",label:MainLayout_jsx(link_default(),{href:"/admin/help"},"Help"),icon:MainLayout_jsx(QuestionCircleOutlined,null)}],_useState4=(0,react.useState)(openMenuItems),openKeys=_useState4[0],setOpenKeys=_useState4[1];return(0,react.useEffect)((function(){menuItems.forEach((function(item){var _item$children;return null==item||null===(_item$children=item.children)||void 0===_item$children?void 0:_item$children.forEach((function(child){(null==child?void 0:child.key)===route&&setOpenKeys([].concat(openMenuItems,[item.key]))}))}))}),[]),MainLayout_jsx(layout.A,{id:"admin-page",className:appClass},MainLayout_jsx(head_default(),null,MainLayout_jsx("title",null,"Owncast Admin"),MainLayout_jsx("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/img/favicon/favicon-32x32.png"})),"OWNCAST_SERVICE_UNREACHABLE"===(null==serverError?void 0:serverError.type)&&MainLayout_jsx(FatalErrorStateModal.FatalErrorStateModal,{title:"Server Unreachable",message:serverError.msg}),MainLayout_jsx(Sider,{width:240,className:"side-nav"},MainLayout_jsx("h1",{className:"owncast-title"},MainLayout_jsx("span",{className:"logo-container"},MainLayout_jsx(OwncastLogo.N,{variant:"simple"})),MainLayout_jsx("span",{className:"title-label"},"Owncast Admin")),MainLayout_jsx(menu.A,{mode:"inline",className:"menu-container",items:menuItems,selectedKeys:[route||"/admin"],openKeys,onOpenChange:function onOpenChange(keys){setOpenKeys(keys)}})),MainLayout_jsx(layout.A,{className:"layout-main"},MainLayout_jsx(Header,{className:"layout-header"},MainLayout_jsx(space.A,{direction:"horizontal"},MainLayout_jsx(tooltip.A,{title:"Compose post to your social followers"},MainLayout_jsx(es_button.A,{type:"link",icon:MainLayout_jsx(EditOutlined,null),size:"small",onClick:function handleCreatePostButtonPressed(){setPostModalDisplayed(!0)},style:{display:federationEnabled?"block":"none",margin:"10px"}},"Compose Post"))),MainLayout_jsx("div",{className:"global-stream-title-container"},MainLayout_jsx(TextFieldWithSubmit,(0,esm_extends.A)({fieldName:"streamTitle"},TEXTFIELD_PROPS_STREAM_TITLE,{placeholder:"What are you streaming now? (Stream title)",value:currentStreamTitle,initialValue:instanceDetails.streamTitle,onChange:function handleStreamTitleChanged(_ref5){var value=_ref5.value;setCurrentStreamTitle(value)}}))),MainLayout_jsx(space.A,{direction:"horizontal"},statusIndicator)),headerAlertMessage,MainLayout_jsx(Content,{className:"main-content-container"},children),MainLayout_jsx(Footer,{className:"footer-container"},MainLayout_jsx("a",{href:"https://owncast.online/?source=admin",target:"_blank",rel:"noopener noreferrer"},"About Owncast v",versionNumber))),MainLayout_jsx(ComposeFederatedPost,{open:postModalDisplayed,handleClose:function handleClose(){return setPostModalDisplayed(!1)}}))};MainLayout.displayName="MainLayout";try{MainLayout.displayName="MainLayout",MainLayout.__docgenInfo={description:"",displayName:"MainLayout",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/MainLayout.tsx#MainLayout"]={docgenInfo:MainLayout.__docgenInfo,name:"MainLayout",path:"components/admin/MainLayout.tsx#MainLayout"})}catch(__react_docgen_typescript_loader_error){}var AdminLayout_jsx=react.createElement,AdminLayout=function AdminLayout(_ref){var page=_ref.page;return AdminLayout_jsx(react.Fragment,null,AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/main-layout.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/form-textfields.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/config-socialhandles.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/config-storage.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/config-edit-string-tags.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/config-video-variants.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/config-public-details.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/home.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/chat.css"}),AdminLayout_jsx(server_status_context,null,AdminLayout_jsx(alert_message_context,null,AdminLayout_jsx(MainLayout,null,page))))};try{AdminLayout.displayName="AdminLayout",AdminLayout.__docgenInfo={description:"",displayName:"AdminLayout",props:{page:{defaultValue:null,description:"",name:"page",required:!0,type:{name:"ReactElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/layouts/AdminLayout.tsx#AdminLayout"]={docgenInfo:AdminLayout.__docgenInfo,name:"AdminLayout",path:"components/layouts/AdminLayout.tsx#AdminLayout"})}catch(__react_docgen_typescript_loader_error){}var config_federation_console=__webpack_require__("./node_modules/console-browserify/index.js"),config_federation_jsx=react.createElement;function config_federation_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function config_federation_objectSpread(e){for(var r=1;r ",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"./components/common/OwncastLogo/OwncastLogo.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>OwncastLogo});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),OwncastLogo_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/common/OwncastLogo/OwncastLogo.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(OwncastLogo_module.A,options);const OwncastLogo_OwncastLogo_module=OwncastLogo_module.A&&OwncastLogo_module.A.locals?OwncastLogo_module.A.locals:void 0;var __jsx=react.createElement,OwncastLogo=function OwncastLogo(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"simple":_ref$variant,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,rootClassName=classnames_default()(OwncastLogo_OwncastLogo_module.root,(0,defineProperty.A)((0,defineProperty.A)({},OwncastLogo_OwncastLogo_module.simple,"simple"===variant),OwncastLogo_OwncastLogo_module.contrast,"contrast"===variant));return __jsx("div",{className:"".concat(rootClassName," ").concat(className)},__jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 95.68623352050781 104.46271514892578",className:"logo-svg"},__jsx("g",{transform:"matrix(1 0 0 1 -37.08803939819336 -18.940391540527344)"},__jsx("g",null,__jsx("g",null,__jsx("g",null,__jsx("g",{transform:"matrix(1.0445680396949917 0 0 1.0445679172996596 36.34559138380523 18.877718021903796)"},__jsx("g",{transform:"matrix(1 0 0 1 0 0)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient120",gradientTransform:"rotate(-90 .5 .5)"},__jsx("stop",{offset:"0",stopColor:"#1f2022",stopOpacity:"1"}),__jsx("stop",{offset:"1",stopColor:"#635e69",stopOpacity:"1"}))),__jsx("path",{fill:"url(#gradient120)",d:"M91.5 75.35Q93.05 71.15 91.65 67.7 90.35 64.5 86.65 62.3 83.2 60.3 78.3 59.4 73.85 58.6 68.6 58.7 63.55 58.85 58.8 59.8 54.25 60.75 50.8 62.2 47.4 63.65 45.5 65.35 43.6 67.15 43.5 69.05 43.35 71.3 45.8 73.9 48.05 76.3 52.1 78.6 56.15 80.9 61.05 82.55 66.3 84.3 71.4 84.8 74.7 85.1 77.55 84.9 80.65 84.6 83.3 83.6 86.15 82.5 88.15 80.55 90.4 78.4 91.5 75.35M70.6 67.5Q72.3 68.4 73.1 69.7 73.9 71.15 73.45 73 73.1 74.3 72.3 75.25 71.55 76.1 70.3 76.6 69.25 77.05 67.75 77.25 66.3 77.4 64.85 77.3 62.3 77.15 59.25 76.3 56.6 75.5 54.15 74.3 51.9 73.2 50.45 72 49.05 70.75 49.1 69.8 49.2 69 50.25 68.25 51.3 67.55 53.15 67 55 66.4 57.25 66.1 59.8 65.8 62.1 65.8 64.65 65.85 66.7 66.2 68.9 66.65 70.6 67.5Z"})),__jsx("g",{transform:"matrix(1 0 0 1 0 0)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient121",gradientTransform:"rotate(-180 .5 .5)"},__jsx("stop",{offset:"0",stopColor:"#2087e2",stopOpacity:"1"}),__jsx("stop",{offset:"1",stopColor:"#b63fff",stopOpacity:"1"}))),__jsx("path",{fill:"url(#gradient121)",d:"M66.6 15.05Q66.4 9.65 63.9 6.05 61.25 2.1 56.1 0.65 54.95 0.3 53.65 0.15 52.5 0 51.3 0.1 50.2 0.1 49.1 0.35 48.15 0.55 47 1 43.3 2.45 40.3 6.1 37.5 9.4 35.5 14.3 33.75 18.45 32.7 23.4 31.7 28.05 31.35 32.85 31.05 37.2 31.3 41.2 31.6 45.15 32.4 48.35 34 54.9 37.3 56.4 37.6 56.55 37.9 56.65L39.2 56.85Q39.45 56.85 39.95 56.8 42.05 56.6 44.7 55.05 47.25 53.5 50.05 50.8 53.05 47.9 55.85 44.05 58.8 40.05 61.1 35.6 63.8 30.35 65.25 25.3 66.75 19.75 66.6 15.05M47.55 23.15Q48.05 23.25 48.4 23.4 52.45 24.8 52.55 29.85 52.6 34 50 39.4 47.85 43.9 44.85 47.3 42.05 50.5 40.15 50.7L39.9 50.75 39.45 50.7 39.2 50.6Q37.8 49.95 37.25 46.35 36.7 42.7 37.3 38 37.95 32.75 39.75 28.8 41.9 24.1 45.05 23.25 45.6 23.1 45.85 23.1 46.25 23.05 46.65 23.05 47.05 23.05 47.55 23.15Z"})),__jsx("g",{transform:"matrix(1 0 0 1 0 0)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient122",gradientTransform:"rotate(-90 .5 .5)"},__jsx("stop",{offset:"0",stopColor:"#100f0f",stopOpacity:"1"}),__jsx("stop",{offset:"1",stopColor:"#49261F",stopOpacity:"1"}))),__jsx("path",{fill:"url(#gradient122)",d:"M2.7 33.6Q2.1 34.4 1.7 35.35 1.25 36.5 1.05 37.7 0 42.6 2.2 47.2 4 51 8 54.35 11.55 57.3 16 59.15 20.5 61 23.85 60.85 24.5 60.85 25.25 60.7 26 60.55 26.5 60.3 27 60.05 27.45 59.65 27.9 59.25 28.15 58.75 29.35 56.45 27.5 51.65 25.6 47 21.75 42.1 17.75 37 13.4 34.05 8.7 30.9 5.45 31.7 4.65 31.9 3.95 32.4 3.25 32.85 2.7 33.6M10.1 43.55Q10.35 43.1 10.6 42.85 10.85 42.6 11.2 42.4 11.6 42.25 11.9 42.2 13.5 41.9 15.95 43.6 18.15 45.05 20.35 47.7 22.35 50.1 23.55 52.4 24.7 54.75 24.25 55.7 24.15 55.9 24 56 23.85 56.2 23.65 56.25 23.55 56.35 23.25 56.4L22.7 56.5Q21.1 56.6 18.55 55.6 16.05 54.6 13.85 52.95 11.5 51.2 10.35 49.15 9.05 46.8 9.75 44.45 9.9 43.95 10.1 43.55Z"})),__jsx("g",{transform:"matrix(1 0 0 1 0 0)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient123",gradientTransform:"rotate(-180 .5 .5)"},__jsx("stop",{offset:"0",stopColor:"#222020",stopOpacity:"1"}),__jsx("stop",{offset:"1",stopColor:"#49261F",stopOpacity:"1"}))),__jsx("path",{fill:"url(#gradient123)",d:"M34.95 74.2L34.75 74.2Q33.2 74.15 31.9 75.25 30.7 76.3 29.85 78.25 29.1 80 28.8 82.2 28.5 84.4 28.7 86.65 29.1 91.4 31.5 94.7 34.3 98.5 39.3 99.7L39.4 99.7 39.7 99.8 39.85 99.8Q45.3 100.85 47.15 97.75 48 96.3 48 94.05 47.95 91.9 47.2 89.35 46.45 86.75 45.1 84.15 43.75 81.5 42.05 79.35 40.25 77.1 38.45 75.75 36.55 74.35 34.95 74.2M33.55 80.4Q34.35 78.2 35.6 78.3L35.65 78.3Q36.9 78.45 38.6 80.9 40.3 83.35 41.15 86.05 42.1 89 41.55 90.75 40.9 92.6 38.35 92.25L38.3 92.25 38.25 92.2 38.1 92.2Q35.6 91.7 34.25 89.6 33.1 87.7 32.95 85 32.8 82.35 33.55 80.4Z"})),__jsx("g",{transform:"matrix(0.9999999999999999 0 0 1 0 5.684341886080802e-14)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient124",gradientTransform:"rotate(-180 .5 .5)"}," ",__jsx("stop",{offset:"0",stopColor:"#1e1c1c",stopOpacity:"1"}),__jsx("stop",{offset:"1",stopColor:"#49261F",stopOpacity:"1"}))),__jsx("path",{fill:"url(#gradient124)",d:"M22.7 69.65Q22.25 69.3 21.6 69.05 20.95 68.8 20.25 68.7 19.6 68.55 18.85 68.5 16.7 68.45 14.65 69.15 12.65 69.8 11.4 71.1 10.15 72.5 10.2 74.2 10.25 76.05 11.95 78.2 12.4 78.75 13.05 79.4 13.55 79.9 14.2 80.3 14.7 80.6 15.3 80.85 16 81.1 16.4 81.1 18.2 81.35 19.9 80.35 21.55 79.4 22.75 77.65 24 75.85 24.3 73.95 24.6 71.85 23.55 70.5 23.15 70 22.7 69.65M21.7 71.7Q22.15 72.3 21.9 73.3 21.7 74.25 21 75.25 20.3 76.2 19.4 76.75 18.45 77.35 17.55 77.25L17 77.15Q16.7 77.05 16.45 76.85 16.25 76.75 15.9 76.45 15.7 76.25 15.4 75.9 14.5 74.75 14.7 73.8 14.8 72.95 15.75 72.3 16.6 71.7 17.8 71.4 19 71.1 20.1 71.15L20.65 71.2 21.1 71.3Q21.3 71.4 21.45 71.5L21.7 71.7Z"})),__jsx("g",{transform:"matrix(1 0 0 1 0 0)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient125",gradientTransform:"rotate(-360 .5 .5)"},__jsx("stop",{offset:"0",stopColor:"#FFFFFF",stopOpacity:"0.5"}),__jsx("stop",{offset:"1",stopColor:"#FFFFFF",stopOpacity:"0.2"}))),__jsx("path",{fill:"url(#gradient125)",d:"M52.6 19.25Q59.6 19.25 66.2 20.95 66.7 17.8 66.6 15.05 66.4 9.65 63.9 6.05 61.25 2.1 56.1 0.65 54.95 0.3 53.65 0.15 52.5 0 51.3 0.1 50.2 0.1 49.1 0.35 48.15 0.55 47 1 43.3 2.45 40.3 6.1 37.5 9.4 35.5 14.3 33.85 18.3 32.8 22.85 42.25 19.25 52.6 19.25Z"})),__jsx("g",{transform:"matrix(1 0 0 1 0 0)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient126",gradientTransform:"rotate(-360 .5 .5)"},__jsx("stop",{offset:"0",stopColor:"#FFFFFF",stopOpacity:"0.5"}),__jsx("stop",{offset:"1",stopColor:"#FFFFFF",stopOpacity:"0.2"}))),__jsx("path",{fill:"url(#gradient126)",d:"M1.05 37.7Q0 42.6 2.2 47.2 2.95 48.8 4.05 50.25 7.55 41.65 14.4 34.75 14 34.45 13.4 34.05 8.7 30.9 5.45 31.7 4.65 31.9 3.95 32.4 3.25 32.85 2.7 33.6 2.1 34.4 1.7 35.35 1.25 36.5 1.05 37.7Z"})))),__jsx("g",{transform:"matrix(1.219512230276127 0 0 1.2195122143630526 32.82519274395008 88.56945194723018)"},__jsx("path",{fill:"#000000",fillOpacity:"1",d:""})))))))};OwncastLogo.displayName="OwncastLogo";try{OwncastLogo.displayName="OwncastLogo",OwncastLogo.__docgenInfo={description:"",displayName:"OwncastLogo",props:{variant:{defaultValue:{value:"simple"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"simple"'},{value:'"contrast"'}]}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/common/OwncastLogo/OwncastLogo.tsx#OwncastLogo"]={docgenInfo:OwncastLogo.__docgenInfo,name:"OwncastLogo",path:"components/common/OwncastLogo/OwncastLogo.tsx#OwncastLogo"})}catch(__react_docgen_typescript_loader_error){}},"./components/modals/FatalErrorStateModal/FatalErrorStateModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FatalErrorStateModal:()=>FatalErrorStateModal});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/modal/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,FatalErrorStateModal=function FatalErrorStateModal(_ref){var title=_ref.title,message=_ref.message;return __jsx(antd__WEBPACK_IMPORTED_MODULE_1__.A,{title,visible:!0,footer:null,closable:!1,keyboard:!1,width:900,centered:!0,className:"modal"},__jsx("p",{style:{fontSize:"1.3rem"}},message))};FatalErrorStateModal.displayName="FatalErrorStateModal";try{FatalErrorStateModal.displayName="FatalErrorStateModal",FatalErrorStateModal.__docgenInfo={description:"",displayName:"FatalErrorStateModal",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/modals/FatalErrorStateModal/FatalErrorStateModal.tsx#FatalErrorStateModal"]={docgenInfo:FatalErrorStateModal.__docgenInfo,name:"FatalErrorStateModal",path:"components/modals/FatalErrorStateModal/FatalErrorStateModal.tsx#FatalErrorStateModal"})}catch(__react_docgen_typescript_loader_error){}},"./utils/apis.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D0:()=>FEDERATION_MESSAGE_SEND,DW:()=>getUnauthedData,Fd:()=>fetchData,Fq:()=>SERVER_CONFIG,XQ:()=>STATUS,e0:()=>upgradeVersionAvailable,nn:()=>SERVER_CONFIG_UPDATE_URL,r1:()=>FETCH_INTERVAL});var _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__),process=__webpack_require__("./node_modules/process/browser.js"),console=__webpack_require__("./node_modules/console-browserify/index.js");function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;rr}return!0}return local>=remote}function upgradeVersionAvailable(_x6){return _upgradeVersionAvailable.apply(this,arguments)}function _upgradeVersionAvailable(){return(_upgradeVersionAvailable=(0,_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_2__.A)(_tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee5(currentVersion){var recentRelease,recentReleaseVersion;return _tmp_tmp_wvXMtodMcL_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:return _context5.next=2,getGithubRelease();case 2:if(recentRelease=_context5.sent,"v"===(recentReleaseVersion=recentRelease.tag_name).substr(0,1)&&(recentReleaseVersion=recentReleaseVersion.substr(1)),upToDate(currentVersion,recentReleaseVersion)){_context5.next=7;break}return _context5.abrupt("return",recentReleaseVersion);case 7:return _context5.abrupt("return",null);case 8:case"end":return _context5.stop()}}),_callee5)})))).apply(this,arguments)}},"./utils/format.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ld:()=>formatUAstring,RW:()=>parseSecondsToDurationString});var ua_parser_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(ua_parser_js__WEBPACK_IMPORTED_MODULE_0__);function padLeft(text,pad,size){return String(pad.repeat(size)+text).slice(-size)}function parseSecondsToDurationString(){var seconds=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,finiteSeconds=Number.isFinite(+seconds)?Math.abs(seconds):0,days=Math.floor(finiteSeconds/86400),daysString=days>0?"".concat(days," day").concat(days>1?"s":""," "):"",hours=Math.floor(finiteSeconds/3600%24),hoursString=hours||days?padLeft("".concat(hours,":"),"0",3):"",mins=Math.floor(finiteSeconds/60%60),minString=padLeft("".concat(mins,":"),"0",3),secs=Math.floor(finiteSeconds%60);return daysString+hoursString+minString+padLeft("".concat(secs),"0",2)}function formatUAstring(uaString){var parser=ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default()(uaString),device=parser.device,os=parser.os,browser=parser.browser,browserVersion=browser.major,name=browser.name,osVersion=os.version,osName=os.name,model=device.model,type=device.type;if("libmpv"===uaString)return"mpv media player";if(!name||!browserVersion||!osName)return uaString;var deviceString=model||type?" (".concat(model||type,")"):"";return"".concat(name," ").concat(browserVersion," on ").concat(osName," ").concat(osVersion,"\n ").concat(deviceString)}},"./utils/validators.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{AY:()=>isValidUrl,JP:()=>isValidFediverseAccount,vI:()=>DEFAULT_TEXTFIELD_URL_PATTERN});var DEFAULT_TEXTFIELD_URL_PATTERN="https?://.*";function isValidUrl(url){var validProtocols=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["http:","https:"];try{var validationObject=new URL(url);if(""===validationObject.protocol||""===validationObject.hostname||!validProtocols.includes(validationObject.protocol))return!1}catch(e){return!1}return!0}function isValidFediverseAccount(account){var sanitized=account.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(sanitized).toLowerCase())}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/common/OwncastLogo/OwncastLogo.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Mh5aZ2hlVAefs37ErsR8{display:flex;align-items:center;justify-content:center;width:max-content}.Mh5aZ2hlVAefs37ErsR8 svg{width:clamp(2.5rem,8vw,50px);height:clamp(2.5rem,8vw,50px)}.n7u4st83MroOERjeckaf{padding:5px;border-radius:50%}.n7u4st83MroOERjeckaf svg{width:clamp(2rem,7vw,40px);height:clamp(2rem,7vw,40px)}.EPyJp30PzqQBnQwBTIfr{background-color:rgba(0,0,0,0)}.EPyJp30PzqQBnQwBTIfr svg{width:clamp(2.5rem,8vw,50px);height:clamp(2.5rem,8vw,50px)}","",{version:3,sources:["webpack://./components/common/OwncastLogo/OwncastLogo.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,iBAAA,CAEA,0BACE,4BAAA,CACA,6BAAA,CAIJ,sBACE,WAAA,CACA,iBAAA,CAEA,0BACE,0BAAA,CACA,2BAAA,CAIJ,sBACE,8BAAA,CAEA,0BACE,4BAAA,CACA,6BAAA",sourcesContent:[".root {\n display: flex;\n align-items: center;\n justify-content: center;\n width: max-content;\n\n svg {\n width: clamp(2.5rem, 8vw, 50px);\n height: clamp(2.5rem, 8vw, 50px);\n }\n}\n\n.contrast {\n padding: 5px;\n border-radius: 50%;\n\n svg {\n width: clamp(2rem, 7vw, 40px);\n height: clamp(2rem, 7vw, 40px);\n }\n}\n\n.simple {\n background-color: transparent;\n\n svg {\n width: clamp(2.5rem, 8vw, 50px);\n height: clamp(2.5rem, 8vw, 50px);\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"Mh5aZ2hlVAefs37ErsR8",contrast:"n7u4st83MroOERjeckaf",simple:"EPyJp30PzqQBnQwBTIfr"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"?c969":()=>{},"?3e83":()=>{},"?19e6":()=>{}}]); \ No newline at end of file +(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[6677,2482],{"./stories/config-federation.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>config_federation_stories});var react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),modal=__webpack_require__("./node_modules/antd/es/modal/index.js"),es_button=__webpack_require__("./node_modules/antd/es/button/index.js"),typography=__webpack_require__("./node_modules/antd/es/typography/index.js"),es_alert=__webpack_require__("./node_modules/antd/es/alert/index.js"),row=__webpack_require__("./node_modules/antd/es/row/index.js"),col=__webpack_require__("./node_modules/antd/es/col/index.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),es_form=__webpack_require__("./node_modules/antd/es/form/index.js"),input=__webpack_require__("./node_modules/antd/es/input/index.js"),input_number=__webpack_require__("./node_modules/antd/es/input-number/index.js"),__jsx=react.createElement,FormStatusIndicator=function FormStatusIndicator(_ref){var _ref2=_ref.status||{},type=_ref2.type,icon=_ref2.icon,message=_ref2.message,classes=classnames_default()((0,defineProperty.A)((0,defineProperty.A)({"status-container":!0},"status-".concat(type),type),"empty",!message));return __jsx("span",{className:classes},icon?__jsx("span",{className:"status-icon"},icon):null,message?__jsx("span",{className:"status-message"},message):null)};FormStatusIndicator.displayName="FormStatusIndicator";try{FormStatusIndicator.displayName="FormStatusIndicator",FormStatusIndicator.__docgenInfo={description:"",displayName:"FormStatusIndicator",props:{status:{defaultValue:null,description:"",name:"status",required:!0,type:{name:"StatusState"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/FormStatusIndicator.tsx#FormStatusIndicator"]={docgenInfo:FormStatusIndicator.__docgenInfo,name:"FormStatusIndicator",path:"components/admin/FormStatusIndicator.tsx#FormStatusIndicator"})}catch(__react_docgen_typescript_loader_error){}var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),apis=__webpack_require__("./utils/apis.ts"),validators=__webpack_require__("./utils/validators.ts");function postConfigUpdateToAPI(_x){return _postConfigUpdateToAPI.apply(this,arguments)}function _postConfigUpdateToAPI(){return(_postConfigUpdateToAPI=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(args){var apiPath,data,onSuccess,onError,result;return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return apiPath=args.apiPath,data=args.data,onSuccess=args.onSuccess,onError=args.onError,_context.prev=1,_context.next=4,(0,apis.Fd)("".concat(apis.nn).concat(apiPath),{data,method:"POST",auth:!0});case 4:(result=_context.sent).success&&onSuccess?onSuccess(result.message):onError&&onError(result.message),_context.next=11;break;case 8:_context.prev=8,_context.t0=_context.catch(1),onError&&onError(_context.t0.message);case 11:case"end":return _context.stop()}}),_callee,null,[[1,8]])})))).apply(this,arguments)}var TEXTFIELD_PROPS_STREAM_TITLE={apiPath:"/streamtitle",configPath:"instanceDetails",maxLength:100,placeholder:"Doing cool things...",label:"Stream Title",tip:"What is your stream about today?"},FIELD_PROPS_ENABLE_FEDERATION=(validators.vI,validators.vI,validators.vI,{apiPath:"/federation/enable",configPath:"federation",label:"Enable Social Features",tip:"Send and receive activities on the Fediverse.",useSubmit:!0}),FIELD_PROPS_FEDERATION_IS_PRIVATE={apiPath:"/federation/private",configPath:"federation",label:"Private",tip:"Follow requests will require approval and only followers will see your activity.",useSubmit:!0},FIELD_PROPS_SHOW_FEDERATION_ENGAGEMENT={apiPath:"/federation/showengagement",configPath:"showEngagement",label:"Show engagement",tip:"Following, liking and sharing will appear in the chat feed.",useSubmit:!0},TEXTFIELD_PROPS_FEDERATION_LIVE_MESSAGE={apiPath:"/federation/livemessage",configPath:"federation",maxLength:500,placeholder:"My stream has started, tune in!",label:"Now Live message",tip:"The message sent announcing that your live stream has begun. Tags will be automatically added. Leave blank to disable."},TEXTFIELD_PROPS_FEDERATION_DEFAULT_USER={apiPath:"/federation/username",configPath:"federation",maxLength:10,placeholder:"owncast",default:"owncast",label:"Username",tip:'The username used for sending and receiving activities from the Fediverse. For example, if you use "bob" as a username you would send messages to the fediverse from @bob@yourserver. Once people start following your instance you should not change this.\nNote: Username cannot have special characters. '},TEXTFIELD_PROPS_FEDERATION_INSTANCE_URL={apiPath:"/serverurl",configPath:"yp",maxLength:255,placeholder:"https://owncast.mysite.com",label:"Server URL",tip:"The full url to your Owncast server is required to enable social features. Must use SSL (https). Once people start following your instance you should not change this.",type:"url",pattern:validators.vI,useTrim:!0},FIELD_PROPS_FEDERATION_NSFW={apiPath:"/nsfw",configPath:"instanceDetails",label:"Potentially NSFW",tip:"Turn this ON if you plan to stream explicit or adult content so previews of your stream can be marked as potentially sensitive."},FIELD_PROPS_FEDERATION_BLOCKED_DOMAINS_label="Blocked domains",FIELD_PROPS_FEDERATION_BLOCKED_DOMAINS_placeholder="bad.domain.biz",FIELD_PROPS_FEDERATION_BLOCKED_DOMAINS_tip="You can block specific domains from interacting with you.",FRAMERATE_DEFAULTS_min=24,FRAMERATE_DEFAULTS_max=120,FRAMERATE_DEFAULTS_unit="fps",VIDEO_BITRATE_DEFAULTS_min=((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)({},FRAMERATE_DEFAULTS_min,"".concat(FRAMERATE_DEFAULTS_min," ").concat(FRAMERATE_DEFAULTS_unit)),25," "),30," "),50," "),60," "),90," "),FRAMERATE_DEFAULTS_max,"".concat(FRAMERATE_DEFAULTS_max," ").concat(FRAMERATE_DEFAULTS_unit)),(0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)({},FRAMERATE_DEFAULTS_min,"".concat(FRAMERATE_DEFAULTS_min,"fps - Good for film, presentations, music, low power/bandwidth servers.")),25,"25fps - Good for film, presentations, music, low power/bandwidth servers."),30,"30fps - Good for slow/casual games, chat, general purpose."),50,"50fps - Good for fast/action games, sports, HD video."),60,"60fps - Good for fast/action games, sports, HD video."),90,"90fps - Good for newer fast games and hardware."),FRAMERATE_DEFAULTS_max,"".concat(FRAMERATE_DEFAULTS_max,"fps - Experimental, use at your own risk!")),400),VIDEO_BITRATE_DEFAULTS_max=6e3,VIDEO_BITRATE_DEFAULTS_unit="kbps",PASSWORD_COMPLEXITY_RULES=((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)({},VIDEO_BITRATE_DEFAULTS_min,{style:{marginLeft:"24px"},label:"".concat(VIDEO_BITRATE_DEFAULTS_min," ").concat(VIDEO_BITRATE_DEFAULTS_unit)}),3e3,3e3),4500,4500),VIDEO_BITRATE_DEFAULTS_max,{style:{marginLeft:"-10px"},label:"".concat(VIDEO_BITRATE_DEFAULTS_max," ").concat(VIDEO_BITRATE_DEFAULTS_unit)}),validators.vI,validators.vI,[{min:8,message:"- minimum 8 characters"},{max:192,message:"- maximum 192 characters"},{pattern:/^(?=.*[a-z])/,message:"- at least one lowercase letter"},{pattern:/^(?=.*[A-Z])/,message:"- at least one uppercase letter"},{pattern:/\d/,message:"- at least one digit"},{pattern:/^(?=.*?[#?!@$%^&*-])/,message:"- at least one special character: !@#$%^&*"}]),REGEX_PASSWORD=/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[!@#$%^&*]).{8,192}$/;try{postConfigUpdateToAPI.displayName="postConfigUpdateToAPI",postConfigUpdateToAPI.__docgenInfo={description:"",displayName:"postConfigUpdateToAPI",props:{apiPath:{defaultValue:null,description:"",name:"apiPath",required:!0,type:{name:"string"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"object"}},onSuccess:{defaultValue:null,description:"",name:"onSuccess",required:!1,type:{name:"(arg: any) => void"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"(arg: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["utils/config-constants.tsx#postConfigUpdateToAPI"]={docgenInfo:postConfigUpdateToAPI.__docgenInfo,name:"postConfigUpdateToAPI",path:"utils/config-constants.tsx#postConfigUpdateToAPI"})}catch(__react_docgen_typescript_loader_error){}var TextField_jsx=react.createElement,TextField=function TextField(_ref){var className=_ref.className,disabled=_ref.disabled,fieldName=_ref.fieldName,label=_ref.label,maxLength=_ref.maxLength,onBlur=_ref.onBlur,onChange=_ref.onChange,onPressEnter=_ref.onPressEnter,onHandleSubmit=_ref.onHandleSubmit,pattern=_ref.pattern,placeholder=_ref.placeholder,required=_ref.required,status=_ref.status,tip=_ref.tip,type=_ref.type,useTrim=_ref.useTrim,value=_ref.value,hasComplexityRequirements=_ref.hasComplexityRequirements,_useState=(0,react.useState)(!1),hasPwdChanged=_useState[0],setHasPwdChanged=_useState[1],_useState2=(0,react.useState)(!1),showPwdButton=_useState2[0],setShowPwdButton=_useState2[1],_Form$useForm=es_form.A.useForm(),form=(0,slicedToArray.A)(_Form$useForm,1)[0],handleChange=function handleChange(e){if(onChange){var val="numeric"===type?e:e.target.value;setShowPwdButton(!0),hasComplexityRequirements&®EX_PASSWORD.test(val)?setHasPwdChanged(!0):setHasPwdChanged(!1),onChange({fieldName,value:useTrim?val.trim():val})}};(0,react.useEffect)((function(){form.setFieldsValue({inputFieldPassword:value})}),[value]);var handleBlur=function handleBlur(e){var val=e.target.value;onBlur&&onBlur({value:val})},handlePressEnter=function handlePressEnter(){onPressEnter&&onPressEnter()},passwordComplexityRules=[],Field=input.A,fieldProps={};"textarea"===type?(Field=input.A.TextArea,fieldProps={autoSize:!0}):"password"===type?(PASSWORD_COMPLEXITY_RULES.forEach((function(element){passwordComplexityRules.push(element)})),Field=input.A.Password,fieldProps={visibilityToggle:!0}):"numeric"===type?(Field=input_number.A,fieldProps={type:"number",min:1,max:Math.pow(10,maxLength)-1}):"url"===type&&(fieldProps={type:"url",pattern});var fieldId="field-".concat(fieldName),statusType=(status||{}).type,containerClass=classnames_default()((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)({"formfield-container":!0,"textfield-container":!0},"type-".concat(type),!0),"required",required),"status-".concat(statusType),status));return TextField_jsx("div",{className:containerClass},label?TextField_jsx("div",{className:"label-side"},TextField_jsx("label",{htmlFor:fieldId,className:"formfield-label"},label)):null,hasComplexityRequirements?TextField_jsx("div",{className:"input-side"},TextField_jsx("div",{className:"input-group"},TextField_jsx(es_form.A,{name:"basic",form,initialValues:{inputFieldPassword:value},style:{width:"100%"}},TextField_jsx(es_form.A.Item,{name:"inputFieldPassword",rules:passwordComplexityRules},TextField_jsx(input.A.Password,{id:fieldId,className:"field ".concat(className," ").concat(fieldId),onChange:handleChange,onBlur:handleBlur,placeholder,onPressEnter:handlePressEnter,disabled,value})),showPwdButton&&TextField_jsx("div",{style:{display:"flex",flexDirection:"row-reverse"}},TextField_jsx(es_button.A,{type:"primary",size:"small",className:"submit-button",onClick:onHandleSubmit,disabled:!hasPwdChanged},"Update")),TextField_jsx(FormStatusIndicator,{status}),TextField_jsx("p",{className:"field-tip"},tip)))):TextField_jsx("div",{className:"input-side"},TextField_jsx("div",{className:"input-group"},TextField_jsx(Field,(0,esm_extends.A)({id:fieldId,className:"field ".concat(className," ").concat(fieldId)},fieldProps,"numeric"!==type&&{allowClear:!0},{placeholder,maxLength,onChange:handleChange,onBlur:handleBlur,onPressEnter:handlePressEnter,disabled,value}))),TextField_jsx(FormStatusIndicator,{status}),TextField_jsx("p",{className:"field-tip"},tip)))};TextField.displayName="TextField",TextField.defaultProps={className:"",disabled:!1,label:"",maxLength:255,placeholder:"",required:!1,status:null,tip:"",type:"default",value:"",pattern:"",useTrim:!1,useTrimLead:!1,hasComplexityRequirements:!1,onSubmit:function onSubmit(){},onBlur:function onBlur(){},onChange:function onChange(){},onPressEnter:function onPressEnter(){},onHandleSubmit:function onHandleSubmit(){}};try{TextField.displayName="TextField",TextField.__docgenInfo={description:"",displayName:"TextField",props:{fieldName:{defaultValue:null,description:"",name:"fieldName",required:!0,type:{name:"string"}},onSubmit:{defaultValue:{value:"() => {}"},description:"",name:"onSubmit",required:!1,type:{name:"() => void"}},onPressEnter:{defaultValue:{value:"() => {}"},description:"",name:"onPressEnter",required:!1,type:{name:"() => void"}},onHandleSubmit:{defaultValue:{value:"() => {}"},description:"",name:"onHandleSubmit",required:!1,type:{name:"() => void"}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string"}},maxLength:{defaultValue:{value:"255"},description:"",name:"maxLength",required:!1,type:{name:"number"}},pattern:{defaultValue:{value:""},description:"",name:"pattern",required:!1,type:{name:"string"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},required:{defaultValue:{value:"false"},description:"",name:"required",required:!1,type:{name:"boolean"}},status:{defaultValue:{value:"null"},description:"",name:"status",required:!1,type:{name:"StatusState"}},tip:{defaultValue:{value:""},description:"",name:"tip",required:!1,type:{name:"string"}},type:{defaultValue:{value:"default"},description:"",name:"type",required:!1,type:{name:"string"}},useTrim:{defaultValue:{value:"false"},description:"",name:"useTrim",required:!1,type:{name:"boolean"}},useTrimLead:{defaultValue:{value:"false"},description:"",name:"useTrimLead",required:!1,type:{name:"boolean"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"string | number"}},hasComplexityRequirements:{defaultValue:{value:"false"},description:"",name:"hasComplexityRequirements",required:!1,type:{name:"boolean"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"FieldUpdaterFunc"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"FieldUpdaterFunc"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/TextField.tsx#TextField"]={docgenInfo:TextField.__docgenInfo,name:"TextField",path:"components/admin/TextField.tsx#TextField"})}catch(__react_docgen_typescript_loader_error){}var objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),dynamic=__webpack_require__("./node_modules/next/dynamic.js"),dynamic_default=__webpack_require__.n(dynamic),input_statuses_jsx=react.createElement,CheckCircleFilled=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(6036)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/CheckCircleFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/CheckCircleFilled.js"]}}}),ExclamationCircleFilled=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(5453)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ExclamationCircleFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ExclamationCircleFilled.js"]}}}),LoadingOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7142)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/LoadingOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/LoadingOutlined.js"]}}}),WarningOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(8086)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/WarningOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/WarningOutlined.js"]}}}),INPUT_STATES=(0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)((0,defineProperty.A)({},"success",{type:"success",icon:input_statuses_jsx(CheckCircleFilled,{style:{color:"green"}}),message:"Success!"}),"error",{type:"error",icon:input_statuses_jsx(ExclamationCircleFilled,{style:{color:"red"}}),message:"An error occurred."}),"invalid",{type:"invalid",icon:input_statuses_jsx(ExclamationCircleFilled,{style:{color:"red"}}),message:"An error occurred."}),"proessing",{type:"proessing",icon:input_statuses_jsx(LoadingOutlined,null),message:""}),"warning",{type:"warning",icon:input_statuses_jsx(WarningOutlined,{style:{color:"#fc0"}}),message:""});function createInputStatus(type,message){return type&&INPUT_STATES[type]?message?{type,icon:INPUT_STATES[type].icon,message}:INPUT_STATES[type]:null}var console=__webpack_require__("./node_modules/console-browserify/index.js"),server_status_context_jsx=react.createElement;function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r void"}},onPressEnter:{defaultValue:null,description:"",name:"onPressEnter",required:!1,type:{name:"() => void"}},onHandleSubmit:{defaultValue:null,description:"",name:"onHandleSubmit",required:!1,type:{name:"() => void"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number"}},pattern:{defaultValue:null,description:"",name:"pattern",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean"}},status:{defaultValue:null,description:"",name:"status",required:!1,type:{name:"StatusState"}},tip:{defaultValue:null,description:"",name:"tip",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"string"}},useTrim:{defaultValue:null,description:"",name:"useTrim",required:!1,type:{name:"boolean"}},useTrimLead:{defaultValue:null,description:"",name:"useTrimLead",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | number"}},hasComplexityRequirements:{defaultValue:null,description:"",name:"hasComplexityRequirements",required:!1,type:{name:"boolean"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FieldUpdaterFunc"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FieldUpdaterFunc"}},apiPath:{defaultValue:null,description:"",name:"apiPath",required:!0,type:{name:"string"}},configPath:{defaultValue:{value:""},description:"",name:"configPath",required:!1,type:{name:"string"}},initialValue:{defaultValue:{value:""},description:"",name:"initialValue",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/TextFieldWithSubmit.tsx#TextFieldWithSubmit"]={docgenInfo:TextFieldWithSubmit.__docgenInfo,name:"TextFieldWithSubmit",path:"components/admin/TextFieldWithSubmit.tsx#TextFieldWithSubmit"})}catch(__react_docgen_typescript_loader_error){}var es_switch=__webpack_require__("./node_modules/antd/es/switch/index.js"),ToggleSwitch_jsx=react.createElement,ToggleSwitch=function ToggleSwitch(_ref){var apiPath=_ref.apiPath,checked=_ref.checked,_ref$reversed=_ref.reversed,reversed=void 0!==_ref$reversed&&_ref$reversed,_ref$configPath=_ref.configPath,configPath=void 0===_ref$configPath?"":_ref$configPath,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,fieldName=_ref.fieldName,label=_ref.label,tip=_ref.tip,useSubmit=_ref.useSubmit,onChange=_ref.onChange,_useState=(0,react.useState)(null),submitStatus=_useState[0],setSubmitStatus=_useState[1],resetTimer=null,setFieldInConfigState=((0,react.useContext)(ServerStatusContext)||{}).setFieldInConfigState,resetStates=function resetStates(){setSubmitStatus(null),clearTimeout(resetTimer),resetTimer=null},handleChange=function(){var _ref3=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(isChecked){var isCheckedSend;return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(!useSubmit){_context.next=6;break}return setSubmitStatus(createInputStatus("proessing")),isCheckedSend=reversed?!isChecked:isChecked,_context.next=5,postConfigUpdateToAPI({apiPath,data:{value:isCheckedSend},onSuccess:function onSuccess(){setFieldInConfigState({fieldName,value:isCheckedSend,path:configPath}),setSubmitStatus(createInputStatus("success"))},onError:function onError(message){setSubmitStatus(createInputStatus("error","There was an error: ".concat(message)))}});case 5:resetTimer=setTimeout(resetStates,3e3);case 6:onChange&&onChange(isChecked);case 7:case"end":return _context.stop()}}),_callee)})));return function handleChange(_x){return _ref3.apply(this,arguments)}}(),loading=null!==submitStatus&&"proessing"===submitStatus.type;return ToggleSwitch_jsx("div",{className:"formfield-container toggleswitch-container"},label&&ToggleSwitch_jsx("div",{className:"label-side"},ToggleSwitch_jsx("span",{className:"formfield-label"},label)),ToggleSwitch_jsx("div",{className:"input-side"},ToggleSwitch_jsx("div",{className:"input-group"},ToggleSwitch_jsx(es_switch.A,{className:"switch field-".concat(fieldName),loading,onChange:handleChange,defaultChecked:checked,checked,checkedChildren:"ON",unCheckedChildren:"OFF",disabled}),ToggleSwitch_jsx(FormStatusIndicator,{status:submitStatus})),ToggleSwitch_jsx("p",{className:"field-tip"},tip)))};ToggleSwitch.displayName="ToggleSwitch",ToggleSwitch.defaultProps={apiPath:"",checked:!1,reversed:!1,configPath:"",disabled:!1,label:"",tip:"",useSubmit:!1,onChange:null};try{ToggleSwitch.displayName="ToggleSwitch",ToggleSwitch.__docgenInfo={description:"",displayName:"ToggleSwitch",props:{fieldName:{defaultValue:null,description:"",name:"fieldName",required:!0,type:{name:"string"}},apiPath:{defaultValue:{value:""},description:"",name:"apiPath",required:!1,type:{name:"string"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},reversed:{defaultValue:{value:"false"},description:"",name:"reversed",required:!1,type:{name:"boolean"}},configPath:{defaultValue:{value:""},description:"",name:"configPath",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string"}},tip:{defaultValue:{value:""},description:"",name:"tip",required:!1,type:{name:"string"}},useSubmit:{defaultValue:{value:"false"},description:"",name:"useSubmit",required:!1,type:{name:"boolean"}},onChange:{defaultValue:{value:"null"},description:"",name:"onChange",required:!1,type:{name:"(arg: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/ToggleSwitch.tsx#ToggleSwitch"]={docgenInfo:ToggleSwitch.__docgenInfo,name:"ToggleSwitch",path:"components/admin/ToggleSwitch.tsx#ToggleSwitch"})}catch(__react_docgen_typescript_loader_error){}var es_tag=__webpack_require__("./node_modules/antd/es/tag/index.js"),EditValueArray_jsx=react.createElement,Title=typography.A.Title,EditValueArray=function EditValueArray(_ref){var title=_ref.title,description=_ref.description,placeholder=_ref.placeholder,maxLength=_ref.maxLength,values=_ref.values,handleDeleteIndex=_ref.handleDeleteIndex,handleCreateString=_ref.handleCreateString,submitStatus=_ref.submitStatus,continuousStatusMessage=_ref.continuousStatusMessage,_useState=(0,react.useState)(""),newStringInput=_useState[0],setNewStringInput=_useState[1];return EditValueArray_jsx("div",{className:"edit-string-array-container"},EditValueArray_jsx(Title,{level:3,className:"section-title"},title),EditValueArray_jsx("p",{className:"description"},description),EditValueArray_jsx("div",{className:"edit-current-strings"},null==values?void 0:values.map((function(tag,index){return EditValueArray_jsx(es_tag.A,{closable:!0,onClose:function handleClose(){handleDeleteIndex(index)},color:"#5a67d8",key:"tag-".concat(tag,"-").concat(index)},tag)}))),continuousStatusMessage&&EditValueArray_jsx("div",{className:"continuous-status-section"},EditValueArray_jsx(FormStatusIndicator,{status:continuousStatusMessage})),EditValueArray_jsx("div",{className:"add-new-string-section"},EditValueArray_jsx(TextField,{fieldName:"string-input",value:newStringInput,onChange:function handleInputChange(_ref2){var value=_ref2.value;setNewStringInput(value)},onPressEnter:function handleSubmitNewString(){var newString=newStringInput.trim();handleCreateString(newString),setNewStringInput("")},maxLength,placeholder,status:submitStatus})))};EditValueArray.displayName="EditValueArray",EditValueArray.defaultProps={maxLength:50,description:null,submitStatus:null,continuousStatusMessage:null};try{EditValueArray.displayName="EditValueArray",EditValueArray.__docgenInfo={description:"",displayName:"EditValueArray",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:{value:"null"},description:"",name:"description",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!0,type:{name:"string"}},maxLength:{defaultValue:{value:"50"},description:"",name:"maxLength",required:!1,type:{name:"number"}},values:{defaultValue:null,description:"",name:"values",required:!0,type:{name:"string[]"}},submitStatus:{defaultValue:{value:"null"},description:"",name:"submitStatus",required:!1,type:{name:"StatusState"}},continuousStatusMessage:{defaultValue:{value:"null"},description:"",name:"continuousStatusMessage",required:!1,type:{name:"StatusState"}},handleDeleteIndex:{defaultValue:null,description:"",name:"handleDeleteIndex",required:!0,type:{name:"(index: number) => void"}},handleCreateString:{defaultValue:null,description:"",name:"handleCreateString",required:!0,type:{name:"(arg: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/EditValueArray.tsx#EditValueArray"]={docgenInfo:EditValueArray.__docgenInfo,name:"EditValueArray",path:"components/admin/EditValueArray.tsx#EditValueArray"})}catch(__react_docgen_typescript_loader_error){}var alert_message_context_jsx=react.createElement,AlertMessageContext=react.createContext({message:null,setMessage:function setMessage(_text){return null}}),AlertMessageProvider=function AlertMessageProvider(_ref){var children=_ref.children,_useState=(0,react.useState)(""),providerValue={message:_useState[0],setMessage:_useState[1]};return alert_message_context_jsx(AlertMessageContext.Provider,{value:providerValue},children)};AlertMessageProvider.displayName="AlertMessageProvider";const alert_message_context=AlertMessageProvider;try{alertmessagecontext.displayName="alertmessagecontext",alertmessagecontext.__docgenInfo={description:"",displayName:"alertmessagecontext",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["utils/alert-message-context.tsx#alertmessagecontext"]={docgenInfo:alertmessagecontext.__docgenInfo,name:"alertmessagecontext",path:"utils/alert-message-context.tsx#alertmessagecontext"})}catch(__react_docgen_typescript_loader_error){}var next_link=__webpack_require__("./node_modules/next/link.js"),link_default=__webpack_require__.n(next_link),head=__webpack_require__("./node_modules/next/head.js"),head_default=__webpack_require__.n(head),differenceInSeconds=__webpack_require__("./node_modules/date-fns/differenceInSeconds.mjs"),next_router=__webpack_require__("./node_modules/next/router.js"),layout=__webpack_require__("./node_modules/antd/es/layout/index.js"),menu=__webpack_require__("./node_modules/antd/es/menu/index.js"),space=__webpack_require__("./node_modules/antd/es/space/index.js"),tooltip=__webpack_require__("./node_modules/antd/es/tooltip/index.js"),format=__webpack_require__("./utils/format.ts"),OwncastLogo=__webpack_require__("./components/common/OwncastLogo/OwncastLogo.tsx"),ComposeFederatedPost_console=__webpack_require__("./node_modules/console-browserify/index.js"),ComposeFederatedPost_jsx=react.createElement,TextArea=input.A.TextArea,ComposeFederatedPost=function ComposeFederatedPost(_ref){var open=_ref.open,handleClose=_ref.handleClose,_useState=(0,react.useState)(""),content=_useState[0],setContent=_useState[1],_useState2=(0,react.useState)(!1),postPending=_useState2[0],setPostPending=_useState2[1],_useState3=(0,react.useState)(null),postSuccessState=_useState3[0],setPostSuccessState=_useState3[1];function close(){setPostPending(!1),setPostSuccessState(null),handleClose()}function _sendButtonClicked(){return(_sendButtonClicked=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(){var data;return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setPostPending(!0),data={value:content},_context.prev=2,_context.next=5,(0,apis.Fd)(apis.D0,{data,method:"POST",auth:!0});case 5:setPostSuccessState("success"),setTimeout(close,1e3),_context.next=13;break;case 9:_context.prev=9,_context.t0=_context.catch(2),ComposeFederatedPost_console.error(_context.t0),setPostSuccessState("error");case 13:setPostPending(!1);case 14:case"end":return _context.stop()}}),_callee,null,[[2,9]])})))).apply(this,arguments)}return ComposeFederatedPost_jsx(modal.A,{destroyOnClose:!0,width:600,title:"Post to Followers",open,onCancel:handleClose,footer:[ComposeFederatedPost_jsx(es_button.A,{onClick:function onClick(){return handleClose()}},"Cancel"),ComposeFederatedPost_jsx(es_button.A,{type:"primary",onClick:function sendButtonClicked(){return _sendButtonClicked.apply(this,arguments)},disabled:postPending||postSuccessState,loading:postPending},(null==postSuccessState?void 0:postSuccessState.toUpperCase())||"Post")]},ComposeFederatedPost_jsx("h3",null,"Tell the world about your future streaming plans or let your followers know to tune in."),ComposeFederatedPost_jsx(TextArea,{placeholder:"I'm still live, come join me!",size:"large",showCount:!0,maxLength:500,style:{height:"150px",width:"100%"},onChange:function handleEditorChange(e){setContent(e.target.value)}}))};ComposeFederatedPost.displayName="ComposeFederatedPost";try{ComposeFederatedPost.displayName="ComposeFederatedPost",ComposeFederatedPost.__docgenInfo={description:"",displayName:"ComposeFederatedPost",props:{open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}},handleClose:{defaultValue:null,description:"",name:"handleClose",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/ComposeFederatedPost.tsx#ComposeFederatedPost"]={docgenInfo:ComposeFederatedPost.__docgenInfo,name:"ComposeFederatedPost",path:"components/admin/ComposeFederatedPost.tsx#ComposeFederatedPost"})}catch(__react_docgen_typescript_loader_error){}var FatalErrorStateModal=__webpack_require__("./components/modals/FatalErrorStateModal/FatalErrorStateModal.tsx"),MainLayout_console=__webpack_require__("./node_modules/console-browserify/index.js"),MainLayout_jsx=react.createElement,SettingOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(3002)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/SettingOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/SettingOutlined.js"]}}}),HomeOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(4523)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/HomeOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/HomeOutlined.js"]}}}),LineChartOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(8644)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/LineChartOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/LineChartOutlined.js"]}}}),ToolOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(4614)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ToolOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ToolOutlined.js"]}}}),PlayCircleFilled=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7016)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/PlayCircleFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/PlayCircleFilled.js"]}}}),MinusSquareFilled=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(511)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/MinusSquareFilled.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/MinusSquareFilled.js"]}}}),QuestionCircleOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(1516)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/QuestionCircleOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/QuestionCircleOutlined.js"]}}}),MessageOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(7437)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/MessageOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/MessageOutlined.js"]}}}),ExperimentOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(4311)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/ExperimentOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/ExperimentOutlined.js"]}}}),EditOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(3827),__webpack_require__.e(740)]).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/@ant-design/icons/EditOutlined.js",23))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./node_modules/@ant-design/icons/EditOutlined.js"]}}}),FediverseOutlined=dynamic_default()((function(){return __webpack_require__.e(4291).then(__webpack_require__.bind(__webpack_require__,"./assets/images/icons/fediverse.svg"))}),{ssr:!1,loadableGenerated:{webpack:function webpack(){return["./assets/images/icons/fediverse.svg"]}}}),MainLayout=function MainLayout(_ref){var children=_ref.children,_ref2=(0,react.useContext)(ServerStatusContext)||{},serverConfig=_ref2.serverConfig,online=_ref2.online,broadcaster=_ref2.broadcaster,versionNumber=_ref2.versionNumber,serverError=_ref2.error,instanceDetails=serverConfig.instanceDetails,chatDisabled=serverConfig.chatDisabled,federationEnabled=serverConfig.federation.enabled,_useState=(0,react.useState)(""),currentStreamTitle=_useState[0],setCurrentStreamTitle=_useState[1],_useState2=(0,react.useState)(!1),postModalDisplayed=_useState2[0],setPostModalDisplayed=_useState2[1],alertMessage=(0,react.useContext)(AlertMessageContext),route=((0,next_router.useRouter)()||{}).route,Header=layout.A.Header,Footer=layout.A.Footer,Content=layout.A.Content,Sider=layout.A.Sider,_useState3=(0,react.useState)(""),upgradeVersion=_useState3[0],setUpgradeVersion=_useState3[1],checkForUpgrade=function(){var _ref4=(0,asyncToGenerator.A)(regenerator_default().mark((function _callee(){var result;return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.prev=0,_context.next=3,(0,apis.e0)(versionNumber);case 3:result=_context.sent,setUpgradeVersion(result),_context.next=10;break;case 7:_context.prev=7,_context.t0=_context.catch(0),MainLayout_console.log("==== error",_context.t0);case 10:case"end":return _context.stop()}}),_callee,null,[[0,7]])})));return function checkForUpgrade(){return _ref4.apply(this,arguments)}}();(0,react.useEffect)((function(){checkForUpgrade()}),[versionNumber]),(0,react.useEffect)((function(){setCurrentStreamTitle(instanceDetails.streamTitle)}),[instanceDetails]);var appClass=classnames_default()({"app-container":!0,online}),upgradeVersionString="".concat(upgradeVersion)||"",upgradeMessage="Upgrade to v".concat(upgradeVersionString),openMenuItems=upgradeVersion?["utilities-menu"]:[],headerAlertMessage=alertMessage.message?MainLayout_jsx(es_alert.A,{message:alertMessage.message,afterClose:function clearAlertMessage(){alertMessage.setMessage(null)},banner:!0,closable:!0}):null,streamDurationString=broadcaster?(0,format.RW)((0,differenceInSeconds.O)(new Date,new Date(broadcaster.time))):"",statusIcon=MainLayout_jsx(online?PlayCircleFilled:MinusSquareFilled,null),statusMessage=online?"Online ".concat(streamDurationString):"Offline",statusIndicator=MainLayout_jsx("div",{className:"online-status-indicator"},MainLayout_jsx("span",{className:"status-label"},statusMessage),MainLayout_jsx("span",{className:"status-icon"},statusIcon)),integrationsMenu=[{label:MainLayout_jsx(link_default(),{href:"/admin/webhooks"},"Webhooks"),key:"/admin/webhooks"},{label:MainLayout_jsx(link_default(),{href:"/admin/access-tokens"},"Access Tokens"),key:"/admin/access-tokens"},{label:MainLayout_jsx(link_default(),{href:"/admin/actions"},"External Actions"),key:"/admin/actions"}],chatMenu=[{label:MainLayout_jsx(link_default(),{href:"/admin/chat/messages"},"Messages"),key:"/admin/chat/messages"},{label:MainLayout_jsx(link_default(),{href:"/admin/chat/users"},"Users"),key:"/admin/chat/users"},{label:MainLayout_jsx(link_default(),{href:"/admin/chat/emojis"},"Emojis"),key:"/admin/chat/emojis"}],utilitiesMenu=[{label:MainLayout_jsx(link_default(),{href:"/admin/hardware-info"},"Hardware"),key:"/admin/hardware-info"},{label:MainLayout_jsx(link_default(),{href:"/admin/stream-health"},"Stream Health"),key:"/admin/stream-health"},{label:MainLayout_jsx(link_default(),{href:"/admin/logs"},"Logs"),key:"/admin/logs"},federationEnabled&&{label:MainLayout_jsx(link_default(),{href:"/admin/federation/actions"},"Social Actions"),key:"/admin/federation/actions"}],configurationMenu=[{label:MainLayout_jsx(link_default(),{href:"/admin/config/general"},"General"),key:"/admin/config/general"},{label:MainLayout_jsx(link_default(),{href:"/admin/config/server"},"Server Setup"),key:"/admin/config/server"},{label:MainLayout_jsx(link_default(),{href:"/admin/config-video"},"Video"),key:"/admin/config-video"},{label:MainLayout_jsx(link_default(),{href:"/admin/config-chat"},"Chat"),key:"/admin/config-chat"},{label:MainLayout_jsx(link_default(),{href:"/admin/config-federation"},"Social"),key:"/admin/config-federation"},{label:MainLayout_jsx(link_default(),{href:"/admin/config-notify"},"Notifications"),key:"/admin/config-notify"}],menuItems=[{label:MainLayout_jsx(link_default(),{href:"/admin"},"Home"),icon:MainLayout_jsx(HomeOutlined,null),key:"/admin"},{label:MainLayout_jsx(link_default(),{href:"/admin/viewer-info"},"Viewers"),icon:MainLayout_jsx(LineChartOutlined,null),key:"/admin/viewer-info"},!chatDisabled&&{label:MainLayout_jsx("span",null,"Chat & Users"),icon:MainLayout_jsx(MessageOutlined,null),children:chatMenu,key:"chat-and-users"},federationEnabled&&{key:"/admin/federation/followers",label:MainLayout_jsx(link_default(),{href:"/admin/federation/followers"},"Followers"),icon:MainLayout_jsx("span",{role:"img","aria-label":"message",className:"anticon anticon-message ant-menu-item-icon"},MainLayout_jsx(FediverseOutlined,null))},{key:"configuration",label:"Configuration",icon:MainLayout_jsx(SettingOutlined,null),children:configurationMenu},{key:"utilities",label:"Utilities",icon:MainLayout_jsx(ToolOutlined,null),children:utilitiesMenu},{key:"integrations",label:"Integrations",icon:MainLayout_jsx(ExperimentOutlined,null),children:integrationsMenu},upgradeVersion&&{key:"/admin/upgrade",label:MainLayout_jsx(link_default(),{href:"/admin/upgrade"},upgradeMessage)},{key:"/admin/help",label:MainLayout_jsx(link_default(),{href:"/admin/help"},"Help"),icon:MainLayout_jsx(QuestionCircleOutlined,null)}],_useState4=(0,react.useState)(openMenuItems),openKeys=_useState4[0],setOpenKeys=_useState4[1];return(0,react.useEffect)((function(){menuItems.forEach((function(item){var _item$children;return null==item||null===(_item$children=item.children)||void 0===_item$children?void 0:_item$children.forEach((function(child){(null==child?void 0:child.key)===route&&setOpenKeys([].concat(openMenuItems,[item.key]))}))}))}),[]),MainLayout_jsx(layout.A,{id:"admin-page",className:appClass},MainLayout_jsx(head_default(),null,MainLayout_jsx("title",null,"Owncast Admin"),MainLayout_jsx("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/img/favicon/favicon-32x32.png"})),"OWNCAST_SERVICE_UNREACHABLE"===(null==serverError?void 0:serverError.type)&&MainLayout_jsx(FatalErrorStateModal.FatalErrorStateModal,{title:"Server Unreachable",message:serverError.msg}),MainLayout_jsx(Sider,{width:240,className:"side-nav"},MainLayout_jsx("h1",{className:"owncast-title"},MainLayout_jsx("span",{className:"logo-container"},MainLayout_jsx(OwncastLogo.N,{variant:"simple"})),MainLayout_jsx("span",{className:"title-label"},"Owncast Admin")),MainLayout_jsx(menu.A,{mode:"inline",className:"menu-container",items:menuItems,selectedKeys:[route||"/admin"],openKeys,onOpenChange:function onOpenChange(keys){setOpenKeys(keys)}})),MainLayout_jsx(layout.A,{className:"layout-main"},MainLayout_jsx(Header,{className:"layout-header"},MainLayout_jsx(space.A,{direction:"horizontal"},MainLayout_jsx(tooltip.A,{title:"Compose post to your social followers"},MainLayout_jsx(es_button.A,{type:"link",icon:MainLayout_jsx(EditOutlined,null),size:"small",onClick:function handleCreatePostButtonPressed(){setPostModalDisplayed(!0)},style:{display:federationEnabled?"block":"none",margin:"10px"}},"Compose Post"))),MainLayout_jsx("div",{className:"global-stream-title-container"},MainLayout_jsx(TextFieldWithSubmit,(0,esm_extends.A)({fieldName:"streamTitle"},TEXTFIELD_PROPS_STREAM_TITLE,{placeholder:"What are you streaming now? (Stream title)",value:currentStreamTitle,initialValue:instanceDetails.streamTitle,onChange:function handleStreamTitleChanged(_ref5){var value=_ref5.value;setCurrentStreamTitle(value)}}))),MainLayout_jsx(space.A,{direction:"horizontal"},statusIndicator)),headerAlertMessage,MainLayout_jsx(Content,{className:"main-content-container"},children),MainLayout_jsx(Footer,{className:"footer-container"},MainLayout_jsx("a",{href:"https://owncast.online/?source=admin",target:"_blank",rel:"noopener noreferrer"},"About Owncast v",versionNumber))),MainLayout_jsx(ComposeFederatedPost,{open:postModalDisplayed,handleClose:function handleClose(){return setPostModalDisplayed(!1)}}))};MainLayout.displayName="MainLayout";try{MainLayout.displayName="MainLayout",MainLayout.__docgenInfo={description:"",displayName:"MainLayout",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/admin/MainLayout.tsx#MainLayout"]={docgenInfo:MainLayout.__docgenInfo,name:"MainLayout",path:"components/admin/MainLayout.tsx#MainLayout"})}catch(__react_docgen_typescript_loader_error){}var AdminLayout_jsx=react.createElement,AdminLayout=function AdminLayout(_ref){var page=_ref.page;return AdminLayout_jsx(react.Fragment,null,AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/main-layout.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/form-textfields.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/config-socialhandles.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/config-storage.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/config-edit-string-tags.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/config-video-variants.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/config-public-details.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/home.css"}),AdminLayout_jsx("link",{rel:"stylesheet",href:"/styles/admin/chat.css"}),AdminLayout_jsx(server_status_context,null,AdminLayout_jsx(alert_message_context,null,AdminLayout_jsx(MainLayout,null,page))))};try{AdminLayout.displayName="AdminLayout",AdminLayout.__docgenInfo={description:"",displayName:"AdminLayout",props:{page:{defaultValue:null,description:"",name:"page",required:!0,type:{name:"ReactElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/layouts/AdminLayout.tsx#AdminLayout"]={docgenInfo:AdminLayout.__docgenInfo,name:"AdminLayout",path:"components/layouts/AdminLayout.tsx#AdminLayout"})}catch(__react_docgen_typescript_loader_error){}var config_federation_console=__webpack_require__("./node_modules/console-browserify/index.js"),config_federation_jsx=react.createElement;function config_federation_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function config_federation_objectSpread(e){for(var r=1;r ",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"./components/common/OwncastLogo/OwncastLogo.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>OwncastLogo});var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),OwncastLogo_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/common/OwncastLogo/OwncastLogo.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(OwncastLogo_module.A,options);const OwncastLogo_OwncastLogo_module=OwncastLogo_module.A&&OwncastLogo_module.A.locals?OwncastLogo_module.A.locals:void 0;var __jsx=react.createElement,OwncastLogo=function OwncastLogo(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"simple":_ref$variant,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,rootClassName=classnames_default()(OwncastLogo_OwncastLogo_module.root,(0,defineProperty.A)((0,defineProperty.A)({},OwncastLogo_OwncastLogo_module.simple,"simple"===variant),OwncastLogo_OwncastLogo_module.contrast,"contrast"===variant));return __jsx("div",{className:"".concat(rootClassName," ").concat(className)},__jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 95.68623352050781 104.46271514892578",className:"logo-svg"},__jsx("g",{transform:"matrix(1 0 0 1 -37.08803939819336 -18.940391540527344)"},__jsx("g",null,__jsx("g",null,__jsx("g",null,__jsx("g",{transform:"matrix(1.0445680396949917 0 0 1.0445679172996596 36.34559138380523 18.877718021903796)"},__jsx("g",{transform:"matrix(1 0 0 1 0 0)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient120",gradientTransform:"rotate(-90 .5 .5)"},__jsx("stop",{offset:"0",stopColor:"#1f2022",stopOpacity:"1"}),__jsx("stop",{offset:"1",stopColor:"#635e69",stopOpacity:"1"}))),__jsx("path",{fill:"url(#gradient120)",d:"M91.5 75.35Q93.05 71.15 91.65 67.7 90.35 64.5 86.65 62.3 83.2 60.3 78.3 59.4 73.85 58.6 68.6 58.7 63.55 58.85 58.8 59.8 54.25 60.75 50.8 62.2 47.4 63.65 45.5 65.35 43.6 67.15 43.5 69.05 43.35 71.3 45.8 73.9 48.05 76.3 52.1 78.6 56.15 80.9 61.05 82.55 66.3 84.3 71.4 84.8 74.7 85.1 77.55 84.9 80.65 84.6 83.3 83.6 86.15 82.5 88.15 80.55 90.4 78.4 91.5 75.35M70.6 67.5Q72.3 68.4 73.1 69.7 73.9 71.15 73.45 73 73.1 74.3 72.3 75.25 71.55 76.1 70.3 76.6 69.25 77.05 67.75 77.25 66.3 77.4 64.85 77.3 62.3 77.15 59.25 76.3 56.6 75.5 54.15 74.3 51.9 73.2 50.45 72 49.05 70.75 49.1 69.8 49.2 69 50.25 68.25 51.3 67.55 53.15 67 55 66.4 57.25 66.1 59.8 65.8 62.1 65.8 64.65 65.85 66.7 66.2 68.9 66.65 70.6 67.5Z"})),__jsx("g",{transform:"matrix(1 0 0 1 0 0)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient121",gradientTransform:"rotate(-180 .5 .5)"},__jsx("stop",{offset:"0",stopColor:"#2087e2",stopOpacity:"1"}),__jsx("stop",{offset:"1",stopColor:"#b63fff",stopOpacity:"1"}))),__jsx("path",{fill:"url(#gradient121)",d:"M66.6 15.05Q66.4 9.65 63.9 6.05 61.25 2.1 56.1 0.65 54.95 0.3 53.65 0.15 52.5 0 51.3 0.1 50.2 0.1 49.1 0.35 48.15 0.55 47 1 43.3 2.45 40.3 6.1 37.5 9.4 35.5 14.3 33.75 18.45 32.7 23.4 31.7 28.05 31.35 32.85 31.05 37.2 31.3 41.2 31.6 45.15 32.4 48.35 34 54.9 37.3 56.4 37.6 56.55 37.9 56.65L39.2 56.85Q39.45 56.85 39.95 56.8 42.05 56.6 44.7 55.05 47.25 53.5 50.05 50.8 53.05 47.9 55.85 44.05 58.8 40.05 61.1 35.6 63.8 30.35 65.25 25.3 66.75 19.75 66.6 15.05M47.55 23.15Q48.05 23.25 48.4 23.4 52.45 24.8 52.55 29.85 52.6 34 50 39.4 47.85 43.9 44.85 47.3 42.05 50.5 40.15 50.7L39.9 50.75 39.45 50.7 39.2 50.6Q37.8 49.95 37.25 46.35 36.7 42.7 37.3 38 37.95 32.75 39.75 28.8 41.9 24.1 45.05 23.25 45.6 23.1 45.85 23.1 46.25 23.05 46.65 23.05 47.05 23.05 47.55 23.15Z"})),__jsx("g",{transform:"matrix(1 0 0 1 0 0)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient122",gradientTransform:"rotate(-90 .5 .5)"},__jsx("stop",{offset:"0",stopColor:"#100f0f",stopOpacity:"1"}),__jsx("stop",{offset:"1",stopColor:"#49261F",stopOpacity:"1"}))),__jsx("path",{fill:"url(#gradient122)",d:"M2.7 33.6Q2.1 34.4 1.7 35.35 1.25 36.5 1.05 37.7 0 42.6 2.2 47.2 4 51 8 54.35 11.55 57.3 16 59.15 20.5 61 23.85 60.85 24.5 60.85 25.25 60.7 26 60.55 26.5 60.3 27 60.05 27.45 59.65 27.9 59.25 28.15 58.75 29.35 56.45 27.5 51.65 25.6 47 21.75 42.1 17.75 37 13.4 34.05 8.7 30.9 5.45 31.7 4.65 31.9 3.95 32.4 3.25 32.85 2.7 33.6M10.1 43.55Q10.35 43.1 10.6 42.85 10.85 42.6 11.2 42.4 11.6 42.25 11.9 42.2 13.5 41.9 15.95 43.6 18.15 45.05 20.35 47.7 22.35 50.1 23.55 52.4 24.7 54.75 24.25 55.7 24.15 55.9 24 56 23.85 56.2 23.65 56.25 23.55 56.35 23.25 56.4L22.7 56.5Q21.1 56.6 18.55 55.6 16.05 54.6 13.85 52.95 11.5 51.2 10.35 49.15 9.05 46.8 9.75 44.45 9.9 43.95 10.1 43.55Z"})),__jsx("g",{transform:"matrix(1 0 0 1 0 0)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient123",gradientTransform:"rotate(-180 .5 .5)"},__jsx("stop",{offset:"0",stopColor:"#222020",stopOpacity:"1"}),__jsx("stop",{offset:"1",stopColor:"#49261F",stopOpacity:"1"}))),__jsx("path",{fill:"url(#gradient123)",d:"M34.95 74.2L34.75 74.2Q33.2 74.15 31.9 75.25 30.7 76.3 29.85 78.25 29.1 80 28.8 82.2 28.5 84.4 28.7 86.65 29.1 91.4 31.5 94.7 34.3 98.5 39.3 99.7L39.4 99.7 39.7 99.8 39.85 99.8Q45.3 100.85 47.15 97.75 48 96.3 48 94.05 47.95 91.9 47.2 89.35 46.45 86.75 45.1 84.15 43.75 81.5 42.05 79.35 40.25 77.1 38.45 75.75 36.55 74.35 34.95 74.2M33.55 80.4Q34.35 78.2 35.6 78.3L35.65 78.3Q36.9 78.45 38.6 80.9 40.3 83.35 41.15 86.05 42.1 89 41.55 90.75 40.9 92.6 38.35 92.25L38.3 92.25 38.25 92.2 38.1 92.2Q35.6 91.7 34.25 89.6 33.1 87.7 32.95 85 32.8 82.35 33.55 80.4Z"})),__jsx("g",{transform:"matrix(0.9999999999999999 0 0 1 0 5.684341886080802e-14)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient124",gradientTransform:"rotate(-180 .5 .5)"}," ",__jsx("stop",{offset:"0",stopColor:"#1e1c1c",stopOpacity:"1"}),__jsx("stop",{offset:"1",stopColor:"#49261F",stopOpacity:"1"}))),__jsx("path",{fill:"url(#gradient124)",d:"M22.7 69.65Q22.25 69.3 21.6 69.05 20.95 68.8 20.25 68.7 19.6 68.55 18.85 68.5 16.7 68.45 14.65 69.15 12.65 69.8 11.4 71.1 10.15 72.5 10.2 74.2 10.25 76.05 11.95 78.2 12.4 78.75 13.05 79.4 13.55 79.9 14.2 80.3 14.7 80.6 15.3 80.85 16 81.1 16.4 81.1 18.2 81.35 19.9 80.35 21.55 79.4 22.75 77.65 24 75.85 24.3 73.95 24.6 71.85 23.55 70.5 23.15 70 22.7 69.65M21.7 71.7Q22.15 72.3 21.9 73.3 21.7 74.25 21 75.25 20.3 76.2 19.4 76.75 18.45 77.35 17.55 77.25L17 77.15Q16.7 77.05 16.45 76.85 16.25 76.75 15.9 76.45 15.7 76.25 15.4 75.9 14.5 74.75 14.7 73.8 14.8 72.95 15.75 72.3 16.6 71.7 17.8 71.4 19 71.1 20.1 71.15L20.65 71.2 21.1 71.3Q21.3 71.4 21.45 71.5L21.7 71.7Z"})),__jsx("g",{transform:"matrix(1 0 0 1 0 0)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient125",gradientTransform:"rotate(-360 .5 .5)"},__jsx("stop",{offset:"0",stopColor:"#FFFFFF",stopOpacity:"0.5"}),__jsx("stop",{offset:"1",stopColor:"#FFFFFF",stopOpacity:"0.2"}))),__jsx("path",{fill:"url(#gradient125)",d:"M52.6 19.25Q59.6 19.25 66.2 20.95 66.7 17.8 66.6 15.05 66.4 9.65 63.9 6.05 61.25 2.1 56.1 0.65 54.95 0.3 53.65 0.15 52.5 0 51.3 0.1 50.2 0.1 49.1 0.35 48.15 0.55 47 1 43.3 2.45 40.3 6.1 37.5 9.4 35.5 14.3 33.85 18.3 32.8 22.85 42.25 19.25 52.6 19.25Z"})),__jsx("g",{transform:"matrix(1 0 0 1 0 0)"},__jsx("defs",null,__jsx("linearGradient",{x1:"0",y1:"0",x2:"0",y2:"1",id:"gradient126",gradientTransform:"rotate(-360 .5 .5)"},__jsx("stop",{offset:"0",stopColor:"#FFFFFF",stopOpacity:"0.5"}),__jsx("stop",{offset:"1",stopColor:"#FFFFFF",stopOpacity:"0.2"}))),__jsx("path",{fill:"url(#gradient126)",d:"M1.05 37.7Q0 42.6 2.2 47.2 2.95 48.8 4.05 50.25 7.55 41.65 14.4 34.75 14 34.45 13.4 34.05 8.7 30.9 5.45 31.7 4.65 31.9 3.95 32.4 3.25 32.85 2.7 33.6 2.1 34.4 1.7 35.35 1.25 36.5 1.05 37.7Z"})))),__jsx("g",{transform:"matrix(1.219512230276127 0 0 1.2195122143630526 32.82519274395008 88.56945194723018)"},__jsx("path",{fill:"#000000",fillOpacity:"1",d:""})))))))};OwncastLogo.displayName="OwncastLogo";try{OwncastLogo.displayName="OwncastLogo",OwncastLogo.__docgenInfo={description:"",displayName:"OwncastLogo",props:{variant:{defaultValue:{value:"simple"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"simple"'},{value:'"contrast"'}]}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/common/OwncastLogo/OwncastLogo.tsx#OwncastLogo"]={docgenInfo:OwncastLogo.__docgenInfo,name:"OwncastLogo",path:"components/common/OwncastLogo/OwncastLogo.tsx#OwncastLogo"})}catch(__react_docgen_typescript_loader_error){}},"./components/modals/FatalErrorStateModal/FatalErrorStateModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FatalErrorStateModal:()=>FatalErrorStateModal});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),antd__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/modal/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,FatalErrorStateModal=function FatalErrorStateModal(_ref){var title=_ref.title,message=_ref.message;return __jsx(antd__WEBPACK_IMPORTED_MODULE_1__.A,{title,visible:!0,footer:null,closable:!1,keyboard:!1,width:900,centered:!0,className:"modal"},__jsx("p",{style:{fontSize:"1.3rem"}},message))};FatalErrorStateModal.displayName="FatalErrorStateModal";try{FatalErrorStateModal.displayName="FatalErrorStateModal",FatalErrorStateModal.__docgenInfo={description:"",displayName:"FatalErrorStateModal",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/modals/FatalErrorStateModal/FatalErrorStateModal.tsx#FatalErrorStateModal"]={docgenInfo:FatalErrorStateModal.__docgenInfo,name:"FatalErrorStateModal",path:"components/modals/FatalErrorStateModal/FatalErrorStateModal.tsx#FatalErrorStateModal"})}catch(__react_docgen_typescript_loader_error){}},"./utils/apis.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D0:()=>FEDERATION_MESSAGE_SEND,DW:()=>getUnauthedData,Fd:()=>fetchData,Fq:()=>SERVER_CONFIG,XQ:()=>STATUS,e0:()=>upgradeVersionAvailable,nn:()=>SERVER_CONFIG_UPDATE_URL,r1:()=>FETCH_INTERVAL});var _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__),process=__webpack_require__("./node_modules/process/browser.js"),console=__webpack_require__("./node_modules/console-browserify/index.js");function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;rr}return!0}return local>=remote}function upgradeVersionAvailable(_x6){return _upgradeVersionAvailable.apply(this,arguments)}function _upgradeVersionAvailable(){return(_upgradeVersionAvailable=(0,_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_2__.A)(_tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee5(currentVersion){var recentRelease,recentReleaseVersion;return _tmp_tmp_P3msscMsii_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:return _context5.next=2,getGithubRelease();case 2:if(recentRelease=_context5.sent,"v"===(recentReleaseVersion=recentRelease.tag_name).substr(0,1)&&(recentReleaseVersion=recentReleaseVersion.substr(1)),upToDate(currentVersion,recentReleaseVersion)){_context5.next=7;break}return _context5.abrupt("return",recentReleaseVersion);case 7:return _context5.abrupt("return",null);case 8:case"end":return _context5.stop()}}),_callee5)})))).apply(this,arguments)}},"./utils/format.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ld:()=>formatUAstring,RW:()=>parseSecondsToDurationString});var ua_parser_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(ua_parser_js__WEBPACK_IMPORTED_MODULE_0__);function padLeft(text,pad,size){return String(pad.repeat(size)+text).slice(-size)}function parseSecondsToDurationString(){var seconds=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,finiteSeconds=Number.isFinite(+seconds)?Math.abs(seconds):0,days=Math.floor(finiteSeconds/86400),daysString=days>0?"".concat(days," day").concat(days>1?"s":""," "):"",hours=Math.floor(finiteSeconds/3600%24),hoursString=hours||days?padLeft("".concat(hours,":"),"0",3):"",mins=Math.floor(finiteSeconds/60%60),minString=padLeft("".concat(mins,":"),"0",3),secs=Math.floor(finiteSeconds%60);return daysString+hoursString+minString+padLeft("".concat(secs),"0",2)}function formatUAstring(uaString){var parser=ua_parser_js__WEBPACK_IMPORTED_MODULE_0___default()(uaString),device=parser.device,os=parser.os,browser=parser.browser,browserVersion=browser.major,name=browser.name,osVersion=os.version,osName=os.name,model=device.model,type=device.type;if("libmpv"===uaString)return"mpv media player";if(!name||!browserVersion||!osName)return uaString;var deviceString=model||type?" (".concat(model||type,")"):"";return"".concat(name," ").concat(browserVersion," on ").concat(osName," ").concat(osVersion,"\n ").concat(deviceString)}},"./utils/validators.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{AY:()=>isValidUrl,JP:()=>isValidFediverseAccount,vI:()=>DEFAULT_TEXTFIELD_URL_PATTERN});var DEFAULT_TEXTFIELD_URL_PATTERN="https?://.*";function isValidUrl(url){var validProtocols=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["http:","https:"];try{var validationObject=new URL(url);if(""===validationObject.protocol||""===validationObject.hostname||!validProtocols.includes(validationObject.protocol))return!1}catch(e){return!1}return!0}function isValidFediverseAccount(account){var sanitized=account.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(sanitized).toLowerCase())}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[17].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[17].use[3]!./components/common/OwncastLogo/OwncastLogo.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Mh5aZ2hlVAefs37ErsR8{display:flex;align-items:center;justify-content:center;width:max-content}.Mh5aZ2hlVAefs37ErsR8 svg{width:clamp(2.5rem,8vw,50px);height:clamp(2.5rem,8vw,50px)}.n7u4st83MroOERjeckaf{padding:5px;border-radius:50%}.n7u4st83MroOERjeckaf svg{width:clamp(2rem,7vw,40px);height:clamp(2rem,7vw,40px)}.EPyJp30PzqQBnQwBTIfr{background-color:rgba(0,0,0,0)}.EPyJp30PzqQBnQwBTIfr svg{width:clamp(2.5rem,8vw,50px);height:clamp(2.5rem,8vw,50px)}","",{version:3,sources:["webpack://./components/common/OwncastLogo/OwncastLogo.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,iBAAA,CAEA,0BACE,4BAAA,CACA,6BAAA,CAIJ,sBACE,WAAA,CACA,iBAAA,CAEA,0BACE,0BAAA,CACA,2BAAA,CAIJ,sBACE,8BAAA,CAEA,0BACE,4BAAA,CACA,6BAAA",sourcesContent:[".root {\n display: flex;\n align-items: center;\n justify-content: center;\n width: max-content;\n\n svg {\n width: clamp(2.5rem, 8vw, 50px);\n height: clamp(2.5rem, 8vw, 50px);\n }\n}\n\n.contrast {\n padding: 5px;\n border-radius: 50%;\n\n svg {\n width: clamp(2rem, 7vw, 40px);\n height: clamp(2rem, 7vw, 40px);\n }\n}\n\n.simple {\n background-color: transparent;\n\n svg {\n width: clamp(2.5rem, 8vw, 50px);\n height: clamp(2.5rem, 8vw, 50px);\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"Mh5aZ2hlVAefs37ErsR8",contrast:"n7u4st83MroOERjeckaf",simple:"EPyJp30PzqQBnQwBTIfr"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"?c969":()=>{},"?3e83":()=>{},"?19e6":()=>{}}]); \ No newline at end of file diff --git a/static/components/iframe.html b/static/components/iframe.html index 0e78406c6a..ef8cf7683d 100644 --- a/static/components/iframe.html +++ b/static/components/iframe.html @@ -348,7 +348,7 @@ window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":false};