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$"}}]);
\ No newline at end of file
diff --git a/static/components/5584.6cb1adfd.iframe.bundle.js b/static/components/5584.90db2599.iframe.bundle.js
similarity index 83%
rename from static/components/5584.6cb1adfd.iframe.bundle.js
rename to static/components/5584.90db2599.iframe.bundle.js
index 0978705b00..1833cbf59b 100644
--- a/static/components/5584.6cb1adfd.iframe.bundle.js
+++ b/static/components/5584.90db2599.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5584],{"./components/chat/ChatSocialMessage/like.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _linearGradient,_path,_path2,_path3,_path4,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _linearGradient,_path,_path2,_path3,_path4,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{__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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const AuthModal_AuthModal_module=AuthModal_module.Z&&AuthModal_module.Z.locals?AuthModal_module.Z.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.sJ)(ClientConfigStore.L4),accessToken=(0,es.sJ)(ClientConfigStore.FI),currentUser=(0,es.sJ)(ClientConfigStore.db),clientConfig=(0,es.sJ)(ClientConfigStore.g1);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.N,{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.f,{authenticated,displayName,accessToken})}];return __jsx(react_error_boundary_esm.SV,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.A,{componentName:"AuthModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx("div",null,__jsx(tabs.Z,{defaultActiveKey:"1",items,type:"card",size:"small",renderTabBar:fediverseEnabled||forceTabs?null:function(){return null}})))};AuthModal.displayName="AuthModal",AuthModal.__docgenInfo={description:"",methods:[],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__,{f:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const FediAuthModal_FediAuthModal_module=FediAuthModal_module.Z&&FediAuthModal_module.Z.locals?FediAuthModal_module.Z.locals:void 0;var validators=__webpack_require__("./utils/validators.ts"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.Z.Panel,CheckCircleOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(7996)]).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.Z)(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.Z)(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.Z)(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.Z,{value:code,onChange:function onChange(e){return setCode(e.target.value)},className:FediAuthModal_FediAuthModal_module.codeInput,placeholder:"123456",maxLength:6}),__jsx(es_button.Z,{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.Z.Search,{addonBefore:"@",onInput:function onInput(e){setAccount(e.target.value),function validate(acct){setValid((0,validators.ME)(acct))}(e.target.value)},value:account,placeholder:"youraccount@yourserver.com",status:!valid&&account.length>0?"error":void 0,onSearch:submitAccountPressed,enterButton:__jsx(es_button.Z,{type:valid?"primary":"default",disabled:!valid||0===account.length},__jsx(CheckCircleOutlined,null))}));return __jsx(spin.Z,{spinning:loading},__jsx(space.Z,{direction:"vertical"},message,errorMessageText&&__jsx(es_alert.Z,{message:"Error",description:errorMessageText,type:"error",showIcon:!0}),verifyingCode?inputCodeStep:inputAccountStep,__jsx(collapse.Z,{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",FediAuthModal.__docgenInfo={description:"",methods:[],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__,{N:()=>IndieAuthModal});var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_vAswo1O8DM_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__.Z.Panel,Link=antd__WEBPACK_IMPORTED_MODULE_4__.Z.Link,CheckCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(7996)]).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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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__.Z,{spinning:loading},__jsx(antd__WEBPACK_IMPORTED_MODULE_8__.Z,{direction:"vertical"},message,errorMessageText&&__jsx(antd__WEBPACK_IMPORTED_MODULE_9__.Z,{message:"Error",description:errorMessageText,type:"error",showIcon:!0}),__jsx("div",null,"Your domain"),__jsx(antd__WEBPACK_IMPORTED_MODULE_10__.Z.Search,{addonBefore:"https://",onInput:function onInput(e){":"!==e.nativeEvent.data&&(setHost(e.target.value),function validate(url){(0,_utils_validators__WEBPACK_IMPORTED_MODULE_5__.jv)(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__.Z,{type:valid?"primary":"default",disabled:!valid||0===host.length},__jsx(CheckCircleOutlined,null))}),__jsx(antd__WEBPACK_IMPORTED_MODULE_3__.Z,{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",IndieAuthModal.__docgenInfo={description:"",methods:[],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__,{ME:()=>isValidFediverseAccount,jv:()=>isValidUrl});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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/modals/AuthModal/AuthModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/modals/FediAuthModal/FediAuthModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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([[7209],{"./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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const AuthModal_AuthModal_module=AuthModal_module.Z&&AuthModal_module.Z.locals?AuthModal_module.Z.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.sJ)(ClientConfigStore.L4),accessToken=(0,es.sJ)(ClientConfigStore.FI),currentUser=(0,es.sJ)(ClientConfigStore.db),clientConfig=(0,es.sJ)(ClientConfigStore.g1);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.N,{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.f,{authenticated,displayName,accessToken})}];return __jsx(react_error_boundary_esm.SV,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.A,{componentName:"AuthModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx("div",null,__jsx(tabs.Z,{defaultActiveKey:"1",items,type:"card",size:"small",renderTabBar:fediverseEnabled||forceTabs?null:function(){return null}})))};AuthModal.displayName="AuthModal",AuthModal.__docgenInfo={description:"",methods:[],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__,{f:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const FediAuthModal_FediAuthModal_module=FediAuthModal_module.Z&&FediAuthModal_module.Z.locals?FediAuthModal_module.Z.locals:void 0;var validators=__webpack_require__("./utils/validators.ts"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.Z.Panel,CheckCircleOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(7996)]).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.Z)(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.Z)(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.Z)(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.Z,{value:code,onChange:function onChange(e){return setCode(e.target.value)},className:FediAuthModal_FediAuthModal_module.codeInput,placeholder:"123456",maxLength:6}),__jsx(es_button.Z,{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.Z.Search,{addonBefore:"@",onInput:function onInput(e){setAccount(e.target.value),function validate(acct){setValid((0,validators.ME)(acct))}(e.target.value)},value:account,placeholder:"youraccount@yourserver.com",status:!valid&&account.length>0?"error":void 0,onSearch:submitAccountPressed,enterButton:__jsx(es_button.Z,{type:valid?"primary":"default",disabled:!valid||0===account.length},__jsx(CheckCircleOutlined,null))}));return __jsx(spin.Z,{spinning:loading},__jsx(space.Z,{direction:"vertical"},message,errorMessageText&&__jsx(es_alert.Z,{message:"Error",description:errorMessageText,type:"error",showIcon:!0}),verifyingCode?inputCodeStep:inputAccountStep,__jsx(collapse.Z,{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",FediAuthModal.__docgenInfo={description:"",methods:[],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__,{N:()=>IndieAuthModal});var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_JUX7A1lQIH_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__.Z.Panel,Link=antd__WEBPACK_IMPORTED_MODULE_4__.Z.Link,CheckCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(7996)]).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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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__.Z,{spinning:loading},__jsx(antd__WEBPACK_IMPORTED_MODULE_8__.Z,{direction:"vertical"},message,errorMessageText&&__jsx(antd__WEBPACK_IMPORTED_MODULE_9__.Z,{message:"Error",description:errorMessageText,type:"error",showIcon:!0}),__jsx("div",null,"Your domain"),__jsx(antd__WEBPACK_IMPORTED_MODULE_10__.Z.Search,{addonBefore:"https://",onInput:function onInput(e){":"!==e.nativeEvent.data&&(setHost(e.target.value),function validate(url){(0,_utils_validators__WEBPACK_IMPORTED_MODULE_5__.jv)(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__.Z,{type:valid?"primary":"default",disabled:!valid||0===host.length},__jsx(CheckCircleOutlined,null))}),__jsx(antd__WEBPACK_IMPORTED_MODULE_3__.Z,{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",IndieAuthModal.__docgenInfo={description:"",methods:[],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__,{ME:()=>isValidFediverseAccount,jv:()=>isValidUrl});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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/modals/AuthModal/AuthModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/modals/FediAuthModal/FediAuthModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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/832.aa4fde51.iframe.bundle.js b/static/components/832.09eb1373.iframe.bundle.js
similarity index 94%
rename from static/components/832.aa4fde51.iframe.bundle.js
rename to static/components/832.09eb1373.iframe.bundle.js
index fe7e71c1dc..c084edeb66 100644
--- a/static/components/832.aa4fde51.iframe.bundle.js
+++ b/static/components/832.09eb1373.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[832],{"./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_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_vAswo1O8DM_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__.Z.confirm,CloseCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(4337)]).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(2074),__webpack_require__.e(7039)]).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(2074),__webpack_require__.e(4645)]).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(2074),__webpack_require__.e(500)]).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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee(){return _tmp_tmp_vAswo1O8DM_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__.Z.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__.ZP.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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee2(){return _tmp_tmp_vAswo1O8DM_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__.Z.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__.ZP.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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee3(){return _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee4(){return _tmp_tmp_vAswo1O8DM_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__.Z,{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__.Z,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__.l,{userId:userID,accessToken})))};ChatModerationActionMenu.__docgenInfo={description:"",methods:[],displayName:"ChatModerationActionMenu"};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__,{l:()=>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/esm/format/index.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"),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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatModerationDetailsModal_ChatModerationDetailsModal_module=ChatModerationDetailsModal_module.Z&&ChatModerationDetailsModal_module.Z.locals?ChatModerationDetailsModal_module.Z.locals:void 0;var ua_parser=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_default=__webpack_require__.n(ua_parser);function formatUAstring(uaString){var parser=ua_parser_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)}var ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.Z.Panel,DeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(7949)]).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.Z)(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.Z.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.Z,{justify:"space-around",align:"middle"},__jsx(col.Z,{span:12},label),__jsx(col.Z,{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.Z)(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.Z)(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.Z)(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.Z)(new Date(timestamp),"PP pp")}},{title:"Delete",key:"delete",render:function render(_text,record){return __jsx(es_button.Z,{type:"primary",ghost:!0,icon:__jsx(DeleteOutlined,null),onClick:function onClick(){return removeMessage(record.id,accessToken)}})}}];return __jsx(react_error_boundary_esm.SV,{fallbackRender:function fallbackRender(_ref7){var error=_ref7.error,resetErrorBoundary=_ref7.resetErrorBoundary;return __jsx(ComponentError.A,{componentName:"ChatModerationDetailsModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx(spin.Z,{spinning:loading},__jsx(UserColorBlock,{color:displayColor}),null==scopes?void 0:scopes.map((function(scope){return __jsx(tag.Z,{key:scope},scope)})),authenticated&&__jsx(tag.Z,null,"Authenticated"),isBot&&__jsx(tag.Z,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.Z,{accordion:!0},__jsx(Panel,{header:"Currently Connected Clients",key:"connected-clients"},__jsx(collapse.Z,{accordion:!0},connectedClients.map((function(client){return __jsx(Panel,{header:formatUAstring(client.userAgent),key:client.id},__jsx(ConnectedClient,{client}))})))),__jsx(collapse.Z,{accordion:!0},__jsx(Panel,{header:"Recent Chat Messages",key:"chat-messages"},__jsx(table.Z,{size:"small",pagination:null,columns:chatMessageColumns,dataSource:messages,rowKey:"id"}))))))};ChatModerationDetailsModal.displayName="ChatModerationDetailsModal",ChatModerationDetailsModal.__docgenInfo={description:"",methods:[],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__,{A:()=>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__.Z,{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__.Z,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.Z,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",methods:[],displayName:"ComponentError",props:{message:{required:!1,tsType:{name:"string"},description:""},componentName:{required:!0,tsType:{name:"string"},description:""},details:{required:!1,tsType:{name:"string"},description:""},retryFunction:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const Modal_Modal_module=Modal_module.Z&&Modal_module.Z.locals?Modal_module.Z.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.Z,{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.SV,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.A,{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.Z,{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},Modal.__docgenInfo={description:"",methods:[],displayName:"Modal",props:{url:{defaultValue:{value:"undefined",computed:!0},required:!1},children:{defaultValue:{value:"undefined",computed:!0},required:!1},handleOk:{defaultValue:{value:"undefined",computed:!0},required:!1},handleCancel:{defaultValue:{value:"undefined",computed:!0},required:!1},afterClose:{defaultValue:{value:"undefined",computed:!0},required:!1}}};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__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=function(){function ChatModerationService(){(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.Z)(this,ChatModerationService)}var _banUser,_removeMessage;return(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__.Z)(ChatModerationService,null,[{key:"removeMessage",value:(_removeMessage=(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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)})}]),ChatModerationService}()},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/ui/Modal/Modal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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([[832],{"./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_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_JUX7A1lQIH_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__.Z.confirm,CloseCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(4337)]).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(2074),__webpack_require__.e(7039)]).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(2074),__webpack_require__.e(4645)]).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(2074),__webpack_require__.e(500)]).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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee(){return _tmp_tmp_JUX7A1lQIH_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__.Z.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__.ZP.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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee2(){return _tmp_tmp_JUX7A1lQIH_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__.Z.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__.ZP.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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee3(){return _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee4(){return _tmp_tmp_JUX7A1lQIH_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__.Z,{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__.Z,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__.l,{userId:userID,accessToken})))};ChatModerationActionMenu.__docgenInfo={description:"",methods:[],displayName:"ChatModerationActionMenu"};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__,{l:()=>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/esm/format/index.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"),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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatModerationDetailsModal_ChatModerationDetailsModal_module=ChatModerationDetailsModal_module.Z&&ChatModerationDetailsModal_module.Z.locals?ChatModerationDetailsModal_module.Z.locals:void 0;var ua_parser=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_default=__webpack_require__.n(ua_parser);function formatUAstring(uaString){var parser=ua_parser_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)}var ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.Z.Panel,DeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(7949)]).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.Z)(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.Z.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.Z,{justify:"space-around",align:"middle"},__jsx(col.Z,{span:12},label),__jsx(col.Z,{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.Z)(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.Z)(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.Z)(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.Z)(new Date(timestamp),"PP pp")}},{title:"Delete",key:"delete",render:function render(_text,record){return __jsx(es_button.Z,{type:"primary",ghost:!0,icon:__jsx(DeleteOutlined,null),onClick:function onClick(){return removeMessage(record.id,accessToken)}})}}];return __jsx(react_error_boundary_esm.SV,{fallbackRender:function fallbackRender(_ref7){var error=_ref7.error,resetErrorBoundary=_ref7.resetErrorBoundary;return __jsx(ComponentError.A,{componentName:"ChatModerationDetailsModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx(spin.Z,{spinning:loading},__jsx(UserColorBlock,{color:displayColor}),null==scopes?void 0:scopes.map((function(scope){return __jsx(tag.Z,{key:scope},scope)})),authenticated&&__jsx(tag.Z,null,"Authenticated"),isBot&&__jsx(tag.Z,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.Z,{accordion:!0},__jsx(Panel,{header:"Currently Connected Clients",key:"connected-clients"},__jsx(collapse.Z,{accordion:!0},connectedClients.map((function(client){return __jsx(Panel,{header:formatUAstring(client.userAgent),key:client.id},__jsx(ConnectedClient,{client}))})))),__jsx(collapse.Z,{accordion:!0},__jsx(Panel,{header:"Recent Chat Messages",key:"chat-messages"},__jsx(table.Z,{size:"small",pagination:null,columns:chatMessageColumns,dataSource:messages,rowKey:"id"}))))))};ChatModerationDetailsModal.displayName="ChatModerationDetailsModal",ChatModerationDetailsModal.__docgenInfo={description:"",methods:[],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__,{A:()=>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__.Z,{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__.Z,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.Z,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",methods:[],displayName:"ComponentError",props:{message:{required:!1,tsType:{name:"string"},description:""},componentName:{required:!0,tsType:{name:"string"},description:""},details:{required:!1,tsType:{name:"string"},description:""},retryFunction:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const Modal_Modal_module=Modal_module.Z&&Modal_module.Z.locals?Modal_module.Z.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.Z,{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.SV,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.A,{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.Z,{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},Modal.__docgenInfo={description:"",methods:[],displayName:"Modal",props:{url:{defaultValue:{value:"undefined",computed:!0},required:!1},children:{defaultValue:{value:"undefined",computed:!0},required:!1},handleOk:{defaultValue:{value:"undefined",computed:!0},required:!1},handleCancel:{defaultValue:{value:"undefined",computed:!0},required:!1},afterClose:{defaultValue:{value:"undefined",computed:!0},required:!1}}};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__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=function(){function ChatModerationService(){(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.Z)(this,ChatModerationService)}var _banUser,_removeMessage;return(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__.Z)(ChatModerationService,null,[{key:"removeMessage",value:(_removeMessage=(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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)})}]),ChatModerationService}()},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/ui/Modal/Modal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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/9572.f0b486fc.iframe.bundle.js b/static/components/9572.6930da79.iframe.bundle.js
similarity index 92%
rename from static/components/9572.f0b486fc.iframe.bundle.js
rename to static/components/9572.6930da79.iframe.bundle.js
index 871f1499b0..9c530d5bbf 100644
--- a/static/components/9572.f0b486fc.iframe.bundle.js
+++ b/static/components/9572.6930da79.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[9572],{"./components/stores/ClientConfigStore.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{gG:()=>ChatState,me:()=>ClientConfigStore,FI:()=>accessTokenAtom,Q:()=>appStateAtom,L4:()=>chatAuthenticatedAtom,j$:()=>chatMessagesAtom,vZ:()=>chatStateAtom,g1:()=>clientConfigStateAtom,g8:()=>clockSkewAtom,db:()=>currentUserAtom,ap:()=>fatalErrorStateAtom,di:()=>isChatAvailableSelector,hz:()=>isMobileAtom,YW:()=>isOnlineSelector,We:()=>isVideoPlayingAtom,RI:()=>serverStatusState,pH:()=>visibleChatMessagesSelector,Gt:()=>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(){function WebsocketService(accessToken,path,host){(0,classCallCheck.Z)(this,WebsocketService),(0,defineProperty.Z)(this,"websocket",void 0),(0,defineProperty.Z)(this,"accessToken",void 0),(0,defineProperty.Z)(this,"host",void 0),(0,defineProperty.Z)(this,"path",void 0),(0,defineProperty.Z)(this,"websocketReconnectTimer",void 0),(0,defineProperty.Z)(this,"isShutdown",!1),(0,defineProperty.Z)(this,"backOff",0),(0,defineProperty.Z)(this,"handleMessage",void 0),(0,defineProperty.Z)(this,"socketConnected",void 0),(0,defineProperty.Z)(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()}return(0,createClass.Z)(WebsocketService,[{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.Z)(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.Z)(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.$o)("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.qQ)("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.C.ERROR_NEEDS_REGISTRATION:!function resetAndReAuth(){var _ws;(0,localStorage.qQ)("accessToken",""),setAccessToken(null),null===(_ws=ws)||void 0===_ws||_ws.shutdown(),handleUserRegistration()}();break;case socket_events.C.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.s(message);!hasBeenModeratorNotified&&null!==(_m$user=m.user)&&void 0!==_m$user&&_m$user.isModerator&&(setChatMessages((function(currentState){return[].concat((0,toConsumableArray.Z)(currentState),[message])})),hasBeenModeratorNotified=!0)}break;case socket_events.C.CHAT:setChatMessages((function(currentState){return[].concat((0,toConsumableArray.Z)(currentState),[message])}));break;case socket_events.C.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.Z)(currentState),[message])}))}(message,setChatMessages,setCurrentUser);break;case socket_events.C.USER_JOINED:case socket_events.C.USER_PARTED:case socket_events.C.SYSTEM:case socket_events.C.CHAT_ACTION:case socket_events.C.FEDIVERSE_ENGAGEMENT_FOLLOW:case socket_events.C.FEDIVERSE_ENGAGEMENT_LIKE:case socket_events.C.FEDIVERSE_ENGAGEMENT_REPOST:setChatMessages((function(currentState){return[].concat((0,toConsumableArray.Z)(currentState),[message])}));break;case socket_events.C.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.Z)(currentState),(0,toConsumableArray.Z)(ids))})}(message);break;case socket_events.C.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.Z)(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.Z)(currentState),(0,toConsumableArray.Z)(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.Z)(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.YR)(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__,{K:()=>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__,{q:()=>makeEmptyServerStatus})},"./interfaces/socket-events.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{C:()=>MessageType,s:()=>ChatEvent});var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_0__.Z)((function ChatEvent(message){(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.Z)(this,ChatEvent),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"timestamp",void 0),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"type",void 0),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"id",void 0),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"user",void 0),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(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__.n(message.user))}))},"./interfaces/user.model.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{n:()=>User});var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_0__.Z)((function User(u){(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.Z)(this,User),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"id",void 0),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"displayName",void 0),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"displayColor",void 0),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"createdAt",void 0),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"previousNames",void 0),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"nameChangedAt",void 0),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"scopes",void 0),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"authenticated",void 0),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"isBot",void 0),(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(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"))}))},"./services/chat-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>ChatServiceContext});var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),classCallCheck=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.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"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),process=__webpack_require__("./node_modules/process/browser.js");__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;r{__webpack_require__.d(__webpack_exports__,{i:()=>ClientConfigServiceContext});var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_vAswo1O8DM_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(){function ClientConfigService(){(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,ClientConfigService)}var _getConfig;return(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_3__.Z)(ClientConfigService,null,[{key:"getConfig",value:(_getConfig=(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(){var response,status;return _tmp_tmp_vAswo1O8DM_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)})}]),ClientConfigService}(),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__,{a:()=>ServerStatusServiceContext});var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_vAswo1O8DM_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(){function ServerStatusService(){(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,ServerStatusService)}var _getStatus;return(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_3__.Z)(ServerStatusService,null,[{key:"getStatus",value:(_getStatus=(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(){var response,status;return _tmp_tmp_vAswo1O8DM_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)})}]),ServerStatusService}(),ServerStatusServiceContext=(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(ServerStatusService)},"./utils/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{C9:()=>isMobileSafariIos,Xb:()=>getDiffInDaysFromNow,YR:()=>mergeMeta,_6:()=>pluralize,rZ:()=>isMobileSafariHomeScreenApp});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 pluralize(string,count){return 1===count?string:"".concat(string,"s")}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)}},"./utils/localStorage.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$o:()=>getLocalStorage,dA:()=>LOCAL_STORAGE_KEYS,qQ:()=>setLocalStorage});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([[9572],{"./components/stores/ClientConfigStore.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{gG:()=>ChatState,me:()=>ClientConfigStore,FI:()=>accessTokenAtom,Q:()=>appStateAtom,L4:()=>chatAuthenticatedAtom,j$:()=>chatMessagesAtom,vZ:()=>chatStateAtom,g1:()=>clientConfigStateAtom,g8:()=>clockSkewAtom,db:()=>currentUserAtom,ap:()=>fatalErrorStateAtom,di:()=>isChatAvailableSelector,hz:()=>isMobileAtom,YW:()=>isOnlineSelector,We:()=>isVideoPlayingAtom,RI:()=>serverStatusState,pH:()=>visibleChatMessagesSelector,Gt:()=>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(){function WebsocketService(accessToken,path,host){(0,classCallCheck.Z)(this,WebsocketService),(0,defineProperty.Z)(this,"websocket",void 0),(0,defineProperty.Z)(this,"accessToken",void 0),(0,defineProperty.Z)(this,"host",void 0),(0,defineProperty.Z)(this,"path",void 0),(0,defineProperty.Z)(this,"websocketReconnectTimer",void 0),(0,defineProperty.Z)(this,"isShutdown",!1),(0,defineProperty.Z)(this,"backOff",0),(0,defineProperty.Z)(this,"handleMessage",void 0),(0,defineProperty.Z)(this,"socketConnected",void 0),(0,defineProperty.Z)(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()}return(0,createClass.Z)(WebsocketService,[{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.Z)(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.Z)(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.$o)("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.qQ)("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.C.ERROR_NEEDS_REGISTRATION:!function resetAndReAuth(){var _ws;(0,localStorage.qQ)("accessToken",""),setAccessToken(null),null===(_ws=ws)||void 0===_ws||_ws.shutdown(),handleUserRegistration()}();break;case socket_events.C.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.s(message);!hasBeenModeratorNotified&&null!==(_m$user=m.user)&&void 0!==_m$user&&_m$user.isModerator&&(setChatMessages((function(currentState){return[].concat((0,toConsumableArray.Z)(currentState),[message])})),hasBeenModeratorNotified=!0)}break;case socket_events.C.CHAT:setChatMessages((function(currentState){return[].concat((0,toConsumableArray.Z)(currentState),[message])}));break;case socket_events.C.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.Z)(currentState),[message])}))}(message,setChatMessages,setCurrentUser);break;case socket_events.C.USER_JOINED:case socket_events.C.USER_PARTED:case socket_events.C.SYSTEM:case socket_events.C.CHAT_ACTION:case socket_events.C.FEDIVERSE_ENGAGEMENT_FOLLOW:case socket_events.C.FEDIVERSE_ENGAGEMENT_LIKE:case socket_events.C.FEDIVERSE_ENGAGEMENT_REPOST:setChatMessages((function(currentState){return[].concat((0,toConsumableArray.Z)(currentState),[message])}));break;case socket_events.C.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.Z)(currentState),(0,toConsumableArray.Z)(ids))})}(message);break;case socket_events.C.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.Z)(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.Z)(currentState),(0,toConsumableArray.Z)(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.Z)(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.YR)(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__,{K:()=>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__,{q:()=>makeEmptyServerStatus})},"./interfaces/socket-events.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{C:()=>MessageType,s:()=>ChatEvent});var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_0__.Z)((function ChatEvent(message){(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.Z)(this,ChatEvent),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"timestamp",void 0),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"type",void 0),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"id",void 0),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"user",void 0),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(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__.n(message.user))}))},"./interfaces/user.model.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{n:()=>User});var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_0__.Z)((function User(u){(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.Z)(this,User),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"id",void 0),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"displayName",void 0),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"displayColor",void 0),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"createdAt",void 0),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"previousNames",void 0),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"nameChangedAt",void 0),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"scopes",void 0),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"authenticated",void 0),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,"isBot",void 0),(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_2__.Z)(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"))}))},"./services/chat-service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>ChatServiceContext});var asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),classCallCheck=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.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"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),process=__webpack_require__("./node_modules/process/browser.js");__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;r{__webpack_require__.d(__webpack_exports__,{i:()=>ClientConfigServiceContext});var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_JUX7A1lQIH_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(){function ClientConfigService(){(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,ClientConfigService)}var _getConfig;return(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_3__.Z)(ClientConfigService,null,[{key:"getConfig",value:(_getConfig=(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(){var response,status;return _tmp_tmp_JUX7A1lQIH_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)})}]),ClientConfigService}(),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__,{a:()=>ServerStatusServiceContext});var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_JUX7A1lQIH_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(){function ServerStatusService(){(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_2__.Z)(this,ServerStatusService)}var _getStatus;return(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_3__.Z)(ServerStatusService,null,[{key:"getStatus",value:(_getStatus=(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default().mark((function _callee(){var response,status;return _tmp_tmp_JUX7A1lQIH_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)})}]),ServerStatusService}(),ServerStatusServiceContext=(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(ServerStatusService)},"./utils/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{C9:()=>isMobileSafariIos,Xb:()=>getDiffInDaysFromNow,YR:()=>mergeMeta,_6:()=>pluralize,rZ:()=>isMobileSafariHomeScreenApp});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 pluralize(string,count){return 1===count?string:"".concat(string,"s")}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)}},"./utils/localStorage.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$o:()=>getLocalStorage,dA:()=>LOCAL_STORAGE_KEYS,qQ:()=>setLocalStorage});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.224c5b5a.iframe.bundle.js b/static/components/Design-stories-mdx.9bd93811.iframe.bundle.js
similarity index 97%
rename from static/components/Design-stories-mdx.224c5b5a.iframe.bundle.js
rename to static/components/Design-stories-mdx.9bd93811.iframe.bundle.js
index 59d3c36de0..3bbc0479b5 100644
--- a/static/components/Design-stories-mdx.224c5b5a.iframe.bundle.js
+++ b/static/components/Design-stories-mdx.9bd93811.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see Design-stories-mdx.224c5b5a.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[8749],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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 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 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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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
+/*! For license information please see Design-stories-mdx.9bd93811.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[8749],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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 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 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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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/Design-stories-mdx.224c5b5a.iframe.bundle.js.LICENSE.txt b/static/components/Design-stories-mdx.9bd93811.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from static/components/Design-stories-mdx.224c5b5a.iframe.bundle.js.LICENSE.txt
rename to static/components/Design-stories-mdx.9bd93811.iframe.bundle.js.LICENSE.txt
diff --git a/static/components/Development-stories-mdx.5c3bcf73.iframe.bundle.js b/static/components/Development-stories-mdx.75fa4050.iframe.bundle.js
similarity index 98%
rename from static/components/Development-stories-mdx.5c3bcf73.iframe.bundle.js
rename to static/components/Development-stories-mdx.75fa4050.iframe.bundle.js
index 2f609e4ef9..8498bcfd4b 100644
--- a/static/components/Development-stories-mdx.5c3bcf73.iframe.bundle.js
+++ b/static/components/Development-stories-mdx.75fa4050.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see Development-stories-mdx.5c3bcf73.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5842],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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/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/usage/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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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
+/*! For license information please see Development-stories-mdx.75fa4050.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5842],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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/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/usage/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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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.5c3bcf73.iframe.bundle.js.LICENSE.txt b/static/components/Development-stories-mdx.75fa4050.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from static/components/Development-stories-mdx.5c3bcf73.iframe.bundle.js.LICENSE.txt
rename to static/components/Development-stories-mdx.75fa4050.iframe.bundle.js.LICENSE.txt
diff --git a/static/components/Emoji-stories-mdx.ab5e43a9.iframe.bundle.js b/static/components/Emoji-stories-mdx.21e42e30.iframe.bundle.js
similarity index 98%
rename from static/components/Emoji-stories-mdx.ab5e43a9.iframe.bundle.js
rename to static/components/Emoji-stories-mdx.21e42e30.iframe.bundle.js
index edade3368c..fe9c7f49e3 100644
--- a/static/components/Emoji-stories-mdx.ab5e43a9.iframe.bundle.js
+++ b/static/components/Emoji-stories-mdx.21e42e30.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see Emoji-stories-mdx.ab5e43a9.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[6396],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.ah)(),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__.h_,{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__.Lo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__.Lo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__.Lo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__.Lo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.ah)(),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},"./.storybook/stories-category-doc-pages/ImageAsset.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>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",ImageAsset.__docgenInfo={description:"",methods:[],displayName:"ImageAsset"},ImageRow.__docgenInfo={description:"",methods:[],displayName:"ImageRow",props:{images:{required:!0,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:"{\n name: string;\n src: string;\n}",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!0}}]}}],raw:"ImageAssetProps[]"},description:""}}};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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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
+/*! For license information please see Emoji-stories-mdx.21e42e30.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[6396],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.ah)(),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__.h_,{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__.Lo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__.Lo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__.Lo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__.Lo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.ah)(),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},"./.storybook/stories-category-doc-pages/ImageAsset.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>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",ImageAsset.__docgenInfo={description:"",methods:[],displayName:"ImageAsset"},ImageRow.__docgenInfo={description:"",methods:[],displayName:"ImageRow",props:{images:{required:!0,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:"{\n name: string;\n src: string;\n}",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!0}}]}}],raw:"ImageAssetProps[]"},description:""}}};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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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.ab5e43a9.iframe.bundle.js.LICENSE.txt b/static/components/Emoji-stories-mdx.21e42e30.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from static/components/Emoji-stories-mdx.ab5e43a9.iframe.bundle.js.LICENSE.txt
rename to static/components/Emoji-stories-mdx.21e42e30.iframe.bundle.js.LICENSE.txt
diff --git a/static/components/Images-stories-mdx.f34c3ae6.iframe.bundle.js b/static/components/Images-stories-mdx.64c18684.iframe.bundle.js
similarity index 94%
rename from static/components/Images-stories-mdx.f34c3ae6.iframe.bundle.js
rename to static/components/Images-stories-mdx.64c18684.iframe.bundle.js
index ba94ebeaed..17effeff74 100644
--- a/static/components/Images-stories-mdx.f34c3ae6.iframe.bundle.js
+++ b/static/components/Images-stories-mdx.64c18684.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see Images-stories-mdx.f34c3ae6.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[6709],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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__.Lo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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
+/*! For license information please see Images-stories-mdx.64c18684.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[6709],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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__.Lo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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.f34c3ae6.iframe.bundle.js.LICENSE.txt b/static/components/Images-stories-mdx.64c18684.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from static/components/Images-stories-mdx.f34c3ae6.iframe.bundle.js.LICENSE.txt
rename to static/components/Images-stories-mdx.64c18684.iframe.bundle.js.LICENSE.txt
diff --git a/static/components/LogosAndGraphics-stories-mdx.a6979350.iframe.bundle.js b/static/components/LogosAndGraphics-stories-mdx.9dd61a34.iframe.bundle.js
similarity index 97%
rename from static/components/LogosAndGraphics-stories-mdx.a6979350.iframe.bundle.js
rename to static/components/LogosAndGraphics-stories-mdx.9dd61a34.iframe.bundle.js
index 6db86e4133..6d40297b02 100644
--- a/static/components/LogosAndGraphics-stories-mdx.a6979350.iframe.bundle.js
+++ b/static/components/LogosAndGraphics-stories-mdx.9dd61a34.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see LogosAndGraphics-stories-mdx.a6979350.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[954],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.ah)(),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__.h_,{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__.j,{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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.ah)(),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},"./.storybook/stories-category-doc-pages/ImageAsset.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>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",ImageAsset.__docgenInfo={description:"",methods:[],displayName:"ImageAsset"},ImageRow.__docgenInfo={description:"",methods:[],displayName:"ImageRow",props:{images:{required:!0,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:"{\n name: string;\n src: string;\n}",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!0}}]}}],raw:"ImageAssetProps[]"},description:""}}};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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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
+/*! For license information please see LogosAndGraphics-stories-mdx.9dd61a34.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[954],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.ah)(),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__.h_,{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__.j,{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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.ah)(),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},"./.storybook/stories-category-doc-pages/ImageAsset.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>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",ImageAsset.__docgenInfo={description:"",methods:[],displayName:"ImageAsset"},ImageRow.__docgenInfo={description:"",methods:[],displayName:"ImageRow",props:{images:{required:!0,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:"{\n name: string;\n src: string;\n}",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!0}}]}}],raw:"ImageAssetProps[]"},description:""}}};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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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.a6979350.iframe.bundle.js.LICENSE.txt b/static/components/LogosAndGraphics-stories-mdx.9dd61a34.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from static/components/LogosAndGraphics-stories-mdx.a6979350.iframe.bundle.js.LICENSE.txt
rename to static/components/LogosAndGraphics-stories-mdx.9dd61a34.iframe.bundle.js.LICENSE.txt
diff --git a/static/components/PageLogo-stories.780d82da.iframe.bundle.js b/static/components/PageLogo-stories.5cb5c7d3.iframe.bundle.js
similarity index 98%
rename from static/components/PageLogo-stories.780d82da.iframe.bundle.js
rename to static/components/PageLogo-stories.5cb5c7d3.iframe.bundle.js
index a27aa47032..64f754b792 100644
--- a/static/components/PageLogo-stories.780d82da.iframe.bundle.js
+++ b/static/components/PageLogo-stories.5cb5c7d3.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[1442],{"./components/ui/Logo/Logo.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>Logo});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),Logo_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/ui/Logo/Logo.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()(Logo_module.Z,options);const Logo_Logo_module=Logo_module.Z&&Logo_module.Z.locals?Logo_module.Z.locals:void 0;var __jsx=react.createElement,Logo=function Logo(_ref){var src=_ref.src;return __jsx("div",{className:Logo_Logo_module.root},__jsx("div",{className:Logo_Logo_module.container},__jsx("img",{src,alt:"Logo",className:Logo_Logo_module.image,loading:"lazy"})))};Logo.displayName="Logo",Logo.__docgenInfo={description:"",methods:[],displayName:"Logo"};try{Logo.displayName="Logo",Logo.__docgenInfo={description:"",displayName:"Logo",props:{src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/Logo/Logo.tsx#Logo"]={docgenInfo:Logo.__docgenInfo,name:"Logo",path:"components/ui/Logo/Logo.tsx#Logo"})}catch(__react_docgen_typescript_loader_error){}},"./stories/PageLogo.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DemoServer:()=>DemoServer,LocalServer:()=>LocalServer,NotSquare:()=>NotSquare,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _LocalServer$paramete,_LocalServer$paramete2,_DemoServer$parameter,_DemoServer$parameter2,_NotSquare$parameters,_NotSquare$parameters2,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.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;r{__webpack_require__.d(__webpack_exports__,{Z:()=>__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,".FTjAHUoiZ9Nxe3OX7NSF{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;margin-right:.5rem;width:96px;height:96px;border-radius:50%;border-width:5px;border-style:solid;border-color:var(--theme-color-palette-0);background-color:var(--theme-color-palette-4)}.imeI_H_fMk90SW3hTpJ0{width:90%;height:90%;border-radius:50%;overflow:hidden}.e76MdtubbucqX5_rXYbe{width:100%;height:100%;object-fit:cover;object-position:center;overflow:hidden}","",{version:3,sources:["webpack://./components/ui/Logo/Logo.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,gBAAA,CACA,kBAAA,CACA,yCAAA,CACA,6CAAA,CAGF,sBACE,SAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAA,CAGF,sBACE,UAAA,CACA,WAAA,CACA,gBAAA,CACA,sBAAA,CACA,eAAA",sourcesContent:[".root {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n margin-right: 0.5rem;\n width: 96px;\n height: 96px;\n border-radius: 50%;\n border-width: 5px;\n border-style: solid;\n border-color: var(--theme-color-palette-0);\n background-color: var(--theme-color-palette-4);\n}\n\n.container {\n width: 90%;\n height: 90%;\n border-radius: 50%;\n overflow: hidden;\n}\n\n.image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n overflow: hidden;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"FTjAHUoiZ9Nxe3OX7NSF",container:"imeI_H_fMk90SW3hTpJ0",image:"e76MdtubbucqX5_rXYbe"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[1442],{"./components/ui/Logo/Logo.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>Logo});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),Logo_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/ui/Logo/Logo.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()(Logo_module.Z,options);const Logo_Logo_module=Logo_module.Z&&Logo_module.Z.locals?Logo_module.Z.locals:void 0;var __jsx=react.createElement,Logo=function Logo(_ref){var src=_ref.src;return __jsx("div",{className:Logo_Logo_module.root},__jsx("div",{className:Logo_Logo_module.container},__jsx("img",{src,alt:"Logo",className:Logo_Logo_module.image,loading:"lazy"})))};Logo.displayName="Logo",Logo.__docgenInfo={description:"",methods:[],displayName:"Logo"};try{Logo.displayName="Logo",Logo.__docgenInfo={description:"",displayName:"Logo",props:{src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ui/Logo/Logo.tsx#Logo"]={docgenInfo:Logo.__docgenInfo,name:"Logo",path:"components/ui/Logo/Logo.tsx#Logo"})}catch(__react_docgen_typescript_loader_error){}},"./stories/PageLogo.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DemoServer:()=>DemoServer,LocalServer:()=>LocalServer,NotSquare:()=>NotSquare,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _LocalServer$paramete,_LocalServer$paramete2,_DemoServer$parameter,_DemoServer$parameter2,_NotSquare$parameters,_NotSquare$parameters2,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.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;r{__webpack_require__.d(__webpack_exports__,{Z:()=>__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,".FTjAHUoiZ9Nxe3OX7NSF{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;margin-right:.5rem;width:96px;height:96px;border-radius:50%;border-width:5px;border-style:solid;border-color:var(--theme-color-palette-0);background-color:var(--theme-color-palette-4)}.imeI_H_fMk90SW3hTpJ0{width:90%;height:90%;border-radius:50%;overflow:hidden}.e76MdtubbucqX5_rXYbe{width:100%;height:100%;object-fit:cover;object-position:center;overflow:hidden}","",{version:3,sources:["webpack://./components/ui/Logo/Logo.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,gBAAA,CACA,kBAAA,CACA,yCAAA,CACA,6CAAA,CAGF,sBACE,SAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAA,CAGF,sBACE,UAAA,CACA,WAAA,CACA,gBAAA,CACA,sBAAA,CACA,eAAA",sourcesContent:[".root {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n margin-right: 0.5rem;\n width: 96px;\n height: 96px;\n border-radius: 50%;\n border-width: 5px;\n border-style: solid;\n border-color: var(--theme-color-palette-0);\n background-color: var(--theme-color-palette-4);\n}\n\n.container {\n width: 90%;\n height: 90%;\n border-radius: 50%;\n overflow: hidden;\n}\n\n.image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n overflow: hidden;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"FTjAHUoiZ9Nxe3OX7NSF",container:"imeI_H_fMk90SW3hTpJ0",image:"e76MdtubbucqX5_rXYbe"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
\ No newline at end of file
diff --git a/static/components/ProductDefinition-stories-mdx.1d554fd6.iframe.bundle.js b/static/components/ProductDefinition-stories-mdx.b74ea714.iframe.bundle.js
similarity index 97%
rename from static/components/ProductDefinition-stories-mdx.1d554fd6.iframe.bundle.js
rename to static/components/ProductDefinition-stories-mdx.b74ea714.iframe.bundle.js
index b7db0ea371..68aac77a24 100644
--- a/static/components/ProductDefinition-stories-mdx.1d554fd6.iframe.bundle.js
+++ b/static/components/ProductDefinition-stories-mdx.b74ea714.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see ProductDefinition-stories-mdx.1d554fd6.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3775],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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
+/*! For license information please see ProductDefinition-stories-mdx.b74ea714.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3775],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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.1d554fd6.iframe.bundle.js.LICENSE.txt b/static/components/ProductDefinition-stories-mdx.b74ea714.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from static/components/ProductDefinition-stories-mdx.1d554fd6.iframe.bundle.js.LICENSE.txt
rename to static/components/ProductDefinition-stories-mdx.b74ea714.iframe.bundle.js.LICENSE.txt
diff --git a/static/components/SocialPlatformImages-stories-mdx.d2d0ee47.iframe.bundle.js b/static/components/SocialPlatformImages-stories-mdx.42ebe452.iframe.bundle.js
similarity index 98%
rename from static/components/SocialPlatformImages-stories-mdx.d2d0ee47.iframe.bundle.js
rename to static/components/SocialPlatformImages-stories-mdx.42ebe452.iframe.bundle.js
index a11d6f6d67..4c92b30be8 100644
--- a/static/components/SocialPlatformImages-stories-mdx.d2d0ee47.iframe.bundle.js
+++ b/static/components/SocialPlatformImages-stories-mdx.42ebe452.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see SocialPlatformImages-stories-mdx.d2d0ee47.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[702],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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__.Lo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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
+/*! For license information please see SocialPlatformImages-stories-mdx.42ebe452.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[702],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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__.Lo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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__._R,{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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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.d2d0ee47.iframe.bundle.js.LICENSE.txt b/static/components/SocialPlatformImages-stories-mdx.42ebe452.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from static/components/SocialPlatformImages-stories-mdx.d2d0ee47.iframe.bundle.js.LICENSE.txt
rename to static/components/SocialPlatformImages-stories-mdx.42ebe452.iframe.bundle.js.LICENSE.txt
diff --git a/static/components/Tshirt-stories-mdx.7ea155f6.iframe.bundle.js b/static/components/Tshirt-stories-mdx.8fa0e385.iframe.bundle.js
similarity index 96%
rename from static/components/Tshirt-stories-mdx.7ea155f6.iframe.bundle.js
rename to static/components/Tshirt-stories-mdx.8fa0e385.iframe.bundle.js
index 71b1f7ff67..75d12dc6e9 100644
--- a/static/components/Tshirt-stories-mdx.7ea155f6.iframe.bundle.js
+++ b/static/components/Tshirt-stories-mdx.8fa0e385.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see Tshirt-stories-mdx.7ea155f6.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[4559],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.ah)(),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__.h_,{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__.j,{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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.ah)(),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},"./.storybook/stories-category-doc-pages/ImageAsset.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>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",ImageAsset.__docgenInfo={description:"",methods:[],displayName:"ImageAsset"},ImageRow.__docgenInfo={description:"",methods:[],displayName:"ImageRow",props:{images:{required:!0,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:"{\n name: string;\n src: string;\n}",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!0}}]}}],raw:"ImageAssetProps[]"},description:""}}};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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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
+/*! For license information please see Tshirt-stories-mdx.8fa0e385.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[4559],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.ah)(),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__.h_,{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__.j,{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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_4__.ah)(),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},"./.storybook/stories-category-doc-pages/ImageAsset.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>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",ImageAsset.__docgenInfo={description:"",methods:[],displayName:"ImageAsset"},ImageRow.__docgenInfo={description:"",methods:[],displayName:"ImageRow",props:{images:{required:!0,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:"{\n name: string;\n src: string;\n}",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!0}}]}}],raw:"ImageAssetProps[]"},description:""}}};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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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.7ea155f6.iframe.bundle.js.LICENSE.txt b/static/components/Tshirt-stories-mdx.8fa0e385.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from static/components/Tshirt-stories-mdx.7ea155f6.iframe.bundle.js.LICENSE.txt
rename to static/components/Tshirt-stories-mdx.8fa0e385.iframe.bundle.js.LICENSE.txt
diff --git a/static/components/Typography-stories-mdx.d2f804cb.iframe.bundle.js b/static/components/Typography-stories-mdx.893e89b3.iframe.bundle.js
similarity index 96%
rename from static/components/Typography-stories-mdx.d2f804cb.iframe.bundle.js
rename to static/components/Typography-stories-mdx.893e89b3.iframe.bundle.js
index 1d50383df3..e7995e41b1 100644
--- a/static/components/Typography-stories-mdx.d2f804cb.iframe.bundle.js
+++ b/static/components/Typography-stories-mdx.893e89b3.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see Typography-stories-mdx.d2f804cb.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[2632],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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,__page:()=>__page,bodyFont:()=>bodyFont,default:()=>__WEBPACK_DEFAULT_EXPORT__,displayFont:()=>displayFont});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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__.GA,{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__.Xz,{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__.Hw,{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__.GA,{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__.Xz,{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__.Hw,{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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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
+/*! For license information please see Typography-stories-mdx.893e89b3.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[2632],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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,__page:()=>__page,bodyFont:()=>bodyFont,default:()=>__WEBPACK_DEFAULT_EXPORT__,displayFont:()=>displayFont});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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__.GA,{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__.Xz,{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__.Hw,{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__.GA,{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__.Xz,{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__.Hw,{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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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.d2f804cb.iframe.bundle.js.LICENSE.txt b/static/components/Typography-stories-mdx.893e89b3.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from static/components/Typography-stories-mdx.d2f804cb.iframe.bundle.js.LICENSE.txt
rename to static/components/Typography-stories-mdx.893e89b3.iframe.bundle.js.LICENSE.txt
diff --git a/static/components/WebComponents-stories-mdx.df680363.iframe.bundle.js b/static/components/WebComponents-stories-mdx.3ac6713b.iframe.bundle.js
similarity index 98%
rename from static/components/WebComponents-stories-mdx.df680363.iframe.bundle.js
rename to static/components/WebComponents-stories-mdx.3ac6713b.iframe.bundle.js
index 497e3d67ad..71fc1052d6 100644
--- a/static/components/WebComponents-stories-mdx.df680363.iframe.bundle.js
+++ b/static/components/WebComponents-stories-mdx.3ac6713b.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see WebComponents-stories-mdx.df680363.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[7162],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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_vAswo1O8DM_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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
+/*! For license information please see WebComponents-stories-mdx.3ac6713b.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[7162],{"./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__,{NF:()=>withMDXComponents,Zo:()=>MDXProvider,ah:()=>useMDXComponents,pC:()=>MDXContext});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__,{__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/next/dist/compiled/react/index.js");var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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__.h_,{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_JUX7A1lQIH_owncast_web_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),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},"./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,p={key:!0,ref:!0,__self:!0,__source:!0};function q(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)&&!p.hasOwnProperty(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=q,exports.jsxs=q},"./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.df680363.iframe.bundle.js.LICENSE.txt b/static/components/WebComponents-stories-mdx.3ac6713b.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from static/components/WebComponents-stories-mdx.df680363.iframe.bundle.js.LICENSE.txt
rename to static/components/WebComponents-stories-mdx.3ac6713b.iframe.bundle.js.LICENSE.txt
diff --git a/static/components/action-buttons-ActionButton-ActionButton-stories.66d1663b.iframe.bundle.js b/static/components/action-buttons-ActionButton-ActionButton-stories.25541307.iframe.bundle.js
similarity index 98%
rename from static/components/action-buttons-ActionButton-ActionButton-stories.66d1663b.iframe.bundle.js
rename to static/components/action-buttons-ActionButton-ActionButton-stories.25541307.iframe.bundle.js
index 7f8e11e3f3..27a74b6052 100644
--- a/static/components/action-buttons-ActionButton-ActionButton-stories.66d1663b.iframe.bundle.js
+++ b/static/components/action-buttons-ActionButton-ActionButton-stories.25541307.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[2405],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{aD:()=>chunk_AY7I2SME.aD});var chunk_AY7I2SME=__webpack_require__("./node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs")},"./components/action-buttons/ActionButton/ActionButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{K:()=>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__.Z,{type:primary?"primary":"default",className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(["".concat(_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_2__.Z.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__.Z.icon,alt:description}),title)};ActionButton.displayName="ActionButton",ActionButton.__docgenInfo={description:"",methods:[],displayName:"ActionButton",props:{primary:{defaultValue:{value:"true",computed:!1},required:!1}}};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){}},"./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,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Example1$parameters,_Example1$parameters2,_Example2$parameters,_Example2$parameters2,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_tmp_tmp_vAswo1O8DM_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"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_ActionButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/action-buttons/ActionButton/ActionButton.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.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{__webpack_require__.d(__webpack_exports__,{Z:()=>__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__,{Z:()=>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__,{Z:()=>__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_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z,options);const __WEBPACK_DEFAULT_EXPORT__=_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z.locals?_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z.locals:void 0}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[2405],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{aD:()=>chunk_AY7I2SME.aD});var chunk_AY7I2SME=__webpack_require__("./node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs")},"./components/action-buttons/ActionButton/ActionButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{K:()=>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__.Z,{type:primary?"primary":"default",className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(["".concat(_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_2__.Z.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__.Z.icon,alt:description}),title)};ActionButton.displayName="ActionButton",ActionButton.__docgenInfo={description:"",methods:[],displayName:"ActionButton",props:{primary:{defaultValue:{value:"true",computed:!1},required:!1}}};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){}},"./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,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Example1$parameters,_Example1$parameters2,_Example2$parameters,_Example2$parameters2,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_tmp_tmp_JUX7A1lQIH_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"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_ActionButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/action-buttons/ActionButton/ActionButton.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.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{__webpack_require__.d(__webpack_exports__,{Z:()=>__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__,{Z:()=>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__,{Z:()=>__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_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z,options);const __WEBPACK_DEFAULT_EXPORT__=_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z.locals?_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z.locals:void 0}}]);
\ No newline at end of file
diff --git a/static/components/action-buttons-ActionButtonMenu-ActionButtonMenu-stories.1ea41f86.iframe.bundle.js b/static/components/action-buttons-ActionButtonMenu-ActionButtonMenu-stories.4f60c7da.iframe.bundle.js
similarity index 99%
rename from static/components/action-buttons-ActionButtonMenu-ActionButtonMenu-stories.1ea41f86.iframe.bundle.js
rename to static/components/action-buttons-ActionButtonMenu-ActionButtonMenu-stories.4f60c7da.iframe.bundle.js
index a616f0d6f4..08d6b5d62d 100644
--- a/static/components/action-buttons-ActionButtonMenu-ActionButtonMenu-stories.1ea41f86.iframe.bundle.js
+++ b/static/components/action-buttons-ActionButtonMenu-ActionButtonMenu-stories.4f60c7da.iframe.bundle.js
@@ -1 +1 @@
-(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[338],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{aD:()=>chunk_AY7I2SME.aD});var chunk_AY7I2SME=__webpack_require__("./node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs")},"./node_modules/antd/es/_util/hooks/useFlexGapSupport.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__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__.Z)(_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__.fk)())}),[]),flexible}},"./node_modules/antd/es/_util/styleChecker.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{fk:()=>detectFlexGapSupported,jD:()=>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__.Z)()&&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__,{L:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ActionButtonMenu_ActionButtonMenu_module=ActionButtonMenu_module.Z&&ActionButtonMenu_module.Z.locals?ActionButtonMenu_module.Z.locals:void 0;var __jsx=react.createElement,EllipsisOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(6937)]).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(2074),__webpack_require__.e(6820)]).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(2074),__webpack_require__.e(1008)]).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.Z,{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.Z,{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",ActionButtonMenu.__docgenInfo={description:"",methods:[],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){}},"./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,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Example$parameters,_Example$parameters2,_ShowFollowExample$pa,_ShowFollowExample$pa2,_ShowNotifyExample$pa,_ShowNotifyExample$pa2,_ShowNotifyAndFollowE,_ShowNotifyAndFollowE2,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_tmp_tmp_vAswo1O8DM_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"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_ActionButtonMenu__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.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{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__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/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,{noSSR:function(){return noSSR},default:function(){return dynamic}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_react=_interop_require_default._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablesharedruntime=_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()=>_react.default.createElement(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__,{Z:()=>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.Z((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.Z)(DomWrapper,_React$Component);var _super=(0,createSuper.Z)(DomWrapper);function DomWrapper(){return(0,classCallCheck.Z)(this,DomWrapper),_super.apply(this,arguments)}return(0,createClass.Z)(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.Yr)(mergedChildren),originRef=canRef?mergedChildren.ref:null,mergedRef=(0,es_ref.x1)(originRef,elementRef),getDom=function getDom(){var _elementRef$current;return(0,findDOMNode.Z)(elementRef.current)||(elementRef.current&&"object"===(0,esm_typeof.Z)(elementRef.current)?(0,findDOMNode.Z)(null===(_elementRef$current=elementRef.current)||void 0===_elementRef$current?void 0:_elementRef$current.nativeElement):null)||(0,findDOMNode.Z)(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.Z)((0,objectSpread2.Z)({},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.Z)(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.Z)({},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__,{Z:()=>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([[338],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{aD:()=>chunk_AY7I2SME.aD});var chunk_AY7I2SME=__webpack_require__("./node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs")},"./node_modules/antd/es/_util/hooks/useFlexGapSupport.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__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__.Z)(_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__.fk)())}),[]),flexible}},"./node_modules/antd/es/_util/styleChecker.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{fk:()=>detectFlexGapSupported,jD:()=>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__.Z)()&&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__,{L:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ActionButtonMenu_ActionButtonMenu_module=ActionButtonMenu_module.Z&&ActionButtonMenu_module.Z.locals?ActionButtonMenu_module.Z.locals:void 0;var __jsx=react.createElement,EllipsisOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(6937)]).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(2074),__webpack_require__.e(6820)]).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(2074),__webpack_require__.e(1008)]).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.Z,{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.Z,{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",ActionButtonMenu.__docgenInfo={description:"",methods:[],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){}},"./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,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Example$parameters,_Example$parameters2,_ShowFollowExample$pa,_ShowFollowExample$pa2,_ShowNotifyExample$pa,_ShowNotifyExample$pa2,_ShowNotifyAndFollowE,_ShowNotifyAndFollowE2,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_tmp_tmp_JUX7A1lQIH_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"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_ActionButtonMenu__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.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{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__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/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,{noSSR:function(){return noSSR},default:function(){return dynamic}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_react=_interop_require_default._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablesharedruntime=_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()=>_react.default.createElement(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__,{Z:()=>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.Z((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.Z)(DomWrapper,_React$Component);var _super=(0,createSuper.Z)(DomWrapper);function DomWrapper(){return(0,classCallCheck.Z)(this,DomWrapper),_super.apply(this,arguments)}return(0,createClass.Z)(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.Yr)(mergedChildren),originRef=canRef?mergedChildren.ref:null,mergedRef=(0,es_ref.x1)(originRef,elementRef),getDom=function getDom(){var _elementRef$current;return(0,findDOMNode.Z)(elementRef.current)||(elementRef.current&&"object"===(0,esm_typeof.Z)(elementRef.current)?(0,findDOMNode.Z)(null===(_elementRef$current=elementRef.current)||void 0===_elementRef$current?void 0:_elementRef$current.nativeElement):null)||(0,findDOMNode.Z)(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.Z)((0,objectSpread2.Z)({},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.Z)(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.Z)({},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__,{Z:()=>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/action-buttons-ActionButtonRow-ActionButtonRow-stories.2ef7982b.iframe.bundle.js b/static/components/action-buttons-ActionButtonRow-ActionButtonRow-stories.afbb1dae.iframe.bundle.js
similarity index 99%
rename from static/components/action-buttons-ActionButtonRow-ActionButtonRow-stories.2ef7982b.iframe.bundle.js
rename to static/components/action-buttons-ActionButtonRow-ActionButtonRow-stories.afbb1dae.iframe.bundle.js
index 503c6884ca..00f5c1c00f 100644
--- a/static/components/action-buttons-ActionButtonRow-ActionButtonRow-stories.2ef7982b.iframe.bundle.js
+++ b/static/components/action-buttons-ActionButtonRow-ActionButtonRow-stories.afbb1dae.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3257],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{aD:()=>chunk_AY7I2SME.aD});var chunk_AY7I2SME=__webpack_require__("./node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs")},"./components/action-buttons/ActionButton/ActionButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{K:()=>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__.Z,{type:primary?"primary":"default",className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(["".concat(_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_2__.Z.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__.Z.icon,alt:description}),title)};ActionButton.displayName="ActionButton",ActionButton.__docgenInfo={description:"",methods:[],displayName:"ActionButton",props:{primary:{defaultValue:{value:"true",computed:!1},required:!1}}};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){}},"./components/action-buttons/ActionButtonRow/ActionButtonRow.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>ActionButtonRow});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),ActionButtonRow_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/action-buttons/ActionButtonRow/ActionButtonRow.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()(ActionButtonRow_module.Z,options);const ActionButtonRow_ActionButtonRow_module=ActionButtonRow_module.Z&&ActionButtonRow_module.Z.locals?ActionButtonRow_module.Z.locals:void 0;var __jsx=react.createElement,ActionButtonRow=function ActionButtonRow(_ref){var children=_ref.children;return __jsx("div",{className:ActionButtonRow_ActionButtonRow_module.row},children)};ActionButtonRow.displayName="ActionButtonRow",ActionButtonRow.__docgenInfo={description:"",methods:[],displayName:"ActionButtonRow"};try{ActionButtonRow.displayName="ActionButtonRow",ActionButtonRow.__docgenInfo={description:"",displayName:"ActionButtonRow",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-buttons/ActionButtonRow/ActionButtonRow.tsx#ActionButtonRow"]={docgenInfo:ActionButtonRow.__docgenInfo,name:"ActionButtonRow",path:"components/action-buttons/ActionButtonRow/ActionButtonRow.tsx#ActionButtonRow"})}catch(__react_docgen_typescript_loader_error){}},"./components/action-buttons/ActionButtonRow/ActionButtonRow.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example1:()=>Example1,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Example1$parameters,_Example1$parameters2,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_ActionButtonRow__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/action-buttons/ActionButtonRow/ActionButtonRow.tsx"),_ActionButton_ActionButton__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./components/action-buttons/ActionButton/ActionButton.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.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{__webpack_require__.d(__webpack_exports__,{Z:()=>__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/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/action-buttons/ActionButtonRow/ActionButtonRow.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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,".tZN8bes67Pk4bPyXpihb{padding:.75rem;padding-bottom:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end}.tZN8bes67Pk4bPyXpihb button{margin-left:clamp(1px,.2vw,.3rem);margin-right:clamp(1px,.2vw,.3rem);margin-bottom:.5rem}.tZN8bes67Pk4bPyXpihb button:last-of-type{margin-right:0}","",{version:3,sources:["webpack://./components/action-buttons/ActionButtonRow/ActionButtonRow.module.scss"],names:[],mappings:"AAAA,sBACE,cAAA,CACA,gBAAA,CACA,YAAA,CACA,cAAA,CACA,kBAAA,CACA,wBAAA,CAEA,6BACE,iCAAA,CACA,kCAAA,CACA,mBAAA,CAEA,0CACE,cAAA",sourcesContent:[".row {\n padding: 0.75rem;\n padding-bottom: 0;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n\n button {\n margin-left: clamp(1px, 0.2vw, 0.3rem);\n margin-right: clamp(1px, 0.2vw, 0.3rem);\n margin-bottom: 0.5rem;\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={row:"tZN8bes67Pk4bPyXpihb"};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__,{Z:()=>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__,{Z:()=>__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_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z,options);const __WEBPACK_DEFAULT_EXPORT__=_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z.locals?_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z.locals:void 0}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3257],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{aD:()=>chunk_AY7I2SME.aD});var chunk_AY7I2SME=__webpack_require__("./node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs")},"./components/action-buttons/ActionButton/ActionButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{K:()=>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__.Z,{type:primary?"primary":"default",className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(["".concat(_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_2__.Z.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__.Z.icon,alt:description}),title)};ActionButton.displayName="ActionButton",ActionButton.__docgenInfo={description:"",methods:[],displayName:"ActionButton",props:{primary:{defaultValue:{value:"true",computed:!1},required:!1}}};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){}},"./components/action-buttons/ActionButtonRow/ActionButtonRow.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>ActionButtonRow});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),ActionButtonRow_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/action-buttons/ActionButtonRow/ActionButtonRow.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()(ActionButtonRow_module.Z,options);const ActionButtonRow_ActionButtonRow_module=ActionButtonRow_module.Z&&ActionButtonRow_module.Z.locals?ActionButtonRow_module.Z.locals:void 0;var __jsx=react.createElement,ActionButtonRow=function ActionButtonRow(_ref){var children=_ref.children;return __jsx("div",{className:ActionButtonRow_ActionButtonRow_module.row},children)};ActionButtonRow.displayName="ActionButtonRow",ActionButtonRow.__docgenInfo={description:"",methods:[],displayName:"ActionButtonRow"};try{ActionButtonRow.displayName="ActionButtonRow",ActionButtonRow.__docgenInfo={description:"",displayName:"ActionButtonRow",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-buttons/ActionButtonRow/ActionButtonRow.tsx#ActionButtonRow"]={docgenInfo:ActionButtonRow.__docgenInfo,name:"ActionButtonRow",path:"components/action-buttons/ActionButtonRow/ActionButtonRow.tsx#ActionButtonRow"})}catch(__react_docgen_typescript_loader_error){}},"./components/action-buttons/ActionButtonRow/ActionButtonRow.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example1:()=>Example1,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Example1$parameters,_Example1$parameters2,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_ActionButtonRow__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/action-buttons/ActionButtonRow/ActionButtonRow.tsx"),_ActionButton_ActionButton__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./components/action-buttons/ActionButton/ActionButton.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.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{__webpack_require__.d(__webpack_exports__,{Z:()=>__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/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/action-buttons/ActionButtonRow/ActionButtonRow.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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,".tZN8bes67Pk4bPyXpihb{padding:.75rem;padding-bottom:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end}.tZN8bes67Pk4bPyXpihb button{margin-left:clamp(1px,.2vw,.3rem);margin-right:clamp(1px,.2vw,.3rem);margin-bottom:.5rem}.tZN8bes67Pk4bPyXpihb button:last-of-type{margin-right:0}","",{version:3,sources:["webpack://./components/action-buttons/ActionButtonRow/ActionButtonRow.module.scss"],names:[],mappings:"AAAA,sBACE,cAAA,CACA,gBAAA,CACA,YAAA,CACA,cAAA,CACA,kBAAA,CACA,wBAAA,CAEA,6BACE,iCAAA,CACA,kCAAA,CACA,mBAAA,CAEA,0CACE,cAAA",sourcesContent:[".row {\n padding: 0.75rem;\n padding-bottom: 0;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n\n button {\n margin-left: clamp(1px, 0.2vw, 0.3rem);\n margin-right: clamp(1px, 0.2vw, 0.3rem);\n margin-bottom: 0.5rem;\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={row:"tZN8bes67Pk4bPyXpihb"};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__,{Z:()=>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__,{Z:()=>__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_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z,options);const __WEBPACK_DEFAULT_EXPORT__=_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z.locals?_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_ActionButton_module_scss__WEBPACK_IMPORTED_MODULE_6__.Z.locals:void 0}}]);
\ No newline at end of file
diff --git a/static/components/chat-ChatActionMessage-ChatActionMessage-stories.8f9473d8.iframe.bundle.js b/static/components/chat-ChatActionMessage-ChatActionMessage-stories.ca5990bb.iframe.bundle.js
similarity index 98%
rename from static/components/chat-ChatActionMessage-ChatActionMessage-stories.8f9473d8.iframe.bundle.js
rename to static/components/chat-ChatActionMessage-ChatActionMessage-stories.ca5990bb.iframe.bundle.js
index 48c85567dc..186e0571f9 100644
--- a/static/components/chat-ChatActionMessage-ChatActionMessage-stories.8f9473d8.iframe.bundle.js
+++ b/static/components/chat-ChatActionMessage-ChatActionMessage-stories.ca5990bb.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5092],{"./stories/assets/mocks/chatmessage-action.png":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={src:"static/media/chatmessage-action.830f1bbb.png",height:53,width:450,blurDataURL:"static/media/chatmessage-action.830f1bbb.png"}},"./components/chat/ChatActionMessage/ChatActionMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatActionMessage_ChatActionMessage_module=ChatActionMessage_module.Z&&ChatActionMessage_module.Z.locals?ChatActionMessage_module.Z.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",ChatActionMessage.__docgenInfo={description:"",methods:[],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/ChatActionMessage/ChatActionMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Basic$parameters,_Basic$parameters2,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_ChatActionMessage__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/chat/ChatActionMessage/ChatActionMessage.tsx"),_stories_assets_mocks_chatmessage_action_png__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./stories/assets/mocks/chatmessage-action.png");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{__webpack_require__.d(__webpack_exports__,{Z:()=>__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___}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5092],{"./stories/assets/mocks/chatmessage-action.png":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={src:"static/media/chatmessage-action.830f1bbb.png",height:53,width:450,blurDataURL:"static/media/chatmessage-action.830f1bbb.png"}},"./components/chat/ChatActionMessage/ChatActionMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatActionMessage_ChatActionMessage_module=ChatActionMessage_module.Z&&ChatActionMessage_module.Z.locals?ChatActionMessage_module.Z.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",ChatActionMessage.__docgenInfo={description:"",methods:[],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/ChatActionMessage/ChatActionMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Basic$parameters,_Basic$parameters2,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_ChatActionMessage__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/chat/ChatActionMessage/ChatActionMessage.tsx"),_stories_assets_mocks_chatmessage_action_png__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./stories/assets/mocks/chatmessage-action.png");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{__webpack_require__.d(__webpack_exports__,{Z:()=>__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___}}]);
\ No newline at end of file
diff --git a/static/components/chat-ChatContainer-ChatContainer-stories.6946da49.iframe.bundle.js b/static/components/chat-ChatContainer-ChatContainer-stories.1328951c.iframe.bundle.js
similarity index 98%
rename from static/components/chat-ChatContainer-ChatContainer-stories.6946da49.iframe.bundle.js
rename to static/components/chat-ChatContainer-ChatContainer-stories.1328951c.iframe.bundle.js
index 2bfc5e9260..2d6fe0e665 100644
--- a/static/components/chat-ChatContainer-ChatContainer-stories.6946da49.iframe.bundle.js
+++ b/static/components/chat-ChatContainer-ChatContainer-stories.1328951c.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[144],{"./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,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Example$parameters,_Example$parameters2,_ChatDisabled$paramet,_ChatDisabled$paramet2,_SingleMessage$parame,_SingleMessage$parame2,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_4__=__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_2__=__webpack_require__("./node_modules/recoil/es/index.js"),_ChatContainer__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/chat/ChatContainer/ChatContainer.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.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{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ChatDisabled:()=>ChatDisabled,Example:()=>Example,SingleMessage:()=>SingleMessage,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Example$parameters,_Example$parameters2,_ChatDisabled$paramet,_ChatDisabled$paramet2,_SingleMessage$parame,_SingleMessage$parame2,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_4__=__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_2__=__webpack_require__("./node_modules/recoil/es/index.js"),_ChatContainer__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/chat/ChatContainer/ChatContainer.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.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{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={src:"static/media/chatmessage-action.830f1bbb.png",height:53,width:450,blurDataURL:"static/media/chatmessage-action.830f1bbb.png"}},"./components/chat/ChatJoinMessage/ChatJoinMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatJoinMessage_ChatJoinMessage_module=ChatJoinMessage_module.Z&&ChatJoinMessage_module.Z.locals?ChatJoinMessage_module.Z.locals:void 0;var __jsx=react.createElement,UsergroupAddOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(9051),__webpack_require__.e(2074),__webpack_require__.e(8713)]).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.a,{userColor}))),"joined the chat.")};ChatJoinMessage.displayName="ChatJoinMessage",ChatJoinMessage.__docgenInfo={description:"",methods:[],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/ChatUserBadge/ChatUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatUserBadge_ChatUserBadge_module=ChatUserBadge_module.Z&&ChatUserBadge_module.Z.locals?ChatUserBadge_module.Z.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",ChatUserBadge.__docgenInfo={description:"",methods:[],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__,{a:()=>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(9051),__webpack_require__.e(2074),__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__.o,{badge:__jsx(StarFilled,null),userColor,title:"Moderator"})};ModerationBadge.displayName="ModerationBadge",ModerationBadge.__docgenInfo={description:"",methods:[],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/ChatJoinMessage/ChatJoinMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Moderator:()=>Moderator,Regular:()=>Regular,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Regular$parameters,_Regular$parameters2,_Moderator$parameters,_Moderator$parameters2,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_ChatJoinMessage__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/chat/ChatJoinMessage/ChatJoinMessage.tsx"),_stories_assets_mocks_chatmessage_action_png__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./stories/assets/mocks/chatmessage-action.png");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{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__,{Z:()=>__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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/chat/ChatUserBadge/ChatUserBadge.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__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/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,{noSSR:function(){return noSSR},default:function(){return dynamic}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_react=_interop_require_default._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablesharedruntime=_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()=>_react.default.createElement(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
+/*! For license information please see chat-ChatJoinMessage-ChatJoinMessage-stories.d8526a3b.iframe.bundle.js.LICENSE.txt */
+(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[7086],{"./stories/assets/mocks/chatmessage-action.png":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={src:"static/media/chatmessage-action.830f1bbb.png",height:53,width:450,blurDataURL:"static/media/chatmessage-action.830f1bbb.png"}},"./components/chat/ChatJoinMessage/ChatJoinMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatJoinMessage_ChatJoinMessage_module=ChatJoinMessage_module.Z&&ChatJoinMessage_module.Z.locals?ChatJoinMessage_module.Z.locals:void 0;var __jsx=react.createElement,UsergroupAddOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(9051),__webpack_require__.e(2074),__webpack_require__.e(8713)]).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.a,{userColor}))),"joined the chat.")};ChatJoinMessage.displayName="ChatJoinMessage",ChatJoinMessage.__docgenInfo={description:"",methods:[],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/ChatUserBadge/ChatUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatUserBadge_ChatUserBadge_module=ChatUserBadge_module.Z&&ChatUserBadge_module.Z.locals?ChatUserBadge_module.Z.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",ChatUserBadge.__docgenInfo={description:"",methods:[],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__,{a:()=>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(9051),__webpack_require__.e(2074),__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__.o,{badge:__jsx(StarFilled,null),userColor,title:"Moderator"})};ModerationBadge.displayName="ModerationBadge",ModerationBadge.__docgenInfo={description:"",methods:[],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/ChatJoinMessage/ChatJoinMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Moderator:()=>Moderator,Regular:()=>Regular,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Regular$parameters,_Regular$parameters2,_Moderator$parameters,_Moderator$parameters2,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_ChatJoinMessage__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/chat/ChatJoinMessage/ChatJoinMessage.tsx"),_stories_assets_mocks_chatmessage_action_png__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./stories/assets/mocks/chatmessage-action.png");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{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__,{Z:()=>__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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/chat/ChatUserBadge/ChatUserBadge.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__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/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,{noSSR:function(){return noSSR},default:function(){return dynamic}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_react=_interop_require_default._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablesharedruntime=_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()=>_react.default.createElement(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-ChatJoinMessage-ChatJoinMessage-stories.d0e8a40e.iframe.bundle.js.LICENSE.txt b/static/components/chat-ChatJoinMessage-ChatJoinMessage-stories.d8526a3b.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from static/components/chat-ChatJoinMessage-ChatJoinMessage-stories.d0e8a40e.iframe.bundle.js.LICENSE.txt
rename to static/components/chat-ChatJoinMessage-ChatJoinMessage-stories.d8526a3b.iframe.bundle.js.LICENSE.txt
diff --git a/static/components/chat-ChatModerationActionMenu-ChatModerationActionMenu-stories.9f5739dc.iframe.bundle.js b/static/components/chat-ChatModerationActionMenu-ChatModerationActionMenu-stories.067cace5.iframe.bundle.js
similarity index 94%
rename from static/components/chat-ChatModerationActionMenu-ChatModerationActionMenu-stories.9f5739dc.iframe.bundle.js
rename to static/components/chat-ChatModerationActionMenu-ChatModerationActionMenu-stories.067cace5.iframe.bundle.js
index 187be84c57..ed83434881 100644
--- a/static/components/chat-ChatModerationActionMenu-ChatModerationActionMenu-stories.9f5739dc.iframe.bundle.js
+++ b/static/components/chat-ChatModerationActionMenu-ChatModerationActionMenu-stories.067cace5.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3835,832],{"./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_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_vAswo1O8DM_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__.Z.confirm,CloseCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(4337)]).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(2074),__webpack_require__.e(7039)]).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(2074),__webpack_require__.e(4645)]).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(2074),__webpack_require__.e(500)]).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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee(){return _tmp_tmp_vAswo1O8DM_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__.Z.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__.ZP.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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee2(){return _tmp_tmp_vAswo1O8DM_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__.Z.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__.ZP.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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee3(){return _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee4(){return _tmp_tmp_vAswo1O8DM_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__.Z,{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__.Z,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__.l,{userId:userID,accessToken})))};ChatModerationActionMenu.__docgenInfo={description:"",methods:[],displayName:"ChatModerationActionMenu"};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__,{l:()=>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/esm/format/index.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"),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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatModerationDetailsModal_ChatModerationDetailsModal_module=ChatModerationDetailsModal_module.Z&&ChatModerationDetailsModal_module.Z.locals?ChatModerationDetailsModal_module.Z.locals:void 0;var ua_parser=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_default=__webpack_require__.n(ua_parser);function formatUAstring(uaString){var parser=ua_parser_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)}var ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.Z.Panel,DeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(7949)]).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.Z)(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.Z.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.Z,{justify:"space-around",align:"middle"},__jsx(col.Z,{span:12},label),__jsx(col.Z,{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.Z)(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.Z)(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.Z)(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.Z)(new Date(timestamp),"PP pp")}},{title:"Delete",key:"delete",render:function render(_text,record){return __jsx(es_button.Z,{type:"primary",ghost:!0,icon:__jsx(DeleteOutlined,null),onClick:function onClick(){return removeMessage(record.id,accessToken)}})}}];return __jsx(react_error_boundary_esm.SV,{fallbackRender:function fallbackRender(_ref7){var error=_ref7.error,resetErrorBoundary=_ref7.resetErrorBoundary;return __jsx(ComponentError.A,{componentName:"ChatModerationDetailsModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx(spin.Z,{spinning:loading},__jsx(UserColorBlock,{color:displayColor}),null==scopes?void 0:scopes.map((function(scope){return __jsx(tag.Z,{key:scope},scope)})),authenticated&&__jsx(tag.Z,null,"Authenticated"),isBot&&__jsx(tag.Z,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.Z,{accordion:!0},__jsx(Panel,{header:"Currently Connected Clients",key:"connected-clients"},__jsx(collapse.Z,{accordion:!0},connectedClients.map((function(client){return __jsx(Panel,{header:formatUAstring(client.userAgent),key:client.id},__jsx(ConnectedClient,{client}))})))),__jsx(collapse.Z,{accordion:!0},__jsx(Panel,{header:"Recent Chat Messages",key:"chat-messages"},__jsx(table.Z,{size:"small",pagination:null,columns:chatMessageColumns,dataSource:messages,rowKey:"id"}))))))};ChatModerationDetailsModal.displayName="ChatModerationDetailsModal",ChatModerationDetailsModal.__docgenInfo={description:"",methods:[],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__,{A:()=>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__.Z,{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__.Z,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.Z,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",methods:[],displayName:"ComponentError",props:{message:{required:!1,tsType:{name:"string"},description:""},componentName:{required:!0,tsType:{name:"string"},description:""},details:{required:!1,tsType:{name:"string"},description:""},retryFunction:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const Modal_Modal_module=Modal_module.Z&&Modal_module.Z.locals?Modal_module.Z.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.Z,{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.SV,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.A,{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.Z,{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},Modal.__docgenInfo={description:"",methods:[],displayName:"Modal",props:{url:{defaultValue:{value:"undefined",computed:!0},required:!1},children:{defaultValue:{value:"undefined",computed:!0},required:!1},handleOk:{defaultValue:{value:"undefined",computed:!0},required:!1},handleCancel:{defaultValue:{value:"undefined",computed:!0},required:!1},afterClose:{defaultValue:{value:"undefined",computed:!0},required:!1}}};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){}},"./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Basic$parameters,_Basic$parameters2,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),recoil__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/recoil/es/index.js"),_ChatModerationActionMenu__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.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{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=function(){function ChatModerationService(){(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.Z)(this,ChatModerationService)}var _banUser,_removeMessage;return(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__.Z)(ChatModerationService,null,[{key:"removeMessage",value:(_removeMessage=(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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)})}]),ChatModerationService}()},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/ui/Modal/Modal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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([[3835,832],{"./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_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tmp_tmp_JUX7A1lQIH_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__.Z.confirm,CloseCircleOutlined=next_dynamic__WEBPACK_IMPORTED_MODULE_2___default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(4337)]).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(2074),__webpack_require__.e(7039)]).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(2074),__webpack_require__.e(4645)]).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(2074),__webpack_require__.e(500)]).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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee(){return _tmp_tmp_JUX7A1lQIH_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__.Z.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__.ZP.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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee2(){return _tmp_tmp_JUX7A1lQIH_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__.Z.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__.ZP.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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee3(){return _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_1___default().mark((function _callee4(){return _tmp_tmp_JUX7A1lQIH_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__.Z,{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__.Z,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__.l,{userId:userID,accessToken})))};ChatModerationActionMenu.__docgenInfo={description:"",methods:[],displayName:"ChatModerationActionMenu"};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__,{l:()=>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/esm/format/index.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"),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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatModerationDetailsModal_ChatModerationDetailsModal_module=ChatModerationDetailsModal_module.Z&&ChatModerationDetailsModal_module.Z.locals?ChatModerationDetailsModal_module.Z.locals:void 0;var ua_parser=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_default=__webpack_require__.n(ua_parser);function formatUAstring(uaString){var parser=ua_parser_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)}var ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.Z.Panel,DeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(7949)]).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.Z)(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.Z.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.Z,{justify:"space-around",align:"middle"},__jsx(col.Z,{span:12},label),__jsx(col.Z,{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.Z)(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.Z)(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.Z)(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.Z)(new Date(timestamp),"PP pp")}},{title:"Delete",key:"delete",render:function render(_text,record){return __jsx(es_button.Z,{type:"primary",ghost:!0,icon:__jsx(DeleteOutlined,null),onClick:function onClick(){return removeMessage(record.id,accessToken)}})}}];return __jsx(react_error_boundary_esm.SV,{fallbackRender:function fallbackRender(_ref7){var error=_ref7.error,resetErrorBoundary=_ref7.resetErrorBoundary;return __jsx(ComponentError.A,{componentName:"ChatModerationDetailsModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx(spin.Z,{spinning:loading},__jsx(UserColorBlock,{color:displayColor}),null==scopes?void 0:scopes.map((function(scope){return __jsx(tag.Z,{key:scope},scope)})),authenticated&&__jsx(tag.Z,null,"Authenticated"),isBot&&__jsx(tag.Z,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.Z,{accordion:!0},__jsx(Panel,{header:"Currently Connected Clients",key:"connected-clients"},__jsx(collapse.Z,{accordion:!0},connectedClients.map((function(client){return __jsx(Panel,{header:formatUAstring(client.userAgent),key:client.id},__jsx(ConnectedClient,{client}))})))),__jsx(collapse.Z,{accordion:!0},__jsx(Panel,{header:"Recent Chat Messages",key:"chat-messages"},__jsx(table.Z,{size:"small",pagination:null,columns:chatMessageColumns,dataSource:messages,rowKey:"id"}))))))};ChatModerationDetailsModal.displayName="ChatModerationDetailsModal",ChatModerationDetailsModal.__docgenInfo={description:"",methods:[],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__,{A:()=>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__.Z,{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__.Z,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.Z,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",methods:[],displayName:"ComponentError",props:{message:{required:!1,tsType:{name:"string"},description:""},componentName:{required:!0,tsType:{name:"string"},description:""},details:{required:!1,tsType:{name:"string"},description:""},retryFunction:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const Modal_Modal_module=Modal_module.Z&&Modal_module.Z.locals?Modal_module.Z.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.Z,{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.SV,{fallbackRender:function fallbackRender(_ref2){var error=_ref2.error,resetErrorBoundary=_ref2.resetErrorBoundary;return __jsx(ComponentError.A,{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.Z,{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},Modal.__docgenInfo={description:"",methods:[],displayName:"Modal",props:{url:{defaultValue:{value:"undefined",computed:!0},required:!1},children:{defaultValue:{value:"undefined",computed:!0},required:!1},handleOk:{defaultValue:{value:"undefined",computed:!0},required:!1},handleCancel:{defaultValue:{value:"undefined",computed:!0},required:!1},afterClose:{defaultValue:{value:"undefined",computed:!0},required:!1}}};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){}},"./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Basic$parameters,_Basic$parameters2,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),recoil__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/recoil/es/index.js"),_ChatModerationActionMenu__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.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{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=function(){function ChatModerationService(){(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.Z)(this,ChatModerationService)}var _banUser,_removeMessage;return(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__.Z)(ChatModerationService,null,[{key:"removeMessage",value:(_removeMessage=(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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)})}]),ChatModerationService}()},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/ui/Modal/Modal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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/chat-ChatModerationDetailsModal-ChatModerationDetailsModal-stories.db01ee81.iframe.bundle.js b/static/components/chat-ChatModerationDetailsModal-ChatModerationDetailsModal-stories.8f18fc3a.iframe.bundle.js
similarity index 93%
rename from static/components/chat-ChatModerationDetailsModal-ChatModerationDetailsModal-stories.db01ee81.iframe.bundle.js
rename to static/components/chat-ChatModerationDetailsModal-ChatModerationDetailsModal-stories.8f18fc3a.iframe.bundle.js
index cc1aeb62ff..819642f8b7 100644
--- a/static/components/chat-ChatModerationDetailsModal-ChatModerationDetailsModal-stories.db01ee81.iframe.bundle.js
+++ b/static/components/chat-ChatModerationDetailsModal-ChatModerationDetailsModal-stories.8f18fc3a.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[3374],{"./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{l:()=>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/esm/format/index.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"),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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatModerationDetailsModal_ChatModerationDetailsModal_module=ChatModerationDetailsModal_module.Z&&ChatModerationDetailsModal_module.Z.locals?ChatModerationDetailsModal_module.Z.locals:void 0;var ua_parser=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_default=__webpack_require__.n(ua_parser);function formatUAstring(uaString){var parser=ua_parser_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)}var ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.Z.Panel,DeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(7949)]).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.Z)(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.Z.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.Z,{justify:"space-around",align:"middle"},__jsx(col.Z,{span:12},label),__jsx(col.Z,{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.Z)(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.Z)(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.Z)(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.Z)(new Date(timestamp),"PP pp")}},{title:"Delete",key:"delete",render:function render(_text,record){return __jsx(es_button.Z,{type:"primary",ghost:!0,icon:__jsx(DeleteOutlined,null),onClick:function onClick(){return removeMessage(record.id,accessToken)}})}}];return __jsx(react_error_boundary_esm.SV,{fallbackRender:function fallbackRender(_ref7){var error=_ref7.error,resetErrorBoundary=_ref7.resetErrorBoundary;return __jsx(ComponentError.A,{componentName:"ChatModerationDetailsModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx(spin.Z,{spinning:loading},__jsx(UserColorBlock,{color:displayColor}),null==scopes?void 0:scopes.map((function(scope){return __jsx(tag.Z,{key:scope},scope)})),authenticated&&__jsx(tag.Z,null,"Authenticated"),isBot&&__jsx(tag.Z,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.Z,{accordion:!0},__jsx(Panel,{header:"Currently Connected Clients",key:"connected-clients"},__jsx(collapse.Z,{accordion:!0},connectedClients.map((function(client){return __jsx(Panel,{header:formatUAstring(client.userAgent),key:client.id},__jsx(ConnectedClient,{client}))})))),__jsx(collapse.Z,{accordion:!0},__jsx(Panel,{header:"Recent Chat Messages",key:"chat-messages"},__jsx(table.Z,{size:"small",pagination:null,columns:chatMessageColumns,dataSource:messages,rowKey:"id"}))))))};ChatModerationDetailsModal.displayName="ChatModerationDetailsModal",ChatModerationDetailsModal.__docgenInfo={description:"",methods:[],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__,{A:()=>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__.Z,{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__.Z,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.Z,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",methods:[],displayName:"ComponentError",props:{message:{required:!1,tsType:{name:"string"},description:""},componentName:{required:!0,tsType:{name:"string"},description:""},details:{required:!1,tsType:{name:"string"},description:""},retryFunction:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};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/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example:()=>Example,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Example$parameters,_Example$parameters2,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),recoil__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/recoil/es/index.js"),_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.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{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=function(){function ChatModerationService(){(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.Z)(this,ChatModerationService)}var _banUser,_removeMessage;return(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__.Z)(ChatModerationService,null,[{key:"removeMessage",value:(_removeMessage=(0,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_tmp_tmp_vAswo1O8DM_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_vAswo1O8DM_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)})}]),ChatModerationService}()},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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([[3374],{"./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{l:()=>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/esm/format/index.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"),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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatModerationDetailsModal_ChatModerationDetailsModal_module=ChatModerationDetailsModal_module.Z&&ChatModerationDetailsModal_module.Z.locals?ChatModerationDetailsModal_module.Z.locals:void 0;var ua_parser=__webpack_require__("./node_modules/ua-parser-js/src/ua-parser.js"),ua_parser_default=__webpack_require__.n(ua_parser);function formatUAstring(uaString){var parser=ua_parser_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)}var ComponentError=__webpack_require__("./components/ui/ComponentError/ComponentError.tsx"),console=__webpack_require__("./node_modules/console-browserify/index.js"),__jsx=react.createElement,Panel=collapse.Z.Panel,DeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(2074),__webpack_require__.e(7949)]).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.Z)(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.Z.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.Z,{justify:"space-around",align:"middle"},__jsx(col.Z,{span:12},label),__jsx(col.Z,{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.Z)(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.Z)(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.Z)(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.Z)(new Date(timestamp),"PP pp")}},{title:"Delete",key:"delete",render:function render(_text,record){return __jsx(es_button.Z,{type:"primary",ghost:!0,icon:__jsx(DeleteOutlined,null),onClick:function onClick(){return removeMessage(record.id,accessToken)}})}}];return __jsx(react_error_boundary_esm.SV,{fallbackRender:function fallbackRender(_ref7){var error=_ref7.error,resetErrorBoundary=_ref7.resetErrorBoundary;return __jsx(ComponentError.A,{componentName:"ChatModerationDetailsModal",message:error.message,retryFunction:resetErrorBoundary})}},__jsx(spin.Z,{spinning:loading},__jsx(UserColorBlock,{color:displayColor}),null==scopes?void 0:scopes.map((function(scope){return __jsx(tag.Z,{key:scope},scope)})),authenticated&&__jsx(tag.Z,null,"Authenticated"),isBot&&__jsx(tag.Z,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.Z,{accordion:!0},__jsx(Panel,{header:"Currently Connected Clients",key:"connected-clients"},__jsx(collapse.Z,{accordion:!0},connectedClients.map((function(client){return __jsx(Panel,{header:formatUAstring(client.userAgent),key:client.id},__jsx(ConnectedClient,{client}))})))),__jsx(collapse.Z,{accordion:!0},__jsx(Panel,{header:"Recent Chat Messages",key:"chat-messages"},__jsx(table.Z,{size:"small",pagination:null,columns:chatMessageColumns,dataSource:messages,rowKey:"id"}))))))};ChatModerationDetailsModal.displayName="ChatModerationDetailsModal",ChatModerationDetailsModal.__docgenInfo={description:"",methods:[],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__,{A:()=>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__.Z,{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__.Z,{ghost:!0,size:"small",onClick:retryFunction},"Retry"),__jsx(antd__WEBPACK_IMPORTED_MODULE_2__.Z,{ghost:!0,size:"small",danger:!0,onClick:openBugReport},"Report Error"))})};ComponentError.displayName="ComponentError",ComponentError.__docgenInfo={description:"",methods:[],displayName:"ComponentError",props:{message:{required:!1,tsType:{name:"string"},description:""},componentName:{required:!0,tsType:{name:"string"},description:""},details:{required:!1,tsType:{name:"string"},description:""},retryFunction:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};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/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example:()=>Example,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Example$parameters,_Example$parameters2,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),recoil__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/recoil/es/index.js"),_ChatModerationDetailsModal__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx"),__jsx=react__WEBPACK_IMPORTED_MODULE_0__.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{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_regenerator_index_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=function(){function ChatModerationService(){(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__.Z)(this,ChatModerationService)}var _banUser,_removeMessage;return(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__.Z)(ChatModerationService,null,[{key:"removeMessage",value:(_removeMessage=(0,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_tmp_tmp_JUX7A1lQIH_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_JUX7A1lQIH_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)})}]),ChatModerationService}()},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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-ChatModeratorNotification-ChatModeratorNotification-stories.947b4453.iframe.bundle.js b/static/components/chat-ChatModeratorNotification-ChatModeratorNotification-stories.c89c69d1.iframe.bundle.js
similarity index 98%
rename from static/components/chat-ChatModeratorNotification-ChatModeratorNotification-stories.947b4453.iframe.bundle.js
rename to static/components/chat-ChatModeratorNotification-ChatModeratorNotification-stories.c89c69d1.iframe.bundle.js
index 006392cbf7..2a1d3bfc87 100644
--- a/static/components/chat-ChatModeratorNotification-ChatModeratorNotification-stories.947b4453.iframe.bundle.js
+++ b/static/components/chat-ChatModeratorNotification-ChatModeratorNotification-stories.c89c69d1.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[9861],{"./components/chat/ChatModeratorNotification/ChatModeratorNotification.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{E:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatModeratorNotification_ChatModeratorNotification_module=ChatModeratorNotification_module.Z&&ChatModeratorNotification_module.Z.locals?ChatModeratorNotification_module.Z.locals:void 0;var _linearGradient,_path,_path2,_path3,_path4;function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Basic$parameters,_Basic$parameters2,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.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;r{__webpack_require__.d(__webpack_exports__,{Z:()=>__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___}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[9861],{"./components/chat/ChatModeratorNotification/ChatModeratorNotification.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{E:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatModeratorNotification_ChatModeratorNotification_module=ChatModeratorNotification_module.Z&&ChatModeratorNotification_module.Z.locals?ChatModeratorNotification_module.Z.locals:void 0;var _linearGradient,_path,_path2,_path3,_path4;function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Basic$parameters,_Basic$parameters2,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.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;r{__webpack_require__.d(__webpack_exports__,{Z:()=>__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___}}]);
\ No newline at end of file
diff --git a/static/components/chat-ChatNameChangeMessage-ChatNameChangeMessage-stories.eba9213c.iframe.bundle.js b/static/components/chat-ChatNameChangeMessage-ChatNameChangeMessage-stories.1e68ce37.iframe.bundle.js
similarity index 98%
rename from static/components/chat-ChatNameChangeMessage-ChatNameChangeMessage-stories.eba9213c.iframe.bundle.js
rename to static/components/chat-ChatNameChangeMessage-ChatNameChangeMessage-stories.1e68ce37.iframe.bundle.js
index abbe0e8781..b04b2bdcd7 100644
--- a/static/components/chat-ChatNameChangeMessage-ChatNameChangeMessage-stories.eba9213c.iframe.bundle.js
+++ b/static/components/chat-ChatNameChangeMessage-ChatNameChangeMessage-stories.1e68ce37.iframe.bundle.js
@@ -1 +1 @@
-(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[8947],{"./components/chat/ChatNameChangeMessage/ChatNameChangeMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatNameChangeMessage_ChatNameChangeMessage_module=ChatNameChangeMessage_module.Z&&ChatNameChangeMessage_module.Z.locals?ChatNameChangeMessage_module.Z.locals:void 0;var __jsx=react.createElement,EditFilled=dynamic_default()((function(){return Promise.all([__webpack_require__.e(9051),__webpack_require__.e(2074),__webpack_require__.e(3455)]).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",ChatNameChangeMessage.__docgenInfo={description:"",methods:[],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/ChatNameChangeMessage/ChatNameChangeMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Basic$parameters,_Basic$parameters2,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.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;r{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__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/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,{noSSR:function(){return noSSR},default:function(){return dynamic}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_react=_interop_require_default._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablesharedruntime=_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()=>_react.default.createElement(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([[8947],{"./components/chat/ChatNameChangeMessage/ChatNameChangeMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatNameChangeMessage_ChatNameChangeMessage_module=ChatNameChangeMessage_module.Z&&ChatNameChangeMessage_module.Z.locals?ChatNameChangeMessage_module.Z.locals:void 0;var __jsx=react.createElement,EditFilled=dynamic_default()((function(){return Promise.all([__webpack_require__.e(9051),__webpack_require__.e(2074),__webpack_require__.e(3455)]).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",ChatNameChangeMessage.__docgenInfo={description:"",methods:[],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/ChatNameChangeMessage/ChatNameChangeMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Basic$parameters,_Basic$parameters2,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.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;r{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__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/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,{noSSR:function(){return noSSR},default:function(){return dynamic}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_react=_interop_require_default._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablesharedruntime=_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()=>_react.default.createElement(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-ChatPartMessage-ChatPartMessage-stories.53dfec6e.iframe.bundle.js b/static/components/chat-ChatPartMessage-ChatPartMessage-stories.e5699a2b.iframe.bundle.js
similarity index 99%
rename from static/components/chat-ChatPartMessage-ChatPartMessage-stories.53dfec6e.iframe.bundle.js
rename to static/components/chat-ChatPartMessage-ChatPartMessage-stories.e5699a2b.iframe.bundle.js
index e5bbe7610b..5dc4647fbe 100644
--- a/static/components/chat-ChatPartMessage-ChatPartMessage-stories.53dfec6e.iframe.bundle.js
+++ b/static/components/chat-ChatPartMessage-ChatPartMessage-stories.e5699a2b.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see chat-ChatPartMessage-ChatPartMessage-stories.53dfec6e.iframe.bundle.js.LICENSE.txt */
-(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5244],{"./stories/assets/mocks/chatmessage-action.png":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={src:"static/media/chatmessage-action.830f1bbb.png",height:53,width:450,blurDataURL:"static/media/chatmessage-action.830f1bbb.png"}},"./components/chat/ChatPartMessage/ChatPartMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatPartMessage_ChatPartMessage_module=ChatPartMessage_module.Z&&ChatPartMessage_module.Z.locals?ChatPartMessage_module.Z.locals:void 0;var __jsx=react.createElement,UsergroupDeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(9051),__webpack_require__.e(2074),__webpack_require__.e(2938)]).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.a,{userColor}))),"left the chat.")};ChatPartMessage.displayName="ChatPartMessage",ChatPartMessage.__docgenInfo={description:"",methods:[],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/ChatUserBadge/ChatUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatUserBadge_ChatUserBadge_module=ChatUserBadge_module.Z&&ChatUserBadge_module.Z.locals?ChatUserBadge_module.Z.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",ChatUserBadge.__docgenInfo={description:"",methods:[],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__,{a:()=>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(9051),__webpack_require__.e(2074),__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__.o,{badge:__jsx(StarFilled,null),userColor,title:"Moderator"})};ModerationBadge.displayName="ModerationBadge",ModerationBadge.__docgenInfo={description:"",methods:[],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/ChatPartMessage/ChatPartMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Moderator:()=>Moderator,Regular:()=>Regular,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Regular$parameters,_Regular$parameters2,_Moderator$parameters,_Moderator$parameters2,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_ChatPartMessage__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/chat/ChatPartMessage/ChatPartMessage.tsx"),_stories_assets_mocks_chatmessage_action_png__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./stories/assets/mocks/chatmessage-action.png");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{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__,{Z:()=>__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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/chat/ChatUserBadge/ChatUserBadge.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__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/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,{noSSR:function(){return noSSR},default:function(){return dynamic}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_react=_interop_require_default._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablesharedruntime=_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()=>_react.default.createElement(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
+/*! For license information please see chat-ChatPartMessage-ChatPartMessage-stories.e5699a2b.iframe.bundle.js.LICENSE.txt */
+(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[5244],{"./stories/assets/mocks/chatmessage-action.png":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={src:"static/media/chatmessage-action.830f1bbb.png",height:53,width:450,blurDataURL:"static/media/chatmessage-action.830f1bbb.png"}},"./components/chat/ChatPartMessage/ChatPartMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatPartMessage_ChatPartMessage_module=ChatPartMessage_module.Z&&ChatPartMessage_module.Z.locals?ChatPartMessage_module.Z.locals:void 0;var __jsx=react.createElement,UsergroupDeleteOutlined=dynamic_default()((function(){return Promise.all([__webpack_require__.e(9051),__webpack_require__.e(2074),__webpack_require__.e(2938)]).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.a,{userColor}))),"left the chat.")};ChatPartMessage.displayName="ChatPartMessage",ChatPartMessage.__docgenInfo={description:"",methods:[],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/ChatUserBadge/ChatUserBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatUserBadge_ChatUserBadge_module=ChatUserBadge_module.Z&&ChatUserBadge_module.Z.locals?ChatUserBadge_module.Z.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",ChatUserBadge.__docgenInfo={description:"",methods:[],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__,{a:()=>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(9051),__webpack_require__.e(2074),__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__.o,{badge:__jsx(StarFilled,null),userColor,title:"Moderator"})};ModerationBadge.displayName="ModerationBadge",ModerationBadge.__docgenInfo={description:"",methods:[],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/ChatPartMessage/ChatPartMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Moderator:()=>Moderator,Regular:()=>Regular,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Regular$parameters,_Regular$parameters2,_Moderator$parameters,_Moderator$parameters2,_tmp_tmp_JUX7A1lQIH_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_ChatPartMessage__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/chat/ChatPartMessage/ChatPartMessage.tsx"),_stories_assets_mocks_chatmessage_action_png__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./stories/assets/mocks/chatmessage-action.png");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{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__,{Z:()=>__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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./components/chat/ChatUserBadge/ChatUserBadge.module.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__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/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,{noSSR:function(){return noSSR},default:function(){return dynamic}});const _interop_require_default=__webpack_require__("./node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_react=_interop_require_default._(__webpack_require__("./node_modules/next/dist/compiled/react/index.js")),_loadablesharedruntime=_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()=>_react.default.createElement(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-ChatPartMessage-ChatPartMessage-stories.53dfec6e.iframe.bundle.js.LICENSE.txt b/static/components/chat-ChatPartMessage-ChatPartMessage-stories.e5699a2b.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from static/components/chat-ChatPartMessage-ChatPartMessage-stories.53dfec6e.iframe.bundle.js.LICENSE.txt
rename to static/components/chat-ChatPartMessage-ChatPartMessage-stories.e5699a2b.iframe.bundle.js.LICENSE.txt
diff --git a/static/components/chat-ChatSocialMessage-ChatSocialMessage-stories.ff4652e0.iframe.bundle.js b/static/components/chat-ChatSocialMessage-ChatSocialMessage-stories.2e44d9a2.iframe.bundle.js
similarity index 99%
rename from static/components/chat-ChatSocialMessage-ChatSocialMessage-stories.ff4652e0.iframe.bundle.js
rename to static/components/chat-ChatSocialMessage-ChatSocialMessage-stories.2e44d9a2.iframe.bundle.js
index 920fde46a3..bf1513cdac 100644
--- a/static/components/chat-ChatSocialMessage-ChatSocialMessage-stories.ff4652e0.iframe.bundle.js
+++ b/static/components/chat-ChatSocialMessage-ChatSocialMessage-stories.2e44d9a2.iframe.bundle.js
@@ -1 +1 @@
-(self.webpackChunkowncast_web=self.webpackChunkowncast_web||[]).push([[9427],{"./node_modules/antd/es/_util/getRenderPropValue.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>getRenderPropValue});var getRenderPropValue=function getRenderPropValue(propValue){return propValue?"function"==typeof propValue?propValue():propValue:null}},"./node_modules/antd/es/_util/hooks/useForceUpdate.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>useForceUpdate});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");function useForceUpdate(){var _React$useReducer=react__WEBPACK_IMPORTED_MODULE_0__.useReducer((function(x){return x+1}),0);return(0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__.Z)(_React$useReducer,2)[1]}},"./node_modules/antd/es/avatar/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>es_avatar});var esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),esm_typeof=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/typeof.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=__webpack_require__("./node_modules/rc-resize-observer/es/index.js"),es_ref=__webpack_require__("./node_modules/rc-util/es/ref.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),context=__webpack_require__("./node_modules/antd/es/config-provider/context.js"),useBreakpoint=__webpack_require__("./node_modules/antd/es/grid/hooks/useBreakpoint.js"),responsiveObserve=__webpack_require__("./node_modules/antd/es/_util/responsiveObserve.js"),SizeContext=react.createContext("default"),SizeContextProvider=function SizeContextProvider(_ref){var children=_ref.children,size=_ref.size;return react.createElement(SizeContext.Consumer,null,(function(originSize){return react.createElement(SizeContext.Provider,{value:size||originSize},children)}))};const avatar_SizeContext=SizeContext;var __rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/antd/es/grid/col.js").Z},"./node_modules/antd/es/grid/col.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/typeof.js"),classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_config_provider__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/config-provider/context.js"),_RowContext__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/antd/es/grid/RowContext.js"),__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i0){var horizontalGutter=gutter[0]/2;mergedStyle.paddingLeft=horizontalGutter,mergedStyle.paddingRight=horizontalGutter}if(gutter&&gutter[1]>0&&!supportFlexGap){var verticalGutter=gutter[1]/2;mergedStyle.paddingTop=verticalGutter,mergedStyle.paddingBottom=verticalGutter}return flex&&(mergedStyle.flex=function parseFlex(flex){return"number"==typeof flex?"".concat(flex," ").concat(flex," auto"):/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)?"0 0 ".concat(flex):flex}(flex),!1!==wrap||mergedStyle.minWidth||(mergedStyle.minWidth=0)),react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__.Z)({},others,{style:(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__.Z)({},mergedStyle),style),className:classes,ref}),children)}))},"./node_modules/antd/es/grid/hooks/useBreakpoint.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_util_hooks_useForceUpdate__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/_util/hooks/useForceUpdate.js"),_util_responsiveObserve__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/_util/responsiveObserve.js");const __WEBPACK_DEFAULT_EXPORT__=function useBreakpoint(){var refreshOnChange=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],screensRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({}),forceUpdate=(0,_util_hooks_useForceUpdate__WEBPACK_IMPORTED_MODULE_1__.Z)();return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var token=_util_responsiveObserve__WEBPACK_IMPORTED_MODULE_2__.ZP.subscribe((function(supportScreens){screensRef.current=supportScreens,refreshOnChange&&forceUpdate()}));return function(){return _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_2__.ZP.unsubscribe(token)}}),[]),screensRef.current}},"./node_modules/antd/es/popover/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_esm_extends__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"),_util_getRenderPropValue__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/antd/es/_util/getRenderPropValue.js"),_util_motion__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/antd/es/_util/motion.js"),_config_provider__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/antd/es/config-provider/context.js"),_tooltip__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/antd/es/tooltip/index.js"),__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i{"use strict";__webpack_require__.d(__webpack_exports__,{b:()=>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[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].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.Z,options);const ChatSocialMessage_ChatSocialMessage_module=ChatSocialMessage_module.Z&&ChatSocialMessage_module.Z.locals?ChatSocialMessage_module.Z.locals:void 0;var __jsx=react.createElement,FollowIcon=dynamic_default()((function(){return __webpack_require__.e(9069).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(5584).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(7268).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.Z,{wrap:!1},__jsx(col.Z,{span:6,className:ChatSocialMessage_ChatSocialMessage_module.avatarColumn},__jsx(avatar.C,{src:image,alt:"Avatar",className:ChatSocialMessage_ChatSocialMessage_module.avatar,size:"large"},title.charAt(0).toUpperCase()),__jsx(Icon,{className:ChatSocialMessage_ChatSocialMessage_module.icon})),__jsx(col.Z,null,__jsx(row.Z,{className:ChatSocialMessage_ChatSocialMessage_module.account},title),__jsx(row.Z,{className:ChatSocialMessage_ChatSocialMessage_module.body,dangerouslySetInnerHTML:{__html:body}}))))))};ChatSocialMessage.displayName="ChatSocialMessage",ChatSocialMessage.__docgenInfo={description:"",methods:[],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/ChatSocialMessage/ChatSocialMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Follow:()=>Follow,InvalidAvatarImage:()=>InvalidAvatarImage,Like:()=>Like,LongAccountName:()=>LongAccountName,Repost:()=>Repost,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Follow$parameters,_Follow$parameters2,_Like$parameters,_Like$parameters2,_Repost$parameters,_Repost$parameters2,_LongAccountName$para,_LongAccountName$para2,_InvalidAvatarImage$p,_InvalidAvatarImage$p2,_tmp_tmp_vAswo1O8DM_owncast_web_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.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;rjames followed this live stream.