(self.webpackChunk=self.webpackChunk||[]).push([[29381,82840],{854301:(e,t,n)=>{"use strict";n.d(t,{default:()=>s});var r,i=n(827378);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t{"use strict";n.d(t,{default:()=>s});var r,i=n(827378);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t{"use strict";n.d(t,{default:()=>s});var r,i=n(827378);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t{"use strict";n.d(t,{default:()=>s});var r,i=n(827378);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t{"use strict";n.d(t,{default:()=>s});var r,i=n(827378);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t{(t=e.exports=n(931506)(!1)).push([e.id,".title-3WoJS {\n color: #050038;\n font-family: Formular, sans-serif;\n font-size: 16px;\n font-weight: 500;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n height: 48px;\n overflow: hidden;\n}\n.title__container-21Vfi {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.title_withHover-q4IM4 {\n cursor: pointer;\n transition: 0.3s background-color, 0.3s color;\n}\n.title_new-2v05n {\n height: 44px;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n}\n",""]),t.locals={title:"title-3WoJS",title__container:"title__container-21Vfi",title_withHover:"title_withHover-q4IM4",title_new:"title_new-2v05n"}},540269:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".title-1dBqK {\n margin-bottom: 20px;\n}\n.body-30wG4 {\n padding-bottom: 12px;\n}\n",""]),t.locals={title:"title-1dBqK",body:"body-30wG4"}},725553:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".dropdownContainer-34Dd6 {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.label-by7DC {\n font-size: 14px;\n margin-bottom: 6px;\n color: #050038;\n}\n.dropdown-vvB9d .rtb-select__popup {\n width: 292px;\n}\n.dropdown-vvB9d .rtb-select__option {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n padding-right: 10px !important;\n}\n",""]),t.locals={dropdownContainer:"dropdownContainer-34Dd6",label:"label-by7DC",dropdown:"dropdown-vvB9d"}},799024:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".container-2pfSH {\n -ms-flex: 1;\n flex: 1;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.message-2Z_DL {\n margin-bottom: 16px;\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 16px;\n line-height: 24px;\n font-weight: 600;\n}\n",""]),t.locals={container:"container-2pfSH",message:"message-2Z_DL"}},845132:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".feedbackWidget-1uUJo > button {\n width: 32px;\n height: 32px;\n}\n",""]),t.locals={feedbackWidget:"feedbackWidget-1uUJo"}},254487:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".panel-2Mwpk {\n position: absolute;\n cursor: move;\n margin: 10px;\n right: 18px;\n top: 18px;\n}\n",""]),t.locals={panel:"panel-2Mwpk"}},830263:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".IconLink-38nOL {\n color: #090909;\n}\n.IconLink-38nOL:focus {\n color: #090909;\n}\n.IconLink-38nOL:hover {\n color: #4262ff;\n}\n",""]),t.locals={IconLink:"IconLink-38nOL"}},461506:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".title-3pka0 {\n margin-bottom: 20px;\n}\n.body-14cwW {\n padding-bottom: 12px;\n}\n.footer-qynad {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n",""]),t.locals={title:"title-3pka0",body:"body-14cwW",footer:"footer-qynad"}},521348:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".panel-AVoJD {\n width: 340px;\n box-sizing: border-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n overflow: auto;\n overflow-x: hidden;\n padding: 16px 0 24px;\n}\n.full-size-panel-OgMCO {\n height: 100%;\n}\n.content-1l-1i {\n padding: 8px 24px 0;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n height: 100%;\n overflow-y: auto;\n position: relative;\n}\n.content-switch-262bM {\n display: -ms-flexbox;\n display: flex;\n height: calc(100% - 48px - 68px);\n width: 200%;\n}\n.enable-transition-1jEzo {\n transition-property: transform;\n transition-duration: 500ms;\n}\n.active-0-136OD {\n transform: translateX(0%);\n}\n.active-1-3dKvm {\n transform: translateX(-50%);\n}\n.header-1VNl1 {\n padding: 0 12px 16px 12px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: center;\n align-items: center;\n box-sizing: border-box;\n width: 340px;\n height: 48px;\n}\n.header-button-gLPGU {\n width: 32px;\n height: 32px;\n margin: 6px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.feedback-button-1q4a4 {\n z-index: 2;\n}\n.footer-3Cdtc {\n padding: 20px 24px 0;\n box-sizing: border-box;\n height: 68px;\n}\n.header-title-3sWrJ {\n -ms-flex-positive: 1;\n flex-grow: 1;\n display: -ms-flexbox;\n display: flex;\n}\n.header-title-3sWrJ:first-child {\n margin-left: calc(24px - 12px);\n}\n.title-1SO9P {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-family: Formular, sans-serif;\n font-size: 20px;\n line-height: 26px;\n font-weight: 500;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: start;\n align-items: start;\n height: auto;\n}\n.betaTag-3VQIz {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 12px;\n line-height: 18px;\n font-weight: normal;\n font-weight: 600;\n color: #5f5c80;\n margin-left: 4px;\n}\n",""]),t.locals={panel:"panel-AVoJD","full-size-panel":"full-size-panel-OgMCO",content:"content-1l-1i","content-switch":"content-switch-262bM","enable-transition":"enable-transition-1jEzo","active-0":"active-0-136OD","active-1":"active-1-3dKvm",header:"header-1VNl1","header-button":"header-button-gLPGU","feedback-button":"feedback-button-1q4a4",footer:"footer-3Cdtc","header-title":"header-title-3sWrJ",title:"title-1SO9P",betaTag:"betaTag-3VQIz"}},963468:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".button-2f_zf {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 44px;\n height: 44px;\n min-width: 0;\n padding: 0;\n}\n.iconContainer-1XB4q {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n",""]),t.locals={button:"button-2f_zf",iconContainer:"iconContainer-1XB4q"}},991905:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".fade-in-1G3DX {\n animation: fadeIn 200ms ease-in forwards;\n}\n.fade-out-3Z0wb {\n animation: fadeOut 200ms ease-in forwards;\n}\n.fade-out-done-37Mu0 {\n display: none;\n}\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n",""]),t.locals={"fade-in":"fade-in-1G3DX","fade-out":"fade-out-3Z0wb","fade-out-done":"fade-out-done-37Mu0"}},976849:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".container-3Be-n {\n width: 176px;\n height: 176px;\n overflow: hidden;\n border-radius: 50%;\n position: relative;\n}\n.videoPreview-2DSc4 {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 1;\n}\n.video-sVij5 {\n transform: scaleX(-1);\n}\n.spinnerContainer-2YQFQ {\n background: #090909;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 1;\n}\n.hover-overlay-effect-hj8RV {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n background: #4262ff;\n opacity: 0;\n transition: opacity 0.25s;\n}\n.hover-overlay-effect-hj8RV:hover {\n opacity: 0.3;\n}\n",""]),t.locals={container:"container-3Be-n",videoPreview:"videoPreview-2DSc4",video:"video-sVij5",spinnerContainer:"spinnerContainer-2YQFQ","hover-overlay-effect":"hover-overlay-effect-hj8RV"}},643366:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".container-1sc1h {\n position: absolute;\n opacity: 1;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n transform: scale(1.02);\n}\n",""]),t.locals={container:"container-1sc1h"}},369088:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".rtb-h1 {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-family: Formular, sans-serif;\n font-size: 28px;\n line-height: 36px;\n font-weight: 500;\n}\n.rtb-h2 {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-family: Formular, sans-serif;\n font-size: 24px;\n font-weight: 500;\n line-height: 32px;\n}\n.rtb-h3 {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-family: Formular, sans-serif;\n font-size: 20px;\n line-height: 26px;\n font-weight: 500;\n}\n.rtb-h4 {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 16px;\n line-height: 24px;\n font-weight: 600;\n}\n.rtb-h5 {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 14px;\n line-height: 20px;\n font-weight: 600;\n}\n.rtb-p-large {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 16px;\n line-height: 24px;\n font-weight: normal;\n}\n.rtb-p-medium {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 14px;\n line-height: 20px;\n font-weight: normal;\n}\n.rtb-p-small {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 12px;\n line-height: 18px;\n font-weight: normal;\n}\n.rtb-p-bold {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-weight: 600;\n}\n.typo-formular {\n font-family: Formular, sans-serif;\n}\n.typo-subtitle {\n font-size: 18px;\n font-weight: normal;\n}\n.rtb-h4 + .typo-subtitle {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 14px;\n line-height: 20px;\n font-weight: normal;\n margin-top: -16px;\n}\n.rtb-h3 + .typo-subtitle {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 14px;\n line-height: 20px;\n font-weight: normal;\n margin-top: -16px;\n}\n.uiTip-backdrop-_UfCh {\n background-color: #050038;\n margin: -16px -36px 0 -16px;\n padding: 12px 14px;\n}\n.intro-image-a8Erz {\n width: 292px;\n height: 156px;\n margin: auto;\n display: block;\n}\n.uiTip-title-2n7Pb {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-family: Formular, sans-serif;\n font-size: 24px;\n font-weight: 500;\n line-height: 32px;\n color: #ffffff;\n margin-bottom: 12px;\n margin-top: 6px;\n margin-left: 6px;\n}\n.content-title-6HUPK {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 16px;\n line-height: 24px;\n font-weight: normal;\n font-weight: 700;\n}\n.content-1xbOP {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 16px;\n line-height: 24px;\n font-weight: normal;\n margin-top: 4px;\n}\n.content-wrapper-PD4lv {\n margin-top: 16px;\n margin-left: 6px;\n}\n",""]),t.locals={"uiTip-backdrop":"uiTip-backdrop-_UfCh","intro-image":"intro-image-a8Erz","uiTip-title":"uiTip-title-2n7Pb","content-title":"content-title-6HUPK",content:"content-1xbOP","content-wrapper":"content-wrapper-PD4lv"}},796433:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".threeDotsButton-2OeA- {\n color: #5f5c80;\n margin-left: 6px;\n}\n",""]),t.locals={threeDotsButton:"threeDotsButton-2OeA-"}},156485:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".playButtonContainer-RT5ne {\n border-bottom: solid 1px #ebebef;\n margin: 0;\n height: 135px;\n box-sizing: border-box;\n padding: 20px 10px 20px 0;\n text-align: left;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n display: -ms-flexbox;\n display: flex;\n cursor: pointer;\n}\n.playButtonContainer-RT5ne:last-child {\n border-color: transparent;\n}\n.playContainer-3Qm3v {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n padding-right: 16px;\n position: relative;\n}\n.playContainer-3Qm3v:hover .playIconContainer-A9Lvr {\n opacity: 1;\n}\n.imageContainer-aQUMr {\n position: relative;\n overflow: hidden;\n width: 64px;\n height: 64px;\n border-radius: 50%;\n}\n.playIconContainer-A9Lvr {\n background-color: #4262ff;\n position: absolute;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n color: #ffffff;\n}\n.recordingImage-1pZ1y {\n -o-object-fit: cover;\n object-fit: cover;\n width: 64px;\n height: 64px;\n}\n.fallbackIcon-2n58i {\n width: 64px;\n height: 64px;\n}\n.duration-3zdQF {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n margin-top: 14px;\n}\n.metaInfo-H28mD {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.description-1nyhP {\n margin: 10px 0 0;\n}\n.author-143Ty {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 12px;\n line-height: 18px;\n font-weight: normal;\n}\n.controls-Mrb98 {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n margin-top: 14px;\n cursor: default;\n}\n.time-272vU {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-weight: 600;\n background-color: #050038;\n padding: 0 4px;\n border-radius: 2px;\n color: #ffffff;\n height: 16px;\n box-sizing: border-box;\n font-weight: 700;\n font-size: 11px;\n line-height: 15px;\n}\n.copyButton-1ykoh {\n width: 77px;\n height: 22px;\n line-height: 16;\n padding: 0 12px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.date-mkoHG {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 12px;\n line-height: 18px;\n font-weight: normal;\n margin-left: 12px;\n white-space: nowrap;\n}\n.actionsMenu-QyInk {\n height: 28px;\n}\n.newRecordingMarker-3UEON {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: #4262ff;\n position: absolute;\n left: -14px;\n top: calc(64px / 2);\n}\n",""]),t.locals={playButtonContainer:"playButtonContainer-RT5ne",playContainer:"playContainer-3Qm3v",playIconContainer:"playIconContainer-A9Lvr",imageContainer:"imageContainer-aQUMr",recordingImage:"recordingImage-1pZ1y",fallbackIcon:"fallbackIcon-2n58i",duration:"duration-3zdQF",metaInfo:"metaInfo-H28mD",description:"description-1nyhP",author:"author-143Ty",controls:"controls-Mrb98",time:"time-272vU",copyButton:"copyButton-1ykoh",date:"date-mkoHG",actionsMenu:"actionsMenu-QyInk",newRecordingMarker:"newRecordingMarker-3UEON"}},19928:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".title-b5ZEl {\n font-family: Formular, sans-serif;\n font-size: 16px;\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n letter-spacing: 0.00380952px;\n padding: 4px 0;\n border-bottom: 2px solid transparent;\n}\n.canRename-W7ptf {\n cursor: text;\n}\n.input-15ujU {\n font-family: Formular, sans-serif;\n font-size: 16px;\n font-weight: 500;\n background-color: transparent;\n padding: 4px 0;\n border: none;\n border-bottom: 2px solid;\n border-color: #6881ff;\n border-radius: 0;\n letter-spacing: 0.00380952px;\n}\n",""]),t.locals={title:"title-b5ZEl",canRename:"canRename-W7ptf",input:"input-15ujU"}},603362:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".container-KdcYR {\n border-bottom: solid 1px #ebebef;\n min-height: 135px;\n max-height: 135px;\n box-sizing: border-box;\n padding: 20px 10px 20px 0;\n}\n.generalInfo-9qJkG {\n display: -ms-flexbox;\n display: flex;\n}\n.avatarContainer-2NcmW {\n position: relative;\n height: 64px;\n width: 64px;\n}\n.avatarPlaceholder-eLxt6 {\n background-color: #f0f0f3;\n position: relative;\n overflow: hidden;\n height: 64px;\n width: 64px;\n border-radius: 50%;\n}\n.warningIcon-2tLyr {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #d92929;\n}\n.description-2VYTP {\n -ms-flex: 1;\n flex: 1;\n margin: 10px 0 0 16px;\n}\n.error-tkaPq {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 12px;\n line-height: 18px;\n font-weight: normal;\n color: #c71414;\n}\n.errorDescription-Wkfv7 {\n margin-top: 8px;\n font-family: Formular, sans-serif;\n font-size: 16px;\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n letter-spacing: 0.00380952px;\n margin-top: 2px;\n}\n.controls-D4wAc {\n display: -ms-flexbox;\n display: flex;\n margin-top: 8px;\n}\n.duration-1nsE7 {\n width: 64px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.timerPlaceholder-sZlmZ {\n background-color: #f0f0f3;\n position: relative;\n overflow: hidden;\n height: 20px;\n width: 32px;\n}\n.retryButton-1D_f8 {\n margin-left: 16px;\n height: 22px;\n min-width: 60px;\n}\n.cancelButton-1LiVp {\n margin-left: 8px;\n height: 22px;\n min-width: 60px;\n}\n",""]),t.locals={container:"container-KdcYR",generalInfo:"generalInfo-9qJkG",avatarContainer:"avatarContainer-2NcmW",avatarPlaceholder:"avatarPlaceholder-eLxt6",warningIcon:"warningIcon-2tLyr",description:"description-2VYTP",error:"error-tkaPq",errorDescription:"errorDescription-Wkfv7",controls:"controls-D4wAc",duration:"duration-1nsE7",timerPlaceholder:"timerPlaceholder-sZlmZ",retryButton:"retryButton-1D_f8",cancelButton:"cancelButton-1LiVp"}},384313:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".recording-card-exit-active-1xYFC {\n animation: slideOutAndCollapse 500ms ease-in forwards;\n}\n@keyframes slideOutAndCollapse {\n 0% {\n transform: translateX(0px);\n margin-bottom: 0;\n }\n 50% {\n transform: translateX(100%);\n margin-bottom: 0;\n }\n 100% {\n transform: translateX(150%);\n margin-bottom: -135px;\n }\n}\n@keyframes slideIntoView {\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(-50%);\n }\n 100% {\n transform: translateX(0);\n }\n}\n",""]),t.locals={"recording-card-exit-active":"recording-card-exit-active-1xYFC"}},519984:(e,t,n)=>{var r=n(296863);(t=e.exports=n(931506)(!1)).push([e.id,".library-margin-1LqWX {\n margin: 45px 24px 0;\n}\n.text-2LVDF {\n margin: 42px 0 0;\n text-align: center;\n}\n.title-1V0Hj {\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-family: Formular, sans-serif;\n font-size: 20px;\n line-height: 26px;\n font-weight: 500;\n line-height: 28px;\n}\n.description-31VGz {\n margin-top: 12px;\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n font-size: 16px;\n line-height: 24px;\n font-weight: normal;\n}\n.playful-backdrop-3wl9y {\n background: url("+r(n(339589))+") no-repeat;\n background-size: contain;\n margin: -8px -24px 0;\n padding: 45px 24px;\n}\n.image-3NtZw {\n width: 294px;\n}\n",""]),t.locals={"library-margin":"library-margin-1LqWX",text:"text-2LVDF",title:"title-1V0Hj",description:"description-31VGz","playful-backdrop":"playful-backdrop-3wl9y",image:"image-3NtZw"}},335992:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".container-3CLhq {\n width: 87%;\n height: 87%;\n}\n.content-2mD8B {\n height: 100%;\n overflow: hidden;\n max-height: 100%;\n padding: 18px 16px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n box-sizing: border-box;\n}\n.header-249mk {\n padding: 0 0 0 12px;\n margin-right: 40px;\n font-size: 14px;\n margin-bottom: 12px;\n font-weight: normal;\n line-height: 24px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.title-3wcfQ {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.close-button-2BL5Q {\n right: 18px;\n top: 20px;\n}\n.body-JNDP2 {\n width: 100%;\n height: 100%;\n overflow: auto;\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n.iframe-3lsg- {\n width: 100%;\n height: 100%;\n}\n.iframe-3lsg- iframe {\n max-width: 100%;\n width: 100%;\n height: 100%;\n border: 0;\n}\n",""]),t.locals={container:"container-3CLhq",content:"content-2mD8B",header:"header-249mk",title:"title-3wcfQ","close-button":"close-button-2BL5Q",body:"body-JNDP2",iframe:"iframe-3lsg-"}},157437:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,"@keyframes shine-lines {\n 0% {\n transform: translateX(-100%);\n }\n 75% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n}\n.container-3VisH {\n border-bottom: solid 1px #ebebef;\n min-height: 135px;\n max-height: 135px;\n box-sizing: border-box;\n padding: 20px 10px 20px 0;\n}\n.generalInfo-2ARqd {\n display: -ms-flexbox;\n display: flex;\n}\n.avatarContainer-2-xVw {\n position: relative;\n height: 64px;\n width: 64px;\n}\n.avatarPlaceholder-1Kgpa {\n background-color: #f0f0f3;\n position: relative;\n overflow: hidden;\n height: 64px;\n width: 64px;\n border-radius: 50%;\n}\n.avatarPlaceholder-1Kgpa::before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n width: 100%;\n background: linear-gradient(90deg, #f0f0f3 0px, #e8e8e8 40px, #f0f0f3 80px);\n animation: shine-lines 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n}\n.spinner-3SPVK {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n transform: translate(-50%, -50%);\n}\n.description-38MBd {\n -ms-flex: 1;\n flex: 1;\n margin: 10px 0 0 16px;\n}\n.author-385j_ {\n background-color: #f0f0f3;\n position: relative;\n overflow: hidden;\n width: 100%;\n height: 16px;\n}\n.author-385j_::before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n width: 100%;\n background: linear-gradient(90deg, #f0f0f3 0px, #e8e8e8 40px, #f0f0f3 80px);\n animation: shine-lines 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n}\n.title-hDnel {\n background-color: #f0f0f3;\n position: relative;\n overflow: hidden;\n margin-top: 8px;\n width: 100%;\n height: 20px;\n}\n.title-hDnel::before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n width: 100%;\n background: linear-gradient(90deg, #f0f0f3 0px, #e8e8e8 40px, #f0f0f3 80px);\n animation: shine-lines 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n}\n.controls-qVfxv {\n display: -ms-flexbox;\n display: flex;\n margin-top: 8px;\n}\n.duration-UU1W1 {\n width: 64px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.timer-gnjeL {\n background-color: #f0f0f3;\n position: relative;\n overflow: hidden;\n height: 20px;\n width: 32px;\n}\n.timer-gnjeL::before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n width: 100%;\n background: linear-gradient(90deg, #f0f0f3 0px, #e8e8e8 40px, #f0f0f3 80px);\n animation: shine-lines 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n}\n.copy-FCVky {\n background-color: #f0f0f3;\n position: relative;\n overflow: hidden;\n height: 20px;\n width: 73px;\n margin-left: 16px;\n}\n.copy-FCVky::before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n width: 100%;\n background: linear-gradient(90deg, #f0f0f3 0px, #e8e8e8 40px, #f0f0f3 80px);\n animation: shine-lines 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n}\n.date-1IO6r {\n background-color: #f0f0f3;\n position: relative;\n overflow: hidden;\n height: 20px;\n width: 42px;\n margin-left: 16px;\n}\n.date-1IO6r::before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n width: 100%;\n background: linear-gradient(90deg, #f0f0f3 0px, #e8e8e8 40px, #f0f0f3 80px);\n animation: shine-lines 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n}\n",""]),t.locals={container:"container-3VisH",generalInfo:"generalInfo-2ARqd",avatarContainer:"avatarContainer-2-xVw",avatarPlaceholder:"avatarPlaceholder-1Kgpa",spinner:"spinner-3SPVK",description:"description-38MBd",author:"author-385j_",title:"title-hDnel",controls:"controls-qVfxv",duration:"duration-UU1W1",timer:"timer-gnjeL",copy:"copy-FCVky",date:"date-1IO6r"}},289690:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".playback-rate-selection-2wdOj {\n padding: 4px;\n background-color: #ffffff;\n border-radius: 8px;\n position: absolute;\n bottom: calc(100% + 4px);\n right: 0;\n z-index: 91;\n margin: 0;\n}\n.play-rate-icon-b2zRq {\n width: 44px;\n height: 44px;\n}\n.playback-rate-container-enter {\n opacity: 0;\n transform: scale(0.9);\n pointer-events: auto;\n}\n.playback-rate-container-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 300ms, transform 250ms;\n}\n.playback-rate-container-exit {\n opacity: 1;\n pointer-events: none;\n}\n.playback-rate-container-exit-active {\n opacity: 0;\n transform: scale(0.9);\n transition: opacity 300ms, transform 250ms;\n}\n",""]),t.locals={"playback-rate-selection":"playback-rate-selection-2wdOj","play-rate-icon":"play-rate-icon-b2zRq"}},781136:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".rate-button-1lMMq.rtb-btn {\n border: none;\n width: 40px;\n padding-left: 0 !important;\n padding-right: 0 !important;\n text-align: center;\n}\n.rate-button-1lMMq.rtb-btn:hover {\n background-color: #f5f5f7;\n}\n",""]),t.locals={"rate-button":"rate-button-1lMMq"}},778031:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".playback-bar-position-2pRhb {\n position: fixed;\n width: calc(100% - 2 * (4 * 44px + 24px));\n max-width: 680px;\n left: 50%;\n transform: translateX(-50%);\n bottom: 8px;\n z-index: 91;\n}\n@media only screen and (max-width: 1000px) {\n .playback-bar-position-2pRhb {\n min-width: calc(100% - 32px);\n }\n}\n.toggle-mute-icon-Lz5DW {\n width: 24px;\n height: 24px;\n}\n",""]),t.locals={"playback-bar-position":"playback-bar-position-2pRhb","toggle-mute-icon":"toggle-mute-icon-Lz5DW"}},375569:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".container-39XFr {\n display: -ms-flexbox;\n display: flex;\n height: 56px;\n border-radius: 8px;\n background: #ffffff;\n filter: drop-shadow(0px 2px 14px rgba(5, 0, 56, 0.08));\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n gap: 16px;\n padding: 0 8px 0 16px;\n}\n.main-button-YTQ6X {\n -ms-flex-negative: 1;\n flex-shrink: 1;\n}\n.timer-SGMF0 {\n -ms-flex-negative: 1;\n flex-shrink: 1;\n @typo-p-small ()\n line-height: 18px;\n width: 90px;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.progress-bar-24pOB {\n -ms-flex-positive: 999;\n flex-grow: 999;\n}\n.toolbar-buttons-3eFL6 {\n -ms-flex-negative: 1;\n flex-shrink: 1;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.toolbar-buttons-3eFL6 > div {\n margin: auto 0 auto 7.5px;\n}\n",""]),t.locals={container:"container-39XFr","main-button":"main-button-YTQ6X",timer:"timer-SGMF0","progress-bar":"progress-bar-24pOB","toolbar-buttons":"toolbar-buttons-3eFL6"}},587940:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".container-3V7AL {\n height: 16px;\n position: relative;\n cursor: pointer;\n -ms-flex-positive: 999;\n flex-grow: 999;\n}\n.full-bar-BAV1V,\n.buffer-bar-1ahxF,\n.progress-bar-33XZp {\n position: absolute;\n top: 6px;\n left: 0;\n border-radius: 2px;\n height: 4px;\n width: 100%;\n}\n.full-bar-BAV1V {\n background-color: #e8ecff;\n}\n.progress-bar-33XZp {\n background-color: #4262ff;\n}\n.buffer-bar-1ahxF {\n background-color: #d0d7ff;\n}\n.progress-marker-3Zzmg {\n position: absolute;\n width: 16px;\n height: 16px;\n transform: translateX(-50%);\n top: 0px;\n border-radius: 8px;\n background-color: rgba(232, 236, 255, 0.8);\n}\n.progress-marker-inner-3IzSn {\n display: block;\n width: 8px;\n height: 8px;\n margin: 4px;\n border-radius: 4px;\n background-color: #4262ff;\n}\n",""]),t.locals={container:"container-3V7AL","full-bar":"full-bar-BAV1V","buffer-bar":"buffer-bar-1ahxF","progress-bar":"progress-bar-33XZp","progress-marker":"progress-marker-3Zzmg","progress-marker-inner":"progress-marker-inner-3IzSn"}},918679:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".follow-tip-position-28e1D {\n position: fixed;\n bottom: 68px;\n transform: translateX(-50%);\n left: 50%;\n}\n.follow-tip-1wJbz {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -ms-flex-align: center;\n align-items: center;\n height: 28px;\n min-width: 100px;\n max-width: 242px;\n top: 0px;\n padding: 0;\n border-radius: 16px;\n background-color: #4262ff;\n}\n.icon-container-iwCAt {\n margin-left: 10px;\n width: 20px;\n color: #ffffff;\n}\n.icon-1oCB5 {\n margin-top: 2px;\n height: 12px;\n width: 14px;\n}\n.text-tip-1jgBE {\n margin-left: 2px;\n margin-right: 10px;\n margin-bottom: 2px;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: #ffffff;\n font-size: 12px;\n}\n@keyframes bounce-in {\n 0% {\n transform: translateY(50px);\n }\n 14% {\n transform: translateY(-13px);\n }\n 25% {\n transform: translateY(5px);\n }\n 45% {\n transform: translateY(-3px);\n }\n 65% {\n transform: translateY(1px);\n }\n 100% {\n transform: translateY(0px);\n }\n}\n@keyframes bounce-out {\n 0% {\n transform: translateY(0px);\n }\n 15% {\n transform: translateY(-3px);\n }\n 40% {\n transform: translateY(40px);\n }\n 100% {\n transform: translateY(40px);\n }\n}\n.follow-tip-container-enter-active {\n animation: bounce-in 1s cubic-bezier(0.28, 0.84, 0.42, 1);\n}\n.follow-tip-container-exit-active {\n animation: bounce-out 1s cubic-bezier(0.28, 0.84, 0.42, 1);\n}\n",""]),t.locals={"follow-tip-position":"follow-tip-position-28e1D","follow-tip":"follow-tip-1wJbz","icon-container":"icon-container-iwCAt",icon:"icon-1oCB5","text-tip":"text-tip-1jgBE"}},439859:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".container-gV70T {\n position: relative;\n padding: 10px;\n box-sizing: border-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.toolbar-uy9eg {\n position: absolute;\n right: calc(100% + 12px);\n background: #fff;\n border-radius: 4px;\n padding: 10px;\n box-shadow: 0px 2px 10px rgb(5 0 7%);\n}\n.separator-2FR5w {\n width: 1px;\n height: 24px;\n background-color: rgba(5, 0, 56, 0.12);\n margin: 0 12px 0 8px;\n}\n.stopButtonWrapper-1ZYjb {\n margin-left: 12px;\n}\n.pauseButtonWrapper-3pJ7i {\n margin-left: 3px;\n}\n",""]),t.locals={container:"container-gV70T",toolbar:"toolbar-uy9eg",separator:"separator-2FR5w",stopButtonWrapper:"stopButtonWrapper-1ZYjb",pauseButtonWrapper:"pauseButtonWrapper-3pJ7i"}},62809:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".container-1AwCS {\n width: 100%;\n height: 100%;\n background: rgba(9, 9, 9, 0.4);\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: hidden;\n z-index: 100000;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n@keyframes countdownPulsing {\n 0% {\n transform: scale(0.98);\n }\n 70% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.98);\n }\n}\n.oval-container-2_yxT {\n overflow: hidden;\n width: 280px;\n height: 280px;\n border-radius: 50%;\n background-color: #fef7f7;\n animation: countdownPulsing 900ms ease-out infinite;\n}\n.countdown-num-text-1s20c {\n font-weight: 500;\n font-size: 120px;\n line-height: 144px;\n font-family: Formular, serif;\n font-style: normal;\n color: #090909;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0;\n transition-duration: 250ms;\n transition-property: opacity;\n transition-timing-function: ease-in-out;\n}\n.countdown-num-text-1s20c.visible {\n opacity: 1;\n transition-delay: 200ms;\n}\n.countdown-final-text-2Gjy7 {\n font-stretch: normal;\n letter-spacing: normal;\n font-family: Formular, sans-serif;\n font-size: 28px;\n line-height: 36px;\n font-weight: 500;\n font-size: 32px;\n color: #090909;\n font-family: Formular, serif;\n font-style: normal;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0;\n transition-duration: 250ms;\n transition-property: opacity;\n transition-timing-function: ease-in-out;\n}\n.countdown-final-text-2Gjy7.visible {\n opacity: 1;\n transition-delay: 200ms;\n}\n",""]),t.locals={container:"container-1AwCS","oval-container":"oval-container-2_yxT","countdown-num-text":"countdown-num-text-1s20c","countdown-final-text":"countdown-final-text-2Gjy7"}},642110:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".buttonContainer-3CcWw {\n width: 100%;\n}\n.tooltipContainer-1HE-U {\n text-align: center;\n max-width: 80%;\n}\n",""]),t.locals={buttonContainer:"buttonContainer-3CcWw",tooltipContainer:"tooltipContainer-1HE-U"}},317643:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".webcam-3pANS {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n margin-top: 12px;\n}\n.camMicContainer-14EAZ {\n margin-top: 20px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.camSwitchContainer-JGAyv {\n margin-right: 12px;\n}\n.videoSettingsContainer-1wteU {\n width: 100%;\n margin-top: 14px;\n}\n.audioSettingsContainer-37WPz {\n width: 100%;\n margin: 16px 0 36px;\n}\n.camMicDisabledMessageContainer-2al7M {\n position: relative;\n text-align: center;\n width: 100%;\n min-height: 162px;\n margin: 20px 0 30px 0;\n line-height: 20px;\n}\n.camMicDisabledMessageContainer-2al7M .spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n transform: translate(-50%, -50%);\n}\n.camMicDisabledMessageContainer-2al7M .title {\n color: #d92929;\n text-transform: uppercase;\n font-weight: 700;\n}\n.camMicDisabledMessageContainer-2al7M .body {\n margin: 12px 0 14px 0;\n padding: 0 14px;\n}\n.camMicDisabledMessageContainer-2al7M .link {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.camMicDisabledMessageContainer-2al7M .link a {\n margin-left: 5px;\n}\n.playful-backdrop-3awEk {\n position: absolute;\n top: 0;\n left: 0;\n width: 340px;\n height: 172px;\n color: #ffbfbf;\n overflow: hidden;\n}\n",""]),t.locals={webcam:"webcam-3pANS",camMicContainer:"camMicContainer-14EAZ",camSwitchContainer:"camSwitchContainer-JGAyv",videoSettingsContainer:"videoSettingsContainer-1wteU",audioSettingsContainer:"audioSettingsContainer-37WPz",camMicDisabledMessageContainer:"camMicDisabledMessageContainer-2al7M","playful-backdrop":"playful-backdrop-3awEk"}},177935:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".feedbackButton__overlay-2a9bm {\n position: absolute;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: #090909;\n opacity: 60%;\n transition: opacity 0.3s ease-out;\n}\n.feedbackButton__rate-hYoGh {\n position: absolute;\n z-index: 2;\n left: 0;\n right: 0;\n margin: auto;\n bottom: 8px;\n width: 324px;\n border-radius: 4px;\n box-shadow: 0px 4px 16px rgba(5, 0, 56, 0.12);\n transform-origin: right bottom;\n animation: 0.15s :local(voting-rate-opacity) ease-out, 0.15s :local(voting-rate-transform) ease-out;\n}\n@keyframes voting-rate-opacity {\n from {\n opacity: 0;\n }\n to {\n opacity: 100%;\n }\n}\n@keyframes voting-rate-transform {\n from {\n transform: translateY(50px);\n }\n to {\n transform: translateY(0);\n }\n}\n",""]),t.locals={feedbackButton__overlay:"feedbackButton__overlay-2a9bm",feedbackButton__rate:"feedbackButton__rate-hYoGh"}},180099:(e,t,n)=>{(e.exports=n(931506)(!1)).push([e.id,".color-user-picture {\n position: relative;\n width: 29px;\n height: 29px;\n}\n.color-user-picture svg {\n width: 29px;\n height: 29px;\n min-width: 29px;\n max-width: 29px;\n min-height: 29px;\n max-height: 29px;\n overflow: hidden;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .color-user-picture svg {\n width: auto;\n height: auto;\n }\n}\n.color-user-picture--cover {\n position: absolute;\n height: 100%;\n width: 100%;\n background: #cdccd7;\n top: 0;\n}\n.color-user-picture--inactive svg img {\n opacity: 0.5;\n}\n",""])},742677:(e,t,n)=>{(e.exports=n(931506)(!1)).push([e.id,".picture-with-icon {\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n position: relative;\n}\n.picture-with-icon use:first-child {\n fill: #fff;\n /* should not be a variable to prevent picture opacity */\n}\n.picture-with-icon__icon {\n border-radius: 2px;\n position: absolute;\n right: 0;\n bottom: 0;\n}\n.picture-with-icon--collapsed {\n display: none;\n}\n.picture-with-icon--cover {\n position: absolute;\n height: 100%;\n width: 100%;\n background: #cdccd7;\n top: 0;\n}\n",""])},326486:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".teamPicture-2ZSAc {\n border-radius: 4px;\n}\n",""]),t.locals={teamPicture:"teamPicture-2ZSAc"}},366819:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,".userPictureClass-1_AdH {\n border-radius: 125px;\n}\n",""]),t.locals={userPictureClass:"userPictureClass-1_AdH"}},162671:(e,t,n)=>{(e.exports=n(931506)(!1)).push([e.id,".base-picture {\n background: #cdccd7;\n overflow: hidden;\n position: relative;\n width: 30px;\n height: 30px;\n}\n.base-picture img {\n vertical-align: top;\n}\n.base-picture img {\n width: 30px;\n height: 30px;\n min-width: 30px;\n max-width: 30px;\n min-height: 30px;\n max-height: 30px;\n overflow: hidden;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .base-picture img {\n width: auto;\n height: auto;\n }\n}\n.base-picture.base-picture--size12 {\n width: 12px;\n height: 12px;\n}\n.base-picture.base-picture--size12 img {\n width: 12px;\n height: 12px;\n min-width: 12px;\n max-width: 12px;\n min-height: 12px;\n max-height: 12px;\n overflow: hidden;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .base-picture.base-picture--size12 img {\n width: auto;\n height: auto;\n }\n}\n.base-picture.base-picture--size16 {\n width: 16px;\n height: 16px;\n}\n.base-picture.base-picture--size16 img {\n width: 16px;\n height: 16px;\n min-width: 16px;\n max-width: 16px;\n min-height: 16px;\n max-height: 16px;\n overflow: hidden;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .base-picture.base-picture--size16 img {\n width: auto;\n height: auto;\n }\n}\n.base-picture.base-picture--size24 {\n width: 24px;\n height: 24px;\n}\n.base-picture.base-picture--size24 img {\n width: 24px;\n height: 24px;\n min-width: 24px;\n max-width: 24px;\n min-height: 24px;\n max-height: 24px;\n overflow: hidden;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .base-picture.base-picture--size24 img {\n width: auto;\n height: auto;\n }\n}\n.base-picture.base-picture--size30 {\n width: 30px;\n height: 30px;\n}\n.base-picture.base-picture--size30 img {\n width: 30px;\n height: 30px;\n min-width: 30px;\n max-width: 30px;\n min-height: 30px;\n max-height: 30px;\n overflow: hidden;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .base-picture.base-picture--size30 img {\n width: auto;\n height: auto;\n }\n}\n.base-picture.base-picture--size32 {\n width: 32px;\n height: 32px;\n}\n.base-picture.base-picture--size32 img {\n width: 32px;\n height: 32px;\n min-width: 32px;\n max-width: 32px;\n min-height: 32px;\n max-height: 32px;\n overflow: hidden;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .base-picture.base-picture--size32 img {\n width: auto;\n height: auto;\n }\n}\n.base-picture.base-picture--size36 {\n width: 36px;\n height: 36px;\n}\n.base-picture.base-picture--size36 img {\n width: 36px;\n height: 36px;\n min-width: 36px;\n max-width: 36px;\n min-height: 36px;\n max-height: 36px;\n overflow: hidden;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .base-picture.base-picture--size36 img {\n width: auto;\n height: auto;\n }\n}\n.base-picture.base-picture--size74 {\n width: 74px;\n height: 74px;\n}\n.base-picture.base-picture--size74 img {\n width: 74px;\n height: 74px;\n min-width: 74px;\n max-width: 74px;\n min-height: 74px;\n max-height: 74px;\n overflow: hidden;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .base-picture.base-picture--size74 img {\n width: auto;\n height: auto;\n }\n}\n.base-picture.base-picture--size140 {\n width: 140px;\n height: 140px;\n}\n.base-picture.base-picture--size140 img {\n width: 140px;\n height: 140px;\n min-width: 140px;\n max-width: 140px;\n min-height: 140px;\n max-height: 140px;\n overflow: hidden;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .base-picture.base-picture--size140 img {\n width: auto;\n height: auto;\n }\n}\n.base-picture.base-picture--size180 {\n width: 180px;\n height: 180px;\n}\n.base-picture.base-picture--size180 img {\n width: 180px;\n height: 180px;\n min-width: 180px;\n max-width: 180px;\n min-height: 180px;\n max-height: 180px;\n overflow: hidden;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .base-picture.base-picture--size180 img {\n width: auto;\n height: auto;\n }\n}\n.base-picture.base-picture--size100percent {\n width: 100%;\n height: 100%;\n}\n.base-picture.base-picture--size100percent img {\n width: 100%;\n height: 100%;\n min-width: 100%;\n max-width: 100%;\n min-height: 100%;\n max-height: 100%;\n overflow: hidden;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .base-picture.base-picture--size100percent img {\n width: auto;\n height: auto;\n }\n}\n.base-picture.base-picture--collapsed {\n display: none;\n}\n.base-picture .base-picture--cover {\n position: absolute;\n height: 100%;\n width: 100%;\n background: #cdccd7;\n top: 0;\n}\n",""])},404427:(e,t,n)=>{var r=n(401892),i=n(875860);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},771724:(e,t,n)=>{var r=n(401892),i=n(540269);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},704359:(e,t,n)=>{var r=n(401892),i=n(725553);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},931952:(e,t,n)=>{var r=n(401892),i=n(799024);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},601942:(e,t,n)=>{var r=n(401892),i=n(845132);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},244776:(e,t,n)=>{var r=n(401892),i=n(254487);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},160060:(e,t,n)=>{var r=n(401892),i=n(830263);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},926652:(e,t,n)=>{var r=n(401892),i=n(461506);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},471441:(e,t,n)=>{var r=n(401892),i=n(521348);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},577731:(e,t,n)=>{var r=n(401892),i=n(963468);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},251534:(e,t,n)=>{var r=n(401892),i=n(991905);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},781694:(e,t,n)=>{var r=n(401892),i=n(976849);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},518944:(e,t,n)=>{var r=n(401892),i=n(643366);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},556182:(e,t,n)=>{var r=n(401892),i=n(369088);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},49435:(e,t,n)=>{var r=n(401892),i=n(796433);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},432750:(e,t,n)=>{var r=n(401892),i=n(156485);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},834544:(e,t,n)=>{var r=n(401892),i=n(19928);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},634855:(e,t,n)=>{var r=n(401892),i=n(603362);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},977731:(e,t,n)=>{var r=n(401892),i=n(384313);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},971580:(e,t,n)=>{var r=n(401892),i=n(519984);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},215386:(e,t,n)=>{var r=n(401892),i=n(335992);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},980179:(e,t,n)=>{var r=n(401892),i=n(157437);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},986738:(e,t,n)=>{var r=n(401892),i=n(289690);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},334391:(e,t,n)=>{var r=n(401892),i=n(781136);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},896153:(e,t,n)=>{var r=n(401892),i=n(778031);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},261050:(e,t,n)=>{var r=n(401892),i=n(375569);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},584282:(e,t,n)=>{var r=n(401892),i=n(587940);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},515301:(e,t,n)=>{var r=n(401892),i=n(918679);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},221216:(e,t,n)=>{var r=n(401892),i=n(439859);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},901752:(e,t,n)=>{var r=n(401892),i=n(62809);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},835129:(e,t,n)=>{var r=n(401892),i=n(642110);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},593011:(e,t,n)=>{var r=n(401892),i=n(317643);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},774132:(e,t,n)=>{var r=n(401892),i=n(177935);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},898505:(e,t,n)=>{var r=n(401892),i=n(180099);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},65522:(e,t,n)=>{var r=n(401892),i=n(742677);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},913284:(e,t,n)=>{var r=n(401892),i=n(326486);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},361266:(e,t,n)=>{var r=n(401892),i=n(366819);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},552735:(e,t,n)=>{var r=n(401892),i=n(162671);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},80207:(e,t,n)=>{"use strict";n.r(t),n.d(t,{recordingPluginFactory:()=>Tc});var r,i=n(759312),o=function(){function e(e,t){this.authApi=e,this.systemTime=t}return e.prototype.isTokenExpired=function(e){return this.systemTime.now()>=e+6e4*2},e.prototype.getToken=function(){return(0,i.__awaiter)(this,void 0,Promise,(function(){var e;return(0,i.__generator)(this,(function(t){switch(t.label){case 0:return void 0===this.tokenUpdatedTimeInMs||void 0===this.token||this.isTokenExpired(this.tokenUpdatedTimeInMs)?[4,this.authApi.getAuthToken()]:[3,2];case 1:e=t.sent().authToken,this.token=e,this.tokenUpdatedTimeInMs=this.systemTime.now(),t.label=2;case 2:return[2,this.token]}}))}))},e}(),a=function(){function e(e,t){this.boardMetadata=e,this.boardRecordingApi=t}return e.prototype.getRecordings=function(){return(0,i.__awaiter)(this,void 0,Promise,(function(){var e;return(0,i.__generator)(this,(function(t){return e=this.boardMetadata.boardId,[2,this.boardRecordingApi.getRecordings.execute({boardId:e})]}))}))},e.prototype.deleteRecording=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t;return(0,i.__generator)(this,(function(n){switch(n.label){case 0:return t=this.boardMetadata.boardId,[4,this.boardRecordingApi.deleteRecording.execute({boardId:t,recordingId:e})];case 1:return n.sent(),[2]}}))}))},e.prototype.updateRecording=function(e,t){return(0,i.__awaiter)(this,void 0,Promise,(function(){var n;return(0,i.__generator)(this,(function(r){switch(r.label){case 0:return n=this.boardMetadata.boardId,[4,this.boardRecordingApi.updateRecording.execute({params:{boardId:n,recordingId:e},body:{name:t}})];case 1:return r.sent(),[2]}}))}))},e.prototype.hasRecordings=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t;return(0,i.__generator)(this,(function(n){return t=this.boardMetadata.boardId,[2,this.boardRecordingApi.hasRecordings.execute({boardId:t,createdAfter:e})]}))}))},e}(),s=n(865100),c=function(){function e(e){this.errorTracker=e}return e.prototype.writeText=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t=this;return(0,i.__generator)(this,(function(n){switch(n.label){case 0:return[4,navigator.clipboard.writeText(e).catch((function(e){t.errorTracker.log(e)}))];case 1:return n.sent(),[2]}}))}))},e}(),l=n(827378),d=n(292554),u=n.n(d),p=n(242078),h="None",f="None",g="New Recording",m="Close",v="Mute",b="Unmute",y="Unknown user",w="Your recording is uploading",_="Recording has been added to library",x="Your recording upload failed",E="Copy link",C="Retry",S="Cancel",k="Yes",R="No",I="Go back",T="Recording\u2019s link copied!",P="Restart recording",O="Discard current and start a new recording?",N="Delete recording",A="Are you sure you want to delete this recording?",D="Delete recording",M="Are you sure you want to delete this recording?",L="Recording is deleted!",U="Recording deletion failed!",z="Something went wrong",B="Start recording",F="Please turn camera or microphone on if you want to make a new recording",V="No access to cam and mic",j="Please allow access to your cam and mic in your browser's settings. In case that it still doesn't work, please restart your browser.",H="How to do it",W="Upload error",Z="Something went wrong.",G="Sorry, something went wrong.",Y="This recording is not available anymore.",J="Cancel the upload",K="Are you sure you want to cancel the recording upload?",X="Recordings",q="No recordings yet, let\u2019s change that!",Q="Save your peers from unnecessary meetings by updating them with a board recording.",$="Create recording",ee="beta",te="Talktrack",ne="How was your experience?",re="How was your Board Recording experience?",ie="The content on this board may have changed since this recording was made",oe="Help center page",ae="Oops! Board Recordings feature is not supported yet.",se="For now, Board Recordings beta is only available in the latest versions of Chrome desktop browser.",ce="Please see the Help Center page to learn more.",le="Oops! Recording is only available for registered Beta users",de="Playback speed",ue="Help Center",pe="Delete",he="Rename",fe="Play original version",ge="Oops! Something went wrong.",me="Please reload the page to play the board recording.",ve="Reload page",be="Board recording older version",ye=n(771724),we=n.n(ye),_e=u().bind(we()),xe=function(e){var t=e.title,n=e.description,r=e.onYes,i=e.onNo,o=e.onCloseButton,a=e.onClickOutside,c=e.onEscape,d=e.isLoading,u=e.isVisible;return l.createElement(s.Dialog,{isBackdropVisible:!0,isVisible:u,onCloseButtonClick:o,onEscape:c,onClickOutside:a},l.createElement(s.DialogHeader,{titleClassName:_e("title")},t),l.createElement(s.DialogBody,{className:_e("body")},n),l.createElement(s.DialogFooter,null,l.createElement(p.Button,{onClick:r,theme:"alert",size:"m",loading:d},k),l.createElement(p.Button,{theme:"secondary",size:"m",onClick:i,disabled:d},R)))},Ee=function(e){var t=e.title,n=e.description,r=e.onConfirm,i=e.onAbort,o=e.track,a=e.reason,s=(0,l.useState)(!1),c=s[0],d=s[1],u=(0,l.useCallback)((function(){d(!0),o.interacted("on_confirm",a),r()}),[r,o,a]),p=(0,l.useCallback)((function(){d(!0),o.interacted("on_abort",a),i()}),[i,o,a]);return(0,l.useEffect)((function(){o.showed({reason:a,positionOnScreen:"center",level:"info",uiElement:"pop_up"})}),[o,a]),l.createElement(xe,{title:t,description:n,onYes:u,onNo:p,onClickOutside:p,onCloseButton:p,onEscape:p,isLoading:c,isVisible:!0})},Ce=n(926652),Se=n.n(Ce),ke=u().bind(Se()),Re=function(e){var t=e.title,n=e.description,r=e.onYes,i=e.onCloseButton,o=e.onClickOutside,a=e.onEscape,c=e.isVisible,d=e.helpCenterLink,u=e.onClickHelpCenterLink,h=e.confirmButtonText;return l.createElement(s.Dialog,{isBackdropVisible:!0,isVisible:c,onCloseButtonClick:i,onEscape:a,onClickOutside:o},l.createElement(s.DialogHeader,{titleClassName:ke("title")},t),l.createElement(s.DialogBody,{className:ke("body")},n),l.createElement(s.DialogFooter,{className:ke("footer")},l.createElement(p.Button,{onClick:r},h||"Got it!"),void 0!==d?l.createElement("div",{className:ke("rtb-link rtb-link--primary")},l.createElement("a",{onClick:u,href:d,target:"_blank",rel:"noreferrer"},oe)):void 0))},Ie=function(e){var t=e.title,n=e.description,r=e.onConfirm,i=e.onAbort,o=e.helpCenterLink,a=e.track,s=e.reason,c=e.confirmButtonText,d=(0,l.useState)(!1),u=d[0],p=d[1],h=(0,l.useCallback)((function(){p(!0),a.interacted("on_confirm",s),r()}),[r,a,s]),f=(0,l.useCallback)((function(){p(!0),a.interacted("on_abort",s),i()}),[i,a,s]),g=(0,l.useCallback)((function(){a.interacted("help_center_link",s)}),[a,s]);return(0,l.useEffect)((function(){a.showed({reason:s,positionOnScreen:"center",level:"info",uiElement:"pop_up"})}),[a,s]),l.createElement(Re,{title:t,description:n,onYes:h,onClickOutside:f,onCloseButton:f,onEscape:f,isLoading:u,isVisible:!0,helpCenterLink:o,onClickHelpCenterLink:g,confirmButtonText:c})},Te=function(){function e(e,t){this.miroDialog=e,this.track=t}return e.prototype.info=function(e){this.infoDialog(e)},e.prototype.confirm=function(e){this.confirmDialog(e)},e.prototype.confirmDialog=function(e){var t=e.title,n=e.description,r=e.confirm,o=e.abort,a=e.helpCenterLink,s=e.reason,c=this.track;this.miroDialog.show({componentFactory:function(e){var l=function(){e.resolve(null)};return{Component:Ee.bind(null,{title:t,description:n,track:c,reason:s,onConfirm:function(){return(0,i.__awaiter)(this,void 0,void 0,(function(){return(0,i.__generator)(this,(function(e){switch(e.label){case 0:return e.trys.push([0,,2,3]),[4,r()];case 1:return e.sent(),[3,3];case 2:return l(),[7];case 3:return[2]}}))}))},onAbort:function(){return(0,i.__awaiter)(this,void 0,void 0,(function(){return(0,i.__generator)(this,(function(e){switch(e.label){case 0:return e.trys.push([0,,2,3]),[4,o()];case 1:return e.sent(),[3,3];case 2:return l(),[7];case 3:return[2]}}))}))},helpCenterLink:a})}}})},e.prototype.infoDialog=function(e){var t=e.title,n=e.description,r=e.confirm,o=e.abort,a=e.helpCenterLink,s=e.reason,c=e.confirmButtonText,l=this.track;this.miroDialog.show({componentFactory:function(e){var d=function(){e.resolve(null)};return{Component:Ie.bind(null,{title:t,description:n,track:l,reason:s,onConfirm:function(){return(0,i.__awaiter)(this,void 0,void 0,(function(){return(0,i.__generator)(this,(function(e){switch(e.label){case 0:return e.trys.push([0,,2,3]),[4,r()];case 1:return e.sent(),[3,3];case 2:return d(),[7];case 3:return[2]}}))}))},onAbort:function(){return(0,i.__awaiter)(this,void 0,void 0,(function(){return(0,i.__generator)(this,(function(e){switch(e.label){case 0:return e.trys.push([0,,2,3]),[4,o()];case 1:return e.sent(),[3,3];case 2:return d(),[7];case 3:return[2]}}))}))},helpCenterLink:a,confirmButtonText:c})}}})},e}(),Pe=function(){function e(e,t){this.clientMetrics=e,this.globalErrorTracker=t}return e.prototype.log=function(e){var t=e instanceof Error?function(e){return{name:e.name,message:e.message,stack:e.stack}}(e):e;this.clientMetrics.sendError(JSON.stringify(t)),this.globalErrorTracker.log(e)},e}(),Oe=function(){function e(){var e=this;this.onunload=function(t){e.jobsCount>0&&(t.preventDefault(),t.returnValue=!0)},this.jobsCount=0}return e.prototype.addJob=function(e){var t=this;0===this.jobsCount&&window.addEventListener("beforeunload",this.onunload),this.jobsCount+=1,e.finally((function(){t.jobsCount>0&&(t.jobsCount-=1),0===t.jobsCount&&window.removeEventListener("beforeunload",t.onunload)}))},e}(),Ne=function(){function e(e,t){this.originUrl=e,this.boardId=t}return Object.defineProperty(e.prototype,"baseUrl",{get:function(){return new URL("/api/v1/board-recording",this.originUrl).toString()},enumerable:!1,configurable:!0}),e.prototype.getAuthToken=function(){return(0,i.__awaiter)(this,void 0,Promise,(function(){var e=this;return(0,i.__generator)(this,(function(t){return[2,fetch("".concat(this.baseUrl,"/token"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({boardId:this.boardId})}).then((function(t){return(0,i.__awaiter)(e,void 0,void 0,(function(){return(0,i.__generator)(this,(function(e){switch(e.label){case 0:if(!t.ok)throw Error(t.statusText);return[4,t.text()];case 1:return[2,{authToken:e.sent()}]}}))}))}))]}))}))},e}(),Ae="miro.com"===document.location.host?"https://board-recording-service.svc.miro.com":"https://board-recording-service.qa-svc.testmiro.com",De="".concat(Ae,"/").concat("api/v1"),Me=function(e){return null===e||void 0===e};!function(e){e[e.MAL_FORMED=400]="MAL_FORMED",e[e.NOT_FOUND=404]="NOT_FOUND",e[e.SERVER_ERROR=500]="SERVER_ERROR",e[e.UNKNOWN=501]="UNKNOWN"}(r||(r={}));var Le,Ue=function(e){function t(n){var i=n.status,o=n.message,a=e.call(this,o)||this;switch(Object.setPrototypeOf(a,t.prototype),i){case 400:a.status=r.MAL_FORMED;break;case 404:a.status=r.NOT_FOUND;break;case 500:a.status=r.SERVER_ERROR;break;default:a.status=r.UNKNOWN}return a.message=o,a}return(0,i.__extends)(t,e),t}(Error),ze=function(){function e(e,t){this.authService=e,this.boardRecordingConfig=t}return e.prototype.fetchAuthToken=function(){return(0,i.__awaiter)(this,void 0,Promise,(function(){var e;return(0,i.__generator)(this,(function(t){switch(t.label){case 0:return[4,this.authService.getToken()];case 1:return e=t.sent(),[2,"Bearer ".concat(e)]}}))}))},e.prototype.fetch=function(e,t){return(0,i.__awaiter)(this,void 0,Promise,(function(){var n,r,o,a,s,c,l,d,u;return(0,i.__generator)(this,(function(p){switch(p.label){case 0:return[4,this.fetchAuthToken()];case 1:return n=p.sent(),r=t.headers,o=void 0===r?{}:r,a=t.method,s=t.body,c=(0,i.__rest)(t,["headers","method","body"]),[4,fetch(e,(0,i.__assign)((0,i.__assign)({headers:(0,i.__assign)((0,i.__assign)({},o),{"X-Client-Version":this.boardRecordingConfig.version,"Content-Type":"application/json",authorization:n}),method:a},Me(s)?{}:{body:JSON.stringify(s)}),c))];case 2:if(l=p.sent(),d=l.status,u=l.statusText,!l.ok)throw new Ue({status:d,message:u});return[4,l.json()];case 3:return[2,{data:p.sent()}]}}))}))},e}(),Be=function(){function e(e,t){this.authService=e,this.boardRecordingConfig=t,this.fetchClient=new ze(this.authService,this.boardRecordingConfig)}return e.prototype.get=function(e,t){return(0,i.__awaiter)(this,void 0,Promise,(function(){return(0,i.__generator)(this,(function(n){return[2,this.fetchClient.fetch(e,(0,i.__assign)((0,i.__assign)({},t),{method:"GET"}))]}))}))},e.prototype.post=function(e,t){return(0,i.__awaiter)(this,void 0,Promise,(function(){return(0,i.__generator)(this,(function(n){return[2,this.fetchClient.fetch(e,(0,i.__assign)((0,i.__assign)({},t),{method:"POST"}))]}))}))},e.prototype.put=function(e,t){return(0,i.__awaiter)(this,void 0,Promise,(function(){return(0,i.__generator)(this,(function(n){return[2,this.fetchClient.fetch(e,(0,i.__assign)((0,i.__assign)({},t),{method:"PUT"}))]}))}))},e.prototype.patch=function(e,t){return(0,i.__awaiter)(this,void 0,Promise,(function(){return(0,i.__generator)(this,(function(n){return[2,this.fetchClient.fetch(e,(0,i.__assign)((0,i.__assign)({},t),{method:"PATCH"}))]}))}))},e.prototype.delete=function(e,t){return(0,i.__awaiter)(this,void 0,Promise,(function(){return(0,i.__generator)(this,(function(n){return[2,this.fetchClient.fetch(e,(0,i.__assign)((0,i.__assign)({},t),{method:"DELETE"}))]}))}))},e}(),Fe=function(){function e(e){this.errorTracker=e}return e.prototype.fetch=function(e,t){return(0,i.__awaiter)(this,void 0,Promise,(function(){var n,r,o,a,s;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return[4,fetch(e,t)];case 1:if(n=i.sent(),r=n.headers,o=n.ok,a=n.status,s=n.statusText,!o)throw a>=400&&a<500&&this.errorTracker.log({message:"File upload request failed",context:{url:e,method:t.method,statusText:s}}),new Ue({status:a,message:s});return[2,{headers:r}]}}))}))},e}(),Ve=function(){function e(e){this.errorTracker=e,this.fetchClient=new Fe(this.errorTracker)}return e.prototype.put=function(e,t){return(0,i.__awaiter)(this,void 0,Promise,(function(){return(0,i.__generator)(this,(function(n){return[2,this.fetchClient.fetch(e,(0,i.__assign)((0,i.__assign)({},t),{method:"PUT"}))]}))}))},e}(),je=function(){function e(e,t){this.apiClient=e,this.baseUrl=t}return e.prototype.execute=function(e){var t=e.boardId,n=e.createdAfter;return(0,i.__awaiter)(this,void 0,Promise,(function(){var e,r;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return e=n?"?".concat(new URLSearchParams({createdAfter:n}).toString()):"",r="".concat(this.baseUrl,"/").concat(t,"/recordings/exists").concat(e),[4,this.apiClient.get(r)];case 1:return[2,i.sent().data.result]}}))}))},e}(),He=function(){function e(e,t){this.apiClient=e,this.baseUrl=t}return e.prototype.execute=function(e){var t=e.body,n=e.params;return(0,i.__awaiter)(this,void 0,Promise,(function(){var e,r,o;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return e=n.boardId,r=n.recordingId,o="".concat(this.baseUrl,"/").concat(e,"/recordings/").concat(r,"/done"),[4,this.apiClient.put(o,{body:t})];case 1:return[2,i.sent().data]}}))}))},e}(),We=function(){function e(e,t){this.apiClient=e,this.baseUrl=t}return e.prototype.execute=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t,n,r;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return t=e.boardId,n=e.recordingId,r="".concat(this.baseUrl,"/").concat(t,"/recordings/").concat(n,"/media-urls"),[4,this.apiClient.post(r)];case 1:return[2,i.sent().data]}}))}))},e}(),Ze=function(){function e(e,t){this.apiClient=e,this.baseUrl=t}return e.prototype.execute=function(e){var t=e.body,n=e.params;return(0,i.__awaiter)(this,void 0,Promise,(function(){var e,r,o;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return e=n.boardId,r=n.recordingId,o="".concat(this.baseUrl,"/").concat(e,"/recordings/").concat(r,"/uploads"),[4,this.apiClient.post(o,{body:t})];case 1:return[2,i.sent().data]}}))}))},e}(),Ge=function(){function e(e,t){this.apiClient=e,this.baseUrl=t}return e.prototype.execute=function(e){var t=e.params,n=e.body;return(0,i.__awaiter)(this,void 0,Promise,(function(){var e;return(0,i.__generator)(this,(function(r){switch(r.label){case 0:return e="".concat(this.baseUrl,"/").concat(t.boardId,"/recordings"),[4,this.apiClient.post(e,{body:n})];case 1:return[2,r.sent().data]}}))}))},e}(),Ye=function(){function e(e,t){this.apiClient=e,this.baseUrl=t}return e.prototype.execute=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t,n,r;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return t=e.boardId,n=e.recordingId,r="".concat(this.baseUrl,"/").concat(t,"/recordings/").concat(n),[4,this.apiClient.delete(r)];case 1:return[2,i.sent().data]}}))}))},e}(),Je=function(){function e(e,t){this.apiClient=e,this.baseUrl=t}return e.prototype.execute=function(e){var t=e.boardId;return(0,i.__awaiter)(this,void 0,Promise,(function(){var e;return(0,i.__generator)(this,(function(n){switch(n.label){case 0:return e="".concat(this.baseUrl,"/").concat(t,"/recordings"),[4,this.apiClient.get(e)];case 1:return[2,n.sent().data]}}))}))},e}(),Ke=function(){function e(e,t){this.apiClient=e,this.baseUrl=t}return e.prototype.execute=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t,n,r;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return t=e.boardId,n=e.recordingId,r="".concat(this.baseUrl,"/").concat(t,"/recordings/").concat(n),[4,this.apiClient.get(r)];case 1:return[2,i.sent().data]}}))}))},e}(),Xe=function(){function e(e,t){this.apiClient=e,this.baseUrl=t}return e.prototype.execute=function(e){var t=e.boardId,n=e.recordingId;return(0,i.__awaiter)(this,void 0,Promise,(function(){var e;return(0,i.__generator)(this,(function(r){switch(r.label){case 0:return e="".concat(this.baseUrl,"/").concat(t,"/recordings/").concat(n,"/vectors"),[4,this.apiClient.get(e)];case 1:return[2,r.sent().data]}}))}))},e}(),qe=function(){function e(e,t){this.apiClient=e,this.baseUrl=t}return e.prototype.execute=function(e){var t=e.params,n=e.body;return(0,i.__awaiter)(this,void 0,Promise,(function(){var e,r,o;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return e=t.boardId,r=t.recordingId,o="".concat(this.baseUrl,"/").concat(e,"/recordings/").concat(r,"/vectors"),[4,this.apiClient.put(o,{body:n})];case 1:return[2,i.sent().data]}}))}))},e}(),Qe=function(){function e(e){this.uploadClient=e}return e.prototype.execute=function(e){var t=e.uploadUrl,n=e.fileChunk;return(0,i.__awaiter)(this,void 0,Promise,(function(){var e;return(0,i.__generator)(this,(function(r){switch(r.label){case 0:return[4,this.uploadClient.put(t,{body:n})];case 1:return e=r.sent().headers,[2,{etag:(i="".concat(e.get("ETag")),i.replace(/^"(.*)"$/,"$1"))}]}var i}))}))},e}(),$e=function(){function e(e,t){this.apiClient=e,this.baseUrl=t}return e.prototype.execute=function(e){var t=e.params,n=e.body;return(0,i.__awaiter)(this,void 0,Promise,(function(){var e,r,o;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return e=t.boardId,r=t.recordingId,o="".concat(this.baseUrl,"/").concat(e,"/recordings/").concat(r),[4,this.apiClient.patch(o,{body:n})];case 1:return[2,i.sent().data]}}))}))},e}(),et=function(e,t,n){this.errorTracker=e,this.authService=t,this.boardRecordingConfig=n,this.baseUrl="".concat(De,"/boards");var r=new Be(this.authService,this.boardRecordingConfig),i=new Ve(this.errorTracker);this.completeUpload=new He(r,this.baseUrl),this.hasRecordings=new je(r,this.baseUrl),this.createMediaUrl=new We(r,this.baseUrl),this.createPreSignedUploadUrls=new Ze(r,this.baseUrl),this.createRecording=new Ge(r,this.baseUrl),this.deleteRecording=new Ye(r,this.baseUrl),this.getRecordings=new Je(r,this.baseUrl),this.getRecording=new Ke(r,this.baseUrl),this.getVectors=new Xe(r,this.baseUrl),this.uploadVectors=new qe(r,this.baseUrl),this.uploadVideoChunk=new Qe(i),this.updateRecording=new $e(r,this.baseUrl)},tt=function(){function e(e,t){this.authService=e,this.clientVersion=t}return Object.defineProperty(e.prototype,"baseUrl",{get:function(){return"".concat(De,"/client-metrics")},enumerable:!1,configurable:!0}),e.prototype.fetchAuthToken=function(){return(0,i.__awaiter)(this,void 0,Promise,(function(){var e;return(0,i.__generator)(this,(function(t){switch(t.label){case 0:return[4,this.authService.getToken()];case 1:return e=t.sent(),[2,"Bearer ".concat(e)]}}))}))},e.prototype.sendError=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t;return(0,i.__generator)(this,(function(n){switch(n.label){case 0:return[4,this.fetchAuthToken()];case 1:return t=n.sent(),[4,fetch("".concat(this.baseUrl,"/log-error"),{method:"POST",headers:{"X-Client-Version":this.clientVersion,"Content-Type":"application/json",authorization:t},body:JSON.stringify({error:e})})];case 2:return n.sent(),[2]}}))}))},e.prototype.sendFlowLatency=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t;return(0,i.__generator)(this,(function(n){switch(n.label){case 0:return[4,this.fetchAuthToken()];case 1:return t=n.sent(),[4,fetch("".concat(this.baseUrl,"/flow-latency"),{method:"POST",headers:{"X-Client-Version":this.clientVersion,"Content-Type":"application/json",authorization:t},body:JSON.stringify(e)})];case 2:return n.sent(),[2]}}))}))},e}();!function(){function e(){this.sendError=jest.fn(),this.sendFlowLatency=jest.fn()}e.prototype.clearMocks=function(){this.sendError.mockClear(),this.sendFlowLatency.mockClear()}}();!function(e){e.NONE="",e.AUTOMATIC="automatic",e.RECORDING_SETTINGS="recording_settings",e.TOP_APP_BAR="top_app_bar",e.RECORDING_LIBRARY="recording_library",e.RECORDING_PLAYBACK="recording_playback",e.RECORDING="recording",e.DIRECT_LINK="direct_link",e.RECORDING_COMPLETION="recording_completion",e.RECORDING_DELETION="recording_deletion",e.ONBOARDING_TIP="onboarding_tip",e.RECORDING_CHUNK_UPLOAD="recording_chunk_upload",e.SNAPSHOT_MODAL="snapshot_modal"}(Le||(Le={}));var nt,rt,it=function(){function e(e,t,n,r){this.boardRecordingApi=e,this.boardMetadata=t,this.currentUser=n,this.latencyTracker=r,this.chunkUploadLatencyTracker=this.latencyTracker.tracker("videoChunkUpload")}return e.prototype.uploadVectors=function(e,t){return(0,i.__awaiter)(this,void 0,Promise,(function(){var n;return(0,i.__generator)(this,(function(r){switch(r.label){case 0:return n=this.boardMetadata.boardId,[4,this.boardRecordingApi.uploadVectors.execute({body:t,params:{boardId:n,recordingId:e}})];case 1:return r.sent(),[2]}}))}))},e.prototype.createRecording=function(e){var t=e.name,n=e.mediaFormat,r=e.mimeType,o=e.durationMs;return(0,i.__awaiter)(this,void 0,Promise,(function(){var e,a;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return e=this.boardMetadata.boardId,a=this.currentUser.userId,[4,this.boardRecordingApi.createRecording.execute({body:{creatorId:a,name:t,mimeType:r,mediaFormat:n,durationMs:o},params:{boardId:e}})];case 1:return[2,{recordingId:i.sent().id}]}}))}))},e.prototype.uploadVideoRecording=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t,n,r,o,a,s,c;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return t=this.boardMetadata.boardId,n=e.recordingId,r=e.videoFile,o=r.size,[4,this.boardRecordingApi.createPreSignedUploadUrls.execute({body:{fileSizeBytes:o},params:{boardId:t,recordingId:n}})];case 1:return a=i.sent(),s=a.urls,c=a.chunkSizeBytes,[2,this.uploadVideoChunks(r,s,c)]}}))}))},e.prototype.completeRecordingUpload=function(e){var t=e.recordingId,n=e.uploadedVideoParts;return(0,i.__awaiter)(this,void 0,Promise,(function(){var e;return(0,i.__generator)(this,(function(r){switch(r.label){case 0:return e=this.boardMetadata.boardId,[4,this.boardRecordingApi.completeUpload.execute({body:{parts:n},params:{boardId:e,recordingId:t}})];case 1:return r.sent(),[2]}}))}))},e.prototype.uploadVideoChunks=function(e,t,n){return(0,i.__awaiter)(this,void 0,Promise,(function(){var r,o,a,s,c,l,d,u;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:r=[],o=0,i.label=1;case 1:return o=s||this.daysSince(t)=a]}}))}))},e.prototype.canUserRecordAndEditBoard=function(){return!!this.isFeatureEnabled()&&!!this.canUserEditBoard()},e.prototype.isFeatureEnabled=function(){return this.features.isEnabled(st.FeatureNames.BOARD_RECORDING)},e.prototype.canUserEditBoard=function(){return Nt.includes(this.currentUser.userBoardRole)},e.prototype.daysSince=function(e){return(this.time.now()-e.getTime())/1e3/60/60/24},e}(),Dt=function(){function e(e,t,n,r,o,a,s,c){var l=this;this.panels=e,this.errorTracker=t,this.canvas=n,this.time=r,this.userId=o,this.storage=a,this.conditions=s,this.onboardingTip=c,this.handleApplicationInitialized=this.eventHandler((function(){return(0,i.__awaiter)(l,void 0,void 0,(function(){return(0,i.__generator)(this,(function(e){switch(e.label){case 0:return this.panels.isOpen()?[2]:[4,this.conditions.canShowOnboardingTip()];case 1:return e.sent()?(this.onboardingTip.open(rt.FIRST_TIME_VISIT),[3,4]):[3,2];case 2:return[4,this.conditions.canShowContextualTip()];case 3:e.sent()&&this.onboardingTip.open(rt.NEW_CONTENT_NOTIFICATION_THRESHOLD_REACHED),e.label=4;case 4:return[2]}}))}))})),this.handleLibraryClosed=this.eventHandler((function(){return(0,i.__awaiter)(l,void 0,void 0,(function(){return(0,i.__generator)(this,(function(e){switch(e.label){case 0:return[4,this.conditions.canShowOnboardingTip()];case 1:return e.sent()&&this.onboardingTip.open(rt.FIRST_TIME_VISIT),[2]}}))}))})),this.handleInteractedWithOnboardingTip=this.eventHandler((function(){return(0,i.__awaiter)(l,void 0,void 0,(function(){var e,t;return(0,i.__generator)(this,(function(n){switch(n.label){case 0:return e=this.storage.notificationsCount,[4,this.canvas.getWidgetsCountCreatedByUser(this.userId)];case 1:return t=n.sent(),this.storage.notificationsCount=e+1,this.storage.lastMeaningfulInteraction=new Date(this.time.now()),this.storage.lastNotificationWidgetCount=t,[2]}}))}))})),this.handleUploadCompleted=this.eventHandler((function(){return(0,i.__awaiter)(l,void 0,void 0,(function(){return(0,i.__generator)(this,(function(e){return this.storage.lastMeaningfulInteraction=new Date(this.time.now()),[2]}))}))})),this.handleSettingsClosed=this.eventHandler((function(){return(0,i.__awaiter)(l,void 0,void 0,(function(){return(0,i.__generator)(this,(function(e){switch(e.label){case 0:return[4,this.conditions.canShowOnboardingTip()];case 1:return e.sent()&&this.onboardingTip.open(rt.FIRST_TIME_VISIT),[2]}}))}))}))}return e.prototype.eventHandler=function(e){var t=this;return function(){return(0,i.__awaiter)(t,void 0,void 0,(function(){var t;return(0,i.__generator)(this,(function(n){switch(n.label){case 0:return n.trys.push([0,2,,3]),[4,e()];case 1:return n.sent(),[3,3];case 2:return t=n.sent(),this.errorTracker.log(t),[3,3];case 3:return[2]}}))}))}},e}(),Mt=n(925514),Lt=function(){function e(t,n,r){var i=this;this.uiTip=t,this.api=n,this.scheduler=r,this.togglePulsing=function(t){var n={isDisabled:!1,isVisible:!0,isPulsing:t};i.api.ui.update(at.DesktopUIExtensionPointNames.APPBAR,{buttons:n}),t&&i.scheduler.once(e.PULSING_TIMEOUT,(function(){n.isPulsing=!1,i.api.ui.update(at.DesktopUIExtensionPointNames.APPBAR,{buttons:n})}))}}return e.prototype.close=function(){this.uiTip.isOpen(Mt.UITipId.BOARD_RECORDING)&&(this.uiTip.close(Mt.UITipId.BOARD_RECORDING),this.togglePulsing(!1))},e.prototype.open=function(e){this.uiTip.isOpen(Mt.UITipId.BOARD_RECORDING)||this.uiTip.open(Mt.UITipId.BOARD_RECORDING,e)},e.prototype.highlightPlugin=function(){this.togglePulsing(!0)},e.PULSING_TIMEOUT=6e3,e}(),Ut="board-recording.onboarding.notifications-count",zt="board-recording.onboarding.last-meaningful-interaction",Bt=function(e){return"board-recording.onboarding.last-notification.widget-count[board:".concat(e,"]")},Ft="first-time-ux.board-recording.onboardingTip",Vt=function(){function e(e,t){this.store=e,this.boardId=t}return Object.defineProperty(e.prototype,"notificationsCount",{get:function(){var e=this.store.getInt(Ut);return!e&&this.deprecatedFirstTimeUxOnboardingTip?1:null!==e&&void 0!==e?e:0},set:function(e){this.store.setInt(Ut,e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"lastMeaningfulInteraction",{get:function(){return this.store.getDate(zt)||this.deprecatedFirstTimeUxOnboardingTip},set:function(e){this.store.setDate(zt,e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"lastNotificationWidgetCount",{get:function(){var e=this.boardId;return this.store.getInt(Bt(e))},set:function(e){this.store.setInt(Bt(this.boardId),e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"deprecatedFirstTimeUxOnboardingTip",{get:function(){return this.store.getDate(Ft)},enumerable:!1,configurable:!0}),e}(),jt=n(920453),Ht=n(464495),Wt=n(292369),Zt=n(556182),Gt=n.n(Zt),Yt=u().bind(Gt()),Jt=function(e){var t=e.onMount;(0,l.useEffect)(t,[t]);var n=(0,Wt.useTranslator)(Ht.boardRecordingTr);return l.createElement(l.Fragment,null,l.createElement("div",{className:Yt("uiTip-backdrop")},l.createElement("h2",{className:Yt("uiTip-title")},te),l.createElement("img",{className:Yt("intro-image"),src:jt,alt:te})),l.createElement("div",{className:Yt("content-wrapper")},l.createElement("span",{className:Yt("content-title")},n.t("boardRecording.onboardingTip.onboardingContentTitle")),l.createElement("p",{className:Yt("content")},n.t("boardRecording.onboardingTip.onboardingContent"))))},Kt=function(e){var t=new Vt(e.localStorage,e.boardId),n=new At(e.time,e.canvas,e.currentUser,t,e.features),r=new Lt(e.uiTip,e.pluginApi,e.scheduler),i=new Dt(e.panels,e.errorTracker,e.canvas,e.time,e.currentUser.userId,t,n,r),o=function(e,t,n){return{id:Mt.UITipId.BOARD_RECORDING,content:{placement:"bottom",header:{},body:{content:l.createElement(Jt,{onMount:function(){t.highlightPlugin()}})},button:{text:Ht.boardRecordingTr.t("boardRecording.onboardingTip.tryBoardRecordingButton"),onClick:function(){e.openLibrary(Le.ONBOARDING_TIP),n.handleInteractedWithOnboardingTip()}},width:288,onClose:function(){t.close(),n.handleInteractedWithOnboardingTip()}}}}(e.panels,r,i);return{onboardingManager:i,onboardingConditions:n,uiTipHook:o,onboardingTipController:r,onboardingStorage:t}},Xt=function(){function e(e){this.store=e}return e.prototype.getItem=function(e){return this.store.getItem(e)},e.prototype.setItem=function(e,t){this.store.setItem(e,t)},e.prototype.getDate=function(e){var t=this.store.getItem(e);return t?new Date(t):null},e.prototype.setDate=function(e,t){null!==t?this.store.setItem(e,t.toISOString()):this.store.setItem(e,null)},e.prototype.getInt=function(e){var t=this.store.getItem(e);return t?parseInt(t,10):null},e.prototype.setInt=function(e,t){null!==t?this.store.setItem(e,t.toFixed()):this.store.setItem(e,null)},e}(),qt=n(836371),Qt=n(593011),$t=n.n(Qt),en=n(2392),tn=n(704359),nn=n.n(tn),rn=u().bind(nn()),on=0,an=function(e){var t=e.label,n=e.placeholder,r=e.selectedOption,i=e.options,o=e.onChange,a=e.disabled,s=e.dataTestid,c=e.a11y;on+=1;var d=(0,l.useRef)(on),u="".concat("board-recording-dropdown-").concat(d.current),p=i.length>0,h=!0===a||!p;return l.createElement("div",{className:rn("dropdownContainer")},l.createElement("label",{htmlFor:u,className:rn("label")},t),l.createElement(en.SelectDropdown,{className:rn("dropdown","rtb-select rtb-select--secondary-bordered rtb-select--medium rtb-select--fluid"),id:u,dataTestid:s,selectedOption:r,options:i,onChange:o,isDisabled:h,defaultText:n,a11y:c}))},sn={talktrackHelpLink:"TalktrackHelpLink",backButton:"BackToLibrary",camSwitchButton:"CamSwitchButton",micSwitchButton:"MicSwitchButton",videoDropDown:"VideoDropDown",audioDropDown:"AudioDropDown",startRecordingButton:"StartRecordingButton",webcamPreview:"SettingsWebcamPreview"},cn=function(e){var t=e.onChange,n=e.selectedOption,r=e.options,i=e.disabled;return l.createElement(an,{label:"Audio",dataTestid:sn.audioDropDown,placeholder:"Select an audio device",selectedOption:n,options:r,onChange:t,disabled:i})},ln=n(579489),dn=n(835129),un=n.n(dn),pn=u().bind(un()),hn=function(e){var t=e.onClick,n=e.disableAndShowTooltip,r=void 0!==n&&n;return l.createElement(ln.HoverTooltip,{placement:"top",isAvailable:r,containerClassName:pn("tooltipContainer"),trigger:l.createElement("div",{className:pn("buttonContainer")},l.createElement(p.Button,{dataTestid:sn.startRecordingButton,size:"m",theme:"primary",fluid:!0,onClick:t,disabled:r},B))},F)},fn=function(e){var t=e.onChange,n=e.selectedOption,r=e.options,i=e.disabled;return l.createElement(an,{label:"Video",dataTestid:sn.videoDropDown,placeholder:"Select a video device",selectedOption:n,options:r,onChange:t,disabled:i})},gn=n(494301),mn=n(577731),vn=n.n(mn),bn=u().bind(vn()),yn=function(e){var t=e.onIcon,n=e.offIcon,r=e.isOn,o=e.disabled,a=e.onClick,s=e.dataTestid,c=(0,i.__rest)(e,["onIcon","offIcon","isOn","disabled","onClick","dataTestid"]),d=o||r?t:n;return l.createElement(p.Button,(0,i.__assign)({},c,{type:"button","aria-checked":r?"true":"false",role:"switch",className:bn("button"),disabled:o,onClick:a,dataTestid:s,round:"circle",size:"m",theme:o||r?"secondary":"alert"}),l.createElement("div",{className:bn("iconContainer")},l.createElement(gn.SvgIcon,{size:"large"},d)))};function wn(){return wn=Object.assign?Object.assign.bind():function(e){for(var t=1;t.001&&(null===v||void 0===v||v())}),[v]),R=(0,l.useCallback)((function(e){var t=e.currentTarget.error,n=null!==t?"code:".concat(t.code,", message:").concat(t.message):"Unknown error";g(new Error("Webcam error! ".concat(n)))}),[g]);return l.createElement("div",{className:ar("container")},""!==r&&l.createElement(rr,{avatarSrc:r}),x||n?l.createElement("div",{className:ar("videoPreview")},l.createElement("div",{className:ar("hover-overlay-effect")}),x?l.createElement("div",{className:ar("spinnerContainer")},l.createElement(qt.MaterialSpinner,{width:70})):void 0,n?l.createElement("video",{"data-testid":y,src:t,"aria-busy":_?"false":"true","aria-label":"Webcam preview",autoPlay:c,className:ar("video"),height:"176",muted:a,playsInline:!0,width:"176",ref:w,onTimeUpdate:E,onEnded:f,onWaiting:h,onCanPlay:u,onStalled:S,onError:R,onPause:k,onPlay:b}):void 0):void 0)},cr=n(471441),lr=n.n(cr),dr=u().bind(lr()),ur=function(e){var t=e.isFullSize,n=e.children;return l.createElement("div",{className:dr("panel",t&&"full-size-panel")},n)},pr=function(e){var t=e.children;return l.createElement("div",{className:dr("header")},t)},hr=function(e){var t=e.children;return l.createElement("div",{className:dr("content"),"no-prevent-default":"true"},t)},fr=function(e){var t=e.children,n=e.activeIndex,r=void 0===n?1:n,i=e.enableSlidingAnimation;return l.createElement("div",{className:dr("content-switch","active-".concat(r),i&&"enable-transition"),"no-prevent-default":"true"},t)},gr=function(e){var t=e.children;return l.createElement("div",{className:dr("footer")},t)},mr=n(876915),vr=function(e){var t=e.title,n=e.hideBetaTag,r=void 0!==n&&n;return l.createElement("div",{className:dr("header-title")},l.createElement(mr.Title,{className:dr("title"),titleText:t,isDisabled:!0}),r?void 0:l.createElement("div",{className:dr("betaTag")},ee))},br=n(998733),yr=n(390103),wr=n(662307),_r=n(120281);function xr(){return xr=Object.assign?Object.assign.bind():function(e){for(var t=1;t0||m.micDevices.length>0||!v,y=(0,i.__spreadArray)([Oi],m.camDevices,!0),w=(0,i.__spreadArray)([Ni],m.micDevices,!0),_=d.getLastAudioSetting(),x=d.getLastVideoSetting(),E=function(e,t,n){var r,i,o,a,s=(0,l.useState)(),c=s[0],d=s[1],u=(0,l.useState)(),p=u[0],h=u[1],f=e.micDevices,g=e.camDevices,m=null!==(r=f[0])&&void 0!==r?r:Ni,v=null!==(i=g[0])&&void 0!==i?i:Oi,b=null!==(o=null!==c&&void 0!==c?c:t)&&void 0!==o?o:m,y=null!==(a=null!==p&&void 0!==p?p:n)&&void 0!==a?a:v;return{selectedAudio:b,selectAudio:d,selectedVideo:y,selectVideo:h,toggleMic:function(){var e=Ai(t)?t:m;d((function(){return Ai(b)?Ni:e}))},toggleCam:function(){var e=Ai(n)?n:v;h((function(){return Ai(y)?Oi:e}))}}}(m,_?Di(w,_):void 0,x?Di(y,x):void 0),C=E.selectedAudio,S=E.selectAudio,k=E.selectedVideo,R=E.selectVideo,I=E.toggleCam,T=E.toggleMic,P=Ai(C),O=Ai(k),N=C.value,A=k.value;f.setContext({recordingSessionId:d.sessionId,audioIsOn:P,videoIsOn:O}),(0,l.useEffect)((function(){return Mi(n.onRecordingSettingsOpened((function(e){null!==e.recordingSessionId?d.restoreSession(e.recordingSessionId):d.startSession(),f.setContext({recordingSessionId:d.sessionId})})),d.onStreamStart((function(e){h(e)})),d.onStreamEnd((function(){h(void 0)})),d.onRecordingRequested((function(){var e=d.detachActiveStream();n.openRecording(d.sessionId,e,Le.RECORDING_SETTINGS)})),d.onError((function(e){r.log(e)})))}),[r,n,d,f]),(0,l.useEffect)((function(){return function(){d.close()}}),[d]),(0,l.useEffect)((function(){f.opened(n.getLastActionSource())}),[]),(0,l.useEffect)((function(){d.captureAudioDevice(N)}),[d,N]),(0,l.useEffect)((function(){d.captureVideoDevice(A)}),[d,A]);var D=(0,l.useCallback)((function(e){f.interacted("select_audio_option"),S(e)}),[f,S]),M=(0,l.useCallback)((function(e){f.interacted("select_video_option"),R(e)}),[f,R]),L=(0,l.useCallback)((function(){f.interacted("toggle_mic"),T()}),[f,T]),U=(0,l.useCallback)((function(){f.interacted("toggle_cam"),I()}),[f,I]),z=(0,l.useCallback)((function(){f.interacted("start_recording"),d.startRecording()}),[f,d]),B=(0,l.useCallback)((function(){return(0,i.__awaiter)(void 0,void 0,void 0,(function(){return(0,i.__generator)(this,(function(e){return f.interacted("close"),n.close(),c.handleSettingsClosed(),[2]}))}))}),[f,n]),F=(0,l.useCallback)((function(){f.interacted("open_library"),n.openLibrary(Le.RECORDING_SETTINGS)}),[f,n]),V=(0,l.useCallback)((function(e){r.log(e)}),[r]),j=(0,l.useCallback)((function(){f.interacted("help_link")}),[f]);return l.createElement(ki,{isCamOn:O,isMicOn:P,avatarSrc:o.userAvatar,isCamDisabled:0===m.camDevices.length,isMicDisabled:0===m.micDevices.length,isWaitingForMicAndCam:b,webcamSrc:p,onCamChange:U,onMicChange:L,selectedAudioSettings:C,audioSettings:w,onAudioSettingsChange:D,selectedVideoSettings:k,videoSettings:y,onVideoSettingsChange:M,onStartRecording:z,onClose:B,onGoBack:F,onWebcamError:V,onHelpLinkOpened:j})},Ki=function(e){return{id:e,name:"",picture:{size44:"",size180:""}}},Xi=function(){function e(e,t,n,r,i,o,a,s){this.urlHandler=e,this.boardRecordingLibraryService=t,this.clipboardService=n,this.getUserMetadata=r,this.errorTracker=i,this.localStorage=o,this.boardMetadata=a,this.currentUser=s,this.loading=new Fi.default.Signal,this.failed=new Fi.default.Signal,this.finished=new Fi.default.Signal,this.deleteLoading=new Fi.default.Signal,this.deleteFailed=new Fi.default.Signal,this.deleteFinished=new Fi.default.Signal,this.updateFailed=new Fi.default.Signal,this.updateFinished=new Fi.default.Signal}return e.prototype.loadRecordingLibrary=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t,n;return(0,i.__generator)(this,(function(r){switch(r.label){case 0:this.loading.dispatch(),r.label=1;case 1:return r.trys.push([1,3,,4]),[4,this.fetchRecordings()];case 2:return t=r.sent(),this.finished.dispatch(t,e),this.recordings=t,[3,4];case 3:return n=r.sent(),this.failed.dispatch(),n instanceof Ue||this.errorTracker.log(n),[3,4];case 4:return[2]}}))}))},e.prototype.getRecording=function(e){var t;return null===(t=this.recordings)||void 0===t?void 0:t.find((function(t){return t.id===e}))},e.prototype.getRecordingIndex=function(e){var t,n;return null!==(n=null===(t=this.recordings)||void 0===t?void 0:t.findIndex((function(t){return t.id===e})))&&void 0!==n?n:-1},e.prototype.onLoading=function(e){return ji(this.loading,e)},e.prototype.onFailed=function(e){return ji(this.failed,e)},e.prototype.onFinished=function(e){return ji(this.finished,e)},e.prototype.getRecordings=function(){return this.recordings},e.prototype.copyPreviewRecordingUrl=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t;return(0,i.__generator)(this,(function(n){switch(n.label){case 0:return t=this.urlHandler.getPlaybackUrl(e),[4,this.clipboardService.writeText(t)];case 1:return n.sent(),[2]}}))}))},e.prototype.getUniqueCreatorIds=function(e){var t=new Set;return e.forEach((function(e){var n=e.creatorId;t.add(n)})),Array.from(t)},e.prototype.fetchCreatorsMetadata=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t,n,r,o=this;return(0,i.__generator)(this,(function(a){switch(a.label){case 0:return t=this.getUniqueCreatorIds(e),[4,Promise.allSettled(t.map((function(e){return(0,i.__awaiter)(o,void 0,void 0,(function(){return(0,i.__generator)(this,(function(t){return[2,this.getUserMetadata(e).then((function(t){return null!==t&&void 0!==t?t:Ki(e)}))]}))}))})))];case 1:return n=a.sent().filter((function(e){return"fulfilled"===e.status})),r={},n.forEach((function(e){var t=e.value;r[t.id]=t})),[2,r]}}))}))},e.prototype.fetchRecordings=function(){return(0,i.__awaiter)(this,void 0,Promise,(function(){var e,t,n,r=this;return(0,i.__generator)(this,(function(o){switch(o.label){case 0:return[4,this.boardRecordingLibraryService.getRecordings()];case 1:return e=o.sent().recordings,[4,this.fetchCreatorsMetadata(e)];case 2:return t=o.sent(),n=this.getLastVisited(),[2,e.map((function(e){var o,a,s,c=t[e.creatorId],l=new Date(e.createdAt);return(0,i.__assign)((0,i.__assign)({},e),{creatorName:null!==(o=null===c||void 0===c?void 0:c.name)&&void 0!==o?o:"",creatorPicture:null!==(s=null===(a=null===c||void 0===c?void 0:c.picture)||void 0===a?void 0:a.size180)&&void 0!==s?s:"",createdAtDate:l,isUnseen:r.currentUser.userId!==e.creatorId&&(void 0===n||l>n)})}))]}}))}))},e.prototype.deleteRecording=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){return(0,i.__generator)(this,(function(t){switch(t.label){case 0:this.deleteLoading.dispatch(),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,this.boardRecordingLibraryService.deleteRecording(e)];case 2:return t.sent(),this.deleteFinished.dispatch(),[3,4];case 3:return t.sent(),this.deleteFailed.dispatch(),[3,4];case 4:return[2]}}))}))},e.prototype.onDeleteLoading=function(e){return ji(this.deleteLoading,e)},e.prototype.onDeleteFailed=function(e){return ji(this.deleteFailed,e)},e.prototype.onDeleteFinished=function(e){return ji(this.deleteFinished,e)},e.prototype.updateRecording=function(e,t){return(0,i.__awaiter)(this,void 0,Promise,(function(){return(0,i.__generator)(this,(function(n){switch(n.label){case 0:return n.trys.push([0,2,3,5]),[4,this.boardRecordingLibraryService.updateRecording(e,t)];case 1:return n.sent(),this.updateFinished.dispatch(),[3,5];case 2:return n.sent(),this.updateFailed.dispatch(),[3,5];case 3:return[4,this.loadRecordingLibrary()];case 4:return n.sent(),[7];case 5:return[2]}}))}))},e.prototype.onUpdateFinished=function(e){return ji(this.updateFinished,e)},e.prototype.onUpdateFailed=function(e){return ji(this.updateFailed,e)},e.prototype.getLastVisitedKey=function(){return"".concat("board-recording-library-last-visited","-").concat(this.boardMetadata.boardId)},e.prototype.getLastVisited=function(){var e=this.localStorage.getItem(this.getLastVisitedKey());return e?new Date(e):void 0},e.prototype.logVisit=function(e){this.localStorage.setItem(this.getLastVisitedKey(),e)},e.prototype.hasNewRecordings=function(){return(0,i.__awaiter)(this,void 0,Promise,(function(){var e;return(0,i.__generator)(this,(function(t){return e=this.getLastVisited(),[2,this.boardRecordingLibraryService.hasRecordings(null===e||void 0===e?void 0:e.toISOString())]}))}))},e}(),qi=n(165631),Qi=function(e){return Math.floor(e%60).toString().padStart(2,"0")},$i=function(e){return Math.floor(e/60).toString()},eo=function(e){var t=Qi(e),n=$i(e).padStart(2,"0");return"".concat(n,":").concat(t)},to=n(477715),no=n(189661),ro=n(49435),io=n.n(ro),oo=u().bind(io()),ao={},so={minWidth:"104px"},co=function(e){var t=e.onDelete,n=e.onRename,r=e.dataTestId,i=e.onSnapshotOpen,o=e.onCopy,a=e.canUpdate,s=e.isRecordingSnapshotEnabled,c=(0,l.useState)(!1),d=c[0],u=c[1],p=(0,l.useCallback)((function(){u(!0)}),[]),h=(0,l.useCallback)((function(){u(!1)}),[]);return l.createElement(to.DropdownMenu,{open:d,onOpen:p,onClose:h},l.createElement(to.DropdownMenu.Trigger,{asChild:!0,UNSAFE_style:ao},l.createElement(br.IconButton,{dataTestid:r,size:"medium",className:oo("threeDotsButton")},l.createElement(gn.SvgIcon,{size:"medium"},l.createElement(no.default,null)))),l.createElement(to.DropdownMenu.Portal,null,l.createElement(to.DropdownMenu.Content,{UNSAFE_style:so,align:"end",onEscapeKeyDown:h},a?l.createElement(l.Fragment,null,l.createElement(to.DropdownMenu.Item,{UNSAFE_style:ao,onSelect:n},he),l.createElement(to.DropdownMenu.Item,{UNSAFE_style:ao,onSelect:t},pe)):void 0,s?l.createElement(to.DropdownMenu.Item,{UNSAFE_style:ao,onSelect:i},fe):void 0,l.createElement(to.DropdownMenu.Item,{UNSAFE_style:ao,onSelect:o},E))))},lo=n(834544),uo=n.n(lo),po=u().bind(uo()),ho=(0,l.memo)((function(e){var t=e.name,n=e.value,r=e.onChange,i=e.onSubmit,o=e.dataTestId,a=(0,l.useRef)(null);(0,l.useEffect)((function(){var e,t,n;null===(e=a.current)||void 0===e||e.setSelectionRange(0,0),null===(t=a.current)||void 0===t||t.focus(),null===(n=a.current)||void 0===n||n.select()}),[]);var s=(0,l.useCallback)((function(e){var t=e.target.value;r(t)}),[r]),c=(0,l.useCallback)((function(e){var t=e.target.value;i(t)}),[i]),d=(0,l.useCallback)((function(e){"Enter"===e.key&&i(e.currentTarget.value)}),[i]);return l.createElement("input",{ref:a,"aria-label":t,name:t,className:po("input"),type:"input",autoComplete:"off",value:n,onChange:s,onBlur:c,onKeyDown:d,"data-testid":o})})),fo=u().bind(uo()),go=(0,l.memo)((function(e){var t=e.id,n=e.title,r=e.canRename,i=e.isRenameActive,o=e.updateTitle,a=e.setIsRenameActive,s=e.dataTestId,c=(0,l.useState)(n),d=c[0],u=c[1],p=(0,l.useCallback)((function(){r&&a(!0)}),[a,r]),h=(0,l.useCallback)((function(e){u(e)}),[]),f=(0,l.useCallback)((function(e){var t=e.trim();a(!1),t===n||""===t?u(n):(o(t),u(t))}),[o,a,n]),g=function(e){return"recording-title-".concat(e)}(t);return l.createElement(l.Fragment,null,i?l.createElement(ho,{name:g,dataTestId:s,value:d,onChange:h,onSubmit:f}):l.createElement(li.NoDom,{hmTap:p},l.createElement("div",{tabIndex:0,"data-testid":s,role:"button",className:fo("title",r&&"canRename")},l.createElement("span",{title:d},d))))})),mo=n(432750),vo=n.n(mo),bo=u().bind(vo()),yo=function(e){var t=e.imageUrl,n=e.name,r=e.author,i=e.id,o=e.createdAt,a=e.copyLink,s=e.onPlay,c=e.onDelete,d=e.onUpdate,u=e.canUpdate,h=e.fallbackIcon,f=e.durationMs,g=e.isUnseen,m=e.isRecordingSnapshotEnabled,v=e.onSnapshotOpen,b=(0,l.useCallback)((function(){a(i)}),[a,i]),y=(0,l.useCallback)((function(){s(i)}),[s,i]),w=(0,l.useCallback)((function(e){e.stopPropagation()}),[]),_=(0,l.useCallback)((function(){c(i)}),[c,i]),x=Me(f)?void 0:f/1e3,C=(0,l.useCallback)((function(e){d(i,e)}),[d,i]),S=(0,l.useCallback)((function(){var e=x?function(e){var t=Math.floor(e%60).toString(),n=$i(e);return"0"===n?"".concat(t," sec"):"".concat(n," min")}(x):void 0,t="".concat(n," \u2022 ").concat(null!==e&&void 0!==e?e:"-"," \u2022 ").concat(r);v(i,t)}),[v,i,n,x,r]),k=(0,l.useState)(!1),R=k[0],I=k[1],T=(0,l.useCallback)((function(){I(!0)}),[]),P=Wn.card(i);return l.createElement(li.NoDom,{hmTap:y},l.createElement("div",{className:bo("playButtonContainer"),"data-testid":P.playButton,tabIndex:0,role:"button"},l.createElement("div",{className:bo("playContainer")},g?l.createElement("div",{className:bo("newRecordingMarker")}):void 0,l.createElement("div",{className:bo("imageContainer")},l.createElement("div",{className:bo("playIconContainer")},l.createElement(gn.SvgIcon,{size:"toolbar"},l.createElement(kr.default,null))),void 0!==t?l.createElement("img",{className:bo("recordingImage"),src:t,alt:n}):l.createElement(gn.SvgIcon,{className:bo("fallbackIcon")},h)),l.createElement("div",{className:bo("duration")},void 0!==x?l.createElement("div",{className:bo("time")},function(e){var t=Qi(e),n=$i(e);return"".concat(n,":").concat(t)}(x)):void 0)),l.createElement("div",{className:bo("metaInfo")},l.createElement("div",{className:bo("description")},l.createElement("div",{className:bo("author")},l.createElement("span",null,r)),l.createElement(li.NoDom,{hmTap:w},l.createElement("div",null,l.createElement(go,{title:n,id:i,updateTitle:C,canRename:u,isRenameActive:R,setIsRenameActive:I,dataTestId:P.titleField})))),l.createElement(li.NoDom,{hmTap:w},l.createElement("div",{className:bo("controls")},l.createElement(p.Button,{className:bo("copyButton"),size:"xs",round:"circle",theme:"secondary",onClick:b,dataTestid:P.copyButton},E),o?l.createElement("div",{className:bo("date")},o.toLocaleDateString("eu",{year:"numeric",month:"short",day:"numeric"})):void 0,l.createElement("div",{className:bo("actionsMenu")},(u||m)&&l.createElement(co,{dataTestId:P.actionsMenu,onDelete:_,onRename:T,onSnapshotOpen:S,onCopy:b,canUpdate:u,isRecordingSnapshotEnabled:m})))))))},wo=n(160111),_o=n(634855),xo=n.n(_o),Eo=u().bind(xo()),Co=function(e){var t=e.onCancel,n=e.onRetry;return l.createElement("div",{className:Eo("container")},l.createElement("div",{className:Eo("generalInfo")},l.createElement("div",{className:Eo("avatarContainer")},l.createElement("div",{className:Eo("avatarPlaceholder")}),l.createElement(gn.SvgIcon,{size:"large",className:Eo("warningIcon"),isInline:!0},l.createElement(wo.default,null))),l.createElement("div",{className:Eo("description")},l.createElement("div",{className:Eo("error")},W),l.createElement("div",{className:Eo("errorDescription")},Z))),l.createElement("div",{className:Eo("controls")},l.createElement("div",{className:Eo("duration")},l.createElement("div",{className:Eo("timerPlaceholder")})),l.createElement(p.Button,{className:Eo("retryButton"),size:"xs",round:"circle",onClick:n},C),l.createElement(p.Button,{className:Eo("cancelButton"),size:"xs",round:"circle",theme:"secondary",onClick:t},S)))},So=n(980179),ko=n.n(So),Ro=u().bind(ko()),Io=function(){return l.createElement("div",{className:Ro("container")},l.createElement("div",{className:Ro("generalInfo")},l.createElement("div",{className:Ro("avatarContainer")},l.createElement("div",{className:Ro("avatarPlaceholder")}),l.createElement(qt.MaterialSpinner,{className:Ro("spinner")})),l.createElement("div",{className:Ro("description")},l.createElement("div",{className:Ro("author")}),l.createElement("div",{className:Ro("title")}))),l.createElement("div",{className:Ro("controls")},l.createElement("div",{className:Ro("duration")},l.createElement("div",{className:Ro("timer")})),l.createElement("div",{className:Ro("copy")}),l.createElement("div",{className:Ro("date")})))},To=n(977731),Po=n.n(To);function Oo(){return Oo=Object.assign?Object.assign.bind():function(e){for(var t=1;t0&&0===(null===r||void 0===r?void 0:r.length),T.current=null!==(e=null===r||void 0===r?void 0:r.length)&&void 0!==e?e:0}),[null===r||void 0===r?void 0:r.length]),l.createElement(ur,{isFullSize:!0},l.createElement(pr,null,l.createElement(vr,{title:X}),l.createElement(ii,{feedbackWidget:v}),l.createElement(pi,{href:R,onPressed:m,testId:Wn.talktrackHelpLink}),l.createElement(ri,{onClose:n})),l.createElement(fr,{enableSlidingAnimation:I.current,activeIndex:x?0:1},l.createElement(hr,null,l.createElement(Bo,null)),l.createElement(hr,null,C?l.createElement(Co,{onRetry:h,onCancel:f}):void 0,S?l.createElement(Io,null):void 0,l.createElement(qi.TransitionGroup,null,null===r||void 0===r?void 0:r.map((function(e){var t=e.name,n=e.id,r=e.creatorName,s=e.creatorPicture,c=e.isUnseen,u=e.createdAtDate,p=e.creatorId,h=e.durationMs;return l.createElement(qi.CSSTransition,{key:n,timeout:600,classNames:{exit:Vo("recording-card-exit"),exitActive:Vo("recording-card-exit-active")}},l.createElement(yo,{key:n,name:t,id:n,author:r||y,imageUrl:s||Fo,createdAt:u,fallbackIcon:l.createElement(Ao,null),copyLink:i,onPlay:o,onDelete:a,canUpdate:E||d.userId===p,onUpdate:g,durationMs:h,isUnseen:c,isRecordingSnapshotEnabled:b,onSnapshotOpen:w}))}))))),l.createElement(gr,null,l.createElement(p.Button,{fluid:!0,onClick:s,className:Vo("startRecordingButton")},$)))},Zo=n(963531),Go=n(368195),Yo=function(){function e(){this.comment="",this.type="board_recording"}return e.prototype.getCaption=function(){return ne},e.prototype.getParams=function(){return{type:this.type,value:this.value,comment:this.comment}},e.prototype.getAchievement=function(){return Go.CommonAchievements.BOARD_RECORDING_FEEDBACK_SENT},e}(),Jo=n(601942),Ko=n.n(Jo),Xo=u().bind(Ko()),qo=function(){return{type:"board_recording"}},Qo=function(e){var t=e.feedback,n=(0,l.useMemo)((function(){return new Yo}),[]),r=(0,l.useCallback)((function(){t.send(n.getParams())}),[t,n]);return l.createElement(Zo.Feedback,{className:Xo("feedbackWidget"),type:"sidebar",rate:n,tooltipText:re,tooltipPlacement:"bottom",sendFeedback:r,createRate:qo})},$o=function(e){function t(t){var n=e.call(this,t)||this;return n.state={hasError:!1},n}return(0,i.__extends)(t,e),t.getDerivedStateFromError=function(){return{hasError:!0}},t.prototype.componentDidCatch=function(e,t){this.props.errorTracker.log({name:e.name,message:e.message,stack:e.stack,context:{errorInfo:t}})},t.prototype.render=function(){var e=this.state.hasError,t=this.props,n=t.fallback,r=t.children;return l.createElement(l.Fragment,null,e?n:r)},t}(l.Component),ea=n(931952),ta=n.n(ea),na=u().bind(ta()),ra=function(e){var t=e.onClose,n=e.isFullSize;return l.createElement(ur,{isFullSize:n},l.createElement(hr,null,l.createElement("div",{className:na("container")},l.createElement("div",{className:na("message")},z),l.createElement(p.Button,{size:"s",theme:"secondary",onClick:t},"Close panel"))))},ia=function(){function e(e){this.stats=e,this.context={sessionId:"",loadingState:"loading",numOfRecordings:0,numOfUploads:0}}return e.prototype.setContext=function(e){this.context=(0,i.__assign)((0,i.__assign)({},this.context),e)},e.prototype.interacted=function(e){this.stats.sendApiEvent("board_recording_library_interacted",(0,i.__assign)({action_type:e},this.params))},e.prototype.opened=function(e){this.stats.sendApiEvent("board_recording_library_opened",this.paramsWith({action_source:e}))},e.prototype.loaded=function(){this.stats.sendApiEvent("board_recording_library_loaded",this.params)},e.prototype.failedToLoad=function(){this.stats.sendApiEvent("board_recording_library_failed_to_load",this.params)},e.prototype.uploadFailed=function(){this.stats.sendApiEvent("board_recording_library_upload_failed",this.params)},e.prototype.recording=function(e,t,n,r){var o=this.stats,a=(0,i.__assign)({recording_id:e,recording_row_num:t,recording_created_at:n,recording_creator_id:r},this.params);return{interacted:function(e){o.sendApiEvent("board_recording_library_recording_card_interacted",(0,i.__assign)((0,i.__assign)({},a),{action_type:e}))},deleteFailed:function(){o.sendApiEvent("board_recording_library_recording_card_delete_failed",a)},deleteSuccess:function(){o.sendApiEvent("board_recording_library_recording_card_delete_success",a)}}},Object.defineProperty(e.prototype,"params",{get:function(){var e=this.context;return{screen:"library",library_session_id:e.sessionId,loading_state:e.loadingState,num_of_recordings:e.numOfRecordings,num_of_uploads:e.numOfUploads}},enumerable:!1,configurable:!0}),e.prototype.paramsWith=function(e){return(0,i.__assign)((0,i.__assign)({},this.params),e)},e}();!function(e){e.Initial="Initial",e.Loading="Loading",e.Failed="Failed",e.Finished="Finished"}(jo||(jo={}));var oa,aa=Le.RECORDING_LIBRARY,sa=function(e){var t=e.panels,n=e.library,r=e.uploads,o=e.analyticsSender,a=e.dialogs,s=e.notifier,c=e.feedback,d=e.errorTracker,u=e.currentUser,p=e.onboardingManager,h=e.latencyTracker,f=e.features,g=e.snapshotModal,m=e.boardMetadata,v=(0,l.useMemo)((function(){return new ia(o)}),[o]),b=(0,l.useMemo)((function(){return(0,Vi.default)()}),[]),y=(0,l.useState)(n.getRecordings()),w=y[0],_=y[1],x=(0,l.useState)(jo.Initial),E=x[0],C=x[1],S=(0,l.useState)(Mo.NoActiveUploads),k=S[0],R=S[1];v.setContext({sessionId:b});var I=(0,l.useCallback)((function(e){var t=n.getRecording(e),r=n.getRecordingIndex(e),i=t.createdAt,o=t.creatorId;return v.recording(e,r,i,o)}),[n,v]),P=(0,l.useCallback)((function(e){return(0,i.__awaiter)(void 0,void 0,Promise,(function(){return(0,i.__generator)(this,(function(t){switch(t.label){case 0:return I(e).interacted("copy_link"),[4,n.copyPreviewRecordingUrl(e)];case 1:return t.sent(),s.send(T,rt.LINK_COPIED),[2]}}))}))}),[I,n,s]),O=(0,l.useMemo)((function(){return h.tracker("libraryLoaded")}),[h]),N=f.isEnabled(st.FeatureNames.BOARD_RECORDING_SNAPSHOT);(0,l.useEffect)((function(){return v.opened(t.getLastActionSource()),n.loadRecordingLibrary(!0),O.start(),function(){n.logVisit((new Date).toISOString())}}),[v,n,t,O]),(0,l.useEffect)((function(){return Mi(n.onLoading((function(){v.setContext({loadingState:"loading",numOfRecordings:0}),C(jo.Loading)})),n.onFinished((function(e,n){v.setContext({numOfRecordings:null===e||void 0===e?void 0:e.length,loadingState:"finished"}),v.loaded(),_(e),C(jo.Finished),n&&O.finish({actionSource:t.getLastActionSource(),numberOfRecordings:(null===e||void 0===e?void 0:e.length)||0})})),n.onFailed((function(){v.setContext({numOfRecordings:0,loadingState:"failed"}),v.failedToLoad(),C(jo.Failed)})),n.onDeleteFailed((function(){s.send(U,rt.LIBRARY_DELETION_FAILED)})),n.onDeleteFinished((function(){s.send(L,rt.LIBRARY_DELETION_COMPLETED),n.loadRecordingLibrary()})),r.onStarted((function(){R(Mo.Uploading),v.setContext({numOfUploads:0})})),r.onFailed((function(){R(Mo.Failed),v.uploadFailed(),v.setContext({numOfUploads:0})})),r.onFinished((function(){R(Mo.NoActiveUploads),v.setContext({numOfUploads:0}),p.handleUploadCompleted(),n.loadRecordingLibrary()})),r.onCancel((function(){v.setContext({numOfUploads:0}),R(Mo.NoActiveUploads)})))}),[t,v,n,r,s,O,p,N]);var A=(0,l.useCallback)((function(e){return(0,i.__awaiter)(void 0,void 0,void 0,(function(){var t;return(0,i.__generator)(this,(function(r){return(t=I(e)).interacted("delete"),a.confirm({reason:rt.RECORDING_LIBRARY_DELETION_ATTEMPT,title:D,description:M,confirm:function(){return(0,i.__awaiter)(this,void 0,void 0,(function(){return(0,i.__generator)(this,(function(r){switch(r.label){case 0:return t.interacted("delete_confirm"),[4,n.deleteRecording(e)];case 1:return r.sent(),[2]}}))}))},abort:function(){t.interacted("delete_abort")}}),[2]}))}))}),[a,I,n]),z=(0,l.useCallback)((function(){return(0,i.__awaiter)(void 0,void 0,void 0,(function(){return(0,i.__generator)(this,(function(e){return v.interacted("cancel_upload"),a.confirm({reason:rt.CANCEL_UPLOAD_ATTEMPT,title:J,description:K,confirm:function(){v.interacted("cancel_upload_confirm"),r.cancelFailedUpload()},abort:function(){v.interacted("cancel_upload_abort")}}),[2]}))}))}),[v,a,r]),B=(0,l.useCallback)((function(e,t){I(e).interacted("play_snapshot"),g.open(m.boardId,e,t)}),[g,m,I]),F=(0,l.useCallback)((function(){v.interacted("retry_upload"),r.retryUpload()}),[v,r]),V=(0,l.useCallback)((function(e){I(e).interacted("play"),t.openPlayback(e,!0,aa)}),[t,I]),j=(0,l.useCallback)((function(){v.interacted("back_to_settings"),t.openSettings(aa)}),[v,t]),H=(0,l.useCallback)((function(){v.interacted("try_recording"),t.openSettings(aa)}),[v,t]),W=(0,l.useCallback)((function(e,t){I(e).interacted("change_name"),n.updateRecording(e,t)}),[n,I]),Z=(0,l.useCallback)((function(){return(0,i.__awaiter)(void 0,void 0,void 0,(function(){return(0,i.__generator)(this,(function(e){return v.interacted("close"),t.close(),p.handleLibraryClosed(),[2]}))}))}),[t,v,p]),G=(0,l.useCallback)((function(){v.interacted("help_link")}),[v]);return l.createElement($o,{errorTracker:d,fallback:l.createElement(ra,{onClose:Z,isFullSize:!0})},l.createElement(Wo,{onCreateRecording:j,onTryBoardRecording:H,onClose:Z,recordings:w,status:E,onPlay:V,copyLink:P,currentUser:u,onDelete:A,uploadStatus:k,onUploadCancel:z,onUploadRetry:F,onRecordingUpdate:W,onHelpLinkOpened:G,feedbackWidget:l.createElement(Qo,{feedback:c}),onSnapshotOpen:B,isRecordingSnapshotEnabled:N}))},ca=function(){function e(e){this.boardRecordingUploadService=e,this.recordingCreated=new Fi.default.Signal,this.recordingUploadStarted=new Fi.default.Signal,this.recordingUploadFinished=new Fi.default.Signal,this.uploadFailed=new Fi.default.Signal,this.cancelUpload=new Fi.default.Signal,this.error=new Fi.default.Signal,this.activeUploads=new Map}return e.prototype.start=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t,n,r,o,a=this;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return t=e.recordingSessionId,n=e.temporaryRecordingId,r=this.uploadRecording(e).finally((function(){a.activeUploads.delete(n)})),o={recordingSessionId:t,temporaryRecordingId:n,uploadJob:r},this.activeUploads.set(n,o),this.recordingUploadStarted.dispatch(o),[4,r];case 1:return i.sent(),[2]}}))}))},e.prototype.uploadRecording=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t,n,r,o,a,s,c,l,d,u,p,h;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:t=e.recordingSessionId,n=e.temporaryRecordingId,r=e.media,o=e.viewports,a=e.cursors,s=e.name,c=e.mediaFormat,l=e.mimeType,d=e.durationMs,u=null,i.label=1;case 1:return i.trys.push([1,6,,7]),[4,this.boardRecordingUploadService.createRecording({name:s,mediaFormat:c,mimeType:l,durationMs:d})];case 2:return p=i.sent().recordingId,u=p,this.recordingCreated.dispatch({recordingId:p,recordingSessionId:t,temporaryRecordingId:n}),[4,this.boardRecordingUploadService.uploadVideoRecording({recordingId:p,videoFile:r})];case 3:return h=i.sent(),[4,this.boardRecordingUploadService.uploadVectors(p,{viewports:o,cursors:a})];case 4:return i.sent(),[4,this.boardRecordingUploadService.completeRecordingUpload({recordingId:p,uploadedVideoParts:h})];case 5:return i.sent(),this.recordingUploadFinished.dispatch({recordingId:p,recordingSessionId:t,temporaryRecordingId:n}),[3,7];case 6:return i.sent(),this.failedRecording=e,this.uploadFailed.dispatch({recordingId:u,recordingSessionId:t,temporaryRecordingId:n}),[3,7];case 7:return[2]}}))}))},e.prototype.isFailedRecording=function(){return void 0!==this.failedRecording},e.prototype.retryUpload=function(){return(0,i.__awaiter)(this,void 0,Promise,(function(){var e,t;return(0,i.__generator)(this,(function(n){switch(n.label){case 0:if(void 0===(e=this.failedRecording))throw t=new Error("Retry upload failed because failedRecording does not exist"),this.error.dispatch(t),t;return this.cleanupFailedRecording(),[4,this.start(e)];case 1:return n.sent(),[2]}}))}))},e.prototype.cancelFailedUpload=function(){this.cleanupFailedRecording(),this.cancelUpload.dispatch()},e.prototype.cleanupFailedRecording=function(){this.failedRecording=void 0},e.prototype.onStarted=function(e){return this.activeUploads.forEach((function(t){e(t)})),ji(this.recordingUploadStarted,e)},e.prototype.onRecordingCreated=function(e){return ji(this.recordingCreated,e)},e.prototype.onFinished=function(e){return ji(this.recordingUploadFinished,e)},e.prototype.onFailed=function(e){return ji(this.uploadFailed,e)},e.prototype.onCancel=function(e){return ji(this.cancelUpload,e)},e.prototype.onError=function(e){return ji(this.error,e)},e}(),la=n(336648),da=n(192275),ua=n(261050),pa=n.n(ua),ha=u().bind(pa()),fa=function(e){var t=e.mainButton,n=e.progressBar,r=e.toolbarButtons;return l.createElement("div",{className:ha("container")},l.createElement("div",{className:ha("main-button")},t),n,l.createElement(da.Toolbar,{asChild:!0,unstyled:!0},l.createElement("div",{className:ha("toolbar-buttons")},r)))},ga=n(896153),ma=n.n(ga),va=n(986738),ba=n.n(va),ya=[.5,1,1.2,1.5,2];!function(e){e[e.HALF=.5]="HALF",e[e.ONE=1]="ONE",e[e.ONE_TWO=1.2]="ONE_TWO",e[e.ONE_FIVE=1.5]="ONE_FIVE",e[e.TWO=2]="TWO"}(oa||(oa={}));var wa,_a,xa,Ea=(0,l.forwardRef)((function(e,t){var n=e.dataTestId,r=e.label,i=e.onPress,o=e.icon,a=e.iconSize,s=e.color,c=e.active,d=e.iconClassName;return l.createElement(da.Toolbar.Icon,{asChild:!0,onPress:i,ref:t,active:c},l.createElement(br.IconButton,{type:"button",tooltipText:r,size:"toolbar",color:s,fullSizeBadge:!0},l.createElement(gn.SvgIcon,{"aria-label":r,dataTestId:n,size:a,className:d},o)))})),Ca=function(e){switch(e){case oa.HALF:return l.createElement(ni.HalfRate,null);case oa.ONE_TWO:return l.createElement(ni.OneTwoRate,null);case oa.ONE_FIVE:return l.createElement(ni.OneFiveRate,null);case oa.TWO:return l.createElement(ni.TwoRate,null);case oa.ONE:return l.createElement(ni.OneRate,null);default:throw new Error("Playback Rate not found")}},Sa=n(334391),ka=n.n(Sa),Ra=u().bind(ka()),Ia=(0,l.memo)((function(e){var t=e.playbackRate,n=e.toggleIsPlaybackRateOpen,r=e.setPlaybackRate,i=(0,l.useCallback)((function(){r(t),n()}),[r,t,n]);return l.createElement(li.NoDom,{hmTapDown:i},l.createElement("button",{key:t,type:"button",className:Ra("rtb-btn","rate-button")},t))})),Ta=u().bind(ba()),Pa=(0,l.memo)((0,l.forwardRef)((function(e,t){var n=e.playbackRate,r=e.isPlaybackRateOpen,i=e.toggleIsPlaybackRateOpen,o=e.setPlaybackRate;return l.createElement("div",null,l.createElement(Ea,{active:r,onPress:i,ref:t,dataTestId:"playback-rate-switch",icon:Ca(n),iconClassName:Ta("play-rate-icon"),label:de}),l.createElement(qi.CSSTransition,{mountOnEnter:!0,unmountOnExit:!0,in:r,classNames:"playback-rate-container",timeout:250},l.createElement("div",{className:Ta("playback-rate-selection","rtb-btn-group","rtb-btn-group--horizontal","rtb-btn-group--small")},ya.map((function(e){return l.createElement(Ia,{key:e,playbackRate:e,setPlaybackRate:o,toggleIsPlaybackRateOpen:i})})))))}))),Oa=(0,l.forwardRef)((function(e,t){var n=e.onClose;return l.createElement(Ea,{ref:t,icon:l.createElement(ni.Close,null),onPress:n,label:m,dataTestId:qn})})),Na=u().bind(ma()),Aa=(0,l.forwardRef)((function(e,t){var n=e.muted,r=e.onToggle;return l.createElement(Ea,{key:n?"unmute":"mute",ref:t,icon:n?l.createElement(ni.SoundOff,null):l.createElement(ni.Sound,null),iconClassName:Na(".toggle-mute-icon"),onPress:r,label:n?b:v,dataTestId:Qn})})),Da="PauseRecordingButton",Ma="RestartRecordingButton",La="PlayRecordingButton",Ua=function(e,t,n,r){return l.createElement(li.NoDom,{hmTapDown:t},l.createElement(br.IconButton,{dataTestid:r,color:"primary",tooltipText:e,size:"toolbar",fullSizeBadge:!0},l.createElement(gn.SvgIcon,{size:"xlarge"},n)))},za=function(e){var t=e.completed,n=e.playing,r=e.onRestart,i=e.onPause,o=e.onPlay;return t?Ua("Restart",r,l.createElement(ni.Restart,null),Ma):n?Ua("Pause",i,l.createElement(ni.Pause,null),Da):Ua("Play",o,l.createElement(ni.Play,null),La)},Ba=n(515301),Fa=n.n(Ba),Va=u().bind(Fa()),ja=l.createElement("div",{className:Va("icon-container")},l.createElement(gn.SvgIcon,{className:Va("icon")},l.createElement(ni.Cursor,null))),Ha=(0,l.memo)((function(e){var t=e.onPress,n=e.userName,r=e.active,i="Return to ".concat(n?n.split(" ")[0]:"Presenter");return l.createElement(qi.CSSTransition,{in:r,unmountOnExit:!0,timeout:1e3,classNames:Va("follow-tip-container")},l.createElement(bt,{className:Va("follow-tip-position")},l.createElement(li.NoDom,{hmTapDown:t},l.createElement("button",{"data-testid":Zn.followBack,className:Va("follow-tip"),type:"button"},ja,l.createElement("div",{className:Va("text-tip")},i)))))})),Wa=u().bind(ma()),Za=function(e){var t=e.title,n=e.playing,r=e.completed,i=e.following,o=e.onPlay,a=e.onRestart,s=e.onPause,c=e.onClose,d=e.onToggleFollowing,u=e.creatorName,p=e.playbackRate,h=e.isPlaybackRateOpen,f=e.toggleIsPlaybackRateOpen,g=e.setPlaybackRate,m=e.progressBar,v=e.muted,b=e.onToggleMuted,y=e.hideCloseButton,w=l.createElement(za,{playing:n,completed:r,onPause:s,onPlay:o,onRestart:a}),_=l.createElement(l.Fragment,null,l.createElement(Pa,{playbackRate:p,isPlaybackRateOpen:h,toggleIsPlaybackRateOpen:f,setPlaybackRate:g}),l.createElement(Aa,{muted:v,onToggle:b}),y?null:l.createElement(Oa,{onClose:c}));return l.createElement(l.Fragment,null,l.createElement(Ha,{active:!i,userName:u,onPress:d}),l.createElement(bt,{className:Wa("playback-bar-position")},l.createElement(fa,{mainButton:w,toolbarButtons:_,title:t,progressBar:m})),l.createElement(bt,null,l.createElement(la.FollowingTipLayer,{dataTestid:Zn.followingTipLayer,active:i,name:null!==u&&void 0!==u?u:"",onBackdropWheel:d,onBackdropTap:d})))},Ga=n(584282),Ya=n.n(Ga),Ja=function(e){var t=e.progress,n=e.duration,r=[eo(t),eo(n)].join(" / ");return l.createElement(l.Fragment,null,r)},Ka=u().bind(Ya()),Xa=function(e){return"".concat((100*e).toFixed(2),"%")},qa=function(e){var t=e.playedSeconds,n=e.bufferedSeconds,r=e.durationSeconds,i=e.onJumpToSecond,o=(0,l.useRef)(null),a=t/r,s=n/r,c=(0,l.useRef)(null),d=(0,l.useRef)(0),u=(0,l.useCallback)((function(e){d.current=function(e,t,n){var r=t.getBoundingClientRect(),i=r.width,o=r.x;return e*(Math.min(Math.max(n.clientX-o,0),i)/i)}(r,o.current,e)}),[r]),p=(0,l.useCallback)((function(){i(d.current)}),[i]);return l.createElement(l.Fragment,null,l.createElement(Ja,{duration:r,progress:t}),l.createElement("div",{ref:o,tabIndex:0,role:"progressbar",className:Ka("container"),onMouseMove:u,onMouseDown:p},l.createElement("div",{className:Ka("full-bar")}),l.createElement("div",{className:Ka("buffer-bar"),style:{width:Xa(s)}}),l.createElement("div",{className:Ka("progress-bar"),style:{width:Xa(a)}}),l.createElement("div",{className:Ka("progress-marker"),ref:c,style:{left:Xa(a)}},l.createElement("div",{className:Ka("progress-marker-inner")}))))},Qa=function(e){var t=e.playbackController,n=e.duration,r=e.track,i=e.isLoading,o=(0,l.useCallback)((function(e){r.interacted("progressbar"),t.jumpTo(e)}),[r,t]),a=(0,l.useState)(0),s=a[0],c=a[1];(0,l.useEffect)((function(){return t.onPlayProgress((function(e){c(e)}))}),[r,t]);var d=l.createElement(qa,{playedSeconds:s,bufferedSeconds:s,durationSeconds:n,onJumpToSecond:o});return i?null:d},$a=function(){function e(e){this.stats=e,this.context={sessionId:"",creatorId:"",recordingId:"",durationSeconds:0,progressSeconds:0,playState:"waiting_for_content",isFollowing:!1,actionSource:Le.NONE,previousActionSource:Le.NONE,playbackRate:1}}return e.prototype.setContext=function(e){this.context=(0,i.__assign)((0,i.__assign)({},this.context),e)},e.prototype.opened=function(){this.stats.sendApiEvent("board_playback_opened",this.params)},e.prototype.loaded=function(){this.stats.sendApiEvent("board_playback_loaded",this.params)},e.prototype.failedToFetch=function(){this.stats.sendApiEvent("board_playback_not_found",this.params)},e.prototype.closed=function(){this.stats.sendApiEvent("board_playback_closed",this.params)},e.prototype.interacted=function(e){this.stats.sendApiEvent("board_playback_interacted",(0,i.__assign)((0,i.__assign)({},this.params),{action_type:e}))},e.prototype.playbackStarted=function(){this.stats.sendApiEvent("board_playback_started",this.params)},e.prototype.playbackRestarted=function(){this.stats.sendApiEvent("board_playback_restarted",this.params)},e.prototype.playbackPaused=function(){this.stats.sendApiEvent("board_playback_paused",this.params)},e.prototype.playbackResumed=function(){this.stats.sendApiEvent("board_playback_resumed",this.params)},e.prototype.playbackRateChanged=function(){this.stats.sendApiEvent("board_playback_rate_changed",this.params)},e.prototype.jumpedTo=function(){this.stats.sendApiEvent("board_playback_jumped_to",this.params)},e.prototype.followingStarted=function(e){this.stats.sendApiEvent("board_playback_following_started",(0,i.__assign)((0,i.__assign)({},this.params),{intent:e}))},e.prototype.followingStopped=function(e){this.stats.sendApiEvent("board_playback_following_stopped",(0,i.__assign)((0,i.__assign)({},this.params),{intent:e}))},e.prototype.playbackCompleted=function(){this.stats.sendApiEvent("board_playback_completed",this.params)},e.prototype.playbackBuffering=function(){this.stats.sendApiEvent("board_playback_buffering",this.params)},e.prototype.playbackReady=function(){this.stats.sendApiEvent("board_playback_ready",this.params)},Object.defineProperty(e.prototype,"params",{get:function(){var e=this.context,t=e.sessionId,n=e.isFollowing,r=e.creatorId,i=e.recordingId,o=e.durationSeconds,a=e.progressSeconds,s=e.playState,c=e.actionSource,l=e.previousActionSource,d=e.playbackRate;return{screen:zi,playback_session_id:t,creator_id:r,recording_id:i,duration:o,progress:a,play_state:s,is_following:n,action_source:c,prev_action_source:l,playback_rate:d}},enumerable:!1,configurable:!0}),e}(),es=function(){function e(e,t){this.stats=e,this.source=t}return e.prototype.dragStarted=function(e,t){this.startX=e,this.startY=t},e.prototype.dragEnded=function(e,t){this.stats.sendApiEvent("board_recording_avatar_dragged",{start_x:this.startX,start_y:this.startY,end_x:e,end_y:t,source:this.source})},e}(),ts=n(549529),ns=n.n(ts),rs=n(671021),is=n(244776),os=n.n(is),as=u().bind(os()),ss=function(e){var t,n,r=null===e||void 0===e?void 0:e.getBoundingClientRect();return{x:(null!==(t=null===r||void 0===r?void 0:r.left)&&void 0!==t?t:0)+window.scrollX,y:(null!==(n=null===r||void 0===r?void 0:r.top)&&void 0!==n?n:0)+window.scrollY}},cs=function(e){var t=e.children,n=e.initialPosition,r=e.onStart,i=e.onEnd,o=(0,l.useRef)(null),a=(0,l.useState)({x:0,y:0}),s=a[0],c=a[1],d=(0,l.useCallback)((function(e,t){var n=t.x,r=t.y;c({x:n,y:r})}),[]),u=(0,l.useCallback)((function(){var e=ss(o.current);r(e)}),[r]),p=(0,l.useCallback)((function(){var e=ss(o.current);i(e)}),[i]),h=(0,l.useMemo)((function(){return null!==n&&void 0!==n?n:{}}),[n]),f=(0,l.useCallback)((function(){c({x:0,y:0})}),[]);return(0,l.useEffect)((function(){return(0,rs.addResizeEventListener)(f),function(){(0,rs.removeResizeEventListener)(f)}}),[f]),l.createElement(ns(),{position:s,bounds:"body",nodeRef:o,onDrag:d,onStart:u,onStop:p},l.createElement("div",{ref:o,className:as("panel"),style:h,"data-testid":"board-recording-floating-panel"},t))},ls=function(e){var t=e.stats,n=e.source,r=e.initialPosition,i=e.children,o=(0,l.useMemo)((function(){return new es(t,n)}),[t,n]),a=(0,l.useCallback)((function(e){var t=e.x,n=e.y;o.dragStarted(t,n)}),[o]),s=(0,l.useCallback)((function(e){var t=e.x,n=e.y;o.dragEnded(t,n)}),[o]);return l.createElement(cs,{initialPosition:r,onStart:a,onEnd:s},i)},ds=function(e){var t,n=e.autoPlay,r=e.recordingId,i=e.panels,o=e.errorTracker,a=e.userInteractions,s=e.analyticsSender,c=e.notifier,d=e.dialogs,u=e.latencyTracker,p=e.Portal,h=e.urlHandler,f=e.layout,g=e.playbackController,m=(0,l.useMemo)((function(){return new $a(s)}),[s]),v=(0,l.useMemo)((function(){return(0,Vi.default)()}),[]),b=(0,l.useState)(!0),w=b[0],_=b[1],x=(0,l.useState)(""),E=x[0],C=x[1],S=(0,l.useState)(""),k=S[0],R=S[1],I=(0,l.useState)(!1),T=I[0],P=I[1],O=(0,l.useState)(!1),N=O[0],A=O[1],D=(0,l.useState)(!1),M=D[0],L=D[1],U=(0,l.useState)(0),z=U[0],B=U[1],F=(0,l.useState)(0),V=F[0],j=F[1],H=(0,l.useState)(g.isFollowing()),W=H[0],Z=H[1],G=(0,l.useState)(),Y=G[0],J=G[1],K=(0,l.useState)(g.getPlaybackRate()),X=K[0],q=K[1],Q=(0,l.useState)(!1),$=Q[0],ee=Q[1],te=(0,l.useMemo)((function(){return[i.getLastActionSource(),i.getPreviousActionSource()]}),[i]),ne=te[0],re=te[1];m.setContext({sessionId:v,recordingId:r,isFollowing:g.isFollowing(),actionSource:ne,previousActionSource:re,playbackRate:X});var oe=(0,l.useMemo)((function(){return u.tracker("playbackReady")}),[u]);(0,l.useEffect)((function(){return c.activateTopNotificationMode()}),[c]),(0,l.useEffect)((function(){return m.setContext({playState:"waiting_for_content"}),m.opened(),g.loadRecording(r),oe.start(),function(){m.closed(),g.handleClose()}}),[m,g,r,oe]),(0,l.useEffect)((function(){n&&g.enableAutoPlay()}),[n,g]);var ae=(0,l.useCallback)((function(){m.interacted("close"),i.openLibrary(Le.RECORDING_PLAYBACK)}),[m,i]);(0,l.useEffect)((function(){return Mi(g.onReady((function(e){var t;m.setContext({creatorId:null===(t=e.creator)||void 0===t?void 0:t.id,durationSeconds:e.durationSeconds,playState:"ready"}),m.loaded(),J(e.creator),C(e.mediaUrl),B(e.durationSeconds),R(e.title),_(!1),oe.finish({actionSource:i.getLastActionSource()})})),g.onFailedToFetch((function(e){m.failedToFetch(),d.info({reason:rt.FETCH_RECORDING_FAILED,title:e.title,description:e.message,confirm:ae,abort:ae})})),g.onError((function(e){return o.log(e)})),g.onStarted((function(){m.playbackStarted(),m.setContext({playState:"playing"}),P(!0),c.send(ie,rt.CONTENT_MIGHT_DIFFER),i.disableAutoPlay()})),g.onRestarted((function(){m.playbackRestarted(),m.setContext({playState:"playing"}),L(!1),P(!0)})),g.onPaused((function(){m.playbackPaused(),m.setContext({playState:g.isWaiting()?"waiting_for_content":"paused"}),P(!1)})),g.onResumed((function(){m.playbackResumed(),m.setContext({playState:"playing"}),P(!0)})),g.onPlayJumped((function(e){m.jumpedTo(),j(e),L(!1)})),g.onPlayProgress((function(e){m.setContext({progressSeconds:e})})),g.onFollowingStarted((function(e){m.followingStarted(e),m.setContext({isFollowing:!0}),Z(!0)})),g.onFollowingStopped((function(e){m.followingStopped(e),m.setContext({isFollowing:!1}),Z(!1)})),g.onPlaybackCompleted((function(){m.playbackCompleted(),m.setContext({playState:"completed"}),L(!0),P(!1)})),g.onPlaybackRateChanged((function(e){m.setContext({playbackRate:e}),m.playbackRateChanged(),q(e)})))}),[m,i,g,c,d,ae,o,oe]),(0,l.useEffect)((function(){return a.onInteractedWithCanvas((function(e){g.handleUserInteractedWithCanvas(e),ee(!1)}))}),[a,g]);var se=(0,l.useCallback)((function(){m.interacted("play"),g.play()}),[m,g]),ce=(0,l.useCallback)((function(){m.interacted("restart"),g.restart()}),[m,g]),le=(0,l.useCallback)((function(){g.play()}),[g]),de=(0,l.useCallback)((function(){d.info({reason:rt.PLAYBACK_VIDEO_ERROR,title:ge,description:me,confirm:function(){m.interacted("playback_error_confirm"),h.hardReloadPlayback(r)},abort:function(){m.interacted("playback_error_abort"),i.openLibrary(Le.RECORDING_PLAYBACK)},confirmButtonText:ve})}),[m,i,d,r,h]),ue=(0,l.useCallback)((function(){m.interacted("pause"),g.pause()}),[m,g]),pe=(0,l.useCallback)((function(){g.pause()}),[g]),he=(0,l.useCallback)((function(){m.playbackReady(),m.setContext({playState:"ready"}),g.handleVideoCanPlay()}),[m,g]),fe=(0,l.useCallback)((function(){m.playbackBuffering(),g.handleVideoWait()}),[m,g]),be=(0,l.useCallback)((function(e){g.handleVideoTimeUpdate(e)}),[g]),ye=(0,l.useCallback)((function(){g.handleVideoEnded()}),[g]),we=(0,l.useCallback)((function(){m.interacted("toggle_following"),g.toggleFollowing()}),[m,g]),_e=(0,l.useCallback)((function(e){m.interacted("toggle_playback_rate"),g.togglePlaybackRate(e)}),[g,m]),xe=(0,l.useCallback)((function(){ee(!$)}),[$]),Ee=(0,l.useCallback)((function(){m.interacted("toggle_mute"),A((function(e){return!e}))}),[m]),Ce=l.createElement(Qa,{playbackController:g,isLoading:w,duration:z,track:m}),Se=(0,l.useCallback)((function(e){o.log(e),de()}),[o,de]);return l.createElement(l.Fragment,null,w?void 0:l.createElement(p,null,l.createElement(ls,{source:Le.RECORDING_PLAYBACK,stats:s},l.createElement(sr,{dataTestId:Zn.webcamPreview,muted:N,src:w?void 0:E,avatarSrc:(null===(t=null===Y||void 0===Y?void 0:Y.picture)||void 0===t?void 0:t.size180)||Fo,isWebcamPreviewOn:!0,autoPlay:T,onWaiting:fe,onTimeUpdate:be,onCanPlay:he,seekToTime:V,onEnded:ye,onError:Se,playbackRate:X,onPause:pe,onPlay:le}))),w?void 0:l.createElement(Za,{progressBar:Ce,playing:T,completed:M,following:W,creatorName:(null===Y||void 0===Y?void 0:Y.name)||y,onPause:ue,onPlay:se,onRestart:ce,onClose:ae,onToggleFollowing:we,title:k,playbackRate:X,toggleIsPlaybackRateOpen:xe,setPlaybackRate:_e,isPlaybackRateOpen:$,muted:N,onToggleMuted:Ee,hideCloseButton:f.isPlaybackNoUiModeOn()}))},us=function(){function e(e,t){this.systemTime=e,this.intervals=t,this.recordingPreviousIntervalsDuration=0,this.recordingCurrentIntervalStart=null,this.timeUpdated=new Fi.default.Signal,this.paused=!1}return e.prototype.start=function(){this.reset(),this.paused=!1,this.startTimeUpdates()},e.prototype.pause=function(){this.paused=!0,this.recordingPreviousIntervalsDuration=this.getCurrentTime(),this.recordingCurrentIntervalStart=null},e.prototype.resume=function(){this.paused=!1,this.recordingCurrentIntervalStart=this.systemTime.now()},e.prototype.stop=function(){this.recordingPreviousIntervalsDuration=this.getCurrentTime(),this.recordingCurrentIntervalStart=null,this.stopTimeUpdates()},e.prototype.setCurrentTime=function(e){this.recordingPreviousIntervalsDuration=e,null!==this.recordingCurrentIntervalStart&&(this.recordingCurrentIntervalStart=this.systemTime.now()),this.timeUpdated.dispatch(this.getCurrentTime())},e.prototype.getCurrentTime=function(){var e,t=this.systemTime.now(),n=t-(null!==(e=this.recordingCurrentIntervalStart)&&void 0!==e?e:t);return this.recordingPreviousIntervalsDuration+n},e.prototype.onTimeUpdate=function(e){return ji(this.timeUpdated,e)},e.prototype.reset=function(){this.recordingPreviousIntervalsDuration=0,this.recordingCurrentIntervalStart=this.systemTime.now(),this.timeUpdated.dispatch(0),this.stopTimeUpdates()},e.prototype.startTimeUpdates=function(){var e,t=this;null===(e=this.unsubscribeInterval)||void 0===e||e.call(this),this.unsubscribeInterval=this.intervals.repeat(1e3,(function(){t.paused||t.timeUpdated.dispatch(t.getCurrentTime())}))},e.prototype.stopTimeUpdates=function(){var e;null===(e=this.unsubscribeInterval)||void 0===e||e.call(this),this.unsubscribeInterval=void 0},e}(),ps=function(){function e(e,t,n){this.timer=e,this.viewportService=t,this.cursorService=n,this.viewportSnapshots=[],this.cursorCanvasSnapshots=[]}return e.prototype.start=function(){this.viewportSnapshots=[],this.startTrackingSnapshots()},e.prototype.pause=function(){this.stopTrackingSnapshots()},e.prototype.resume=function(){this.startTrackingSnapshots()},e.prototype.stop=function(){this.stopTrackingSnapshots()},e.prototype.clear=function(){this.viewportSnapshots.splice(0)},e.prototype.getViewportSnapshots=function(){return this.viewportSnapshots},e.prototype.getCursorCanvasSnapshots=function(){return this.cursorCanvasSnapshots},e.prototype.startTrackingSnapshots=function(){var e=this;this.unsubscribeTimeUpdates=this.timer.onTimeUpdate((function(t){e.captureSnapshot(t)}))},e.prototype.stopTrackingSnapshots=function(){var e;null===(e=this.unsubscribeTimeUpdates)||void 0===e||e.call(this),this.unsubscribeTimeUpdates=void 0},e.prototype.captureSnapshot=function(e){var t=this.viewportService.getViewport(),n=this.cursorService.getPosition();this.cursorCanvasSnapshots.push({x:n.x,y:n.y,timeMs:e}),this.viewportSnapshots.push({x:t.x,y:t.y,width:t.width,height:t.height,timeMs:e})},e}();!function(e){e.VIDEO="video",e.AUDIO="audio"}(wa||(wa={})),function(e){e.MP4="mp4",e.WEBM="webm"}(_a||(_a={})),function(e){e.VP8="vp8",e.VP8_OPUS="vp8,opus",e.H264="h264",e.OPUS="opus"}(xa||(xa={}));var hs,fs=function(){function e(e,t,n,r,i,o,a){var s=this;this.recordingSessionId=e,this.timer=t,this.mediaRecorder=n,this.vectorRecorder=r,this.presentation=i,this.cursor=o,this.layout=a,this.deleted=new Fi.default.Signal,this.paused=new Fi.default.Signal,this.loaded=new Fi.default.Signal,this.started=new Fi.default.Signal,this.didReset=new Fi.default.Signal,this.resumed=new Fi.default.Signal,this.temporaryRecordingId="",this.recordingFinished=new Fi.default.Signal,this.isCompleted=!1,this.mediaRecorder.addEventListener("dataavailable",(function(e){s.isCompleted&&s.onComplete(e.data)}))}return e.prototype.hasVideo=function(){return this.mediaRecorder.stream.getVideoTracks().length>0},e.prototype.hasAudio=function(){return this.mediaRecorder.stream.getAudioTracks().length>0},e.prototype.getRecordingTimeMs=function(){return this.timer.getCurrentTime()},e.prototype.load=function(){var e=this;return this.cursor.hideOthers(),this.layout.setRecordingMode(),this.loaded.dispatch(),function(){e.cursor.showOthers(),e.layout.resetLayout()}},e.prototype.start=function(){this.temporaryRecordingId=Vi.default(),this.mediaRecorder.start(),this.vectorRecorder.start(),this.timer.start(),this.started.dispatch({temporaryRecordingId:this.temporaryRecordingId})},e.prototype.exitPresentation=function(){this.presentation.isOn()&&this.presentation.stop()},e.prototype.stop=function(){this.isCompleted=!0,this.mediaRecorder.stop(),this.vectorRecorder.stop(),this.timer.stop(),this.exitPresentation()},e.prototype.pause=function(){this.timer.pause(),this.mediaRecorder.pause(),this.vectorRecorder.pause(),this.paused.dispatch()},e.prototype.resume=function(){this.timer.resume(),this.mediaRecorder.resume(),this.vectorRecorder.resume(),this.resumed.dispatch()},e.prototype.delete=function(){this.isRecording()&&this.mediaRecorder.stop(),this.vectorRecorder.stop(),this.timer.stop(),this.deleted.dispatch(),this.exitPresentation()},e.prototype.dispose=function(){this.stopStream()},e.prototype.stopStream=function(){for(var e=0,t=this.mediaRecorder.stream.getTracks();e2&&this.actionSourceStack.shift()},e.prototype.closeAllPanels=function(){this.layout.closePanels(uc)},e.prototype.closeWithoutEvent=function(){this.closeLayoutPanel(),this.panel=ec.None,this.playRecordingId=void 0},e.prototype.closeApps=function(){var e;this.openedApps=this.layout.getOpenApps().filter((function(e){return!dc.includes(e)})),(e=this.layout).closeApps.apply(e,this.openedApps)},e.prototype.openApps=function(){var e=this;this.openedApps.map((function(t){return e.layout.openMiniApp(t)}))},e.prototype.closeLayoutPanel=function(){switch(this.panel){case ec.Library:this.layout.closeApps(ac.AppsTypes.BOARD_RECORDING_LIBRARY);break;case ec.RecordingSettings:this.layout.closeApps(ac.AppsTypes.BOARD_RECORDING_SETTINGS);break;case ec.RecordingControls:this.layout.closeApps(ac.AppsTypes.BOARD_RECORDING),this.openApps();break;case ec.Playback:this.layout.closeApps(ac.AppsTypes.BOARD_RECORDING),this.closeAllPanels(),this.urlHandler.cleanupPlaybackId(),this.openApps()}},e.prototype.isPlatformSupported=function(){return this.platformDetector.isChrome()&&this.platformDetector.isSupportedDevice()},e.prototype.showNotSupportedPlatformDialog=function(){this.dialogs.info({reason:rt.PLATFORM_NOT_SUPPORTED,title:ae,description:se,confirm:function(){},abort:function(){},helpCenterLink:this.getLocalizedLink(yi.talktrack)})},e.prototype.showRecordingNotAllowedDialog=function(){this.dialogs.info({reason:rt.RECORDING_FEATURE_DISABLED,title:le,description:ce,confirm:function(){},abort:function(){},helpCenterLink:this.getLocalizedLink(yi.talktrackPlayback)})},e}(),hc="board-recording.playbackRate",fc=function(){function e(e,t,n,r,i,o,a,s){var c=this;this.boardRecordings=e,this.viewportService=t,this.canvasPresentationPlayer=n,this.getUserMetadata=r,this.timer=i,this.cursor=o,this.layout=a,this.localStorage=s,this.ready=new Fi.default.Signal,this.failedToFetch=new Fi.default.Signal,this.error=new Fi.default.Signal,this.playStarted=new Fi.default.Signal,this.playRestarted=new Fi.default.Signal,this.playPaused=new Fi.default.Signal,this.playResumed=new Fi.default.Signal,this.playStopped=new Fi.default.Signal,this.playJumped=new Fi.default.Signal,this.followingStarted=new Fi.default.Signal,this.followingStopped=new Fi.default.Signal,this.playbackCompleted=new Fi.default.Signal,this.playbackRateChanged=new Fi.default.Signal,this.viewPort=[],this.cursors=[],this.playing=!1,this.paused=!1,this.isReady=!1,this.waiting=!0,this.wasPlayingBeforeWaiting=!1,this.following=!0,this.autoPlay=!1,this.playbackRate=Number(this.localStorage.getItem(hc))||1,this.timer.onTimeUpdate((function(e){return c.handleOnTimeUpdate(e)}))}return e.prototype.handleOnTimeUpdate=function(e){if(this.playing){var t=this.getViewportByTime(e);this.shouldUpdateViewport(t)&&this.updateViewport(t),this.updateAndRenderCursor(e)}},e.prototype.shouldUpdateViewport=function(e){return!!e&&(!this.lastPlayedViewport||!this.areViewportsEqual(e,this.lastPlayedViewport))},e.prototype.areViewportsEqual=function(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height},e.prototype.isPlaying=function(){return this.playing},e.prototype.isFollowing=function(){return this.following},e.prototype.isWaiting=function(){return this.waiting},e.prototype.setPlaybackMode=function(){this.layout.isPlaybackNoUiModeOn()||this.layout.setPlaybackMode()},e.prototype.loadRecording=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t,n,o,a,s,c;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return i.trys.push([0,3,,4]),[4,Promise.all([this.boardRecordings.getRecordingMetadata(e),this.boardRecordings.createMediaUrl(e),this.boardRecordings.getVectors(e)])];case 1:return t=i.sent(),n=t[0],o=t[1],a=t[2],[4,this.getUserMetadata(n.creatorId)];case 2:return s=i.sent()||Ki(n.creatorId),this.mediaUrl=o,this.viewPort=a.viewports,this.cursors=a.cursors,this.canvasPresentationPlayer.start((null===s||void 0===s?void 0:s.name)||y),this.isReady=!0,this.setPlaybackMode(),this.cursor.hideOthers(),this.ready.dispatch({creator:s,mediaUrl:o,durationSeconds:this.getDurationSeconds(),title:n.name}),[3,4];case 3:return(c=i.sent())instanceof Ue&&c.status===r.NOT_FOUND?this.failedToFetch.dispatch({title:G,message:Y}):(this.failedToFetch.dispatch({title:G}),this.error.dispatch(c)),[3,4];case 4:return[2]}}))}))},e.prototype.getDurationSeconds=function(){var e,t=this.viewPort[this.viewPort.length-1];return(null!==(e=null===t||void 0===t?void 0:t.timeMs)&&void 0!==e?e:0)/1e3},e.prototype.play=function(){this.paused?this.resume():this.start()},e.prototype.start=function(){if(!this.isReady)throw new Error("load a recording first");this.waiting||this.playing||(this.baseStart(),this.playStarted.dispatch())},e.prototype.restart=function(){this.playing||(this.baseStart(),this.playRestarted.dispatch())},e.prototype.baseStart=function(){this.paused=!1,this.playing=!0,this.timer.start(),this.startFollowing("auto")},e.prototype.stop=function(){this.paused=!1,this.playing=!1,this.timer.stop(),this.playStopped.dispatch()},e.prototype.pause=function(){this.paused||(this.paused=!0,this.playing=!1,this.timer.pause(),this.playPaused.dispatch())},e.prototype.resume=function(){this.waiting||this.playing||(this.paused=!1,this.playing=!0,this.timer.resume(),this.startFollowing("auto"),this.playResumed.dispatch())},e.prototype.startFollowing=function(e){if(!this.following){this.following=!0;var t=1e3*this.getProgressSeconds();this.updateViewport(this.getViewportByTime(t)),this.followingStarted.dispatch(e)}},e.prototype.stopFollowing=function(e){this.following&&this.canUnfollow()&&(this.following=!1,this.followingStopped.dispatch(e))},e.prototype.canUnfollow=function(){return!this.playing||this.timer.getCurrentTime()>=3e3},e.prototype.toggleFollowing=function(){this.following?this.stopFollowing("user"):this.startFollowing("user")},e.prototype.jumpTo=function(e){var t=1e3*e;this.timer.setCurrentTime(t),this.updateViewport(this.getViewportByTime(t)),this.updateAndRenderCursor(t),this.startFollowing("auto"),this.playJumped.dispatch(e)},e.prototype.handleVideoWait=function(){this.wasPlayingBeforeWaiting=this.playing,this.waiting=!0,this.pause()},e.prototype.handleVideoCanPlay=function(){this.waiting&&(this.waiting=!1,this.autoPlay&&this.play(),this.wasPlayingBeforeWaiting&&this.resume())},e.prototype.enableAutoPlay=function(){this.autoPlay=!0},e.prototype.handleVideoTimeUpdate=function(e){this.timer.setCurrentTime(1e3*e)},e.prototype.handleUserInteractedWithCanvas=function(e){this.isSpaceBarKeyDownEvent(e)&&this.isFollowing()?this.togglePlaying():this.stopFollowing("auto")},e.prototype.getPlaybackRate=function(){return ya.includes(this.playbackRate)?this.playbackRate:1},e.prototype.setPlaybackRate=function(e){this.localStorage.setItem(hc,e),this.playbackRate=e},e.prototype.togglePlaybackRate=function(e){this.setPlaybackRate(e),this.playbackRateChanged.dispatch(e)},e.prototype.isSpaceBarKeyDownEvent=function(e){return e instanceof KeyboardEvent&&"Space"===e.code},e.prototype.togglePlaying=function(){this.isPlaying()?this.pause():this.play()},e.prototype.handleVideoEnded=function(){this.playing&&(this.stop(),this.playbackCompleted.dispatch())},e.prototype.handleClose=function(){var e;this.stop(),null===(e=this.canvasPresentationPlayer)||void 0===e||e.end(),this.layout.resetLayout(),this.cursor.showOthers()},e.prototype.getMediaUrl=function(){return this.mediaUrl},e.prototype.getProgressSeconds=function(){return Math.min(this.timer.getCurrentTime()/1e3,this.getDurationSeconds())},e.prototype.getViewportByTime=function(e){return this.viewPort.find((function(t){return t.timeMs>=e}))},e.prototype.updateViewport=function(e){this.following&&void 0!==e&&(this.lastPlayedViewport=e,this.viewportService.setViewport(e))},e.prototype.updateAndRenderCursor=function(e){if(this.cursors&&this.cursors.length){var t=this.cursors.find((function(t){return t.timeMs>=e}));void 0===t&&(t=this.cursors[this.cursors.length-1]);var n=t.x,r=t.y;this.canvasPresentationPlayer.playCursor({x:n,y:r})}},e.prototype.onReady=function(e){return ji(this.ready,e)},e.prototype.onFailedToFetch=function(e){return ji(this.failedToFetch,e)},e.prototype.onError=function(e){return ji(this.error,e)},e.prototype.onStarted=function(e){return ji(this.playStarted,e)},e.prototype.onRestarted=function(e){return ji(this.playRestarted,e)},e.prototype.onPaused=function(e){return ji(this.playPaused,e)},e.prototype.onResumed=function(e){return ji(this.playResumed,e)},e.prototype.onPlayJumped=function(e){return ji(this.playJumped,e)},e.prototype.onPlayProgress=function(e){var t=this;return this.timer.onTimeUpdate((function(){e(t.getProgressSeconds())}))},e.prototype.onFollowingStarted=function(e){return ji(this.followingStarted,e)},e.prototype.onFollowingStopped=function(e){return ji(this.followingStopped,e)},e.prototype.onPlaybackCompleted=function(e){return ji(this.playbackCompleted,e)},e.prototype.onPlaybackRateChanged=function(e){return ji(this.playbackRateChanged,e)},e}(),gc=function(){function e(e,t){this.boardId=e,this.boardRecordingApi=t}return e.prototype.getRecordingMetadata=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t;return(0,i.__generator)(this,(function(n){return t=this.boardId,[2,this.boardRecordingApi.getRecording.execute({boardId:t,recordingId:e})]}))}))},e.prototype.getVectors=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t;return(0,i.__generator)(this,(function(n){return t=this.boardId,[2,this.boardRecordingApi.getVectors.execute({boardId:t,recordingId:e})]}))}))},e.prototype.createMediaUrl=function(e){return(0,i.__awaiter)(this,void 0,Promise,(function(){var t;return(0,i.__generator)(this,(function(n){switch(n.label){case 0:return t=this.boardId,[4,this.boardRecordingApi.createMediaUrl.execute({boardId:t,recordingId:e})];case 1:return[2,n.sent().url]}}))}))},e}(),mc=function(e){var t=e.panels,n=e.errorTracker,r=function(e){var t=(0,oc.useLayoutViewMode)()[0];return(0,l.useMemo)((function(){return{isPresentationOn:e.includes(t)}}),[t])}(e.presentation.getPresentationModes()).isPresentationOn,o=(0,l.useState)(),a=o[0],s=o[1],c=t.getPlayRecordingId(),d=t.getAutoPlay();(0,l.useEffect)((function(){return Mi(t.onPanelOpened((function(e){e.panel!==ec.Library&&s(e.panel)})))}),[t]);var u=(0,l.useMemo)((function(){return function(e){var t=new gc(e.boardMetadata.boardId,e.boardRecordingApi),n=new us(e.systemTime,e.scheduler);return new fc(t,e.viewport,e.canvasPresentationPlayer,e.getUserMetadata,n,e.cursor,e.layout,e.localStorage)}(e)}),[]),p=(0,l.useCallback)((function(){t.close()}),[t]);return l.createElement($o,{errorTracker:n,fallback:l.createElement(ra,{onClose:p})},a!==ec.Playback||void 0===c||r?void 0:l.createElement(ds,(0,i.__assign)({},e,{playbackController:u,recordingId:c,autoPlay:d})),a===ec.RecordingControls?l.createElement(ic,(0,i.__assign)({},e)):void 0)},vc=function(e){var t=MediaRecorder.isTypeSupported("video/webm")?{mimeType:"video/webm;codecs=vp8,opus"}:void 0;return new window.MediaRecorder(e,t)},bc={now:function(){return Date.now()}},yc={now:function(){return performance.now()}},wc={once:function(e,t){var n=setTimeout(t,e);return function(){clearTimeout(n)}},repeat:function(e,t){var n=setInterval(t,1e3);return function(){clearInterval(n)}}};function _c(){return _c=Object.assign?Object.assign.bind():function(e){for(var t=1;t{"use strict";n.r(t),n.d(t,{boardRecordingTr:()=>c});var r,i,o=n(822719),a=n(759312);!function(e){e.master="master"}(i||(i={}));var s=((r={})[i.master]={lang:{en:function(){return(0,a.__awaiter)(void 0,void 0,Promise,(function(){return(0,a.__generator)(this,(function(e){return[2,n.e(6413).then(n.t.bind(n,875755,19)).then((function(e){return e.default}))]}))}))},fr:function(){return(0,a.__awaiter)(void 0,void 0,Promise,(function(){return(0,a.__generator)(this,(function(e){return[2,n.e(86222).then(n.t.bind(n,489099,19)).then((function(e){return e.default}))]}))}))},de:function(){return(0,a.__awaiter)(void 0,void 0,Promise,(function(){return(0,a.__generator)(this,(function(e){return[2,n.e(91190).then(n.t.bind(n,517903,19)).then((function(e){return e.default}))]}))}))},ja_JP:function(){return(0,a.__awaiter)(void 0,void 0,Promise,(function(){return(0,a.__generator)(this,(function(e){return[2,n.e(51669).then(n.t.bind(n,420958,19)).then((function(e){return e.default}))]}))}))},es:function(){return(0,a.__awaiter)(void 0,void 0,Promise,(function(){return(0,a.__generator)(this,(function(e){return[2,n.e(47819).then(n.t.bind(n,601035,19)).then((function(e){return e.default}))]}))}))}}},r),c=new o.Translator({translationImports:s,langKey:o.TranslationLangKey.en,namespace:"boardRecording",branch:i.master})},963531:(e,t,n)=>{"use strict";n.d(t,{Feedback:()=>k});var r,i=n(759312),o=n(827378),a=n(232463),s=n(292554),c=n.n(s),l=n(60042),d=n.n(l),u=n(831845),p=n(998733),h=n(373082),f=n(396549);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t{"use strict";n.d(t,{ColorUserPicture:()=>v,PictureSize:()=>b.PictureSize,PictureSizeNumber:()=>b.PictureSizeNumber,PictureWithIcon:()=>w,SquareUserPicture:()=>S,TeamPicture:()=>E,UserPicture:()=>p});var r=n(759312),i=n(838434),o=n(827378),a=n(60042),s=n.n(a),c=n(497614),l=n(361266),d=n.n(l),u=i,p=o.memo((function(e){var t=e.className;return o.createElement(c.BasePicture,(0,r.__assign)({},e,{className:s()(d().userPictureClass,t),fallbackPictureUrl:u}))})),h=n(381242),f=n(123798),g=(n(898505),i),m=0,v=function(e){function t(t){var n=e.call(this,t)||this;return n.state={isErrorLoading:!1,isDoubleError:!1,svgId:m+=1},n}return(0,r.__extends)(t,e),t.prototype.onError=function(){this.setState((function(e){return{isErrorLoading:!0,isDoubleError:e.isErrorLoading}}))},t.prototype.render=function(){var e=this.props,t=e.dataTestid,n=e.pictureUrl,r=e.pictureOpacity,i=void 0===r?1:r,a=e.color,s=e.colorOverlayOpacity,c=void 0===s?0:s,l=e.clipPathId,d=this.state,u=d.isErrorLoading,p=d.isDoubleError,h=d.svgId,m="".concat(.4613*100,"%"),v="".concat(.0387*100,"%"),b="".concat(84.52,"%"),y="colorUserPicture__image-".concat(h),w=u?g:n;return o.createElement("div",{className:"color-user-picture","data-testid":t},o.createElement("svg",null,o.createElement("defs",null,o.createElement("pattern",{id:y,x:"0",y:"0",width:"1",height:"1"},o.createElement("image",{onError:this.onError,href:w,xlinkHref:f.bowser.safari?w:void 0,x:v,y:v,width:b,height:b,opacity:i}))),o.createElement("g",{clipPath:l?"url(#".concat(l,")"):void 0},o.createElement("circle",{cx:"50%",cy:"50%",r:m,fill:p?"#cdccd7":"url(#".concat(y,")"),stroke:a,strokeWidth:"".concat(8.6,"%")}),c>0?o.createElement("circle",{cx:"50%",cy:"50%",r:m,fill:a,stroke:"transparent",opacity:c,strokeWidth:"".concat(8.6,"%")}):null)))},(0,r.__decorate)([h.autobind],t.prototype,"onError",null),t}(o.PureComponent),b=n(320099),y=(n(65522),i),w=function(e){function t(t){var n=e.call(this,t)||this;return n.state={isHidden:!!t.shouldHideBeforeImageLoad,isErrorLoading:!1,isDoubleError:!1},n}return(0,r.__extends)(t,e),t.prototype.onLoad=function(){this.setState({isHidden:!1})},t.prototype.onError=function(){this.setState((function(e){return{isErrorLoading:!0,isDoubleError:e.isErrorLoading,isHidden:!1}}))},t.prototype.render=function(){var e=this.props,t=e.dataTestid,n=e.pictureSize,r=void 0===n?b.PictureSizeNumber.Size30:n,i=e.pictureUrl,a=e.iconSize,l=void 0===a?b.PictureSizeNumber.Size12:a,d=e.iconUrl,u=e.fallbackIconUrl,p=e.iconBorderWidth,h=void 0===p?3:p,f=e.className,g=e.shouldHideBeforeImageLoad,m=r-(l+h),v=this.state,w=v.isHidden,_=v.isErrorLoading,x=v.isDoubleError;return o.createElement("div",{className:s()("picture-with-icon",f,{"picture-with-icon--collapsed":w})},o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:r,height:r,viewBox:"0 0 ".concat(r," ").concat(r)},o.createElement("defs",null,o.createElement("rect",{id:"rect",x:m,y:m,width:r/2,height:r/2,rx:4}),o.createElement("rect",{id:"circle",x:0,y:0,width:r,height:r,rx:r/2}),o.createElement("mask",{id:"mask"},o.createElement("use",{xlinkHref:"#circle"}),o.createElement("use",{xlinkHref:"#rect"}))),o.createElement("image",{className:"picture-with-icon__picture",href:_?y:i,width:r,height:r,mask:"url(#mask)",onLoad:this.onLoad,onError:this.onError,key:"try".concat(_)})),o.createElement(c.BasePicture,{dataTestid:t,className:"picture-with-icon__icon",pictureUrl:d,size:b.PictureSizeNumberToString[l],fallbackPictureUrl:u,shouldHideBeforeImageLoad:g}),x?o.createElement("div",{className:"picture-with-icon--cover"}):null)},(0,r.__decorate)([h.autobind],t.prototype,"onLoad",null),(0,r.__decorate)([h.autobind],t.prototype,"onError",null),t}(o.PureComponent),_=n(913284),x=i,E=function(e){var t=e.className;return o.createElement(c.BasePicture,(0,r.__assign)({},e,{className:s()(_.teamPicture,t),fallbackPictureUrl:x}))},C=i,S=function(e){return o.createElement(c.BasePicture,(0,r.__assign)({},e,{fallbackPictureUrl:C}))}},320099:(e,t,n)=>{"use strict";var r,i,o,a;n.d(t,{PictureSize:()=>o,PictureSizeNumber:()=>a,PictureSizeNumberToString:()=>s}),function(e){e.Size12="base-picture--size12",e.Size16="base-picture--size16",e.Size24="base-picture--size24",e.Size30="base-picture--size30",e.Size32="base-picture--size32",e.Size36="base-picture--size36",e.Size74="base-picture--size74",e.Size140="base-picture--size140",e.Size180="base-picture--size180",e.Size100Percent="base-picture--size100percent"}(o||(o={})),function(e){e[e.Size12=12]="Size12",e[e.Size16=16]="Size16",e[e.Size24=24]="Size24",e[e.Size30=30]="Size30",e[e.Size32=32]="Size32",e[e.Size36=36]="Size36",e[e.Size74=74]="Size74",e[e.Size140=140]="Size140",e[e.Size180=180]="Size180"}(a||(a={}));(r={})[o.Size12]=a.Size12,r[o.Size16]=a.Size16,r[o.Size24]=a.Size24,r[o.Size30]=a.Size30,r[o.Size32]=a.Size32,r[o.Size36]=a.Size36,r[o.Size74]=a.Size74,r[o.Size140]=a.Size140,r[o.Size180]=a.Size180;var s=((i={})[a.Size12]=o.Size12,i[a.Size16]=o.Size16,i[a.Size24]=o.Size24,i[a.Size30]=o.Size30,i[a.Size32]=o.Size32,i[a.Size36]=o.Size36,i[a.Size74]=o.Size74,i[a.Size140]=o.Size140,i[a.Size180]=o.Size180,i)},876915:(e,t,n)=>{"use strict";n.d(t,{Title:()=>u});var r=n(827378),i=n(60042),o=n.n(i),a=n(831845),s=n(263316),c=n(192275),l=n(404427),d=n.n(l),u=function(e){var t,n,i=e.titleText,l=e.onClick,u=e.isDisabled,p=e.className,h=e.tooltipText,f=e.newToolbarEnabled,g=r.createElement("div",{role:"button",className:o()(p,d().title,(t={},t[d().title_withHover]=!u,t),(n={},n[d().title_new]=f,n)),"data-testid":"board-header__title"},r.createElement("div",{className:d().title__container},i)),m=!0===f?r.createElement(a.NoDom,{hmTap:u?void 0:l},r.createElement(c.Toolbar.Item,{asChild:!0,unstyled:!1},g)):r.createElement(a.NoDom,{hmTap:u?void 0:l},g);return r.createElement(s.TextTooltip,{placement:"bottom",text:null!==h&&void 0!==h?h:"",isAvailable:""!==h&&void 0!==h&&!u,isTabIndexDisabled:!0,trigger:m})}},497614:(e,t,n)=>{"use strict";n.d(t,{BasePicture:()=>u});var r=n(759312),i=n(381242),o=n(827378),a=n(60042),s=n.n(a),c=n(320099),l=(n(552735),function(e){function t(t){var n=e.call(this,t)||this;return n.state={isHidden:!!t.shouldHideBeforeImageLoad,isErrorLoading:!1,isDoubleError:!1},n}return(0,r.__extends)(t,e),t.prototype.onLoad=function(){this.setState({isHidden:!1})},t.prototype.onError=function(){this.setState((function(e){return{isErrorLoading:!0,isDoubleError:e.isErrorLoading,isHidden:!1}}))},t.prototype.render=function(){var e=this.props,t=e.alt,n=void 0===t?"":t,r=e.className,i=e.pictureUrl,a=e.fallbackPictureUrl,l=e.size,d=void 0===l?c.PictureSize.Size30:l,u=e.style,p=e.forwardedRef,h=e.dataTestid,f=this.state,g=f.isHidden,m=f.isErrorLoading,v=f.isDoubleError;return o.createElement("div",{"data-testid":h,style:u,className:s()("base-picture",r,d,{"base-picture--collapsed":g}),ref:p},o.createElement("img",{alt:n,src:m?a:i,onLoad:this.onLoad,onError:this.onError,key:"try".concat(m)}),v?o.createElement("div",{className:"base-picture--cover"}):null)},(0,r.__decorate)([i.autobind],t.prototype,"onLoad",null),(0,r.__decorate)([i.autobind],t.prototype,"onError",null),t}(o.PureComponent));var d,u=(d=l,o.forwardRef((function(e,t){return o.createElement(d,(0,r.__assign)({},e,{forwardedRef:t}))})))},838434:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjgiIGhlaWdodD0iNjgiIHZpZXdCb3g9IjAgMCA2OCA2OCI+Cgk8ZGVmcz4KCQk8cmVjdCBpZD0iYSIgd2lkdGg9IjY4IiBoZWlnaHQ9IjY4Ii8+Cgk8L2RlZnM+Cgk8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgoJCTxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KCQkJPHVzZSB4bGluazpocmVmPSIjYSIvPgoJCTwvbWFzaz4KCQk8dXNlIGZpbGw9IiNDQ0MiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI2EiLz4KCQk8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zNCAzNWE4IDggMCAxIDAgMC0xNiA4IDggMCAwIDAgMCAxNnptLTcuMjg2IDEuNTM2QTExLjk4IDExLjk4IDAgMCAxIDIyIDI3YzAtNi42MjcgNS4zNzMtMTIgMTItMTJzMTIgNS4zNzMgMTIgMTJhMTEuOTggMTEuOTggMCAwIDEtNC43MTQgOS41MzZDNDcuNTk3IDM5LjMzMyA1MiA0NS42NTIgNTIgNTNoLTRjMC03LjczMi02LjI2OC0xNC0xNC0xNHMtMTQgNi4yNjgtMTQgMTRoLTRjMC03LjM0OCA0LjQwMy0xMy42NjcgMTAuNzE0LTE2LjQ2NHoiIG1hc2s9InVybCgjYikiLz4KCTwvZz4KPC9zdmc+Cg=="},903642:(e,t,n)=>{"use strict";e.exports=n.p+"8181f3b3f367c2a3.svg"},920453:(e,t,n)=>{"use strict";e.exports=n.p+"static/../packages/board-recording/src/assets/img/educational-gif.3d26bb.gif"},339589:(e,t,n)=>{"use strict";e.exports=n.p+"da365d520a77e707.svg"},451974:(e,t,n)=>{"use strict";e.exports=n.p+"039a4bf542363246.svg"},768913:e=>{"use strict";e.exports='\n\t\n'}}]); //# sourceMappingURL=https://miro.com/app/static/cmn~BoardRecordi.e59ab5b51738b9e0.js.map