(self.webpackChunk=self.webpackChunk||[]).push([[53866],{232847:(t,e,n)=>{"use strict";n.d(e,{default:()=>r});var o,a=n(827378);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e{"use strict";n.d(e,{default:()=>r});var o,a=n(827378);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e{"use strict";n.d(e,{default:()=>r});var o,a=n(827378);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e{"use strict";n.d(e,{default:()=>r});var o,a=n(827378);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e{var o=n(296863);(t.exports=n(931506)(!1)).push([t.id,".rate {\n border-radius: 4px;\n letter-spacing: normal;\n color: #050038;\n padding: 11px 0 0 0;\n background: #ffffff;\n position: relative;\n}\n.rate-left-side-bar {\n border: solid 1px #cdccd7;\n}\n.rate-template {\n position: absolute;\n background-color: #ffffff;\n left: 10px;\n bottom: 10px;\n z-index: 2;\n width: 324px;\n min-height: 97px;\n border-radius: 4px;\n box-shadow: 0px 4px 16px rgba(5, 0, 56, 0.12);\n}\n.rate-float {\n width: 324px;\n padding: 12px 0 0 0;\n box-shadow: 0px 4px 16px rgba(5, 0, 56, 0.12);\n}\n.rate-float .rate-comment-form {\n padding: 0 16px 16px 16px;\n}\n.rate-float--gratitude {\n padding: 12px 0 12px 0;\n}\n.rate-value {\n padding: 0 15px 0 15px;\n}\n.rate-value .rate-head {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.rate-value .rate-head h1 {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n width: 260px;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n}\n.rate-value .rate-head button {\n height: 24px;\n padding: 0;\n margin-left: 13px;\n}\n.rate-value .rate-head button:focus-visible {\n box-shadow: inset 0 0 0 1px #455bed, 0 0 0 1px #455bed, 0 0 0 5px #d9e0ff;\n border-radius: 5%;\n}\n.rate-value .rate-head button svg {\n width: 24px;\n height: 24px;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n cursor: pointer;\n}\nh1.rate-caption {\n font-size: 14px;\n line-height: 1.71;\n padding: 0;\n margin: 0;\n}\n.rates {\n padding: 12px 0;\n text-align: center;\n font-size: 0;\n}\n.rates .rate-option {\n display: inline-block;\n position: relative;\n width: 32px;\n height: 32px;\n cursor: pointer;\n padding: 8px 8px 8px 8px;\n}\n.rates .rate-option .rate-option-ico {\n display: inline-block;\n width: 32px;\n height: 32px;\n background-image: url("+o(n(850066))+");\n background-size: cover;\n background-repeat: no-repeat;\n cursor: pointer;\n}\n.rates .rate-option input {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n opacity: 1;\n}\n.rates .rate-option input:focus-visible:before {\n box-shadow: inset 0 0 0 1px #455bed, 0 0 0 1px #455bed, 0 0 0 5px #d9e0ff;\n border-radius: 4px;\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n}\n.rates .do-hovers .rate-option--awfull:hover span,\n.rates .rate-option--awfull.rate-option--checked span {\n background-position: -160px 0;\n}\n.rates .rate-option--bad span {\n background-position: -32px 0;\n}\n.rates .do-hovers .rate-option--bad:hover span,\n.rates .rate-option--bad.rate-option--checked span {\n background-position: -192px 0;\n}\n.rates .rate-option--neutral span {\n background-position: -64px 0;\n}\n.rates .do-hovers .rate-option--neutral:hover span,\n.rates .rate-option--neutral.rate-option--checked span {\n background-position: -224px 0;\n}\n.rates .rate-option--good span {\n background-position: -96px 0;\n}\n.rates .do-hovers .rate-option--good:hover span,\n.rates .rate-option--good.rate-option--checked span {\n background-position: -256px 0;\n}\n.rates .rate-option--awesome span {\n background-position: -128px 0;\n}\n.rates .do-hovers .rate-option--awesome:hover span,\n.rates .rate-option--awesome.rate-option--checked span {\n background-position: -288px 0;\n}\n.rate-comment-form {\n padding: 0 15px 15px 15px;\n border-top: solid 1px #ebebef;\n text-align: right;\n font-size: 0;\n}\n.rate-comment-form .rate-input-wrapper {\n position: relative;\n z-index: 1;\n text-align: left;\n max-height: 140px;\n margin: 8px 0 8px 0;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n scrollbar-color: #5f5c80 transparent;\n scrollbar-width: thin;\n}\n.rate-comment-form .rate-input-wrapper::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.rate-comment-form .rate-input-wrapper::-webkit-scrollbar-thumb {\n background-color: #5f5c80;\n border: 0 solid transparent;\n border-radius: 2px;\n}\n.rate-comment-form .rate-input-wrapper::-webkit-scrollbar-track {\n background-color: initial;\n}\n.rate-comment-form .rate-input-wrapper textarea {\n width: 100%;\n font-size: 14px;\n line-height: 1.43;\n resize: none;\n padding: 0;\n overflow: hidden;\n border: none;\n}\n.rate-closebar {\n position: absolute;\n height: 2px;\n background-color: #2b79ff;\n bottom: 0;\n width: 0;\n}\n.rate-closebar--countdown.ng-hide {\n width: 100%;\n}\n.rate-closebar--countdown.ng-hide-add {\n transition: width linear 0s;\n}\n.rate-closebar--countdown.ng-hide-remove {\n transition: width linear 3s;\n}\n.rate-head .rate-close--hover {\n position: absolute;\n right: 8px;\n top: 8px;\n width: 24px;\n height: 24px;\n border-radius: 3px;\n background-color: #c3c2cf;\n visibility: hidden;\n}\n.rate-head .rate-close--hover:hover {\n cursor: pointer;\n background-color: rgba(5, 0, 56, 0.5);\n}\n.rate:hover .rate-head .rate-close--hover {\n visibility: visible;\n}\n.rate-head .rate-close--hover svg.rate-close__cross--hover {\n margin-top: 4px;\n width: 16px;\n height: 16px;\n}\n.rate-head .rate-close--static {\n position: relative;\n position: absolute;\n right: 11px;\n top: 11px;\n width: 24px;\n height: 24px;\n}\n.rate-head .rate-close--static:focus,\n.rate-head .rate-close--static:focus-visible {\n outline: none;\n}\n.rate-head .rate-close--static:focus-visible:before {\n box-shadow: inset 0 0 0 1px #455bed, 0 0 0 1px #455bed, 0 0 0 5px #d9e0ff;\n border-radius: 4px;\n content: '';\n position: absolute;\n left: -1px;\n right: -1px;\n top: -1px;\n bottom: -1px;\n}\n.rate-head .rate-close--static svg.rate-close__cross--static {\n width: 24px;\n height: 24px;\n}\n.rate-head .rate-close--touch-device {\n visibility: visible;\n}\n",""])},649118:(t,e,n)=>{(e=t.exports=n(931506)(!1)).push([t.id,".toolbar-37oqD {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n padding: 12px 16px 12px 0;\n}\n.button-2nZs3 {\n color: #cdccd7;\n margin-left: 8px;\n}\n.button-2nZs3.button__disabled-EeNYh {\n opacity: 1;\n}\n",""]),e.locals={toolbar:"toolbar-37oqD",button:"button-2nZs3",button__disabled:"button__disabled-EeNYh"}},91798:(t,e,n)=>{(e=t.exports=n(931506)(!1)).push([t.id,".commentTip-3psa3 {\n background-color: #f5f5f7;\n border-radius: 8px;\n padding: 8px 12px;\n}\n.headerContainer-19i-F {\n margin-bottom: 4px;\n display: -ms-flexbox;\n display: flex;\n}\n.headerImage-5Kx8V {\n margin-right: 8px;\n}\n.headerLabel-rDYcx {\n color: #5f5c80;\n}\n.footerContainer-aQh8n {\n margin-top: 4px;\n padding: 6px 0;\n}\n.footerContainer-aQh8n button:not(:first-child) {\n margin-left: 12px;\n}\n",""]),e.locals={commentTip:"commentTip-3psa3",headerContainer:"headerContainer-19i-F",headerImage:"headerImage-5Kx8V",headerLabel:"headerLabel-rDYcx",footerContainer:"footerContainer-aQh8n"}},795507:(t,e,n)=>{(e=t.exports=n(931506)(!1)).push([t.id,".emoji-6cuGT {\n height: 25px;\n border-radius: 13px;\n border: solid 1px rgba(0, 0, 0, 0.2);\n display: inline-block;\n margin-right: 4px;\n margin-top: 8px;\n cursor: pointer;\n box-sizing: border-box;\n}\n.emoji-6cuGT:hover {\n border: solid 1px #4262ff;\n}\n.emojiHighlighted-1h6L0 {\n background-color: rgba(51, 110, 234, 0.08);\n border: 1px solid rgba(42, 121, 255, 0.8);\n}\n.emojiReadonly-hbN_d {\n cursor: auto;\n pointer-events: none;\n}\n.emojiReadonly-hbN_d:hover {\n border: solid 1px rgba(0, 0, 0, 0.2);\n}\n.emojiUsers-2YRWF {\n height: 23px;\n margin-right: 6px;\n line-height: 23px;\n font-size: 12px;\n display: inline-block;\n vertical-align: middle;\n}\n.emojiList-35s73 {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.emojiList-35s73 button {\n padding: 0;\n}\n",""]),e.locals={emoji:"emoji-6cuGT",emojiHighlighted:"emojiHighlighted-1h6L0",emojiReadonly:"emojiReadonly-hbN_d",emojiUsers:"emojiUsers-2YRWF",emojiList:"emojiList-35s73"}},13352:(t,e,n)=>{(e=t.exports=n(931506)(!1)).push([t.id,".name-Ue92A {\n color: #4262ff;\n}\n",""]),e.locals={name:"name-Ue92A"}},792816:(t,e,n)=>{var o='\n';t.exports=o},322517:(t,e,n)=>{var o='
\n\t\x3c!-- height 55 --\x3e\n\t
\n\t\t\n\n\t\t
{{comment.highlightedText}}
\n\n\t\t\n\n\t\t\n\t\t\t\n\t\t\t{{followState.isFollowed() ? translationLabels.unfollowThread : translationLabels.followThread}}\n\t\t\n\n\t\t
\n\t\t\t

Select comment color

\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t{{color.name}}\n\t\t\t\n\t\t
\n\t
\n\n\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\n\t\t\n\n\t\t\n\t\n\n\t
{{translationLabels.readOnlyReason}}
\n\n\t\n\t\t
\n\t\t\t\n\n\t\t\t\n\t\t
\n\t\n\n';t.exports=o},734903:t=>{t.exports='\n\t
\n\t\t
\n\t\t
{{emoji.users.length}}
\n\t
\n\n'},271946:(t,e,n)=>{var o=n(661370),a=n(5388),s=n(593537),i='
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t
{{::userName}}
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t
\n\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{{translationLabelsBoard.addEmojiButtonName}}\n\t\t\t\t\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{{translationLabelsBoard.cancel}}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{{translationLabelsBoard.delete}}\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t
\n\n';t.exports=i},973427:(t,e,n)=>{var o=n(661370),a=n(5388),s=n(593537),i='
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t
{{::userName}}
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t
\n\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{{translationLabelsBoard.addEmojiButtonName}}\n\t\t\t\t\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{{translationLabelsBoard.cancel}}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{{translationLabelsBoard.delete}}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t
\n\t
\n\n';t.exports=i},618014:(t,e,n)=>{var o=n(401892),a=n(100075);"string"===typeof(a=a.__esModule?a.default:a)&&(a=[[t.id,a,""]]);var s={insert:"head",singleton:!1};o(a,s);t.exports=a.locals||{}},74501:(t,e,n)=>{var o=n(401892),a=n(649118);"string"===typeof(a=a.__esModule?a.default:a)&&(a=[[t.id,a,""]]);var s={insert:"head",singleton:!1};o(a,s);t.exports=a.locals||{}},728860:(t,e,n)=>{var o=n(401892),a=n(91798);"string"===typeof(a=a.__esModule?a.default:a)&&(a=[[t.id,a,""]]);var s={insert:"head",singleton:!1};o(a,s);t.exports=a.locals||{}},955447:(t,e,n)=>{var o=n(401892),a=n(795507);"string"===typeof(a=a.__esModule?a.default:a)&&(a=[[t.id,a,""]]);var s={insert:"head",singleton:!1};o(a,s);t.exports=a.locals||{}},280768:(t,e,n)=>{var o=n(401892),a=n(13352);"string"===typeof(a=a.__esModule?a.default:a)&&(a=[[t.id,a,""]]);var s={insert:"head",singleton:!1};o(a,s);t.exports=a.locals||{}},190153:(t,e,n)=>{"use strict";var o;n.d(e,{BoardAccessModalTab:()=>o}),function(t){t.MANAGE_ACCESS="MANAGE_ACCESS",t.LIVE_EMBED_BOARD_ACCESS_TOKENS="LIVE_EMBED_BOARD_ACCESS_TOKENS",t.PERMISSIONS="PERMISSIONS"}(o||(o={}))},288230:(t,e,n)=>{"use strict";n.d(e,{default:()=>u});var o=n(792816),a=n.n(o),s=n(850066),i=n(478623),r=n(103238),l=n(310074);const c=function(){function t(t){var e=this;this.showMore=!1,this.ratingEmojis=[l.commonTr.t("common.components.rateOptions.awful"),l.commonTr.t("common.components.rateOptions.bad"),l.commonTr.t("common.components.rateOptions.neutral"),l.commonTr.t("common.components.rateOptions.good"),l.commonTr.t("common.components.rateOptions.awesome")],this.translationLabels={},this.scope=t,this.options=this.scope.options.slice(),this.options.map((function(t,n){return t.tKey=e.ratingEmojis[n]})),this.options.filter((function(t){return t.value===e.scope.rate.value})).forEach((function(t){return t.checked=!0})),this.scope.rating=this.options.find((function(t){return t.checked})),this.scope.$watch("rating",this.rateChanged.bind(this));var n=l.commonTr.behaviorLoadedCurrentLang((function(){var t=l.commonTr.keys.rate;e.translationLabels={send:l.commonTr.t(t.rating.send.t),tellUsMore:l.commonTr.t(t.ratingController.tellUsMore.t)}}));t.$on("$destroy",(function(){n()}))}return Object.defineProperty(t.prototype,"placeholder",{get:function(){return l.commonTr.t("common.rate.ratingController.tellUsMore")},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"header",{get:function(){return this.scope.showGratitude?l.commonTr.t("common.rate.ratingController.getHeader"):this.scope.header},enumerable:!1,configurable:!0}),t.prototype.initDomElements=function(t){var e=this,n=this.onCommentChange.bind(this);this.$textarea=t.find(".rate-input-wrapper textarea"),this.$textarea.on("input",n),this.scope.$on("$destroy",(function(){return e.$textarea.off("input",n)})),this.$textarea.val(""),this.baseScrollHeight=this.$textarea.prop("scrollHeight"),this.$textarea.val(this.scope.rate.comment),this.fitTextAreaHeight(),setTimeout((function(){return t.find(".rate-option--awfull input").focus()}),20)},t.prototype.rateChanged=function(t,e){var n=this;t&&(t!==e&&(this.scope.rate.value=this.scope.rating.value),this.showMore=!0,setTimeout((function(){return n.$textarea.focus()}),20))},t.prototype.submit=function(t){t.preventDefault(),t.stopPropagation(),this.scope.submitted()},t.prototype.onCommentChange=function(t){this.fitTextAreaHeight()},t.prototype.onKeydown=function(t){var e=t.code;"Space"!==e&&"Enter"!==e||t.currentTarget.click()},t.prototype.fitTextAreaHeight=function(){(0,r.fitTextAreaHeight)(this.$textarea.get(0),this.baseScrollHeight)},t.$inject=["$scope"],t}();var d=n(237216),m=a(),p=s;function u(){var t=new Image;return t.src=p,t.loading="lazy",n(618014),(0,d.getRtbApp)().directive("rating",h),m}function h(){return(0,i.default)({restrict:"E",template:m,controllerAs:"ctrl",controller:c,scope:{header:"@",options:"<",showGratitude:"{"use strict";n.d(e,{default:()=>P});var o=n(973427),a=n.n(o),s=n(271946),i=n.n(s),r=n(930314),l=n(734903),c=n.n(l),d=n(170658),m=n(326292),p=n(445569),u=n(975026);const h=function(){function t(t){this.$scope=t,t.item=d.getEmojiDef(t.emoji.name),t.style=function(t){var e=(0,u.convertPixelPositionToPercent)(t),n=e.left,o=e.top;return{backgroundPosition:"".concat(n,"% ").concat(o,"%")}}(t.item);var e=function(){t.highlighted=!!t.emoji.users.find((function(t){return t.toString()===(0,p.default)().userInfo.id}));var e=[];t.users=e,t.emoji.users.forEach((function(t){m.getBasicInfo(t.toString(),!0).then((function(t){return e.push(t.name)}))}))};this.$scope.$watchCollection("emoji.users",e),e()}return t.$inject=["$scope"],t}();var g=n(237216);function f(){return{replace:!0,restrict:"E",template:c(),scope:{emoji:"<",readonly:"="},controller:h}}var b=n(660858),v=n(212849),_=n(406469),y=n(818487),x=n(115361),w=(0,y.default)().isEnabled(x.FeatureNames.COMMENT_EMOJI_IN_REACT)?a():i();function E(){(0,v.default)(),(0,_.default)(),(0,g.getRtbApp)().directive("commentMessage",C),(0,y.default)().isEnabled(x.FeatureNames.COMMENT_EMOJI_IN_REACT)?(0,b.default)():(0,g.getRtbApp)().directive("commentEmojiOld",f)}function C(){return{replace:!0,restrict:"E",template:w,scope:{message:"=",repeat:"=",comment:"=",editable:"=",canDelete:"=",canShowMenu:"=",location:"="},link:r.default}}var k=n(455162),T=n(799787),O=n(91696),S=n(304959),j=n(578055),L=n(218512),I=n(714573),M=n(91165),N=n(809457),R=n(64488),A=n(103238);function P(){(0,L.default)(),(0,v.default)(),(0,S.default)(),(0,k.default)(),(0,N.default)(),(0,R.default)(),(0,M.default)(),(0,g.getRtbApp)().directive("commentBody",D),E()}var B=[{state:j.CommentColor.YELLOW,name:j.CommentColor[j.CommentColor.YELLOW].toLowerCase()},{state:j.CommentColor.GREEN,name:j.CommentColor[j.CommentColor.GREEN].toLowerCase()},{state:j.CommentColor.RED,name:j.CommentColor[j.CommentColor.RED].toLowerCase()},{state:j.CommentColor.BLUE,name:j.CommentColor[j.CommentColor.BLUE].toLowerCase()},{state:j.CommentColor.BLACK,name:j.CommentColor[j.CommentColor.BLACK].toLowerCase()}];function D(t){return{replace:!0,restrict:"E",transclude:!0,scope:{comment:"=",allowResolve:"=",allowColors:"=",allowPin:"=",denyScrollToMessage:"=",wrapped:"=",isAllowEdit:"=",forceReadOnly:"=",location:"="},controller:T.default,template:n(322517),link:function(e,n,o,a,s){s(e,(function(t,e){n.append(t)})),e.closeComment=function(t){t.preventDefault(),e.cancelReplyMessage(),e.comment.setCmtMode(!1)},t((function(){e.messages.$element=n.find(".comment-body__messages"),e.reply.$element=n.find(".comment-body__reply"),e.scrollToMessage()})),e.isEmojiPickerShown=!1,e.showEmojiPicker=function(t){(0,I.sendCommentThreadInteractedByCommentData)({commentData:{commentId:e.comment.tokenizer.id.toString(),medium:"comment"},source:e.location||"comment",action:"click_emoji"}),e.isEmojiPickerShown=!0,(0,O.default)().show(t.currentTarget.getBoundingClientRect()).then((function(t){if(e.isEmojiPickerShown=!1,t){e.reply.controller.edit();var n=e.reply.controller.getEditor(),o=n.selectionStart,a=e.addEmojiToMessage(t,o,n.value);e.isAppleDevice?e.reply.message=a:e.reply.controller.change(a),e.comment.lastReplyingMessage=a,window.requestAnimationFrame((function(){n.focus(),e.reply.controller.scrollIntoView()}))}}))};var i=e.comment;e.colors={colors:B,selected:i.color,click:function(t){i.color=t,e.focusComment()},colorChanged:function(t){this.selected=t,e.safeApply()}},i.cmtColorChanged.add(e.colors.colorChanged,e.colors),e.$on("$destroy",(function(){i.cmtColorChanged.remove(e.colors.colorChanged,e.colors)})),e.commentColorHeadingId=(0,A.createUniqueDOMId)()}}}D.$inject=["$timeout"]},91165:(t,e,n)=>{"use strict";n.d(e,{default:()=>b});var o=n(237216),a=n(399887),s=n(827378),i=n(998733),r=n(494301),l=n(72091),c=n(94298),d=n(292369),m=n(163204),p=n(74501),u=n.n(p),h="comment-toolbar",g={root:"".concat(h,"__root"),addEmojiButton:"".concat(h,"__add-emoji-button"),sendMessageButton:"".concat(h,"__send-message-button")},f=function(t){var e=t.hasMessage,n=t.isEmojiPickerVisible,o=t.onAddEmojiClick,a=t.onSendMessageClick,p=t.testIds,h=void 0===p?g:p,f=(0,d.useTranslator)(m.boardTr),b=f.t("board.comments.body.addEmoji"),v=f.t("board.comments.body.sendTheMessage");return s.createElement("div",{"data-testid":h.root,className:u().toolbar},s.createElement(i.IconButton,{size:"small",dataTestid:h.addEmojiButton,onClick:o,className:u().button,isActive:n},s.createElement(r.SvgIcon,{href:l}),s.createElement("span",{className:"sr-only"},b)),s.createElement(i.IconButton,{size:"small",dataTestid:h.sendMessageButton,onClick:a,className:"".concat(u().button).concat(e?"":" ".concat(u().button__disabled)),isDisabled:!e,isActive:e},s.createElement(r.SvgIcon,{href:c}),s.createElement("span",{className:"sr-only"},v)))};t=n.hmd(t);const b=function(){(0,o.getRtbApp)().component("commentToolbar",(0,a.react2angular)(t)(f,["hasMessage","isEmojiPickerVisible","onAddEmojiClick","onSendMessageClick"]))}},64488:(t,e,n)=>{"use strict";n.d(e,{default:()=>i});var o=n(237216),a=n(399887),s=n(560498);t=n.hmd(t);const i=function(){(0,o.getRtbApp)().component("commentTip",(0,a.react2angular)(t)(s.CommentTip,["onSubmit","onCancel","header","content","submitLabel","cancelLabel","headerImage","isSubmitSecondary"]))}},660858:(t,e,n)=>{"use strict";n.d(e,{default:()=>b});var o=n(237216),a=n(399887),s=n(827378),i=n(975026),r=n(603368),l=n(170658),c=n(326292),d=n(955447),m=n.n(d),p=n(831845),u=n(445569),h=function(t){var e=(0,i.convertPixelPositionToPercent)(t),n=e.left,o=e.top;return{backgroundPosition:"".concat(n,"% ").concat(o,"%")}},g=function(t){var e,n=t.emoji,o=t.isReadonly,a=t.onToggle,i=!!n.users.find((function(t){return t.toString()===(0,u.default)().userInfo.id})),d=l.getEmojiDef(n.name),g=s.useState([]),f=g[0],b=g[1];s.useEffect((function(){(function(t){var e=t.map((function(t){return c.getBasicInfo(t.toString(),!0)}));return Promise.all(e)})(n.users).then((function(t){return b(t.map((function(t){return t.name})))}))}),[n.users]);return s.createElement(r.Tooltip,null,s.createElement(r.Tooltip.Trigger,null,s.createElement("div",{onClick:function(){return a(n)},className:(0,p.classNames)(m().emoji,(e={},e[m().emojiHighlighted]=i,e[m().emojiReadonly]=o,e))},s.createElement("div",null,s.createElement("div",{className:"emoji-icon emoji-icon--16 emoji-icon--offset-left",style:h(d)}),s.createElement("div",{className:m().emojiUsers},n.users.length)))),0!==f.length&&s.createElement(r.Tooltip.Portal,null,s.createElement(r.Tooltip.Content,{side:"top"},f.join(", "))))},f=function(t){var e=t.emojis,n=t.isReadonly,o=t.onToggle;return e?s.createElement("div",{className:m().emojiList},e.map((function(t){return s.createElement("div",{key:t.created.toString()},s.createElement(g,{emoji:t,isReadonly:n,onToggle:o}))}))):s.createElement(s.Fragment,null)};function b(){(0,o.getRtbApp)().component("commentEmojis",(0,a.react2angular)(t)(f,["emojis","isReadonly","onToggle"]))}t=n.hmd(t)},809457:(t,e,n)=>{"use strict";n.d(e,{default:()=>T});var o=n(237216),a=n(399887),s=n(827378),i=n(560498),r=n(305659),l=n(957453),c=n(337189),d=n(238729),m=n(930542),p=n(190153),u=n(292369),h=n(163204),g=n(772500),f=n(980534),b=n(941496),v=function(t){var e=t.actionType,n=t.usersCount,o=t.boardInfo,a=t.source,s=t.promptEventId;(0,f.default)().sendApiEvent("grant_access_prompt_interacted",{source:a||"comment",reason:"mention",grant_access_prompt_id:(0,c.isReadOnlySharingSettings)(o)?"mentioned_users_have_no_access":"give_access_to_mentioned_users",number_of_users:n,action_type:e,prompt_event_id:s})},_=n(576163),y=n(334529),x=n(280768),w=n.n(x),E="invite-tip",C={root:E,ownersCoowners:"".concat(E,"__owners-coowners"),owners:"".concat(E,"__owners"),mentionItem:"".concat(E,"__mention-item")},k=function(t){var e=t.dataAutoTestIds,n=void 0===e?C:e,o=t.users,a=t.commentId,x=t.onSubmit,E=t.onCancel,k=t.source,T=l.UICurrentBoard.getInfo(),O=s.useState(!1),S=O[0],j=O[1],L=s.useState((0,y.getRandomString)())[0];s.useEffect((function(){!function(t){var e=t.usersCount,n=t.boardInfo,o=t.source,a=t.commentId,s=t.promptEventId;(0,f.default)().sendApiEvent("grant_access_prompt_shown",{source:o||"comment",reason:"mention",grant_access_prompt_id:(0,c.isReadOnlySharingSettings)(n)?"mentioned_users_have_no_access":"give_access_to_mentioned_users",number_of_users:e,prompt_event_id:s,parent_object_type:(0,b.getParentObjectType)(o),parent_object_id:a,source_object_type:"comment message"})}({usersCount:o.length,boardInfo:T,source:k,promptEventId:L,commentId:a})}),[]);var I=s.useCallback((function(){v({actionType:"invite",usersCount:o.length,boardInfo:T,source:k,promptEventId:L}),j(!0),(0,m.default)().then((function(t){var e=o.map((function(t){return t.email}));t.runShareFlowSilent(T.id,e,a).finally((function(){j(!1),x()}))}))}),[T,a,x,k,o,L]),M=s.useCallback((function(){v({actionType:"dismiss",usersCount:o.length,boardInfo:T,source:k,promptEventId:L}),E()}),[T,E,k,o.length,L]),N=s.useCallback((function(){var t=T.id;(0,d.lazyModuleWithLockLayer)((function(){return(0,m.default)()})).then((function(e){return e.openSharingSettingsModal(t,"sharing_after_mention_tip","sharing_after_mention_tip",p.BoardAccessModalTab.MANAGE_ACCESS)}))}),[T]),R=s.useCallback((function(){var t=o.length;return s.createElement(s.Fragment,null,o.map((function(e,o){var a=e.email,i=e.name,r="@".concat(i||a);return s.createElement(s.Fragment,{key:a},s.createElement("span",{className:w().name,"data-testid":n.mentionItem},r),o===t-1?"":", ")})))}),[n,o]),A=s.useCallback((function(){return(0,c.isReadOnlySharingSettings)(T)?(0,_.isCoOwnerRoleEnabled)(T.account)?s.createElement(u.Trans,{translationKey:{tKey:"board.comments.inviteTip.cannotShare"},translator:h.boardTr},"Mentioned users don't have access and were not notified. Ask"," ",s.createElement(r.Link,{className:"rtb-link rtb-link--secondary",onClick:N,"data-testid":n.ownersCoowners},"board owner or co-owners")," ","to invite: ",R()):s.createElement(u.Trans,{translationKey:{tKey:"board.comments.inviteTip.cannotShareOwnerOnly"},translator:h.boardTr},"Mentioned users don't have access and were not notified. Ask"," ",s.createElement(r.Link,{className:"rtb-link rtb-link--secondary",onClick:N,"data-testid":n.owners},"board owner")," ","to invite: ",R()):s.createElement(u.Trans,{translationKey:{tKey:"board.comments.inviteTip.canShare"},translator:h.boardTr},"Mentioned users don't have access and were not notified: ",R())}),[T,n,R,N]),P=(0,g.useTranslation)([{tKey:"board.comments.inviteTip.submitButton"},{tKey:"board.comments.inviteTip.cancelButton"}]),B=P["board.comments.inviteTip.submitButton"],D=P["board.comments.inviteTip.cancelButton"],$=(0,c.isReadOnlySharingSettings)(T);return s.createElement(i.CommentTip,{isLoading:S,content:A(),submitLabel:$?void 0:B,onSubmit:$?void 0:I,cancelLabel:D,onCancel:M})};t=n.hmd(t);const T=function(){(0,o.getRtbApp)().component("inviteTip",(0,a.react2angular)(t)(k,["users","onSubmit","onCancel","commentId","source"]))}},455162:(t,e,n)=>{"use strict";n.d(e,{default:()=>N});var o,a=n(237216),s=n(399887),i=n(759312),r=n(232847),l=n(313973),c=n(502207),d=n(827378);function m(){return m=Object.assign?Object.assign.bind():function(t){for(var e=1;e{"use strict";n.d(e,{default:()=>h});var o=n(759312),a=n(60042),s=n.n(a),i=n(827378),r=n(783246),l=n(991776),c=n(135991),d=n(831845),m=n(635435),p=n(474208),u=(n(534341),n(103238));const h=function(t){function e(e){var n=t.call(this,e)||this;return n.refElement=i.createRef(),n.buttonActionElementId=(0,u.createUniqueDOMId)(),n.selectElementId=(0,u.createUniqueDOMId)(),n.state={isOpened:!!e.isOpened},n}return(0,o.__extends)(e,t),e.prototype.toggleIsOpened=function(){var t=this.state.isOpened;this.props.isDisabled||(t?this.onClosed():this.onOpened())},e.prototype.onOpened=function(){this.props.onOpened&&this.props.onOpened(),this.setState({isOpened:!0});var t=document.getElementById(this.selectElementId);null===t||void 0===t||t.focus()},e.prototype.onClosed=function(){this.props.onClosed&&this.props.onClosed(),this.setState({isOpened:!1})},e.prototype.clickOut=function(t){var e=t.target;this.refElement.current&&e&&!this.refElement.current.contains(e)&&this.onClosed()},e.prototype.onKeyDown=function(t){t.keyCode!==p.default.ESCAPE&&t.keyCode!==p.default.TAB||this.onClosed()},e.prototype.addOrRemoveListener=function(t){t?window.addEventListener("keydown",this.onKeyDown):window.removeEventListener("keydown",this.onKeyDown)},e.prototype.componentDidUpdate=function(t,e){e.isOpened!==this.props.isOpened&&this.setState({isOpened:!!this.props.isOpened})},e.prototype.renderButton=function(){var t=this.props,e=t.text,n=t.dropdownToggle,o=t.buttonAutotestId,a=t.isDisabled;return n?i.createElement(l.default.Anchor.button,{className:"rtb-select__button-container",hmTap:this.toggleIsOpened,dataTestid:o,"aria-expanded":this.state.isOpened,"aria-haspopup":"true","aria-controls":this.selectElementId,id:this.buttonActionElementId,type:"button"},n):i.createElement(l.default.Anchor.button,{className:"rtb-select__button",hmTap:this.toggleIsOpened,dataTestid:o,disabled:a,"aria-haspopup":"listbox","aria-expanded":this.state.isOpened},i.createElement("span",{className:"rtb-select__button-text"},e))},e.prototype.render=function(){var t=this.props,e=t.classNames,n=t.children,o=t.placement,a=void 0===o?"bottom-start":o,l=t.modifiers,m=t.dropdownPortalTarget,p=t.isDisabled,u=t.positionFixed,h=t.dataTestid;return i.createElement("div",{className:s()("rtb-select",null===e||void 0===e?void 0:e.main,{"rtb-select--disabled":p}),ref:this.refElement,"data-testid":h},i.createElement(r.RTBPopupManual,{isOpen:this.state.isOpened,timeoutInMs:70},this.renderButton(),i.createElement(c.RTBDropdownPopup,{id:this.selectElementId,role:"menu","aria-labelledby":this.buttonActionElementId,placement:a,className:s()("rtb-select__popup",null===e||void 0===e?void 0:e.dropdown),modifiers:l,portalTarget:m,positionFixed:u},i.createElement(d.DoIfClickOut,{onTapOut:this.clickOut},i.createElement("div",{className:s()("rtb-select__options-wrapper rtb-select__options-wrapper--popper",null===e||void 0===e?void 0:e.wrapper),ref:this.addOrRemoveListener},n)))))},(0,o.__decorate)([m.autobind],e.prototype,"toggleIsOpened",null),(0,o.__decorate)([m.autobind],e.prototype,"clickOut",null),(0,o.__decorate)([m.autobind],e.prototype,"onKeyDown",null),(0,o.__decorate)([m.autobind],e.prototype,"addOrRemoveListener",null),e}(i.PureComponent)},764879:(t,e,n)=>{"use strict";n.d(e,{default:()=>g});var o,a=n(759312),s=n(60042),i=n.n(s),r=n(827378),l=n(635435),c=n(622039),d=n(253501),m=n(494301);function p(){return p=Object.assign?Object.assign.bind():function(t){for(var e=1;e{"use strict";n.d(e,{default:()=>d});var o=n(759312),a=n(764879),s=n(60042),i=n.n(s),r=n(827378),l=n(635435),c=n(474208);const d=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={selectedIndex:e.getSelectedIndex(n.props)},n}return(0,o.__extends)(e,t),e.getSelectedIndex=function(t){var e=t.selectedOption;return e?t.options.indexOf(e):-1},e.prototype.UNSAFE_componentWillReceiveProps=function(t){this.props.selectedOption!==t.selectedOption&&this.setState({selectedIndex:e.getSelectedIndex(t)})},e.prototype.addOrRemoveListener=function(t){t?window.addEventListener("keydown",this.onKeyDown):window.removeEventListener("keydown",this.onKeyDown)},e.prototype.setSelectedOption=function(t){t&&(this.setState({selectedIndex:e.getSelectedIndex(this.props)}),this.onSelectOption(t))},e.prototype.onKeyDown=function(t){switch(t.keyCode){case c.default.DOWN_ARROW:this.state.selectedIndex0&&this.setState({selectedIndex:this.state.selectedIndex-1});break;case c.default.ENTER:this.setSelectedOption(this.props.options[this.state.selectedIndex]),t.preventDefault()}this.props.onKeyDown&&this.props.onKeyDown(t)},e.prototype.onSelectOption=function(t){this.props.onChange&&this.props.onChange(t)},e.prototype.isFocused=function(t){return this.state.selectedIndex===this.props.options.indexOf(t)},e.prototype.scrollToOption=function(t){t&&t.scrollIntoView({block:"nearest"})},e.prototype.render=function(){var t=this,e=this.props,n=e.options,o=e.className,s=e.dataTestid,l=e.isNoScrollToSelection,c=e.selectedOption,d=n.map((function(e,n){var o=t.isFocused(e),i=e.disabled;return r.createElement(a.default,{key:n,option:e,isFocused:o,disabled:i,onSelect:t.setSelectedOption,refElement:!l&&o&&t.scrollToOption||null,dataTestid:s,selected:(null===c||void 0===c?void 0:c.value)===e.value})}));return r.createElement("ul",{className:i()("rtb-select__options",o),ref:this.addOrRemoveListener,"no-prevent-default":"true"},d)},(0,o.__decorate)([l.autobind],e.prototype,"addOrRemoveListener",null),(0,o.__decorate)([l.autobind],e.prototype,"setSelectedOption",null),(0,o.__decorate)([l.autobind],e.prototype,"onKeyDown",null),e}(r.PureComponent)},600266:(t,e,n)=>{"use strict";n.d(e,{default:()=>l});var o=n(759312),a=n(124019),s=n(736884),i=n(827378),r=n(635435);n(534341);const l=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.state={isOpened:!1},e}return(0,o.__extends)(e,t),e.prototype.componentDidMount=function(){this.props.hideOnScroll&&document.addEventListener("scroll",this.onClosed,!0)},e.prototype.componentWillUnmount=function(){this.props.hideOnScroll&&document.removeEventListener("scroll",this.onClosed,!0)},e.prototype.collectBoundariesElementModifier=function(t){if(t)return{preventOverflow:{enabled:!0,escapeWithReference:!1,boundariesElement:t,priority:["bottom"],padding:20}}},e.prototype.onOpened=function(){this.state.isOpened||(this.props.onOpened&&this.props.onOpened(),this.setState({isOpened:!0}))},e.prototype.onClosed=function(){this.state.isOpened&&(this.props.onClosed&&this.props.onClosed(),this.setState({isOpened:!1}))},e.prototype.onSelectOption=function(t){this.onClosed(),this.props.onChange&&this.props.onChange(t)},e.prototype.render=function(){var t=this.props,e=t.text,n=t.selectedOption,o=t.defaultText,r=t.className,l=t.listClassName,c=t.options,d=t.menuPlacement,m=t.boundariesElement,p=t.children,u=t.dataTestid,h=t.buttonAutotestId,g=t.isDisabled,f=t.isNoScrollToSelection,b=t.positionFixed,v=e||(n?n.key:o||"Choose");return i.createElement(a.default,{text:v,classNames:{main:r},isOpened:this.state.isOpened,onOpened:this.onOpened,onClosed:this.onClosed,dropdownToggle:p,placement:d,modifiers:this.collectBoundariesElementModifier(m),dataTestid:u,buttonAutotestId:h,isDisabled:g,positionFixed:b},i.createElement(s.default,{options:c,className:l,selectedOption:n,onChange:this.onSelectOption,isNoScrollToSelection:f}))},(0,o.__decorate)([r.autobind],e.prototype,"onOpened",null),(0,o.__decorate)([r.autobind],e.prototype,"onClosed",null),(0,o.__decorate)([r.autobind],e.prototype,"onSelectOption",null),e}(i.PureComponent)},135991:(t,e,n)=>{"use strict";n.d(e,{fullWidthModifiers:()=>r,RTBDropdownPopup:()=>l});var o=n(759312),a=n(827378),s=n(721064),i={flip:{enabled:!0,behavior:["bottom","top","bottom"],boundariesElement:"viewport"},preventOverflow:{enabled:!0,escapeWithReference:!0,boundariesElement:"viewport",padding:20}},r=(0,o.__assign)((0,o.__assign)({},i),{sameWidth:{enabled:!0,fn:function(t){var e=t.instance.popper,n=t.instance.reference,o=Math.abs(parseInt(getComputedStyle(e).marginLeft,10));return e.style.width="".concat(n.offsetWidth+2*o,"px"),t}}}),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return(0,o.__extends)(e,t),e.prototype.render=function(){var t=this.props.modifiers;return a.createElement(s.RTBCommonPopup,(0,o.__assign)({},this.props,{placement:this.props.placement||"bottom",modifiers:t||i}))},e}(a.PureComponent)},640141:(t,e,n)=>{"use strict";n.d(e,{ZoomControlWithTranslate:()=>c});var o=n(759312),a=n(827378),s=n(494301),i=n(998733),r=a.forwardRef((function(t,e){var n=t.onClick,r=t.tooltipText,l=t.icon,c=t.dataTestid,d=(0,o.__rest)(t,["onClick","tooltipText","icon","dataTestid"]);return a.createElement(i.IconButton,(0,o.__assign)({},d,{ref:e,tooltipText:r,onClick:n,dataTestid:c}),a.createElement(s.SvgIcon,null,l))})),l=n(15349),c=a.forwardRef((function(t,e){var n=t.tooltipTKey,s=(0,o.__rest)(t,["tooltipTKey"]);return a.createElement(l.Translate,{tKey:n},(function(t){return a.createElement(r,(0,o.__assign)({},s,{ref:e,tooltipText:t}))}))}));c.displayName="ZoomControlWithTranslate"},560498:(t,e,n)=>{"use strict";n.d(e,{CommentTip:()=>p});var o=n(759312),a=n(827378),s=n(622039),i=n(180966),r=n(494301),l=n(728860),c=n.n(l),d="comment-tip",m={root:d,header:"".concat(d,"__header"),headerImage:"".concat(d,"__header-image"),content:"".concat(d,"__content"),footer:"".concat(d,"__footer"),submitButton:"".concat(d,"__submit-button"),cancelButton:"".concat(d,"__cancel-button")},p=function(t){var e=t.dataAutoTestIds,n=void 0===e?m:e,l=t.isLoading,d=t.header,p=t.content,u=t.submitLabel,h=t.onSubmit,g=t.cancelLabel,f=t.onCancel,b=t.headerImage,v=u&&h,_=!l&&g&&f,y={appearance:"outlined",variant:"secondary",css:{backgroundColor:"$white"}},x=t.isSubmitSecondary?y:{};return a.createElement("div",{"data-testid":n.root,className:c().commentTip},(d||b)&&a.createElement("div",{className:c().headerContainer},b&&a.createElement(r.SvgIcon,{"data-testid":n.headerImage,className:c().headerImage,href:b}),d&&a.createElement("span",{"data-testid":n.header,className:c().headerLabel},d)),p&&a.createElement("div",{className:c().contentContainer,"data-testid":n.content},p),(v||_)&&a.createElement("div",{className:c().footerContainer,"data-testid":n.footer},v&&a.createElement(s.Tappable.NoDom,{hmTap:h},a.createElement(i.Button,(0,o.__assign)({size:"x-small",loading:l,"data-testid":n.submitButton},x),u)),_&&a.createElement(s.Tappable.NoDom,{hmTap:f},a.createElement(i.Button,(0,o.__assign)({size:"x-small","data-testid":n.cancelButton},y),g))))}},198780:(t,e,n)=>{"use strict";t.exports=n.p+"ce391dc0782498d6.svg"},5388:(t,e,n)=>{"use strict";t.exports=n.p+"818b852d46c467d3.svg"},593537:(t,e,n)=>{"use strict";t.exports=n.p+"11b59a0b13654fe1.svg"},850066:(t,e,n)=>{"use strict";t.exports=n.p+"static/src/components/web/common/rate/img/emoji-rate.6cda17.png"},94298:t=>{"use strict";t.exports='\n \n\n'},72091:t=>{"use strict";t.exports='\n \n \n \n \n \n \n\n'}}]); //# sourceMappingURL=https://miro.com/app/static/cmn~BoardUI.desktop~Notes.1af67001e7f99292.js.map