\n spans multiple lines and contains additional lines separated by
\nToo many newlines.
And also emojis 😂", status: L.default.PASS},rulesPageUrl:r,forumId:"dummy",idctaData:te}),T.default.createElement(ae,null,"Notable user comment"),T. default.createElement(x.Comment,{userCanPostToForum:!0,commentData:{index:2,id:2,totalReplies:0,answers:[],author:{displayName:"HackerTDog",isNotable:!0,userId: 100,description:ue,avatarUrl:le},dateCreated:"2014-02-01T10:23:00+00:00",actions:n,text:"This is a comment from a featured user".,status:L ., {userCanPostToForum:!0,commentData:{index:2,id:2,totalReplies:0,answers:[],author:{displayName:"HackerTdog",isNotable:!0,userId:100,avatarUrl:le} , dateCreated:"2014-02-01T10:23:00+00:00",actions:n,text:"This is a comment from an annotated user".,status:L.default.PASS},rulesPageUrl:r, forumId :" dummy", idctaData:te}),T.default.createElement(ae,null,"Be notable user comment without avatar image"),T.default.createElement(x.Comment,{userCanPostToForum:!0 ,commentData :{index:2,id:2,totalResponses:0,responses:[],author :{displayName:"HackerT Dog",isNotable:!0,userId:100,description:ue},dateCreated:"2014-02-01T10:23:00+00:00",actions:n,text:"This is a comment from a featured user .",status:L.default.PASS } ,rulesPageUrl:r,forumId:"dummy",idctaData:te}),T.default.createElement(ae,null,"Notable user comment with invalid avatar URL image"), T.default.createElement(x.Comment, {userCanPostToForum:!0,commentData:{index:2,id:2,totalReplies:0,answers:[],author:{displayName: "HackerTdog",isNotable: !0, User ID: 100, Avatar URL: ce, Description: ue}, Creation date: "2014-02-01T10: 23: 00 + 00: 00", actions: n, text: "This is a comment from a notable user. ", status :L.default.PASS},rulesPageUrl: r ,forumId:"dummy",idctaData:te}),T.default.createElement(ae,null,"Notable user comment without description and avatar image") ,T.default .createElement(x.Comment,{userCanPostToForum:!0, comment Data:{index:2,id:2,totalReplies:0,answers:[],author:{displayName:"HackerTDog",isNotable:! 0,userId:100},dateCreated:"2014-02-01T10 :23 : 00+00:00",actions:n,text:"This is a comment from a featured user. ",status:L.default.PASS },rulesPageUrl:r,forumId:"dummy",idctaData:te }), T.default.createElement(ae,null,"Notable user comment with admin links"),T.default .createElement(x.Comment, {userCanPostToForum:!0,commentData:{index:2,id:2,totalReplies:0,answers:[],author:{displayName:"HackerTdog",isNotable:!0,userId:100,description:ue,avatarUrl: le},dateCreated:"2014-02-01T10:23:00+00 :00",actions:n,text:"This is a comment from a featured user".,status:L. default .PASS},rulesPageUrl: r , customizationDetails : { isEdi tor:!0,commentAdminLinks:{report:{url:"/dummy/report/{commentId}"},makeTopPick:{url:"/dummy/makecommenteditorpick/{commentId} ?forumId={forumId}&parentUri={pageUrl} "},memberDetails:{url:"/dummy/MemberDetails/{userId}"},viewModerationHistory:{url:"/dummy/moderationHistory/{commentId}"}}}, forumId:"dummy",idctaData:te} ),T.default.createElement(ae,null,"comment with distress message"),T.default.createElement(x.Comment , {userCanPostToForum:!0,commentData:{ index:0,id:2,totalReplies: 0,replies:[],distressMessage:{text:"Hi UnicornPrincess,
\n It sounds like you need to talk to someone about what you're going through.\n You may be talking to a family member, friend, tutor, or teacher.
\n If you really don't have anyone to talk to, you can speak to a ChildLine adviser by calling\n on 0800 11 11 (calls are free), visit the website at childline.org.uk or download\n Download ChildLine's app free call For Me.
\n Or you can call the Samaritans on their hotline: 08457 90 90 90 (local rate) or visit their website.
\n Always remember that bullying is NOT acceptable and you do not have to put up with it.
\n For further help, we also have some helpful tips and hotlines.
\nI hope this helps,
\n CBBC"},Author:{DisplayName:"UnicornPrincess",isNotable:!1,UserId:100},DateCreated:"2019-02-20T10:23:00+00:00",Actions:n,Rating:{ Positive:0,negative:0},text:"I loved this episode. Know how Drew feels.
\nI get bullied too and sometimes you just have to ignore them :(
\NORTE
And other emojis 😁", status: L.default.PASS},rulesPageUrl:r,forumId:"dummy",idctaData:te}),T.default.createElement(ae,null,"Comment with distress message with links to admin " ),T.default.createElement(x.Comment,{userCanPostToForum:!0,commentData:{index:0,id:0,totalReplies:0,replies:[],distressMessage:{text:"Hello Spiderman,
\n Sounds like you need to talk to someone about what you're going through.\n You could talk to a family member, friend, guardian, or teacher."}, author:{displayName:"Spiderman ",isNotable: ! 1, User ID: 300 }, date created: "2019-08-02T11:56:00+00:00", actions: n, rating: {positive: 0, negative: 0}, text: "This is a comment with an emergency message when logging in as moderator", status: L.default.PASS},rulesPageUrl:r,personalisationDetails:{isEditor:!0,commentAdminLinks:{makeTopPick:{url:"#AdminLink-makeTopPick"},memberDetails:{ url:" # AdminLink-memberDetails"},viewModerationHistory:{url:"#AdminLink-viewModerationHistory"}}},forumId:"dummy",idctaData:te}),T.default.createElement(ae,null ,"Comment with Links admin ( closed) )")), T.default.createElement("p",null,'(this causes a warning/error response: "Invalid checksum" to the console, which you can ignore)'), T .default .createElement(" br",null),T.default.createElement(x.Comment,{u serCa nPostToForum:!0,commentData:{index:0,id:0,totalRepl ies: 0, rep lies: [], author: {displayName: "Laughing Apricot Iguana", isNotable:! 1, user id: 100}, creation date: "2014- 02-01T10:23:00+00:00", actions: n , score:{positive:0,negative:0}, text:"This is a comment with admin links",status:L.default.PASS}, Personalization Details:{esPublisher:!0,commentAdminLinks:{report:{url: "/dummy/report /{commentId}"},makeTopPick:{ url:"/dummy/makecommenteditorpick/{commentId}?forumId={forumId}&parentUri = {pageUrl}"},memberDetails:{url:"/dummy/memberDetails /{userId}" },viewModerationHistory:{url:"/dummy /moderationHistory/{commentId}"}}},rulesPageUrl:r,forumId:" dummy ",idctaData:te}),T.default.createElement(ae, null,"Comment with admin links (open)"),T .default.createElement("br",null),T.default.createElement(x. Comment,{userCanPostToForum:!0,commentData:{index:0,id:0,totalReplies: 0,Replies:[],Author: {displayName:"ApricotLaughingIguana",isNotable:!1,userId:100},dateCreated:" 2014-02-01T10:23:00+00:00",actions:n,rating: {po Positive:0,negative:0 },text:"This is a comment with admin links",status:L.default. PASS},personalizationDetails:{isEditor:!0,commentAdminLinks:{report:{url:"/ dummy /report/{commentId}"},makeTopPick:{url:"/dummy/makecommenteditorpick/{commentId}?forumId= { forumId }&parentUri={pageUrl}"},memberDetails:{url:"/dummy/memberDetails/{ userId }"},viewModerationHistory:{url:"/dummy/moderationHistory/{commentId}"}}},rulesPageUrl:r , forumId :"dummy",idctaData:te,isActionTrayOpen:!0}),T.default.createElement ( ae,null,"Comment moderation failed"),T.default.createElement("br",null),T . default .createElement(x.Comment,{userCanPostToForum:!0,commentData:{index :0,id: 0,totalReplies:0,replies:[], author:{displayName:"CaptainAmerica",isNotable:!1,userId : 100 },creation date:"2019-04- 10T10:08:45+00:00",actions:n,rating:{positive:0,negative:0},text:"This is a comment that failed to moderate" , state:L.default.FAILED},rulesPageUrl: r,forumId:"dummy",idctaData:te,isActionTray Open:!0}),T.default.createElement(ae,null,"Comment moderation failed with admin links"), T.default.createElement("br " ,null) ,T.default.createElement(x.Comment ,{userCanPostToForum:!0,commentData:{index:0,id:0,totalReplies:0 ,replies:[], author:{displayName:"ApricotLaughingIguana", isNotable :!1 ,userId:100} ,dateCreated:"2014 -02-01T10:23:00+00:00",actions:n,rating:{ positive:0,negative:0},text:"This is a comment with admin links", status: L.default.FAIL}, customization details:{isEditor:!0,commentAdminLinks:{report:{url:" /dummy/report/{commentId}"},makeTopPick:{url:"/dummy /makecommenteditorpick/ {commentId}? forumId={forumId}&parentUri ={pageUrl}"},memberDetails:{url:"/dummy/memberDetails/{userId}"},viewModerationHistory:{url:"/dummy/moderationHistory/{commentId}"} }},rulesPageUrl :r,forumId:" dummy",idctaData:te,isActionTrayOpen:!0}),T.default.createElement(ae,null,"comment from current user"),T.default.createElement(" br",null) , T.default.createElement( x.Comment,{userCanPostToForum:!0,commentData:{index:0,id:0,totalReplies:0,replies:[], author:{displayName:"ApricotLaughingIguana",isNotable: !1 ,userId:100},dateCreated:" 2014 -02-01T10:23:00+00:00",actions:n,rating:{positive:0,negative:0},text:"This is a current user review which has an unmoderated display name" ,status:L.default.PASS},personalisationDetails:{userId:100,commentAdminLinks:{report:{url:"/dummy/report/{commentId}"}}},rulesPageUrl : r, forumId:"dummy",idctaData: te}),T.default.createElement(ae,null,"Comment with link in comment"),T.default.createElement("br",null),T.default .createElement( x. Comment,{userCanPo stToForum: ! 0,commentData:{index:0,id:0,totalReplies:0,replies:[], author:{displayName:"ApricotLaughingIguana",isNotable:!1,userId:100},dateCreated:"2014-02-01T10 : 23:00+00:00",actions:n,rating:{positive:0,negative:0},text:'This is a comment with ashortcut.',status:L.default.PASS},customizationDetails:{userId:100,commentAdminLinks:{report:{url:"/dummy/report/{commentId}"}}},rulesPageUrl:r,forumId:"dummy" ,idctaData:te}),T.default.createElement(ae,null,"Current user comment with an unmoderated display name"),T.default.createElement("br",null),T.default. createElement(x.Comment,{userCanPostToForum:!0,commentData:{index:0,id:0,totalReplies:0,replies:[],author:{displayName:"U16123456",isNotable:!1,userId:100} ,dateCreated:"2014-02-01T10:23:00+00:00",actions:n,rating:{positive:0,negative:0},text:"This is a review from the current user who has a - name moderation", status: L.default.PASS}, personalization details: {userId: 100,displayNameModerationStatus:q.default.FAILED_OR_AWAITING,displayNameModerationMessage:"Where is my display name?",displayNameModerationUrl:"/moderation/user /help ", commentAdminLinks :{report:{url:"/dummy/report/{commentId}"}}},rulesPageUrl:r,forumId:"dummy",idctaData:te}))}},{key:"commentsList ", value: function (){v ar e={reportUrl:"/#/"},t="/rulesPageUrl",n=function t(n,r){var o=n.id,i=n. text, a= n .reply,s =n.displayName,u=(0,E.moment)().subtract(3*(r-o),"minutes").format();return{index:o,id :1233 +o , key:1233+ o,author:{displayName:s||"ApricotLaughingIguana",isNotable:!1,userId:10 0},creation date:u,actions: e,Tex t:i,Rating:{positive:0,negative:0},Status: L.default.PASS,responses:a?[t({id:o+ 1,text:a,displayName:"CarrotSmilingJiraffe" ,inReplyToId: 0,commentId:0})]:[],totalReplies:a?1: 0,replyTo:{displayName:"displayNamePlaceholder",text:"text placeholder"} }},r=4,o=[ n ({id:3,text:"This is a one line comment"},r), n({id:2,text:"This is another one line comment with replies",reply:"This is the first reply to a main comment" },r),n({id:1,text:"This is a test comment that will last a long time and
spans multiple lines and contains additional lines separated by
many line breaks.
E muitos emojis 😂"},r),n({id:0,text:"😂"},r)];return T.default.createElement(se,{heading:"Lista de comentarios",id:"comments - list"},T.default.createElement(ae,null,"Lista Padrão"),T.default.createElement(x.CommentsList,{comments:o,rulesPageUrl:t,isRatingEnabled:!0,forumId:"dummy" , idctaData:te,pageSize:re,respuestasPageSize:oe,userCanPostToForum:!0}),T.default.createElement(ae,null,"Neue Kommentare verfügbar"),T.default.createElement("div",null,T default.createElement("div",{className:"comments__show-new-comments-container"},T.default.createElement(x.ShowNewCommentsButton,{newCommentCount:12,onClick:G})),T.default.createElement ( x.CommentsList,{comentarios:o,rulesPageUrl:t,isRatingEnabled:!0,forumId:"dummy",idctaData:te,pageSize:re,repliesPageSize:oe,userCanPostToForum:!0})))}},{chave : "alertas",valor:función(){var e=this.theme.formatMessage("postCommentSuccessPremoderated"),t=this.theme.getIcon("SuccessIcon");return T.default.createElement(se,{heading: " Alertas",id:"comentarios-alertas"},T.def ault.crea teElement (ae, null, "mensaje por debajo del límite de caracteres"), T.default.createElement (x.CommentsHeader,null,T.default.createElement(x.CommentsTextLimit,{remainingCharacters:2,isTextOverLimit:!1,textLimit :750, restanteCharactersMessage :"Du hast noch 2 Zeichen übrig"})),T.default.createElement(ae,null,"Nachricht über Zeichenbegrenzung"),T.default.createElement(x.CommentsHeader,null,T.default. crearElemento(x. ComentariosTextLimit,{restanteCaracteres:-5,isTextOverLimit:!0,textLimit:750,remainingCharactersMessage:"Du hast 5 zu viele Zeichen geschrieben!"})),T.default.createElement(ae,null,"Mensaje de error"), T .default.createElement(x.CommentsHeader,null,T.default.createElement(x.CommentsAlert,{type:k.AlertTypes.ERROR}),"Leider ist ein Problem aufgetreten. Bitte aktualisieren Sie Ihren Browser and versuchen Sie es erneut. ")), T.default.createElement(ae,null,"Erfolgsmeldung vormoderiert"),T.default.createElement(x.CommentsHeader,null,T.default.createElement(x .CommentsAlert,{type:k.AlertTypes.SUCCESS ,Icon:t},e)),T.default.createElement(ae,null,"Comentários Carregando"),T.default.createElement(x.CommentsLoading,null)) }},{key:"ratings",value :function(){var e=this,t=function(t){return T.default.createElement(x.CommentRating,(0,s.default)({ratingType: "positiv",Icon:e.theme.getIcon ("Voto a favor"), índice de comentario: 0, está deshabilitado:! 1, ID de comentario: 0, controlador de error de calificación: G, está enviando calificación:! 1, valor de calificación: 9, ha clasificadoComm ent:!1,num erPlacement: "right",handleClick:G},t))};return T.default.createElement(se,{heading:"Calificaciones",id:"comentarios-calificaciones"},T.default .createElement(ae,null ," Positive Bewertung"),T.default.createElement("p",null,"Texto auf der rechten Seite."),T.default.createElement("div",null,T.default .createElement(t,null )) ,T.default.createElement("div",null,T.default.createElement(t,{ratingValue:99 })),T.default.createElement("div",null,T .default.createElement(t ,{ratingValue:999})),T.default.createElement("p",null,"Texto auf der linken Seite ."),T.default.createElement("div",null,T .default.createElement(t ,{numberPlacement:"left"})),T.default.createElement("div",null,T.default. createElement(t,{ratingValue:99,numberPlacement:"left"})),T.default.createElement("div",null,T.default.createElement(t,{ratingValue:999,numberPlacement:"left"}) ),T.default.createElement(ae,null,"Enviando"),T.default.createElement(t,{isSendingRating:!0}),T.default.createElement(ae,null,"Classificado"),T. default.createElement(t,{hasRatedComment:!0}),T.default.createElement(ae,null,"Disabled"),T.default.createElement(t,{isDisabled:!0}))}},{clave :"donwRatings",value:function(){var e=this,t=function(t){return T.default.createElement(x.CommentRating,(0,s.default)({ratingType:"negative",Icon :e.theme.getIcon("Voto negativo"), índice de comentario: 0, está deshabilitado:! 1, Id. de comentario: 0, calificaciónErrorHandler: G, está enviando calificación:! 1, valor de calificación: 9, tiene comentario calificado:! 1, número de ubicación: "derecho", manejar clic :G},t)};return T.default.createElement(se,{heading:"Down Ratings",id:"comentarios-down-ratings"},T.default.createElement (ae,null,"Negative Bewertung " ),T.default.createElement("p",null,"Texto auf der rechten Seite."),T.default.createElement("div",null,T.default.createElement (t,null)),T . default.createElement("div",null,T.default.createElement(t,{ratingValue:99})),T.default.createElement("div",null,T.default .createElement(t,{ratingValue: 999 })),T.default.createElement("p",null,"Texto auf der linken Seite."),T.default.createEleme nt("d iv",null,T.default .createElement(t,{numberPlacement:"left"})),T.default.createElement("div",null,T.default.createElement(t,{ratingValue: 99,ubicaciónnúmero: "esquerda"})),T .default.createElement("div",null,T.default.createElement(t,{ratingValue:999,ubicaciónnúmero:"esquerda"})),T.default.createElement (ae,null ,"Enviando"),T. default.createElement(t,{isSendingRating:!0}),T.default.createElement(ae,null,"Calificación reducida"),T.default.createElement(t,{hasRatedComment:!0}),T.default . createElement(ae,null,"Disabled"),T.default.createElement(t,{isDisabled:!0}))}},{key:"tooltip",value: function(){var e=S.default . getSignedOutResponse(),t=this.theme.formatMessage("tooltipErrorSubtitle"),n=this.theme.formatMessage("otherErrorBody");return T.default.createElement(se, {heading:"Tooltip",id:" tooltip "},T.default.createElement(ae,null,"Tooltip"),T.default.createElement("div",{className:"comments-styleguide__tooltip"} ,T.default.createElement(x.Tooltip,{ subtítulo :"Melden Sie sich dazu bei Ihrem BBC-Konto an.",handleClose:G,shouldAutoFocus:!1},T.default.createElement(x.IdctaSignInButton,{markup: e.signInButton}))),T.default . createElement("br",null),T.default.createElement("br",null),T.default.createElement("br",null),T.default .createElement("br",null),T . default.createElement("br",null),T.default.createElement("br",null),T. predeterminado t.createElement("br",null),T .default.createElement("br",null),T.default.createElement(ae,null,"Fehler-Tooltip"),T.default.createElement("div " ,{className:"comments-styleguide__tooltip"},T.default.createElement(x.Tooltip,{subtitle:t,isAlert:!0,handleClose:G,shouldAutoFocus:!1},n)),T.default. createElement ("br",null),T.default.createElement("br",null),T.default.createElement("br",null),T.default.createElement("br",null),T. predeterminado .createElement("br",null),T.default.createElement("br",null),T.default.createElement("br",null),T.default.createElement("br",null), T .default.createElement(ae,null,"Lanzador de información sobre herramientas"),T.default.createElement(x.TooltipLauncher,{tooltipSubtitle:"Melden Sie sich dazu bei Ihrem BBC-Konto an.",isTooltipOpen:!1,tooltipBody: t default.createElement(x.IdctaSignInButton,{markup:e.signInButton})},T.default.createElement(x.CommentsButton,null,"Clique em mim para ver a dica")))}},{key:"respostas ", value:function(){var e={reportUrl:"/#/"},t="/rulesPageUrl",n=["Dies ist ein Snippet nur mit Text","😂","😂😂😂😂 😂😂 😂😂","
Yee😂eeeeeeeeeeeeee   😂
\n     is an excerpt 😂 with everything.
\n Emoticons 😂😂😂 and text like this and new line
\n so I really like this snippet component 😂😂😂😂"];return T.default.createElement(se,{heading:"Answers",id:"comments-answers"},T.default.createElement(ae ,null ,"Reply Button"),T.default.createElement(x.ReplyButton,null),T.default.createElement(ae,null,"Response function on exit"),T.default.createElement(x.Comment , {commentData :{index:0,id:0,totalReplies:0,replies:[], author:{displayName:"Superman",isNotable:!1,userId:200},dateCreated:"2019-04-02T16: 33 :00 +00:00",actions:e,rating:{positive:0,negative:0},text:"This is a one line comment with a reply button and logout function",status: L.default.APPROVED}, rulesPageUrl :t ,forumId:"dummy",idctaData:te}),T.default.createElement(ae,null,"Response if user does not have permission to comment"),T. default.createElement (x.Comment, {commentData: {index:0,id:0,totalReplies:0,replies:[],author:{displayName:"MrBean",isNotable:!1,userId:100},dateCreated: "2019-04 -12T10 :08 :38+ 00:00",Actions:y,Cation rating g:{positive:0,negative:0},Text: "This is a comment that the user cannot reply to because they do not have permission to comment ",status:L.default.PASS},rulesPageUrl:t, forumId: " dummy", idctaData:ee}),T.default.createElement(ae,null,"Reply to a parent comment"),T.default. createElement(x.Comment,{commentInputTextLimit:750,commentInputModerationStatus:F. default. PRE_MODERATED,commentDate:{index:0,id:0,totalReplies: 0,Replies:[],Author:{displayName:"Thor",isNotable:!1,userId:300},dateCreated:"2019-04-02Q18: 05:00+00:00",actions:e,rating: {positive:0,negative:0},text:"This is a one line comment with a reply button and works if you are logged in and the user has permission to comment is",status:L.default.PASS},rulesPageUrl:t,forumId :"dummy",idctaData:$}),T.default.createElement(ae,null,"Reply to a reply"),T. default. createElement(x.Comment,{commentInputTextLimit:750,commentInputModerationStatus:F.default. PRE_MODERATED,commentData:{index:0,id:0,author:{displayName:"Hercules",isNotable:!1,userId:300},dateCreated :"2019-04-02T18:05:00+00 :00", actions:e,rating:{positive:0,negative:0},text:"😂 This is a one line comment",status:L. default .PASS,totalReplies:1,replies:[{index: 0,id:0,author:{displayName:"Ironman",isNotable:!1,userId:100},creation date:"2019-04-05T10: 23:00 +00:00",actions:{reportUrl:"/ #/" }, rating:{positive:0,negative:0},text:"This is the first reply to the comment and it is the only one",status :L .default.PASS,inReplyToId:0,commentId: 0,replyTo :{displayName: "Hercules",text:"😂 This is a one line comment"}}]},rulesPageUrl:t,forumId:"dummy" , idctaData :$,isRatingEnabled:!0,userCanPostToForum:!0 }) ,T.default.createElement (ae,null,"Inplace response snippet"),T.default.createElement(x.Comment,{commentInputTextLimit:750,commentInputModerationStatus :F .default.PRE_MODERATED,comment D ata:{index:0 ,ID :12345,Author: {displayName:"CarpetMan",isNotable:!1,userId:300},Date Created:"2019-04-02T18:05:00 +00:00",actions:e,rating:{positive:0,negative:0},text:"😂
This is the test comment, which will continue for quite some time.
\n spans multiple lines and contains additional lines separated by
\nToo many newlines.
And also emojis 😂", status: L.default.PASS, totalReplies:1,replies:[{index:0,id:12346,author:{displayName:"WaterMan",isNotable:!1,userId:100},dateCreated :"2019-04-06T10:23:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is the first response from comment is the only one", status: L.default.PASS, inReplyToId: 12345, commentId: 12345, replyTo:{displayName:"CarpetMan",text:"😂
This is the test comment, which will continue for quite some time.
\n spans multiple lines and contains additional lines separated by
\nToo many newlines. \NORTEYou need a display name to comment, reply and react.\n Create a display name\n\NORTE
And also emojis 😂"}}]},rulesPageUrl:t,forumId:"dummy",idctaData:$,isRatingEnabled:!0,userCanPostToForum:!0}),T.default.createElement(ae,null,"Reply snippet only text"),T.default.createElement("div",{dangerouslySetInnerHTML:{__html:"Comment: "+n[0]}}),T.default.createElement("div",{className:"comments-styleguide__white-background"},T.default.createElement(x.ReplySnippet,{replyToName:"SugarMan",replyToMsg:n[0]})),T.default.createElement(ae,null,"Reply snippet only 1 emoticon"),T.default.createElement("div",{dangerouslySetInnerHTML:{__html:"Comment: "+n[1]}}),T.default.createElement("div",{className:"comments-styleguide__white-background"},T.default.createElement(x.ReplySnippet,{replyToName:"SaltMan",replyToMsg:n[1]})),T.default.createElement(ae,null,"Reply snippet only emoticons"),T.default.createElement("div",{dangerouslySetInnerHTML:{__html:"Comment: "+n[2]}}),T.default.createElement("div",{className:"comments-styleguide__white-background"},T.default.createElement(x.ReplySnippet,{replyToName:"PepperMan",replyToMsg:n[2]})),T.default.createElement(ae,null,"Reply snippet mixed"),T.default.createElement("div",{dangerouslySetInnerHTML:{__html:"Comment: "+n[3]}}),T.default.createElement("div",{className:"comments-styleguide__white-background"},T.default.createElement(x.ReplySnippet,{replyToName:"CurryMan",replyToMsg:n[3]})),T.default.createElement(ae,null,"More replies"),T.default.createElement(x.Comment,{commentInputTextLimit:750,commentInputModerationStatus:F.default.PRE_MODERATED,commentData:{index:0,id:123456,author:{displayName:"PeterPan",isNotable:!1,userId:300},dateCreated:"2019-04-02T18:05:00+00:00",actions:e,rating:{positive:0,negative:0},text:"😂 This is a single line comment",status:L.default.PASS,totalReplies:13,replies:[{index:12,id:12,author:{displayName:"Bambi",isNotable:!1,userId:100},dateCreated:"2019-04-07T07:24:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a example of reply number 1",status:L.default.PASS,inReplyToId:123456,commentId:123456,replyTo:{displayName:"PeterPan",text:"😂 This is a single line comment"}},{index:11,id:11,author:{displayName:"LionKing",isNotable:!1,userId:100},dateCreated:"2019-04-06T08:39:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a example of reply number 2, replying to Bambi",status:L.default.PASS,inReplyToId:12,commentId:123456,replyTo:{displayName:"Bambi",text:"This is a example of reply number 1"}},{index:10,id:10,author:{displayName:"Romeo",isNotable:!1,userId:100},dateCreated:"2019-04-05T05:19:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a example of reply number 3, replying to LionKing",status:L.default.PASS,inReplyToId:11,commentId:123456,replyTo:{displayName:"LionKing",text:"This is a example of reply number 2, replying to Bambi"}},{index:9,id:9,author:{displayName:"Wendy",isNotable:!1,userId:100},dateCreated:"2019-04-05T05:00:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a example of reply number 4",status:L.default.PASS,inReplyToId:123456,commentId:123456,replyTo:{displayName:"PeterPan",text:"😂 This is a single line comment"}},{index:8,id:8,author:{displayName:"CaptainHook",isNotable:!1,userId:100},dateCreated:"2019-04-05T04:00:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a example of reply number 5",status:L.default.PASS,inReplyToId:123456,commentId:123456,replyTo:{displayName:"PeterPan",text:"😂 This is a single line comment"}},{index:7,id:7,author:{displayName:"Julieta",isNotable:!1,userId:100},dateCreated:"2019-04-05T03:19:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a example of reply number 6",status:L.default.PASS,inReplyToId:123456,commentId:123456,replyTo:{displayName:"PeterPan",text:"😂 This is a single line comment"}},{index:6,id:6,author:{displayName:"Shirkan",isNotable:!1,userId:100},dateCreated:"2019-04-05T03:09:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a example of reply number 7",status:L.default.PASS,inReplyToId:123456,commentId:123456,replyTo:{displayName:"PeterPan",text:"😂 This is a single line comment"}},{index:5,id:5,author:{displayName:"Rambo",isNotable:!1,userId:100},dateCreated:"2019-04-05T03:01:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a example of reply number 8",status:L.default.PASS,inReplyToId:123456,commentId:123456,replyTo:{displayName:"PeterPan",text:"😂 This is a single line comment"}},{index:4,id:4,author:{displayName:"Rocky",isNotable:!1,userId:100},dateCreated:"2019-04-05T02:19:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a example of reply number 9",status:L.default.PASS,inReplyToId:123456,commentId:123456,replyTo:{displayName:"PeterPan",text:"😂 This is a single line comment"}},{index:3,id:3,author:{displayName:"LuckyLuke",isNotable:!1,userId:100},dateCreated:"2019-04-05T02:09:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a example of reply number 10",status:L.default.PASS,inReplyToId:123456,commentId:123456,replyTo:{displayName:"PeterPan",text:"😂 This is a single line comment"}},{index:2,id:2,author:{displayName:"CristobalColon",isNotable:!1,userId:100},dateCreated:"2019-04-05T02:01:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a example of reply number 11",status:L.default.PASS,inReplyToId:123456,commentId:123456,replyTo:{displayName:"PeterPan",text:"😂 This is a single line comment"}},{index:1,id:1,author:{displayName:"Nadal",isNotable:!1,userId:100},dateCreated:"2019-04-05T01:19:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a example of reply number 12",status:L.default.PASS,inReplyToId:123456,commentId:123456,replyTo:{displayName:"PeterPan",text:"😂 This is a single line comment"}},{index:0,id:0,author:{displayName:"Federer",isNotable:!1,userId:100},dateCreated:"2019-04-05T01:09:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a example of reply number 13",status:L.default.PASS,inReplyToId:123456,commentId:123456,replyTo:{displayName:"PeterPan",text:"😂 This is a single line comment"}}]},rulesPageUrl:t,forumId:"dummy",idctaData:$,isRatingEnabled:!0,userCanPostToForum:!0}),T.default.createElement(ae,null,"Error after posting a reply"),T.default.createElement("div",{className:"comments-styleguide__white-background"},T.default.createElement("div",{className:"reply"},T.default.createElement("div",{className:"reply__signedin"},T.default.createElement("div",{className:"reply__signedin-eligible"},T.default.createElement("p",{className:"reply__signedin-eligible-header"},"Your reply to Albert"),T.default.createElement(x.CommentsAlert,{type:k.AlertTypes.ERROR},this.theme.formatMessage("postCommentIdctaError")),T.default.createElement(x.CommentsInput,{isDisabled:!0,commentInputClass:"reply-input",textLimit:270,moderationStatus:F.default.PRE_MODERATED,createForum:!1,postCommentHandler:G}))))),T.default.createElement(ae,null,"Confirmation after posting a reply"),T.default.createElement("div",{className:"comments-styleguide__white-background"},T.default.createElement("div",{className:"reply"},T.default.createElement("div",{className:"reply__signedin"},T.default.createElement("div",{className:"reply__signedin-eligible"},T.default.createElement("p",{className:"reply__signedin-eligible-header"},"Your reply to Henry"),T.default.createElement(x.CommentsAlert,{type:k.AlertTypes.SUCCESS,Icon:this.theme.getIcon("SuccessIcon")},this.theme.formatMessage("postCommentSuccessPremoderated")),T.default.createElement(x.CommentsInput,{isDisabled:!0,commentInputClass:"reply-input",textLimit:270,moderationStatus:F.default.PRE_MODERATED,createForum:!1,postCommentHandler:G}))))),T.default.createElement(ae,null,"Reply of removed parent"),T.default.createElement(x.Comment,{commentInputTextLimit:750,commentInputModerationStatus:F.default.PRE_MODERATED,commentData:{index:0,id:0,author:{displayName:"Planetman",isNotable:!1,userId:300},dateCreated:"2019-04-02T18:05:00+00:00",actions:e,rating:{positive:0,negative:0},text:"This comment was removed",status:L.default.FAIL,totalReplies:1,replies:[{index:0,id:0,author:{displayName:"Ironman",isNotable:!1,userId:100},dateCreated:"2019-04-05T10:23:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a reply of parent comment which was removed by moderation",status:L.default.PASS,inReplyToId:0,commentId:0,replyTo:{displayName:"Planetman",text:"This comment was removed"}}]},rulesPageUrl:t,forumId:"dummy",idctaData:$,isRatingEnabled:!0,userCanPostToForum:!0}),T.default.createElement(ae,null,"Reply of removed parent with admin links"),T.default.createElement(x.Comment,{commentInputTextLimit:750,commentInputModerationStatus:F.default.PRE_MODERATED,commentData:{index:0,id:0,author:{displayName:"Planetman",isNotable:!1,userId:300},dateCreated:"2019-04-02T18:05:00+00:00",actions:e,rating:{positive:0,negative:0},text:"This comment was removed",status:L.default.FAIL,totalReplies:1,replies:[{index:0,id:0,author:{displayName:"Ironman",isNotable:!1,userId:100},dateCreated:"2019-04-05T10:23:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a reply of parent comment which was removed by moderation",status:L.default.PASS,inReplyToId:0,commentId:0,replyTo:{displayName:"Planetman",text:"This comment was removed"}}]},rulesPageUrl:t,personalisationDetails:{isEditor:!0,commentAdminLinks:{report:{url:"/dummy/report/{commentId}"},makeTopPick:{url:"/dummy/makecommenteditorpick/{commentId}?forumId={forumId}&parentUri={pageUrl}"},memberDetails:{url:"/dummy/memberDetails/{userId}"},viewModerationHistory:{url:"/dummy/moderationHistory/{commentId}"}}},forumId:"dummy",idctaData:$,isRatingEnabled:!0,userCanPostToForum:!0}),T.default.createElement(ae,null,"Removed reply"),T.default.createElement(x.Comment,{commentInputTextLimit:750,commentInputModerationStatus:F.default.PRE_MODERATED,commentData:{index:0,id:0,author:{displayName:"Earthman",isNotable:!1,userId:300},dateCreated:"2019-04-02T18:05:00+00:00",actions:e,rating:{positive:0,negative:0},text:"😂 This is a single line comment",status:L.default.PASS,totalReplies:1,replies:[{index:0,id:0,author:{displayName:"Riceman",isNotable:!1,userId:100},dateCreated:"2019-04-05T10:23:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a reply of parent comment which was removed by moderation",status:L.default.FAIL,inReplyToId:0,commentId:0,replyTo:{displayName:"Riceman",text:"😂 This is a single line comment"}}]},rulesPageUrl:t,forumId:"dummy",idctaData:$,isRatingEnabled:!0,userCanPostToForum:!0}),T.default.createElement(ae,null,"Removed reply with admin links"),T.default.createElement(x.Comment,{commentInputTextLimit:750,commentInputModerationStatus:F.default.PRE_MODERATED,commentData:{index:0,id:0,author:{displayName:"Martianman",isNotable:!1,userId:300},dateCreated:"2019-04-02T18:05:00+00:00",actions:e,rating:{positive:0,negative:0},text:"😂 This is a single line comment",status:L.default.PASS,totalReplies:1,replies:[{index:0,id:0,author:{displayName:"Foodman",isNotable:!1,userId:100},dateCreated:"2019-04-05T10:23:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is a reply of parent comment which was removed by moderation",status:L.default.FAIL,inReplyToId:0,commentId:0,replyTo:{displayName:"Martianman",text:"😂 This is a single line comment"}}]},rulesPageUrl:t,personalisationDetails:{isEditor:!0,commentAdminLinks:{report:{url:"/dummy/report/{commentId}"},makeTopPick:{url:"/dummy/makecommenteditorpick/{commentId}?forumId={forumId}&parentUri={pageUrl}"},memberDetails:{url:"/dummy/memberDetails/{userId}"},viewModerationHistory:{url:"/dummy/moderationHistory/{commentId}"}}},forumId:"dummy",idctaData:$,isRatingEnabled:!0,userCanPostToForum:!0}),T.default.createElement(ae,null,"Replied by notable"),T.default.createElement(x.Comment,{commentInputTextLimit:750,commentInputModerationStatus:F.default.PRE_MODERATED,commentData:{index:0,id:0,author:{displayName:"Hercules",isNotable:!0,userId:300,description:ue,avatarUrl:le},dateCreated:"2019-04-02T18:05:00+00:00",actions:e,rating:{positive:0,negative:0},text:"😂 This is a single line comment",status:L.default.PASS,totalReplies:1,replies:[{index:0,id:0,author:{displayName:"Hercules",isNotable:!0,userId:100,description:ue,avatarUrl:le},dateCreated:"2019-04-05T10:23:00+00:00",actions:{reportUrl:"/#/"},rating:{positive:0,negative:0},text:"This is the first reply of the comment and it is the only one",status:L.default.PASS,inReplyToId:0,commentId:0,replyTo:{displayName:"Hercules",text:"😂 This is a single line comment"}}]},rulesPageUrl:t,forumId:"dummy",idctaData:$,isRatingEnabled:!0,userCanPostToForum:!0}),T.default.createElement(z.A11yAlertMessage,{timeout:ie,message:this.state.audibleMessage}))}},{key:"commentsSort",value:function(){return T.default.createElement(se,{heading:"Comments Sort",id:"comments-sort"},T.default.createElement(ae,null,"Comments Sort Select"),T.default.createElement("div",{className:"comments-styleguide__white-background"},T.default.createElement(x.CommentsSort,null)),T.default.createElement("div",{className:"comments-styleguide__white-background"},T.default.createElement(x.CommentsSort,{isLoading:!0})),T.default.createElement(ae,null,"Comments Sort Error"),T.default.createElement(x.CommentsSortError,null))}},{key:"viewCommentsButton",value:function(){return T.default.createElement(se,{heading:"View Comments Button",id:"view-comments-button"},T.default.createElement(ae,null,"With comments"),T.default.createElement("div",{className:"comments-styleguide__white-background"},T.default.createElement(x.ViewCommentsButton,{totalCommentsCount:1})),T.default.createElement("div",{className:"comments-styleguide__white-background"},T.default.createElement(x.ViewCommentsButton,{totalCommentsCount:11})),T.default.createElement("div",{className:"comments-styleguide__white-background"},T.default.createElement(x.ViewCommentsButton,{totalCommentsCount:263})),T.default.createElement(ae,null,"Without comments"),T.default.createElement("div",{className:"comments-styleguide__white-background"},T.default.createElement(x.ViewCommentsButton,null)))}},{key:"getChildContext",value:function(){return{isFeatureEnabled:function(){return!0},apiKey:"styleguide",forumId:"noForum",theme:this.theme,setA11yAlertText:this.setA11yAlertText,triggerAggregatorDataFetch:G,logImpressionEventWithCommonLabels:G,WithStatsIncludeCommonLabels:K,logClickEventWithCommonLabels:G,canSendStat:X,setStatSent:G,clearStatsSent:G,getInstanceId:J,noJS:!1}}},{key:"render",value:function(){var e=this.theme,t=e.themeVariant,n=e.product;return T.default.createElement("div",{className:(0,_.default)("comments-theme-variant--"+t,"comments__product--"+n)},T.default.createElement("div",{className:"comments-styleguide comments"},T.default.createElement(x.NoJSMessage,null),this.menu(),this.typography(),this.buttons(),this.alerts(),this.formElements(),this.header(),this.footer(),this.comment(),this.commentsList(),this.tooltip(),this.ratings(),this.donwRatings(),this.replies(),this.commentsSort(),this.viewCommentsButton()))}}]),t}(b.Component);de.displayName="StyleGuideModule",de.propTypes={mode:b.PropTypes.string,themeVariant:b.PropTypes.string,product:b.PropTypes.oneOf((0,i.default)(W.Products))},de.defaultProps={mode:A.MODE_STANDALONE,themeVariant:W.ThemeVariants.DEFAULT,product:W.Products.DEFAULT},de.childContextTypes={isFeatureEnabled:b.PropTypes.func.isRequired,apiKey:b.PropTypes.string.isRequired,forumId:b.PropTypes.string.isRequired,theme:b.PropTypes.shape({formatMessage:b.PropTypes.func.isRequired,getIcon:b.PropTypes.func.isRequired,getComponent:b.PropTypes.func.isRequired,ratingsNumberPlacement:b.PropTypes.string.isRequired}).isRequired,setA11yAlertText:b.PropTypes.func,triggerAggregatorDataFetch:b.PropTypes.func,logImpressionEventWithCommonLabels:b.PropTypes.func,WithStatsIncludeCommonLabels:b.PropTypes.func.isRequired,logClickEventWithCommonLabels:b.PropTypes.func,canSendStat:b.PropTypes.func.isRequired,setStatSent:b.PropTypes.func.isRequired,clearStatsSent:b.PropTypes.func.isRequired,getInstanceId:b.PropTypes.func.isRequired,noJS:b.PropTypes.bool.isRequired},t.StyleGuideModule=de},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(165),i=r(o);t.default={getSignedOutResponse:function(){return i.default.new().signedIn(!1).withSignInButton('\n Login\n or Register-se\n').build()},getSignedInResponse:function(){return i.default.new().signedIn(!0).withPolicyCheck(!1).withSignedInMessage('You are logged in as test-u16.deliver').build()},getSignedInResponseWithUnder16PolicyError:function(){return i.default.new().signedIn(!0).withPolicyCheck(!0).withSignedInMessage('Sorry, looks like you're not old enough to comment.').build()},getSignedInResponseWithoutDisplayName:function(){return i.default.new().signedIn(!0).withPolicyCheck(!0).withSignedInMessage('