react-covideo-embed 0.1.18 → 0.1.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/build/index.js +1 -1
  2. package/package.json +1 -1
package/build/index.js CHANGED
@@ -573,4 +573,4 @@
573
573
  `,PR=e=>{let{children:t,style:n,hideHeader:r=!1,hideCloseButtonInHeader:i=!1,headerTextStyle:o,closeModalOnBackdropOrEscPress:a=!0,headerText:s,headerMargin:l,closeModal:c,closeIcon:u,closeIconPosition:f="right",shouldReturnFocusAfterClose:d=!0,parentSelector:p}=e;(0,E.useEffect)((()=>{const e=document.getElementById("root");return e&&(e.style.overflow="hidden"),()=>{e&&(e.style.overflow="")}}),[]);const h=u||k().createElement(cT,{color:EM.gray60,width:"24px",height:"24px",onClick:c}),y=(0,E.useRef)(null);return k().createElement(xM(),{shouldReturnFocusAfterClose:d,ref:y,isOpen:!0,onRequestClose:a?c:void 0,style:{overlay:{...ER,...n&&n.overlay},content:{...kR,...n&&n.content}},ariaHideApp:!1,contentLabel:"Example Modal",parentSelector:()=>document.querySelector(p||"body")},!r&&k().createElement(_R,{className:"ai-assist",margin:l,style:{..."left"===f&&{justifyContent:"left",flex:1}}},!i&&"left"===f&&h,k().createElement(OR,{className:"ai-assist",style:o},s),!i&&"right"===f&&h),t)},TR=e=>k().createElement(oD,Object.assign({},e),k().createElement(Gc,{color:"rgba(30, 164, 95, 1)",size:26,style:{minWidth:26,maxWidth:26}})),IR=e=>{let{closeModal:t,handleSubmitGeneratedContent:n,handleOnCopySuccess:r}=e;const{promptType:i,promptUseCase:o,changePromptUseCase:a,isLoading:s,generateContentWithAi:l,promptsLeft:c,generatedText:u,changeVehicleTitle:f,changeVin:d,crmData:p,sender:h,changeSender:y,senderCompany:m,changeSenderCompany:v,recipient:g,changeRecipient:x,vin:b,nextStep:w,changeNextStep:S,changeFormalityLevel:C,detailLevel:E,changeDetailLevel:_,changeEnthusiasmLevel:O,changeAdditionalInfo:P,additionalInfo:T,changeGeneratedText:I,changeBaseText:A,templateOptions:j,selectedTemplateOption:M,changeSelectedTemplateOption:D,linksetOptions:R,selectedLinksetOption:F,changeSelectedLinksetOption:L,overlayOptions:B,selectedOverlayOption:N,changeSelectedOverlayOption:z,generatedThumnail:V,generatedUrl:U}=(()=>{const e=k().useContext(fD);if(void 0===e)throw new Error("useAI must be used within a AiProvider");return e})(),{userData:H,currentAiTheme:G}=uD(),{isAutomotiveSalesRole:W,customer:q}=H;if(!Number(q.hasCovideoMagic))return null;const $=i===IM.CRM_MESSAGE?FM.HTML:FM.PLAIN,Z=i===IM.CRM_MESSAGE,Y=i===IM.TELEPROPTER_SCRIPT,Q=!!n,K=i!==IM.SMS&&E>=jM.MID,X=c<=0,J=s||X,ee=s||X||!u.length,te=i===IM.CRM_MESSAGE;return k().createElement(PR,{closeModal:t,headerText:`Generate ${i} with Covideo AI Assist`,style:{content:{width:"1120px"}}},k().createElement(xD,{disabled:X,className:"ai-assist"},k().createElement(_D,null,k().createElement(OD,null,te&&k().createElement(CR,{templateOptions:j,selectedTemplate:M,setSelectedTemplate:D,ctaOptions:R,selectedCta:F,setSelectedCta:L,overlaysOptions:B,selectedOverlay:N,setSelectedOverlay:z,extraStyle:{label:{color:"#9297a2",marginTop:0},wrapper:{marginTop:0},control:{minHeight:44,maxHeight:64}}}),k().createElement(kD,null,k().createElement(ED,null,k().createElement(CD,null,"Your name"),k().createElement(UD,{radius:"6px",value:h,onChange:e=>y(e.target.value),placeholder:"Enter your name"})),k().createElement(ED,null,k().createElement(CD,null,"Company Name"),k().createElement(UD,{radius:"6px",value:m,onChange:e=>v(e.target.value),placeholder:"Enter your company name"}))),k().createElement(kD,null,k().createElement(ED,null,k().createElement(SD,null,k().createElement(CD,null,"Message category"),k().createElement(gD,{text:"Select the type of message you’d like Covideo AI Assist to create. You can also enter your own if it’s not included in the dropdown."})),k().createElement(JD,{width:276,value:RM.find((e=>e&&e.value===o)),options:RM,onChange:e=>a(e.value),placeholder:"Enter use case",menuPortalTarget:document.body,menuPosition:"fixed",menuPlacement:"bottom",extendStyles:{container:{width:"100%"},control:{width:"100%"}},formatCreateLabel:e=>k().createElement("div",{style:{color:_M[G].colors.primaryColor,display:"flex",alignItems:"center"}},k().createElement(Uc,{color:EM.blue40}),"  Write"," ",`"${e}"`)})),!Y&&k().createElement(ED,null,k().createElement(SD,null,k().createElement(CD,null,"Their name"),k().createElement(gD,{text:"Enter the name of the person or persons you’re sending your message to."})),k().createElement(UD,{radius:"6px",value:g,onChange:e=>x(e.target.value),placeholder:"Enter customer name"}))),k().createElement(kD,null,W&&k().createElement(ED,null,k().createElement(SD,null,k().createElement(CD,null,"Vehicle")),k().createElement(yR,{onChangeVehicle:e=>e?e.itemId?(f(e.title||""),void d(e.vin||"")):(f(e.vin||""),void d("")):(f(""),void d("")),selectedVin:b,fetchSold:!1,creatable:i!==IM.CRM_MESSAGE,placeholder:"Search vehicles...",borderRadius:"6px",dropdownOptionLabelMaxWidth:"95%",menuZindex:9999,limitedSingleValueWidth:"218px"})),k().createElement(ED,null,k().createElement(SD,null,k().createElement(CD,null,"Next steps"),k().createElement(gD,{text:"Briefly describe what you would like your recipient to do next. Ex: “Call me back”, “Click the button”, or “Write a review”.",style:{content:{marginLeft:"50px"}}})),k().createElement(UD,{radius:"6px",value:w,onChange:e=>S(e.target.value),placeholder:"Enter next steps"}))),k().createElement(TD,null,k().createElement(AD,null,k().createElement(jD,null,k().createElement(MD,{display:"block"},"Casual"),k().createElement(MD,{textAlign:"right",display:"block"},"Formal")),k().createElement(MD,null,"Casual"),k().createElement(ID,null,k().createElement(bR,{marks:!0,defaultValue:MM.MID,min:MM.LOW,max:MM.HIGH,onChange:e=>C(e),width:"374px"})),k().createElement(MD,{textAlign:"right"},"Formal")),k().createElement(AD,null,k().createElement(jD,null,k().createElement(MD,{display:"block"},"Reserved"),k().createElement(MD,{textAlign:"right",display:"block"},"Enthusiastic")),k().createElement(MD,null,"Reserved"),k().createElement(ID,null,k().createElement(bR,{marks:!0,defaultValue:DM.MID,min:DM.LOW,max:DM.HIGH,onChange:e=>O(e),width:"374px"})),k().createElement(MD,{textAlign:"right"},"Enthusiastic")),i!==IM.SMS&&k().createElement(AD,null,k().createElement(jD,null,k().createElement(MD,{display:"block"},"Brief"),k().createElement(MD,{textAlign:"right",display:"block"},"Detailed")),k().createElement(MD,null,"Brief"),k().createElement(ID,null,k().createElement(bR,{marks:!0,defaultValue:jM.MID,min:jM.LOW,max:jM.HIGH,onChange:e=>_(e),width:"374px"})),k().createElement(MD,{textAlign:"right"},"Detailed"))),K&&k().createElement(kD,null,k().createElement(ED,null,k().createElement(wD,{value:T,onChange:e=>P(e.target.value),placeholder:"Include any additional information you’d like Covideo AI Assist to consider."})))),k().createElement(LD,null,!X&&k().createElement(zD,null,c," prompts left this month"),X&&k().createElement(zD,{color:EM.red100},k().createElement(yT,null)," ",k().createElement("span",null,"0 prompts left this month")),k().createElement(BD,{onClick:()=>l(),text:"Generate",icon:k().createElement(yD,{color:EM.white}),margin:"0",disabled:J,backgroundcolor:EM.magic100,textColor:EM.white,border:"0",currentAiTheme:G}))),k().createElement(PD,null,k().createElement(DD,null,s&&k().createElement(bD,null,k().createElement(ND,null,k().createElement(eT(),{animationData:vD,loop:!0,autoplay:!0}))),!s&&$===FM.PLAIN&&k().createElement(RD,{disabled:s,value:u,onChange:e=>{I(e.target.value),A(e.target.value)}}),!s&&$===FM.HTML&&k().createElement(FD,{disabled:s,dangerouslySetInnerHTML:{__html:u}})),k().createElement(LD,null,Z&&k().createElement(pD,{onClick:()=>(async()=>{var e;document.addEventListener("copy",(e=>{e.preventDefault(),e.clipboardData&&(e.clipboardData.setData("text/html",u),e.clipboardData.setData("text/plain",p&&p.data.url||""))}),{once:!0}),document.execCommand("copy"),e={title:"CRM Code Copied!"},XP(k().createElement(TR,Object.assign({},e)),{progressStyle:{background:"transparent"},position:e.position||"top-right",closeButton:k().createElement(aD,Object.assign({},e))}),r&&await r(),t()})(),text:"Copy",margin:"0",textPadding:"8px 16px",disabled:ee,backgroundcolor:_M[G].colors.primaryColor,textColor:EM.white,border:"1px solid transparent"}),Q&&k().createElement(pD,{margin:"0",textPadding:"8px 16px",onClick:()=>(async()=>{n&&(await n(u,U,V),t())})(),text:"Insert This",disabled:ee,backgroundcolor:_M[G].colors.primaryColor,textColor:EM.white,border:"1px solid transparent"})))))},AR=new v.QueryClient({defaultOptions:{queries:{retry:0,refetchOnMount:!1,refetchOnReconnect:!1,refetchOnWindowFocus:!1},mutations:{retry:0}}}),jR=ph(pD)`
574
574
  border: ${e=>{let{border:t}=e;return t}};
575
575
  background: ${e=>{let{backgroundcolor:t,currentAiTheme:n}=e;return"gradient"===t?`linear-gradient(31deg, ${EM.magic100} 0%, ${_M[n].colors.primaryColor} 100%)`:t}};
576
- `,MR=e=>{let{handleSubmitGeneratedContent:t,handleOnCopySuccess:n,defaultPromptType:r,defaultPromptUseCase:i=AM.INITIAL_REACH_OUT,defaultRecipient:o="",defaultVin:a="",userInput:s="",autoGenerate:l=!1,margin:c="0",height:u="auto",iconPadding:f="12px 2px 12px 10px",backgroundcolor:d="#8D31D6",border:p,iconColor:h=EM.white,videoId:y,btnLabel:m="",hoverPopup:g,hoverPosition:x="above",disabled:b,title:w}=e;const{userData:S,currentAiTheme:C}=uD(),{customer:_}=S,O=S.isAutomotiveServiceRole,[P,T]=(0,E.useState)(!1),I=()=>T(!0);if(O||!Number(_.hasCovideoMagic))return null;const A=()=>k().createElement(jR,{onClick:I,iconPadding:f,title:w,text:m,backgroundcolor:d,border:"gradient"===d?"0":p,icon:"gradient"===h?k().createElement(hD,null):k().createElement(yD,{color:h}),textColor:EM.white,margin:"0",height:u,currentAiTheme:C,disabled:b}),j=!!g;return k().createElement(v.QueryClientProvider,{client:AR},k().createElement("div",{style:{margin:c},className:"ai-assist"},j&&k().createElement(TM,{showtriangle:!0,position:x,padding:"0",width:"auto",hoverable:k().createElement(A,null),popup:g}),!j&&k().createElement(A,null),P&&k().createElement(dD,{defaultPromptType:r,defaultPromptUseCase:i,defaultRecipient:o,defaultVin:a,userInput:s,videoId:y,autoGenerate:l},k().createElement(IR,{closeModal:()=>T(!1),handleSubmitGeneratedContent:t,handleOnCopySuccess:n}))))},DR=e=>{let{children:t}=e;return k().createElement(oh,{theme:{color:"blue"}},t)},RR=e=>{let{...t}=e;return k().createElement(cD,{userData:t.userData,token:t.token,aiAssistTheme:t.aiAssistTheme,env:t.env},k().createElement(DR,null,k().createElement(MR,{userInput:t.userInput,defaultPromptType:t.defaultPromptType,handleSubmitGeneratedContent:t.handleSubmitGeneratedContent,margin:t.margin,hoverPopup:t.hoverPopup,hoverPosition:t.hoverPosition,btnLabel:t.btnLabel,height:t.height,backgroundcolor:t.backgroundcolor,iconPadding:t.iconPadding,videoId:t.videoId,defaultVin:t.defaultVin,iconColor:t.iconColor,border:t.border,autoGenerate:t.autoGenerate,title:t.title,handleOnCopySuccess:t.handleOnCopySuccess,defaultRecipient:t.defaultRecipient,defaultPromptUseCase:t.defaultPromptUseCase,disabled:t.disabled})))};var FR,LR;!function(e){e.TELEPROPTER_SCRIPT="Teleprompter Script",e.EMAIL="Email",e.SMS="SMS",e.CRM_MESSAGE="CRM Message"}(FR||(FR={})),function(e){e.QUOTE_SEND="Quote-Send",e.OPENED_EMAIL="Opened-Email",e.WATCHED_VIDEO="Watched-Video",e.APPROVED_ITEMS="Approved-Items",e.UPDATE_QUOTE="Update-Quote",e.RECORDED_VIDEO="Recorded-Video",e.APPROVED_VIDEO="Approved-Video",e.DENIED_VIDEO="Denied-Video",e.DELETE_VIDEO="Delete-Video",e.QUOTE_RESEND="Quote-Resend",e.UPDATE_RO="RO-Update",e.QUICKSHARE="Quickshare",e.CRM_SHARE="Crm-Share",e.WATCHED_VIDEO_UNKNOWN="WATCHED_VIDEO_UNKNOWN"}(LR||(LR={}));var BR,NR,zR,VR,UR,HR,GR,WR,qR,$R,ZR,YR,QR,KR,XR,JR,eF,tF,nF,rF,iF,oF,aF,sF,lF,cF,uF=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},fF=function(){return fF=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},fF.apply(this,arguments)},dF=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},pF=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},hF=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},yF=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},mF=tt.div(BR||(BR=uF(["\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n overflow: hidden;\n opacity: ",";\n &:hover {\n .small-insert-video-button {\n display: none;\n }\n .large-insert-video-button {\n display: flex;\n }\n }\n"],["\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n overflow: hidden;\n opacity: ",";\n &:hover {\n .small-insert-video-button {\n display: none;\n }\n .large-insert-video-button {\n display: flex;\n }\n }\n"])),hi,(function(e){var t=e.opacity;return null!=t?t:"1"})),vF=tt.div(NR||(NR=uF(["\n position: relative;\n aspect-ratio: 16 / 9;\n min-height: 100px;\n background-color: ",";\n"],["\n position: relative;\n aspect-ratio: 16 / 9;\n min-height: 100px;\n background-color: ",";\n"])),(function(e){return e.backgroundColor||"transparent"})),gF=tt.div(zR||(zR=uF(["\n background-color: ",";\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n"],["\n background-color: ",";\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])),hi),xF=tt.div(VR||(VR=uF(["\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n min-height: 40px;\n color: ",";\n background-color: ",";\n width: ",";\n border-radius: 6px;\n word-break: break-word;\n"],["\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n min-height: 40px;\n color: ",";\n background-color: ",";\n width: ",";\n border-radius: 6px;\n word-break: break-word;\n"])),Ii,(function(e){return e.backgroundColor||"transparent"}),(function(e){return e.width||"auto"})),bF=tt.div(UR||(UR=uF(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n display: flex;\n align-items: center;\n background-color: ",";\n width: ",";\n border-radius: 6px;\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n display: flex;\n align-items: center;\n background-color: ",";\n width: ",";\n border-radius: 6px;\n"])),Ti,(function(e){return e.backgroundColor||"transparent"}),(function(e){return e.width||"auto"})),wF=tt.div(HR||(HR=uF(["\n position: absolute;\n left: 12px;\n bottom: 12px;\n background-color: ",";\n border-radius: 24px;\n color: ",";\n font-weight: 500;\n font-size: 12px;\n line-height: 16px;\n padding: 4px 8px;\n min-width: 50px;\n"],["\n position: absolute;\n left: 12px;\n bottom: 12px;\n background-color: ",";\n border-radius: 24px;\n color: ",";\n font-weight: 500;\n font-size: 12px;\n line-height: 16px;\n padding: 4px 8px;\n min-width: 50px;\n"])),"rgba(39, 42, 50, 0.4)",hi),SF=tt.img(GR||(GR=uF(["\n position: absolute;\n top: 0;\n height: 100%;\n left: 50%;\n transform: translateX(-50%);\n opacity: ",";\n"],["\n position: absolute;\n top: 0;\n height: 100%;\n left: 50%;\n transform: translateX(-50%);\n opacity: ",";\n"])),(function(e){return e.visible?1:0})),CF=tt.div(WR||(WR=uF(["\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: ",";\n"],["\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: ",";\n"])),wi),EF=tt.div(qR||(qR=uF(["\n display: flex;\n justify-content: space-between;\n position: relative;\n z-index: 1;\n padding: 8px;\n"],["\n display: flex;\n justify-content: space-between;\n position: relative;\n z-index: 1;\n padding: 8px;\n"]))),kF=tt.div($R||($R=uF(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"],["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"]))),_F=function(e){var n,r=e.video,i=e.isMerge,o=e.selectedVideosData,a=e.setSelectedVideosData,s=(null==r?void 0:r.folder)===Fn,l=Mt(),c=l.showQuickshareFeature,u=l.showVoiceoverFeature,f=l.showInsertFeature,d=l.onVideoInsert,p=l.onVideoInsertError,h=l.showAiAssistFeature,y=l.env,m=Vl().userData,v=tc(m),g=nc(m),x=function(e,t){return e&&(!!(null==t?void 0:t.customer.vAutoDealerId)||!!(null==t?void 0:t.customer.eDealerId)||!!(null==t?void 0:t.customer.homeNetId)||!!(null==t?void 0:t.customer.maxDigitalId)||!!(null==t?void 0:t.customer.dealersLinkId)||!!(null==t?void 0:t.customer.dealerCueId)||!!(null==t?void 0:t.customer.autoRevolutionId)||!!(null==t?void 0:t.customer.vinsolutionsIMSDealerId)||!!(null==t?void 0:t.customer.dealerDotComIMS)||!!(null==t?void 0:t.customer.dealerCenterDealerId)||function(e){var t;return"64604"===(null===(t=null==e?void 0:e.customerId)||void 0===t?void 0:t.toString())}(t))}(g,m),w=ec(m),k=dn(),_=hF((0,E.useState)(0),2),O=_[0],P=_[1],T=hF((0,E.useState)(!1),2),I=T[0],A=T[1],j=hF((0,E.useState)(!1),2),M=j[0],D=j[1],R=hF((0,E.useState)(!1),2),F=R[0],L=R[1],B=hF((0,E.useState)(!1),2),N=B[0],z=B[1],V=hF((0,E.useState)(!1),2),U=V[0],H=V[1],G=hF((0,E.useState)(),2),W=G[0],q=G[1],$=hF((0,E.useState)(null),2),Z=$[0],Y=$[1],Q=ef().toast,K=(0,E.createRef)(),X=C().headers.Authorization,J=function(){H(!1),clearTimeout(W)},ee=function(e){K.current&&!U&&H(!0)},te=r?function(e,t,n){void 0===n&&(n="YYYY-MM-DD HH:mm:ss");var r=t.timeZone||Intl.DateTimeFormat().resolvedOptions().timeZone||yt().tz.guess(),i=yt()(e,["M/DD/YYYY h:mm:ss A","M/DD/YYYY, h:mm:ss A","M/D/YYYY h:mm:ss A","M/D/YYYY, h:mm:ss A","MM/DD/YYYY"]),o=-yt()().tz("America/New_York").utcOffset(),a=yt()().tz(r).utcOffset(),s=i.add(o,"minute");return yt()(s).add(a,"minute").format(n)}(r.recordDate,m,"MM/DD/YYYY hh:mm:ss A"):"",ne=function(){Z&&se(Z),z(!1)},re=function(){return dF(void 0,void 0,void 0,(function(){return pF(this,(function(e){switch(e.label){case 0:return[4,sr({videoRequestId:null==r?void 0:r.videoRequest.videoRequestId})];case 1:return e.sent(),Q({message:"Video marked as Sent"}),ne(),[2]}}))}))},ie=function(e,t){return void 0===e&&(e=LR.QUICKSHARE),dF(void 0,void 0,void 0,(function(){var n,i,o;return pF(this,(function(a){switch(a.label){case 0:return Y(t||null),n=r?r.id:"",i={videoActivityOptions:{from:m.firstName+" "+m.lastName,type:e},videoId:parseInt(n)},[4,(s=i,Ln(void 0,void 0,void 0,(function(){var e,t;return Bn(this,(function(n){switch(n.label){case 0:return e=S.bearerToken,[4,Tn({url:"/video-activity",baseURL:b,method:Vn,headers:e,data:s}).catch((function(e){return e}))];case 1:if((t=n.sent())instanceof Error)throw t;return[2,t]}}))})))];case 1:return a.sent(),(o=null===m.customer.markVideosAsSent?If:parseInt(m.customer.markVideosAsSent.toString(),10))!==Af&&w?(o===If&&z(!0),o!==jf?[3,3]:[4,re()]):(t&&se(t),[2]);case 2:a.sent(),t&&se(t),a.label=3;case 3:return[2]}var s}))}))},oe=function(e,t){return dF(void 0,void 0,void 0,(function(){var n,i,o,a;return pF(this,(function(s){switch(s.label){case 0:return n=function(){return dF(void 0,void 0,void 0,(function(){var n,i;return pF(this,(function(o){switch(o.label){case 0:return n=r?r.id:"",[4,of(n,fF({vin:e},t&&{useAutomotive:t}))];case 1:return[2,{url:(i=o.sent().data).url,html:i.html}]}}))}))},i=document.createElement("textArea"),a=(o=navigator.clipboard).write,[4,new ClipboardItem({"text/plain":new Promise((function(e){return dF(void 0,void 0,void 0,(function(){var t,r;return pF(this,(function(i){switch(i.label){case 0:return t=e,r=Blob.bind,[4,n()];case 1:return t.apply(void 0,[new(r.apply(Blob,[void 0,[i.sent().url],{type:"text/plain"}]))]),[2]}}))}))})),"text/html":new Promise((function(e){return dF(void 0,void 0,void 0,(function(){var t,r,o;return pF(this,(function(a){switch(a.label){case 0:return i.style.visibility="hidden",i.setAttribute("contenteditable","true"),t=i,[4,n()];case 1:return t.value=a.sent().html,document.body.appendChild(i),(r=document.createRange()).selectNodeContents(i),null==(o=window.getSelection())||o.removeAllRanges(),null==o||o.addRange(r),null==i||i.setSelectionRange(0,999999),e(new Blob([i.value],{type:"text/html"})),[2]}}))}))}))})];case 1:return[4,a.apply(o,[[s.sent()]]).catch((function(){Q({message:"Something went wrong"})}))];case 2:return s.sent(),i&&i.remove&&i.remove(),Q({message:"Link copied to clipboard!"}),[4,ie()];case 3:return s.sent(),[2]}}))}))};(0,E.useEffect)((function(){U&&P(O+1)}),[U]),(0,E.useEffect)((function(){if(O>0&&U){clearTimeout(W);var e=setTimeout(P,1e3,O+1);q(e)}}),[O]),(0,E.useEffect)((function(){return K.current&&(K.current.addEventListener("load",J,!0),K.current.addEventListener("error",ee,!0)),function(){K.current&&(K.current.removeEventListener("loadedmetadata",J,!0),K.current.removeEventListener("error",ee,!0))}}),[K]);var ae,se=function(e){Y(null),d?d(e):le("onVideoInsert function not defined.")},le=function(e){p?p(e):console.log("onVideoInsert function not defined. Error: ".concat(e))};return r?(0,t.jsxs)(mF,{children:[(0,t.jsxs)(vF,fF({backgroundColor:ji},{children:[(0,t.jsx)(SF,{src:r.thumbnail,ref:K,visible:!U},r.id+O),!i&&(0,t.jsxs)(EF,{children:[(0,t.jsxs)(kF,{children:[!s&&(0,t.jsxs)(t.Fragment,{children:[f&&(0,t.jsx)(vo,{padding:"0 8px",height:"32px",onClick:function(){return k.push("/insert-video/".concat(null==r?void 0:r.id))},textColor:Ei,backgroundColor:hi,icon:(0,t.jsx)(iT,{size:18,color:Ei}),hoverBorderColor:bi,title:"Insert"}),c&&(0,t.jsx)(vo,{padding:"0 8px",title:"QuickShare",height:"32px",onClick:function(){return dF(void 0,void 0,void 0,(function(){var e,t,n,i,o,a;return pF(this,(function(s){switch(s.label){case 0:A(!0),e=(null===(o=null==r?void 0:r.videoRequest)||void 0===o?void 0:o.vin)||"",t=!!(null===(a=null==r?void 0:r.videoRequest)||void 0===a?void 0:a.vin),s.label=1;case 1:return s.trys.push([1,6,,7]),_t?[4,oe(e,t)]:[3,3];case 2:return s.sent(),[2];case 3:return n=r?r.id:"",[4,of(n,fF({vin:e},t&&{useAutomotive:t}))];case 4:return i=s.sent().data,[4,(l=i,dF(void 0,void 0,void 0,(function(){return pF(this,(function(e){switch(e.label){case 0:return document.addEventListener("copy",(function(e){return function(e,t,n){e.clipboardData&&(e.clipboardData.setData("text/html",n),e.clipboardData.setData("text/plain",t)),e.preventDefault()}(e,l.url,l.html)}),{once:!0}),document.execCommand("copy"),Q({message:"Link copied to clipboard!"}),[4,ie()];case 1:return e.sent(),[2]}}))})))];case 5:return s.sent(),A(!1),[3,7];case 6:return s.sent(),A(!1),Q({message:"Error retrieving quick share link!"}),[3,7];case 7:return[2]}var l}))}))},textColor:Ei,backgroundColor:hi,icon:I?(0,t.jsx)(bo,{size:12,color:Ei}):(0,t.jsx)(nT,{size:18,color:Ei}),hoverBorderColor:bi,disabled:I}),h&&(0,t.jsx)(RR,{defaultPromptType:FR.CRM_MESSAGE,handleSubmitGeneratedContent:function(e,t,n){return dF(void 0,void 0,void 0,(function(){return pF(this,(function(r){switch(r.label){case 0:return[4,ie(LR.CRM_SHARE,{html:e,url:t||"",thumbnail:n||""})];case 1:return r.sent(),[2]}}))}))},handleOnCopySuccess:function(){return dF(void 0,void 0,void 0,(function(){var e;return pF(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,ie(LR.CRM_SHARE)];case 1:return t.sent(),Q({message:"Link copied to clipboard!"}),[3,3];case 2:return e=t.sent(),console.log(e),[3,3];case 3:return[2]}}))}))},margin:"0 12px 0 0",height:"40px",backgroundcolor:hi,iconColor:"gradient",iconPadding:"9px 11px",videoId:r?r.id:"",defaultVin:(null===(n=null==r?void 0:r.videoRequest)||void 0===n?void 0:n.vin)||"",token:X,userData:{customer:{business:m.customer.business,hasCovideoMagic:!!m.customer.hasCovideoMagic},firstName:m.firstName,isAutomotiveSalesRole:g,isAutomotiveServiceRole:v,isIMSEnabled:x},aiAssistTheme:w?"automotive":"covideo",title:"AI assist",env:y})]}),s&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(vo,{padding:"0 8px",title:"Copy to Primary",height:"32px",onClick:function(){return dF(void 0,void 0,void 0,(function(){return pF(this,(function(e){switch(e.label){case 0:if(!r)return[2];D(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,(t=r.id,Ln(void 0,void 0,void 0,(function(){var e,n,r;return Bn(this,(function(i){switch(i.label){case 0:return e=S.bearerToken,n={url:"/videos/".concat(t,"/move"),baseURL:b,method:zn,headers:e,data:{videoId:t,copy:!0,videoFolder:"Primary"}},[4,Tn(n).catch((function(e){return e}))];case 1:if((r=i.sent())instanceof Error)throw r;return[2,r]}}))})))];case 2:return e.sent(),Q({message:"Video copied successfully."}),[3,4];case 3:return e.sent(),Q({message:"Copy failed, please try again later."}),[3,4];case 4:return D(!1),[2]}var t}))}))},textColor:Ei,backgroundColor:hi,icon:M?(0,t.jsx)(bo,{size:12,color:Ei}):(0,t.jsx)(Nc,{size:18,color:Ei}),hoverBorderColor:bi,disabled:M}),(0,t.jsx)(vo,{padding:"0 8px",title:"Download",height:"32px",onClick:function(){return dF(void 0,void 0,void 0,(function(){return pF(this,(function(e){switch(e.label){case 0:if(!r)return[2];L(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,(t=r.id,n="".concat(r.title,".mp4"),Ln(void 0,void 0,void 0,(function(){var e,r,i;return Bn(this,(function(o){switch(o.label){case 0:return e=S.bearerToken,r={url:"/videos/".concat(t,"/download"),baseURL:b,method:Nn,headers:e,responseType:"blob"},[4,Tn(r).catch((function(e){return e}))];case 1:if((i=o.sent())instanceof Error)throw i;return[2,(0,Rn.saveAs)(new Blob([i],{type:"video/mp4"}),n)]}}))})))];case 2:return e.sent(),[3,4];case 3:return e.sent(),Q({message:"Download failed, please try again later."}),[3,4];case 4:return L(!1),[2]}var t,n}))}))},textColor:Ei,backgroundColor:hi,icon:F?(0,t.jsx)(bo,{size:12,color:Ei}):(0,t.jsx)(zc,{size:18,color:Ei}),hoverBorderColor:bi,disabled:F})]})]}),u&&!s&&(0,t.jsx)(vo,{padding:"0 8px",title:"Voiceover",height:"32px",onClick:function(){return k.push("/voiceover/".concat(r.id))},textColor:Ei,backgroundColor:hi,icon:(0,t.jsx)(tT,{size:18,color:Ei}),hoverBorderColor:bi})]}),i&&(0,t.jsx)(uc,{width:"24px",blueCheck:!0,style:{marginLeft:10,marginTop:10},checked:o.find((function(e){return e.id===r.id})),onChange:function(e){return function(e){var t=e.target.checked;a(t?yF(yF([],hF(o),!1),[r],!1):o.filter((function(e){return e.id!=r.id})))}(e)}}),U&&(0,t.jsx)(CF,{children:(0,t.jsx)(bo,{})}),!!(null==r?void 0:r.videoLength)&&(0,t.jsx)(wF,{children:(ae=r.videoLength,new Date(ae).toISOString().substring(14,19))})]})),(0,t.jsxs)(gF,{children:[(0,t.jsx)(xF,{children:r.title}),(0,t.jsxs)(bF,{children:[(0,t.jsx)(sT,{size:16,color:Oi,style:{marginRight:6}}),te]})]}),N&&(0,t.jsx)(Tf,{handleModalClose:ne,handleSubmit:re})]}):(0,t.jsxs)(mF,fF({opacity:".3"},{children:[(0,t.jsx)(vF,fF({backgroundColor:_i},{children:(0,t.jsx)(wF,{children:" "})})),(0,t.jsxs)(gF,{children:[(0,t.jsx)(xF,fF({backgroundColor:_i,width:"100%"},{children:" "})),(0,t.jsx)(bF,fF({backgroundColor:_i,width:"70%"},{children:" "}))]})]}))},OF=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},PF=tt.div(YR||(YR=OF(["\n position: relative;\n width: 216px;\n ","\n"],["\n position: relative;\n width: 216px;\n ","\n"])),(function(e){return e.theme.containerWidth<oi&&Ne(ZR||(ZR=OF(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),TF=tt.div(QR||(QR=OF(["\n position: absolute;\n left: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"],["\n position: absolute;\n left: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"])),Pi,Ii),IF=tt.div(KR||(KR=OF(["\n position: absolute;\n right: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"],["\n position: absolute;\n right: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"])),Pi,Ii),AF=function(e){var n=e.prevSearch,r=e.handleSearch,i=Mt().containerWidth,o=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useState)(n||""),2),a=o[0],s=o[1];return(0,t.jsxs)(PF,{children:[(0,t.jsx)(TF,{children:(0,t.jsx)(hT,{onClick:function(){return r(a)},size:17})}),(0,t.jsx)(uo,{width:"100%",type:"text",padding:"8px 8px 8px 40px",value:a,placeholder:i>=ri?"Search videos...":"Search...",onKeyUp:function(e){"Enter"===e.key&&r(a)},onChange:function(e){s(e.currentTarget.value)}}),""!==a&&(0,t.jsx)(IF,{children:(0,t.jsx)(Bc,{onClick:function(){return s(""),void r("")},size:17})})]})},jF=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},MF=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},DF=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},RF=tt.div(JR||(JR=jF(["\n position: relative;\n display: grid;\n gap: 24px;\n margin: 24px 0;\n grid-template-columns: repeat(3, 1fr);\n z-index: 0;\n ","\n"],["\n position: relative;\n display: grid;\n gap: 24px;\n margin: 24px 0;\n grid-template-columns: repeat(3, 1fr);\n z-index: 0;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(XR||(XR=jF(["\n grid-template-columns: 1fr;\n "],["\n grid-template-columns: 1fr;\n "])))})),FF=tt.div(tF||(tF=jF(["\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n ","\n"],["\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n ","\n"])),Pi,(function(e){return e.theme.containerWidth<ii&&Ne(eF||(eF=jF(["\n top: 32px;\n width: 100%;\n text-align: center;\n "],["\n top: 32px;\n width: 100%;\n text-align: center;\n "])))})),LF=function(e){var n=e.size,r=e.message;return(0,t.jsxs)(RF,{children:[(0,t.jsx)(FF,{children:r}),DF([],MF(Array(n)),!1).map((function(e,n){return(0,t.jsx)(_F,{},n)}))]})},BF=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},NF=function(){return NF=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},NF.apply(this,arguments)},zF=tt.div(nF||(nF=BF(["\n position: relative;\n"],["\n position: relative;\n"]))),VF=tt.div(rF||(rF=BF(["\n position: absolute;\n cursor: pointer;\n top: 40px;\n min-height: 20px;\n background: pink;\n width: 100%;\n box-shadow: 0px 0px 4px rgba(66, 79, 104, 0.08),\n 0px 6px 12px rgba(66, 79, 104, 0.06);\n border-radius: 8px;\n background: ",";\n"],["\n position: absolute;\n cursor: pointer;\n top: 40px;\n min-height: 20px;\n background: pink;\n width: 100%;\n box-shadow: 0px 0px 4px rgba(66, 79, 104, 0.08),\n 0px 6px 12px rgba(66, 79, 104, 0.06);\n border-radius: 8px;\n background: ",";\n"])),hi),UF=function(e){var n=e.name,r=e.handleUpdateToken,i=Mt().hasExternalJwt,o=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useState)(!1),2),a=o[0],s=o[1],l=function(e){var t=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}(E.useState(null),2),n=t[0],r=t[1];E.useEffect((function(){if(n){var e=function(e){n.contains(e.target)||s(!1)};return document.addEventListener("click",e,!0),function(){return document.removeEventListener("click",e,!0)}}}),[n]);var i=E.useCallback((function(e){return r(e)}),[]);return{ref:i}}().ref,c=dn();return i?null:(0,t.jsxs)(zF,NF({ref:l},{children:[(0,t.jsx)(vo,{text:n,backgroundColor:a?ki:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(pT,{size:18,color:Pi}),iconOther:a?(0,t.jsx)(aT,{}):(0,t.jsx)(oT,{}),onClick:function(){s((function(e){return!e}))}}),a&&(0,t.jsx)(VF,NF({onClick:function(){return r(""),Pt(),void c.go(0)}},{children:(0,t.jsx)(vo,{text:"Log Out",textColor:Li,backgroundColor:"transparent",borderColor:"transparent",icon:(0,t.jsx)(jc,{size:18,color:Ri})})}))]}))},HF=tt.div(iF||(iF=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"])),Ti),GF=function(e){var n=e.page,r=e.size,i=e.count,o=n*r+1,a=n*r+r;return a>i&&(a=i),(0,t.jsxs)(HF,{children:[o,"-",a," of ",i]})};!function(e){e.NoStatus="",e.Pending="pending",e.Denied="denied",e.Approved="approved"}(oF||(oF={})),function(e){e.NoStatus="",e.NotSent="not_sent",e.Sent="sent",e.Watched="watched",e.Deleted="deleted"}(aF||(aF={})),function(e){e.NoType="",e.Marketing="Marketing",e.Prospecting="Prospecting",e.RespondToInquiry="Respond to Inquiry",e.ThanksForYourBusiness="Thanks For Your Business"}(sF||(sF={})),function(e){e.NoType="",e.AdditionalRepair="Additional Repair",e.RepairInquiry="Repair inquiry",e.RegularService="Regular service",e.ServiceReminder="Service reminder",e.QuoteRequest="Quote request"}(lF||(lF={})),function(e){e[e.LEGACY=0]="LEGACY",e[e.FREE=1]="FREE",e[e.PRO=2]="PRO",e[e.TEAMS=3]="TEAMS",e[e.ENTERPRISE=4]="ENTERPRISE"}(cF||(cF={}));var WF,qF,$F,ZF,YF,QF,KF,XF,JF,eL,tL,nL,rL,iL,oL,aL,sL,lL,cL=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},uL=function(){return uL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},uL.apply(this,arguments)},fL=tt.div(nL||(nL=cL(["\n visibility: hidden;\n opacity: 0;\n position: absolute;\n ","\n height: auto;\n width: ",";\n max-width: ",";\n padding: ",";\n background: ",";\n border: 1px solid ",";\n box-shadow: 0px 8px 32px rgba(29, 30, 36, 0.08);\n border-radius: 5px;\n z-index: 99;\n cursor: initial;\n ","\n // TODO: add support for other triangle positions when needed\n ","\n ","\n"],["\n visibility: hidden;\n opacity: 0;\n position: absolute;\n ","\n height: auto;\n width: ",";\n max-width: ",";\n padding: ",";\n background: ",";\n border: 1px solid ",";\n box-shadow: 0px 8px 32px rgba(29, 30, 36, 0.08);\n border-radius: 5px;\n z-index: 99;\n cursor: initial;\n ","\n // TODO: add support for other triangle positions when needed\n ","\n ","\n"])),(function(e){return"bottom"===e.position?Ne(WF||(WF=cL(["\n top: 100%;\n left: 50%;\n transform: translate(-50%);\n "],["\n top: 100%;\n left: 50%;\n transform: translate(-50%);\n "]))):"below"===e.position?Ne(qF||(qF=cL(["\n top: calc(100% + 12px);\n left: 50%;\n transform: translate(-50%);\n "],["\n top: calc(100% + 12px);\n left: 50%;\n transform: translate(-50%);\n "]))):"bottom-left"===e.position?Ne($F||($F=cL(["\n top: 100%;\n left: 0%;\n "],["\n top: 100%;\n left: 0%;\n "]))):"right"===e.position?Ne(ZF||(ZF=cL(["\n top: 50%;\n left: 100%;\n transform: translateY(-50%);\n "],["\n top: 50%;\n left: 100%;\n transform: translateY(-50%);\n "]))):"top-left"===e.position?Ne(YF||(YF=cL(["\n bottom: 100%;\n left: 0%;\n "],["\n bottom: 100%;\n left: 0%;\n "]))):"top-right"===e.position?Ne(QF||(QF=cL(["\n bottom: 100%;\n right: 0%;\n "],["\n bottom: 100%;\n right: 0%;\n "]))):"top"===e.position?Ne(KF||(KF=cL(["\n bottom: 100%;\n left: 50%;\n transform: translate(-50%);\n "],["\n bottom: 100%;\n left: 50%;\n transform: translate(-50%);\n "]))):"above"===e.position?Ne(XF||(XF=cL(["\n bottom: calc(100% + 12px);\n left: 50%;\n transform: translate(-50%);\n "],["\n bottom: calc(100% + 12px);\n left: 50%;\n transform: translate(-50%);\n "]))):null}),(function(e){return e.width}),(function(e){return e.maxWidth}),(function(e){return e.padding}),hi,"#f7f8fa",(function(e){return e.showTriangle&&Ne(JF||(JF=cL(["\n &:after {\n content: '';\n display: block;\n position: absolute;\n }\n "],["\n &:after {\n content: '';\n display: block;\n position: absolute;\n }\n "])))}),(function(e){var t=e.showTriangle,n=e.position;return t&&("above"===n||"top"===n)&&Ne(eL||(eL=cL(["\n &:after {\n border-bottom: 0;\n border-top: 8px solid ",";\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n bottom: -8px;\n left: 50%;\n transform: translateX(-50%);\n }\n "],["\n &:after {\n border-bottom: 0;\n border-top: 8px solid ",";\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n bottom: -8px;\n left: 50%;\n transform: translateX(-50%);\n }\n "])),hi)}),(function(e){var t=e.showTriangle,n=e.position;return t&&"below"===n&&Ne(tL||(tL=cL(["\n &:after {\n border-top: 0;\n border-bottom: 8px solid ",";\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n top: -8px;\n left: 50%;\n transform: translateX(-50%);\n }\n "],["\n &:after {\n border-top: 0;\n border-bottom: 8px solid ",";\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n top: -8px;\n left: 50%;\n transform: translateX(-50%);\n }\n "])),hi)})),dL=tt.div(iL||(iL=cL(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(e){var t=e.disableHover,n=e.cursor;return t?null:Ne(rL||(rL=cL(["\n cursor: ",";\n &:hover "," {\n visibility: visible;\n opacity: 1;\n transition-delay: 300ms;\n }\n "],["\n cursor: ",";\n &:hover "," {\n visibility: visible;\n opacity: 1;\n transition-delay: 300ms;\n }\n "])),n,fL)})),pL=function(e){var n=e.hoverable,r=e.className,i=e.popup,o=e.position,a=void 0===o?"bottom":o,s=e.padding,l=void 0===s?"24px":s,c=e.width,u=void 0===c?"267px":c,f=e.maxWidth,d=void 0===f?"":f,p=e.disableHover,h=void 0!==p&&p,y=e.showTriangle,m=void 0!==y&&y,v=e.cursor,g=void 0===v?"pointer":v;return(0,t.jsxs)(dL,uL({disableHover:h,className:r,cursor:g},{children:[(0,t.jsx)(fL,uL({width:u,position:a,padding:l,showTriangle:m,maxWidth:d||u},{children:i})),n]}))},hL=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},yL=function(){return yL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},yL.apply(this,arguments)},mL=tt.div(oL||(oL=hL(["\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n height: 100vh;\n background-color: ",";\n z-index: 998;\n width: 100% !important;\n"],["\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n height: 100vh;\n background-color: ",";\n z-index: 998;\n width: 100% !important;\n"])),vi),vL=tt.div(sL||(sL=hL(["\n width: auto;\n height: 100vh;\n ","\n transition: height 0.5s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 999;\n"],["\n width: auto;\n height: 100vh;\n ","\n transition: height 0.5s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 999;\n"])),(function(e){return e.theme.containerWidth>=ri&&Ne(aL||(aL=hL(["\n width: 100vw;\n "],["\n width: 100vw;\n "])))})),gL=tt.div(lL||(lL=hL(["\n height: ",";\n background-color: #fff;\n overflow-y: ",";\n overflow-x: ",";\n border-radius: 4px;\n ","\n"],["\n height: ",";\n background-color: #fff;\n overflow-y: ",";\n overflow-x: ",";\n border-radius: 4px;\n ","\n"])),(function(e){return e.maxHeight?e.maxHeight:"100vh"}),(function(e){return e.overflowY}),(function(e){return e.overflowX}),(function(e){if(e.disableFullScreen)return"\n height: ".concat(e.overrideBodyHeight&&e.maxHeight?e.maxHeight:"auto",";\n width: ").concat(e.widthOnDesktop?e.widthOnDesktop:"auto",";\n ")})),xL=function(e){var n=e.style,r=void 0===n?{}:n,i=e.children,o=e.widthOnDesktop,a=e.disableFullScreen,s=e.maxHeight,l=e.overrideBodyHeight,c=void 0!==l&&l,u=e.bodyOverflowY,f=void 0===u?"auto":u,d=e.bodyOverflowX,p=void 0===d?"hidden":d;return(0,E.useEffect)((function(){if(document&&document.body){var e=document.body.className;document.body.className=e+(e?" ":"")+"modal-open"}return function(){document&&document.body&&(document.body.className=document.body.className.replace(/ ?modal-open/,""))}}),[]),(0,t.jsx)(mL,yL({style:r},{children:(0,t.jsx)(vL,{children:(0,t.jsx)(gL,yL({disableFullScreen:a,widthOnDesktop:o,maxHeight:s,overrideBodyHeight:c,overflowX:p,overflowY:f},{children:i}))})}))},bL=function(){return bL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},bL.apply(this,arguments)},wL={data:null,error:null,loading:!0,progress:0},SL=function(e,t){switch(t.type){case"REQUEST":return bL(bL({},e),{loading:!0,error:null});case"PROGRESS":return bL(bL({},e),{progress:Math.min(e.progress+(n=25,Math.floor(Math.random()*Math.floor(n))),100)});case"SUCCESS":return bL(bL({},e),{data:t.data,loading:!1,error:null,progress:100});case"FAILURE":return bL(bL({},e),{data:null,loading:!1,error:t.error,progress:100});default:return e}var n},CL=function(){return CL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},CL.apply(this,arguments)},EL=function(e){var t=e.method,n=e.pathname,r=e.origin,i=e.params,o=e.autoFetch,a=void 0!==o&&o,s=e.showToastMessage,l=void 0===s||s,c=function(e){var t=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useReducer)(SL,{data:null,error:"",loading:!1}||wL),2);return{state:t[0],dispatch:t[1]}}(),u=c.state,f=c.dispatch,d=u.data,p=u.error,h=u.loading,y=u.progress,m=ef().toast,v=function(e,o){return a=void 0,s=void 0,u=function(){var a,s,c,u;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(d){return f({type:"REQUEST"}),a=setInterval((function(){f({type:"PROGRESS"})}),200),(s=null==e?void 0:e.baseURL)||(s=r||"https://www.covideo.com/api/v2.0"),c=s===b?S.bearerToken:S.headers,u={url:n,baseURL:s,method:void 0!==t?t:"get",params:i},kn()(CL(CL(CL({},u),{headers:c}),e)).then((function(e){var n=e.data,r=e.success;n&&n.message&&l&&m({title:n.message}),n.id&&(n.video_id=n.id),"patch"===t&&(Array.isArray(n)&&(n=n.length>0?"SUCCESS":r),n=!0===n?"SUCCESS":"ERROR"),o>=0&&(n.id=o,n.data&&(n.data.id=o)),f({type:"SUCCESS",data:n}),clearInterval(a)})).catch((function(e){f({type:"FAILURE",error:e.message}),l&&m({title:e.message}),clearInterval(a)})),[2]}))},new((c=void 0)||(c=Promise))((function(e,t){function n(e){try{i(u.next(e))}catch(e){t(e)}}function r(e){try{i(u.throw(e))}catch(e){t(e)}}function i(t){var i;t.done?e(t.value):(i=t.value,i instanceof c?i:new c((function(e){e(i)}))).then(n,r)}i((u=u.apply(a,s||[])).next())}));var a,s,c,u};return a&&null==d&&!1===h&&!p&&v(),{data:d,loading:h,error:p,fetchData:v,progress:y}},kL=function(){var e=EL({pathname:"",origin:b}),t=e.data,n=e.error,r=e.loading,i=e.fetchData;return{videoData:t||null,loading:r,error:n,fetch:function(e){i({method:"post",url:"/videos",baseURL:b,data:{filename:e.filename,title:e.title}},e.hasOwnProperty("id")?e.id:void 0)},progress:e.progress}},_L=function(){var e=EL({pathname:""}),t=e.data,n=e.error,r=e.loading,i=e.fetchData,o=e.progress;return{encodeData:t&&(t.data||t.jobId)||null,loading:r,error:n,fetch:function(e){var t=e.videoId;return i({method:"post",url:"videos/".concat(t,"/encode"),baseURL:b})},progress:o}},OL=function(){var e=EL({origin:b}),t=e.data,n=e.error,r=e.loading,i=e.fetchData;return{presignedUrl:t,loading:r,error:n,fetch:function(e){i({method:"get",url:"aws/signedurl?filename=".concat(e.fileName,"&filetype=").concat(e.type),baseURL:b},e.hasOwnProperty("id")?e.id:void 0)}}},PL=function(){return PL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},PL.apply(this,arguments)},TL=(0,E.createContext)({}),IL=function(e){var n=e.children,r=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useState)({}),2),i={action:r[0],setAction:r[1]};return(0,t.jsx)(TL.Provider,PL({value:i},{children:n}))},AL=(TL.Consumer,function(e){return{type:e.type,meta:e.meta}}),jL=function(e){return{type:e.type,payload:e.payload,meta:e.meta}},ML=function(e){var t=e.type,n=e.payload,r=e.meta,i=e.error;return{type:t,payload:n,meta:r,error:void 0===i||i}},DL=function(){return DL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},DL.apply(this,arguments)};function RL(e,t){switch(t.type){case"FETCH_REQUEST":return DL(DL({},e),{loading:!0,error:null});case"FETCH_SUCCESS":return DL(DL({},e),{data:t.payload,loading:!1,error:null});case"FETCH_FAILURE":return DL(DL({},e),{loading:!1,error:t.payload});default:return e}}var FL={data:void 0,loading:!1,error:null},LL=function(){var e=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useReducer)(RL,FL),2),t=e[0],n=e[1],r=t.error,i=t.loading,o=t.data,a=ef().toast;!function(e){var t=(0,E.useContext)(TL).action;(0,E.useEffect)((function(){e(t)}),[t,e])}(n);var s=(0,E.useCallback)((function(e){return t=void 0,r=void 0,o=function(){var t,r,i;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(o){switch(o.label){case 0:n(AL({type:"FETCH_REQUEST"})),t=function(t){e.onUploadProgress(t,e.hasOwnProperty("id")?e.id:void 0)},o.label=1;case 1:return o.trys.push([1,3,,4]),r=function(){var e;return-1!==(null===(e=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===e?void 0:e.indexOf("Firefox"))}(),[4,kn().put(e.url,e.file,{headers:{"content-type":!r&&e.contentType?e.contentType:e.file.type},onUploadProgress:t})];case 2:return o.sent(),n(jL({type:"FETCH_SUCCESS",payload:{success:!0,id:e.hasOwnProperty("id")?e.id:void 0}})),[2];case 3:if((i=o.sent())instanceof Error)throw a({message:null==i?void 0:i.message}),n(ML({type:"FETCH_FAILURE",payload:"Something wen wrong"})),new Error(i.message);return[3,4];case 4:return[2]}}))},new((i=void 0)||(i=Promise))((function(e,n){function a(e){try{l(o.next(e))}catch(e){n(e)}}function s(e){try{l(o.throw(e))}catch(e){n(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,s)}l((o=o.apply(t,r||[])).next())}));var t,r,i,o}),[]);return{data:o,loading:i,error:r,uploadVideo:s}},BL=function(){return BL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},BL.apply(this,arguments)};function NL(e,t){switch(t.type){case"FETCH_REQUEST":return BL(BL({},e),{loading:!0,error:null});case"FETCH_SUCCESS":return BL(BL({},e),{data:t.payload,loading:!1,error:null});case"FETCH_FAILURE":return BL(BL({},e),{data:void 0,loading:!1,error:t.payload});default:return e}}var zL,VL=function(){var e=(0,E.useContext)(TL).setAction,t=ef().toast,n=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useReducer)(NL,{data:void 0,loading:!1,error:null,isValid:!1}),2),r=n[0],i=n[1],o=r.data,a=r.error,s=r.loading;return{start:function(n){return r=void 0,a=void 0,l=function(){var r,a;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(s){switch(s.label){case 0:i(AL({type:"FETCH_REQUEST"})),s.label=1;case 1:return s.trys.push([1,3,,4]),[4,Yn(n)];case 2:return r=s.sent(),i(jL({type:"FETCH_SUCCESS",payload:r})),t({title:"Transcription Started"}),[2,{data:o,loading:!1,error:null}];case 3:return a=s.sent(),t({message:a}),i(ML({type:"FETCH_FAILURE",payload:"Something went wrong"})),e({type:"START_VIDEO_TRANSCRIPTION"}),[2,Promise.reject({loading:!1,error:"Something went wrong"})];case 4:return[2]}}))},new((s=void 0)||(s=Promise))((function(e,t){function n(e){try{o(l.next(e))}catch(e){t(e)}}function i(e){try{o(l.throw(e))}catch(e){t(e)}}function o(t){var r;t.done?e(t.value):(r=t.value,r instanceof s?r:new s((function(e){e(r)}))).then(n,i)}o((l=l.apply(r,a||[])).next())}));var r,a,s,l},data:o,loading:s,error:a}};function UL(){return UL=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},UL.apply(this,arguments)}const HL=tt((function(e){return E.createElement("svg",UL({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),zL||(zL=E.createElement("g",{fill:"#272A32"},E.createElement("path",{id:"bqn2hmlmqa",d:"M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"}))))}))(GL||(GL=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"1"}));var GL,WL=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},qL=function(){return qL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},qL.apply(this,arguments)},$L=tt.div(XL||(XL=WL(["\n margin-top: ","px;\n text-align: center;\n width: ","px;\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n height: ","px;\n background-color: ",";\n\n .file-exists {\n text-align: left;\n color: red;\n }\n\n .drag-drop-zone {\n display: block;\n width: ","px;\n max-width: 100%;\n height: ","px;\n border: 1px dashed ",";\n border-radius: 5px;\n color: ",";\n font-size: 16px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n box-sizing: border-box;\n\n input {\n background: none !important;\n border: none;\n padding: 0 !important;\n &:hover {\n cursor: pointer;\n text-decoration: underline;\n color: ",";\n }\n }\n }\n\n .drag-drop-zone.inside-drag-area {\n svg {\n opacity: 0.7;\n }\n }\n\n .drag-drop-zone.outside-drag-area {\n svg {\n opacity: 0.3;\n }\n }\n\n .dropped-files li {\n color: #07f;\n padding: 3px;\n text-align: left;\n font-weight: bold;\n }\n\n .file {\n display: none;\n }\n"],["\n margin-top: ","px;\n text-align: center;\n width: ","px;\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n height: ","px;\n background-color: ",";\n\n .file-exists {\n text-align: left;\n color: red;\n }\n\n .drag-drop-zone {\n display: block;\n width: ","px;\n max-width: 100%;\n height: ","px;\n border: 1px dashed ",";\n border-radius: 5px;\n color: ",";\n font-size: 16px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n box-sizing: border-box;\n\n input {\n background: none !important;\n border: none;\n padding: 0 !important;\n &:hover {\n cursor: pointer;\n text-decoration: underline;\n color: ",";\n }\n }\n }\n\n .drag-drop-zone.inside-drag-area {\n svg {\n opacity: 0.7;\n }\n }\n\n .drag-drop-zone.outside-drag-area {\n svg {\n opacity: 0.3;\n }\n }\n\n .dropped-files li {\n color: #07f;\n padding: 3px;\n text-align: left;\n font-weight: bold;\n }\n\n .file {\n display: none;\n }\n"])),(function(e){return e.marginTop}),(function(e){return e.width}),(function(e){return e.height}),(function(e){return e.backgroundColor||hi}),(function(e){return e.width-2}),(function(e){return e.height}),$i,Bi,"#007BFF"),ZL=tt.div(JL||(JL=WL(["\n height: 100%;\n width: 100%;\n float: left;\n line-height: 0.2;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n z-index: -1;\n background-color: ",";\n"],["\n height: 100%;\n width: 100%;\n float: left;\n line-height: 0.2;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n z-index: -1;\n background-color: ",";\n"])),(function(e){return e.backgroundColor?e.backgroundColor:e.isActive?"#f6f7f9":"#fff"})),YL=tt.div(eB||(eB=WL(["\n svg {\n opacity: 1 !important;\n }\n"],["\n svg {\n opacity: 1 !important;\n }\n"]))),QL=tt.p(tB||(tB=WL(["\n width: 317px;\n margin: 0 0 21px;\n font-size: 16px;\n line-height: 1.5;\n text-align: center;\n color: ",";\n"],["\n width: 317px;\n margin: 0 0 21px;\n font-size: 16px;\n line-height: 1.5;\n text-align: center;\n color: ",";\n"])),yi);const KL=function(e){var n=e.accept,r=void 0===n?".csv, text/csv":n,i=e.inputStyle,o=void 0===i?{}:i,a=e.onDrop,s=e.text,l=void 0===s?"Drag and drop your files here or":s,c=e.width,u=void 0===c?528:c,f=e.height,d=void 0===f?100:f,p=e.marginTop,h=void 0===p?0:p,y=e.disabled,m=void 0!==y&&y,v=e.textStyle,g=e.backgroundColor,x=e.placeholder,b=void 0===x?"Browse files...":x,w=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}(k().useReducer((function(e,t){var n,i;switch(t.type){case"SET_DROP_DEPTH":return qL(qL({},e),{dropDepth:t.dropDepth});case"SET_IN_DROP_ZONE":return qL(qL({},e),{inDropZone:t.inDropZone});case"ADD_FILE_TO_LIST":var o=!0;try{for(var a=function(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}(t.files),s=a.next();!s.done;s=a.next()){var l=s.value;o=r.includes(l.name.substr(-4))}}catch(e){n={error:e}}finally{try{s&&!s.done&&(i=a.return)&&i.call(a)}finally{if(n)throw n.error}}return o?qL(qL({},e),{fileList:e.fileList.concat(t.files)}):e;default:return e}}),{dropDepth:0,inDropZone:!1,fileList:[]}),2),S=w[0],C=w[1],E=function(){var e=document.getElementById("file");e&&e.click&&e.click()};return(0,t.jsx)($L,qL({width:u,height:d,marginTop:h,backgroundColor:g},{children:(0,t.jsx)("div",qL({className:S.inDropZone?"drag-drop-zone inside-drag-area":"drag-drop-zone outside-drag-area",onDrop:function(e){return a(e)},onDragOver:function(e){return function(e){e.preventDefault(),e.stopPropagation(),e.dataTransfer.dropEffect="copy",C({type:"SET_IN_DROP_ZONE",inDropZone:!0})}(e)},onDragEnter:function(e){return function(e){e.preventDefault(),e.stopPropagation(),C({type:"SET_DROP_DEPTH",dropDepth:S.dropDepth+1})}(e)},onDragLeave:function(e){return function(e){e.preventDefault(),e.stopPropagation(),e.target&&e.target.id.includes("text-")||(C({type:"SET_DROP_DEPTH",dropDepth:S.dropDepth-1}),C({type:"SET_IN_DROP_ZONE",inDropZone:!1}))}(e)}},{children:(0,t.jsxs)(ZL,qL({id:"text-browse",isActive:S.inDropZone,backgroundColor:g},{children:[!S.inDropZone&&0===S.fileList.length&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(QL,qL({style:v},{children:l})),S.inDropZone?(0,t.jsx)("input",{type:"button",value:"browse your files...",onClick:E}):(0,t.jsx)(YL,{children:(0,t.jsx)(vo,{text:b,textColor:"#fff",backgroundColor:Xi,icon:(0,t.jsx)(HL,{color:"#fff"}),disabled:m,onClick:E,fontSize:"15px"})})]}),S.inDropZone&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("br",{}),(0,t.jsx)("p",qL({id:"text-drop"},{children:"Drop file here"}))]}),S.fileList[0]&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("br",{}),(0,t.jsxs)("p",{children:[S.fileList[0][0].name," is ready"]})]}),(0,t.jsx)("input",{className:"file",id:"file",type:"file",style:o,accept:r,onChange:function(e){return a(e)},disabled:m})]}))}))}))};var XL,JL,eB,tB,nB,rB,iB,oB,aB,sB,lB,cB,uB,fB,dB,pB,hB,yB,mB,vB,gB,xB,bB,wB=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},SB=tt.div(nB||(nB=wB(["\n min-height: 400px;\n position: relative;\n"],["\n min-height: 400px;\n position: relative;\n"]))),CB=tt.div(rB||(rB=wB(["\n font-size: 15px;\n color: ",";\n background-color: ",";\n\n display: flex;\n flex-direction: column;\n\n margin-top: 18px;\n padding: 20px 30px;\n\n min-height: 340px;\n max-height: 340px;\n overflow-y: auto;\n overflow-x: hidden !important;\n width: 500px;\n max-width: 100%;\n"],["\n font-size: 15px;\n color: ",";\n background-color: ",";\n\n display: flex;\n flex-direction: column;\n\n margin-top: 18px;\n padding: 20px 30px;\n\n min-height: 340px;\n max-height: 340px;\n overflow-y: auto;\n overflow-x: hidden !important;\n width: 500px;\n max-width: 100%;\n"])),Ki,ki),EB=tt.div(oB||(oB=wB(["\n display: flex;\n justify-content: right;\n align-items: center;\n\n padding: 10px 20px;\n\n ","\n"],["\n display: flex;\n justify-content: right;\n align-items: center;\n\n padding: 10px 20px;\n\n ","\n"])),(function(e){return e.theme.containerWidth<ri&&Ne(iB||(iB=wB(["\n justify-content: space-between;\n "],["\n justify-content: space-between;\n "])))})),kB=(tt.label(sB||(sB=wB(["\n padding: ",";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n cursor: ",";\n height: 40px;\n font-size: 15px;\n color: ",";\n background-color: ",";\n border-radius: 6px;\n border: 1px solid ",";\n font-weight: 600;\n\n ","\n"],["\n padding: ",";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n cursor: ",";\n height: 40px;\n font-size: 15px;\n color: ",";\n background-color: ",";\n border-radius: 6px;\n border: 1px solid ",";\n font-weight: 600;\n\n ","\n"])),(function(e){return e.disabled?"8px 16px 8px 35px":"8px 16px 8px 12px"}),(function(e){return e.isAddMoreEnabled?"pointer":"not-allowed"}),zi,Wi,Mi,(function(e){return e.disabled&&Ne(aB||(aB=wB(["\n cursor: ",";\n "],["\n cursor: ",";\n "])),e.isAddMoreEnabled?"pointer":"not-allowed")})),tt.div(lB||(lB=wB(["\n margin-bottom: 24px;\n"],["\n margin-bottom: 24px;\n"])))),_B=tt.div(cB||(cB=wB(["\n display: flex;\n"],["\n display: flex;\n"]))),OB=tt.div(uB||(uB=wB(["\n width: 0%;\n color: white;\n background-color: transparent;\n height: 4px;\n text-align: right;\n font-size: 1px;\n border-radius: 15px;\n"],["\n width: 0%;\n color: white;\n background-color: transparent;\n height: 4px;\n text-align: right;\n font-size: 1px;\n border-radius: 15px;\n"]))),PB=tt.div(dB||(dB=wB(["\n width: 50%;\n color: black;\n padding: 1%;\n text-align: left;\n font-size: 16px;\n border-radius: 0px;\n\n ","\n"],["\n width: 50%;\n color: black;\n padding: 1%;\n text-align: left;\n font-size: 16px;\n border-radius: 0px;\n\n ","\n"])),(function(e){return e.theme.containerWidth<ri&&Ne(fB||(fB=wB(["\n font-size: 15px;\n "],["\n font-size: 15px;\n "])))})),TB=tt.div(pB||(pB=wB(["\n display: flex;\n background: ",";\n"],["\n display: flex;\n background: ",";\n"])),ki),IB=tt.div(yB||(yB=wB(["\n flex-grow: 1;\n color: black;\n padding: 1%;\n text-align: right;\n font-size: 16px;\n border-radius: 0px;\n\n ","\n"],["\n flex-grow: 1;\n color: black;\n padding: 1%;\n text-align: right;\n font-size: 16px;\n border-radius: 0px;\n\n ","\n"])),(function(e){return e.theme.containerWidth<ri&&Ne(hB||(hB=wB(["\n font-size: 15px;\n "],["\n font-size: 15px;\n "])))})),AB=tt.div(vB||(vB=wB(["\n position: absolute;\n top: -47px;\n left: 0;\n padding: 0 32px;\n height: 30px;\n font-size: 18px;\n color: ",";\n background-color: white;\n\n ","\n"],["\n position: absolute;\n top: -47px;\n left: 0;\n padding: 0 32px;\n height: 30px;\n font-size: 18px;\n color: ",";\n background-color: white;\n\n ","\n"])),Ii,(function(e){return e.theme.containerWidth<ri&&Ne(mB||(mB=wB(["\n font-size: 16px;\n "],["\n font-size: 16px;\n "])))})),jB=tt.div(gB||(gB=wB(["\n display: flex;\n height: 249px;\n padding: 32px;\n align-items: center;\n"],["\n display: flex;\n height: 249px;\n padding: 32px;\n align-items: center;\n"]))),MB=function(){return MB=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},MB.apply(this,arguments)},DB=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},RB=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},FB=tt.div(xB||(xB=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n font-size: 14px;\n color: ",";\n height: 20px;\n margin-top: 15px;\n"],["\n font-size: 14px;\n color: ",";\n height: 20px;\n margin-top: 15px;\n"])),Li),LB=function(e){var n=e.progress,r=e.uploadingData,i=e.setUploadingData,o=[],a=[],s=[],l=[],c=DB(k().useState([{elementId:0,isTitleNotEmpty:!0}]),2),u=c[0],f=c[1];for(var d in r)o.push(r[d]),a=(l=o.filter((function(e){return 1===e.showActiveVideo}))).filter((function(e){return 1===e.status})),s=l.reduce((function(e,t){return t.progressEvent.total+e}),0);var p=function(e){return e.status>=1};return(0,t.jsxs)("div",{children:[!!n&&(0,t.jsxs)(AB,{children:[(0,t.jsx)("span",{children:(0,t.jsxs)("b",{children:[a.length," of ",l.length]})})," videos uploading (",Ot(s)," MB)"]}),o.map((function(e){return(0,t.jsxs)(kB,{children:[" ",e.showActiveVideo?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(_B,MB({style:MB({},p(e)&&{flexDirection:"column"})},{children:[(0,t.jsx)(uo,{maxLength:100,type:"text",value:e.title,readOnly:!!n,width:"100%",onChange:function(t){return function(e,t){u.filter((function(t){return t.elementId===e})).forEach((function(e){var t=u.indexOf(e);t>=0&&f(u.splice(t,1))})),f(RB(RB([],DB(u),!1),[{elementId:e,isTitleNotEmpty:!!t.trimStart()}],!1)),i((function(n){var r;return MB(MB({},n),((r={})[e]=MB(MB({},n[e]),{title:t}),r))}))}(e.id,t.target.value)}}),p(e)&&(0,t.jsxs)("div",MB({style:{width:"100%",marginTop:"18px",backgroundColor:"white"}},{children:[(0,t.jsx)(OB,{style:{width:e.progressEvent.percentage+"%",backgroundColor:Xi}}),(0,t.jsxs)(TB,{children:[(0,t.jsx)(PB,{children:(r=e.status,0===r?"Waiting...":1===r?"Uploading...":"Encoding...")}),(0,t.jsx)(IB,{children:Ot(e.progressEvent.loaded)+" MB/"+Ot(e.progressEvent.total)+" MB"})]})]}))]})),u.map((function(n){return n.elementId!==e.id||n.isTitleNotEmpty?(0,t.jsx)("div",{},"el-".concat(n.elementId)):(0,t.jsx)(FB,{children:"Video title is required!"},"error-".concat(n.elementId))}))]}):""]},"Video-list-".concat(e.id));var r}))]})},BB=function(){return BB=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},BB.apply(this,arguments)},NB=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},zB=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},VB=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a};!function(e){e[e.FORM=0]="FORM",e[e.UPLOADING=1]="UPLOADING",e[e.CREATE=2]="CREATE",e[e.ENCODE=3]="ENCODE"}(bB||(bB={}));const UB=function(e){var n=e.handleModalClose,r=e.onSuccess,i=ef().toast,o=Vl().userData,a=VL().start,s=VB((0,E.useState)(bB.FORM),2),l=s[0],c=s[1],u=VB((0,E.useState)({}),2),f=u[0],d=u[1],p=VB((0,E.useState)(!1),2),h=p[0],y=p[1],m=VB((0,E.useState)(!1),2),v=m[0],g=m[1],x=VB((0,E.useState)(!1),2),b=x[0],w=x[1],S=VB((0,E.useState)(bB.FORM),2),C=S[0],k=S[1],_=VB((0,E.useState)([]),2),O=_[0],P=_[1],T=VB((0,E.useState)({loaded:0,total:0,percentage:0}),2),I=(T[0],T[1]),A=OL(),j=A.presignedUrl,M=A.fetch,D=A.loading,R=A.error,F=LL(),L=F.uploadVideo,B=F.loading,N=F.data,z=F.error,V=kL(),U=V.fetch,H=V.loading,G=V.videoData,W=V.error,q=_L(),$=q.fetch,Z=q.loading,Y=q.encodeData;(0,E.useEffect)((function(){if(!D&&!R&&Object.keys(f).length){c(bB.UPLOADING),k(bB.UPLOADING);var e=(j||{id:-1}).id;if(void 0===e)return;Object.keys(f).length&&(f[e].status=1,d(f)),L({url:j.url,file:f[e].file,onUploadProgress:X,id:j.id})}}),[j]),(0,E.useEffect)((function(){if(!B&&!z&&N&&Object.keys(f).length){var e=(N||{id:-1}).id;if(void 0===e)return;Object.keys(f).length&&(f[e].status=2,d(f));var t=f[e];k(bB.CREATE),U({filename:t.file.name,title:t.title,id:N.id})}}),[B,N]),(0,E.useEffect)((function(){l===bB.FORM||f&&Object.keys(f).length||c(bB.FORM);var e=[],t=[];Object.keys(f).forEach((function(n){e.push(!(!f[n].title||!f[n].title.trimStart())),t.push(f[n].title.length>100)})),e.includes(!1)?y(!0):t.includes(!0)?(i({title:"Video title can not be more than 100 characters!"}),y(!0)):y(!1)}),[f]),(0,E.useEffect)((function(){if(!H&&!W&&G&&Object.keys(f).length){k(bB.ENCODE);var e=(G||{id:-1}).id;if(void 0===e)return;Object.keys(f).length&&(f[e].status=3,d(f)),P([Number(G.video_id)]),$({videoId:G.video_id,customerId:o.customerId})}}),[H,G]),(0,E.useEffect)((function(){Z||!Y||O.length!==Object.keys(f).length||Object.values(f).some((function(e){return e.status<3}))||(J(),r(O),n())}),[H,Y,O]);var Q=function(){if(C===bB.FORM)return n();w(!0)},K=function(){g(!0),Object.keys(f).forEach((function(e){var t=f[e].file;M({fileName:t.name,type:t.type,id:parseInt(e,10)})}))},X=function(e,t){var n=Math.round(100*e.loaded/e.total);if(void 0!==t&&f[t]){var r=BB({},f);r[t].progressEvent={loaded:Math.floor(e.loaded/1024),total:Math.floor(e.total/1024),percentage:n},d(r),I({loaded:Math.floor(e.loaded/1024),total:Math.floor(e.total/1024),percentage:n})}},J=function(){if(o.autoTranscribe&&G&&G.id)try{setTimeout((function(){a(G.id)}),5e3)}catch(e){console.log(e)}},ee=!!Object.keys(f).length,te=function(e){var n=e.disabled,r=void 0!==n&&n,i=e.title,o=void 0===i?"Upload":i,a=e.onClick,s=void 0===a?K:a;return(0,t.jsx)(vo,{text:o,backgroundColor:Xi,textColor:hi,onClick:s,margin:"0",padding:"8px 16px",fontSize:"15px",disabled:r})},ne=(0,t.jsxs)(SB,{children:[(0,t.jsx)(CB,BB({style:BB({},!ee&&{backgroundColor:"transparent",marginTop:0,maxHeight:"400px"})},{children:ee?(0,t.jsx)(LB,{uploadingData:f,setUploadingData:d,progress:C}):(0,t.jsx)(KL,{onDrop:function(e){return NB(void 0,void 0,void 0,(function(){var t;return zB(this,(function(n){switch(n.label){case 0:return e.preventDefault(),e.stopPropagation(),(t=e.dataTransfer||e.target)&&t.files&&t.files.length?[4,(r=t.files,NB(void 0,void 0,void 0,(function(){var e,t;return zB(this,(function(n){for(e=function(e){if(!/.*\.(avchd|swf|flv|mov|qt|wmv|mkv|m4v|m4p|mpv|mp2|mpe|mpg|ogg|mp4|avi|webm|mpeg)/i.test(r[e].name))return i({title:"".concat(r[e].name," is of invalid type and won't be uploaded.")}),"continue";var t=r[e].name.split("."),n="mkv"===t[1]?"video/x-matroska":r[e].type,a=new File([r[e]],Ct(o,t[t.length-1]),{type:n,lastModified:r[e].lastModified});d((function(e){var n=BB({},e),r=0;if(Object.keys(e).length){var i=Object.keys(e);r=parseInt(i[i.length-1],10)+1}return n[r]={id:r,file:a,title:t[0],progressEvent:{loaded:0,total:0,percentage:0},status:0,showActiveVideo:1},n}))},t=0;t<r.length;t++)e(t);return[2]}))})))]:[3,2];case 1:return n.sent(),[3,3];case 2:i({title:"Oops! Something went wrong, try again in a few moments"}),n.label=3;case 3:return[2]}var r}))}))},marginTop:0,height:350,width:440,accept:"video/*,.mkv"})})),ee&&(0,t.jsxs)(EB,{children:[(0,t.jsx)(vo,{text:"Cancel",backgroundColor:Wi,textColor:Bi,onClick:Q,margin:"0 12px 0 0",padding:"8px 16px",fontSize:"15px"}),(0,t.jsx)(te,{disabled:h||v})]})]}),re=(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(CB,{children:(0,t.jsx)(LB,{uploadingData:f,setUploadingData:d,progress:C})}),(0,t.jsxs)(EB,BB({style:{justifyContent:"right"}},{children:[(0,t.jsx)(vo,{text:"Cancel",backgroundColor:Wi,textColor:Bi,onClick:Q,margin:"0 12px 0 0",padding:"8px 16px",fontSize:"15px"}),(0,t.jsx)(te,{disabled:!0})]}))]}),ie=(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(CB,{children:(0,t.jsx)(jB,{children:"You will have to restart your video upload from the beginning if you cancel now. Are you sure you want to cancel this upload?"})}),(0,t.jsxs)(EB,{children:[(0,t.jsx)(vo,{text:"Cancel Upload",backgroundColor:Wi,textColor:Bi,onClick:n,margin:"0 12px 0 0",padding:"8px 16px",fontSize:"15px"}),(0,t.jsx)(te,{title:"Continue Upload",onClick:function(){return w(!1)}})]})]});return[ne,(0,t.jsx)(SB,{children:b?ie:re})][l]};var HB,GB,WB,qB,$B,ZB,YB,QB,KB,XB,JB,eN,tN,nN,rN,iN,oN,aN,sN,lN,cN,uN,fN,dN,pN,hN,yN,mN,vN,gN,xN,bN,wN,SN,CN,EN,kN,_N,ON,PN,TN,IN,AN,jN,MN,DN,RN=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},FN=function(){return FN=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},FN.apply(this,arguments)},LN=tt.div(HB||(HB=RN(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 25px 30px 5px 30px;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 25px 30px 5px 30px;\n"]))),BN=tt.div(GB||(GB=RN(["\n font-weight: bold;\n font-size: 18px;\n"],["\n font-weight: bold;\n font-size: 18px;\n"]))),NN=function(e){var n=e.handleModalClose,r=e.disabled,i=e.onSuccess;return(0,t.jsxs)(xL,FN({disableFullScreen:!0},{children:[(0,t.jsxs)(LN,{children:[(0,t.jsx)(BN,{children:"Upload new video"}),(0,t.jsx)(gu,{style:{position:"static",padding:0,height:"fit-content",width:"fit-content"},disabled:r,onClick:n})]}),(0,t.jsx)(UB,{handleModalClose:n,onSuccess:i})]}))},zN=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},VN=function(){return VN=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},VN.apply(this,arguments)},UN=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},HN=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},GN=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},WN=tt.div(WB||(WB=zN(["\n background: ",";\n"],["\n background: ",";\n"])),ki),qN=tt.div($B||($B=zN(["\n display: flex;\n justify-content: space-between;\n gap: 16px;\n ","\n"],["\n display: flex;\n justify-content: space-between;\n gap: 16px;\n ","\n"])),(function(e){return e.theme.containerWidth<oi&&Ne(qB||(qB=zN(["\n flex-direction: column;\n "],["\n flex-direction: column;\n "])))})),$N=tt.div(YB||(YB=zN(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 8px;\n ","\n"],["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 8px;\n ","\n"])),(function(e){return e.theme.containerWidth<oi&&Ne(ZB||(ZB=zN(["\n justify-content: flex-end;\n "],["\n justify-content: flex-end;\n "])))})),ZN=tt.div(KB||(KB=zN(["\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n align-items: center;\n ","\n"],["\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n align-items: center;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(QB||(QB=zN(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),YN=tt.div(JB||(JB=zN(["\n width: 216px;\n ","\n"],["\n width: 216px;\n ","\n"])),(function(e){return e.theme.containerWidth<oi&&Ne(XB||(XB=zN(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),QN=tt.div(nN||(nN=zN(["\n display: grid;\n gap: 24px;\n margin: 24px 0;\n grid-template-columns: repeat(3, 1fr);\n ","\n ","\n"],["\n display: grid;\n gap: 24px;\n margin: 24px 0;\n grid-template-columns: repeat(3, 1fr);\n ","\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(eN||(eN=zN(["\n grid-template-columns: 1fr 1fr;\n "],["\n grid-template-columns: 1fr 1fr;\n "])))}),(function(e){return e.theme.containerWidth<ri&&Ne(tN||(tN=zN(["\n grid-template-columns: 1fr;\n "],["\n grid-template-columns: 1fr;\n "])))})),KN={folderId:-2,name:"Primary",isDeletable:!1},XN=function(e){var n=e.handleUpdateToken,r=Vl().userData,i=ef().toast,o=Mt(),a=o.hasExternalJwt,s=o.showMergeFeature,l=o.showWheelsTVFeature,c=o.showRecordFeature,u=o.showUploadFeature,f=o.showFolderFeature,d=o.containerWidth,p=GN((0,E.useState)(!1),2),h=p[0],y=p[1],g=GN((0,E.useState)([]),2),x=g[0],w=g[1],C=GN((0,E.useState)(!1),2),k=C[0],_=C[1],O=ec(r),P=nc(r),T=GN((0,E.useState)(0),2),I=T[0],A=T[1],j=dn(),M=GN((0,E.useState)({page:0,size:6,folderId:KN.folderId,searchQuery:""}),2),D=M[0],R=M[1],F=(0,v.useQuery)("cds-folders",Gn,{refetchOnWindowFocus:!1,staleTime:5e8,select:function(e){var t=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))}([],GN(e),!1);return r.automotiveRole===Fl.TECHNICIAN&&(t=e.filter((function(e){return"Vault"!==e.name&&"Private"!==e.name}))),t}}).data,L=F?(0,ku.keyBy)(F,"folderId"):{},B=L[D.folderId]||KN,N=L[D.folderId]?L[D.folderId].name:KN.name;N=N===Hn?Un:N;var z=(0,v.useQuery)(["cds-videos",D],(function(){return UN(void 0,void 0,void 0,(function(){return HN(this,(function(e){return[2,(t={folder:N,search:D.searchQuery,size:D.size,page:D.page},Ln(void 0,void 0,void 0,(function(){var e,n,r,i,o;return Bn(this,(function(a){switch(a.label){case 0:return e=S.bearerToken,[4,Tn({url:"/videos",baseURL:b,method:Nn,headers:e,params:{start:(t.page||0)*(t.size||10),limit:t.size,search:t.search,folder:t.folder}}).catch((function(e){return e}))];case 1:if((n=a.sent())instanceof Error)throw n;return r=(null===(i=null==n?void 0:n.data)||void 0===i?void 0:i.videos)||(null==n?void 0:n.videos)||[],[2,{count:(null===(o=null==n?void 0:n.data)||void 0===o?void 0:o.count)||(null==n?void 0:n.count)||0,videos:r}]}}))})))];var t}))}))}),{refetchOnWindowFocus:!1,enabled:!!(null==F?void 0:F.length)}),V=z.data,U=z.isLoading,H=V||{count:0,videos:[]},G=H.count,W=H.videos,q=(null==F?void 0:F.filter(Boolean).filter((function(e){return e.folderId!==Un})).map((function(e){return{value:e.folderId,label:e.name}})).concat([{value:Un,label:Hn}]))||[],$=function(){y(!1),localStorage.removeItem(m.merge),w([])},Z=function(e){"left"===e&&R((function(e){return VN(VN({},e),{page:e.page-1})})),"right"===e&&R((function(e){return VN(VN({},e),{page:e.page+1})}))};(0,E.useEffect)((function(){var e,t=null===(e=r.customer)||void 0===e?void 0:e.packageId;Number(t)!==cF.FREE&&Number(t)!==cF.PRO||(i({message:"Please upgrade you account to use eLead integration."}),n(""),j.go(0))}),[]),(0,E.useEffect)((function(){var e=localStorage.getItem(m.merge);if(e)try{var t=JSON.parse(e)||[];w(t),y(!!t.length)}catch(e){localStorage.removeItem(m.merge)}}),[]),(0,E.useEffect)((function(){I&&j.push("/preview-upload/".concat(I))}),[I]);var Y=(null==B?void 0:B.name)===Fn;return(0,t.jsxs)(WN,{children:[(0,t.jsx)(ao,{left:a?(0,t.jsx)(ti,{isAutomotive:O}):(0,t.jsx)(UF,{name:r.firstName||r.lastName||"Welcome",handleUpdateToken:n}),center:!a&&(0,t.jsx)(ti,{isAutomotive:O}),right:(0,t.jsxs)(t.Fragment,{children:[u&&(0,t.jsx)(vo,{onClick:function(){return _(!0)},text:d>oi?"Upload":"",textColor:zi,backgroundColor:Wi,borderColor:Mi,fontSize:"15px",icon:(0,t.jsx)(Vc,{size:22})}),c&&(0,t.jsx)(vo,{onClick:function(){return j.push("/record/home")},text:d>oi?"Record":"",icon:(0,t.jsx)(Lc,{size:22}),textColor:hi,backgroundColor:Li,borderColor:Mi,fontSize:"15px"})]})}),(0,t.jsxs)(co,{children:[(0,t.jsxs)(qN,{children:[(0,t.jsxs)($N,{children:[(0,t.jsx)(AF,{handleSearch:function(e){var t=e.toLowerCase();R((function(e){return VN(VN({},e),{page:0,searchQuery:t})}))},prevSearch:D.searchQuery}),f&&(0,t.jsx)(YN,{children:(0,t.jsx)(Sl,{options:q,value:{value:(null==B?void 0:B.folderId)||KN.folderId,label:(null==B?void 0:B.name)||KN.name},onChange:function(e){var t,n;return(n=null!==(t=null==e?void 0:e.value)&&void 0!==t?t:KN.folderId).toString()===(-1).toString()&&$(),void R((function(e){return VN(VN({},e),{page:0,folderId:n})}))},isSearchable:!1})})]}),(l||s)&&(0,t.jsxs)(t.Fragment,{children:[!h&&(0,t.jsxs)($N,{children:[l&&r.wheelsTV&&(!O||P)&&(0,t.jsx)(vo,{onClick:function(){return j.push("/wheels-tv")},icon:(0,t.jsx)(lT,{size:18,color:Ei}),text:"WheelsTV",textColor:Ei,backgroundColor:hi,borderColor:Si,fontSize:"15px"}),s&&(0,t.jsx)(vo,{onClick:function(){return Y?{}:y(!0)},text:"Merge Videos",textColor:Ei,backgroundColor:hi,borderColor:Si,fontSize:"15px",disabled:Y})]}),h&&(0,t.jsxs)($N,{children:[(0,t.jsx)(vo,{onClick:$,text:"Cancel",textColor:Ei,backgroundColor:hi,borderColor:Si,fontSize:"15px"}),(0,t.jsx)(pL,{width:"250px",position:"top-right",popup:(0,t.jsxs)(t.Fragment,{children:[x.length<2&&"Select 2+ videos to merge",x.length>9&&"Select maximum 9 videos"]}),cursor:"initial",showTriangle:!0,disableHover:x.length>=2&&x.length<=9,hoverable:(0,t.jsx)(vo,{onClick:function(){localStorage.setItem(m.merge,JSON.stringify(x));var e=x.map((function(e){return e.id})).filter(Boolean).join(",");j.push("/merge/?videos=".concat(e))},text:"Merge Videos",textColor:hi,disabled:Y||x.length<2||x.length>9,backgroundColor:Xi,fontSize:"15px"})})]})]})]}),(0,t.jsxs)(t.Fragment,{children:[!U&&!!W.length&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(QN,{children:W.map((function(e,n){return(0,t.jsx)(_F,{video:e,isMerge:h,selectedVideosData:x,setSelectedVideosData:w},n)}))}),(0,t.jsxs)(ZN,{children:[(0,t.jsx)(GF,{page:D.page,size:D.size,count:G}),(0,t.jsx)(vo,{onClick:function(){return Z("left")},icon:(0,t.jsx)(Wc,{size:22}),disabled:0===D.page}),(0,t.jsx)(vo,{onClick:function(){return Z("right")},icon:(0,t.jsx)(qc,{size:22}),disabled:W.length<D.size||(D.page+1)*D.size>=G})]})]}),U&&(0,t.jsx)(LF,{message:"Loading...",size:D.size}),!U&&!W.length&&(0,t.jsx)(LF,{message:"No videos match your query",size:D.size})]})]}),k&&(0,t.jsx)(NN,{handleModalClose:function(){return _(!1)},onSuccess:function(e){return UN(void 0,void 0,void 0,(function(){return HN(this,(function(t){return e.length?(A(e[0]),[2]):[2]}))}))}})]})},JN=function(){return JN=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},JN.apply(this,arguments)},ez=tt.div(rN||(rN=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"],["\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"])),(function(e){return e.color||Pi})),tz=function(e){var n=e.text,r=e.color;return(0,t.jsx)(ez,JN({color:r},{children:n}))},nz=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},rz=function(){return rz=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},rz.apply(this,arguments)},iz=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},oz=tt.div(iN||(iN=nz(["\n display: flex;\n justify-content: center;\n align-items: flex-start;\n padding: 50px 0;\n"],["\n display: flex;\n justify-content: center;\n align-items: flex-start;\n padding: 50px 0;\n"]))),az=tt.div(oN||(oN=nz(["\n width: 400px;\n max-width: calc(100% - 32px);\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 16px;\n padding: 32px;\n"],["\n width: 400px;\n max-width: calc(100% - 32px);\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 16px;\n padding: 32px;\n"])),hi),sz=tt.form(aN||(aN=nz(["\n margin-top: 24px;\n display: block;\n"],["\n margin-top: 24px;\n display: block;\n"]))),lz=tt.div(sN||(sN=nz(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 24px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 24px;\n"]))),cz=tt.div(lN||(lN=nz(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"]))),uz=tt.a(cN||(cN=nz(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"])),Ei),fz=tt.div(uN||(uN=nz(["\n text-align: center;\n color: ",";\n font-weight: 600;\n font-size: 18px;\n line-height: 24px;\n"],["\n text-align: center;\n color: ",";\n font-weight: 600;\n font-size: 18px;\n line-height: 24px;\n"])),Ei),dz=tt.div(fN||(fN=nz(["\n text-align: center;\n color: ",";\n font-size: 12px;\n margin-top: 12px;\n"],["\n text-align: center;\n color: ",";\n font-size: 12px;\n margin-top: 12px;\n"])),Ei),pz=tt.div(dN||(dN=nz(["\n border-radius: 6px;\n color: #721c24;\n background-color: #f8d7da;\n border: 1px solid #f5c6cb;\n padding: 12px 20px;\n margin-bottom: 16px;\n"],["\n border-radius: 6px;\n color: #721c24;\n background-color: #f8d7da;\n border: 1px solid #f5c6cb;\n padding: 12px 20px;\n margin-bottom: 16px;\n"]))),hz=tt.div(pN||(pN=nz(["\n position: relative;\n"],["\n position: relative;\n"]))),yz=tt.div(hN||(hN=nz(["\n position: absolute;\n right: 12px;\n top: 50%;\n transform: translateY(-50%);\n color: ",";\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n &:hover {\n color: ",";\n }\n"],["\n position: absolute;\n right: 12px;\n top: 50%;\n transform: translateY(-50%);\n color: ",";\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n &:hover {\n color: ",";\n }\n"])),Pi,Ii),mz=function(e){var n=e.handleUpdateToken,r=Mt().hasExternalJwt,i=iz((0,E.useState)(""),2),o=i[0],a=i[1],s=iz((0,E.useState)(""),2),l=s[0],c=s[1],u=iz((0,E.useState)(""),2),f=u[0],d=u[1],p=iz((0,E.useState)(!1),2),h=p[0],y=p[1],m=dn();return r?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(ao,{center:(0,t.jsx)(ti,{})}),(0,t.jsx)(oz,{children:(0,t.jsxs)(az,{children:[(0,t.jsx)(fz,{children:"Login failed"}),(0,t.jsx)(dz,{children:"External token invalid."})]})})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(ao,{center:(0,t.jsx)(ti,{})}),(0,t.jsx)(oz,{children:(0,t.jsxs)(az,{children:[(0,t.jsx)(fz,{children:"Login to your Covideo account"}),(0,t.jsxs)(sz,rz({onSubmit:function(e){return t=void 0,r=void 0,a=function(){var t,r;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(i){switch(i.label){case 0:e.preventDefault(),i.label=1;case 1:return i.trys.push([1,4,,5]),[4,Dn({username:o,password:l})];case 2:return t=i.sent(),r=t.accessToken,[4,n(r)];case 3:return i.sent(),m.go(0),[3,5];case 4:return i.sent(),d("Incorrect Login"),[3,5];case 5:return[2]}}))},new((i=void 0)||(i=Promise))((function(e,n){function o(e){try{l(a.next(e))}catch(e){n(e)}}function s(e){try{l(a.throw(e))}catch(e){n(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(o,s)}l((a=a.apply(t,r||[])).next())}));var t,r,i,a}},{children:[(0,t.jsxs)(lz,{children:[(0,t.jsx)(tz,{text:"Username"}),(0,t.jsx)(uo,{width:"100%",type:"text",value:o,placeholder:"Username",required:!0,onChange:function(e){return a(e.target.value)}})]}),(0,t.jsxs)(lz,{children:[(0,t.jsx)(tz,{text:"Password"}),(0,t.jsxs)(hz,{children:[(0,t.jsx)(uo,{width:"100%",type:h?"text":"password",value:l,placeholder:"Password",required:!0,padding:"8px 40px 8px 8px",onChange:function(e){return c(e.target.value)}}),(0,t.jsxs)(yz,rz({onClick:function(){y((function(e){return!e}))}},{children:[!h&&(0,t.jsx)(fT,{size:22}),h&&(0,t.jsx)(uT,{size:22})]}))]})]}),f&&(0,t.jsx)(pz,{children:f}),(0,t.jsxs)(cz,{children:[(0,t.jsx)(vo,{backgroundColor:"rgba(255, 139, 34, 1)",textColor:hi,text:"Login",type:"submit",fontSize:"15px",disabled:""===o||""===l}),(0,t.jsx)(uz,rz({target:"_blank",href:"https://www.covideo.com/reset-password/"},{children:"Forgot password?"}))]})]}))]})})]})},vz=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},gz=function(){return gz=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},gz.apply(this,arguments)},xz=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},bz=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},wz=tt.div(yN||(yN=vz(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: ",";\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: ",";\n"])),(function(e){return e.marginBottom?e.marginBottom:"0"})),Sz=tt.div(mN||(mN=vz(["\n display: flex;\n align-items: center;\n margin-bottom: 16px;\n"],["\n display: flex;\n align-items: center;\n margin-bottom: 16px;\n"]))),Cz=tt.div(vN||(vN=vz(["\n margin-bottom: ",";\n width: ",";\n"],["\n margin-bottom: ",";\n width: ",";\n"])),(function(e){return e.marginBottom?e.marginBottom:"16px"}),(function(e){return e.width?e.width:"auto"})),Ez=tt.p(gN||(gN=vz(["\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n margin: 0 0 8px 0;\n"],["\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n margin: 0 0 8px 0;\n"])),Pi),kz=tt.label(xN||(xN=vz(["\n margin-left: 12px;\n font-weight: normal;\n font-size: 16px;\n line-height: 24px;\n color: ",";\n"],["\n margin-left: 12px;\n font-weight: normal;\n font-size: 16px;\n line-height: 24px;\n color: ",";\n"])),Ii),_z=tt.a(bN||(bN=vz(["\n max-height: 24px;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.6;\n text-align: right;\n color: ",";\n text-decoration: underline;\n &:hover {\n cursor: pointer;\n }\n"],["\n max-height: 24px;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.6;\n text-align: right;\n color: ",";\n text-decoration: underline;\n &:hover {\n cursor: pointer;\n }\n"])),xi),Oz=tt.input(wN||(wN=vz(["\n width: 100%;\n border-radius: 4px;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.6;\n border: solid 1px ",";\n outline: none;\n padding: 8px 12px;\n"],["\n width: 100%;\n border-radius: 4px;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.6;\n border: solid 1px ",";\n outline: none;\n padding: 8px 12px;\n"])),ki),Pz={control:function(e){return gz(gz({},e),{height:"40px"})},indicatorSeparator:function(){return{display:"none"}}},Tz=function(e){var n=e.linksetsData,r=e.linksetsLoading,i=e.templatesData,o=e.templatesLoading,a=e.overlaysData,s=e.overlaysLoading,l=e.checkboxes,c=e.selectedCheckboxes,u=e.setSelectedCheckboxes,f=e.insertVideoData,d=e.setInsertVideoData,p=Mt(),h=p.showCTAFeature,y=p.showLandingPageFeature,m=p.showReactionsFeature,v=xz((0,E.useState)([]),2),g=v[0],x=v[1],b=xz((0,E.useState)([]),2),w=b[0],S=b[1],C=xz((0,E.useState)([]),2),_=C[0],O=C[1],P=xz((0,E.useState)(!1),2),T=P[0],I=P[1],A=-1===f.templateId;(0,E.useEffect)((function(){!T&&w.length&&d(gz(gz({},f),{overlayId:w[0].value}))}),[T]),(0,E.useEffect)((function(){x((i||[]).map((function(e){return{value:e.id,label:e.title}})))}),[i]),(0,E.useEffect)((function(){S((a||[]).map((function(e){var t=e.id,n=e.title;return{value:t.toString(),label:n}})))}),[a]);var j=_u().debounce((function(e){d(gz(gz({},f),A?{overlayId:e}:{linksetId:e}))}),1e3);return(0,E.useEffect)((function(){var e=[{value:"-1",label:"None"}];e=n.every((function(e){return"-1"!==e.id}))?e.concat((n||[]).map((function(e){var t=e.id,n=e.title;return{value:t.toString(),label:n}}))):(n||[]).map((function(e){var t=e.id,n=e.title;return{value:t.toString(),label:n}})),O(e)}),[n]),k().useEffect((function(){-1!==f.templateId&&I(!1),w.length<=0&&S([{value:"",label:""}])}),[A]),(0,t.jsxs)(t.Fragment,{children:[y&&(0,t.jsx)(wz,{children:(0,t.jsxs)(Cz,gz({width:"100%"},{children:[(0,t.jsx)(Ez,{children:"Landing Page"}),(0,t.jsx)(fl,{value:g.find((function(e){return e.value===f.templateId})),styles:Pz,options:g,onChange:function(e){return null!==e&&d(gz(gz({},f),{templateId:parseInt(e.value)}))},isLoading:o})]}))}),(h||A)&&(0,t.jsx)(wz,{children:(0,t.jsxs)(Cz,gz({width:"100%",marginBottom:"35px"},{children:[(0,t.jsxs)(wz,{children:[(0,t.jsx)(Ez,{children:A?"Websites":"CTAs"}),A&&(0,t.jsx)(_z,gz({onClick:function(){return I((function(e){return!e}))}},{children:T?"Use Existing":"Add New"}))]}),!T&&(0,t.jsx)(fl,{"aria-label":"CTA",id:"select-cta-dropdown",className:"dropdown",value:A?w.find((function(e){return e.value==f.overlayId})):_.find((function(e){return e.value==f.linksetId})),isClearable:A,placeholder:A?"No Websites":"No CTAs",options:A?w:_,onChange:function(e){if(e)return d(gz(gz({},f),A?{overlayId:e.value}:{linksetId:e.value}))},isLoading:A?s:r}),T&&(0,t.jsx)(Oz,{type:"text",placeholder:"Enter website",onChange:function(e){j(e.target.value)}})]}))}),!!l.length&&(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(Cz,gz({width:"100%",marginBottom:"15px"},{children:l.filter((function(e){return m||"enableReactions"!==e.value})).map((function(e,n){return(0,t.jsx)(wz,{children:(0,t.jsxs)(Sz,{children:[(0,t.jsx)(uc,{id:"check-".concat(n),width:"24px",blueCheck:!0,checked:c.some((function(t){return t.value===e.value})),onChange:function(t){var n=t.target.checked;u(n?bz(bz([],xz(c),!1),[e],!1):c.filter((function(t){return t.value!==e.value})))}}),(0,t.jsx)(kz,gz({htmlFor:"check-".concat(n)},{children:e.label}))]})},"check-".concat(n))}))}))})]})},Iz=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},Az=function(){return Az=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},Az.apply(this,arguments)},jz=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},Mz=tt.div(SN||(SN=Iz(["\n display: flex;\n align-items: center;\n padding-left: 12px;\n"],["\n display: flex;\n align-items: center;\n padding-left: 12px;\n"]))),Dz=tt.div(CN||(CN=Iz(["\n margin-left: 0px;\n width: 100%;\n"],["\n margin-left: 0px;\n width: 100%;\n"]))),Rz=tt.div(EN||(EN=Iz(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n"],["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n"]))),Fz=tt.div(kN||(kN=Iz(["\n max-width: 100%;\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n width: 256px;\n margin-right: auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: ",";\n"],["\n max-width: 100%;\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n width: 256px;\n margin-right: auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: ",";\n"])),Ii),Lz=tt.div(_N||(_N=Iz(["\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n color: ",";\n text-align: right;\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n color: ",";\n text-align: right;\n"])),Pi),Bz=tt.div(ON||(ON=Iz(["\n padding-left: 6px;\n"],["\n padding-left: 6px;\n"]))),Nz=tt.div(PN||(PN=Iz(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 6px;\n height: 72px;\n border: 1px dashed ",";\n border-radius: 6px;\n &:hover {\n cursor: pointer;\n }\n"],["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 6px;\n height: 72px;\n border: 1px dashed ",";\n border-radius: 6px;\n &:hover {\n cursor: pointer;\n }\n"])),xi),zz=tt.div(TN||(TN=Iz(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding: 16px;\n gap: 8px;\n height: 108px;\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n"],["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding: 16px;\n gap: 8px;\n height: 108px;\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n"])),hi),Vz=tt.div(IN||(IN=Iz(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 36px;\n margin-bottom: 5px;\n padding: 0 8px;\n"],["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 36px;\n margin-bottom: 5px;\n padding: 0 8px;\n"]))),Uz=tt.div(AN||(AN=Iz(["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 50%;\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 50%;\n"]))),Hz=tt.div(jN||(jN=Iz(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n gap: 4px;\n"],["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n gap: 4px;\n"]))),Gz=tt.div(MN||(MN=Iz(["\n padding: 16px;\n height: 72px;\n background-color: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n"],["\n padding: 16px;\n height: 72px;\n background-color: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n"])),hi),Wz=tt.div(DN||(DN=Iz(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: ",";\n font-size: 14px;\n line-height: 20px;\n color: ",";\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: ",";\n font-size: 14px;\n line-height: 20px;\n color: ",";\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])),(function(e){return e.fontWeight||"500"}),(function(e){return e.color||Ei})),qz={control:function(e,t){return Az(Az({},e),{height:"40px",boxShadow:"none",borderColor:t.isFocused?Ei:Oi,":hover":{borderColor:Ei},":focus":{borderColor:Ei},":active":{borderColor:Ei}})},option:function(e){return Az(Az({},e),{backgroundColor:"transparent",color:Ii,padding:"8px",cursor:"pointer",":hover":{backgroundColor:"transparent",opacity:".8"},":focus":{backgroundColor:"transparent",opacity:".8"}})},indicatorSeparator:function(){return{display:"none"}},valueContainer:function(e){return Az(Az({},e),{padding:4,overflow:"show"})}},$z=function(e){return(0,t.jsx)(t.Fragment,{})},Zz=function(e,t){if("0"===e.value)return!0;var n=e.label.toLowerCase(),r=e.data.vin?e.data.vin.toLowerCase():"";return"".concat(n," ").concat(r).includes(t.toLowerCase())},Yz=function(e){return(0,t.jsx)(Mz,{children:(0,t.jsx)(Dz,{children:(0,t.jsx)(Es.Option,Az({},e))})})},Qz=function(e){var n=e.label,r=e.vin;return(0,t.jsxs)(Rz,{children:[(0,t.jsx)(Fz,{children:n}),(0,t.jsxs)(Lz,{children:[" ",r]})]})},Kz=function(e){e.children;var n=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(e,["children"]);return(0,t.jsx)(Bz,{children:n.data.label})},Xz=function(e){return(0,t.jsx)(Es.NoOptionsMessage,Az({},e,{children:"No vehicles found, try entering a different name or VIN."}))},Jz=function(e){var n=e.onChangeVehicle,r=e.handleChangeVehicleButtonPress,i=e.handleRemoveVehicleButtonPress,o=e.setAddingVehicle,a=e.selectedVin,s=void 0===a?"":a,l=e.placeholder,c=void 0===l?"Search vehicle by name or VIN...":l,u=e.fetchSold,f=void 0===u||u,d=e.addingVehicle,p=void 0===d||d,h=function(e){var t,n,r,i,o,a,s,l,c,u,f;return nc(e)&&(!!(null===(t=null==e?void 0:e.customer)||void 0===t?void 0:t.vAutoDealerId)||!!(null===(n=null==e?void 0:e.customer)||void 0===n?void 0:n.eDealerId)||!!(null===(r=null==e?void 0:e.customer)||void 0===r?void 0:r.homeNetId)||!!(null===(i=null==e?void 0:e.customer)||void 0===i?void 0:i.maxDigitalId)||!!(null===(o=null==e?void 0:e.customer)||void 0===o?void 0:o.dealersLinkId)||!!(null===(a=null==e?void 0:e.customer)||void 0===a?void 0:a.dealerCueId)||!!(null===(s=null==e?void 0:e.customer)||void 0===s?void 0:s.autoRevolutionId)||!!(null===(l=null==e?void 0:e.customer)||void 0===l?void 0:l.vinsolutionsIMSDealerId)||!!(null===(c=null==e?void 0:e.customer)||void 0===c?void 0:c.dealerDotComIMS)||!!(null===(u=null==e?void 0:e.customer)||void 0===u?void 0:u.dealerCenterDealerId)||!!(null===(f=null==e?void 0:e.customer)||void 0===f?void 0:f.dealrCloudId))}(Vl().userData),y=jz((0,E.useState)(""),2),m=y[0],g=y[1],x=jz((0,E.useState)(s),2),b=x[0],w=x[1],S=Mt().showUpgradeMessageFeature,C=function(e){var t=e.size,n=void 0===t?10:t,r=e.page,i=void 0===r?0:r,o=e.sort,a=void 0===o?"":o,s=e.searchQuery,l=void 0===s?"":s,c=e.soldFilter,u=void 0===c?"":c,f=e.videosRecordedFilter,d=void 0===f?"":f,p=e.countRecorded,h=void 0!==p&&p,y=e.enabled,m=void 0===y||y;return(0,v.useQuery)(["inventoryItems",n,i,a,l,u,d,m,h],(function(){return e=void 0,t=void 0,o=function(){return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(e){return[2,er({limit:n,start:i*n,sort:a,search:l||"",soldFilter:u,videosRecordedFilter:d,countRecorded:h})]}))},new((r=void 0)||(r=Promise))((function(n,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}l((o=o.apply(e,t||[])).next())}));var e,t,r,o}),{refetchOnWindowFocus:!1,staleTime:h?0:36e5,enabled:m})}({searchQuery:b,countRecorded:!1,enabled:h,soldFilter:f?"2":"0"}).data,k=C?C.items:[];(0,E.useEffect)((function(){w(s)}),[s]),(0,E.useEffect)((function(){if(C&&""!==s&&k){var e=k.filter((function(e){return e.vin===s}));if(!e.length)return i(),void g("");g(e[0].title)}}),[k,s]);var _=k.map((function(e){return Az(Az({},e),{value:e.vin,label:e.title})}));return h?p?(0,t.jsx)(Gz,{children:(0,t.jsx)(fl,{components:{Option:Yz,DropdownIndicator:$z,SingleValue:Kz,NoOptionsMessage:Xz},styles:qz,options:_,value:_.find((function(e){return e.value===s})),onChange:function(e){n(e||void 0),g((null==e?void 0:e.title)||"")},autoFocus:!0,isSearchable:!0,isClearable:!0,placeholder:c,filterOption:Zz,formatOptionLabel:Qz,onInputChange:function(e){e.length<2||w(e)}})}):s?(0,t.jsxs)(zz,{children:[(0,t.jsxs)(Vz,{children:[(0,t.jsxs)(Uz,{children:[(0,t.jsx)(lT,{size:20,color:bi}),(0,t.jsx)(Wz,{children:m})]}),(0,t.jsx)(Wz,Az({color:bi,fontWeight:"400"},{children:s}))]}),(0,t.jsxs)(Hz,{children:[(0,t.jsx)(vo,{onClick:function(){r(),g("")},text:"Change",textColor:Ei,backgroundColor:Si,borderColor:Si,fontSize:"13px"}),(0,t.jsx)(vo,{onClick:function(){i(),g("")},text:"Remove",textColor:Li,backgroundColor:Fi,borderColor:Fi,fontSize:"13px"})]})]}):(0,t.jsxs)(Nz,Az({onClick:function(){return o(!0)}},{children:[(0,t.jsx)(lT,{size:20,color:Ei}),"Add Vehicle"]})):S?(0,t.jsxs)(t.Fragment,{children:["To enable the integration with your Inventory Management System, please call us at",(0,t.jsx)("br",{}),(0,t.jsx)("a",Az({href:"tel:8003061445"},{children:"800-306-1445"}))]}):null},eV=__webpack_require__(2085),tV={fullscreenEnabled:0,fullscreenElement:1,requestFullscreen:2,exitFullscreen:3,fullscreenchange:4,fullscreenerror:5,fullscreen:6},nV=["webkitFullscreenEnabled","webkitFullscreenElement","webkitRequestFullscreen","webkitExitFullscreen","webkitfullscreenchange","webkitfullscreenerror","-webkit-full-screen"],rV=["mozFullScreenEnabled","mozFullScreenElement","mozRequestFullScreen","mozCancelFullScreen","mozfullscreenchange","mozfullscreenerror","-moz-full-screen"],iV=["msFullscreenEnabled","msFullscreenElement","msRequestFullscreen","msExitFullscreen","MSFullscreenChange","MSFullscreenError","-ms-fullscreen"],oV="undefined"!=typeof window&&void 0!==window.document?window.document:{},aV="fullscreenEnabled"in oV&&Object.keys(tV)||nV[0]in oV&&nV||rV[0]in oV&&rV||iV[0]in oV&&iV||[],sV={requestFullscreen:function(e){return e[aV[tV.requestFullscreen]]()},requestFullscreenFunction:function(e){return e[aV[tV.requestFullscreen]]},get exitFullscreen(){return oV[aV[tV.exitFullscreen]].bind(oV)},get fullscreenPseudoClass(){return":"+aV[tV.fullscreen]},addEventListener:function(e,t,n){return oV.addEventListener(aV[tV[e]],t,n)},removeEventListener:function(e,t,n){return oV.removeEventListener(aV[tV[e]],t,n)},get fullscreenEnabled(){return Boolean(oV[aV[tV.fullscreenEnabled]])},set fullscreenEnabled(e){},get fullscreenElement(){return oV[aV[tV.fullscreenElement]]},set fullscreenElement(e){},get onfullscreenchange(){return oV[("on"+aV[tV.fullscreenchange]).toLowerCase()]},set onfullscreenchange(e){return oV[("on"+aV[tV.fullscreenchange]).toLowerCase()]=e},get onfullscreenerror(){return oV[("on"+aV[tV.fullscreenerror]).toLowerCase()]},set onfullscreenerror(e){return oV[("on"+aV[tV.fullscreenerror]).toLowerCase()]=e}};const lV=sV;var cV,uV,fV,dV=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},pV=function(){return pV=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},pV.apply(this,arguments)},hV=tt.div(cV||(cV=dV(["\n width: 100%;\n display: flex;\n cursor: pointer;\n flex: 1;\n padding-bottom: ",";\n"],["\n width: 100%;\n display: flex;\n cursor: pointer;\n flex: 1;\n padding-bottom: ",";\n"])),(function(e){return"".concat(e.small?"0px":" 0px 12px")})),yV=tt.progress(uV||(uV=dV(["\n width: 100%;\n color: white;\n opacity: 1;\n height: ","; /* TODO: it's 4px in design */\n border-radius: ",";\n border: 1px solid transparent;\n box-sizing: border-box;\n\n &::-webkit-progress-bar {\n border-radius: 4px;\n }\n &::-webkit-progress-value {\n background-color: white;\n border-radius: 4px;\n }\n"],["\n width: 100%;\n color: white;\n opacity: 1;\n height: ","; /* TODO: it's 4px in design */\n border-radius: ",";\n border: 1px solid transparent;\n box-sizing: border-box;\n\n &::-webkit-progress-bar {\n border-radius: 4px;\n }\n &::-webkit-progress-value {\n background-color: white;\n border-radius: 4px;\n }\n"])),(function(e){return"".concat((e.small,"4px"))}),(function(e){return"".concat(e.small?"1px":"4px")})),mV=function(e){var n=e.duration,r=void 0===n?.1:n,i=e.currentTime,o=void 0===i?0:i,a=e.scrub,s=e.color,l=e.small,c=E.createRef();return(0,t.jsx)(hV,pV({small:l},{children:(0,t.jsx)(yV,{ref:c,onClick:function(e){return a(e,c)},value:o.toString(),min:"0",max:r.toString(),color:s,small:l})}))},vV=function(){return vV=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},vV.apply(this,arguments)},gV=function(e){return(0,t.jsxs)("svg",vV({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},{children:[(0,t.jsx)("defs",{children:(0,t.jsx)("path",{id:"volumeOff-a",d:"M3.63 3.635a.996.996 0 0 0 0 1.41l3.66 3.66-.29.3H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 1 0 1.41-1.41L5.05 3.635c-.39-.39-1.02-.39-1.42 0zM19 12.005c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85 2.57 1.04 4.39 3.56 4.39 6.5zm-8.71-6.29l-.17.17L12 7.765v-1.35c0-.89-1.08-1.33-1.71-.7zm6.21 6.29a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z"})}),(0,t.jsxs)("g",vV({fill:"none",fillRule:"evenodd"},{children:[(0,t.jsx)("mask",vV({id:"volumeOff-b",fill:"#fff"},{children:(0,t.jsx)("use",{xlinkHref:"#volumeOff-a"})})),(0,t.jsx)("g",vV({fill:"#fff",fillOpacity:"1",mask:"url(#volumeOff-b)"},{children:(0,t.jsx)("path",{d:"M0 0h24v24H0z"})}))]}))]}))};function xV(){return xV=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},xV.apply(this,arguments)}const bV=tt((function(e){return E.createElement("svg",xV({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),fV||(fV=E.createElement("g",{fill:"#FFF"},E.createElement("path",{d:"M7.928 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69l-8.14-5.17c-.67-.43-1.54.05-1.54.84z"}))))}))(wV||(wV=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n opacity: ",";\n }\n"])),(function(e){return e.width||"40px"}),(function(e){return e.height||"40px"}),(function(e){return e.opacity||"inherit"}));var wV,SV;function CV(){return CV=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},CV.apply(this,arguments)}const EV=tt((function(e){return E.createElement("svg",CV({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),SV||(SV=E.createElement("g",{fill:"#272A32"},E.createElement("path",{d:"M8 19c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2v10c0 1.1.9 2 2 2zm6-12v10c0 1.1.9 2 2 2s2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2z"}))))}))(kV||(kV=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var kV,_V,OV;function PV(){return PV=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},PV.apply(this,arguments)}const TV=tt((function(e){return E.createElement("svg",PV({width:20,height:17,viewBox:"0 0 20 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),_V||(_V=E.createElement("path",{d:"M17.2907 7.4906C17.3029 7.31501 17.3614 7.14578 17.46 7C17.5559 6.84858 17.6907 6.72571 17.8504 6.64426C18.0101 6.56281 18.1887 6.52577 18.3676 6.53701C18.5464 6.54826 18.719 6.60738 18.8672 6.70818C19.0154 6.80898 19.1338 6.94776 19.21 7.11C19.8115 8.53356 20.0749 10.0772 19.9794 11.6196C19.884 13.1621 19.4324 14.6614 18.66 16C18.4838 16.3052 18.2301 16.5584 17.9245 16.734C17.619 16.9097 17.2724 17.0014 16.92 17H3.07C2.72098 16.9979 2.37858 16.9045 2.07683 16.7291C1.77509 16.5536 1.52451 16.3023 1.35 16C0.294996 14.182 -0.160348 12.0779 0.0486524 9.98638C0.257653 7.89489 1.12037 5.92243 2.51426 4.34919C3.90815 2.77594 5.76232 1.68191 7.81341 1.2225C9.8645 0.763091 12.0082 0.961661 13.94 1.79C14.1082 1.85914 14.2544 1.97285 14.3628 2.11888C14.4712 2.26492 14.5377 2.43776 14.5552 2.61879C14.5727 2.79982 14.5405 2.98219 14.462 3.14628C14.3836 3.31036 14.2619 3.44995 14.11 3.55C13.9642 3.64865 13.795 3.70707 13.6194 3.71936C13.4438 3.73165 13.2681 3.69738 13.11 3.62C12.4369 3.33395 11.7264 3.14538 11 3.06C9.56439 2.8728 8.10489 3.07868 6.77709 3.6557C5.44928 4.23271 4.30294 5.15924 3.46028 6.3365C2.61762 7.51376 2.11023 8.89763 1.99219 10.3406C1.87414 11.7835 2.14988 13.2314 2.79 14.53C2.87447 14.6931 3.0022 14.8297 3.1592 14.9249C3.31619 15.0202 3.49638 15.0704 3.68 15.07H16.33C16.5126 15.0713 16.6921 15.0227 16.849 14.9292C17.0059 14.8358 17.1342 14.7012 17.22 14.54C17.9267 13.0705 18.1674 11.4201 17.91 9.81C17.8129 9.18733 17.6382 8.57927 17.39 8C17.3126 7.84191 17.2784 7.66618 17.2907 7.4906Z",fill:"#001B53"})),OV||(OV=E.createElement("path",{d:"M8.00391 11.005C8.00391 10.4743 8.21474 9.96527 8.59002 9.58999L17.08 3.92999L11.42 12.42C11.0447 12.7953 10.5357 13.0061 10.005 13.0061C9.74223 13.0061 9.48201 12.9543 9.23923 12.8538C8.99644 12.7532 8.77584 12.6058 8.59002 12.42C8.4042 12.2342 8.2568 12.0136 8.15623 11.7708C8.05567 11.528 8.00391 11.2678 8.00391 11.005Z",fill:"#001B53"})))}))(IV||(IV=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"16px"}),(function(e){return e.height||"16px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var IV,AV;function jV(){return jV=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},jV.apply(this,arguments)}const MV=tt((function(e){return E.createElement("svg",jV({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16"},e),AV||(AV=E.createElement("g",{fill:"#FFF"},E.createElement("path",{id:"1i74dgfm6a",d:"M5.867 10.603L3.533 8.27c-.123-.125-.291-.195-.466-.195-.176 0-.344.07-.467.195-.26.26-.26.673 0 .933l2.793 2.794c.26.26.68.26.94 0l7.067-7.06c.26-.26.26-.674 0-.934-.123-.124-.291-.195-.467-.195-.175 0-.343.07-.466.195l-6.6 6.6z"}))))}))(DV||(DV=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n fill: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n fill: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"21px"}),(function(e){return e.height||"21px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var DV,RV,FV,LV;function BV(){return BV=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},BV.apply(this,arguments)}const NV=tt((function(e){return E.createElement("svg",BV({width:17,height:16,viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),RV||(RV=E.createElement("path",{d:"M8.74879 15.5C9.98351 14.5267 10.9932 13.3025 11.7099 11.9101C12.6346 10.2752 12.8809 8.34818 12.3967 6.53663C11.7134 4.27231 9.38853 2.90737 7.05456 3.40021C6.94008 3.40021 6.81798 3.40021 6.66534 3.44556C6.90886 2.37277 7.46631 1.39487 8.268 0.634113C8.41309 0.529008 8.59337 0.483023 8.77169 0.505633C12.8205 0.691686 16.0048 3.99977 15.9987 8.01366C15.9925 12.0275 12.7982 15.3261 8.74879 15.5Z",fill:"white",fillOpacity:.6})),FV||(FV=E.createElement("path",{d:"M8.88889 12.6667C8.65533 13.6898 8.14446 14.629 7.41224 15.3814C7.29627 15.4733 7.14802 15.5145 7.00121 15.4955C3.12899 15.2168 0.100864 12.0474 0.00246105 8.17019C-0.0959416 4.29297 2.76752 0.974331 6.62063 0.5C6.44556 0.652084 6.32378 0.758542 6.2096 0.872605C3.96458 2.91166 2.91204 5.9516 3.41614 8.94065C3.59752 10.118 4.24244 11.1741 5.20739 11.8739C6.17234 12.5737 7.37725 12.8591 8.55398 12.6667C8.66548 12.659 8.77739 12.659 8.88889 12.6667Z",fill:"white",fillOpacity:.6})),LV||(LV=E.createElement("path",{d:"M6.23576 8.24597C6.23576 7.57717 6.23576 6.91572 6.23576 6.25427C6.23576 5.59282 6.49402 5.51932 6.98959 5.79125C8.10637 6.44535 9.22315 7.10681 10.326 7.77561C10.7797 8.04754 10.7797 8.36357 10.326 8.6355C9.19523 9.32635 8.06449 10.0025 6.91979 10.6713C6.50798 10.9138 6.2218 10.7668 6.2218 10.2744C6.2218 9.59828 6.2218 8.92212 6.2218 8.24597",fill:"white"})))}))(zV||(zV=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n fill: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n fill: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"21px"}),(function(e){return e.height||"21px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var zV,VV,UV,HV,GV,WV,qV,$V,ZV,YV,QV,KV,XV,JV,eU,tU,nU,rU,iU,oU=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},aU=function(){return aU=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},aU.apply(this,arguments)},sU=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},lU=tt.div(VV||(VV=oU(["\n display: flex;\n align-items: center;\n color: white;\n font-size: 14px;\n flex-direction: column;\n justify-content: space-between;\n"],["\n display: flex;\n align-items: center;\n color: white;\n font-size: 14px;\n flex-direction: column;\n justify-content: space-between;\n"]))),cU=tt.div(UV||(UV=oU(["\n margin-top: 6px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: white;\n font-size: 14px;\n"],["\n margin-top: 6px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: white;\n font-size: 14px;\n"]))),uU=tt.div(HV||(HV=oU(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"]))),fU=tt.div(GV||(GV=oU(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"]))),dU=tt.div(WV||(WV=oU(["\n width: ",";\n height: ",";\n cursor: pointer;\n margin-right: ",";\n transition: all 0.3s;\n\n &:hover {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 2px;\n }\n"],["\n width: ",";\n height: ",";\n cursor: pointer;\n margin-right: ",";\n transition: all 0.3s;\n\n &:hover {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 2px;\n }\n"])),(function(e){return"".concat(e.small?"16px":"20px")}),(function(e){return"".concat(e.small?"16px":"20px")}),(function(e){return"".concat(e.small?"6px":"8px")})),pU=tt.input(qV||(qV=oU(["\n /* RESET */\n width: 74px;\n opacity: 1;\n visibility: visible;\n transition: all 0.4s;\n -webkit-appearance: none; /* Hides the slider so that custom slider can be made */\n background: transparent; /* Otherwise white in Chrome */\n\n &:focus {\n outline: none; /* Removes the blue border. We should probably do some kind of focus styling for accessibility reasons though. */\n }\n &::-ms-track {\n width: 96px;\n cursor: pointer;\n /* Hides the slider so custom styles can be added */\n background: transparent;\n border-color: transparent;\n color: transparent;\n height: ",";\n }\n\n &::-webkit-slider-runnable-track {\n width: 100%;\n height: ",";\n cursor: pointer;\n opacity: 0.75;\n background: ",";\n border-radius: ",";\n border: 0.2px solid transparent;\n }\n\n &::-webkit-slider-thumb {\n border: 1px solid transparent;\n height: ",";\n width: ",";\n border-radius: 50%;\n background: ",";\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -3px;\n }\n"],["\n /* RESET */\n width: 74px;\n opacity: 1;\n visibility: visible;\n transition: all 0.4s;\n -webkit-appearance: none; /* Hides the slider so that custom slider can be made */\n background: transparent; /* Otherwise white in Chrome */\n\n &:focus {\n outline: none; /* Removes the blue border. We should probably do some kind of focus styling for accessibility reasons though. */\n }\n &::-ms-track {\n width: 96px;\n cursor: pointer;\n /* Hides the slider so custom styles can be added */\n background: transparent;\n border-color: transparent;\n color: transparent;\n height: ",";\n }\n\n &::-webkit-slider-runnable-track {\n width: 100%;\n height: ",";\n cursor: pointer;\n opacity: 0.75;\n background: ",";\n border-radius: ",";\n border: 0.2px solid transparent;\n }\n\n &::-webkit-slider-thumb {\n border: 1px solid transparent;\n height: ",";\n width: ",";\n border-radius: 50%;\n background: ",";\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -3px;\n }\n"])),(function(e){return"".concat((e.small,"2px"))}),(function(e){return"".concat((e.small,"2px"))}),(function(e){return e.color}),(function(e){return"".concat((e.small,"2px"))}),(function(e){return"".concat((e.small,"6px"))}),(function(e){return"".concat((e.small,"6px"))}),(function(e){return e.color})),hU=tt.div($V||($V=oU(["\n display: flex;\n width: 100px;\n align-items: center;\n overflow: hidden;\n transition: all 0.4s;\n margin-right: 8px;\n"],["\n display: flex;\n width: 100px;\n align-items: center;\n overflow: hidden;\n transition: all 0.4s;\n margin-right: 8px;\n"]))),yU=tt.div(ZV||(ZV=oU(["\n height: ",";\n width: ",";\n cursor: pointer;\n &:hover {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 2px;\n }\n"],["\n height: ",";\n width: ",";\n cursor: pointer;\n &:hover {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 2px;\n }\n"])),(function(e){return"".concat(e.small?"15px":"20px")}),(function(e){return"".concat(e.small?"15px":"20px")})),mU=tt.div(YV||(YV=oU(["\n margin-right: 16px;\n color: ",";\n\n ","\n"],["\n margin-right: 16px;\n color: ",";\n\n ","\n"])),(function(e){return e.color}),(function(e){if(e.width&&e.width<330)return"font-size: 11px;"})),vU=tt.div(QV||(QV=oU(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 20px;\n height: 20px;\n cursor: pointer;\n transition: all 0.3s;\n margin-left: 3px;\n border-radius: 5px;\n\n &:hover {\n background: rgba(255, 255, 255, 0.2);\n }\n\n ","\n"],["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 20px;\n height: 20px;\n cursor: pointer;\n transition: all 0.3s;\n margin-left: 3px;\n border-radius: 5px;\n\n &:hover {\n background: rgba(255, 255, 255, 0.2);\n }\n\n ","\n"])),(function(e){if(e.active&&"#000000"===e.color)return"\n background-color: white;\n &:hover {\n background: white;\n }\n path {\n fill: ".concat(e.color,";\n }")})),gU=tt.div(KV||(KV=oU(["\n z-index: 200;\n overflow-y: auto;\n margin-top: -340px;\n margin-left: -140px;\n min-width: 110px;\n max-width: 160px;\n max-height: 292px;\n cursor: pointer;\n position: absolute;\n background-color: white;\n border: 1px solid #f7f8fa;\n box-sizing: border-box;\n box-shadow: 0px 6px 16px rgba(29, 30, 36, 0.06);\n border-radius: 5px;\n color: ",";\n display: flex;\n flex-direction: column;\n ","\n\n p {\n padding: 8px 24px;\n height: 24px;\n color: #9297a2;\n font-size: 14px;\n line-height: 20px;\n margin: 0;\n ","\n }\n\n div {\n display: flex;\n justify-content: space-between;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n color: #272a32;\n padding: 8px 24px;\n height: 24px;\n ","\n path {\n fill: #272a32;\n }\n\n &:hover {\n background-color: ",";\n }\n }\n"],["\n z-index: 200;\n overflow-y: auto;\n margin-top: -340px;\n margin-left: -140px;\n min-width: 110px;\n max-width: 160px;\n max-height: 292px;\n cursor: pointer;\n position: absolute;\n background-color: white;\n border: 1px solid #f7f8fa;\n box-sizing: border-box;\n box-shadow: 0px 6px 16px rgba(29, 30, 36, 0.06);\n border-radius: 5px;\n color: ",";\n display: flex;\n flex-direction: column;\n ","\n\n p {\n padding: 8px 24px;\n height: 24px;\n color: #9297a2;\n font-size: 14px;\n line-height: 20px;\n margin: 0;\n ","\n }\n\n div {\n display: flex;\n justify-content: space-between;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n color: #272a32;\n padding: 8px 24px;\n height: 24px;\n ","\n path {\n fill: #272a32;\n }\n\n &:hover {\n background-color: ",";\n }\n }\n"])),Bi,(function(e){return e.width&&e.width<330?"max-width: 120px;\n max-height: 142px;\n margin-top: -198px;\n margin-left: -105px;":e.width&&e.width<500?"max-width: 150px;\n max-height: 192px;\n margin-top: -250px;\n margin-left: -135px;":void 0}),(function(e){return e.width&&e.width<330?"font-size: 9px;\n line-height: 12px;\n padding: 8px 16px;":e.width&&e.width<500?"font-size: 11px;\n line-height: 15px;":void 0}),(function(e){return e.width&&e.width<330?"font-size: 10px;\n line-height: 13px;\n height: 13px;":e.width&&e.width<500?"font-size: 12px;\n line-height: 16px;\n height: 18px;":void 0}),Ni),xU=[{value:2,label:"2.0x"},{value:1.5,label:"1.5x"},{value:1.25,label:"1.25x"},{value:1,label:"1.0x"},{value:.75,label:"0.75x"},{value:.5,label:"0.5x"}],bU=function(e){var n=e.isVideoPaused,r=e.isVideoMuted,i=e.togglePlay,o=e.handleMute,a=e.handleFullScreen,s=e.duration,l=void 0===s?0:s,c=e.currentTime,u=void 0===c?0:c,f=e.handleVolumeControl,d=e.volumeRange,p=e.playerIconsColor,h=e.playerBackgroundColor,y=e.setPlayBack,m=e.isVisible,v=e.small,g=e.videoRef,x=e.scrub,b=sU(E.useState(!1),2),w=b[0],S=b[1],C=sU(E.useState(1),2),k=C[0],_=C[1],O=function(e){var t=Math.floor(e/60),n=t.toString(),r="".concat(Math.floor(e-60*t));return 1===n.length&&(n="0".concat(t)),1===r.length&&(r="0".concat(r)),"".concat(t,":").concat(r)},P=O(u),T=E.createRef(),I=100*d;return E.useEffect((function(){m||S(!1)}),[m]),(0,t.jsxs)(lU,aU({small:v},{children:[(0,t.jsx)(mV,{duration:l,currentTime:u,scrub:x,color:p,small:v}),(0,t.jsxs)(cU,{children:[(0,t.jsxs)(uU,{children:[(0,t.jsx)(dU,aU({small:v,onClick:i},{children:n?(0,t.jsx)(bV,{color:p,width:20,height:20}):(0,t.jsx)(EV,{color:p,width:20,height:20})})),!v&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(hU,{children:[(0,t.jsx)(yU,aU({small:v,onClick:o},{children:r?(0,t.jsx)(gV,{color:p}):(0,t.jsx)(rT,{style:{color:p,fontSize:20}})})),(0,t.jsx)(pU,{ref:T,"aria-label":"Volume Range",type:"range",min:"0",value:I.toString(),onChange:function(e){return f(e,T)},max:"100",step:"1",color:p,small:v})]}),(0,t.jsxs)(mU,aU({width:g.current&&g.current.clientWidth,color:p},{children:[P," / ",O(l)]}))]})]}),!v&&(0,t.jsxs)(fU,{children:[(0,t.jsx)(vU,aU({active:w,color:h,onClick:function(){S(!w)}},{children:(0,t.jsx)(TV,{color:p})})),w&&(0,t.jsxs)(gU,aU({width:g.current&&g.current.clientWidth},{children:[(0,t.jsx)("p",{children:"Playback Speed"}),xU.map((function(e){return(0,t.jsxs)("div",aU({onClick:function(){return t=e.value,y&&y(t),void _(t);var t}},{children:[(0,t.jsx)("span",{children:e.label})," ",k==e.value&&(0,t.jsx)(MV,{width:g.current&&g.current.clientWidth<500?"16px":"20px",height:g.current&&g.current.clientWidth<500?"16px":"20px"})]}),e.value)}))]})),(0,t.jsx)(vU,aU({onClick:a},{children:(0,t.jsx)(Zc,{style:{color:p,fontSize:20}})})),(0,t.jsx)(NV,{style:{marginLeft:4},height:17,fill:hi})]})]})]}))},wU=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},SU=function(){return SU=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},SU.apply(this,arguments)},CU=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},EU=tt.div(JV||(JV=wU(["\n box-sizing: border-box;\n overflow: overlay;\n display: flex;\n justify-content: center;\n padding-right: 0px;\n height: ",";\n width: ",";\n margin: ",";\n ","\n"],["\n box-sizing: border-box;\n overflow: overlay;\n display: flex;\n justify-content: center;\n padding-right: 0px;\n height: ",";\n width: ",";\n margin: ",";\n ","\n"])),(function(e){return e.height?e.height:"100%"}),(function(e){return e.width?e.width:""}),(function(e){return e.margin?e.margin:""}),(function(e){return e.disablePointerEvents&&Ne(XV||(XV=wU(["\n pointer-events: none;\n "],["\n pointer-events: none;\n "])))})),kU=tt.figure(eU||(eU=wU(["\n border-radius: 4px;\n ","\n margin: 0;\n position: relative;\n height: 100%;\n /* TODO - check if this is ok */\n max-width: 800px;\n overflow: hidden;\n\n ","\n"],["\n border-radius: 4px;\n ","\n margin: 0;\n position: relative;\n height: 100%;\n /* TODO - check if this is ok */\n max-width: 800px;\n overflow: hidden;\n\n ","\n"])),(function(e){return e.borderBottomRadius?"\n border-bottom-left-radius: ".concat(e.borderBottomRadius,";\n border-bottom-right-radius: ").concat(e.borderBottomRadius,";\n "):""}),(function(e){return e.preventWideSize?"width: auto;":"\n ".concat(pi.lg," {\n width: 720px;\n }\n ")})),_U=tt((function(e){var t=e.handle,n=e.onChange,r=e.children,i=e.className,o=[];return i&&o.push(i),o.push("fullscreen"),t.active&&o.push("fullscreen-enabled"),(0,E.useEffect)((function(){n&&n(t.active,t)}),[t.active]),k().createElement("div",{className:o.join(" "),ref:t.node,style:t.active?{height:"100%",width:"100%"}:void 0},r)}))(tU||(tU=wU(["\n width: 100%;\n position: relative;\n box-sizing: border-box;\n background-color: ",";\n"],["\n width: 100%;\n position: relative;\n box-sizing: border-box;\n background-color: ",";\n"])),(function(e){return e.backgroundColor?e.backgroundColor:""})),OU=tt.video(nU||(nU=wU(["\n border-radius: ",";\n position: relative;\n width: 100%;\n height: ",";\n object-fit: contain; /*object-fit: contain to fix the issue of vertical video SUS-687*/\n max-height: ",";\n"],["\n border-radius: ",";\n position: relative;\n width: 100%;\n height: ",";\n object-fit: contain; /*object-fit: contain to fix the issue of vertical video SUS-687*/\n max-height: ",";\n"])),(function(e){return e.borderBottomRadius||"4px"}),(function(e){return e.isFullScreen?"100%":e.height}),(function(e){return e.isFullScreen?"100%":"unset"})),PU=tt.div(rU||(rU=wU(["\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: ",";\n z-index: 4;\n"],["\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: ",";\n z-index: 4;\n"])),"rgba(255,255,255, .85)"),TU=tt.div(iU||(iU=wU(["\n transition: all 0.15s;\n position: absolute;\n opacity: ",";\n left: 0;\n right: 0;\n bottom: ",";\n background-color: ",";\n padding: ",";\n"],["\n transition: all 0.15s;\n position: absolute;\n opacity: ",";\n left: 0;\n right: 0;\n bottom: ",";\n background-color: ",";\n padding: ",";\n"])),(function(e){return e.isVisible?1:0}),(function(e){return e.isFullScreen?"0px":"7px"}),(function(e){return e.hex}),(function(e){return"".concat(e.small?"0px 2px 1px":"8px")})),IU=function(e){var n=e.videoSource,r=e.thumbnail,i=e.small,o=e.videoRef,a=e.autoplay,s=e.playlist,l=e.preventWideSize,c=e.hideContext,u=void 0!==c&&c,f=e.startWithControls,d=void 0===f||f,p=e.height,h=e.width,y=e.margin,m=e.disableControls,v=void 0!==m&&m,g=e.borderBottomRadius,x=e.FullscreenVideoWrapperBackgroundColor,b=e.setIsVideoLoading,w=e.setVideoDuration,S="rgba(28, 106, 207, 0.8)",C=hi,k=CU(E.useState(!0),2),_=k[0],O=k[1],P=CU(E.useState(!1),2),T=P[0],I=P[1],A=CU(E.useState(1),2),j=A[0],M=A[1],D=CU(E.useState(0),2),R=D[0],F=D[1],L=CU(E.useState(0),2),B=L[0],N=L[1],z=CU(E.useState(d),2),V=z[0],U=z[1],H=CU(E.useState(!1),2),G=H[0],W=H[1],q=CU(E.useState(0),2),$=q[0],Z=q[1],Y=Vl().userData,Q=ec(Y),K=E.useRef(V),X=E.useRef(0),J=CU(E.useState(0),2),ee=J[0],te=J[1],ne=E.createRef(),re=function(){var e=o.current;e&&(_?e.play():e.pause())},ie=function(){var e=(0,E.useState)(!1),t=e[0],n=e[1],r=(0,E.useRef)(null);(0,E.useEffect)((function(){var e=function(){n(lV.fullscreenElement===r.current)};return lV.addEventListener("fullscreenchange",e),function(){return lV.removeEventListener("fullscreenchange",e)}}),[]);var i=(0,E.useCallback)((function(){return lV.fullscreenElement?lV.exitFullscreen().then((function(){return lV.requestFullscreen(r.current)})):r.current?lV.requestFullscreen(r.current):void 0}),[]),o=(0,E.useCallback)((function(){return lV.fullscreenElement===r.current?lV.exitFullscreen():Promise.resolve()}),[]);return(0,E.useMemo)((function(){return{active:t,enter:i,exit:o,node:r}}),[t,i,o])}();E.useEffect((function(){setTimeout((function(){return window.dispatchEvent(new Event("resize"))}),200)}),[ie.active]),E.useEffect((function(){var e=o.current;if(e.textTracks.length&&e.textTracks[0]){for(var t=V?-4:-1,n=e.textTracks[0].cues,r=0;r<n.length;r++)n[r].line=t;e.textTracks[0].activeCues[0]&&(e.textTracks[0].activeCues[0].line=t)}}),[V]);var oe=function(){o.current&&isFinite(o.current.duration)&&(F(o.current.duration),w&&w(o.current.duration))},ae=function(){o.current&&o.current.networkState==HTMLMediaElement.NETWORK_NO_SOURCE&&!G&&(console.log("error loading mp4"),W(!0))},se=function(){W(!1),clearTimeout($),o.current&&o.current.duration===1/0&&(o.current.currentTime=1e101,o.current.ontimeupdate=function(){this.ontimeupdate=function(){},o.current&&(o.current.currentTime=0)})};E.useEffect((function(){b&&b(G),G&&te(ee+1)}),[G]),E.useEffect((function(){var e;if(ee>0&&G){clearTimeout($);var t=setTimeout(te,1e3*ee,ee+1);Z(t),null===(e=o.current)||void 0===e||e.load()}}),[ee]),E.useEffect((function(){return o.current&&(o.current.addEventListener("durationchange",oe,!0),o.current.addEventListener("loadedmetadata",se,!0),o.current.addEventListener("error",ae,!0),o.current.addEventListener("pause",(function(){return O(!0)}),!0),o.current.addEventListener("play",(function(){return O(!1)}),!0),ne&&ne.current&&(o.current.addEventListener("mouseenter",ce),o.current.addEventListener("mouseleave",le),ne.current.addEventListener("mouseenter",ce),ne.current.addEventListener("mouseleave",le))),function(){o.current&&(o.current.removeEventListener("durationchange",oe,!0),o.current.removeEventListener("loadedmetadata",se,!0),o.current.removeEventListener("error",ae,!0))}}),[o]);var le=function(){o.current&&(o.current.paused||(U(!1),K.current=!1))},ce=function(){v||(U(!0),K.current=!0)};E.useEffect((function(){s&&s.length>0&&(X.current=0,N(0),O(!0))}),[s]),E.useEffect((function(){var e=function(){if(o.current&&(N(o.current.currentTime),X&&s&&s[X.current]&&o.current.currentTime>=s[X.current].endTime)){var e=new Event("ended");o.current.dispatchEvent(e)}},t=function(){if(o.current&&s&&(X.current++,X.current<s.length&&s[X.current].videoSource)){o.current.poster=s[X.current].autogeneratedThumbnail;var e="",t=s[X.current].startTime,n=s[X.current].endTime;(t||n)&&(e="#t=".concat(t||0).concat(n?","+n:""));var r=(""+s[X.current].videoSource).split("#t=")[0]+e;o.current.src=r,o.current.play()}};return o.current&&o.current.addEventListener("timeupdate",e,!0),o.current&&o.current.addEventListener("ended",t,!0),o.current&&a&&(o.current.play(),O(!1)),function(){o.current&&(o.current.removeEventListener("timeupdate",e,!0),o.current.removeEventListener("ended",t,!0))}}),[o]);var ue=eV.hex.rgb(S)||[];return(0,t.jsx)(EU,SU({small:i,height:p,width:h,margin:y,disablePointerEvents:v},{children:(0,t.jsx)(kU,SU({small:i,preventWideSize:l,borderBottomRadius:g},{children:(0,t.jsxs)(_U,SU({handle:ie,backgroundColor:x},{children:[(0,t.jsx)(OU,SU({onContextMenu:function(e){u&&e.preventDefault()},poster:G?"":r,preload:"metadata",ref:o,onClick:re,isFullScreen:ie.active,height:p||"auto",borderBottomRadius:g},{children:(0,t.jsx)("source",{src:n,type:"video/mp4"},ee+X.current+n)}),n),G&&(0,t.jsx)(PU,{children:(0,t.jsx)(_o,{height:"100%",isLoading:G,text:"processing..."})}),!v&&(0,t.jsx)(TU,SU({ref:ne,r:ue[0],g:ue[1],b:ue[2],hex:S,small:i,isVisible:V,isFullScreen:ie.active},{children:(0,t.jsx)(bU,{isVideoPaused:_,togglePlay:re,isVideoMuted:T,handleMute:function(){var e=o.current;e&&(T?(M(1),I(!1),e.volume=1):(M(0),I(!0),e.volume=0))},handleFullScreen:function(){return ie.active?ie.exit():ie.enter()},setPlayBack:function(e){o.current.playbackRate=e},setTranslate:function(){},duration:R,currentTime:B,handleVolumeControl:function(e,t){var n=t.current&&t.current.offsetWidth,r=e.target.value;if(r>100&&(r=100),r<0&&(r=0),o.current&&n){var i=Number((r/n).toFixed(2));if(Math.floor(100*o.current.volume)==e.target.valueAsNumber)return;M(i),i<0&&(i=0,M(0)),i>1&&(M(1),i=1),0===i&&I(!0),1!==i&&I(!1),o.current.volume=i}},volumeRange:j,playerIconsColor:C,small:i,scrub:function(e,t){var n=t.current?t.current.offsetWidth:640;if(o.current){var r=e.nativeEvent.offsetX/n*o.current.duration;o.current.currentTime=r}},playerBackgroundColor:S,captionsEnabled:!1,captions:"",isVisible:V,videoRef:o,isAutomotive:Q})}))]}))}))}))},AU=function(){return AU=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},AU.apply(this,arguments)},jU=function(e,t){return void 0===t&&(t=!1),n=void 0,r=void 0,o=function(){var n,r,i,o,a,s,l,c;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(u){switch(u.label){case 0:return n={vin:e.vin||"",templateId:e.templateId||0,linksetId:e.linksetId||0,overlayId:e.overlayId||0,allowReactions:e.allowReactions||!1},t&&(n=AU(AU({},n),{useAutomotive:t})),[4,kn().get("".concat(b,"share/quickshare/").concat(e.videoId),{headers:S.bearerToken,params:n}).catch((function(e){return e}))];case 1:if((r=u.sent())instanceof Error)throw new Error("Error retrieving quick share link!");if(200!==(i=r.data).code)throw new Error("Error retrieving quick share link!");return o=i.data,a=o.url,s=o.html,l=o.thumbnail,c=o.key,[2,{url:a,html:s,thumbnail:l,key:c}]}}))},new((i=void 0)||(i=Promise))((function(e,t){function a(e){try{l(o.next(e))}catch(e){t(e)}}function s(e){try{l(o.throw(e))}catch(e){t(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,s)}l((o=o.apply(n,r||[])).next())}));var n,r,i,o},MU=__webpack_require__(2473),DU=__webpack_require__.n(MU),RU=Math.sqrt(50),FU=Math.sqrt(10),LU=Math.sqrt(2);function BU(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function NU(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?BU(Object(n),!0).forEach((function(t){HU(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):BU(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function zU(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function VU(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function UU(e,t,n){return t&&VU(e.prototype,t),n&&VU(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function HU(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function GU(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&qU(e,t)}function WU(e){return WU=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},WU(e)}function qU(e,t){return qU=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},qU(e,t)}function $U(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ZU(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=WU(e);if(t){var i=WU(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return $U(e)}(this,n)}}function YU(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o=[],a=!0,s=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(s)throw i}}return o}}(e,t)||KU(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function QU(e){return function(e){if(Array.isArray(e))return XU(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||KU(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function KU(e,t){if(e){if("string"==typeof e)return XU(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?XU(e,t):void 0}}function XU(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var JU="react-compound-slider:";function eH(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return function(t,n){return t.val>n.val?e?-1:1:n.val>t.val?e?1:-1:0}}function tH(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],i=e.findIndex((function(e){return e.key===t}));if(-1!==i){var o=e[i],a=o.key;return o.val===n?e:[].concat(QU(e.slice(0,i)),[{key:a,val:n}],QU(e.slice(i+1))).sort(eH(r))}return e}function nH(e,t){if(!e)return[0,0];var n=e.getBoundingClientRect();return[t?n.top:n.left,t?n.bottom:n.right]}function rH(e){var t=e.type,n=void 0===t?"":t,r=e.touches;return!r||r.length>1||"touchend"===n.toLowerCase()&&r.length>0}function iH(e,t){return e?t.touches[0].clientY:t.touches[0].pageX}function oH(){var e=arguments.length>1?arguments[1]:void 0,t=arguments.length>2?arguments[2]:void 0,n=arguments.length>3?arguments[3]:void 0,r=0,i=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).map((function(e){var i=t.getValue(e);return e!==i&&(r+=1,DU()(!n,"".concat(JU," Invalid value encountered. Changing ").concat(e," to ").concat(i,"."))),i})).map((function(e,t){return{key:"$$-".concat(t),val:e}})).sort(eH(e));return{handles:i,changes:r}}function aH(e,t,n,r,i){for(var o=-1,a=!0,s=0;s<e.length;s++){var l=e[s],c=t[s];if(!c||c.key!==l.key)return e;c.val!==l.val&&(o=s,a=c.val-l.val>0)}if(-1===o)return e;for(var u=a?n:-n,f=0;f<t.length;f++){var d=t[f],p=t[f+1];if(p&&d.val===p.val){if(f===o){var h=p.val+u;if(i(h)===h){var y=aH(t,tH(t,p.key,p.val+u,r),n,r,i);return y===t?e:y}return e}var m=d.val+u;if(i(m)===m){var v=aH(t,tH(t,d.key,d.val+u,r),n,r,i);return v===t?e:v}return e}}return t}function sH(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){return t.forEach((function(t){return t&&t(e)}))}}var lH=function(){return{value:0,percent:0}},cH=function(e){GU(n,e);var t=ZU(n);function n(){var e;zU(this,n);for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).getRailProps=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.props,r=n.emitMouse,i=n.emitTouch;return NU(NU({},t),{},{onMouseDown:sH(t&&t.onMouseDown,r),onTouchStart:sH(t&&t.onTouchStart,i)})},e}return UU(n,[{key:"render",value:function(){var e=this.getRailProps,t=this.props,n=t.getEventData,r=t.activeHandleID,i=void 0===r?"":r,o=(0,t.children)({getEventData:n||lH,activeHandleID:i,getRailProps:e});return o&&k().Children.only(o)}}]),n}(E.Component),uH=function(e){GU(n,e);var t=ZU(n);function n(){var e;zU(this,n);for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).autofocus=function(e){e.target instanceof HTMLElement&&e.target.focus()},e.getHandleProps=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=e.props,i=r.emitKeyboard,o=r.emitMouse,a=r.emitTouch;return NU(NU({},n),{},{onKeyDown:sH(n&&n.onKeyDown,(function(e){return i&&i(e,t)})),onMouseDown:sH(n&&n.onMouseDown,e.autofocus,(function(e){return o&&o(e,t)})),onTouchStart:sH(n&&n.onTouchStart,(function(e){return a&&a(e,t)}))})},e}return UU(n,[{key:"render",value:function(){var e=this.getHandleProps,t=this.props,n=t.activeHandleID,r=void 0===n?"":n,i=t.children,o=t.handles,a=i({handles:void 0===o?[]:o,activeHandleID:r,getHandleProps:e});return a&&k().Children.only(a)}}]),n}(E.Component),fH=function(){function e(){zU(this,e),this.interpolator=void 0,this.domain=[0,1],this.range=[0,1],this.domain=[0,1],this.range=[0,1],this.interpolator=null}return UU(e,[{key:"createInterpolator",value:function(e,t){var n=this,r=e[0],i=e[1],o=t[0],a=t[1];return i<r?function(e){return n.interpolateValue(a,o)(n.deinterpolateValue(i,r)(e))}:function(e){return n.interpolateValue(o,a)(n.deinterpolateValue(r,i)(e))}}},{key:"interpolateValue",value:function(e,t){return t-=e=+e,function(n){return e+t*n}}},{key:"deinterpolateValue",value:function(e,t){return(t-=e=+e)?function(n){return(n-e)/t}:function(){return t}}},{key:"rescale",value:function(){return this.interpolator=null,this}},{key:"getValue",value:function(e){var t=this.domain,n=this.range;return(this.interpolator||(this.interpolator=this.createInterpolator(t,n)))(+e)}},{key:"setDomain",value:function(e){return this.domain=[e[0],e[1]],this.rescale(),this}},{key:"getDomain",value:function(){return this.domain}},{key:"setRange",value:function(e){return this.range=[e[0],e[1]],this}},{key:"getRange",value:function(){return this.range}},{key:"getTicks",value:function(e){var t=this.domain;return function(e,t,n){var r,i,o,a,s=-1;if(n=+n,(e=+e)==(t=+t)&&n>0)return[e];if((r=t<e)&&(i=e,e=t,t=i),0===(a=function(e,t,n){var r=(t-e)/Math.max(0,n),i=Math.floor(Math.log(r)/Math.LN10),o=r/Math.pow(10,i);return i>=0?(o>=RU?10:o>=FU?5:o>=LU?2:1)*Math.pow(10,i):-Math.pow(10,-i)/(o>=RU?10:o>=FU?5:o>=LU?2:1)}(e,t,n))||!isFinite(a))return[];if(a>0){let n=Math.round(e/a),r=Math.round(t/a);for(n*a<e&&++n,r*a>t&&--r,o=new Array(i=r-n+1);++s<i;)o[s]=(n+s)*a}else{a=-a;let n=Math.round(e*a),r=Math.round(t*a);for(n/a<e&&++n,r/a>t&&--r,o=new Array(i=r-n+1);++s<i;)o[s]=(n+s)/a}return r&&o.reverse(),o}(t[0],t[t.length-1],e||10)}}]),e}(),dH=function(){return{value:0,percent:0}},pH=function(e){GU(n,e);var t=ZU(n);function n(){return zU(this,n),t.apply(this,arguments)}return UU(n,[{key:"render",value:function(){var e=this.props,t=e.children,n=e.values,r=e.scale,i=void 0===r?new fH:r,o=e.count,a=void 0===o?10:o,s=e.getEventData,l=void 0===s?dH:s,c=e.activeHandleID,u=t({getEventData:l,activeHandleID:void 0===c?"":c,ticks:(n||i.getTicks(a)).map((function(e){return{id:"$$-".concat(e),value:e,percent:i.getValue(e)}}))});return u&&k().Children.only(u)}}]),n}(E.Component),hH=function(){return{value:0,percent:0}},yH=function(e){GU(n,e);var t=ZU(n);function n(){var e;zU(this,n);for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).getTrackProps=function(t){var n=e.props,r=n.emitMouse,i=n.emitTouch;return NU(NU({},t||{}),{},{onMouseDown:sH(t&&t.onMouseDown,r),onTouchStart:sH(t&&t.onTouchStart,i)})},e}return UU(n,[{key:"render",value:function(){for(var e=this.getTrackProps,t=this.props,n=t.children,r=t.left,i=void 0===r||r,o=t.right,a=void 0===o||o,s=t.scale,l=void 0===s?new fH:s,c=t.handles,u=void 0===c?[]:c,f=t.getEventData,d=void 0===f?hH:f,p=t.activeHandleID,h=void 0===p?"":p,y=l.getDomain(),m=[],v=0;v<u.length+1;v++){var g=u[v-1],x=u[v];0===v&&!0===i?g={id:"$",value:y[0],percent:0}:v===u.length&&!0===a&&(x={id:"$",value:y[1],percent:100}),g&&x&&m.push({id:"".concat(g.id,"-").concat(x.id),source:g,target:x})}var b=n({getEventData:d,activeHandleID:h,tracks:m,getTrackProps:e});return b&&k().Children.only(b)}}]),n}(E.Component);function mH(e,t,n){return Math.min(Math.max(e,t),n)}var vH,gH,xH,bH,wH,SH,CH,EH=UU((function e(){var t=this;zU(this,e),this.step=1,this.domain=[0,1],this.range=[0,1],this.setDomain=function(e){return t.domain=[e[0],e[1]],t},this.setRange=function(e){return t.range=[e[0],e[1]],t},this.setStep=function(e){return t.step=e,t},this.getValue=function(e){var n=YU(t.domain,2),r=n[0],i=n[1],o=YU(t.range,2),a=o[0],s=o[1],l=t.step,c=(mH(e,r,i)-r)/(i-r);return mH(l*Math.round(c*(s-a)/l)+a,a<s?a:s,s>a?s:a)}})),kH="undefined"!=typeof window&&"undefined"!=typeof document,_H=function(){},OH=[0,100],PH=function(e){GU(n,e);var t=ZU(n);function n(){var e;zU(this,n);for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).state={step:.1,values:[],domain:OH,handles:[],reversed:!1,activeHandleID:"",valueToPerc:null,valueToStep:null,pixelToStep:null},e.slider=k().createRef(),e.onKeyDown=function(t,n){var r=["ArrowRight","ArrowUp"],i=["ArrowDown","ArrowLeft"],o=$U(e),a=o.state.handles,s=o.props,l=s.step,c=void 0===l?.1:l,u=s.reversed,f=void 0!==u&&u,d=s.vertical,p=void 0!==d&&d,h=s.domain,y=void 0===h?[0,100]:h,m=t.key||"".concat(t.keyCode);if(r.concat(i).includes(m)){if(p){var v=[i,r];r=v[0],i=v[1]}t.stopPropagation&&t.stopPropagation(),t.preventDefault&&t.preventDefault();var g=a.find((function(e){return e.key===n}));if(g){var x=g.val,b=x;r.includes(m)?b=function(e,t,n,r){var i=r?e-t:e+t;return r?Math.max(n[0],i):Math.min(n[1],i)}(x,c,y,f):i.includes(m)&&(b=function(e,t,n,r){var i=r?e+t:e-t;return r?Math.min(n[1],i):Math.max(n[0],i)}(x,c,y,f));var w=a.map((function(e){return e.key===n?{key:e.key,val:b}:e}));e.submitUpdate(w,!0)}}},e.onMouseDown=function(t,n){e.onStart(t,n,!1)},e.onTouchStart=function(t,n){rH(t)||e.onStart(t,n,!0)},e.getEventData=function(t,n){var r,i=$U(e),o=i.state,a=o.pixelToStep,s=o.valueToPerc,l=i.props.vertical;return a.setDomain(nH(e.slider.current,l)),n&&t instanceof TouchEvent?r=a.getValue(iH(l,t)):t instanceof MouseEvent&&(r=a.getValue(l?t.clientY:t.pageX)),{value:r,percent:s.getValue(r)}},e.onMouseMove=function(t){var n=$U(e),r=n.state,i=r.handles,o=r.pixelToStep,a=r.activeHandleID,s=void 0===a?"":a,l=n.props,c=l.vertical,u=l.reversed,f=void 0!==u&&u;o.setDomain(nH(e.slider.current,c));var d=tH(i,s,o.getValue(c?t.clientY:t.pageX),f);e.submitUpdate(d)},e.onTouchMove=function(t){var n=$U(e),r=n.state,i=r.handles,o=r.pixelToStep,a=r.activeHandleID,s=n.props,l=s.vertical,c=s.reversed;if(null!==o&&!rH(t)){o.setDomain(nH(e.slider.current,l));var u=tH(i,a,o.getValue(iH(l,t)),c);e.submitUpdate(u)}},e.onMouseUp=function(){var t=$U(e),n=t.state,r=n.handles,i=void 0===r?[]:r,o=n.activeHandleID,a=t.props,s=a.onChange,l=void 0===s?_H:s,c=a.onSlideEnd,u=void 0===c?_H:c;l(i.map((function(e){return e.val}))),u(i.map((function(e){return e.val})),{activeHandleID:o}),e.setState({activeHandleID:""}),kH&&(document.removeEventListener("mousemove",e.onMouseMove),document.removeEventListener("mouseup",e.onMouseUp))},e.onTouchEnd=function(){var t=$U(e),n=t.state,r=n.handles,i=n.activeHandleID,o=t.props,a=o.onChange,s=void 0===a?_H:a,l=o.onSlideEnd,c=void 0===l?_H:l;s(r.map((function(e){return e.val}))),c(r.map((function(e){return e.val})),{activeHandleID:i}),e.setState({activeHandleID:""}),kH&&(document.removeEventListener("touchmove",e.onTouchMove),document.removeEventListener("touchend",e.onTouchEnd))},e}return UU(n,[{key:"componentDidMount",value:function(){var e=this.state.pixelToStep,t=this.props.vertical;e.setDomain(nH(this.slider.current,t))}},{key:"componentWillUnmount",value:function(){this.removeListeners()}},{key:"removeListeners",value:function(){kH&&(document.removeEventListener("mousemove",this.onMouseMove),document.removeEventListener("mouseup",this.onMouseUp),document.removeEventListener("touchmove",this.onTouchMove),document.removeEventListener("touchend",this.onTouchEnd))}},{key:"onStart",value:function(e,t,n){var r=this.state.handles,i=this.props.onSlideStart,o=void 0===i?_H:i;n||e.preventDefault&&e.preventDefault(),e.stopPropagation&&e.stopPropagation(),r.find((function(e){return e.key===t}))?(this.setState({activeHandleID:t}),o(r.map((function(e){return e.val})),{activeHandleID:t}),n?this.addTouchEvents():this.addMouseEvents()):(this.setState({activeHandleID:""}),this.handleRailAndTrackClicks(e,n))}},{key:"handleRailAndTrackClicks",value:function(e,t){var n,r=this,i=this.state,o=i.handles,a=i.pixelToStep,s=this.props,l=s.vertical,c=s.reversed,u=void 0!==c&&c,f=this.slider;a.setDomain(nH(f.current,l)),n=t?a.getValue(iH(l,e)):a.getValue(l?e.clientY:e.pageX);for(var d="",p=1/0,h=0;h<o.length;h++){var y=o[h],m=y.key,v=y.val,g=Math.abs(v-n);g<p&&(d=m,p=g)}var x=tH(o,d,n,u);this.setState({activeHandleID:d},(function(){r.submitUpdate(x,!0),t?r.addTouchEvents():r.addMouseEvents()}))}},{key:"addMouseEvents",value:function(){kH&&(document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp))}},{key:"addTouchEvents",value:function(){kH&&(document.addEventListener("touchmove",this.onTouchMove),document.addEventListener("touchend",this.onTouchEnd))}},{key:"submitUpdate",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.props,r=n.mode,i=void 0===r?1:r,o=n.step,a=void 0===o?.1:o,s=n.onUpdate,l=void 0===s?_H:s,c=n.onChange,u=void 0===c?_H:c,f=n.reversed,d=void 0!==f&&f,p=this.state.valueToStep.getValue;this.setState((function(n){var r=n.handles,o=[];if("function"==typeof i)o=i(r,e,a,d,p),DU()(Array.isArray(o),"Custom mode function did not return an array.");else switch(i){case 1:o=function(e,t){return t}(0,e);break;case 2:o=function(e,t){for(var n=0;n<e.length;n++){if(e[n].key!==t[n].key)return e;if(t[n+1]&&t[n].val===t[n+1].val)return e}return t}(r,e);break;case 3:o=aH(r,e,a,d,p);break;default:o=e,DU()(!1,"".concat(JU," Invalid mode value."))}return l(o.map((function(e){return e.val}))),t&&u(o.map((function(e){return e.val}))),{handles:o}}))}},{key:"render",value:function(){var e=this,t=this.state,n=t.handles,r=t.valueToPerc,i=t.activeHandleID,o=this.props,a=o.className,s=o.rootStyle,l=void 0===s?{}:s,c=o.rootProps,u=void 0===c?{}:c,f=o.component,d=void 0===f?"div":f,p=o.disabled,h=void 0!==p&&p,y=o.flatten,m=void 0!==y&&y,v=n.map((function(e){var t=e.key,n=e.val;return{id:t,value:n,percent:r.getValue(n)}})),g=k().Children.map(this.props.children,(function(t){return!0===function(e){if(!(0,E.isValidElement)(e))return!1;var t=e.type,n=t?t.name:"";return n===uH.name||n===cH.name||n===pH.name||n===yH.name}(t)?k().cloneElement(t,{scale:r,handles:v,activeHandleID:i,getEventData:e.getEventData,emitKeyboard:h?_H:e.onKeyDown,emitMouse:h?_H:e.onMouseDown,emitTouch:h?_H:e.onTouchStart}):t}));return m?k().createElement(k().Fragment,null,k().createElement(d,NU(NU({},u),{},{style:l,className:a,ref:this.slider})),g):k().createElement(k().Fragment,null,k().createElement(d,NU(NU({},u),{},{style:l,className:a,ref:this.slider}),g))}}],[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.step,r=void 0===n?.1:n,i=e.values,o=e.domain,a=void 0===o?OH:o,s=e.reversed,l=void 0!==s&&s,c=e.onUpdate,u=void 0===c?_H:c,f=e.onChange,d=void 0===f?_H:f,p=e.warnOnChanges,h=void 0!==p&&p,y=t.valueToPerc,m=t.valueToStep,v=t.pixelToStep,g={};if(y&&m&&v||(y=new fH,m=new EH,v=new EH,g.valueToPerc=y,g.valueToStep=m,g.pixelToStep=v),t.domain===OH||null===t.step||null===t.domain||null===t.reversed||r!==t.step||a[0]!==t.domain[0]||a[1]!==t.domain[1]||l!==t.reversed){var x=YU(a,2),b=x[0],w=x[1];m.setStep(r).setRange([b,w]).setDomain([b,w]),!0===l?(y.setDomain([b,w]).setRange([100,0]),v.setStep(r).setRange([w,b])):(y.setDomain([b,w]).setRange([0,100]),v.setStep(r).setRange([b,w])),DU()(w>b,"".concat(JU," Max must be greater than min (even if reversed). Max is ").concat(w,". Min is ").concat(b,"."));var S=oH(i||t.values,l,m,h),C=S.handles;(S.changes||void 0===i||i===t.values)&&(u(C.map((function(e){return e.val}))),d(C.map((function(e){return e.val})))),g.step=r,g.values=i,g.domain=a===OH?QU(a):a,g.handles=C,g.reversed=l}else if(!function(e,t){return e===t||e.length===t.length&&e.reduce(function(e){return function(t,n,r){return t&&e[r]===n}}(t),!0)}(i,t.values)){var E=oH(i,l,m,h),k=E.handles;E.changes&&(u(k.map((function(e){return e.val}))),d(k.map((function(e){return e.val})))),g.values=i,g.handles=k}return Object.keys(g).length?g:null}}]),n}(E.PureComponent),TH=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},IH=tt.video(vH||(vH=TH(["\n height: auto;\n width: ",";\n object-fit: cover;\n object-position: center;\n &:nth-child(1) {\n border-radius: 6px 0 0 6px;\n }\n &:nth-child(",") {\n border-radius: 0 6px 6px 0;\n }\n"],["\n height: auto;\n width: ",";\n object-fit: cover;\n object-position: center;\n &:nth-child(1) {\n border-radius: 6px 0 0 6px;\n }\n &:nth-child(",") {\n border-radius: 0 6px 6px 0;\n }\n"])),(function(e){return e.width}),(function(e){return e.numberOfStills})),AH=tt.div(gH||(gH=TH(["\n position: absolute;\n left: 0;\n right: 0;\n height: 48px;\n overflow: hidden;\n display: flex;\n flex-wrap: nowrap;\n"],["\n position: absolute;\n left: 0;\n right: 0;\n height: 48px;\n overflow: hidden;\n display: flex;\n flex-wrap: nowrap;\n"]))),jH=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},MH=function(){return MH=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},MH.apply(this,arguments)},DH=tt.div(xH||(xH=jH(["\n position: absolute;\n width: 100%;\n height: 48px;\n cursor: pointer;\n"],["\n position: absolute;\n width: 100%;\n height: 48px;\n cursor: pointer;\n"]))),RH=tt.div(bH||(bH=jH(["\n position: absolute;\n width: 100%;\n height: 48px;\n pointer-events: none;\n background-color: rgba(0, 27, 83, 0.15);\n border-radius: 6px;\n"],["\n position: absolute;\n width: 100%;\n height: 48px;\n pointer-events: none;\n background-color: rgba(0, 27, 83, 0.15);\n border-radius: 6px;\n"]))),FH=function(e){var n=e.getRailProps;return(0,t.jsxs)(E.Fragment,{children:[(0,t.jsx)(DH,MH({},n())),(0,t.jsx)(RH,{})]})},LH=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},BH=function(){return BH=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},BH.apply(this,arguments)},NH=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},zH=tt.div(wH||(wH=LH(["\n left: ",";\n position: absolute;\n transform: ",";\n z-index: 400;\n width: 24px;\n height: 48px;\n cursor: pointer;\n"],["\n left: ",";\n position: absolute;\n transform: ",";\n z-index: 400;\n width: 24px;\n height: 48px;\n cursor: pointer;\n"])),(function(e){return e.percent}),(function(e){return e.transform})),VH=tt.div(SH||(SH=LH(["\n left: ",";\n background-color: ",";\n position: absolute;\n transform: ",";\n z-index: 2;\n width: 24px;\n height: 48px;\n border-radius: ",";\n &:before {\n content: '';\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 4px;\n height: 12px;\n background: ",";\n border-radius: 4px;\n }\n"],["\n left: ",";\n background-color: ",";\n position: absolute;\n transform: ",";\n z-index: 2;\n width: 24px;\n height: 48px;\n border-radius: ",";\n &:before {\n content: '';\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 4px;\n height: 12px;\n background: ",";\n border-radius: 4px;\n }\n"])),(function(e){return e.percent}),(function(e){return e.isDisabled?"#666":Ai}),(function(e){return e.transform}),(function(e){return e.borderRadius}),hi),UH=function(e){var n=NH(e.domain,2),r=n[0],i=n[1],o=e.handle,a=o.id,s=o.value,l=o.percent,c=e.showFloatingPreview,u=void 0===c||c,f=e.isActive,d=e.disabled,p=e.getHandleProps,h=e.videoRef,y=e.changeVideoPosition,m=void 0===y||y,v=e.nChild,g=NH(k().useState(!1),2),x=g[0],b=g[1],w=k().createRef();k().useEffect((function(){f&&(u&&(w.current.currentTime=s||0),m&&(h.current.currentTime=s||0))}),[s,w,m,h]);var S=St(s).split(".")[0],C=St(s).split(".")[1];return(0,t.jsxs)(E.Fragment,{children:[u&&(0,t.jsxs)(t.Fragment,{children:[!x&&!f||d?null:(0,t.jsxs)("div",BH({style:{left:"".concat(l,"%"),position:"absolute",marginLeft:"-15px",marginTop:"52px",zIndex:1}},{children:[(0,t.jsx)("div",{style:{width:0,height:0,marginLeft:21,borderLeft:"6px solid transparent",borderRight:"6px solid transparent",borderBottom:"6px solid "}}),(0,t.jsxs)("div",BH({style:{width:"auto",padding:4,fontSize:12,fontWeight:500,letterSpacing:.34,backgroundColor:Ai,color:"#fff",textAlign:"center",position:"fixed",zIndex:99999}},{children:[S,(0,t.jsx)("span",BH({style:{fontSize:9,fontWeight:400,letterSpacing:.34,color:"#fff",opacity:.7}},{children:"."+C}))]}))]})),(0,t.jsx)("div",BH({style:{left:"".concat(l,"%"),position:"absolute",marginLeft:"-38px",marginTop:"-92px",zIndex:3,visibility:!x&&!f||d?"hidden":"visible"}},{children:(0,t.jsx)("div",BH({style:{width:141,height:80,border:"solid 2px ".concat(Ai),backgroundColor:Gi,display:"flex",justifyContent:"center"}},{children:(0,t.jsx)("video",{ref:w,height:"100%",src:e.videoSource},"previewvideoRef")}))}))]}),(0,t.jsx)(zH,BH({percent:"".concat(l,"%")},p(a),{onMouseEnter:function(){b(!0)},onMouseLeave:function(){b(!1)},transform:0===v?"translate(0px,0%)":"translate(-15px,0%)"})),(0,t.jsx)(VH,{role:"slider","aria-valuemin":r,"aria-valuemax":i,"aria-valuenow":s,percent:"".concat(l,"%"),borderRadius:0===v?"5px 0px 0px 5px;":"0px 5px 5px 0px",isDisabled:d,transform:0===v?"translate(0px,0%)":"translate(-15px,0%)"})]})},HH=function(){return HH=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},HH.apply(this,arguments)},GH=function(e){var n=e.source,r=e.target,i=e.getTrackProps,o=e.disabled;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",HH({style:{position:"absolute",height:48,zIndex:1,backgroundColor:o?"#999":"rgba(0,0,0,.7)",cursor:"pointer",left:"0",width:"".concat(n.percent+1,"%"),borderRadius:"6px 0 0 6px"}},i())),(0,t.jsx)("div",HH({style:{position:"absolute",height:48,zIndex:1,backgroundColor:o?"#999":"transparent",cursor:"pointer",left:"".concat(n.percent,"%"),width:"".concat(r.percent-n.percent,"%"),borderRadius:6}},i())),(0,t.jsx)("div",HH({style:{position:"absolute",height:48,zIndex:1,backgroundColor:o?"#999":"rgba(0,0,0,.7)",cursor:"pointer",left:"".concat(r.percent,"%"),width:"".concat(100-r.percent,"%"),borderRadius:"0 6px 6px 0"}},i()))]})},WH=function(){return WH=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},WH.apply(this,arguments)},qH=function(e){var n=e.tick,r=e.count;return(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{style:{position:"absolute",width:2,height:48,opacity:.4,backgroundColor:mi,left:"".concat(n.percent,"%"),zIndex:1}}),(0,t.jsx)("div",WH({style:{position:"absolute",marginTop:52,fontSize:10,textAlign:"center",marginLeft:"".concat(-100/r/2,"%"),width:"".concat(100/r,"%"),left:"".concat(n.percent,"%")}},{children:St(n.value).split(".")[0]}))]})},$H=function(){return $H=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},$H.apply(this,arguments)},ZH=tt.div(CH||(CH=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n position: relative;\n width: ",";\n height: 48px;\n"],["\n position: relative;\n width: ",";\n height: 48px;\n"])),(function(e){return e.width})),YH={position:"relative",width:"100%",backgroundColor:"rgba(0, 27, 83, 0.4)"},QH=E.memo((function(e){for(var n=e.videoSource,r=e.videoDuration,i=e.numberOfStills,o=[],a=100/i,s=0;s<i;s++)o.push(k().createRef());return(0,E.useEffect)((function(){o.forEach((function(e,t){e.current&&(e.current.currentTime=r*(t/i))}))}),[o]),(0,t.jsx)(AH,{children:o.map((function(e,r){return(0,t.jsx)(IH,{ref:e,src:n,width:"".concat(a,"%"),numberOfStills:i},"previewvideoRef-".concat(r))}))})})),KH=function(e){var n=e.videoDuration,r=e.videoSource,i=e.setTrimDuration,o=void 0===i?function(){}:i,a=e.setStart,s=void 0===a?function(){}:a,l=e.value,c=e.setValue,u=e.addHistory,f=void 0===u?function(){}:u,d=e.onSlideEnd,p=void 0===d?function(){}:d,h=e.valueRef,y=e.videoRef,m=e.showTickTime,v=void 0===m||m,g=e.changeVideoPosition,x=void 0===g||g,b=e.showFloatingPreview,w=void 0===b||b,S=e.width,C=[0,n];E.useEffect((function(){var e=[0,n||0];l[1]||c(e)}),[n]),E.useEffect((function(){return y&&y.current&&(y.current.addEventListener("play",(function(e){return _(e)})),y.current.addEventListener("timeupdate",(function(e){return k(e)}))),function(){y&&y.current&&(y.current.removeEventListener("play",(function(e){return _(e)})),y.current.removeEventListener("timeupdate",(function(e){return k(e)})))}}),[y]);var k=function(e){var t=e.target;t.currentTime>h.current[1]&&0!=h.current[1]&&t.pause()},_=function(e){var t=e.target;(t.currentTime>=h.current[1]||t.currentTime<h.current[0])&&(t.currentTime=h.current[0])},O=E.useMemo((function(){return n}),[n]);return(0,t.jsx)(ZH,$H({width:S},{children:(0,t.jsxs)(PH,$H({rootStyle:YH,mode:1,step:1e-7,domain:C,reversed:!1,onChange:function(e){if(!isNaN(e[0])&&!isNaN(e[1])){var t=e.slice();f(t),c(t),h.current=t}},onUpdate:function(e){o(e[1]-e[0]),s(e[0])},values:l,onSlideEnd:function(e){p(e)}},{children:[(0,t.jsx)(QH,{numberOfStills:14,videoSource:r,videoDuration:O}),(0,t.jsx)(cH,{children:function(e){return(0,t.jsx)(FH,$H({},e))}}),(0,t.jsx)(uH,{children:function(e){var n=e.handles,i=e.activeHandleID,o=e.getHandleProps;return(0,t.jsx)("div",$H({className:"slider-handles"},{children:n.map((function(e,n){return(0,t.jsx)(UH,{showFloatingPreview:w,nChild:n,handle:e,domain:C,isActive:e.id===i,getHandleProps:o,videoSource:r,videoRef:y,changeVideoPosition:x},e.id)}))}))}}),(0,t.jsx)(yH,$H({left:!1,right:!1},{children:function(e){var n=e.tracks,r=e.getTrackProps;return(0,t.jsx)("div",$H({className:"slider-tracks"},{children:n.map((function(e){var n=e.id,i=e.source,o=e.target;return(0,t.jsx)(GH,{source:i,target:o,getTrackProps:r},n)}))}))}})),v&&(0,t.jsx)(pH,$H({count:10},{children:function(e){var n=e.ticks;return(0,t.jsx)("div",$H({className:"slider-ticks"},{children:n.map((function(e){return(0,t.jsx)(qH,{tick:e,count:n.length},e.id)}))}))}}))]}))}))},XH=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},JH=function(){return JH=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},JH.apply(this,arguments)},eG=tt.div(rG||(rG=XH(["\n margin-top: 8px;\n font-weight: 400;\n color: ",";\n\n span {\n text-decoration: underline;\n cursor: pointer;\n }\n"],["\n margin-top: 8px;\n font-weight: 400;\n color: ",";\n\n span {\n text-decoration: underline;\n cursor: pointer;\n }\n"])),"rgba(78, 84, 97, 1)"),tG=tt(KH)(iG||(iG=XH(["\n height: 48px;\n width: 100%;\n background-color: ",";\n"],["\n height: 48px;\n width: 100%;\n background-color: ",";\n"])),ki);const nG=function(e){var n=e.videoRef,r=e.videoDuration,i=e.videoSource,o=e.setValue,a=e.value,s=e.isVideoTrimmed,l=e.valueRef,c=e.isVideoLoading,u=void 0===c||c;return(0,t.jsxs)(t.Fragment,{children:[u?(0,t.jsx)(tG,{width:"100%",videoRef:null,videoDuration:0,videoSource:"",setValue:o,value:[0,0],valueRef:l,showTickTime:!1,showFloatingPreview:!1}):(0,t.jsx)(KH,{width:"100%",videoRef:n,videoDuration:r,videoSource:i,setValue:o,value:a,valueRef:l,showTickTime:!1,showFloatingPreview:!1}),s&&(0,t.jsxs)(eG,{children:["Trimmed.",(0,t.jsx)("span",JH({style:{marginLeft:8},onClick:function(){o([0,r]),l.current&&(l.current=[0,r]),n.current&&(n.current.currentTime=0)}},{children:"Revert to Original"}))]})]})};var rG,iG,oG,aG,sG,lG,cG,uG,fG,dG,pG,hG,yG,mG,vG=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},gG=function(){return gG=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},gG.apply(this,arguments)},xG=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},bG=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},wG=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},SG=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},CG=tt.div(oG||(oG=vG(["\n background: ",";\n"],["\n background: ",";\n"])),ki),EG=tt.div(aG||(aG=vG(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"])),Ei),kG=tt.div(sG||(sG=vG(["\n display: flex;\n box-sizing: border-box;\n justify-content: center;\n align-items: flex-start;\n flex-wrap: wrap;\n gap: 16px;\n"],["\n display: flex;\n box-sizing: border-box;\n justify-content: center;\n align-items: flex-start;\n flex-wrap: wrap;\n gap: 16px;\n"]))),_G=tt.div(cG||(cG=vG(["\n box-sizing: border-box;\n width: 100%;\n ","\n"],["\n box-sizing: border-box;\n width: 100%;\n ","\n"])),(function(e){return e.theme.containerWidth>=oi&&Ne(lG||(lG=vG(["\n width: calc(50% - 8px);\n "],["\n width: calc(50% - 8px);\n "])))})),OG=tt.div(fG||(fG=vG(["\n box-sizing: border-box;\n width: 100%;\n margin-top: 16px;\n ","\n"],["\n box-sizing: border-box;\n width: 100%;\n margin-top: 16px;\n ","\n"])),(function(e){return e.theme.containerWidth>=oi&&Ne(uG||(uG=vG(["\n margin-top: 0;\n width: calc(50% - 8px);\n "],["\n margin-top: 0;\n width: calc(50% - 8px);\n "])))})),PG=tt.div(dG||(dG=vG(["\n margin-bottom: 24px;\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n .fullscreen {\n height: auto;\n }\n"],["\n margin-bottom: 24px;\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n .fullscreen {\n height: auto;\n }\n"])),hi),TG=tt.div(pG||(pG=vG(["\n background-color: ",";\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n border-radius: 6px;\n"],["\n background-color: ",";\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n border-radius: 6px;\n"])),hi),IG=tt.div(hG||(hG=vG(["\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n background-color: ",";\n width: ",";\n border-radius: 6px;\n word-break: break-word;\n"],["\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n background-color: ",";\n width: ",";\n border-radius: 6px;\n word-break: break-word;\n"])),Ii,(function(e){return e.backgroundColor||"transparent"}),(function(e){return e.width||"auto"})),AG=tt.div(yG||(yG=vG(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n display: flex;\n align-items: center;\n background-color: ",";\n width: ",";\n border-radius: 6px;\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n display: flex;\n align-items: center;\n background-color: ",";\n width: ",";\n border-radius: 6px;\n"])),Ti,(function(e){return e.backgroundColor||"transparent"}),(function(e){return e.width||"auto"})),jG="pending",MG=[{label:"Enable video reactions & comments",value:"enableReactions"}],DG=function(){var e=Mt().showInsertFeature,n=Mt(),r=n.onVideoInsert,i=n.onVideoInsertError,o=n.showTrimFeature,a=n.showCTAFeature,s=n.showLandingPageFeature,l=n.showReactionsFeature,c=ef().toast,u=Vl().userData,f=ec(u),d=tc(u),p=nc(u),h=function(e){var t;return!(!(null===(t=e.customer)||void 0===t?void 0:t.reactionsPreference)||"0"===e.customer.reactionsPreference.toString())}(u),y=function(e){var t;return!!(e.reactionsPreference&&"1"===e.reactionsPreference.toString()||null===e.reactionsPreference&&(null===(t=e.customer)||void 0===t?void 0:t.reactionsPreference)&&"1"===e.customer.reactionsPreference.toString())}(u),m=pn().videoId,v=dn(),g=wG((0,E.useState)([]),2),x=g[0],w=g[1],C=wG((0,E.useState)(!1),2),k=C[0],_=C[1],O=wG((0,E.useState)(!1),2),P=O[0],T=O[1],I=wG((0,E.useState)([]),2),A=I[0],j=I[1],M=wG((0,E.useState)(!1),2),D=M[0],R=M[1],F=wG((0,E.useState)(!0),2),L=F[0],B=F[1],N=wG((0,E.useState)(!1),2),z=N[0],V=N[1],U=wG((0,E.useState)({}),2),H=U[0],G=U[1],W=wG((0,E.useState)({videoId:m,templateId:0,linksetId:"",overlayId:"",vin:""}),2),q=W[0],$=W[1],Z=wG((0,E.useState)(MG),2),Y=Z[0],Q=Z[1],K=wG((0,E.useState)(jG),2),X=K[0],J=K[1],ee=wG((0,E.useState)(!f||d),2),te=ee[0],ne=ee[1],re=wG((0,E.useState)([]),2),ie=re[0],oe=re[1],ae=wG((0,E.useState)([]),2),se=ae[0],le=ae[1],ce=wG((0,E.useState)(0),2),ue=ce[0],fe=ce[1],de={id:0,title:"".concat(d?"Service":"Sales"," page")},pe=wG((0,E.useState)([]),2),he=pe[0],ye=pe[1],me=wG((0,E.useState)(!1),2),ve=me[0],ge=me[1],xe=wG((0,E.useState)(!1),2),be=xe[0],we=xe[1],Se=wG((0,E.useState)(!1),2),Ce=Se[0],Ee=Se[1],ke=wG((0,E.useState)(!0),2),_e=ke[0],Oe=ke[1],Pe=function(e){i?i(e):console.log("onVideoInsert function not defined. Error: ".concat(e))},Te=wG((0,E.useState)([0,0]),2),Ie=Te[0],Ae=Te[1],je=wG((0,E.useState)(0),2),Me=je[0],De=je[1],Re=(0,E.useRef)([0,0]),Fe=function(){return xG(void 0,void 0,void 0,(function(){var e,t,n;return bG(this,(function(r){switch(r.label){case 0:return T(!0),[4,(i={start:0,limit:100,search:""},Qn(void 0,void 0,void 0,(function(){var e,t;return Kn(this,(function(n){switch(n.label){case 0:return e=S.bearerToken,[4,Tn({url:"/templates",baseURL:b,method:Xn,params:i,headers:e}).catch((function(e){return e}))];case 1:if((t=n.sent())instanceof Error)throw t;return[2,t]}}))}))).catch((function(e){return e}))];case 1:return(e=r.sent())instanceof Error||(t=e.templates,(n=null==e?void 0:e.default)?(fe(parseInt(n.id)),$((function(e){return gG(gG({},e),{templateId:parseInt(n.id)})})),t.find((function(e){return e.id===n.id}))||(t=SG([n],wG(t),!1))):$((function(e){return gG(gG({},e),{templateId:0})})),(0,ku.keyBy)(t,"id")[-1]||t.push({id:-1,title:"Website Overlay",thumbnailURL:"https://www.covideo.com/SampleTemplates/WebsiteOverlay_small.jpg",typeId:18}),T(!1),oe(t),le(t)),[2]}var i}))}))},Le=function(){return xG(void 0,void 0,void 0,(function(){var e,t;return bG(this,(function(n){switch(n.label){case 0:return R(!0),[4,(r={start:0,limit:100,search:""},Qn(void 0,void 0,void 0,(function(){var e,t;return Kn(this,(function(n){switch(n.label){case 0:return e=S.bearerToken,[4,Tn({url:"/overlays",baseURL:b,method:Xn,params:r,headers:e}).catch((function(e){return e}))];case 1:if((t=n.sent())instanceof Error)throw t;return[2,t]}}))}))).catch((function(e){return e}))];case 1:return(e=n.sent())instanceof Error||(t=e.websiteUrls,R(!1),j(t)),[2]}var r}))}))},Be=function(){return xG(void 0,void 0,void 0,(function(){return bG(this,(function(e){switch(e.label){case 0:return[4,sr({videoRequestId:null==H?void 0:H.videoRequest.videoRequestId})];case 1:return e.sent(),c({message:"Video marked as Sent"}),Ee(!1),[2]}}))}))},Ne=function(){return xG(void 0,void 0,void 0,(function(){var e,t,n,i,o,a,s,l;return bG(this,(function(u){switch(u.label){case 0:return e=p&&0===q.templateId,t=!!he.some((function(e){return"enableReactions"===e.value})),n=m,be?[4,xG(void 0,void 0,void 0,(function(){return bG(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,Zn(m,{duration:Ie[1],start:Ie[0],title:H.title})];case 1:return[2,e.sent()];case 2:return e.sent(),c({message:"Something went wrong while trimming the video, try again later!"}),[3,3];case 3:return[2]}}))}))]:[3,2];case 1:(i=u.sent())&&(n=i.id),u.label=2;case 2:return u.trys.push([2,4,,5]),o={videoId:n,vin:X!==jG?X:"",templateId:q.templateId||0,linksetId:q.linksetId||0,overlayId:q.overlayId||0,allowReactions:t},[4,jU(o,e)];case 3:return f={url:(a=u.sent()).url,html:a.html,thumbnail:(null===(d=a.thumbnail,l=d.match(/https?:\/\/[^\s'"]+/g)||[])||void 0===l?void 0:l[0])||""},r?r(f):Pe("onVideoInsert function not defined."),[3,5];case 4:return s=u.sent(),ge(!1),c({message:"There was an error while getting share details."}),Pe(s),[3,5];case 5:return ge(!1),[2]}var f,d}))}))};(0,E.useEffect)((function(){xG(void 0,void 0,void 0,(function(){var e;return bG(this,(function(t){switch(t.label){case 0:return B(!0),[4,Wn(m)];case 1:return(e=t.sent())&&G(e),B(!1),[2]}}))})),f&&xG(void 0,void 0,void 0,(function(){var e;return bG(this,(function(t){switch(t.label){case 0:return B(!0),[4,(n=m,tr(void 0,void 0,void 0,(function(){var e,t,r;return nr(this,(function(i){switch(i.label){case 0:return e=S.bearerToken,t={url:"/video-requests/".concat(n,"/get-by-videoid"),baseURL:b,method:rr,headers:e},[4,Tn(t).catch((function(e){return e}))];case 1:if((r=i.sent())instanceof Error)throw r;return[2,r]}}))})))];case 1:return(e=t.sent())&&J(e.vin||""),B(!1),[2]}var n}))})),xG(void 0,void 0,void 0,(function(){var e,t;return bG(this,(function(n){switch(n.label){case 0:return _(!0),[4,(r={start:0,limit:100,search:""},Qn(void 0,void 0,void 0,(function(){var e,t,n,i,o,a,s,l;return Kn(this,(function(c){switch(c.label){case 0:return t=void 0===(e=r.search)?"":e,i=void 0===(n=r.start)?0:n,a=void 0===(o=r.limit)?0:o,s=S.bearerToken,[4,Tn({url:"/exitlinksets",baseURL:b,method:Xn,headers:s,params:{search:t,start:i,limit:a}}).catch((function(e){return e}))];case 1:if((l=c.sent())instanceof Error)throw l;return[2,l]}}))}))).catch((function(e){return e}))];case 1:return(e=n.sent())instanceof Error||(t=e.linksets,_(!1),w(t)),[2]}var r}))})),te&&(Fe(),Le()),h?y&&ye((function(e){return SG(SG([],wG(e),!1),wG(Y.filter((function(e){return"enableReactions"===e.value}))),!1)})):Q((function(e){return e.filter((function(e){return"enableReactions"!==e.value}))}))}),[]),(0,E.useEffect)((function(){Ae([0,Me])}),[Me]),(0,E.useEffect)((function(){if(X!==jG){if(X||(ne(!1),$((function(e){return gG(gG({},e),{vin:""})}))),!X&&!ie.length)return Fe(),void Le();if(!X&&ie.length)return le(ie),void $((function(e){return gG(gG({},e),{templateId:ue})}));le([de]),$((function(e){return gG(gG({},e),{templateId:0})}))}}),[X]),(0,E.useEffect)((function(){!te||q.templateId||P||ie.length>0&&$((function(e){return gG(gG({},e),{templateId:ie[0].id})}))}),[q,ie,P]),(0,E.useEffect)((function(){""!==q.overlayId||D||A.length>0&&$((function(e){return gG(gG({},e),{overlayId:A[0].id})}))}),[q,A,D]),(0,E.useEffect)((function(){""!==q.linksetId||k||x.forEach((function(e){e.defaultLinks&&$((function(t){return gG(gG({},t),{linksetId:e.id})}))}))}),[q,x,k]),(0,E.useEffect)((function(){var e=kt({trimStart:Ie[0],trimEnd:Ie[1],videoDuration:Me});return we(e),function(){we(!1)}}),[Ie,Me]);var ze=(0,E.createRef)();if(L)return(0,t.jsx)(_o,{isLoading:L});var Ve=P||k||D||ve||-1===q.templateId&&!q.overlayId;return(0,t.jsxs)(CG,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return v.push("/")}}),center:(0,t.jsx)(EG,{children:"Insert Video"}),right:e&&(0,t.jsx)(vo,{onClick:function(){return xG(void 0,void 0,void 0,(function(){var e;return bG(this,(function(t){switch(t.label){case 0:return ge(!0),(e=null===u.customer.markVideosAsSent?If:parseInt(u.customer.markVideosAsSent.toString(),10))!==Af&&f?(e===If&&Ee(!0),e!==jf?[3,2]:[4,Be()]):(Ne(),[2]);case 1:t.sent(),Ne(),t.label=2;case 2:return[2]}}))}))},text:"Insert",textColor:hi,backgroundColor:Ai,borderColor:Mi,fontSize:"15px",disabled:Ve,icon:ve?(0,t.jsx)(bo,{size:12,color:hi}):(0,t.jsx)(iT,{size:18,color:hi})})}),(0,t.jsx)(co,{children:(0,t.jsxs)(kG,{children:[(0,t.jsxs)(_G,{children:[(0,t.jsxs)(PG,{children:[(0,t.jsx)(IU,{videoId:m,videoRef:ze,autoplay:!1,height:"247px",FullscreenVideoWrapperBackgroundColor:ji,borderBottomRadius:"0px",videoSource:H.videoSource||"",playerBackgroundColor:H.playerBackgroundColor||"",setVideoDuration:De,setIsVideoLoading:Oe}),(0,t.jsxs)(TG,{children:[(0,t.jsx)(IG,{children:H.title}),(0,t.jsxs)(AG,{children:[(0,t.jsx)(sT,{size:16,color:Oi,style:{marginRight:6}}),H.recordDate]})]})]}),o&&(0,t.jsx)(nG,{isVideoTrimmed:be,setValue:Ae,value:Ie,videoDuration:Me,videoRef:ze,videoSource:(null==H?void 0:H.videoSource)||"",valueRef:Re,isVideoLoading:_e})]}),(s||a||l)&&(0,t.jsxs)(OG,{children:[(0,t.jsx)(Tz,{insertVideoData:q,setInsertVideoData:$,overlaysData:A,templatesData:se,linksetsData:x,templatesLoading:P,linksetsLoading:k,overlaysLoading:D,checkboxes:Y,selectedCheckboxes:he,setSelectedCheckboxes:ye}),p&&(0,t.jsx)(Jz,{onChangeVehicle:function(e){J((null==e?void 0:e.vin)||""),V(!1)},selectedVin:X,fetchSold:!1,addingVehicle:z,handleChangeVehicleButtonPress:function(){J(""),V(!0)},handleRemoveVehicleButtonPress:function(){return J("")},setAddingVehicle:V})]})]})}),Ce&&(0,t.jsx)(Tf,{handleModalClose:function(){return xG(void 0,void 0,void 0,(function(){return bG(this,(function(e){return Ee(!1),Ne(),[2]}))}))},handleSubmit:function(){return xG(void 0,void 0,void 0,(function(){return bG(this,(function(e){switch(e.label){case 0:return[4,Be()];case 1:return e.sent(),Ne(),[2]}}))}))}})]})};function RG(){return RG=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},RG.apply(this,arguments)}const FG=tt((function(e){return E.createElement("svg",RG({xmlns:"http://www.w3.org/2000/svg",width:73,height:72,viewBox:"0 0 73 72"},e),mG||(mG=E.createElement("g",{fill:"#4E5461"},E.createElement("path",{id:"h3dd7yfnea",d:"M60 54c3.3 0 5.97-2.7 5.97-6L66 18c0-3.3-2.7-6-6-6H12c-3.3 0-6 2.7-6 6v30c0 3.3 2.7 6 6 6H3c-1.65 0-3 1.35-3 3s1.35 3 3 3h66c1.65 0 3-1.35 3-3s-1.35-3-3-3h-9zM15 18h42c1.65 0 3 1.35 3 3v24c0 1.65-1.35 3-3 3H15c-1.65 0-3-1.35-3-3V21c0-1.65 1.35-3 3-3z"}))))}))(LG||(LG=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var LG,BG;function NG(){return NG=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},NG.apply(this,arguments)}const zG=tt((function(e){return E.createElement("svg",NG({xmlns:"http://www.w3.org/2000/svg",width:73,height:72,viewBox:"0 0 73 72"},e),BG||(BG=E.createElement("g",{fill:"#4E5461"},E.createElement("path",{d:"M36 36c6.63 0 12-5.37 12-12s-5.37-12-12-12-12 5.37-12 12 5.37 12 12 12zm0 6c-8.01 0-24 4.02-24 12v3c0 1.65 1.35 3 3 3h42c1.65 0 3-1.35 3-3v-3c0-7.98-15.99-12-24-12z"}))))}))(VG||(VG=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var VG,UG;function HG(){return HG=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},HG.apply(this,arguments)}const GG=tt((function(e){return E.createElement("svg",HG({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),UG||(UG=E.createElement("g",{fill:"#272A32"},E.createElement("path",{d:"M19.432 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65c-.03-.24-.24-.42-.49-.42h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-7.43 2.52c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"}))))}))(WG||(WG=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var WG,qG,$G,ZG,YG,QG,KG,XG,JG,eW,tW,nW,rW,iW,oW=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},aW=function(){return aW=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},aW.apply(this,arguments)},sW=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},lW=!!window.opr&&!!opr.addons||!!window.opera||navigator.userAgent.indexOf(" OPR/")>=0,cW="undefined"!=typeof InstallTrigger,uW=tt.div(qG||(qG=oW(["\n background: ",";\n"],["\n background: ",";\n"])),ki),fW=tt.div($G||($G=oW(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"]))),dW=tt.span(ZG||(ZG=oW(["\n ","\n font-size: 24px;\n line-height: 40px;\n text-align: center;\n color: ",";\n display: flex;\n justify-content: center;\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 800;\n margin-top: 10%;\n margin-bottom: 6%;\n"],["\n ","\n font-size: 24px;\n line-height: 40px;\n text-align: center;\n color: ",";\n display: flex;\n justify-content: center;\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 800;\n margin-top: 10%;\n margin-bottom: 6%;\n"])),fi,Ei),pW=tt.div(QG||(QG=oW(["\n display: flex;\n flex-direction: row;\n max-width: 100%;\n justify-content: center;\n gap: 8px;\n margin-left: auto;\n margin-right: auto;\n ","\n"],["\n display: flex;\n flex-direction: row;\n max-width: 100%;\n justify-content: center;\n gap: 8px;\n margin-left: auto;\n margin-right: auto;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(YG||(YG=oW(["\n flex-direction: column;\n "],["\n flex-direction: column;\n "])))})),hW=tt.div(XG||(XG=oW(["\n display: flex;\n flex-direction: column;\n width: 176px;\n height: 176px;\n padding: 32px;\n border-radius: 6px;\n border: solid 2px rgba(0, 27, 83, 0.1);\n background-color: ",";\n justify-content: space-between;\n align-items: center;\n font-size: 16px;\n line-height: 1.5;\n text-align: center;\n color: #4e5461;\n box-shadow: 0 0 2px rgba(66, 79, 104, 0.08), 0 4px 8px rgba(66, 79, 104, 0.03);\n span {\n color: ",";\n }\n &:hover {\n cursor: pointer;\n border: solid 2px transparent;\n background-color: ",";\n }\n ","\n"],["\n display: flex;\n flex-direction: column;\n width: 176px;\n height: 176px;\n padding: 32px;\n border-radius: 6px;\n border: solid 2px rgba(0, 27, 83, 0.1);\n background-color: ",";\n justify-content: space-between;\n align-items: center;\n font-size: 16px;\n line-height: 1.5;\n text-align: center;\n color: #4e5461;\n box-shadow: 0 0 2px rgba(66, 79, 104, 0.08), 0 4px 8px rgba(66, 79, 104, 0.03);\n span {\n color: ",";\n }\n &:hover {\n cursor: pointer;\n border: solid 2px transparent;\n background-color: ",";\n }\n ","\n"])),(function(e){return e.isDisabled?"gray":"white"}),yi,(function(e){return e.isDisabled?"":"whitesmoke"}),(function(e){return e.theme.containerWidth<ii&&Ne(KG||(KG=oW(["\n margin-left: auto;\n margin-right: auto;\n "],["\n margin-left: auto;\n margin-right: auto;\n "])))})),yW=tt.div(JG||(JG=oW(["\n .account {\n background-color: #4e5461;\n border-radius: 50px;\n position: absolute;\n margin-left: -80px;\n margin-top: 42.5px;\n border: 2px solid white;\n }\n"],["\n .account {\n background-color: #4e5461;\n border-radius: 50px;\n position: absolute;\n margin-left: -80px;\n margin-top: 42.5px;\n border: 2px solid white;\n }\n"]))),mW=tt.div(eW||(eW=oW(["\n display: flex;\n margin-top: 32px;\n justify-content: center;\n margin-left: auto;\n margin-right: auto;\n"],["\n display: flex;\n margin-top: 32px;\n justify-content: center;\n margin-left: auto;\n margin-right: auto;\n"]))),vW=tt.div(tW||(tW=oW(["\n margin-top: 48px;\n font-weight: 600;\n"],["\n margin-top: 48px;\n font-weight: 600;\n"]))),gW=tt.div(nW||(nW=oW(["\n display: flex;\n justify-content: center;\n margin-left: auto;\n margin-right: auto;\n"],["\n display: flex;\n justify-content: center;\n margin-left: auto;\n margin-right: auto;\n"]))),xW=function(){var e=dn(),n=Mt(),r=n.showRecordBothFeature,i=n.showRecordCamFeature,o=n.showRecordScreenFeature,a=sW((0,E.useState)(!1),2),s=a[0],l=a[1],c=sW((0,E.useState)({videoSource:{value:""},videoQuality:"standard",audioSource:{value:"default"}}),2),u=c[0],f=c[1],d=sW((0,E.useState)(""),2),p=d[0],h=d[1];return(0,E.useEffect)((function(){if(!_t){var e=JSON.parse(localStorage.getItem(m.recordSettings)||"{}"),t=[],n=[];return new Promise((function(e,t){return n=void 0,r=void 0,o=function(){var n,r,i;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(o){switch(o.label){case 0:return[4,navigator.mediaDevices.enumerateDevices()];case 1:if(n=o.sent(),!_u().some(n,{label:""}))return[3,6];o.label=2;case 2:return o.trys.push([2,5,,6]),[4,navigator.mediaDevices.getUserMedia({audio:!0,video:!0})];case 3:return r=o.sent(),[4,navigator.mediaDevices.enumerateDevices()];case 4:return n=o.sent(),r.getTracks().forEach((function(e){return e.stop()})),[3,6];case 5:return i=o.sent(),t(i),[3,6];case 6:return e(n),[2]}}))},new((i=void 0)||(i=Promise))((function(e,t){function a(e){try{l(o.next(e))}catch(e){t(e)}}function s(e){try{l(o.throw(e))}catch(e){t(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,s)}l((o=o.apply(n,r||[])).next())}));var n,r,i,o})).then((function(r){if(!_u().some(r,{kind:"videoinput"}))throw new Error("No camera detected");r.forEach((function(e){e&&e.label&&("audioinput"==e.kind&&t.push({label:e.label,value:e.deviceId}),"videoinput"==e.kind&&n.push({label:e.label,value:e.deviceId}))})),t.push({label:"No Audio",value:!1}),e.videoSource&&n.find((function(t){return t.value===e.videoSource.value}))||(e.videoSource=n[0]),e.audioSource&&t.find((function(t){return t.value===e.audioSource.value}))||(e.audioSource=t[0]),localStorage.setItem(m.recordSettings,JSON.stringify(e)),(""+localStorage.getItem(m.recordError)).indexOf("No camera detected")>-1&&localStorage.setItem(m.recordError,""),f(aW(aW({},u),e))})).catch((function(n){t.push({label:"No Audio",value:!1}),e.audioSource&&t.find((function(t){return t.value===e.audioSource.value}))||(e.audioSource=t[0]),localStorage.setItem(m.recordSettings,JSON.stringify(e)),f(aW(aW({},u),e)),n.message.indexOf("No camera detected")>-1||n.message.indexOf("device not found")>-1?localStorage.setItem(m.recordError,"No camera detected. Please check your recording settings and make sure the camera is plugged in."):h(n)})),function(){localStorage.setItem(m.recordError,"");try{window.stream.getTracks().forEach((function(e){return e.stop()}))}catch(e){}}}}),[]),(0,t.jsxs)(uW,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return e.push("/")}}),center:(0,t.jsx)(fW,{children:"Record Video"})}),(0,t.jsxs)(co,{children:[(0,t.jsx)(dW,{children:"Select a recording option"}),(0,t.jsxs)(pW,{children:[r&&!lW&&!cW&&(0,t.jsxs)(hW,aW({onClick:function(){return!p&&e.push("/record/both")},isDisabled:!!p},{children:[(0,t.jsxs)(yW,{children:[(0,t.jsx)(FG,{className:"laptop",height:72,width:72}),(0,t.jsx)(zG,{className:"account",height:24,width:24,color:"#fff"})]}),(0,t.jsx)("span",{children:"Screen+Cam"})]})),o&&(0,t.jsxs)(hW,aW({onClick:function(){return!p&&e.push("/record/screen")},isDisabled:!!p},{children:[(0,t.jsx)(yW,{children:(0,t.jsx)(FG,{height:72,width:72})}),(0,t.jsx)("span",{children:"Screen Only"})]})),i&&(0,t.jsxs)(hW,aW({onClick:function(){return!p&&e.push("/record/cam")},isDisabled:!!p},{children:[(0,t.jsx)(yW,{children:(0,t.jsx)(zG,{height:72,width:72})}),(0,t.jsx)("span",{children:"Cam Only"})]}))]}),(0,t.jsx)(mW,{children:(0,t.jsx)(vo,{icon:(0,t.jsx)(GG,{opacity:1}),backgroundColor:"#eeeff2",text:"Recording settings",textColor:"#000",onClick:function(){return l(!0)}})}),(0,t.jsxs)(gW,{children:[!!p&&(0,t.jsx)(vW,{children:"Please allow access to your camera and/or mic then try again."}),!p&&localStorage.getItem(m.recordError)&&(0,t.jsx)(vW,{children:localStorage.getItem(m.recordError)})]})]}),s&&(0,t.jsx)(Hu,{initialSettings:u,handleModalClose:function(){return l(!1)},handleSubmit:function(e){f(e),l(!1)}})]})};function bW(){return bW=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},bW.apply(this,arguments)}const wW=tt((function(e){return E.createElement("svg",bW({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:24,height:24,viewBox:"0 0 24 24"},e),rW||(rW=E.createElement("defs",null,E.createElement("path",{id:"ndf93hp4na",d:"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l2.29 2.29c.63.63 1.71.18 1.71-.71V8.91c0-.89-1.08-1.34-1.71-.71L17 10.5z"}))),iW||(iW=E.createElement("g",{fill:"none",fillRule:"evenodd"},E.createElement("g",null,E.createElement("g",null,E.createElement("g",{transform:"translate(-1040 -20) translate(1032 12) translate(8 8)"},E.createElement("mask",{id:"tbkfdbvv7b",fill:"#fff"},E.createElement("use",{xlinkHref:"#ndf93hp4na"})),E.createElement("g",{fill:"#FFF",mask:"url(#tbkfdbvv7b)"},E.createElement("path",{d:"M0 0H32V32H0z",transform:"translate(-4 -4)"}))))))))}))(SW||(SW=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"16px"}),(function(e){return e.height||"16px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var SW,CW;function EW(){return EW=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},EW.apply(this,arguments)}const kW=tt((function(e){return E.createElement("svg",EW({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"3 3 18 18"},e),CW||(CW=E.createElement("path",{fill:"#001B53",fillRule:"evenodd",d:"M17 3H3v18h18V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"})))}))(_W||(_W=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var _W,OW;function PW(){return PW=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},PW.apply(this,arguments)}const TW=tt((function(e){return E.createElement("svg",PW({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:24,height:24,viewBox:"0 0 24 24"},e),OW||(OW=E.createElement("g",{fill:"#E84C3D"},E.createElement("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v10zm3.17-7.83c.39-.39 1.02-.39 1.41 0L12 12.59l1.42-1.42c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41L13.41 14l1.42 1.42c.39.39.39 1.02 0 1.41-.39.39-1.02.39-1.41 0L12 15.41l-1.42 1.42c-.39.39-1.02.39-1.41 0-.187-.187-.293-.44-.293-.705 0-.265.106-.518.293-.705L10.59 14l-1.42-1.42c-.39-.38-.39-1.02 0-1.41zM15.5 4l-.71-.71c-.18-.18-.44-.29-.7-.29H9.91c-.26 0-.52.11-.7.29L8.5 4H6c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1h-2.5z"}))))}))(IW||(IW=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var IW,AW,jW,MW,DW,RW,FW,LW=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},BW=function(){return BW=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},BW.apply(this,arguments)},NW=tt.label(AW||(AW=LW(["\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n color: ",";\n &:hover {\n cursor: pointer;\n }\n"],["\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n color: ",";\n &:hover {\n cursor: pointer;\n }\n"])),Hi),zW=tt.div(jW||(jW=LW(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n background-color: ",";\n"],["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n background-color: ",";\n"])),hi),VW=tt.div(MW||(MW=LW(["\n display: flex;\n flex-direction: column;\n padding: 32px;\n"],["\n display: flex;\n flex-direction: column;\n padding: 32px;\n"]))),UW=tt.div(DW||(DW=LW(["\n display: flex;\n flex-direction: row;\n font-size: 18px;\n font-weight: bold;\n color: ",";\n justify-content: space-between;\n margin-bottom: 32px;\n p {\n margin: 0;\n }\n"],["\n display: flex;\n flex-direction: row;\n font-size: 18px;\n font-weight: bold;\n color: ",";\n justify-content: space-between;\n margin-bottom: 32px;\n p {\n margin: 0;\n }\n"])),yi),HW=tt.p(RW||(RW=LW(["\n font-size: 14px;\n line-height: 1.43;\n color: ",";\n"],["\n font-size: 14px;\n line-height: 1.43;\n color: ",";\n"])),yi),GW=tt.section(FW||(FW=LW(["\n display: flex;\n flex-direction: row;\n width: 528px;\n max-width: 100%;\n justify-content: flex-end;\n align-items: right;\n padding: 0 32px 32px;\n"],["\n display: flex;\n flex-direction: row;\n width: 528px;\n max-width: 100%;\n justify-content: flex-end;\n align-items: right;\n padding: 0 32px 32px;\n"]))),WW=function(e){var n=e.open,r=void 0!==n&&n,i=(e.disabled,e.title),o=void 0===i?"":i,a=e.text,s=void 0===a?"":a,l=e.discardButtonText,c=void 0===l?"Keep video":l,u=e.confirmButtonText,f=void 0===u?"Delete video":u,d=e.onClickDiscardButton,p=e.onClickConfirmButton,h=e.showDiscardIcon,y=void 0===h||h,m=e.showSaveIcon,v=void 0===m||m,g=e.handleModalClose,x=void 0===g?function(){}:g;return r?(0,t.jsx)(xL,BW({disableFullScreen:!0,style:{position:"fixed",zIndex:999}},{children:(0,t.jsxs)(zW,{children:[(0,t.jsxs)(VW,{children:[(0,t.jsxs)(UW,{children:[(0,t.jsx)("p",{children:o}),(0,t.jsx)(NW,{children:(0,t.jsx)(sf,{width:"24px",height:"24px",onClick:x})})]}),(0,t.jsx)(HW,{children:s})]}),(0,t.jsxs)(GW,{children:[(0,t.jsx)(vo,BW({},!!y&&{icon:(0,t.jsx)(TW,{height:24,width:24})},{text:c,onClick:d,backgroundColor:Fi,textColor:Li,borderColor:Ri,fontSize:"15px"})),(0,t.jsx)(vo,BW({},!!v&&{icon:(0,t.jsx)(kW,{height:16,width:16})},{text:f,onClick:p,backgroundColor:Wi,borderColor:Si,fontSize:"15px",margin:"0 0 0 12px"}))]})]})})):null},qW=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a};const $W=function(e){var n=e.when,r=e.navigate,i=void 0===r?function(){}:r,o=e.shouldBlockNavigation,a=e.onConfirm,s=void 0===a?function(){}:a,l=e.onDiscard,c=void 0===l?function(){}:l,u=e.onStay,f=void 0===u?function(){}:u,d=e.stay,p=void 0!==d&&d,h=e.title,y=void 0===h?"Leave without saving changes?":h,m=e.text,v=void 0===m?"Your updates will not be saved. This action can’t be undone.":m,g=e.discardButtonText,x=void 0===g?"Discard Changes":g,b=e.confirmButtonText,w=void 0===b?"Save Changes":b,S=e.showDiscardIcon,C=void 0===S||S,k=e.showSaveIcon,_=void 0===k||k,O=qW((0,E.useState)(!1),2),P=O[0],T=O[1],I=qW((0,E.useState)(null),2),A=I[0],j=I[1],M=qW((0,E.useState)(!1),2),D=M[0],R=M[1],F=function(){T(!1)};return(0,E.useEffect)((function(){D&&A&&i(A.pathname)}),[D,A]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(on,{when:n,message:function(e){return!(!D&&o(e)&&(T(!0),j(e),1))}}),(0,t.jsx)(WW,{open:P,title:y,text:v,discardButtonText:x,confirmButtonText:w,showDiscardIcon:C,showSaveIcon:_,handleModalClose:F,onClickDiscardButton:function(){c(),T(!1),R(!0)},onClickConfirmButton:p?function(){F(),f()}:function(){s(),T(!1),R(!0)}})]})};var ZW,YW=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},QW=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},KW=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},XW="video/webm;codecs=vp8,opus",JW="video/webm",eq="webm",tq=function(e){try{e.getTracks().forEach((function(e){return e.stop()}))}catch(e){}};!function(e){e.AbortError="media_aborted",e.NotAllowedError="permission_denied",e.NotFoundError="no_specified_media_found",e.NotReadableError="media_in_use",e.OverconstrainedError="invalid_media_constraints",e.TypeError="no_constraints",e.NONE="",e.NO_RECORDER="recorder_error"}(ZW||(ZW={}));var nq={low:1e6,standard:25e5,high:5e6,ultra:8e6};function rq(e){var t=this,n=e.audio,r=void 0===n||n,i=e.video,o=void 0!==i&&i,a=e.onStop,s=void 0===a?function(){return null}:a,l=e.blobPropertyBag,c=e.screen,u=void 0!==c&&c,f=e.mediaRecorderOptions,d=void 0===f?null:f,p=e.mimeType,h=void 0===p?"":p,y=e.quality,m=void 0===y?"low":y,v=(0,E.useRef)(null),g=(0,E.useRef)([]),x=(0,E.useRef)(null),b=KW((0,E.useState)("idle"),2),w=b[0],S=b[1],C=KW((0,E.useState)(!1),2),k=C[0],_=C[1],O=KW((0,E.useState)(null),2),P=O[0],T=O[1],I=KW((0,E.useState)("NONE"),2),A=I[0],j=I[1],M=(0,E.useRef)(!1),D=nq[m]||nq.low;window.streams||(window.streams=[]),window.streams=window.streams.filter(Boolean);var R=(0,E.useCallback)((function(){return YW(t,void 0,void 0,(function(){var e,t,n,i;return QW(this,(function(a){switch(a.label){case 0:S("acquiring_media"),e={audio:"boolean"==typeof r?!!r:r,video:"boolean"==typeof o?!!o:o},a.label=1;case 1:return a.trys.push([1,8,,9]),u?[4,window.navigator.mediaDevices.getDisplayMedia({video:o||!0})]:[3,5];case 2:return t=a.sent(),window.streams.push(t),t&&r?[4,window.navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0}})]:[3,4];case 3:n=a.sent(),window.streams.push(n),n.getAudioTracks().forEach((function(e){return t.addTrack(e)})),a.label=4;case 4:return x.current=t,[3,7];case 5:return[4,window.navigator.mediaDevices.getUserMedia(e)];case 6:t=a.sent(),window.streams.push(t),x.current=t,a.label=7;case 7:return M.current?(t&&S("idle"),[3,9]):(tq(t),[2]);case 8:return i=a.sent(),tq(t),tq(n),j(i.name),S("idle"),[3,9];case 9:return[2]}}))}))}),[r,o,u]);(0,E.useEffect)((function(){return M.current=!0,function(){M.current=!1}}),[]),(0,E.useEffect)((function(){if(!window.MediaRecorder)throw new Error("Unsupported Browser");if(u&&!window.navigator.mediaDevices.getDisplayMedia)throw new Error("This browser doesn't support screen capturing");var e=function(e){var t=navigator.mediaDevices.getSupportedConstraints(),n=Object.keys(e).filter((function(e){return!t[e]}));n.length>0&&console.error("The constraints ".concat(n.join(",")," doesn't support on this browser. Please check your ReactMediaRecorder component."))};"object"==typeof r&&e(r),"object"==typeof o&&e(o),d&&d.mimeType&&(MediaRecorder.isTypeSupported(d.mimeType)||console.error("The specified MIME type you supplied for MediaRecorder doesn't support this browser")),x.current||R()}),[r,u,o,R,d]);var F=function(e){var t=e.data;g.current.push(t)},L=function(){var e=KW(g.current,1)[0],t=Object.assign({type:e.type},l||(o?{type:"video/mp4"}:{type:"audio/wav"})),n=new Blob(g.current,t),r=URL.createObjectURL(n);S("stopped"),T(r),s(r,n)},B=function(e){_(e),x.current&&x.current.getAudioTracks().forEach((function(t){return t.enabled=!e}))},N=x.current?new MediaStream(x.current.getVideoTracks()):null;window.streams.push(N);var z=x.current?new MediaStream(x.current.getAudioTracks()):null;return window.streams.push(z),{error:ZW[A],muteAudio:function(){return B(!0)},unMuteAudio:function(){return B(!1)},startRecording:function(){return YW(t,void 0,void 0,(function(){return QW(this,(function(e){switch(e.label){case 0:return j("NONE"),x.current?[3,2]:[4,R()];case 1:e.sent(),e.label=2;case 2:return x.current?x.current.getTracks().some((function(e){return"ended"===e.readyState}))?[4,R()]:[3,4]:[3,5];case 3:e.sent(),e.label=4;case 4:v.current=new MediaRecorder(x.current,{mimeType:h,videoBitsPerSecond:D}),v.current.ondataavailable=F,v.current.onstop=L,v.current.onerror=function(){j("NO_RECORDER"),S("idle")},v.current.start(),S("recording"),e.label=5;case 5:return[2]}}))}))},startRecordingForCanvas:function(e){return YW(t,void 0,void 0,(function(){var t;return QW(this,(function(n){switch(n.label){case 0:return e?r?[4,window.navigator.mediaDevices.getUserMedia({audio:r})]:[3,2]:(j("NO_RECORDER"),[2]);case 1:t=n.sent(),window.streams.push(t),t.getAudioTracks().forEach((function(t){return e.addTrack(t)})),n.label=2;case 2:return v.current=new MediaRecorder(e,{mimeType:h,videoBitsPerSecond:D}),v.current.ondataavailable=F,v.current.onstop=L,v.current.onerror=function(){j("NO_RECORDER"),S("idle")},v.current.start(),S("recording"),[2]}}))}))},pauseRecording:function(){v.current&&"recording"===v.current.state&&v.current.pause()},resumeRecording:function(){v.current&&"paused"===v.current.state&&v.current.resume()},stopRecording:function(){v.current&&"inactive"!==v.current.state&&(S("stopping"),v.current.stop(),x.current&&x.current.getTracks().forEach((function(e){return e.stop()})),g.current=[])},mediaBlobUrl:P,status:w,isAudioMuted:k,previewStream:N,previewAudioStream:z,clearBlobUrl:function(){return T(null)}}}var iq=__webpack_require__(6650);const oq=((e,t)=>{let n=null;return()=>{if(null!==n)return n;const e=new Blob(['(()=>{"use strict";const e=new Map,t=new Map,r=(e,t)=>{let r,o;const i=performance.now();r=i,o=e-Math.max(0,i-t);return{expected:r+o,remainingDelay:o}},o=(e,t,r,i)=>{const s=performance.now();s>r?postMessage({id:null,method:"call",params:{timerId:t,timerType:i}}):e.set(t,setTimeout(o,r-s,e,t,r,i))};addEventListener("message",(i=>{let{data:s}=i;try{if("clear"===s.method){const{id:r,params:{timerId:o,timerType:i}}=s;if("interval"===i)(t=>{const r=e.get(t);if(void 0===r)throw new Error(\'There is no interval scheduled with the given id "\'.concat(t,\'".\'));clearTimeout(r),e.delete(t)})(o),postMessage({error:null,id:r});else{if("timeout"!==i)throw new Error(\'The given type "\'.concat(i,\'" is not supported\'));(e=>{const r=t.get(e);if(void 0===r)throw new Error(\'There is no timeout scheduled with the given id "\'.concat(e,\'".\'));clearTimeout(r),t.delete(e)})(o),postMessage({error:null,id:r})}}else{if("set"!==s.method)throw new Error(\'The given method "\'.concat(s.method,\'" is not supported\'));{const{params:{delay:i,now:n,timerId:a,timerType:d}}=s;if("interval"===d)((t,i,s)=>{const{expected:n,remainingDelay:a}=r(t,s);e.set(i,setTimeout(o,a,e,i,n,"interval"))})(i,a,n);else{if("timeout"!==d)throw new Error(\'The given type "\'.concat(d,\'" is not supported\'));((e,i,s)=>{const{expected:n,remainingDelay:a}=r(e,s);t.set(i,setTimeout(o,a,t,i,n,"timeout"))})(i,a,n)}}}}catch(e){postMessage({error:{message:e.message},id:s.id,result:null})}}))})();'],{type:"application/javascript; charset=utf-8"}),t=URL.createObjectURL(e);return n=(e=>{const t=new Map([[0,()=>{}]]),n=new Map([[0,()=>{}]]),r=new Map,i=new Worker(e);return i.addEventListener("message",(({data:e})=>{if(void 0!==(i=e).method&&"call"===i.method){const{params:{timerId:i,timerType:o}}=e;if("interval"===o){const e=t.get(i);if("number"==typeof e){const t=r.get(e);if(void 0===t||t.timerId!==i||t.timerType!==o)throw new Error("The timer is in an undefined state.")}else{if(void 0===e)throw new Error("The timer is in an undefined state.");e()}}else if("timeout"===o){const e=n.get(i);if("number"==typeof e){const t=r.get(e);if(void 0===t||t.timerId!==i||t.timerType!==o)throw new Error("The timer is in an undefined state.")}else{if(void 0===e)throw new Error("The timer is in an undefined state.");e(),n.delete(i)}}}else{if(!(e=>null===e.error&&"number"==typeof e.id)(e)){const{error:{message:t}}=e;throw new Error(t)}{const{id:i}=e,o=r.get(i);if(void 0===o)throw new Error("The timer is in an undefined state.");const{timerId:a,timerType:s}=o;r.delete(i),"interval"===s?t.delete(a):n.delete(a)}}var i})),{clearInterval:e=>{const n=(0,iq.generateUniqueNumber)(r);r.set(n,{timerId:e,timerType:"interval"}),t.set(e,n),i.postMessage({id:n,method:"clear",params:{timerId:e,timerType:"interval"}})},clearTimeout:e=>{const t=(0,iq.generateUniqueNumber)(r);r.set(t,{timerId:e,timerType:"timeout"}),n.set(e,t),i.postMessage({id:t,method:"clear",params:{timerId:e,timerType:"timeout"}})},setInterval:(e,n)=>{const r=(0,iq.generateUniqueNumber)(t);return t.set(r,(()=>{e(),"function"==typeof t.get(r)&&i.postMessage({id:null,method:"set",params:{delay:n,now:performance.now(),timerId:r,timerType:"interval"}})})),i.postMessage({id:null,method:"set",params:{delay:n,now:performance.now(),timerId:r,timerType:"interval"}}),r},setTimeout:(e,t)=>{const r=(0,iq.generateUniqueNumber)(n);return n.set(r,e),i.postMessage({id:null,method:"set",params:{delay:t,now:performance.now(),timerId:r,timerType:"timeout"}}),r}}})(t),setTimeout((()=>URL.revokeObjectURL(t))),n}})(),aq=e=>oq().clearInterval(e),sq=(e,t)=>oq().setInterval(e,t);var lq,cq,uq,fq,dq,pq,hq,yq,mq,vq,gq,xq,bq,wq,Sq,Cq=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},Eq=function(){return Eq=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},Eq.apply(this,arguments)},kq=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},_q=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},Oq=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},Pq=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},Tq=tt.div(cq||(cq=Cq(["\n margin-left: calc(50% - 82.5px);\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 165px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n padding-left: 0;\n }\n"],["\n margin-left: calc(50% - 82.5px);\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 165px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n padding-left: 0;\n }\n"])),Zi,hi,Yi),Iq=tt.div(uq||(uq=Cq(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(50% - 48.5px - 150px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(50% - 48.5px - 150px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n }\n"])),(function(e){return e.theme.primaryColor}),hi,(function(e){return e.theme.primaryColor})),Aq=tt.div(fq||(fq=Cq(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 166px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(100% - 274px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 166px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(100% - 274px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"])),(function(e){return e.theme.primaryColor}),hi,(function(e){return e.theme.primaryColor})),jq=tt.div(dq||(dq=Cq(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 108px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 108px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"])),$i,yi,Qi),Mq=tt.div(pq||(pq=Cq(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 70px;\n margin-right: auto;\n margin-left: auto;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 70px;\n margin-right: auto;\n margin-left: auto;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Ni,yi,$i),Dq=tt.div(hq||(hq=Cq(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Ni,yi,$i),Rq=tt.div(yq||(yq=Cq(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 112px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 112px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Zi,hi,Yi),Fq=tt.div(vq||(vq=Cq(["\n display: flex;\n width: 710px;\n max-width: 100%;\n flex-direction: row;\n ","\n"],["\n display: flex;\n width: 710px;\n max-width: 100%;\n flex-direction: row;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(mq||(mq=Cq(["\n justify-content: space-between;\n "],["\n justify-content: space-between;\n "])))})),Lq=tt.div(gq||(gq=Cq(["\n width: 150px;\n display: flex;\n flex-direction: row;\n"],["\n width: 150px;\n display: flex;\n flex-direction: row;\n"]))),Bq=tt.div(xq||(xq=Cq(["\n margin-left: 5%;\n margin-top: 5%;\n"],["\n margin-left: 5%;\n margin-top: 5%;\n"]))),Nq=tt.div(bq||(bq=Cq(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n"]))),zq=tt.div(wq||(wq=Cq(["\n width: 770px;\n height: 434px;\n max-width: 100%;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n"],["\n width: 770px;\n height: 434px;\n max-width: 100%;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n"]))),Vq=function(e){try{e.getTracks().forEach((function(e){return e.stop()}))}catch(e){}},Uq=null,Hq={low:{width:{ideal:640},height:{ideal:360}},standard:{width:{ideal:1280},height:{ideal:720}},high:{width:{ideal:1920},height:{ideal:1080}}},Gq={videoSource:{value:""},videoQuality:"standard",audioSource:{value:"default"}},Wq=0,qq=navigator.mediaDevices.getDisplayMedia,$q=function(e){var n=e.onRecordingStart,r=e.onRecordingEnd,i=e.onUpload,o=e.uploadDisabled,a=e.onRecordingUrlGeneration;Wq++;var s,l=dn(),c=(0,E.useRef)(null),u=Oq((0,E.useState)(3),2),f=u[0],d=u[1],p=Oq((0,E.useState)(!1),2),h=p[0],y=p[1],v=Oq((0,E.useState)(!1),2),g=v[0],x=v[1],b=Oq((0,E.useState)(!1),2),w=b[0],S=b[1],C=Oq((0,E.useState)(!1),2),k=C[0],_=C[1],O=Oq((0,E.useState)(0),2),P=O[0],T=O[1],I={videoSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(Gq)).videoSource,videoQuality:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(Gq)).videoQuality,audioSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(Gq)).audioSource},A=Vl().userData;(0,E.useEffect)((function(){if("permission_denied"!==V&&!document.pictureInPictureElement){var e={audio:!1,video:{deviceId:I.videoSource?I.videoSource.value:void 0,width:{ideal:640},height:{ideal:360},frameRate:24}};navigator.mediaDevices.getUserMedia(e).then((function(e){lq=e,window.streams.push(lq),c.current&&(c.current.srcObject=e,c.current.oncanplaythrough=function(){return kq(void 0,void 0,void 0,(function(){var e;return _q(this,(function(t){switch(t.label){case 0:if(!c.current)return[2];t.label=1;case 1:return t.trys.push([1,3,,4]),c.current.play(),[4,c.current.requestPictureInPicture()];case 2:return t.sent(),c.current.oncanplaythrough=null,[3,4];case 3:return e=t.sent(),console.log(e),[3,4];case 4:return[2]}}))}))})})).catch((function(e){console.log("The following error occurred: "+e)}))}}),[]);try{s={deviceId:I.audioSource.value}}catch(e){}I&&I.audioSource&&I.audioSource.value||(s=!1),Wq>1&&(navigator.mediaDevices.getDisplayMedia=function(){});var j=I&&I.videoQuality&&I.videoQuality.value?Hq[I.videoQuality]:Hq.standard,M=rq({screen:!0,video:Eq(Eq({},j),{frameRate:24}),audio:s,quality:I.videoQuality,blobPropertyBag:{type:XW},mimeType:XW}),D=M.status,R=M.startRecording,F=M.stopRecording,L=M.pauseRecording,B=M.resumeRecording,N=M.mediaBlobUrl,z=M.previewStream,V=M.error;z&&(z.getVideoTracks()[0].onended=function(){"recording"===D?G():l.push("/record/home")}),(0,E.useEffect)((function(){return localStorage.setItem(m.recordError,""),I.videoSource&&I.videoSource.value||(localStorage.setItem(m.recordError,"No camera detected. Please check your recording settings and make sure the camera is plugged in."),Wq=0,l.push("/record/home")),function(){Wq=0,navigator.mediaDevices.getDisplayMedia=qq,Z()}}),[]),(0,E.useEffect)((function(){"permission_denied"===V&&(localStorage.setItem(m.recordError,"Please allow access to share your screen then try again."),Z(),Wq=0,navigator.mediaDevices.getDisplayMedia=qq,l.push("/record/home"))}),[V]),(0,E.useEffect)((function(){k||w||!z||N||h||H()}),[z]),(0,E.useEffect)((function(){N&&a(N)}),[N]),(0,E.useEffect)((function(){var e=sq((function(){!h||g||f||T(P+1)}),1e3);return function(){aq(e)}})),(0,E.useEffect)((function(){var e,t,n,r,i;A&&A.authCalled&&(null===(e=A.user)||void 0===e?void 0:e.packageDetails)&&(null===(n=null===(t=A.user)||void 0===t?void 0:t.packageDetails)||void 0===n?void 0:n.maxLength)&&P>=(null===(i=null===(r=A.user)||void 0===r?void 0:r.packageDetails)||void 0===i?void 0:i.maxLength)&&G()}),[P,A,A.authCalled]);var U=function(){h&&f>0&&(S(!0),clearTimeout(Uq),y(!1),d(3))},H=function(){S(!1),y(!0)},G=function(){_(!0),r&&r(),y(!1),document.pictureInPictureElement&&document.exitPictureInPicture();try{Pq([],Oq(window.streams),!1).filter(Boolean).forEach((function(e){return Vq(e)})),window.streams=[]}catch(e){}F()},W=function(){L(),x(!0)},q=function(){B(),x(!1)},$=function(){return kq(void 0,void 0,void 0,(function(){var e;return _q(this,(function(t){switch(t.label){case 0:return[4,fetch(N||"").then((function(e){return e.blob()}))];case 1:return e=t.sent(),Z(),i({file:e,fileUrl:N}),[2]}}))}))};(0,E.useEffect)((function(){f>0&&h?Uq=setTimeout((function(){return d(f-1)}),1e3):h&&(n&&n(),R())}),[h,f]);var Z=function(){Pq([],Oq(window.streams),!1).filter(Boolean).forEach((function(e){return Vq(e)})),window.streams=[],y(!1),Uq&&clearTimeout(Uq),Y()},Y=function(){document.pictureInPictureElement&&document.exitPictureInPicture()},Q=(0,E.useMemo)((function(){return(0,t.jsxs)(t.Fragment,{children:[!N&&(0,t.jsx)("video",{muted:!0,style:{display:"none"},ref:c,width:0,height:0,autoPlay:!0}),(0,t.jsxs)(Fq,{children:["recording"===D&&(0,t.jsxs)(Lq,{children:[!g&&(0,t.jsx)(Dq,Eq({onClick:W},{children:(0,t.jsx)(vo,{backgroundColor:$i,icon:(0,t.jsx)(EV,{}),textColor:"#000",text:"Pause",onClick:W})})),g&&(0,t.jsx)(Rq,Eq({onClick:q},{children:(0,t.jsx)(vo,{backgroundColor:Zi,icon:(0,t.jsx)(Lc,{color:hi,size:34}),textColor:"#fff",text:"Resume",onClick:q})})),(0,t.jsx)(Bq,{children:St(P,0)})]}),"recording"===D&&(0,t.jsx)(Iq,{children:(0,t.jsx)(vo,{backgroundColor:Xi,icon:(0,t.jsx)(MV,{}),textColor:"#fff",text:"Finish",onClick:G})}),h&&"recording"!==D&&(0,t.jsx)(Mq,Eq({onClick:U},{children:(0,t.jsx)(vo,{backgroundColor:$i,textColor:"#000",text:"Cancel",onClick:U})})),!h&&"idle"===D&&(0,t.jsx)(Tq,{children:(0,t.jsx)(vo,{backgroundColor:Zi,icon:(0,t.jsx)(wW,{width:24,height:24,opacity:1}),text:"Start recording",textColor:"#fff",onClick:H})}),"stopped"===D&&(0,t.jsx)(jq,{children:(0,t.jsx)(vo,{backgroundColor:$i,icon:(0,t.jsx)(TW,{height:20,width:20,color:yi}),textColor:"#000",text:"Discard",onClick:function(){return l.push("/record/home")}})}),"stopped"===D&&(0,t.jsx)(Aq,{children:(0,t.jsx)(vo,{disabled:o,backgroundColor:"var(--secondary)",icon:(0,t.jsx)(kW,{height:20,width:20,color:hi}),textColor:"#fff",text:"Save Recording",onClick:$})})]})]})}),[D,P,h,g,N,o]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)($W,{when:!0,stay:!0,onConfirm:function(){},navigate:function(e){return l.push(e)},shouldBlockNavigation:function(e){return"recording"===D},title:"Leave without saving the recording?",text:"Your recording will not be saved. This action can’t be undone.",confirmButtonText:"Continue",discardButtonText:"Leave"}),(0,t.jsxs)(Nq,{children:[(0,t.jsx)(zq,{children:(0,t.jsx)(Eu,{counter:f,willStart:f>0&&h,onClick:function(){},hide:!f})}),Q]})]})},Zq=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},Yq=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},Qq=_n,Kq=Pn,Xq={all:[],user:[]},Jq=function(e){var t=e.page,n=void 0===t?0:t,r=e.size,i=void 0===r?50:r,o=e.search,a=void 0===o?"":o,s=e.all,l=void 0!==s&&s,c=e.sort,u=e.refresh,f=void 0===u||u;return Zq(void 0,void 0,void 0,(function(){var e,t,r,o,s,u;return Yq(this,(function(d){switch(d.label){case 0:if(e=S.bearerToken,t={start:n*i,limit:i,search:a,sort:c,all:""},l&&(t.all="true"),!f){if(l&&(null===(s=null==Xq?void 0:Xq.all)||void 0===s?void 0:s.length))return[2,Xq.all];if(!l&&(null===(u=null==Xq?void 0:Xq.user)||void 0===u?void 0:u.length))return[2,Xq.user]}return[4,Tn({url:"/video-tags",baseURL:b,method:Qq,headers:e,params:t}).catch((function(e){return console.log(e)}))];case 1:if((r=d.sent())instanceof Error)throw o=r.message,new Error(o);return l?Xq.all=r:Xq.user=r,[2,r]}}))}))},e$=function(e,t){return Zq(void 0,void 0,void 0,(function(){var n,r,i,o,a;return Yq(this,(function(s){switch(s.label){case 0:return n=S.bearerToken,r={url:"/videos/".concat(e,"/video-tags"),baseURL:b,method:Kq,headers:n,data:t},[4,Tn(r).catch((function(e){return e}))];case 1:if((i=s.sent())instanceof Error)throw o=JSON.parse(i.message),a=o.message,new Error(a);return[2,{videoTags:i}]}}))}))};function t$(){return t$=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},t$.apply(this,arguments)}const n$=tt((function(e){return E.createElement("svg",t$({width:16,height:14,viewBox:"0 0 16 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Sq||(Sq=E.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5833 0.333252C13.1333 0.333252 13.6 0.683252 13.7667 1.17492L15.4083 5.89992C15.4667 6.07492 15.5 6.26659 15.5 6.44992V12.4166C15.5 13.1083 14.9333 13.6666 14.25 13.6666C13.5583 13.6666 13 13.0999 13 12.4166V11.9999H3V12.4166C3 13.1083 2.44167 13.6666 1.75 13.6666C1.05833 13.6666 0.5 13.1083 0.5 12.4166V6.44992C0.5 6.25825 0.533333 6.07492 0.591667 5.89992L2.23333 1.17492C2.40833 0.683252 2.86667 0.333252 3.41667 0.333252H12.5833ZM2.16667 8.24992C2.16667 8.94159 2.725 9.49992 3.41667 9.49992C4.10833 9.49992 4.66667 8.94159 4.66667 8.24992C4.66667 7.55825 4.10833 6.99992 3.41667 6.99992C2.725 6.99992 2.16667 7.55825 2.16667 8.24992ZM12.5833 9.49992C11.8917 9.49992 11.3333 8.94159 11.3333 8.24992C11.3333 7.55825 11.8917 6.99992 12.5833 6.99992C13.275 6.99992 13.8333 7.55825 13.8333 8.24992C13.8333 8.94159 13.275 9.49992 12.5833 9.49992ZM3.225 2.14992L2.16667 5.33325H13.8333L12.775 2.14992C12.6583 1.81659 12.3417 1.58325 11.9833 1.58325H4.01667C3.65833 1.58325 3.34167 1.81659 3.225 2.14992Z",fill:"#001B53",fillOpacity:.4})))}))(r$||(r$=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var r$,i$;function o$(){return o$=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o$.apply(this,arguments)}const a$=tt((function(e){return E.createElement("svg",o$({width:12,height:12,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i$||(i$=E.createElement("g",null,E.createElement("path",{d:"M11.3327 3.99935C11.3327 3.63268 11.0327 3.33268 10.666 3.33268H8.66602V1.33268C8.66602 0.966016 8.36602 0.666016 7.99935 0.666016C7.63268 0.666016 7.33268 0.966016 7.33268 1.33268V3.33268H4.66602V1.33268C4.66602 0.966016 4.36602 0.666016 3.99935 0.666016C3.63268 0.666016 3.33268 0.966016 3.33268 1.33268V3.33268H1.33268C0.966016 3.33268 0.666016 3.63268 0.666016 3.99935C0.666016 4.36602 0.966016 4.66602 1.33268 4.66602H3.33268V7.33268H1.33268C0.966016 7.33268 0.666016 7.63268 0.666016 7.99935C0.666016 8.36602 0.966016 8.66602 1.33268 8.66602H3.33268V10.666C3.33268 11.0327 3.63268 11.3327 3.99935 11.3327C4.36602 11.3327 4.66602 11.0327 4.66602 10.666V8.66602H7.33268V10.666C7.33268 11.0327 7.63268 11.3327 7.99935 11.3327C8.36602 11.3327 8.66602 11.0327 8.66602 10.666V8.66602H10.666C11.0327 8.66602 11.3327 8.36602 11.3327 7.99935C11.3327 7.63268 11.0327 7.33268 10.666 7.33268H8.66602V4.66602H10.666C11.0327 4.66602 11.3327 4.36602 11.3327 3.99935ZM7.33268 7.33268H4.66602V4.66602H7.33268V7.33268Z",fill:"#001B53"}))))}))(s$||(s$=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n fill-opacity: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n fill-opacity: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"14px"}),(function(e){return e.height||"14px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"currentColor"}),(function(e){return e.opacity||"inherit"}));var s$,l$={cm:!0,mm:!0,in:!0,px:!0,pt:!0,pc:!0,em:!0,ex:!0,ch:!0,rem:!0,vw:!0,vh:!0,vmin:!0,vmax:!0,"%":!0};function c$(e){if("number"==typeof e)return{value:e,unit:"px"};var t,n=(e.match(/^[0-9.]*/)||"").toString();t=n.includes(".")?parseFloat(n):parseInt(n,10);var r=(e.match(/[^0-9]*$/)||"").toString();return l$[r]?{value:t,unit:r}:(console.warn("React Spinners: ".concat(e," is not a valid css value. Defaulting to ").concat(t,"px.")),{value:t,unit:"px"})}function u$(e){var t=c$(e);return"".concat(t.value).concat(t.unit)}var f$=function(){return f$=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},f$.apply(this,arguments)},d$=function(e,t,n){var r="react-spinners-".concat("MoonLoader","-").concat("moon");if("undefined"==typeof window||!window.document)return r;var i=document.createElement("style");document.head.appendChild(i);var o=i.sheet,a="\n @keyframes ".concat(r," {\n ").concat("100% {transform: rotate(360deg)}","\n }\n ");return o&&o.insertRule(a,0),r}();const p$=function(e){var t=e.loading,n=void 0===t||t,r=e.color,i=void 0===r?"#000000":r,o=e.speedMultiplier,a=void 0===o?1:o,s=e.cssOverride,l=void 0===s?{}:s,c=e.size,u=void 0===c?60:c,f=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(e,["loading","color","speedMultiplier","cssOverride","size"]),d=c$(u),p=d.value,h=d.unit,y=p/7,m=f$({display:"inherit",position:"relative",width:"".concat("".concat(p+2*y).concat(h)),height:"".concat("".concat(p+2*y).concat(h)),animation:"".concat(d$," ").concat(.6/a,"s 0s infinite linear"),animationFillMode:"forwards"},l),v=function(e){return{width:u$(e),height:u$(e),borderRadius:"100%"}},g=f$(f$({},v(y)),{backgroundColor:"".concat(i),opacity:"0.8",position:"absolute",top:"".concat("".concat(p/2-y/2).concat(h)),animation:"".concat(d$," ").concat(.6/a,"s 0s infinite linear"),animationFillMode:"forwards"}),x=f$(f$({},v(p)),{border:"".concat(y,"px solid ").concat(i),opacity:"0.1",boxSizing:"content-box",position:"absolute"});return n?E.createElement("span",f$({style:m},f),E.createElement("span",{style:g}),E.createElement("span",{style:x})):null};var h$,y$=__webpack_require__(1394),m$=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},v$=function(){return v$=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},v$.apply(this,arguments)},g$=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},x$=tt.div(P$||(P$=m$(["\n margin-top: 16px;\n background-color: #f6f7f9;\n border-radius: 4px;\n padding: 32px;\n height: 168px;\n display: flex;\n justify-content: center;\n flex-direction: column;\n"],["\n margin-top: 16px;\n background-color: #f6f7f9;\n border-radius: 4px;\n padding: 32px;\n height: 168px;\n display: flex;\n justify-content: center;\n flex-direction: column;\n"]))),b$=tt.div(T$||(T$=m$(["\n display: flex;\n justify-content: space-between;\n"],["\n display: flex;\n justify-content: space-between;\n"]))),w$=tt.div(I$||(I$=m$(["\n display: flex;\n flex-direction: column;\n position: relative;\n &:nth-child(2) {\n align-items: center;\n justify-content: space-between;\n }\n &:nth-child(3) {\n align-items: flex-end;\n justify-content: flex-end;\n }\n span {\n top: 0px;\n font-size: 16px;\n line-height: 1.5;\n color: ",";\n margin-bottom: 8px;\n }\n .checkmark {\n border-radius: 20px;\n position: absolute;\n top: 106px;\n z-index: 4;\n color: white;\n background-color: ",";\n }\n .rc-progress-circle {\n background-color: #f6f7f9;\n }\n & > div {\n background-color: #f6f7f9;\n z-index: 3;\n border-radius: 50px;\n position: absolute;\n }\n"],["\n display: flex;\n flex-direction: column;\n position: relative;\n &:nth-child(2) {\n align-items: center;\n justify-content: space-between;\n }\n &:nth-child(3) {\n align-items: flex-end;\n justify-content: flex-end;\n }\n span {\n top: 0px;\n font-size: 16px;\n line-height: 1.5;\n color: ",";\n margin-bottom: 8px;\n }\n .checkmark {\n border-radius: 20px;\n position: absolute;\n top: 106px;\n z-index: 4;\n color: white;\n background-color: ",";\n }\n .rc-progress-circle {\n background-color: #f6f7f9;\n }\n & > div {\n background-color: #f6f7f9;\n z-index: 3;\n border-radius: 50px;\n position: absolute;\n }\n"])),(function(e){return e.isActive?yi:"rgba(39, 42, 50, 0.4)"}),(function(e){return e.theme.primaryColor})),S$=tt.div(A$||(A$=m$(["\n ","\n font-size: ",";\n color: ",";\n margin: 0;\n width: 100%;\n margin-bottom: 32px;\n min-height: 190px;\n position: relative;\n"],["\n ","\n font-size: ",";\n color: ",";\n margin: 0;\n width: 100%;\n margin-bottom: 32px;\n min-height: 190px;\n position: relative;\n"])),li,"15px",Ki),C$=tt.progress(j$||(j$=m$(["\n z-index: 1;\n margin-top: -14.5px;\n width: 100%;\n background-color: ",";\n border: none;\n border-radius: 15px;\n height: 4px;\n &::-webkit-progress-bar {\n margin: 0 auto;\n background-color: ",";\n border-radius: 15px;\n height: 4px;\n }\n &::-moz-progress-bar {\n margin: 0 auto;\n background-color: ",";\n border-radius: 15px;\n height: 4px;\n }\n &::-webkit-progress-value {\n float: left;\n height: 4px;\n margin: 0px -10px 0 0;\n background: ",";\n border-radius: 15px;\n }\n"],["\n z-index: 1;\n margin-top: -14.5px;\n width: 100%;\n background-color: ",";\n border: none;\n border-radius: 15px;\n height: 4px;\n &::-webkit-progress-bar {\n margin: 0 auto;\n background-color: ",";\n border-radius: 15px;\n height: 4px;\n }\n &::-moz-progress-bar {\n margin: 0 auto;\n background-color: ",";\n border-radius: 15px;\n height: 4px;\n }\n &::-webkit-progress-value {\n float: left;\n height: 4px;\n margin: 0px -10px 0 0;\n background: ",";\n border-radius: 15px;\n }\n"])),$i,$i,(function(e){return e.color}),(function(e){return e.color})),E$=tt.div(M$||(M$=m$(["\n width: 100%;\n text-align: left;\n margin-bottom: 16px;\n height: 24px;\n font-size: 16px;\n line-height: 1.5;\n color: #4e5461;\n margin-top: 32px;\n"],["\n width: 100%;\n text-align: left;\n margin-bottom: 16px;\n height: 24px;\n font-size: 16px;\n line-height: 1.5;\n color: #4e5461;\n margin-top: 32px;\n"]))),k$=tt.div(D$||(D$=m$(["\n position: absolute;\n top: 30px;\n"],["\n position: absolute;\n top: 30px;\n"]))),_$={width:"24px",zIndex:2,backgroundColor:"f6f7f9"};!function(e){e[e.UPLOADING=1]="UPLOADING",e[e.CREATE=2]="CREATE",e[e.ENCODE=3]="ENCODE"}(h$||(h$={}));const O$=function(e){var n=e.title,r=e.beginUploadProcess,i=e.afterUpload,o=e.setSavedVideoId,a=e.file,s=e.fileName,l=Vl().userData,c=g$((0,E.useState)(h$.UPLOADING),2),u=c[0],f=c[1],d=g$((0,E.useState)({loaded:0,total:0,percentage:0}),2),p=d[0],h=d[1],y=OL(),m=y.presignedUrl,v=y.fetch,g=y.loading,x=y.error,b=LL(),w=b.uploadVideo,S=b.loading,C=b.data,k=b.error,_=kL(),O=_.fetch,P=_.loading,T=_.videoData,I=_.error,A=_.progress,j=_L(),M=j.fetch,D=j.loading,R=j.encodeData,F=j.error,L=j.progress;(0,E.useEffect)((function(){if(r){if(m&&m.url||!n)return;e=void 0,t=void 0,o=function(){return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(e){return a&&v({fileName:s,type:JW}),[2]}))},new((i=void 0)||(i=Promise))((function(n,r){function a(e){try{l(o.next(e))}catch(e){r(e)}}function s(e){try{l(o.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,s)}l((o=o.apply(e,t||[])).next())}))}var e,t,i,o}),[r]),(0,E.useEffect)((function(){m&&(g||x||!a||(f(h$.UPLOADING),w({url:m.url,file:a,contentType:JW,onUploadProgress:B})))}),[m]),(0,E.useEffect)((function(){!S&&!k&&C&&a&&(f(h$.CREATE),O({filename:s,title:n}))}),[S,C]),(0,E.useEffect)((function(){!P&&!I&&T&&a&&(f(h$.ENCODE),o(T.video_id),M({videoId:T.video_id,customerId:l.customerId}))}),[P,T]),(0,E.useEffect)((function(){!D&&!F&&R&&a&&i&&i()}),[D,R]);var B=function(e){var t=Math.round(100*e.loaded/e.total);h({loaded:Math.floor(e.loaded/1024),total:Math.floor(e.total/1024),percentage:t})},N=function(e){return(e/1e3).toFixed(2)};return(0,t.jsx)(S$,{children:(0,t.jsxs)(x$,{children:[(0,t.jsxs)(b$,{children:[(0,t.jsxs)(w$,v$({isActive:S},{children:[(0,t.jsx)("span",{children:S?"Uploading":"Uploaded"}),p.percentage<100&&(0,t.jsx)(k$,{children:(0,t.jsx)(p$,{size:19.5,color:Ai,loading:!0})}),(!p.percentage||100===p.percentage)&&(0,t.jsx)(y$.Cd,{style:_$,percent:0,trailWidth:10,strokeWidth:10,strokeColor:Ai})]})),(0,t.jsxs)(w$,v$({isActive:P},{children:[(0,t.jsx)("span",{children:P?"Creating":"Created"}),A<100&&(0,t.jsx)(k$,{children:(0,t.jsx)(p$,{size:19.5,color:Ai,loading:!0})}),(!A||100===A)&&(0,t.jsx)(y$.Cd,{style:_$,percent:0,trailWidth:10,strokeWidth:10,strokeColor:Ai})]})),(0,t.jsxs)(w$,v$({isActive:D},{children:[(0,t.jsx)("span",{children:D?"Encoding":"Encoded"}),L<100&&(0,t.jsx)(k$,{children:(0,t.jsx)(p$,{size:19.5,color:Ai,loading:!0})}),(!L||100===L)&&(0,t.jsx)(y$.Cd,{style:_$,percent:0,trailWidth:10,strokeWidth:10,strokeColor:Ai})]}))]}),(0,t.jsx)(C$,{value:u?u==h$.UPLOADING?50*p.percentage/100:u==h$.CREATE?50+(A||0):100:0,max:100,color:Ai}),(0,t.jsx)(E$,{children:N(p.loaded)+" MB/"+N(p.total)+" MB"})]})})};var P$,T$,I$,A$,j$,M$,D$,R$=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===F$}(e)}(e)},F$="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function L$(e,t){return!1!==t.clone&&t.isMergeableObject(e)?N$((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function B$(e,t,n){return e.concat(t).map((function(e){return L$(e,n)}))}function N$(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||B$,n.isMergeableObject=n.isMergeableObject||R$;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):function(e,t,n){var r={};return n.isMergeableObject(e)&&Object.keys(e).forEach((function(t){r[t]=L$(e[t],n)})),Object.keys(t).forEach((function(i){n.isMergeableObject(t[i])&&e[i]?r[i]=N$(e[i],t[i],n):r[i]=L$(t[i],n)})),r}(e,t,n):L$(t,n)}N$.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return N$(e,n,t)}),{})};const z$=N$;var V$=__webpack_require__(9590),U$=__webpack_require__.n(V$);const H$=function(e,t){};function G$(){return G$=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},G$.apply(this,arguments)}function W$(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}function q$(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var $$=(0,E.createContext)(void 0);$$.displayName="FormikContext";var Z$=$$.Provider;function Y$(){var e=(0,E.useContext)($$);return e||H$(!1),e}$$.Consumer;var Q$=function(e){return Array.isArray(e)&&0===e.length},K$=function(e){return"function"==typeof e},X$=function(e){return null!==e&&"object"==typeof e},J$=function(e){return String(Math.floor(Number(e)))===e},eZ=function(e){return"[object String]"===Object.prototype.toString.call(e)},tZ=function(e){return 0===E.Children.count(e)},nZ=function(e){return X$(e)&&K$(e.then)};function rZ(e,t,n,r){void 0===r&&(r=0);for(var i=f_(t);e&&r<i.length;)e=e[i[r++]];return r===i.length||e?void 0===e?n:e:n}function iZ(e,t,n){for(var r=uS(e),i=r,o=0,a=f_(t);o<a.length-1;o++){var s=a[o],l=rZ(e,a.slice(0,o+1));if(l&&(X$(l)||Array.isArray(l)))i=i[s]=uS(l);else{var c=a[o+1];i=i[s]=J$(c)&&Number(c)>=0?[]:{}}}return(0===o?e:i)[a[o]]===n?e:(void 0===n?delete i[a[o]]:i[a[o]]=n,0===o&&void 0===n&&delete r[a[o]],r)}function oZ(e,t,n,r){void 0===n&&(n=new WeakMap),void 0===r&&(r={});for(var i=0,o=Object.keys(e);i<o.length;i++){var a=o[i],s=e[a];X$(s)?n.get(s)||(n.set(s,!0),r[a]=Array.isArray(s)?[]:{},oZ(s,t,n,r[a])):r[a]=t}return r}var aZ={},sZ={};function lZ(e){var t=e.validateOnChange,n=void 0===t||t,r=e.validateOnBlur,i=void 0===r||r,o=e.validateOnMount,a=void 0!==o&&o,s=e.isInitialValid,l=e.enableReinitialize,c=void 0!==l&&l,u=e.onSubmit,f=W$(e,["validateOnChange","validateOnBlur","validateOnMount","isInitialValid","enableReinitialize","onSubmit"]),d=G$({validateOnChange:n,validateOnBlur:i,validateOnMount:a,onSubmit:u},f),p=(0,E.useRef)(d.initialValues),h=(0,E.useRef)(d.initialErrors||aZ),y=(0,E.useRef)(d.initialTouched||sZ),m=(0,E.useRef)(d.initialStatus),v=(0,E.useRef)(!1),g=(0,E.useRef)({});(0,E.useEffect)((function(){return v.current=!0,function(){v.current=!1}}),[]);var x=(0,E.useState)(0)[1],b=(0,E.useRef)({values:d.initialValues,errors:d.initialErrors||aZ,touched:d.initialTouched||sZ,status:d.initialStatus,isSubmitting:!1,isValidating:!1,submitCount:0}),w=b.current,S=(0,E.useCallback)((function(e){var t=b.current;b.current=function(e,t){switch(t.type){case"SET_VALUES":return G$({},e,{values:t.payload});case"SET_TOUCHED":return G$({},e,{touched:t.payload});case"SET_ERRORS":return U$()(e.errors,t.payload)?e:G$({},e,{errors:t.payload});case"SET_STATUS":return G$({},e,{status:t.payload});case"SET_ISSUBMITTING":return G$({},e,{isSubmitting:t.payload});case"SET_ISVALIDATING":return G$({},e,{isValidating:t.payload});case"SET_FIELD_VALUE":return G$({},e,{values:iZ(e.values,t.payload.field,t.payload.value)});case"SET_FIELD_TOUCHED":return G$({},e,{touched:iZ(e.touched,t.payload.field,t.payload.value)});case"SET_FIELD_ERROR":return G$({},e,{errors:iZ(e.errors,t.payload.field,t.payload.value)});case"RESET_FORM":return G$({},e,t.payload);case"SET_FORMIK_STATE":return t.payload(e);case"SUBMIT_ATTEMPT":return G$({},e,{touched:oZ(e.values,!0),isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return G$({},e,{isSubmitting:!1});default:return e}}(t,e),t!==b.current&&x((function(e){return e+1}))}),[]),C=(0,E.useCallback)((function(e,t){return new Promise((function(n,r){var i=d.validate(e,t);null==i?n(aZ):nZ(i)?i.then((function(e){n(e||aZ)}),(function(e){r(e)})):n(i)}))}),[d.validate]),k=(0,E.useCallback)((function(e,t){var n=d.validationSchema,r=K$(n)?n(t):n,i=t&&r.validateAt?r.validateAt(t,e):function(e,t,n,r){void 0===n&&(n=!1);var i=uZ(e);return t[n?"validateSync":"validate"](i,{abortEarly:!1,context:i})}(e,r);return new Promise((function(e,t){i.then((function(){e(aZ)}),(function(n){"ValidationError"===n.name?e(function(e){var t={};if(e.inner){if(0===e.inner.length)return iZ(t,e.path,e.message);var n=e.inner,r=Array.isArray(n),i=0;for(n=r?n:n[Symbol.iterator]();;){var o;if(r){if(i>=n.length)break;o=n[i++]}else{if((i=n.next()).done)break;o=i.value}var a=o;rZ(t,a.path)||(t=iZ(t,a.path,a.message))}}return t}(n)):t(n)}))}))}),[d.validationSchema]),_=(0,E.useCallback)((function(e,t){return new Promise((function(n){return n(g.current[e].validate(t))}))}),[]),O=(0,E.useCallback)((function(e){var t=Object.keys(g.current).filter((function(e){return K$(g.current[e].validate)})),n=t.length>0?t.map((function(t){return _(t,rZ(e,t))})):[Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];return Promise.all(n).then((function(e){return e.reduce((function(e,n,r){return"DO_NOT_DELETE_YOU_WILL_BE_FIRED"===n||n&&(e=iZ(e,t[r],n)),e}),{})}))}),[_]),P=(0,E.useCallback)((function(e){return Promise.all([O(e),d.validationSchema?k(e):{},d.validate?C(e):{}]).then((function(e){var t=e[0],n=e[1],r=e[2];return z$.all([t,n,r],{arrayMerge:fZ})}))}),[d.validate,d.validationSchema,O,C,k]),T=pZ((function(e){return void 0===e&&(e=w.values),S({type:"SET_ISVALIDATING",payload:!0}),P(e).then((function(e){return v.current&&(S({type:"SET_ISVALIDATING",payload:!1}),S({type:"SET_ERRORS",payload:e})),e}))}));(0,E.useEffect)((function(){a&&!0===v.current&&U$()(p.current,d.initialValues)&&T(p.current)}),[a,T]);var I=(0,E.useCallback)((function(e){var t=e&&e.values?e.values:p.current,n=e&&e.errors?e.errors:h.current?h.current:d.initialErrors||{},r=e&&e.touched?e.touched:y.current?y.current:d.initialTouched||{},i=e&&e.status?e.status:m.current?m.current:d.initialStatus;p.current=t,h.current=n,y.current=r,m.current=i;var o=function(){S({type:"RESET_FORM",payload:{isSubmitting:!!e&&!!e.isSubmitting,errors:n,touched:r,status:i,values:t,isValidating:!!e&&!!e.isValidating,submitCount:e&&e.submitCount&&"number"==typeof e.submitCount?e.submitCount:0}})};if(d.onReset){var a=d.onReset(w.values,Y);nZ(a)?a.then(o):o()}else o()}),[d.initialErrors,d.initialStatus,d.initialTouched,d.onReset]);(0,E.useEffect)((function(){!0!==v.current||U$()(p.current,d.initialValues)||c&&(p.current=d.initialValues,I(),a&&T(p.current))}),[c,d.initialValues,I,a,T]),(0,E.useEffect)((function(){c&&!0===v.current&&!U$()(h.current,d.initialErrors)&&(h.current=d.initialErrors||aZ,S({type:"SET_ERRORS",payload:d.initialErrors||aZ}))}),[c,d.initialErrors]),(0,E.useEffect)((function(){c&&!0===v.current&&!U$()(y.current,d.initialTouched)&&(y.current=d.initialTouched||sZ,S({type:"SET_TOUCHED",payload:d.initialTouched||sZ}))}),[c,d.initialTouched]),(0,E.useEffect)((function(){c&&!0===v.current&&!U$()(m.current,d.initialStatus)&&(m.current=d.initialStatus,S({type:"SET_STATUS",payload:d.initialStatus}))}),[c,d.initialStatus,d.initialTouched]);var A=pZ((function(e){if(g.current[e]&&K$(g.current[e].validate)){var t=rZ(w.values,e),n=g.current[e].validate(t);return nZ(n)?(S({type:"SET_ISVALIDATING",payload:!0}),n.then((function(e){return e})).then((function(t){S({type:"SET_FIELD_ERROR",payload:{field:e,value:t}}),S({type:"SET_ISVALIDATING",payload:!1})}))):(S({type:"SET_FIELD_ERROR",payload:{field:e,value:n}}),Promise.resolve(n))}return d.validationSchema?(S({type:"SET_ISVALIDATING",payload:!0}),k(w.values,e).then((function(e){return e})).then((function(t){S({type:"SET_FIELD_ERROR",payload:{field:e,value:rZ(t,e)}}),S({type:"SET_ISVALIDATING",payload:!1})}))):Promise.resolve()})),j=(0,E.useCallback)((function(e,t){var n=t.validate;g.current[e]={validate:n}}),[]),M=(0,E.useCallback)((function(e){delete g.current[e]}),[]),D=pZ((function(e,t){return S({type:"SET_TOUCHED",payload:e}),(void 0===t?i:t)?T(w.values):Promise.resolve()})),R=(0,E.useCallback)((function(e){S({type:"SET_ERRORS",payload:e})}),[]),F=pZ((function(e,t){var r=K$(e)?e(w.values):e;return S({type:"SET_VALUES",payload:r}),(void 0===t?n:t)?T(r):Promise.resolve()})),L=(0,E.useCallback)((function(e,t){S({type:"SET_FIELD_ERROR",payload:{field:e,value:t}})}),[]),B=pZ((function(e,t,r){return S({type:"SET_FIELD_VALUE",payload:{field:e,value:t}}),(void 0===r?n:r)?T(iZ(w.values,e,t)):Promise.resolve()})),N=(0,E.useCallback)((function(e,t){var n,r=t,i=e;if(!eZ(e)){e.persist&&e.persist();var o=e.target?e.target:e.currentTarget,a=o.type,s=o.name,l=o.id,c=o.value,u=o.checked,f=(o.outerHTML,o.options),d=o.multiple;r=t||s||l,i=/number|range/.test(a)?(n=parseFloat(c),isNaN(n)?"":n):/checkbox/.test(a)?function(e,t,n){if("boolean"==typeof e)return Boolean(t);var r=[],i=!1,o=-1;if(Array.isArray(e))r=e,i=(o=e.indexOf(n))>=0;else if(!n||"true"==n||"false"==n)return Boolean(t);return t&&n&&!i?r.concat(n):i?r.slice(0,o).concat(r.slice(o+1)):r}(rZ(w.values,r),u,c):f&&d?function(e){return Array.from(e).filter((function(e){return e.selected})).map((function(e){return e.value}))}(f):c}r&&B(r,i)}),[B,w.values]),z=pZ((function(e){if(eZ(e))return function(t){return N(t,e)};N(e)})),V=pZ((function(e,t,n){return void 0===t&&(t=!0),S({type:"SET_FIELD_TOUCHED",payload:{field:e,value:t}}),(void 0===n?i:n)?T(w.values):Promise.resolve()})),U=(0,E.useCallback)((function(e,t){e.persist&&e.persist();var n=e.target,r=n.name,i=n.id,o=(n.outerHTML,t||r||i);V(o,!0)}),[V]),H=pZ((function(e){if(eZ(e))return function(t){return U(t,e)};U(e)})),G=(0,E.useCallback)((function(e){K$(e)?S({type:"SET_FORMIK_STATE",payload:e}):S({type:"SET_FORMIK_STATE",payload:function(){return e}})}),[]),W=(0,E.useCallback)((function(e){S({type:"SET_STATUS",payload:e})}),[]),q=(0,E.useCallback)((function(e){S({type:"SET_ISSUBMITTING",payload:e})}),[]),$=pZ((function(){return S({type:"SUBMIT_ATTEMPT"}),T().then((function(e){var t=e instanceof Error;if(!t&&0===Object.keys(e).length){var n;try{if(void 0===(n=Q()))return}catch(e){throw e}return Promise.resolve(n).then((function(e){return v.current&&S({type:"SUBMIT_SUCCESS"}),e})).catch((function(e){if(v.current)throw S({type:"SUBMIT_FAILURE"}),e}))}if(v.current&&(S({type:"SUBMIT_FAILURE"}),t))throw e}))})),Z=pZ((function(e){e&&e.preventDefault&&K$(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&K$(e.stopPropagation)&&e.stopPropagation(),$().catch((function(e){console.warn("Warning: An unhandled error was caught from submitForm()",e)}))})),Y={resetForm:I,validateForm:T,validateField:A,setErrors:R,setFieldError:L,setFieldTouched:V,setFieldValue:B,setStatus:W,setSubmitting:q,setTouched:D,setValues:F,setFormikState:G,submitForm:$},Q=pZ((function(){return u(w.values,Y)})),K=pZ((function(e){e&&e.preventDefault&&K$(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&K$(e.stopPropagation)&&e.stopPropagation(),I()})),X=(0,E.useCallback)((function(e){return{value:rZ(w.values,e),error:rZ(w.errors,e),touched:!!rZ(w.touched,e),initialValue:rZ(p.current,e),initialTouched:!!rZ(y.current,e),initialError:rZ(h.current,e)}}),[w.errors,w.touched,w.values]),J=(0,E.useCallback)((function(e){return{setValue:function(t,n){return B(e,t,n)},setTouched:function(t,n){return V(e,t,n)},setError:function(t){return L(e,t)}}}),[B,V,L]),ee=(0,E.useCallback)((function(e){var t=X$(e),n=t?e.name:e,r=rZ(w.values,n),i={name:n,value:r,onChange:z,onBlur:H};if(t){var o=e.type,a=e.value,s=e.as,l=e.multiple;"checkbox"===o?void 0===a?i.checked=!!r:(i.checked=!(!Array.isArray(r)||!~r.indexOf(a)),i.value=a):"radio"===o?(i.checked=r===a,i.value=a):"select"===s&&l&&(i.value=i.value||[],i.multiple=!0)}return i}),[H,z,w.values]),te=(0,E.useMemo)((function(){return!U$()(p.current,w.values)}),[p.current,w.values]),ne=(0,E.useMemo)((function(){return void 0!==s?te?w.errors&&0===Object.keys(w.errors).length:!1!==s&&K$(s)?s(d):s:w.errors&&0===Object.keys(w.errors).length}),[s,te,w.errors,d]);return G$({},w,{initialValues:p.current,initialErrors:h.current,initialTouched:y.current,initialStatus:m.current,handleBlur:H,handleChange:z,handleReset:K,handleSubmit:Z,resetForm:I,setErrors:R,setFormikState:G,setFieldTouched:V,setFieldValue:B,setFieldError:L,setStatus:W,setSubmitting:q,setTouched:D,setValues:F,submitForm:$,validateForm:T,validateField:A,isValid:ne,dirty:te,unregisterField:M,registerField:j,getFieldProps:ee,getFieldMeta:X,getFieldHelpers:J,validateOnBlur:i,validateOnChange:n,validateOnMount:a})}function cZ(e){var t=lZ(e),n=e.component,r=e.children,i=e.render,o=e.innerRef;return(0,E.useImperativeHandle)(o,(function(){return t})),(0,E.createElement)(Z$,{value:t},n?(0,E.createElement)(n,t):i?i(t):r?K$(r)?r(t):tZ(r)?null:E.Children.only(r):null)}function uZ(e){var t=Array.isArray(e)?[]:{};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){var r=String(n);!0===Array.isArray(e[r])?t[r]=e[r].map((function(e){return!0===Array.isArray(e)||_S(e)?uZ(e):""!==e?e:void 0})):_S(e[r])?t[r]=uZ(e[r]):t[r]=""!==e[r]?e[r]:void 0}return t}function fZ(e,t,n){var r=e.slice();return t.forEach((function(t,i){if(void 0===r[i]){var o=!1!==n.clone&&n.isMergeableObject(t);r[i]=o?z$(Array.isArray(t)?[]:{},t,n):t}else n.isMergeableObject(t)?r[i]=z$(e[i],t,n):-1===e.indexOf(t)&&r.push(t)})),r}var dZ="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?E.useLayoutEffect:E.useEffect;function pZ(e){var t=(0,E.useRef)(e);return dZ((function(){t.current=e})),(0,E.useCallback)((function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.current.apply(void 0,n)}),[])}function hZ(e){var t=e.validate,n=e.name,r=e.render,i=e.children,o=e.as,a=e.component,s=e.className,l=W$(e,["validate","name","render","children","as","component","className"]),c=W$(Y$(),["validate","validationSchema"]),u=c.registerField,f=c.unregisterField;(0,E.useEffect)((function(){return u(n,{validate:t}),function(){f(n)}}),[u,f,n,t]);var d=c.getFieldProps(G$({name:n},l)),p=c.getFieldMeta(n),h={field:d,form:c};if(r)return r(G$({},h,{meta:p}));if(K$(i))return i(G$({},h,{meta:p}));if(a){if("string"==typeof a){var y=l.innerRef,m=W$(l,["innerRef"]);return(0,E.createElement)(a,G$({ref:y},d,m,{className:s}),i)}return(0,E.createElement)(a,G$({field:d,form:c},l,{className:s}),i)}var v=o||"input";if("string"==typeof v){var g=l.innerRef,x=W$(l,["innerRef"]);return(0,E.createElement)(v,G$({ref:g},d,x,{className:s}),i)}return(0,E.createElement)(v,G$({},d,l,{className:s}),i)}var yZ=(0,E.forwardRef)((function(e,t){var n=e.action,r=W$(e,["action"]),i=null!=n?n:"#",o=Y$(),a=o.handleReset,s=o.handleSubmit;return(0,E.createElement)("form",G$({onSubmit:s,ref:t,onReset:a,action:i},r))}));yZ.displayName="Form";var mZ=function(e,t,n){var r=vZ(e);return r.splice(t,0,n),r},vZ=function(e){if(e){if(Array.isArray(e))return[].concat(e);var t=Object.keys(e).map((function(e){return parseInt(e)})).reduce((function(e,t){return t>e?t:e}),0);return Array.from(G$({},e,{length:t+1}))}return[]},gZ=function(e,t){var n="function"==typeof e?e:t;return function(e){if(Array.isArray(e)||X$(e)){var t=vZ(e);return n(t)}return e}},xZ=function(e){function t(t){var n;return(n=e.call(this,t)||this).updateArrayField=function(e,t,r){var i=n.props,o=i.name;(0,i.formik.setFormikState)((function(n){var i=gZ(r,e),a=gZ(t,e),s=iZ(n.values,o,e(rZ(n.values,o))),l=r?i(rZ(n.errors,o)):void 0,c=t?a(rZ(n.touched,o)):void 0;return Q$(l)&&(l=void 0),Q$(c)&&(c=void 0),G$({},n,{values:s,errors:r?iZ(n.errors,o,l):n.errors,touched:t?iZ(n.touched,o,c):n.touched})}))},n.push=function(e){return n.updateArrayField((function(t){return[].concat(vZ(t),[fS(e)])}),!1,!1)},n.handlePush=function(e){return function(){return n.push(e)}},n.swap=function(e,t){return n.updateArrayField((function(n){return function(e,t,n){var r=vZ(e),i=r[t];return r[t]=r[n],r[n]=i,r}(n,e,t)}),!0,!0)},n.handleSwap=function(e,t){return function(){return n.swap(e,t)}},n.move=function(e,t){return n.updateArrayField((function(n){return function(e,t,n){var r=vZ(e),i=r[t];return r.splice(t,1),r.splice(n,0,i),r}(n,e,t)}),!0,!0)},n.handleMove=function(e,t){return function(){return n.move(e,t)}},n.insert=function(e,t){return n.updateArrayField((function(n){return mZ(n,e,t)}),(function(t){return mZ(t,e,null)}),(function(t){return mZ(t,e,null)}))},n.handleInsert=function(e,t){return function(){return n.insert(e,t)}},n.replace=function(e,t){return n.updateArrayField((function(n){return function(e,t,n){var r=vZ(e);return r[t]=n,r}(n,e,t)}),!1,!1)},n.handleReplace=function(e,t){return function(){return n.replace(e,t)}},n.unshift=function(e){var t=-1;return n.updateArrayField((function(n){var r=n?[e].concat(n):[e];return t=r.length,r}),(function(e){return e?[null].concat(e):[null]}),(function(e){return e?[null].concat(e):[null]})),t},n.handleUnshift=function(e){return function(){return n.unshift(e)}},n.handleRemove=function(e){return function(){return n.remove(e)}},n.handlePop=function(){return function(){return n.pop()}},n.remove=n.remove.bind(q$(n)),n.pop=n.pop.bind(q$(n)),n}var n,r;r=e,(n=t).prototype=Object.create(r.prototype),n.prototype.constructor=n,n.__proto__=r;var i=t.prototype;return i.componentDidUpdate=function(e){this.props.validateOnChange&&this.props.formik.validateOnChange&&!U$()(rZ(e.formik.values,e.name),rZ(this.props.formik.values,this.props.name))&&this.props.formik.validateForm(this.props.formik.values)},i.remove=function(e){var t;return this.updateArrayField((function(n){var r=n?vZ(n):[];return t||(t=r[e]),K$(r.splice)&&r.splice(e,1),K$(r.every)&&r.every((function(e){return void 0===e}))?[]:r}),!0,!0),t},i.pop=function(){var e;return this.updateArrayField((function(t){var n=t.slice();return e||(e=n&&n.pop&&n.pop()),n}),!0,!0),e},i.render=function(){var e={push:this.push,pop:this.pop,swap:this.swap,move:this.move,insert:this.insert,replace:this.replace,unshift:this.unshift,remove:this.remove,handlePush:this.handlePush,handlePop:this.handlePop,handleSwap:this.handleSwap,handleMove:this.handleMove,handleInsert:this.handleInsert,handleReplace:this.handleReplace,handleUnshift:this.handleUnshift,handleRemove:this.handleRemove},t=this.props,n=t.component,r=t.render,i=t.children,o=t.name,a=G$({},e,{form:W$(t.formik,["validate","validationSchema"]),name:o});return n?(0,E.createElement)(n,a):r?r(a):i?"function"==typeof i?i(a):tZ(i)?null:E.Children.only(i):null},t}(E.Component);xZ.defaultProps={validateOnChange:!0};var bZ,wZ,SZ,CZ,EZ,kZ,_Z=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},OZ=function(){return OZ=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},OZ.apply(this,arguments)},PZ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},TZ=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},IZ=tt.div(bZ||(bZ=_Z(["\n width: auto;\n margin-top: 8px;\n .error {\n border-color: #e84c3d;\n }\n .disabled {\n background-color: #eeeff2;\n cursor: not-allowed;\n }\n\n .disabled > div {\n background-color: #eeeff2;\n cursor: not-allowed;\n }\n"],["\n width: auto;\n margin-top: 8px;\n .error {\n border-color: #e84c3d;\n }\n .disabled {\n background-color: #eeeff2;\n cursor: not-allowed;\n }\n\n .disabled > div {\n background-color: #eeeff2;\n cursor: not-allowed;\n }\n"]))),AZ=tt.div(wZ||(wZ=_Z(["\n margin: 24px 0;\n display: flex;\n flex-direction: column;\n"],["\n margin: 24px 0;\n display: flex;\n flex-direction: column;\n"]))),jZ=tt.div(SZ||(SZ=_Z(["\n height: 20px;\n font-size: 14px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.43;\n letter-spacing: normal;\n color: ",";\n margin-bottom: 8px;\n"],["\n height: 20px;\n font-size: 14px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.43;\n letter-spacing: normal;\n color: ",";\n margin-bottom: 8px;\n"])),qi),MZ=tt.input(CZ||(CZ=_Z(["\n padding-left: 8px;\n height: 40px;\n width: 100%;\n border-radius: 4px;\n border: solid 1px #d0d3d9;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: ",";\n margin-right: 8px;\n box-sizing: border-box;\n &:focus {\n outline: 0;\n }\n"],["\n padding-left: 8px;\n height: 40px;\n width: 100%;\n border-radius: 4px;\n border: solid 1px #d0d3d9;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: ",";\n margin-right: 8px;\n box-sizing: border-box;\n &:focus {\n outline: 0;\n }\n"])),yi),DZ=tt.textarea(kZ||(kZ=_Z(["\n padding-left: 8px;\n width: 242px;\n min-width: 242px;\n max-width: 242px;\n height: 100px;\n min-height: 100px;\n max-height: 300px;\n border-radius: 4px;\n border: solid 1px #d0d3d9;\n &:focus {\n outline: 0;\n }\n ","\n"],["\n padding-left: 8px;\n width: 242px;\n min-width: 242px;\n max-width: 242px;\n height: 100px;\n min-height: 100px;\n max-height: 300px;\n border-radius: 4px;\n border: solid 1px #d0d3d9;\n &:focus {\n outline: 0;\n }\n ","\n"])),(function(e){return e.theme.containerWidth>=ai&&Ne(EZ||(EZ=_Z(["\n width: 368px;\n min-width: 368px;\n max-width: 368px;\n "],["\n width: 368px;\n min-width: 368px;\n max-width: 368px;\n "])))})),RZ=function(e){var n=e.attributes,r=e.initValues,i=e.setIsSaveDisabled,o=Vl().userData,a=ec(o),s=tc(o),l=nc(o),c=function(e){var t=e.customer,n=e.automotiveRole;return"1"===t.automotiveAccess&&n===Fl.TECHNICIAN}(o),u=PZ(E.useState(),2),f=u[0],d=u[1],p=Y$(),h=p.errors,y=p.validateForm,m=p.setFieldValue;E.useEffect((function(){y(),v()}),[n]),E.useEffect((function(){0!==(null==f?void 0:f.length)?i(!0):i(!1)}),[f]);var v=function(){var e=0,t=[];return n.forEach((function(n){n&&n.isRequired&&(""===n.default||null===n.default)&&(++e,t.push(n))})),d(t),l&&c&&(e+=1),s&&c&&(e+=2),e},g=function(e,t){if(""!==e&&t.isRequired){var n=f.find((function(e){return e.attributeId===t.attributeId}));n&&d(f.filter((function(e){return e.attributeId!==t.attributeId})))}""===e&&t.isRequired&&!(n=f.find((function(e){return e.attributeId===t.attributeId})))&&d(TZ(TZ([],PZ(f),!1),[t],!1))};return a||n.length?(0,t.jsx)(IZ,{children:n.map((function(e,n){var i=!(!e.isReadOnly&&!e.isLocked||!r[n]),o=!!h["attributes".concat(n)],a=!!e.isRequired,s="";return i&&(s="disabled"),o&&(s+=" error"),(0,t.jsxs)(AZ,{children:[(0,t.jsxs)(jZ,{children:[e.title,a&&(0,t.jsx)("span",OZ({style:{color:Xi}},{children:"*"}))]}),"text"===e.type&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(hZ,{name:"attributes".concat(n),disabled:i,as:MZ,type:"text",required:a,className:s,defaultValue:e.default,onChange:function(t){g(t.target.value,e),m("attributes".concat(n),t.target.value)},onFocus:function(){y()}}),o?(0,t.jsx)("div",OZ({style:{color:"#E84C3D",marginTop:"3px"}},{children:h["attributes".concat(n)]})):(0,t.jsx)(t.Fragment,{})]}),"textarea"===e.type&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(hZ,{disabled:i,name:"attributes".concat(n),as:DZ,defaultValue:e.default,className:s,required:a,type:"text",onChange:function(t){g(t.target.value,e),m("attributes".concat(n),t.target.value)}}),o?(0,t.jsx)("div",OZ({style:{color:"#E84C3D",marginTop:"3px"}},{children:h["attributes".concat(n)]})):(0,t.jsx)(t.Fragment,{})]}),"dropdown"===e.type&&(0,t.jsx)(hZ,OZ({name:"attributes".concat(n),disabled:i,required:a,className:s},{children:function(o){var a=o.field,s=o.form,l=a.value,c=e.dropdownValues.map((function(e){return{value:e.value,label:e.value}}));return(0,t.jsx)(Sl,{isSearchable:!0,disabled:i,maxMenuHeight:100,options:c,defaultValue:c.find((function(t){return t.value===e.default}))||"",value:c.find((function(e){return e.value==l})),onChange:function(t){g(t.value,e),(e.isReadOnly||e.isLocked)&&r[n]?s.setFieldValue("attributes".concat(n),r[n]):s.setFieldValue("attributes".concat(n),t.value)}})}}))]},n)}))}):null},FZ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},LZ=function(){return LZ=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},LZ.apply(this,arguments)},BZ=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},NZ=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},zZ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},VZ=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},UZ=tt.div(rY||(rY=FZ(["\n display: flex;\n justify-content: space-between;\n box-sizing: border-box;\n ","\n"],["\n display: flex;\n justify-content: space-between;\n box-sizing: border-box;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(nY||(nY=FZ(["\n flex-direction: column;\n "],["\n flex-direction: column;\n "])))})),HZ=tt.div(aY||(aY=FZ(["\n box-sizing: border-box;\n width: 100%;\n ","\n ","\n"],["\n box-sizing: border-box;\n width: 100%;\n ","\n ","\n"])),(function(e){return e.theme.containerWidth>=ii&&Ne(iY||(iY=FZ(["\n width: 50%;\n "],["\n width: 50%;\n "])))}),(function(e){return e.theme.containerWidth<ii&&Ne(oY||(oY=FZ(["\n margin-top: 8px;\n "],["\n margin-top: 8px;\n "])))})),GZ=tt.div(lY||(lY=FZ(["\n box-sizing: border-box;\n width: 100%;\n ","\n"],["\n box-sizing: border-box;\n width: 100%;\n ","\n"])),(function(e){return e.theme.containerWidth>=ii&&Ne(sY||(sY=FZ(["\n padding-right: 52px;\n width: 50%;\n "],["\n padding-right: 52px;\n width: 50%;\n "])))})),WZ=tt.div(cY||(cY=FZ(["\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n margin-bottom: 32px;\n"],["\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n margin-bottom: 32px;\n"]))),qZ=tt.div(uY||(uY=FZ(["\n margin-bottom: ",";\n display: grid;\n gap: 8px;\n"],["\n margin-bottom: ",";\n display: grid;\n gap: 8px;\n"])),(function(e){return e.marginBottom||"16px"})),$Z=tt.div(fY||(fY=FZ(["\n background-color: ",";\n padding: 18px;\n display: flex;\n align-items: center;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n margin-top: -7px;\n"],["\n background-color: ",";\n padding: 18px;\n display: flex;\n align-items: center;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n margin-top: -7px;\n"])),hi),ZZ=tt.div(dY||(dY=FZ(["\n display: flex;\n justify-content: space-between;\n"],["\n display: flex;\n justify-content: space-between;\n"]))),YZ=tt.div(pY||(pY=FZ(["\n color: ",";\n"],["\n color: ",";\n"])),Vi),QZ=tt.div(hY||(hY=FZ(["\n font-weight: 600;\n color: ",";\n display: flex;\n align-items: center;\n"],["\n font-weight: 600;\n color: ",";\n display: flex;\n align-items: center;\n"])),zi),KZ=tt.div(yY||(yY=FZ(["\n display: flex;\n flex-wrap: wrap;\n"],["\n display: flex;\n flex-wrap: wrap;\n"]))),XZ="Search tags or create new...",JZ=[0,0],eY=function(e){e.children;var n,r=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(e,["children"]),i=r.data.label,o=!(null===(n=r.data)||void 0===n?void 0:n.__isNew__);return(0,t.jsx)(Es.Option,LZ({},r,{children:(0,t.jsxs)(QZ,{children:[o&&(0,t.jsx)(a$,{style:{marginRight:"8px"},width:15,height:15,color:Vi}),i]})}))};const tY=function(e){var n=e.recordingBlobUrl,r=e.recordDate,i=e.setSaveFunction,o=e.insertAfterSave,a=void 0!==o&&o,s=e.setIsSaveDisabled,l=e.skipUploadProcess,c=void 0!==l&&l,u=e.videoId,f=e.initialTitle,d=e.updateUploadLoading,p=Vl().userData,h=(Mt().showTrimFeature,(0,E.useMemo)((function(){return Ct(p,eq)}),[p,eq])),y=nc(p),m=tc(p),v=(0,E.createRef)(),g=zZ((0,E.useState)(f||r),2),x=g[0],b=g[1],w=zZ((0,E.useState)([]),2),S=w[0],C=w[1],k=zZ((0,E.useState)({value:"",label:"Select vehicle"}),2),_=k[0],O=k[1],P=zZ((0,E.useState)({value:"",label:"Select video type"}),2),T=P[0],I=P[1],A=zZ((0,E.useState)([]),2),j=A[0],M=A[1],D=zZ((0,E.useState)(),2),R=D[0],F=D[1],L=zZ((0,E.useState)([]),2),B=L[0],N=L[1],z=zZ((0,E.useState)([]),2),V=z[0],U=z[1],H=zZ((0,E.useState)({value:"",label:XZ}),2),G=H[0],W=H[1],q=zZ((0,E.useState)(!1),2),$=q[0],Z=q[1],Y=zZ((0,E.useState)(!1),2),Q=Y[0],K=Y[1],X=zZ((0,E.useState)({title:"",tags:""}),2),J=X[0],ee=X[1],te=zZ((0,E.useState)(),2),ne=te[0],re=te[1],ie=zZ((0,E.useState)(0),2),oe=ie[0],ae=ie[1],se=zZ((0,E.useState)({}),2),le=se[0],ce=se[1],ue=zZ((0,E.useState)(!0),2),fe=(ue[0],ue[1]),de=((0,E.useRef)([0,0]),zZ((0,E.useState)(JZ),2)),pe=de[0],he=de[1],ye=zZ((0,E.useState)(!1),2),me=ye[0],ve=ye[1],ge=zZ((0,E.useState)(u||""),2),xe=ge[0],be=ge[1],we=zZ((0,E.useState)(),2),Se=we[0],Ce=we[1],Ee=dn(),ke=(0,E.useRef)(null),_e=ef().toast,Oe=Object.values(y?sF:lF).map((function(e){return{value:e,label:e||"No video type"}})),Pe={};Pe.covideoName=x,Pe.saveToCompanyFolder=!1;var Te=function(){var e,t=ke.current.values;ce(t),Z(!1),e={title:"",tags:""},x&&x.length||(e.title="Title cannot be empty."),ee(e),Object.values(e).every((function(e){return""===e}))&&(null==d||d(!0),c?je(t):K(!0))},Ie=function(e){return e.sort((function(e,t){var n;return null===(n=e.labelField)||void 0===n?void 0:n.localeCompare(t.labelField)}))},Ae=function(e){return BZ(void 0,void 0,void 0,(function(){var t,n;return NZ(this,(function(r){switch(r.label){case 0:return t=e||le,(n=j.map((function(e,n){return{attributeId:e.attributeId,value:t["attributes".concat(n)]||"",videoId:parseInt(xe)}})))&&n.length?[4,kr(xe,n).catch((function(e){return e}))]:[3,2];case 1:r.sent(),r.label=2;case 2:return[2]}}))}))},je=function(e){return BZ(void 0,void 0,void 0,(function(){var t;return NZ(this,(function(n){switch(n.label){case 0:return n.trys.push([0,9,,10]),V.length?[4,BZ(void 0,void 0,void 0,(function(){var e;return NZ(this,(function(t){switch(t.label){case 0:return e=V.map((function(e){return{value:e.value,label:e.labelField,__isNew__:e.__isNew__}})),[4,e$(xe,e)];case 1:return t.sent(),[2]}}))}))]:[3,2];case 1:n.sent(),n.label=2;case 2:return[4,Ae(e)];case 3:return n.sent(),[4,BZ(void 0,void 0,void 0,(function(){var e;return NZ(this,(function(t){switch(t.label){case 0:return ec(p)?(e=LZ({videoId:parseInt(xe),videoType:(null==T?void 0:T.value)||""},!!y&&{vin:(null==_?void 0:_.value)||""}),[4,ar({data:e})]):[2,0];case 1:return[2,t.sent().videoRequestId]}}))}))];case 4:return n.sent(),me?[4,Me(xe)]:[3,6];case 5:(t=n.sent())&&be(t.id),n.label=6;case 6:return f&&u&&f!==x?[4,$n({videoId:u,videoBody:{title:x}})]:[3,8];case 7:n.sent(),n.label=8;case 8:return Z(!0),_e({message:"Successfully saved video!"}),[3,10];case 9:return n.sent(),_e({message:"There was an error while creating your video request. Please try again."}),[3,10];case 10:return[2]}}))}))},Me=function(e){return BZ(void 0,void 0,void 0,(function(){var t,n;return NZ(this,(function(r){switch(r.label){case 0:t=Math.floor(100*pe[0])/100,n=Math.floor(100*pe[1])/100,r.label=1;case 1:return r.trys.push([1,3,,4]),[4,Zn(e,{duration:n,start:t})];case 2:return[2,r.sent()];case 3:return r.sent(),_e({message:"Something went wrong while trimming the video, try again later!"}),[3,4];case 4:return[2]}}))}))};return(0,E.useEffect)((function(){BZ(void 0,void 0,void 0,(function(){return NZ(this,(function(e){switch(e.label){case 0:return[4,BZ(void 0,void 0,void 0,(function(){var e,t,n;return NZ(this,(function(r){switch(r.label){case 0:return r.trys.push([0,2,,3]),[4,Er({})];case 1:return e=r.sent(),M(e.attributes||[]),t=e.attributes.map((function(e,t){if("dropdown"===e.type){var n=e.dropdownValues.find((function(e){return e.default}));return n&&n.value?(Pe["attributes".concat(t)]=n.value,n.value):(Pe["attributes".concat(t)]="","")}return Pe["attributes".concat(t)]=e.default||"",e.default||""})),ke.current.values=Pe,Ce(Pe),F(t),[3,3];case 2:return n=r.sent(),console.log(n),[3,3];case 3:return[2]}}))}))];case 1:return e.sent(),[4,BZ(void 0,void 0,void 0,(function(){var e,t,n,r;return NZ(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,Jq({})];case 1:return e=i.sent(),t=[],e.forEach((function(e){t.push({label:e.tag,value:e.tagId,labelField:e.tag})})),n=Ie(t),N(n),[3,3];case 2:return r=i.sent(),console.log(r),[3,3];case 3:return[2]}}))}))];case 2:return e.sent(),[4,BZ(void 0,void 0,void 0,(function(){var e,n,r;return NZ(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,er({})];case 1:return(e=i.sent()).items&&(n=[],e.items.forEach((function(e){n.push({label:(0,t.jsxs)(ZZ,{children:[(0,t.jsxs)(QZ,{children:[(0,t.jsx)(n$,{style:{marginRight:"8px"},width:15,height:15,color:Vi}),e.title]}),(0,t.jsx)(YZ,{children:e.vin})]}),value:e.vin,labelField:e.vin})})),C(n)),[3,3];case 2:return r=i.sent(),console.log(r),[3,3];case 3:return[2]}}))}))];case 3:return e.sent(),[2]}}))}))}),[]),(0,E.useEffect)((function(){var e;n&&(e=n,BZ(void 0,void 0,void 0,(function(){var t,n;return NZ(this,(function(r){switch(r.label){case 0:return r.trys.push([0,2,,3]),[4,fetch(e||"").then((function(e){return e.blob()}))];case 1:return t=r.sent(),re(t),[3,3];case 2:return n=r.sent(),console.log(n),[3,3];case 3:return[2]}}))})))}),[n]),(0,E.useEffect)((function(){$&&setTimeout((function(){null==d||d(!1),a&&xe?Ee.push("/insert-video/".concat(xe)):Ee.push("/")}),400)}),[$,xe]),(0,E.useEffect)((function(){he([0,oe])}),[oe]),(0,E.useEffect)((function(){var e=kt({trimStart:pe[0],trimEnd:pe[1],videoDuration:oe});return ve(e),function(){ve(!1)}}),[pe,oe]),(0,E.useEffect)((function(){s(""===x)}),[x]),(0,E.useEffect)((function(){i&&i((function(){return Te}))}),[x,pe,oe,_,me]),(0,t.jsxs)("div",{children:[(0,t.jsx)($W,{when:!0,stay:!0,onConfirm:function(){},navigate:function(e){u&&BZ(void 0,void 0,void 0,(function(){return NZ(this,(function(e){switch(e.label){case 0:return u?[4,qn({videoIds:[u],deleteMultiple:!1})]:[2];case 1:return e.sent(),[2]}}))})),Ee.push(e)},shouldBlockNavigation:function(){return!$},title:"Delete Current Video?",text:"Do you want to go back? The current video will be deleted.",confirmButtonText:"No, Keep Video",discardButtonText:"Yes, Delete Video",showDiscardIcon:!1,showSaveIcon:!1}),Q?(0,t.jsx)(O$,{title:x,beginUploadProcess:Q,afterUpload:je,setSavedVideoId:be,file:ne,fileName:h}):(0,t.jsxs)(UZ,{children:[(0,t.jsxs)(GZ,{children:[(0,t.jsxs)(WZ,{children:[(0,t.jsx)(IU,{id:"",videoSource:n,videoRef:v,preventWideSize:!0,borderBottomRadius:"0px",setVideoDuration:ae,setIsVideoLoading:fe}),(0,t.jsxs)($Z,{children:[(0,t.jsx)(sT,{size:16,color:Oi,style:{marginRight:6}}),(0,t.jsx)("div",{children:Et()})]})]}),!1]}),(0,t.jsx)(HZ,{children:(0,t.jsx)(cZ,LZ({enableReinitialize:!0,innerRef:ke,initialValues:Se,validateOnMount:!0,onSubmit:function(){}},{children:function(e){return e.errors,e.isValid,e.values,e.setFieldValue,(0,t.jsxs)(yZ,{children:[(0,t.jsxs)(qZ,{children:[(0,t.jsx)(tz,{text:"Title"}),!!J.title&&(0,t.jsx)(tz,{text:J.title,color:Li}),(0,t.jsx)(uo,LZ({type:"text",onChange:function(e){return b(e.target.value)},value:x},J.title&&{borderColor:Li}))]}),(0,t.jsxs)(qZ,LZ({marginBottom:"8px"},{children:[(0,t.jsx)(tz,{text:"Tags"}),!!J.tags&&(0,t.jsx)(tz,{text:J.tags,color:Li}),(0,t.jsx)(Sl,{options:B.filter((function(e){return!e||!V.length||!V.some((function(t){return t.value===e.value}))})),placeholder:XZ,controlShouldRenderValue:!1,value:G,onChange:function(e){return function(e){if(e&&e.value){var t=B.some((function(t){return t.value==e.value})),n=t?e:{value:e.value,label:e.label,labelField:e.label,__isNew__:!0},r=V.find((function(e){return e.value===n.value}));r||U(VZ(VZ([],zZ(V),!1),[n],!1)),t||N(Ie(VZ(VZ([],zZ(B),!1),[n],!1))),W(n)}}(e)},isSearchable:!0,creatable:!0,extraStyles:LZ({},J.tags&&{borderColor:Li}),customComponents:{Option:eY}}),(0,t.jsx)(KZ,{children:V.map((function(e,n){return(0,t.jsx)(vo,{icon:(0,t.jsx)(a$,{width:15,height:15,color:Vi}),text:e.label,padding:"5px",height:"24px",onClick:function(){return function(e,t){var n=VZ([],zZ(V),!1);if(n.splice(t,1),U(n),W({value:"",label:XZ}),G.__isNew__){var r=VZ([],zZ(B),!1),i=B.findIndex((function(t){return t.value===e.value}));i>-1&&(r.splice(i,1),N(r))}}(e,n)}},e.value)}))})]})),y&&(0,t.jsxs)(qZ,{children:[(0,t.jsx)(tz,{text:"VIN / search vehicle"}),(0,t.jsx)(Sl,{options:S,value:_,onChange:function(e){return O(e)},isSearchable:!0,isClearable:!!(null==_?void 0:_.value)})]}),(m||y)&&(0,t.jsxs)(qZ,LZ({marginBottom:"8px"},{children:[(0,t.jsx)(tz,{text:"Video Type"}),(0,t.jsx)(Sl,{options:Oe,value:T,onChange:function(e){return I(e)},isSearchable:!0,isClearable:!!(null==T?void 0:T.value)})]})),(0,t.jsx)(RZ,{attributes:j||[],initValues:R,setIsSaveDisabled:s})]})}}))})]})]})};var nY,rY,iY,oY,aY,sY,lY,cY,uY,fY,dY,pY,hY,yY,mY,vY,gY,xY,bY,wY,SY,CY,EY,kY,_Y,OY,PY,TY,IY,AY,jY,MY,DY,RY,FY,LY,BY,NY,zY,VY,UY,HY,GY,WY,qY,$Y,ZY=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},YY=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},QY=tt.div(mY||(mY=ZY(["\n background: ",";\n"],["\n background: ",";\n"])),ki),KY=tt.div(vY||(vY=ZY(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"]))),XY=function(e){var n=e.loading,r=void 0!==n&&n,i=Mt().showInsertFeature,o=dn(),a=YY((0,E.useState)(Et()),2),s=a[0],l=a[1],c=YY((0,E.useState)(!1),2),u=c[0],f=c[1],d=YY(E.useState(""),2),p=d[0],h=d[1],y=YY((0,E.useState)(),2),m=y[0],v=y[1],g=YY((0,E.useState)(!1),2),x=g[0],b=g[1],w=YY((0,E.useState)(!1),2),S=w[0],C=w[1],k=YY((0,E.useState)(!1),2),_=k[0],O=k[1],P=!r&&!!p;return(0,t.jsxs)(QY,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return o.push("/record/home")}}),center:(0,t.jsx)(KY,{children:P?"":"Record Video"}),right:P&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(vo,{onClick:function(){return null==m?void 0:m()},text:"Save",disabled:S||_,textColor:zi,backgroundColor:Ui,borderColor:Ui,fontSize:"15px",icon:_?(0,t.jsx)(bo,{size:12,color:zi}):(0,t.jsx)(kW,{height:"15px"})}),i&&(0,t.jsx)(vo,{onClick:function(){b(!0),null==m||m()},text:"Continue to Insert",disabled:S||_,textColor:hi,backgroundColor:Ai,borderColor:Mi,fontSize:"15px"})]})}),(0,t.jsxs)(co,{children:[(0,t.jsx)(_o,{isLoading:r}),P&&(0,t.jsx)(tY,{recordingBlobUrl:p,recordDate:s,setSaveFunction:v,insertAfterSave:x,setIsSaveDisabled:C,updateUploadLoading:function(e){return O(e)}}),!r&&!p&&(0,t.jsx)(co,{children:!u&&(0,t.jsx)($q,{onUpload:function(e,t){return n=void 0,r=void 0,o=function(){return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(t){return l(e.covideoName),f(!0),h(""),[2]}))},new((i=void 0)||(i=Promise))((function(e,t){function a(e){try{l(o.next(e))}catch(e){t(e)}}function s(e){try{l(o.throw(e))}catch(e){t(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,s)}l((o=o.apply(n,r||[])).next())}));var n,r,i,o},uploadDisabled:!s,onRecordingUrlGeneration:function(e){h(e)}})})]})]})},JY=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},eQ=function(){return eQ=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},eQ.apply(this,arguments)},tQ=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},nQ=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},rQ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},iQ=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},oQ=tt.div(gY||(gY=JY(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: auto;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n margin-left: auto;\n margin-right: auto;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n padding-left: 0;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: auto;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n margin-left: auto;\n margin-right: auto;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n padding-left: 0;\n }\n"])),Zi,hi,Yi),aQ=tt.div(xY||(xY=JY(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(50% - 48.5px - 150px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(50% - 48.5px - 150px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n }\n"])),(function(e){return e.theme.primaryColor}),hi,(function(e){return e.theme.primaryColor})),sQ=tt.div(bY||(bY=JY(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 70px;\n margin-left: calc(50% - 35px);\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 70px;\n margin-left: calc(50% - 35px);\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Ni,yi,$i),lQ=tt.div(wY||(wY=JY(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Ni,yi,$i),cQ=tt.div(SY||(SY=JY(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 112px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 112px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Zi,hi,Yi),uQ=tt.div(CY||(CY=JY(["\n margin-left: 5%;\n margin-top: 5%;\n"],["\n margin-left: 5%;\n margin-top: 5%;\n"]))),fQ=tt.div(kY||(kY=JY(["\n display: flex;\n flex-direction: row;\n width: 770px;\n max-width: 100%;\n z-index: 9;\n margin-top: 32px;\n ","\n"],["\n display: flex;\n flex-direction: row;\n width: 770px;\n max-width: 100%;\n z-index: 9;\n margin-top: 32px;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(EY||(EY=JY(["\n justify-content: space-between;\n "],["\n justify-content: space-between;\n "])))})),dQ=tt.div(_Y||(_Y=JY(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n"]))),pQ=tt.div(OY||(OY=JY(["\n width: 150px;\n display: flex;\n flex-direction: row;\n"],["\n width: 150px;\n display: flex;\n flex-direction: row;\n"]))),hQ=tt.div(PY||(PY=JY(["\n position: absolute;\n top: 0;\n width: 770px;\n height: 434px;\n max-width: 100%;\n margin: 0 auto;\n display: ",";\n justify-content: center;\n"],["\n position: absolute;\n top: 0;\n width: 770px;\n height: 434px;\n max-width: 100%;\n margin: 0 auto;\n display: ",";\n justify-content: center;\n"])),(function(e){return e.show?"flex":"none"})),yQ={low:{width:{ideal:640},height:{ideal:360}},standard:{width:{ideal:1280},height:{ideal:720}},high:{width:{ideal:1920},height:{ideal:1080}}},mQ={videoSource:{value:""},videoQuality:"standard",audioSource:{value:"default"}},vQ="undefined"!=typeof InstallTrigger,gQ=null,xQ=function(e){var n,r=e.onRecordingStart,i=e.onRecordingEnd,o=e.uploadDisabled,a=e.virtualBackgroundUrl,s=void 0===a?null:a,l=e.showRecordingButton,c=void 0===l||l,u=e.onRecordingUrlGeneration,f=dn(),d=E.useRef(null),p=(0,E.useRef)(null),h=(0,E.useRef)(null),y=rQ((0,E.useState)(3),2),v=y[0],g=y[1],x=rQ((0,E.useState)(!1),2),b=x[0],w=x[1],S=rQ((0,E.useState)(!1),2),C=S[0],k=S[1],_=rQ((0,E.useState)(0),2),O=_[0],P=_[1],T={videoSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(mQ)).videoSource,videoQuality:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(mQ)).videoQuality,audioSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(mQ)).audioSource},I=rQ(E.useState(!!s),2),A=I[0],j=I[1],M=Vl().userData,D=rQ(E.useState(!1),2),R=D[0],F=D[1];try{n={deviceId:T.audioSource.value}}catch(e){}T&&T.audioSource&&T.audioSource.value||(n=!1);var L=T&&T.videoQuality&&T.videoQuality.value?yQ[T.videoQuality]:yQ.standard,B=rq({video:eQ(eQ({},L),{frameRate:24,deviceId:T.videoSource&&T.videoSource.value}),audio:n,quality:T.videoQuality,blobPropertyBag:{type:XW},mimeType:XW}),N=B.status,z=B.startRecording,V=B.startRecordingForCanvas,U=B.stopRecording,H=B.pauseRecording,G=B.resumeRecording,W=B.mediaBlobUrl,q=B.previewStream,$=B.error;E.useEffect((function(){return localStorage.setItem(m.recordError,""),T.videoSource&&T.videoSource.value||(localStorage.setItem(m.recordError,"No camera detected. Please check your recording settings and make sure the camera is plugged in."),f.push("/record/home")),function(){ee()}}),[]),(0,E.useEffect)((function(){b||p&&p.current&&q&&(p.current.srcObject=q)}),[q,p]),(0,E.useEffect)((function(){b||(q&&""!==s&&null!=s&&!W?j(!0):s&&!W||(j(!1),h.current=null))}),[s,q,W]),(0,E.useEffect)((function(){var e=sq((function(){!b||C||v||P(O+1)}),1e3);return function(){aq(e)}})),(0,E.useEffect)((function(){var e,t,n,r,i;M&&M.authCalled&&(null===(e=M.user)||void 0===e?void 0:e.packageDetails)&&(null===(n=null===(t=M.user)||void 0===t?void 0:t.packageDetails)||void 0===n?void 0:n.maxLength)&&O>=(null===(i=null===(r=M.user)||void 0===r?void 0:r.packageDetails)||void 0===i?void 0:i.maxLength)&&Q()}),[O,M,M.authCalled]);var Z=function(){b&&v>0&&(clearTimeout(gQ),w(!1),g(3))},Y=function(){w(!0)},Q=function(){i&&i(),w(!1),U();try{iQ([],rQ(window.streams),!1).filter(Boolean).forEach((function(e){return te(e)})),window.streams=[]}catch(e){}},K=function(){H(),k(!0)},X=function(){G(),k(!1)};E.useEffect((function(){("permission_denied"===$||vQ&&void 0===$)&&f.push("/record/home")}),[$]),E.useEffect((function(){if(v>0&&b)gQ=setTimeout((function(){return g(v-1)}),1e3);else if(b)if(r&&r(),s&&A)try{V(d.current.captureStream(30)),window.Intercom&&window.Intercom("trackEvent","virtual-background-used")}catch(e){console.log("EXCEPTION :: ",e),z()}else z()}),[b,v]),E.useEffect((function(){s&&!R&&p.current&&q&&(p.current.srcObject=q,J())}),[s,R,p,q]),E.useEffect((function(){W&&u(W)}),[W]);var J=function(){return tQ(void 0,void 0,void 0,(function(){var e;return nQ(this,(function(t){return F(!0),(e=null==q?void 0:q.getVideoTracks()[0])&&e.getSettings().width&&"live"===e.readyState?(setTimeout((function(){return tQ(void 0,void 0,void 0,(function(){return nQ(this,(function(e){try{p.current.requestVideoFrameCallback(ne)}catch(e){p.current.requestVideoFrameCallback(ne)}return[2]}))}))}),250),[2]):(J(),[2])}))}))};E.useEffect((function(){return function(){ee()}}),[]);var ee=function(){iQ([],rQ(window.streams),!1).filter(Boolean).forEach((function(e){return te(e)})),window.streams=[],w(!1),gQ&&clearTimeout(gQ)},te=function(e){try{e.getTracks().forEach((function(e){return e.stop()}))}catch(e){}},ne=function(e,t){return tQ(void 0,void 0,void 0,(function(){return nQ(this,(function(e){return p&&p.current?(p.current.requestVideoFrameCallback(ne),[2,!0]):[2]}))}))},re=E.useMemo((function(){return(0,t.jsxs)(t.Fragment,{children:[!W&&q&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("video",{hidden:A,ref:p,width:770,style:{maxWidth:"100%"},height:434,autoPlay:!0}),(0,t.jsx)("canvas",{ref:d,hidden:!A,width:770,style:{maxWidth:"100%"},height:434})]}),c?(0,t.jsxs)(fQ,{children:["recording"===N&&(0,t.jsxs)(pQ,{children:[!C&&(0,t.jsx)(lQ,eQ({onClick:K},{children:(0,t.jsx)(vo,{backgroundColor:$i,icon:(0,t.jsx)(EV,{}),textColor:"#000",text:"Pause",onClick:K})})),C&&(0,t.jsx)(cQ,eQ({onClick:X},{children:(0,t.jsx)(vo,{backgroundColor:Zi,icon:(0,t.jsx)(Lc,{color:hi,size:34}),textColor:"#fff",text:"Resume",onClick:X})})),(0,t.jsx)(uQ,{children:St(O,0)})]}),"recording"===N&&(0,t.jsx)(aQ,{children:(0,t.jsx)(vo,{icon:(0,t.jsx)(MV,{color:hi}),backgroundColor:Xi,textColor:hi,text:"Finish",onClick:Q})}),b&&"recording"!==N&&(0,t.jsx)(sQ,eQ({onClick:Z},{children:(0,t.jsx)(vo,{backgroundColor:$i,textColor:"#000",text:"Cancel",onClick:Z})})),!b&&"idle"===N&&(0,t.jsx)(oQ,{children:(0,t.jsx)(vo,{backgroundColor:Zi,icon:(0,t.jsx)(wW,{width:24,height:24,opacity:1}),text:"Start recording",textColor:"#fff",onClick:Y})}),"stopped"===N&&(0,t.jsx)(t.Fragment,{}),"stopped"===N&&(0,t.jsx)(t.Fragment,{})]}):null]})}),[N,O,b,C,W,T,o]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)($W,{when:!0,stay:!0,onConfirm:function(){},navigate:function(e){return f.push(e)},shouldBlockNavigation:function(e){return"recording"===N},title:"Leave without saving the recording?",text:"Your recording will not be saved. This action can’t be undone.",confirmButtonText:"Continue",discardButtonText:"Leave"}),(0,t.jsxs)(dQ,{children:[(0,t.jsx)(hQ,eQ({show:v>0&&b},{children:(0,t.jsx)(Eu,{height:"434px",width:"770px",counter:v,willStart:v>0&&b,onClick:function(){},hide:!v})})),re]})]})},bQ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},wQ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},SQ=tt.div(TY||(TY=bQ(["\n background: ",";\n"],["\n background: ",";\n"])),ki),CQ=tt.div(IY||(IY=bQ(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"]))),EQ=function(e){var n=e.loading,r=void 0!==n&&n,i=Mt().showInsertFeature,o=dn(),a=wQ((0,E.useState)(Et()),2),s=a[0],l=a[1],c=wQ((0,E.useState)(!1),2),u=c[0],f=c[1],d=wQ(E.useState(""),2),p=d[0],h=d[1],y=wQ((0,E.useState)(),2),m=y[0],v=y[1],g=wQ((0,E.useState)(!1),2),x=g[0],b=g[1],w=wQ((0,E.useState)(!1),2),S=w[0],C=w[1],k=wQ((0,E.useState)(!1),2),_=k[0],O=k[1],P=!r&&!!p;return(0,t.jsxs)(SQ,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return o.push("/record/home")}}),center:(0,t.jsx)(CQ,{children:P?"":"Record Video"}),right:P&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(vo,{onClick:function(){return null==m?void 0:m()},text:"Save",disabled:S||_,textColor:zi,backgroundColor:Ui,borderColor:Ui,fontSize:"15px",icon:_?(0,t.jsx)(bo,{size:12,color:zi}):(0,t.jsx)(kW,{height:"15px"})}),i&&(0,t.jsx)(vo,{onClick:function(){b(!0),null==m||m()},text:"Continue to Insert",disabled:S||_,textColor:hi,backgroundColor:Ai,borderColor:Mi,fontSize:"15px"})]})}),(0,t.jsxs)(co,{children:[(0,t.jsx)(_o,{isLoading:r}),P&&(0,t.jsx)(tY,{recordingBlobUrl:p,recordDate:s,setSaveFunction:v,insertAfterSave:x,setIsSaveDisabled:C,updateUploadLoading:function(e){return O(e)}}),!r&&!p&&(0,t.jsxs)("div",{children:[(0,t.jsx)(co,{children:!u&&(0,t.jsx)(xQ,{onUpload:function(e,t){return n=void 0,r=void 0,o=function(){return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(t){return l(e.covideoName),f(!0),h(""),[2]}))},new((i=void 0)||(i=Promise))((function(e,t){function a(e){try{l(o.next(e))}catch(e){t(e)}}function s(e){try{l(o.throw(e))}catch(e){t(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,s)}l((o=o.apply(n,r||[])).next())}));var n,r,i,o},uploadDisabled:!s,onRecordingUrlGeneration:function(e){h(e)}})}),(0,t.jsx)("div",{style:{position:"absolute",bottom:"25px",right:"20px",height:"auto",width:"auto",zIndex:150,cursor:"pointer"}})]})]})]})},kQ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},_Q=function(){return _Q=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},_Q.apply(this,arguments)},OQ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},PQ=tt.div(AY||(AY=kQ(["\n margin-left: calc(50% - 82.5px);\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 165px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n padding-left: 0;\n }\n"],["\n margin-left: calc(50% - 82.5px);\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 165px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n padding-left: 0;\n }\n"])),Zi,hi,Yi),TQ=tt.div(jY||(jY=kQ(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(50% - 48.5px - 150px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(50% - 48.5px - 150px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n }\n"])),hi,(function(e){return e.theme.primaryColor})),IQ=tt.div(MY||(MY=kQ(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n height: 40px;\n width: 166px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(100% - 274px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n height: 40px;\n width: 166px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(100% - 274px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"])),hi,(function(e){return e.theme.primaryColor})),AQ=tt.div(DY||(DY=kQ(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 108px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 108px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"])),$i,yi,Qi),jQ=tt.div(RY||(RY=kQ(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 70px;\n margin-left: calc(50% - 35px);\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 70px;\n margin-left: calc(50% - 35px);\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Ni,yi,$i),MQ=tt.div(FY||(FY=kQ(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Ni,yi,$i),DQ=tt.div(LY||(LY=kQ(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 112px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 112px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Zi,hi,Yi),RQ=tt.div(NY||(NY=kQ(["\n display: flex;\n width: 710px;\n max-width: 100%;\n flex-direction: row;\n ","\n"],["\n display: flex;\n width: 710px;\n max-width: 100%;\n flex-direction: row;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(BY||(BY=kQ(["\n justify-content: space-between;\n "],["\n justify-content: space-between;\n "])))})),FQ=tt.div(zY||(zY=kQ(["\n width: 150px;\n display: flex;\n flex-direction: row;\n"],["\n width: 150px;\n display: flex;\n flex-direction: row;\n"]))),LQ=tt.div(VY||(VY=kQ(["\n margin-left: 5%;\n margin-top: 5%;\n"],["\n margin-left: 5%;\n margin-top: 5%;\n"]))),BQ=tt.div(UY||(UY=kQ(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n"]))),NQ=tt.div(HY||(HY=kQ(["\n width: 770px;\n height: 434px;\n max-width: 100%;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n"],["\n width: 770px;\n height: 434px;\n max-width: 100%;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n"]))),zQ="undefined"!=typeof InstallTrigger,VQ=null,UQ={low:{width:{ideal:640},height:{ideal:360}},standard:{width:{ideal:1280},height:{ideal:720}},high:{width:{ideal:1920},height:{ideal:1080}}},HQ={videoSource:{value:""},videoQuality:"standard",audioSource:{value:"default"}},GQ=0,WQ=navigator.mediaDevices.getDisplayMedia,qQ=E.memo((function(e){var n=e.onRecordingStart,r=e.onRecordingEnd,i=e.onUpload,o=e.uploadDisabled,a=e.onRecordingUrlGeneration;GQ++;var s,l=dn(),c=OQ((0,E.useState)(3),2),u=c[0],f=c[1],d=OQ((0,E.useState)(!1),2),p=d[0],h=d[1],y=OQ((0,E.useState)(!1),2),v=y[0],g=y[1],x=OQ((0,E.useState)(!1),2),b=x[0],w=x[1],S=OQ((0,E.useState)(!1),2),C=S[0],k=S[1],_=OQ((0,E.useState)(0),2),O=_[0],P=_[1],T={videoSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(HQ)).videoSource,videoQuality:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(HQ)).videoQuality,audioSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(HQ)).audioSource};try{s={deviceId:T.audioSource.value}}catch(e){}T&&T.audioSource&&T.audioSource.value||(s=!1),GQ>1&&(navigator.mediaDevices.getDisplayMedia=function(){});var I=T&&T.videoQuality?UQ[T.videoQuality]:UQ.standard,A=Vl().userData,j=rq({screen:!0,video:_Q(_Q({},I),{frameRate:24}),audio:s,quality:T.videoQuality,blobPropertyBag:{type:XW},mimeType:XW}),M=j.status,D=j.startRecording,R=j.stopRecording,F=j.pauseRecording,L=j.resumeRecording,B=j.mediaBlobUrl,N=j.previewStream,z=j.error;N&&(N.getVideoTracks()[0].onended=function(){"recording"===M?H():l.push("/record/home")}),E.useEffect((function(){B&&a(B)}),[B]),E.useEffect((function(){return localStorage.setItem(m.recordError,""),function(){GQ=0,navigator.mediaDevices.getDisplayMedia=WQ,$()}}),[]),E.useEffect((function(){("permission_denied"===z||zQ&&void 0===z)&&(localStorage.setItem(m.recordError,"Please allow access to share your screen then try again."),GQ=0,navigator.mediaDevices.getDisplayMedia=WQ,l.push("/record/home"))}),[z]),E.useEffect((function(){C||b||!N||B||p||U()}),[N]),E.useEffect((function(){var e=sq((function(){!p||v||u||P(O+1)}),1e3);return function(){aq(e)}})),E.useEffect((function(){var e,t,n,r,i;A&&A.authCalled&&(null===(e=A.user)||void 0===e?void 0:e.packageDetails)&&(null===(n=null===(t=A.user)||void 0===t?void 0:t.packageDetails)||void 0===n?void 0:n.maxLength)&&O>=(null===(i=null===(r=A.user)||void 0===r?void 0:r.packageDetails)||void 0===i?void 0:i.maxLength)&&H()}),[O,A,A.authCalled]);var V=function(){p&&u>0&&(w(!0),clearTimeout(VQ),h(!1),f(3))},U=function(){w(!1),h(!0)},H=function(){k(!0),r&&r(),h(!1),R()},G=function(){F(),g(!0)},W=function(){L(),g(!1)},q=function(){return e=void 0,t=void 0,r=function(){var e;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(t){switch(t.label){case 0:return[4,fetch(B||"").then((function(e){return e.blob()}))];case 1:return e=t.sent(),$(),i({file:e,fileUrl:B}),[2]}}))},new((n=void 0)||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}));var e,t,n,r};E.useEffect((function(){u>0&&p?VQ=setTimeout((function(){return f(u-1)}),1e3):p&&(n&&n(),D())}),[p,u]);var $=function(){(function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))})([],OQ(window.streams),!1).filter(Boolean).forEach((function(e){return Z(e)})),window.streams=[],h(!1),VQ&&clearTimeout(VQ)},Z=function(e){try{e.getTracks().forEach((function(e){return e.stop()}))}catch(e){}},Y=E.useMemo((function(){return(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)(RQ,{children:["recording"===M&&(0,t.jsxs)(FQ,{children:[!v&&(0,t.jsx)(MQ,_Q({onClick:G},{children:(0,t.jsx)(vo,{backgroundColor:$i,icon:(0,t.jsx)(EV,{}),textColor:"#000",text:"Pause",onClick:G})})),v&&(0,t.jsx)(DQ,_Q({onClick:W},{children:(0,t.jsx)(vo,{backgroundColor:Zi,icon:(0,t.jsx)(Lc,{color:hi,size:34}),textColor:"#fff",text:"Resume",onClick:W})})),(0,t.jsx)(LQ,{children:St(O,0)})]}),"recording"===M&&(0,t.jsx)(TQ,{children:(0,t.jsx)(vo,{backgroundColor:Xi,icon:(0,t.jsx)(MV,{color:hi}),textColor:"#fff",text:"Finish",onClick:H})}),p&&"recording"!==M&&(0,t.jsx)(jQ,_Q({onClick:V},{children:(0,t.jsx)(vo,{backgroundColor:$i,textColor:"#000",text:"Cancel",onClick:V})})),!p&&"idle"===M&&(0,t.jsx)(PQ,{children:(0,t.jsx)(vo,{backgroundColor:Zi,icon:(0,t.jsx)(wW,{width:24,height:24,opacity:1}),text:"Start recording",textColor:"#fff",onClick:U})}),"stopped"===M&&(0,t.jsx)(AQ,{children:(0,t.jsx)(vo,{backgroundColor:$i,icon:(0,t.jsx)(TW,{height:20,width:20,color:yi}),textColor:"#000",text:"Discard",onClick:function(){return l.push("/record/home")}})}),"stopped"===M&&(0,t.jsx)(IQ,{children:(0,t.jsx)(vo,{disabled:o,backgroundColor:Xi,icon:(0,t.jsx)(kW,{height:20,width:20,color:hi}),textColor:"#fff",text:"Save Recording",onClick:q})})]})})}),[M,O,p,v,B,o]);return(0,t.jsxs)("div",{children:[(0,t.jsx)($W,{when:!0,stay:!0,onConfirm:function(){},navigate:function(e){return l.push(e)},shouldBlockNavigation:function(e){return"recording"===M},title:"Leave without saving the recording?",text:"Your recording will not be saved. This action can’t be undone.",confirmButtonText:"Continue",discardButtonText:"Leave"}),(0,t.jsxs)(BQ,{children:[(0,t.jsx)(NQ,{children:(0,t.jsx)(Eu,{counter:u,willStart:u>0&&p,onClick:function(){},hide:!u})}),Y]})]})})),$Q=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},ZQ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},YQ=tt.div(GY||(GY=$Q(["\n background: ",";\n"],["\n background: ",";\n"])),ki),QQ=tt.div(WY||(WY=$Q(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"]))),KQ=function(e){var n=e.loading,r=void 0!==n&&n,i=Mt().showInsertFeature,o=dn(),a=ZQ((0,E.useState)(Et()),2),s=a[0],l=a[1],c=ZQ((0,E.useState)(!1),2),u=c[0],f=c[1],d=ZQ(E.useState(""),2),p=d[0],h=d[1],y=ZQ((0,E.useState)(),2),m=y[0],v=y[1],g=ZQ((0,E.useState)(!1),2),x=g[0],b=g[1],w=ZQ((0,E.useState)(!1),2),S=w[0],C=w[1],k=ZQ((0,E.useState)(!1),2),_=k[0],O=k[1],P=!r&&!!p;return(0,t.jsxs)(YQ,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return o.push("/record/home")}}),center:(0,t.jsx)(QQ,{children:P?"":"Record Video"}),right:P&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(vo,{onClick:function(){return null==m?void 0:m()},text:"Save",disabled:S||_,textColor:zi,backgroundColor:Ui,borderColor:Ui,fontSize:"15px",icon:_?(0,t.jsx)(bo,{size:12,color:zi}):(0,t.jsx)(kW,{height:"15px"})}),i&&(0,t.jsx)(vo,{onClick:function(){b(!0),null==m||m()},text:"Continue to Insert",disabled:S||_,textColor:hi,backgroundColor:Ai,borderColor:Mi,fontSize:"15px"})]})}),(0,t.jsxs)(co,{children:[(0,t.jsx)(_o,{isLoading:r}),P&&(0,t.jsx)(tY,{recordingBlobUrl:p,recordDate:s,setSaveFunction:v,insertAfterSave:x,setIsSaveDisabled:C,updateUploadLoading:function(e){return O(e)}}),!r&&!p&&(0,t.jsx)(co,{children:!u&&(0,t.jsx)(qQ,{onUpload:function(e,t){return n=void 0,r=void 0,o=function(){return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(t){return l(e.covideoName),f(!0),h(""),[2]}))},new((i=void 0)||(i=Promise))((function(e,t){function a(e){try{l(o.next(e))}catch(e){t(e)}}function s(e){try{l(o.throw(e))}catch(e){t(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,s)}l((o=o.apply(n,r||[])).next())}));var n,r,i,o},uploadDisabled:!s,onRecordingUrlGeneration:function(e){h(e)}})})]})]})},XQ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},JQ=function(){return JQ=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},JQ.apply(this,arguments)},eK=tt.div(qY||(qY=XQ(["\n display: flex;\n justify-content: center;\n align-items: flex-start;\n gap: 32px;\n margin: ",";\n"],["\n display: flex;\n justify-content: center;\n align-items: flex-start;\n gap: 32px;\n margin: ",";\n"])),(function(e){return e.margin})),tK=tt.div($Y||($Y=XQ(["\n width: ",";\n > video {\n display: block;\n width: 100%;\n border-radius: 4px;\n height: ",";\n object-fit: contain;\n background: ",";\n }\n"],["\n width: ",";\n > video {\n display: block;\n width: 100%;\n border-radius: 4px;\n height: ",";\n object-fit: contain;\n background: ",";\n }\n"])),(function(e){var t=e.width;return"".concat(t,"px")}),(function(e){var t=e.width;return"".concat(.5625*t,"px")}),Ei),nK=function(e){var n=e.video,r=e.videoRef,i=e.width,o=void 0===i?696:i,a=e.margin,s=void 0===a?"0":a,l=e.useCovideoPlayer,c=void 0!==l&&l;return(0,t.jsxs)(eK,JQ({margin:s},{children:[!c&&(0,t.jsx)(tK,JQ({width:o},{children:(0,t.jsx)("video",JQ({ref:r,preload:"metadata",width:o},{children:(0,t.jsx)("source",{src:n.videoSource,type:"video/mp4"})}))})),c&&(0,t.jsx)(IU,{width:"".concat(o,"px"),playerBackgroundColor:n.playerBackgroundColor||"",videoSource:n.videoSource,videoId:n.id,playButtonPosition:n.playButtonPosition||"",playerIconsColor:n.playerIconsAndTextColor||"",videoRef:r,autoplay:!1,disableControls:!0,startWithControls:!1})]}))};function rK(e){return Tc({tag:"svg",attr:{fill:"currentColor",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"}},{tag:"path",attr:{d:"M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"}}]})(e)}var iK,oK,aK,sK,lK,cK,uK,fK=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},dK=tt.div(iK||(iK=fK(["\n box-sizing: border-box;\n width: 400px;\n max-width: 100%;\n padding: 32px;\n min-height: 208px;\n background-color: ",";\n"],["\n box-sizing: border-box;\n width: 400px;\n max-width: 100%;\n padding: 32px;\n min-height: 208px;\n background-color: ",";\n"])),hi),pK=tt.div(oK||(oK=fK(["\n display: flex;\n color: ",";\n align-items: center;\n justify-content: space-between;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n"],["\n display: flex;\n color: ",";\n align-items: center;\n justify-content: space-between;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n"])),yi),hK=tt.label(aK||(aK=fK(["\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n color: ",";\n &:hover {\n cursor: pointer;\n }\n"],["\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n color: ",";\n &:hover {\n cursor: pointer;\n }\n"])),Hi),yK=tt.div(sK||(sK=fK(["\n margin-top: 32px;\n"],["\n margin-top: 32px;\n"]))),mK=tt.section(lK||(lK=fK(["\n display: flex;\n flex-direction: row-reverse;\n margin-top: 48px;\n gap: 8px;\n"],["\n display: flex;\n flex-direction: row-reverse;\n margin-top: 48px;\n gap: 8px;\n"]))),vK=function(e){var n=e.title,r=e.content,i=e.primaryButtonText,o=e.secondaryButtonText,a=e.handleModalClose,s=e.handleSubmit,l=e.primaryButtonType,c=void 0===l?"default":l,u=(0,E.useContext)(Ye);return(0,t.jsx)(Cc,{children:(0,t.jsxs)(dK,{children:[(0,t.jsxs)(pK,{children:[n,(0,t.jsx)(hK,{children:(0,t.jsx)(sf,{width:"24px",height:"24px",onClick:a})})]}),(0,t.jsxs)(yK,{children:[r,(0,t.jsxs)(mK,{children:[(0,t.jsx)(vo,{text:i,backgroundColor:"danger"===c?Fi:u.colors.primaryColor,textColor:"danger"===c?Li:hi,onClick:s}),(0,t.jsx)(vo,{text:o,onClick:a})]})]})]})})},gK=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},xK=function(){return xK=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},xK.apply(this,arguments)},bK=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},wK=tt.div(DK||(DK=gK(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 11px;\n width: ",";\n max-width: 100%;\n margin: ",";\n ","\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 11px;\n width: ",";\n max-width: 100%;\n margin: ",";\n ","\n"])),(function(e){var t=e.width;return"".concat(t,"px")}),(function(e){return e.margin}),(function(e){return e.disabled&&Ne(MK||(MK=gK(["\n pointer-events: none;\n opacity: 0.4;\n "],["\n pointer-events: none;\n opacity: 0.4;\n "])))})),SK=tt.div(RK||(RK=gK(["\n display: flex;\n justify-content: center;\n gap: 8px;\n flex-shrink: 0;\n"],["\n display: flex;\n justify-content: center;\n gap: 8px;\n flex-shrink: 0;\n"]))),CK=tt.div(LK||(LK=gK(["\n position: relative;\n width: 100%;\n height: 40px;\n box-sizing: border-box;\n border-radius: 6px;\n display: flex;\n align-items: center;\n background: ",";\n border: 1px solid ",";\n border-radius: 6px;\n ","\n"],["\n position: relative;\n width: 100%;\n height: 40px;\n box-sizing: border-box;\n border-radius: 6px;\n display: flex;\n align-items: center;\n background: ",";\n border: 1px solid ",";\n border-radius: 6px;\n ","\n"])),Ci,Si,(function(e){return e.disabled&&Ne(FK||(FK=gK(["\n cursor: not-allowed;\n "],["\n cursor: not-allowed;\n "])))})),EK=tt.div(BK||(BK=gK(["\n position: relative;\n height: 12px;\n width: 100%;\n margin-right: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: #ffffff;\n border-radius: 8px;\n"],["\n position: relative;\n height: 12px;\n width: 100%;\n margin-right: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: #ffffff;\n border-radius: 8px;\n"]))),kK=tt.div(NK||(NK=gK(["\n position: absolute;\n top: 2px;\n bottom: 2px;\n left: 0;\n width: ",";\n background: ",";\n border-radius: 8px;\n"],["\n position: absolute;\n top: 2px;\n bottom: 2px;\n left: 0;\n width: ",";\n background: ",";\n border-radius: 8px;\n"])),(function(e){var t=e.position;return"".concat(t,"%")}),(function(e){return e.background})),_K=tt.div(zK||(zK=gK(["\n box-sizing: border-box;\n width: 100px;\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 13px;\n"],["\n box-sizing: border-box;\n width: 100px;\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 13px;\n"]))),OK=tt.div(VK||(VK=gK(["\n flex-grow: 0;\n flex-shrink: 0;\n margin-right: 17px;\n padding-top: 4px;\n"],["\n flex-grow: 0;\n flex-shrink: 0;\n margin-right: 17px;\n padding-top: 4px;\n"]))),PK=tt.div(UK||(UK=gK(["\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n color: ",";\n"],["\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n color: ",";\n"])),Ii),TK=tt.div(HK||(HK=gK(["\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n width: 60px;\n padding-left: 12px;\n margin-right: 12px;\n color: ",";\n"],["\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n width: 60px;\n padding-left: 12px;\n margin-right: 12px;\n color: ",";\n"])),Pi),IK=tt.input(WK||(WK=gK(["\n -webkit-appearance: none;\n width: 100%;\n background: transparent;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 3;\n cursor: pointer;\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 4px;\n height: 40px;\n margin-top: 6px;\n z-index: 3;\n }\n &::-moz-range-thumb {\n width: 4px;\n height: 40px;\n margin-top: 6px;\n z-index: 3;\n }\n &::-ms-thumb {\n width: 4px;\n height: 40px;\n z-index: 3;\n }\n ",";\n &:focus {\n outline: none;\n }\n &::-ms-track {\n width: 100%;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent;\n }\n"],["\n -webkit-appearance: none;\n width: 100%;\n background: transparent;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 3;\n cursor: pointer;\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 4px;\n height: 40px;\n margin-top: 6px;\n z-index: 3;\n }\n &::-moz-range-thumb {\n width: 4px;\n height: 40px;\n margin-top: 6px;\n z-index: 3;\n }\n &::-ms-thumb {\n width: 4px;\n height: 40px;\n z-index: 3;\n }\n ",";\n &:focus {\n outline: none;\n }\n &::-ms-track {\n width: 100%;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent;\n }\n"])),(function(e){return e.disabled&&Ne(GK||(GK=gK(["\n pointer-events: none;\n &::-webkit-slider-thumb {\n display: none;\n }\n &::-moz-range-thumb {\n display: none;\n }\n &::-ms-thumb {\n display: none;\n }\n "],["\n pointer-events: none;\n &::-webkit-slider-thumb {\n display: none;\n }\n &::-moz-range-thumb {\n display: none;\n }\n &::-ms-thumb {\n display: none;\n }\n "])))})),AK=tt.audio(qK||(qK=gK(["\n display: none;\n"],["\n display: none;\n"]))),jK={audioSource:{value:"default"}};!function(e){e.NotRecording="NotRecording",e.Recording="Recording",e.RecordingPaused="RecordingPaused",e.Finished="Finished"}(cK||(cK={})),function(e){e.NotPreviewing="NotPreviewing",e.Previewing="Previewing",e.PreviewingPaused="PreviewingPaused"}(uK||(uK={}));var MK,DK,RK,FK,LK,BK,NK,zK,VK,UK,HK,GK,WK,qK,$K,ZK,YK,QK,KK,XK,JK,eX,tX,nX,rX,iX,oX,aX,sX,lX,cX,uX,fX,dX,pX,hX,yX,mX,vX,gX,xX,bX,wX,SX,CX,EX,kX,_X,OX,PX,TX,IX,AX,jX,MX,DX,RX,FX,LX,BX,NX=function(e){var n,r,i=e.video,o=e.videoRef,a=e.onChangeVoiceoverValid,s=e.onRecordingUrlGeneration,l=e.handleShowCard,c=e.margin,u=void 0===c?"0":c,f=e.width,d=void 0===f?696:f,p=e.disabled,h=void 0!==p&&p,y=Mt().containerWidth,v=ef().toast,g=(0,E.createRef)(),x=bK((0,E.useState)(cK.NotRecording),2),b=x[0],w=x[1],S=bK((0,E.useState)(uK.NotPreviewing),2),C=S[0],k=S[1],_=bK((0,E.useState)(0),2),O=_[0],P=_[1],T=bK((0,E.useState)(),2),I=T[0],A=T[1],j=bK((0,E.useState)(!1),2),M=j[0],D=j[1],R=dn(),F={audioSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(jK)).audioSource};try{r={deviceId:F.audioSource.value}}catch(e){}F&&F.audioSource&&F.audioSource.value||(r=!1);var L=rq({audio:r}),B=L.error,N=L.startRecording,z=L.stopRecording,V=L.pauseRecording,U=L.resumeRecording,H=L.mediaBlobUrl;r&&!B||(v({message:"Please enable audio in your recording settings and try again!"}),R.push("/record/home"));(0,E.useEffect)((function(){return function(){(function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))})([],bK(window.streams),!1).filter(Boolean).forEach((function(e){return function(e){try{e.getTracks().forEach((function(e){return e.stop()}))}catch(e){}}(e)})),window.streams=[],w(cK.NotRecording),k(uK.NotPreviewing)}}),[]),(0,E.useEffect)((function(){var e=function(){var e,t=0;o.current&&(t=(null===(e=null==o?void 0:o.current)||void 0===e?void 0:e.currentTime)||0,o.current.currentTime>=o.current.duration&&(t=o.current.duration)),P(t)},t=function(){z(),w(cK.Finished),k(uK.NotPreviewing)},n=function(){w((function(e){return e===cK.Finished?e:cK.Recording})),k((function(e){return e===uK.PreviewingPaused?uK.Previewing:e}))},r=function(){w((function(e){return e===cK.Finished?e:cK.RecordingPaused})),k((function(e){return e===uK.Previewing?uK.PreviewingPaused:e}))},i=function(){o.current&&I&&(I.currentTime=o.current.currentTime)};return o.current&&(o.current.addEventListener("timeupdate",e,!0),o.current.addEventListener("ended",t,!0),o.current.addEventListener("pause",r,!0),o.current.addEventListener("play",n,!0),o.current.addEventListener("seeked",i,!0)),function(){o.current&&(o.current.removeEventListener("timeupdate",e,!0),o.current.removeEventListener("ended",t,!0),o.current.removeEventListener("pause",r,!0),o.current.removeEventListener("play",n,!0),o.current.removeEventListener("seeked",i,!0))}}),[o]),(0,E.useEffect)((function(){a(b===cK.Finished)}),[b]),(0,E.useEffect)((function(){s(H||""),H&&g.current&&g.current.load()}),[H]),(0,E.useEffect)((function(){g.current&&A(g.current)}),[g.current]);var G=b===cK.Finished,W=b===cK.Recording,q=(null===(n=null==o?void 0:o.current)||void 0===n?void 0:n.duration)||((null==i?void 0:i.videoLength)?(null==i?void 0:i.videoLength)/1e3:0),$=q?O?parseFloat(O.toString())/parseFloat(q.toString())*100:0:100,Z=new Date(1e3*O).toISOString().substring(14,19);return(0,t.jsxs)(wK,xK({margin:u,width:d,disabled:h},{children:[(0,t.jsx)(AK,xK({ref:g},{children:(0,t.jsx)("source",{src:H||""})})),(0,t.jsxs)(SK,{children:[b===cK.NotRecording&&(0,t.jsx)(vo,{backgroundColor:Li,textColor:hi,icon:(0,t.jsx)(rK,{color:hi,size:12}),text:"Record",onClick:function(){return e=void 0,t=void 0,r=function(){return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(e){return o.current?(null==l||l(!1),o.current.volume=0,o.current.play(),N(),w(cK.Recording),[2]):[2]}))},new((n=void 0)||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}));var e,t,n,r},margin:"0"}),b===cK.Recording&&(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(vo,{icon:(0,t.jsx)(Rc,{color:Ei}),text:"Pause",onClick:function(){o.current&&(V(),o.current.pause(),w(cK.RecordingPaused))},margin:"0"})}),b===cK.RecordingPaused&&(0,t.jsx)(vo,{icon:(0,t.jsx)(Fc,{color:Ei}),text:"Resume",onClick:function(){return function(){var e;o.current&&(U(),null===(e=o.current)||void 0===e||e.play(),w(cK.Recording))}()},margin:"0"}),b===cK.Finished&&C===uK.NotPreviewing&&(0,t.jsx)(vo,{icon:(0,t.jsx)(Fc,{color:Ei}),onClick:function(){o.current&&I&&(k(uK.Previewing),o.current.currentTime=0,o.current.play(),I.play())},margin:"0"}),C===uK.Previewing&&(0,t.jsx)(vo,{icon:(0,t.jsx)(Rc,{color:Ei}),onClick:function(){o.current&&I&&(I.pause(),o.current.pause(),k(uK.PreviewingPaused))},margin:"0"}),C===uK.PreviewingPaused&&(0,t.jsx)(vo,{icon:(0,t.jsx)(Fc,{color:Ei}),onClick:function(){o.current&&I&&(I.play(),o.current.play(),k(uK.Previewing))},margin:"0"})]}),(0,t.jsxs)(CK,xK({disabled:!G,title:G?"":"Controls disabled before preview."},{children:[(0,t.jsxs)(_K,{children:[(0,t.jsx)(OK,{children:(0,t.jsx)(Dc,{size:22,color:W?Li:Pi})}),(0,t.jsx)(PK,{children:Z})]}),(0,t.jsxs)(EK,{children:[(0,t.jsx)(IK,{disabled:!G,type:"range",min:"0",max:"100",value:$,onChange:function(e){return function(e){var t,n=e.target.value.toString();t=(q*(n/100)).toString(),o.current&&I&&(o.current.currentTime=parseFloat(t),I.currentTime=parseFloat(t),I.play(),o.current.play(),k(uK.Previewing))}(e)},step:"1"}),(0,t.jsx)(kK,{background:W?Li:Ei,position:$})]}),(0,t.jsx)(TK,{children:St(q,0)})]})),[cK.RecordingPaused,cK.Finished].includes(b)&&(0,t.jsx)(SK,{children:(0,t.jsx)(vo,{backgroundColor:"rgba(232, 76, 61, 0.02)",textColor:Li,icon:(0,t.jsx)(Yc,{color:Li}),text:y>ri?"Start Over":"",onClick:function(){o.current&&I&&(I.pause(),o.current.pause(),C!==uK.NotPreviewing&&k(uK.PreviewingPaused),b!==cK.Finished&&w(cK.RecordingPaused),D(!0))},margin:"0"})}),M&&(0,t.jsx)(vK,{title:"Start Over?",content:(0,t.jsx)(t.Fragment,{children:"Your voiceover recording will be erased."}),secondaryButtonText:"Go Back",primaryButtonText:"Start Over",primaryButtonType:"danger",handleSubmit:function(){o.current&&I&&(D(!1),z(),o.current.pause(),o.current.currentTime=0,I.pause(),I.currentTime=0,w(cK.NotRecording),k(uK.NotPreviewing))},handleModalClose:function(){return D(!1)}})]}))},zX=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},VX=tt.div($K||($K=zX(["\n box-sizing: border-box;\n width: 400px;\n max-width: 100%;\n padding: 32px;\n min-height: 208px;\n background-color: ",";\n"],["\n box-sizing: border-box;\n width: 400px;\n max-width: 100%;\n padding: 32px;\n min-height: 208px;\n background-color: ",";\n"])),hi),UX=tt.div(ZK||(ZK=zX(["\n display: flex;\n color: ",";\n align-items: center;\n justify-content: space-between;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n"],["\n display: flex;\n color: ",";\n align-items: center;\n justify-content: space-between;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n"])),yi),HX=tt.label(YK||(YK=zX(["\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n color: ",";\n &:hover {\n cursor: pointer;\n }\n"],["\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n color: ",";\n &:hover {\n cursor: pointer;\n }\n"])),Hi),GX=tt.div(QK||(QK=zX(["\n margin-top: 32px;\n"],["\n margin-top: 32px;\n"]))),WX=tt.div(KK||(KK=zX(["\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n margin-bottom: 8px;\n"],["\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n margin-bottom: 8px;\n"])),Ti),qX=tt.section(XK||(XK=zX(["\n display: flex;\n flex-direction: row-reverse;\n margin-top: 48px;\n gap: 8px;\n"],["\n display: flex;\n flex-direction: row-reverse;\n margin-top: 48px;\n gap: 8px;\n"]))),$X=function(e){var n=e.title,r=e.label,i=e.defaultValue,o=e.primaryButtonText,a=e.secondaryButtonText,s=e.handleModalClose,l=e.handleSubmit,c=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useState)(i),2),u=c[0],f=c[1];return(0,t.jsx)(Cc,{children:(0,t.jsxs)(VX,{children:[(0,t.jsxs)(UX,{children:[n,(0,t.jsx)(HX,{children:(0,t.jsx)(sf,{width:"24px",height:"24px",onClick:s})})]}),(0,t.jsxs)(GX,{children:[(0,t.jsx)(WX,{children:r}),(0,t.jsx)(uo,{autoFocus:!0,value:u,onChange:function(e){return f(e.currentTarget.value)},width:"100%"}),(0,t.jsxs)(qX,{children:[(0,t.jsx)(vo,{text:o,backgroundColor:Xi,textColor:hi,onClick:function(){return l(u)},disabled:""===u}),(0,t.jsx)(vo,{text:a,onClick:s})]})]})]})})},ZX=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},YX=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},QX=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},KX=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},XX=tt.div(JK||(JK=ZX(["\n background: ",";\n"],["\n background: ",";\n"])),hi),JX=tt.div(eX||(eX=ZX(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"])),Ei),eJ=tt.div(nX||(nX=ZX(["\n width: 78%;\n margin-left: auto;\n margin-right: auto;\n height: 40%;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 12px;\n gap: 12px;\n background: #f2f4f6;\n border: 1px solid rgba(39, 42, 50, 0.05);\n border-radius: 6px;\n ","\n"],["\n width: 78%;\n margin-left: auto;\n margin-right: auto;\n height: 40%;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 12px;\n gap: 12px;\n background: #f2f4f6;\n border: 1px solid rgba(39, 42, 50, 0.05);\n border-radius: 6px;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(tX||(tX=ZX(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),tJ=tt.div(rX||(rX=ZX(["\n width: 20px;\n flex-grow: 0;\n flex-shrink: 0;\n"],["\n width: 20px;\n flex-grow: 0;\n flex-shrink: 0;\n"]))),nJ=tt.div(iX||(iX=ZX(["\n width: auto;\n"],["\n width: auto;\n"]))),rJ=tt.div(oX||(oX=ZX(["\n font-weight: 600;\n font-size: 16px;\n line-height: 24px;\n color: ",";\n"],["\n font-weight: 600;\n font-size: 16px;\n line-height: 24px;\n color: ",";\n"])),Ei),iJ=tt.div(aX||(aX=ZX(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n margin-top: 2%;\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n margin-top: 2%;\n"])),mi),oJ=function(){var e=ef().toast,n=pn().videoId,r=dn(),i=KX((0,E.useState)({}),2),o=i[0],a=i[1],s=KX((0,E.useState)(!0),2),l=s[0],c=s[1],u=KX((0,E.useState)(!1),2),f=u[0],d=u[1],p=KX((0,E.useState)(!1),2),h=p[0],y=p[1],m=KX((0,E.useState)(!1),2),v=m[0],g=m[1],x=KX((0,E.useState)(""),2),b=x[0],w=x[1],S=(0,E.createRef)();return(0,E.useEffect)((function(){YX(void 0,void 0,void 0,(function(){var e;return QX(this,(function(t){switch(t.label){case 0:return c(!0),[4,Wn(n)];case 1:return(e=t.sent())&&a(e),c(!1),[2]}}))}))}),[]),l?(0,t.jsx)(_o,{isLoading:l}):(0,t.jsxs)(XX,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return r.push("/")}}),center:(0,t.jsx)(JX,{children:"Voiceover"}),right:(0,t.jsx)(vo,{onClick:function(){g(!0)},text:"Save Video",textColor:hi,backgroundColor:Ai,borderColor:Mi,fontSize:"15px",disabled:!h||f})}),(0,t.jsx)(co,{children:!f&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(eJ,{children:[(0,t.jsx)(tJ,{children:(0,t.jsx)(Ac,{size:22,color:"rgba(0, 27, 83, 0.6)"})}),(0,t.jsxs)(nJ,{children:[(0,t.jsx)(rJ,{children:"Duplicated video ready for voiceover"}),(0,t.jsx)(iJ,{children:"The video won’t be available in the Library until you save it. A new voiceover will replace the original audio of duplicated video."})]})]}),(0,t.jsx)(nK,{video:o,videoRef:S,margin:"32px 0 0"}),(0,t.jsx)(NX,{videoRef:S,video:o,onChangeVoiceoverValid:y,onRecordingUrlGeneration:function(e){w(e)},margin:"32px auto 0"})]})}),f&&(0,t.jsx)(_o,{isLoading:!0}),v&&(0,t.jsx)($X,{title:"Name new video",label:"Give your new video a name",defaultValue:o.title,secondaryButtonText:"Go Back",primaryButtonText:"Save Video",handleSubmit:function(t){return YX(void 0,void 0,void 0,(function(){var n,i,a,s,l,c;return QX(this,(function(u){switch(u.label){case 0:return g(!1),d(!0),[4,fetch(b||"").then((function(e){return e.blob()}))];case 1:return n=u.sent(),i=function(e,t){return e+"_"+(Math.random()+1).toString(36).substring(2)+"."+t}(o.id,eq),a=new File([n],i),s={fileName:a.name,mimeType:"audio/webm",folder:""},[4,dr(s)];case 2:if(!(l=u.sent())||l instanceof Error)return d(!1),e({message:"Server is currently unavailable, try again later!"}),[2];c={file:a,uploadURL:l.uploadUrl,mimeType:s.mimeType},u.label=3;case 3:return u.trys.push([3,6,,7]),[4,pr({data:c})];case 4:return u.sent(),[4,hr({videoId:o.id,newVideoTitle:t,audioFileName:i})];case 5:return u.sent(),[3,7];case 6:return u.sent(),d(!1),e({message:"Creating voiceover failed, try again later!"}),[2];case 7:return e({message:"Voiceover successfully created!"}),d(!1),y(!1),r.push("/"),[2]}}))}))},handleModalClose:function(){return g(!1)}})]})},aJ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},sJ=tt.div(lX||(lX=aJ(["\n position: relative;\n width: 216px;\n ","\n"],["\n position: relative;\n width: 216px;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(sX||(sX=aJ(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),lJ=tt.div(cX||(cX=aJ(["\n position: absolute;\n left: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"],["\n position: absolute;\n left: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"])),Pi,Ii),cJ=tt.div(uX||(uX=aJ(["\n position: absolute;\n right: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"],["\n position: absolute;\n right: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"])),Pi,Ii),uJ=function(e){var n=e.prevSearch,r=e.handleSearch,i=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useState)(n||""),2),o=i[0],a=i[1];return(0,t.jsxs)(sJ,{children:[(0,t.jsx)(lJ,{children:(0,t.jsx)(hT,{onClick:function(){return r(o)},size:17})}),(0,t.jsx)(uo,{width:"100%",type:"text",padding:"8px 40px 8px 40px",value:o,placeholder:"Search videos...",onKeyUp:function(e){"Enter"===e.key&&r(o)},onChange:function(e){a(e.currentTarget.value)}}),""!==o&&(0,t.jsx)(cJ,{children:(0,t.jsx)(Bc,{onClick:function(){return a(""),void r("")},size:17})})]})},fJ=tt.div(fX||(fX=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"])),Ti),dJ=function(e){var n=e.page,r=e.size,i=e.count,o=n*r+1,a=n*r+r;return a>i&&(a=i),(0,t.jsxs)(fJ,{children:[o,"-",a," of ",i]})},pJ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},hJ=function(){return hJ=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},hJ.apply(this,arguments)},yJ=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},mJ=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},vJ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},gJ=tt.div(dX||(dX=pJ(["\n background: ",";\n"],["\n background: ",";\n"])),ki),xJ=tt.div(pX||(pX=pJ(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"])),Ei),bJ=tt.div(yX||(yX=pJ(["\n display: flex;\n flex-direction: row;\n flex-direction: flex-start;\n gap: 8px;\n ","\n"],["\n display: flex;\n flex-direction: row;\n flex-direction: flex-start;\n gap: 8px;\n ","\n"])),(function(e){return e.theme.containerWidth<ri&&Ne(hX||(hX=pJ(["\n flex-direction: column;\n width: 100%;\n "],["\n flex-direction: column;\n width: 100%;\n "])))})),wJ=tt.div(vX||(vX=pJ(["\n width: 216px;\n ","\n"],["\n width: 216px;\n ","\n"])),(function(e){return e.theme.containerWidth<ri&&Ne(mX||(mX=pJ(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),SJ=tt.div(gX||(gX=pJ(["\n background: ",";\n"],["\n background: ",";\n"])),hi),CJ=tt.div(xX||(xX=pJ(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n max-width: 925px;\n"],["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n max-width: 925px;\n"]))),EJ=tt.div(bX||(bX=pJ(["\n width: 100%;\n display: flex;\n align-items: center;\n height: 56px;\n border-bottom: 1px solid rgb(223, 227, 230);\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n height: 56px;\n border-bottom: 1px solid rgb(223, 227, 230);\n"]))),kJ=tt.div(wX||(wX=pJ(["\n width: 100%;\n display: flex;\n align-items: top;\n height: 32px;\n border-bottom: 1px solid rgb(223, 227, 230);\n"],["\n width: 100%;\n display: flex;\n align-items: top;\n height: 32px;\n border-bottom: 1px solid rgb(223, 227, 230);\n"]))),_J=tt.div(SX||(SX=pJ(["\n width: 100%;\n display: flex;\n align-items: flex-start;\n font-weight: 500;\n color: ",";\n margin-right: 5px;\n"],["\n width: 100%;\n display: flex;\n align-items: flex-start;\n font-weight: 500;\n color: ",";\n margin-right: 5px;\n"])),Pi),OJ=tt.div(CX||(CX=pJ(["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n width: inherit;\n"],["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n width: inherit;\n"])),Ii),PJ=tt.div(EX||(EX=pJ(["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n max-width: 180px;\n min-width: 40px;\n"],["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n max-width: 180px;\n min-width: 40px;\n"])),Ii),TJ=tt.div(kX||(kX=pJ(["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n max-width: 180px;\n min-width: 75px;\n"],["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n max-width: 180px;\n min-width: 75px;\n"])),Ii),IJ=tt.div(_X||(_X=pJ(["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n max-width: 180px;\n min-width: 75px;\n"],["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n max-width: 180px;\n min-width: 75px;\n"])),Ii),AJ=tt.div(OX||(OX=pJ(["\n height: 40px;\n width: inherit;\n text-align-last: end;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n max-width: 173px;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n"],["\n height: 40px;\n width: inherit;\n text-align-last: end;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n max-width: 173px;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n"])),Ii),jJ=tt.div(PX||(PX=pJ(["\n margin-top: 100px;\n"],["\n margin-top: 100px;\n"]))),MJ=tt.div(TX||(TX=pJ(["\n font-size: 14px;\n font-weight: bold;\n text-align: center;\n"],["\n font-size: 14px;\n font-weight: bold;\n text-align: center;\n"]))),DJ=tt.button(IX||(IX=pJ(["\n ","\n box-sizing: border-box;\n width: auto;\n height: 40px;\n font-size: 15px;\n align-items: center;\n background-color: ",";\n border: 1px solid ",";\n border-radius: 6px;\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n overflow: hidden;\n padding: 8px;\n transition: 0.1s all;\n color: ",";\n margin: 0 4px;\n border-radius: 5px;\n vertical-align: top;\n"],["\n ","\n box-sizing: border-box;\n width: auto;\n height: 40px;\n font-size: 15px;\n align-items: center;\n background-color: ",";\n border: 1px solid ",";\n border-radius: 6px;\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n overflow: hidden;\n padding: 8px;\n transition: 0.1s all;\n color: ",";\n margin: 0 4px;\n border-radius: 5px;\n vertical-align: top;\n"])),ui,Ci,Si,Ei),RJ=tt.div(AX||(AX=pJ(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n margin-top: 16px;\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n margin-top: 16px;\n"]))),FJ=tt.span(jX||(jX=pJ(["\n color: ",";\n height: 20px;\n font-size: 14px;\n font-weight: 400;\n font-stretch: normal;\n font-style: normal;\n line-height: 20px;\n letter-spacing: normal;\n color: #4e5461;\n"],["\n color: ",";\n height: 20px;\n font-size: 14px;\n font-weight: 400;\n font-stretch: normal;\n font-style: normal;\n line-height: 20px;\n letter-spacing: normal;\n color: #4e5461;\n"])),Ti),LJ=tt.input(MX||(MX=pJ(["\n height: 40px;\n width: 50px;\n margin-right: 16px;\n outline: 0;\n text-align: center;\n font-size: 15px;\n border: 1px solid ",";\n border-radius: 6px;\n"],["\n height: 40px;\n width: 50px;\n margin-right: 16px;\n outline: 0;\n text-align: center;\n font-size: 15px;\n border: 1px solid ",";\n border-radius: 6px;\n"])),wi),BJ=tt.div(RX||(RX=pJ(["\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n align-items: center;\n ","\n"],["\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n align-items: center;\n ","\n"])),(function(e){return e.theme.containerWidth<ri&&Ne(DX||(DX=pJ(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),NJ=(new Date).getFullYear(),zJ=function(){var e=Vl().userData,n=(ec(e),dn()),r=Mt().containerWidth,i=vJ((0,E.useState)(""),2),o=i[0],a=i[1],s=vJ((0,E.useState)(1),2),l=s[0],c=s[1],u=vJ((0,E.useState)(1),2),f=u[0],d=u[1],p=vJ((0,E.useState)(NJ),2),h=p[0],y=p[1],m=vJ((0,E.useState)(1),2),v=m[0],g=m[1],x=vJ((0,E.useState)(1),2),w=x[0],C=x[1],k=vJ((0,E.useState)([]),2),_=k[0],O=k[1],P=ef().toast,T=10,I=vJ((0,E.useState)(!0),2),A=I[0],j=I[1],M=function(){return n.push("/")},D=function(){};(0,E.useEffect)((function(){yJ(void 0,void 0,void 0,(function(){var e,t;return mJ(this,(function(n){switch(n.label){case 0:j(!0),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,xr({limit:T,page:l,year:h})];case 2:return e=n.sent(),g(e.count),O(e.videos),t=e.count<T?e.count:T,C(Math.ceil(e.count/t)),j(!1),[3,4];case 3:return n.sent(),j(!1),[3,4];case 4:return[2]}}))}))}),[T,l,h]);for(var R=function(e,t,n,r){return void 0===e&&(e=""),void 0===t&&(t=0),void 0===n&&(n=0),void 0===r&&(r=!0),yJ(void 0,void 0,void 0,(function(){return mJ(this,(function(i){return e.length<2&&""!==e||(e!==o&&(a(e),t=1,c(1)),f>0&&clearTimeout(f),D(),new Promise((function(t,n){D=n,d(setTimeout(t,e!==o?500:0))})).then((function(){return yJ(void 0,void 0,void 0,(function(){var i;return mJ(this,(function(o){switch(o.label){case 0:j(!0),0===n&&(n=h),o.label=1;case 1:return o.trys.push([1,3,,4]),[4,xr({limit:T,search:e,page:t,year:n,ascOrder:r})];case 2:return i=o.sent(),g(i.count),O(i.videos),C(Math.ceil(i.count/T)),j(!1),[3,4];case 3:return o.sent(),j(!1),[3,4];case 4:return[2]}}))}))}))),[2]}))}))},F=function(e){"left"===e&&(R(o,l-1,h),c((function(e){return e-1}))),"right"===e&&(R(o,l+1,h),c((function(e){return e+1})))},L=[],B=NJ+1;B>2007;B--)L.push({value:B.toString(),label:B.toString()});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(gJ,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return M()}}),center:(0,t.jsx)(xJ,{children:"Wheels TV Import"})}),(0,t.jsx)(co,{children:(0,t.jsxs)(bJ,{children:[(0,t.jsx)(uJ,{handleSearch:R,prevSearch:o}),(0,t.jsx)(wJ,{children:(0,t.jsx)(Sl,{value:{value:h.toString()||"",label:h.toString()||""},onChange:function(e){y(e.value),c(1),R(o,1,e.value)},options:L,isSearchable:!1})})]})})]}),(0,t.jsx)(SJ,{children:(0,t.jsx)(co,hJ({extendStyle:{wrapper:{padding:r>=ii?"32px 16px":"16px 0px"}}},{children:A?(0,t.jsx)(jJ,{children:(0,t.jsx)(_o,{isLoading:A})}):!_.length&&o?(0,t.jsxs)(MJ,{children:[(0,t.jsxs)("p",{children:["There are no videos with “",o,"” in the title"]}),(0,t.jsx)("p",{children:"Try using a different search term"})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(kJ,{children:[r>=ii&&(0,t.jsx)(PJ,{children:(0,t.jsx)(_J,{children:"Year"})}),(0,t.jsx)(TJ,{children:(0,t.jsx)(_J,{children:"Make"})}),(0,t.jsx)(IJ,{children:(0,t.jsx)(_J,{children:"Model"})}),(0,t.jsx)(OJ,{children:(0,t.jsx)(_J,{children:"Title"})})]}),(0,t.jsx)(CJ,{children:_.map((function(e){return(0,t.jsxs)(EJ,hJ({onClick:function(){}},{children:[r>=ii&&(0,t.jsx)(PJ,{children:e.year}),(0,t.jsx)(TJ,{children:e.make}),(0,t.jsx)(IJ,{children:e.model}),(0,t.jsx)(OJ,{children:e.title}),(0,t.jsx)(AJ,{children:(0,t.jsx)(DJ,hJ({onClick:function(){return yJ(void 0,void 0,void 0,(function(){return mJ(this,(function(t){return function(e){yJ(void 0,void 0,void 0,(function(){return mJ(this,(function(t){switch(t.label){case 0:j(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,(n={title:e.year+" "+e.make+" "+e.model,flvName:e.videoURL,animatedGifPath:e.animatedGifPath,year:e.year,make:e.make,model:e.model,wtvId:e.videoId},yr(void 0,void 0,void 0,(function(){var e,t,r;return mr(this,(function(i){switch(i.label){case 0:return e=S.bearerToken,t={title:n.title,flvName:n.flvName,wtvId:parseInt(n.wtvId.toString(),10),animatedGifPath:n.animatedGifPath,notes:n.year+";"+n.make+";"+n.model+";"+n.title},[4,Tn({url:"/wtv/videos",baseURL:b,method:gr,headers:e,data:t}).catch((function(e){return e}))];case 1:if((r=i.sent())instanceof Error)throw r;return[2,r]}}))})))];case 2:return t.sent(),j(!1),P({message:"Video has been added!"}),M(),[3,4];case 3:return t.sent(),j(!1),P({message:"An error occured while trying to add the video!"}),[3,4];case 4:return[2]}var n}))}))}(e),[2]}))}))}},{children:"Add"}))})]}),e.videoId)}))}),(0,t.jsx)(RJ,{children:(0,t.jsxs)(BJ,{children:[(0,t.jsx)(FJ,{children:"Go to:"}),(0,t.jsx)(LJ,{type:"number",min:1,value:l,onChange:function(e){if(e.currentTarget&&e.currentTarget.value){var t=e.currentTarget.value;t>w&&(t=w),c(t),R(o,t,h)}}}),(0,t.jsx)(dJ,{page:l-1,size:T,count:v}),(0,t.jsx)(vo,{onClick:function(){return F("left")},icon:(0,t.jsx)(Wc,{size:20}),disabled:1===l,backgroundColor:Ci,borderColor:Si,padding:"0 8px",margin:"0 0 0 16px"}),(0,t.jsx)(vo,{onClick:function(){return F("right")},icon:(0,t.jsx)(qc,{size:20}),disabled:l===w,backgroundColor:Ci,borderColor:Si,padding:"0 8px"})]})})]})}))})]})},VJ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},UJ=function(){return UJ=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},UJ.apply(this,arguments)},HJ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},GJ=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},WJ=tt.div(FX||(FX=VJ(["\n padding-left: 2px;\n padding-right: 2px;\n padding-top: 2px;\n display: flex;\n flex-direction: column;\n margin-left: 20px;\n height: 85px;\n"],["\n padding-left: 2px;\n padding-right: 2px;\n padding-top: 2px;\n display: flex;\n flex-direction: column;\n margin-left: 20px;\n height: 85px;\n"]))),qJ=tt.div(LX||(LX=VJ(["\n position: relative;\n left: ",";\n width: ",";\n max-width: 100%;\n"],["\n position: relative;\n left: ",";\n width: ",";\n max-width: 100%;\n"])),(function(e){return e.offset}),(function(e){return e.width})),$J=function(e){var n=e.index,r=e.totalDuration,i=e.offset,o=e.width,a=e.video,s=void 0===a?{}:a,l=e.setVideos,c=void 0===l?function(){}:l,u=E.useRef([0,0]),f=HJ((0,E.useState)([0,s.duration]),2),d=f[0],p=f[1];(0,E.useEffect)((function(){c((function(e){var t=GJ([],HJ(e),!1),r=d[0],i=d[1],o="#t=".concat(r||0).concat(i?","+i:"");return t[n]=UJ(UJ({},t[n]),{start:wt(d[0]),end:wt(d[1]),startSec:r,endSec:i,source:(""+s.source).split("#t=")[0]+o}),t}))}),[d]);var h=function(e){var t=e[1]-e[0];c((function(e){var i=GJ([],HJ(e),!1);return i[n]=UJ(UJ({},i[n]),{width:100*t/r,trimDuration:t}),i}))};return(0,E.useEffect)((function(){r&&c((function(e){var t=GJ([],HJ(e),!1);return t[n]=UJ(UJ({},t[n]),{width:100*s.trimDuration/r}),t}))}),[r]),(0,E.useMemo)((function(){return(0,t.jsx)(WJ,{children:(0,t.jsx)(qJ,UJ({offset:"".concat(i||0,"px"),width:"".concat(o||0,"px")},{children:!!s.duration&&s.ref&&(0,t.jsx)(KH,{videoRef:s.ref,videoDuration:s.duration,videoSource:s.videoSource,setValue:p,showTickTime:!1,value:d,valueRef:u,width:"100%",onSlideEnd:h})}))},s.id)}),[s.width,s.ref,d,i,o])};function ZJ(){return ZJ=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ZJ.apply(this,arguments)}const YJ=tt((function(e){return E.createElement("svg",ZJ({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),BX||(BX=E.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21 17C21.5523 17 22 16.5523 22 16C22 15.4477 21.5523 15 21 15H3C2.44772 15 2 15.4477 2 16C2 16.5523 2.44772 17 3 17H21ZM21 13C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H21ZM2 8C2 8.55228 2.44772 9 3 9H21C21.5523 9 22 8.55228 22 8C22 7.44772 21.5523 7 21 7H3C2.44772 7 2 7.44772 2 8Z",fill:"#001B53",fillOpacity:.4})))}))(QJ||(QJ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var QJ,KJ,XJ,JJ,e0,t0,n0,r0=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},i0=function(){return i0=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},i0.apply(this,arguments)},o0=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},a0=tt.div(KJ||(KJ=r0(["\n background-color: ",";\n max-height: 80px;\n align-self: center;\n border-radius: 6px;\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n overflow: hidden;\n position: relative;\n aspect-ratio: 16 / 9;\n div {\n display: contents;\n opacity: 0;\n div {\n display: none;\n opacity: 0;\n }\n svg {\n display: none;\n opacity: 0;\n }\n path {\n display: none;\n opacity: 0;\n }\n figure {\n display: contents;\n opacity: 0;\n }\n video {\n display: contents;\n opacity: 0;\n }\n img {\n display: contents;\n opacity: 0;\n }\n }\n"],["\n background-color: ",";\n max-height: 80px;\n align-self: center;\n border-radius: 6px;\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n overflow: hidden;\n position: relative;\n aspect-ratio: 16 / 9;\n div {\n display: contents;\n opacity: 0;\n div {\n display: none;\n opacity: 0;\n }\n svg {\n display: none;\n opacity: 0;\n }\n path {\n display: none;\n opacity: 0;\n }\n figure {\n display: contents;\n opacity: 0;\n }\n video {\n display: contents;\n opacity: 0;\n }\n img {\n display: contents;\n opacity: 0;\n }\n }\n"])),gi),s0=tt.img(XJ||(XJ=r0(["\n background-color: ",";\n display: block;\n height: 100%;\n margin: auto;\n border-radius: 6px;\n"],["\n background-color: ",";\n display: block;\n height: 100%;\n margin: auto;\n border-radius: 6px;\n"])),gi),l0=tt.div(JJ||(JJ=r0(["\n padding-right: 32px;\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n background-color: #fff;\n height: 80px;\n display: flex;\n flex-direction: row;\n margin-bottom: 8px;\n"],["\n padding-right: 32px;\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n background-color: #fff;\n height: 80px;\n display: flex;\n flex-direction: row;\n margin-bottom: 8px;\n"]))),c0=tt.div(e0||(e0=r0(["\n display: flex;\n justify-content: center;\n height: 80px;\n width: 48px;\n align-items: center;\n opacity: 0.8;\n &:hover {\n cursor: pointer;\n opacity: 1;\n }\n"],["\n display: flex;\n justify-content: center;\n height: 80px;\n width: 48px;\n align-items: center;\n opacity: 0.8;\n &:hover {\n cursor: pointer;\n opacity: 1;\n }\n"]))),u0=function(e){var n=e.video,r=void 0===n?{}:n,i=e.setVideos,o=void 0===i?function(){}:i,a=e.setVideoRef,s=e.index,l=E.createRef(),c=o0((0,E.useState)(0),2),u=c[0],f=c[1];return(0,E.useEffect)((function(){u&&o((function(e){var t=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))}([],o0(e),!1);return t[s]=i0(i0({},t[s]),{duration:u,trimDuration:u}),t}))}),[u]),(0,E.useEffect)((function(){l&&l.current&&(l.current.onloadedmetadata=function(){return function(){if(l.current){var e=l.current.duration;f(e)}}()},a(s,l))}),[l]),(0,E.useMemo)((function(){return(0,t.jsxs)(l0,{children:[(0,t.jsx)(c0,{children:(0,t.jsx)(YJ,{})}),(0,t.jsxs)(a0,{children:[(0,t.jsx)(s0,{src:r.autogeneratedThumbnail}),(0,t.jsx)(IU,{videoSource:r.videoSource,videoId:r.id,thumbnail:r.autogeneratedThumbnail,videoRef:l,autoplay:!1})]})]},r.id)}),[r.videoSource])};function f0(){return f0=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f0.apply(this,arguments)}const d0=tt((function(e){return E.createElement("svg",f0({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:24,height:24,viewBox:"0 0 24 24"},e),t0||(t0=E.createElement("defs",null,E.createElement("path",{id:"p1bfbm3cda",d:"M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.26 4.25c.41.41 1.07.41 1.48 0l.01-.01c.41-.41.41-1.07 0-1.48L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm-2-5h4c.28 0 .5.22.5.5s-.22.5-.5.5h-4c-.28 0-.5-.22-.5-.5s.22-.5.5-.5z"}))),n0||(n0=E.createElement("g",{fill:"none",fillRule:"evenodd",opacity:.2},E.createElement("g",null,E.createElement("g",null,E.createElement("g",{transform:"translate(-1112 -640) translate(1104 632) translate(8 8)"},E.createElement("mask",{id:"98kq0pmrgb",fill:"#fff"},E.createElement("use",{xlinkHref:"#p1bfbm3cda"})),E.createElement("use",{fill:"#000",fillRule:"nonzero",xlinkHref:"#p1bfbm3cda"}),E.createElement("g",{fill:"#272A32",mask:"url(#98kq0pmrgb)"},E.createElement("path",{d:"M0 0H24V24H0z"}))))))))}))(p0||(p0=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var p0,h0,y0;function m0(){return m0=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m0.apply(this,arguments)}const v0=tt((function(e){return E.createElement("svg",m0({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:24,height:24,viewBox:"0 0 24 24"},e),h0||(h0=E.createElement("defs",null,E.createElement("path",{id:"eekoyvk17a",d:"M15.499 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.78 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.26 4.25c.41.41 1.07.41 1.48 0l.01-.01c.41-.41.41-1.07 0-1.48L15.499 14zm-6 0c-2.49 0-4.5-2.01-4.5-4.5S7.009 5 9.499 5s4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5zm0-7c-.28 0-.5.22-.5.5V9h-1.5c-.28 0-.5.22-.5.5s.22.5.5.5h1.5v1.5c0 .28.22.5.5.5s.5-.22.5-.5V10h1.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-1.5V7.5c0-.28-.22-.5-.5-.5z"}))),y0||(y0=E.createElement("g",{fill:"none",fillRule:"evenodd"},E.createElement("g",null,E.createElement("g",null,E.createElement("g",null,E.createElement("g",{transform:"translate(-1376 -640) translate(1104 632) translate(264) translate(8 8)"},E.createElement("mask",{id:"4qknrgzsbb",fill:"#fff"},E.createElement("use",{xlinkHref:"#eekoyvk17a"})),E.createElement("g",{fill:"#272A32",mask:"url(#4qknrgzsbb)"},E.createElement("path",{d:"M0 0H24V24H0z"})))))))))}))(g0||(g0=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var g0,x0,b0,w0,S0,C0,E0,k0,_0,O0,P0,T0,I0=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},A0=function(){return A0=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},A0.apply(this,arguments)},j0=tt.div(k0||(k0=I0(["\n display: ",";\n justify-content: center;\n align-items: center;\n background-color: ",";\n opacity: 0.5;\n font-size: ",";\n cursor: pointer;\n width: ","; /*TODO: Check with Andrija, it's 120px on one screen and 100px on another*/\n height: ","; /*TODO: Check with Andrija, it's 120px on one screen and 100px on another*/\n position: absolute;\n\n z-index: 9;\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n"],["\n display: ",";\n justify-content: center;\n align-items: center;\n background-color: ",";\n opacity: 0.5;\n font-size: ",";\n cursor: pointer;\n width: ","; /*TODO: Check with Andrija, it's 120px on one screen and 100px on another*/\n height: ","; /*TODO: Check with Andrija, it's 120px on one screen and 100px on another*/\n position: absolute;\n\n z-index: 9;\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n"])),(function(e){return e.isVideoPaused?"flex":"none"}),(function(e){return e.hex}),(function(e){return e.small?"10px":"40px"}),(function(e){return"".concat(e.small?"30px":"54px")}),(function(e){return"".concat(e.small?"30px":"54px")}),(function(e){return"center"===e.playButtonPosition&&Ne(x0||(x0=I0(["\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n "],["\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n "])))}),(function(e){return"top-left"===e.playButtonPosition&&Ne(b0||(b0=I0(["\n top: 5%;\n left: 5%;\n "],["\n top: 5%;\n left: 5%;\n "])))}),(function(e){return"top-right"===e.playButtonPosition&&Ne(w0||(w0=I0(["\n top: 5%;\n right: 5%;\n "],["\n top: 5%;\n right: 5%;\n "])))}),(function(e){return"bottom-left"===e.playButtonPosition&&Ne(S0||(S0=I0(["\n bottom: 23%;\n left: 5%;\n "],["\n bottom: 23%;\n left: 5%;\n "])))}),(function(e){return"bottom-right"===e.playButtonPosition&&Ne(C0||(C0=I0(["\n bottom: 23%;\n right: 5%;\n "],["\n bottom: 23%;\n right: 5%;\n "])))}),(function(e){return"none"===e.playButtonPosition&&Ne(E0||(E0=I0(["\n display: none;\n "],["\n display: none;\n "])))})),M0=function(e){var n=e.playerBackgroundColor,r=e.playButtonPosition,i=e.isVideoPaused,o=e.togglePlay,a=e.playerIconsColor,s=e.small,l=eV.hex.rgb(n);return(0,t.jsx)(j0,A0({isVideoPaused:i,onClick:o,r:l[0],g:l[1],b:l[2],hex:n,playButtonPosition:r,small:s},{children:(0,t.jsx)(Fc,{color:a})}))},D0=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},R0=function(){return R0=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},R0.apply(this,arguments)},F0=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},L0=tt.div(O0||(O0=D0(["\n position: relative;\n background-color: ",";\n border-radius: 6px;\n width: ","px;\n height: ","px;\n max-width: 100%;\n ","\n"],["\n position: relative;\n background-color: ",";\n border-radius: 6px;\n width: ","px;\n height: ","px;\n max-width: 100%;\n ","\n"])),Gi,(function(e){return e.width||600}),(function(e){return e.height||300}),(function(e){return e.theme.containerWidth<=ri&&Ne(_0||(_0=D0(["\n border-radius: 0;\n "],["\n border-radius: 0;\n "])))})),B0=tt.div(P0||(P0=D0(["\n width: 100%;\n justify-content: center;\n display: flex;\n"],["\n width: 100%;\n justify-content: center;\n display: flex;\n"]))),N0=tt.input(T0||(T0=D0(["\n width: 100%;\n margin-top: -25px;\n z-index: 2;\n"],["\n width: 100%;\n margin-top: -25px;\n z-index: 2;\n"]))),z0=function(e){var n=e.width,r=e.height,i=e.displayVideos,o=k().useRef(null),a=k().useRef(0),s=F0(k().useState(!0),2),l=(s[0],s[1]),c=F0(k().useState(!1),2),u=c[0],f=c[1],d=F0(k().useState(0),2),p=d[0],h=d[1],y=F0(k().useState(0),2),m=y[0],v=y[1];k().useEffect((function(){a.current=0;for(var e=0,t=0;t<i.length;t++){var n=i[t].startSec?i[t].startSec:0;e+=(i[t].endSec?i[t].endSec:i[t].duration)-n}h(e||1)}),[i]);var g=function(){if(o.current){var e=o.current;l(!0);var t=++a.current;if(i.length>t){e.src=i[t].source;var n=i[t].startSec?i[t].startSec:0;e.currentTime=n}else a.current=0,e.src=i[0].source,e.pause(),f(!1)}},x=function(){var e=o.current;e&&(u?e.pause():e.play(),f(!u))};return(0,t.jsxs)(L0,R0({width:n,height:r},{children:[(0,t.jsx)("video",{preload:"metadata",width:n,height:r,ref:o,onTimeUpdate:function(){if(o.current){var e=a.current,t=o.current,n=t.currentTime;n=(n-=i[e].startSec?i[e].startSec:0)<0?0:n;for(var r=0;r<e;r++){var s=i[r].startSec?i[r].startSec:0;n+=(i[r].endSec?i[r].endSec:i[r].duration)-s}i[e].endSec<=t.currentTime&&g(),v(n)}},onLoadedMetadata:function(){l(!1)},onEnded:g,onCanPlayThrough:function(){o.current&&a.current>0&&u&&o.current.play()},src:"".concat(i[a.current].source),onClick:x,style:{maxWidth:"100%"}}),(0,t.jsx)(M0,{playerBackgroundColor:"#fff",playButtonPosition:"center",isVideoPaused:!u,togglePlay:x,playerIconsColor:Gi}),(0,t.jsx)(B0,{children:(0,t.jsx)(N0,{onChange:function(e){!function(e){var t=parseFloat(e.currentTarget.value);if(o.current)for(var n=o.current,r=a.current,s=0,c=0,u=0;u<i.length;u++){var f=i[u].startSec?i[u].startSec:0;if(c+=(i[u].endSec?i[u].endSec:i[u].duration)-f,t>=s&&t<c){r!==u&&(l(!0),a.current=u,n.src=i[u].source),n.currentTime=t-s+f;break}s=c}}(e)},value:m,max:p,min:"0",type:"range",step:"0.01"})})]}))};function V0(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var U0="function"==typeof Symbol&&Symbol.observable||"@@observable",H0=function(){return Math.random().toString(36).substring(7).split("").join(".")},G0={INIT:"@@redux/INIT"+H0(),REPLACE:"@@redux/REPLACE"+H0(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+H0()}};function W0(e,t,n){var r;if("function"==typeof t&&"function"==typeof n||"function"==typeof n&&"function"==typeof arguments[3])throw new Error(V0(0));if("function"==typeof t&&void 0===n&&(n=t,t=void 0),void 0!==n){if("function"!=typeof n)throw new Error(V0(1));return n(W0)(e,t)}if("function"!=typeof e)throw new Error(V0(2));var i=e,o=t,a=[],s=a,l=!1;function c(){s===a&&(s=a.slice())}function u(){if(l)throw new Error(V0(3));return o}function f(e){if("function"!=typeof e)throw new Error(V0(4));if(l)throw new Error(V0(5));var t=!0;return c(),s.push(e),function(){if(t){if(l)throw new Error(V0(6));t=!1,c();var n=s.indexOf(e);s.splice(n,1),a=null}}}function d(e){if(!function(e){if("object"!=typeof e||null===e)return!1;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}(e))throw new Error(V0(7));if(void 0===e.type)throw new Error(V0(8));if(l)throw new Error(V0(9));try{l=!0,o=i(o,e)}finally{l=!1}for(var t=a=s,n=0;n<t.length;n++)(0,t[n])();return e}return d({type:G0.INIT}),(r={dispatch:d,subscribe:f,getState:u,replaceReducer:function(e){if("function"!=typeof e)throw new Error(V0(10));i=e,d({type:G0.REPLACE})}})[U0]=function(){var e,t=f;return(e={subscribe:function(e){if("object"!=typeof e||null===e)throw new Error(V0(11));function n(){e.next&&e.next(u())}return n(),{unsubscribe:t(n)}}})[U0]=function(){return this},e},r}function q0(e,t){return function(){return t(e.apply(this,arguments))}}function $0(e,t){if("function"==typeof e)return q0(e,t);if("object"!=typeof e||null===e)throw new Error(V0(16));var n={};for(var r in e){var i=e[r];"function"==typeof i&&(n[r]=q0(i,t))}return n}function Z0(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return 0===t.length?function(e){return e}:1===t.length?t[0]:t.reduce((function(e,t){return function(){return e(t.apply(void 0,arguments))}}))}var Y0=k().createContext(null),Q0=function(e){e()},K0=function(){return Q0},X0={notify:function(){},get:function(){return[]}};function J0(e,t){var n,r=X0;function i(){a.onStateChange&&a.onStateChange()}function o(){n||(n=t?t.addNestedSub(i):e.subscribe(i),r=function(){var e=K0(),t=null,n=null;return{clear:function(){t=null,n=null},notify:function(){e((function(){for(var e=t;e;)e.callback(),e=e.next}))},get:function(){for(var e=[],n=t;n;)e.push(n),n=n.next;return e},subscribe:function(e){var r=!0,i=n={callback:e,next:null,prev:n};return i.prev?i.prev.next=i:t=i,function(){r&&null!==t&&(r=!1,i.next?i.next.prev=i.prev:n=i.prev,i.prev?i.prev.next=i.next:t=i.next)}}}}())}var a={addNestedSub:function(e){return o(),r.subscribe(e)},notifyNestedSubs:function(){r.notify()},handleChangeWrapper:i,isSubscribed:function(){return Boolean(n)},trySubscribe:o,tryUnsubscribe:function(){n&&(n(),n=void 0,r.clear(),r=X0)},getListeners:function(){return r}};return a}var e1="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?E.useLayoutEffect:E.useEffect;const t1=function(e){var t=e.store,n=e.context,r=e.children,i=(0,E.useMemo)((function(){var e=J0(t);return{store:t,subscription:e}}),[t]),o=(0,E.useMemo)((function(){return t.getState()}),[t]);e1((function(){var e=i.subscription;return e.onStateChange=e.notifyNestedSubs,e.trySubscribe(),o!==t.getState()&&e.notifyNestedSubs(),function(){e.tryUnsubscribe(),e.onStateChange=null}}),[i,o]);var a=n||Y0;return k().createElement(a.Provider,{value:i},r)};var n1=__webpack_require__(2973),r1=["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"],i1=["reactReduxForwardedRef"],o1=[],a1=[null,null];function s1(e,t){var n=e[1];return[t.payload,n+1]}function l1(e,t,n){e1((function(){return e.apply(void 0,t)}),n)}function c1(e,t,n,r,i,o,a){e.current=r,t.current=i,n.current=!1,o.current&&(o.current=null,a())}function u1(e,t,n,r,i,o,a,s,l,c){if(e){var u=!1,f=null,d=function(){if(!u){var e,n,d=t.getState();try{e=r(d,i.current)}catch(e){n=e,f=e}n||(f=null),e===o.current?a.current||l():(o.current=e,s.current=e,a.current=!0,c({type:"STORE_UPDATED",payload:{error:n}}))}};return n.onStateChange=d,n.trySubscribe(),d(),function(){if(u=!0,n.tryUnsubscribe(),n.onStateChange=null,f)throw f}}}var f1=function(){return[null,0]};function d1(e,t){void 0===t&&(t={});var n=t,r=n.getDisplayName,i=void 0===r?function(e){return"ConnectAdvanced("+e+")"}:r,o=n.methodName,a=void 0===o?"connectAdvanced":o,s=n.renderCountProp,l=void 0===s?void 0:s,c=n.shouldHandleStateChanges,u=void 0===c||c,f=n.storeKey,d=void 0===f?"store":f,p=(n.withRef,n.forwardRef),h=void 0!==p&&p,y=n.context,m=void 0===y?Y0:y,v=Zt(n,r1),g=m;return function(t){var n=t.displayName||t.name||"Component",r=i(n),o=(0,Lt.Z)({},v,{getDisplayName:i,methodName:a,renderCountProp:l,shouldHandleStateChanges:u,storeKey:d,displayName:r,wrappedComponentName:n,WrappedComponent:t}),s=v.pure,c=s?E.useMemo:function(e){return e()};function f(n){var r=(0,E.useMemo)((function(){var e=n.reactReduxForwardedRef,t=Zt(n,i1);return[n.context,e,t]}),[n]),i=r[0],a=r[1],s=r[2],l=(0,E.useMemo)((function(){return i&&i.Consumer&&(0,n1.isContextConsumer)(k().createElement(i.Consumer,null))?i:g}),[i,g]),f=(0,E.useContext)(l),d=Boolean(n.store)&&Boolean(n.store.getState)&&Boolean(n.store.dispatch);Boolean(f)&&Boolean(f.store);var p=d?n.store:f.store,h=(0,E.useMemo)((function(){return function(t){return e(t.dispatch,o)}(p)}),[p]),y=(0,E.useMemo)((function(){if(!u)return a1;var e=J0(p,d?null:f.subscription),t=e.notifyNestedSubs.bind(e);return[e,t]}),[p,d,f]),m=y[0],v=y[1],x=(0,E.useMemo)((function(){return d?f:(0,Lt.Z)({},f,{subscription:m})}),[d,f,m]),b=(0,E.useReducer)(s1,o1,f1),w=b[0][0],S=b[1];if(w&&w.error)throw w.error;var C=(0,E.useRef)(),_=(0,E.useRef)(s),O=(0,E.useRef)(),P=(0,E.useRef)(!1),T=c((function(){return O.current&&s===_.current?O.current:h(p.getState(),s)}),[p,w,s]);l1(c1,[_,C,P,s,T,O,v]),l1(u1,[u,p,m,h,_,C,P,O,v,S],[p,m,h]);var I=(0,E.useMemo)((function(){return k().createElement(t,(0,Lt.Z)({},T,{ref:a}))}),[a,t,T]);return(0,E.useMemo)((function(){return u?k().createElement(l.Provider,{value:x},I):I}),[l,I,x])}var p=s?k().memo(f):f;if(p.WrappedComponent=t,p.displayName=f.displayName=r,h){var y=k().forwardRef((function(e,t){return k().createElement(p,(0,Lt.Z)({},e,{reactReduxForwardedRef:t}))}));return y.displayName=r,y.WrappedComponent=t,R()(y,t)}return R()(p,t)}}function p1(e,t){return e===t?0!==e||0!==t||1/e==1/t:e!=e&&t!=t}function h1(e,t){if(p1(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var i=0;i<n.length;i++)if(!Object.prototype.hasOwnProperty.call(t,n[i])||!p1(e[n[i]],t[n[i]]))return!1;return!0}function y1(e){return function(t,n){var r=e(t,n);function i(){return r}return i.dependsOnOwnProps=!1,i}}function m1(e){return null!==e.dependsOnOwnProps&&void 0!==e.dependsOnOwnProps?Boolean(e.dependsOnOwnProps):1!==e.length}function v1(e,t){return function(t,n){n.displayName;var r=function(e,t){return r.dependsOnOwnProps?r.mapToProps(e,t):r.mapToProps(e)};return r.dependsOnOwnProps=!0,r.mapToProps=function(t,n){r.mapToProps=e,r.dependsOnOwnProps=m1(e);var i=r(t,n);return"function"==typeof i&&(r.mapToProps=i,r.dependsOnOwnProps=m1(i),i=r(t,n)),i},r}}const g1=[function(e){return"function"==typeof e?v1(e):void 0},function(e){return e?void 0:y1((function(e){return{dispatch:e}}))},function(e){return e&&"object"==typeof e?y1((function(t){return function(e,t){var n={},r=function(r){var i=e[r];"function"==typeof i&&(n[r]=function(){return t(i.apply(void 0,arguments))})};for(var i in e)r(i);return n}(e,t)})):void 0}],x1=[function(e){return"function"==typeof e?v1(e):void 0},function(e){return e?void 0:y1((function(){return{}}))}];function b1(e,t,n){return(0,Lt.Z)({},n,e,t)}const w1=[function(e){return"function"==typeof e?function(e){return function(t,n){n.displayName;var r,i=n.pure,o=n.areMergedPropsEqual,a=!1;return function(t,n,s){var l=e(t,n,s);return a?i&&o(l,r)||(r=l):(a=!0,r=l),r}}}(e):void 0},function(e){return e?void 0:function(){return b1}}];var S1=["initMapStateToProps","initMapDispatchToProps","initMergeProps"];function C1(e,t,n,r){return function(i,o){return n(e(i,o),t(r,o),o)}}function E1(e,t,n,r,i){var o,a,s,l,c,u=i.areStatesEqual,f=i.areOwnPropsEqual,d=i.areStatePropsEqual,p=!1;return function(i,h){return p?function(i,p){var h,y,m=!f(p,a),v=!u(i,o,p,a);return o=i,a=p,m&&v?(s=e(o,a),t.dependsOnOwnProps&&(l=t(r,a)),c=n(s,l,a)):m?(e.dependsOnOwnProps&&(s=e(o,a)),t.dependsOnOwnProps&&(l=t(r,a)),c=n(s,l,a)):v?(h=e(o,a),y=!d(h,s),s=h,y&&(c=n(s,l,a)),c):c}(i,h):(s=e(o=i,a=h),l=t(r,a),c=n(s,l,a),p=!0,c)}}function k1(e,t){var n=t.initMapStateToProps,r=t.initMapDispatchToProps,i=t.initMergeProps,o=Zt(t,S1),a=n(e,o),s=r(e,o),l=i(e,o);return(o.pure?E1:C1)(a,s,l,e,o)}var _1=["pure","areStatesEqual","areOwnPropsEqual","areStatePropsEqual","areMergedPropsEqual"];function O1(e,t,n){for(var r=t.length-1;r>=0;r--){var i=t[r](e);if(i)return i}return function(t,r){throw new Error("Invalid value of type "+typeof e+" for "+n+" argument when connecting component "+r.wrappedComponentName+".")}}function P1(e,t){return e===t}function T1(e){var t=void 0===e?{}:e,n=t.connectHOC,r=void 0===n?d1:n,i=t.mapStateToPropsFactories,o=void 0===i?x1:i,a=t.mapDispatchToPropsFactories,s=void 0===a?g1:a,l=t.mergePropsFactories,c=void 0===l?w1:l,u=t.selectorFactory,f=void 0===u?k1:u;return function(e,t,n,i){void 0===i&&(i={});var a=i,l=a.pure,u=void 0===l||l,d=a.areStatesEqual,p=void 0===d?P1:d,h=a.areOwnPropsEqual,y=void 0===h?h1:h,m=a.areStatePropsEqual,v=void 0===m?h1:m,g=a.areMergedPropsEqual,x=void 0===g?h1:g,b=Zt(a,_1),w=O1(e,o,"mapStateToProps"),S=O1(t,s,"mapDispatchToProps"),C=O1(n,c,"mergeProps");return r(f,(0,Lt.Z)({methodName:"connect",getDisplayName:function(e){return"Connect("+e+")"},shouldHandleStateChanges:Boolean(e),initMapStateToProps:w,initMapDispatchToProps:S,initMergeProps:C,pure:u,areStatesEqual:p,areOwnPropsEqual:y,areStatePropsEqual:v,areMergedPropsEqual:x},b))}}const I1=T1();var A1;function j1(e,t){var n=(0,E.useState)((function(){return{inputs:t,result:e()}}))[0],r=(0,E.useRef)(!0),i=(0,E.useRef)(n),o=r.current||Boolean(t&&i.current.inputs&&function(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}(t,i.current.inputs)),a=o?i.current:{inputs:t,result:e()};return(0,E.useEffect)((function(){r.current=!1,i.current=a}),[a]),a.result}A1=nt.unstable_batchedUpdates,Q0=A1;var M1=j1,D1=function(e,t){return j1((function(){return e}),t)},R1=function(e){var t=e.top,n=e.right,r=e.bottom,i=e.left;return{top:t,right:n,bottom:r,left:i,width:n-i,height:r-t,x:i,y:t,center:{x:(n+i)/2,y:(r+t)/2}}},F1=function(e,t){return{top:e.top-t.top,left:e.left-t.left,bottom:e.bottom+t.bottom,right:e.right+t.right}},L1=function(e,t){return{top:e.top+t.top,left:e.left+t.left,bottom:e.bottom-t.bottom,right:e.right-t.right}},B1={top:0,right:0,bottom:0,left:0},N1=function(e){var t=e.borderBox,n=e.margin,r=void 0===n?B1:n,i=e.border,o=void 0===i?B1:i,a=e.padding,s=void 0===a?B1:a,l=R1(F1(t,r)),c=R1(L1(t,o)),u=R1(L1(c,s));return{marginBox:l,borderBox:R1(t),paddingBox:c,contentBox:u,margin:r,border:o,padding:s}},z1=function(e){var t=e.slice(0,-2);if("px"!==e.slice(-2))return 0;var n=Number(t);return isNaN(n)&&Wt(!1),n},V1=function(e,t){var n,r,i=e.borderBox,o=e.border,a=e.margin,s=e.padding,l=(r=t,{top:(n=i).top+r.y,left:n.left+r.x,bottom:n.bottom+r.y,right:n.right+r.x});return N1({borderBox:l,border:o,margin:a,padding:s})},U1=function(e,t){return void 0===t&&(t={x:window.pageXOffset,y:window.pageYOffset}),V1(e,t)},H1=function(e,t){var n={top:z1(t.marginTop),right:z1(t.marginRight),bottom:z1(t.marginBottom),left:z1(t.marginLeft)},r={top:z1(t.paddingTop),right:z1(t.paddingRight),bottom:z1(t.paddingBottom),left:z1(t.paddingLeft)},i={top:z1(t.borderTopWidth),right:z1(t.borderRightWidth),bottom:z1(t.borderBottomWidth),left:z1(t.borderLeftWidth)};return N1({borderBox:e,margin:n,padding:r,border:i})},G1=function(e){var t=e.getBoundingClientRect(),n=window.getComputedStyle(e);return H1(t,n)};const W1=function(e){var t=[],n=null,r=function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];t=i,n||(n=requestAnimationFrame((function(){n=null,e.apply(void 0,t)})))};return r.cancel=function(){n&&(cancelAnimationFrame(n),n=null)},r};function q1(e,t){}function $1(){}function Z1(e,t,n){var r=t.map((function(t){var r,i,o=(r=n,i=t.options,(0,Lt.Z)({},r,{},i));return e.addEventListener(t.eventName,t.fn,o),function(){e.removeEventListener(t.eventName,t.fn,o)}}));return function(){r.forEach((function(e){e()}))}}q1.bind(null,"warn"),q1.bind(null,"error");var Y1=!0,Q1="Invariant failed";function K1(e){this.message=e}function X1(e,t){if(!e)throw new K1(Y1?Q1:Q1+": "+(t||""))}K1.prototype.toString=function(){return this.message};var J1=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return(t=e.call.apply(e,[this].concat(r))||this).callbacks=null,t.unbind=$1,t.onWindowError=function(e){var n=t.getCallbacks();n.isDragging()&&n.tryAbort(),e.error instanceof K1&&e.preventDefault()},t.getCallbacks=function(){if(!t.callbacks)throw new Error("Unable to find AppCallbacks in <ErrorBoundary/>");return t.callbacks},t.setCallbacks=function(e){t.callbacks=e},t}(0,Dt.Z)(t,e);var n=t.prototype;return n.componentDidMount=function(){this.unbind=Z1(window,[{eventName:"error",fn:this.onWindowError}])},n.componentDidCatch=function(e){if(!(e instanceof K1))throw e;this.setState({})},n.componentWillUnmount=function(){this.unbind()},n.render=function(){return this.props.children(this.setCallbacks)},t}(k().Component),e2=function(e){return e+1},t2=function(e,t){var n=e.droppableId===t.droppableId,r=e2(e.index),i=e2(t.index);return n?"\n You have moved the item from position "+r+"\n to position "+i+"\n ":"\n You have moved the item from position "+r+"\n in list "+e.droppableId+"\n to list "+t.droppableId+"\n in position "+i+"\n "},n2=function(e,t,n){return t.droppableId===n.droppableId?"\n The item "+e+"\n has been combined with "+n.draggableId:"\n The item "+e+"\n in list "+t.droppableId+"\n has been combined with "+n.draggableId+"\n in list "+n.droppableId+"\n "},r2=function(e){return"\n The item has returned to its starting position\n of "+e2(e.index)+"\n"},i2=function(e){return"\n You have lifted an item in position "+e2(e.source.index)+"\n"},o2=function(e){var t=e.destination;if(t)return t2(e.source,t);var n=e.combine;return n?n2(e.draggableId,e.source,n):"You are over an area that cannot be dropped on"},a2=function(e){if("CANCEL"===e.reason)return"\n Movement cancelled.\n "+r2(e.source)+"\n ";var t=e.destination,n=e.combine;return t?"\n You have dropped the item.\n "+t2(e.source,t)+"\n ":n?"\n You have dropped the item.\n "+n2(e.draggableId,e.source,n)+"\n ":"\n The item has been dropped while not over a drop area.\n "+r2(e.source)+"\n "},s2={x:0,y:0},l2=function(e,t){return{x:e.x+t.x,y:e.y+t.y}},c2=function(e,t){return{x:e.x-t.x,y:e.y-t.y}},u2=function(e,t){return e.x===t.x&&e.y===t.y},f2=function(e){return{x:0!==e.x?-e.x:0,y:0!==e.y?-e.y:0}},d2=function(e,t,n){var r;return void 0===n&&(n=0),(r={})[e]=t,r["x"===e?"y":"x"]=n,r},p2=function(e,t){return Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2))},h2=function(e,t){return Math.min.apply(Math,t.map((function(t){return p2(e,t)})))},y2=function(e){return function(t){return{x:e(t.x),y:e(t.y)}}},m2=function(e,t){return{top:e.top+t.y,left:e.left+t.x,bottom:e.bottom+t.y,right:e.right+t.x}},v2=function(e){return[{x:e.left,y:e.top},{x:e.right,y:e.top},{x:e.left,y:e.bottom},{x:e.right,y:e.bottom}]},g2=function(e,t){return t&&t.shouldClipSubject?function(e,t){var n=R1({top:Math.max(t.top,e.top),right:Math.min(t.right,e.right),bottom:Math.min(t.bottom,e.bottom),left:Math.max(t.left,e.left)});return n.width<=0||n.height<=0?null:n}(t.pageMarginBox,e):R1(e)},x2=function(e){var t=e.page,n=e.withPlaceholder,r=e.axis,i=e.frame,o=function(e,t){return t?m2(e,t.scroll.diff.displacement):e}(t.marginBox,i),a=function(e,t,n){var r;return n&&n.increasedBy?(0,Lt.Z)({},e,((r={})[t.end]=e[t.end]+n.increasedBy[t.line],r)):e}(o,r,n);return{page:t,withPlaceholder:n,active:g2(a,i)}},b2=function(e,t){e.frame||X1(!1);var n=e.frame,r=c2(t,n.scroll.initial),i=f2(r),o=(0,Lt.Z)({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:r,displacement:i},max:n.scroll.max}}),a=x2({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:o});return(0,Lt.Z)({},e,{frame:o,subject:a})};function w2(e){return Object.values?Object.values(e):Object.keys(e).map((function(t){return e[t]}))}function S2(e,t){if(e.findIndex)return e.findIndex(t);for(var n=0;n<e.length;n++)if(t(e[n]))return n;return-1}function C2(e,t){if(e.find)return e.find(t);var n=S2(e,t);return-1!==n?e[n]:void 0}function E2(e){return Array.prototype.slice.call(e)}var k2=ka((function(e){return e.reduce((function(e,t){return e[t.descriptor.id]=t,e}),{})})),_2=ka((function(e){return e.reduce((function(e,t){return e[t.descriptor.id]=t,e}),{})})),O2=ka((function(e){return w2(e)})),P2=ka((function(e){return w2(e)})),T2=ka((function(e,t){var n=P2(t).filter((function(t){return e===t.descriptor.droppableId})).sort((function(e,t){return e.descriptor.index-t.descriptor.index}));return n}));function I2(e){return e.at&&"REORDER"===e.at.type?e.at.destination:null}function A2(e){return e.at&&"COMBINE"===e.at.type?e.at.combine:null}var j2=ka((function(e,t){return t.filter((function(t){return t.descriptor.id!==e.descriptor.id}))})),M2=function(e,t){return e.descriptor.droppableId===t.descriptor.id},D2={point:s2,value:0},R2={invisible:{},visible:{},all:[]},F2={displaced:R2,displacedBy:D2,at:null},L2=function(e,t){return function(n){return e<=n&&n<=t}},B2=function(e){var t=L2(e.top,e.bottom),n=L2(e.left,e.right);return function(r){if(t(r.top)&&t(r.bottom)&&n(r.left)&&n(r.right))return!0;var i=t(r.top)||t(r.bottom),o=n(r.left)||n(r.right);if(i&&o)return!0;var a=r.top<e.top&&r.bottom>e.bottom,s=r.left<e.left&&r.right>e.right;return!(!a||!s)||a&&o||s&&i}},N2=function(e){var t=L2(e.top,e.bottom),n=L2(e.left,e.right);return function(e){return t(e.top)&&t(e.bottom)&&n(e.left)&&n(e.right)}},z2={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},V2={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},U2=function(e){var t=e.target,n=e.destination,r=e.viewport,i=e.withDroppableDisplacement,o=e.isVisibleThroughFrameFn,a=i?function(e,t){var n=t.frame?t.frame.scroll.diff.displacement:s2;return m2(e,n)}(t,n):t;return function(e,t,n){return!!t.subject.active&&n(t.subject.active)(e)}(a,n,o)&&function(e,t,n){return n(t)(e)}(a,r,o)},H2=function(e){return U2((0,Lt.Z)({},e,{isVisibleThroughFrameFn:B2}))},G2=function(e){return U2((0,Lt.Z)({},e,{isVisibleThroughFrameFn:N2}))},W2=function(e,t,n){if("boolean"==typeof n)return n;if(!t)return!0;var r=t.invisible,i=t.visible;if(r[e])return!1;var o=i[e];return!o||o.shouldAnimate};function q2(e){var t=e.afterDragging,n=e.destination,r=e.displacedBy,i=e.viewport,o=e.forceShouldAnimate,a=e.last;return t.reduce((function(e,t){var s=function(e,t){var n=e.page.marginBox,r={top:t.point.y,right:0,bottom:0,left:t.point.x};return R1(F1(n,r))}(t,r),l=t.descriptor.id;if(e.all.push(l),!H2({target:s,destination:n,viewport:i,withDroppableDisplacement:!0}))return e.invisible[t.descriptor.id]=!0,e;var c={draggableId:l,shouldAnimate:W2(l,a,o)};return e.visible[l]=c,e}),{all:[],visible:{},invisible:{}})}function $2(e){var t=e.insideDestination,n=e.inHomeList,r=e.displacedBy,i=e.destination,o=function(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}(t,{inHomeList:n});return{displaced:R2,displacedBy:r,at:{type:"REORDER",destination:{droppableId:i.descriptor.id,index:o}}}}function Z2(e){var t=e.draggable,n=e.insideDestination,r=e.destination,i=e.viewport,o=e.displacedBy,a=e.last,s=e.index,l=e.forceShouldAnimate,c=M2(t,r);if(null==s)return $2({insideDestination:n,inHomeList:c,displacedBy:o,destination:r});var u=C2(n,(function(e){return e.descriptor.index===s}));if(!u)return $2({insideDestination:n,inHomeList:c,displacedBy:o,destination:r});var f=j2(t,n),d=n.indexOf(u);return{displaced:q2({afterDragging:f.slice(d),destination:r,displacedBy:o,last:a,viewport:i.frame,forceShouldAnimate:l}),displacedBy:o,at:{type:"REORDER",destination:{droppableId:r.descriptor.id,index:s}}}}function Y2(e,t){return Boolean(t.effected[e])}var Q2=function(e,t){return t.margin[e.start]+t.borderBox[e.size]/2},K2=function(e,t,n){return t[e.crossAxisStart]+n.margin[e.crossAxisStart]+n.borderBox[e.crossAxisSize]/2},X2=function(e){var t=e.axis,n=e.moveRelativeTo,r=e.isMoving;return d2(t.line,n.marginBox[t.end]+Q2(t,r),K2(t,n.marginBox,r))},J2=function(e){var t=e.axis,n=e.moveRelativeTo,r=e.isMoving;return d2(t.line,n.marginBox[t.start]-function(e,t){return t.margin[e.end]+t.borderBox[e.size]/2}(t,r),K2(t,n.marginBox,r))},e5=function(e,t){var n=e.frame;return n?l2(t,n.scroll.diff.displacement):t},t5=function(e){var t=function(e){var t=e.impact,n=e.draggable,r=e.droppable,i=e.draggables,o=e.afterCritical,a=n.page.borderBox.center,s=t.at;return r&&s?"REORDER"===s.type?function(e){var t=e.impact,n=e.draggable,r=e.draggables,i=e.droppable,o=e.afterCritical,a=T2(i.descriptor.id,r),s=n.page,l=i.axis;if(!a.length)return function(e){var t=e.axis,n=e.moveInto,r=e.isMoving;return d2(t.line,n.contentBox[t.start]+Q2(t,r),K2(t,n.contentBox,r))}({axis:l,moveInto:i.page,isMoving:s});var c=t.displaced,u=t.displacedBy,f=c.all[0];if(f){var d=r[f];if(Y2(f,o))return J2({axis:l,moveRelativeTo:d.page,isMoving:s});var p=V1(d.page,u.point);return J2({axis:l,moveRelativeTo:p,isMoving:s})}var h=a[a.length-1];if(h.descriptor.id===n.descriptor.id)return s.borderBox.center;if(Y2(h.descriptor.id,o)){var y=V1(h.page,f2(o.displacedBy.point));return X2({axis:l,moveRelativeTo:y,isMoving:s})}return X2({axis:l,moveRelativeTo:h.page,isMoving:s})}({impact:t,draggable:n,draggables:i,droppable:r,afterCritical:o}):function(e){var t=e.afterCritical,n=e.impact,r=e.draggables,i=A2(n);i||X1(!1);var o=i.draggableId,a=r[o].page.borderBox.center,s=function(e){var t=e.displaced,n=e.afterCritical,r=e.combineWith,i=e.displacedBy,o=Boolean(t.visible[r]||t.invisible[r]);return Y2(r,n)?o?s2:f2(i.point):o?i.point:s2}({displaced:n.displaced,afterCritical:t,combineWith:o,displacedBy:n.displacedBy});return l2(a,s)}({impact:t,draggables:i,afterCritical:o}):a}(e),n=e.droppable;return n?e5(n,t):t},n5=function(e,t){var n=c2(t,e.scroll.initial),r=f2(n);return{frame:R1({top:t.y,bottom:t.y+e.frame.height,left:t.x,right:t.x+e.frame.width}),scroll:{initial:e.scroll.initial,max:e.scroll.max,current:t,diff:{value:n,displacement:r}}}};function r5(e,t){return e.map((function(e){return t[e]}))}var i5=function(e){var t,n,r=e.pageBorderBoxCenter,i=e.draggable,o=(t=e.viewport,n=r,l2(t.scroll.diff.displacement,n)),a=c2(o,i.page.borderBox.center);return l2(i.client.borderBox.center,a)},o5=function(e){var t=e.draggable,n=e.destination,r=e.newPageBorderBoxCenter,i=e.viewport,o=e.withDroppableDisplacement,a=e.onlyOnMainAxis,s=void 0!==a&&a,l=c2(r,t.page.borderBox.center),c={target:m2(t.page.borderBox,l),destination:n,withDroppableDisplacement:o,viewport:i};return s?function(e){return U2((0,Lt.Z)({},e,{isVisibleThroughFrameFn:(t=e.destination.axis,function(e){var n=L2(e.top,e.bottom),r=L2(e.left,e.right);return function(e){return t===z2?n(e.top)&&n(e.bottom):r(e.left)&&r(e.right)}})}));var t}(c):G2(c)},a5=function(e){var t=e.isMovingForward,n=e.draggable,r=e.destination,i=e.draggables,o=e.previousImpact,a=e.viewport,s=e.previousPageBorderBoxCenter,l=e.previousClientSelection,c=e.afterCritical;if(!r.isEnabled)return null;var u=T2(r.descriptor.id,i),f=M2(n,r),d=function(e){var t=e.isMovingForward,n=e.draggable,r=e.destination,i=e.insideDestination,o=e.previousImpact;if(!r.isCombineEnabled)return null;if(!I2(o))return null;function a(e){var t={type:"COMBINE",combine:{draggableId:e,droppableId:r.descriptor.id}};return(0,Lt.Z)({},o,{at:t})}var s=o.displaced.all,l=s.length?s[0]:null;if(t)return l?a(l):null;var c=j2(n,i);if(!l)return c.length?a(c[c.length-1].descriptor.id):null;var u=S2(c,(function(e){return e.descriptor.id===l}));-1===u&&X1(!1);var f=u-1;return f<0?null:a(c[f].descriptor.id)}({isMovingForward:t,draggable:n,destination:r,insideDestination:u,previousImpact:o})||function(e){var t=e.isMovingForward,n=e.isInHomeList,r=e.draggable,i=e.draggables,o=e.destination,a=e.insideDestination,s=e.previousImpact,l=e.viewport,c=e.afterCritical,u=s.at;if(u||X1(!1),"REORDER"===u.type){var f=function(e){var t=e.isMovingForward,n=e.isInHomeList,r=e.insideDestination,i=e.location;if(!r.length)return null;var o=i.index,a=t?o+1:o-1,s=r[0].descriptor.index,l=r[r.length-1].descriptor.index;return a<s||a>(n?l:l+1)?null:a}({isMovingForward:t,isInHomeList:n,location:u.destination,insideDestination:a});return null==f?null:Z2({draggable:r,insideDestination:a,destination:o,viewport:l,last:s.displaced,displacedBy:s.displacedBy,index:f})}var d=function(e){var t=e.isMovingForward,n=e.draggables,r=e.combine,i=e.afterCritical;if(!e.destination.isCombineEnabled)return null;var o=r.draggableId,a=n[o].descriptor.index;return Y2(o,i)?t?a:a-1:t?a+1:a}({isMovingForward:t,destination:o,displaced:s.displaced,draggables:i,combine:u.combine,afterCritical:c});return null==d?null:Z2({draggable:r,insideDestination:a,destination:o,viewport:l,last:s.displaced,displacedBy:s.displacedBy,index:d})}({isMovingForward:t,isInHomeList:f,draggable:n,draggables:i,destination:r,insideDestination:u,previousImpact:o,viewport:a,afterCritical:c});if(!d)return null;var p=t5({impact:d,draggable:n,droppable:r,draggables:i,afterCritical:c});if(o5({draggable:n,destination:r,newPageBorderBoxCenter:p,viewport:a.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0}))return{clientSelection:i5({pageBorderBoxCenter:p,draggable:n,viewport:a}),impact:d,scrollJumpRequest:null};var h=c2(p,s),y=function(e){var t=e.impact,n=e.viewport,r=e.destination,i=e.draggables,o=e.maxScrollChange,a=n5(n,l2(n.scroll.current,o)),s=r.frame?b2(r,l2(r.frame.scroll.current,o)):r,l=t.displaced,c=q2({afterDragging:r5(l.all,i),destination:r,displacedBy:t.displacedBy,viewport:a.frame,last:l,forceShouldAnimate:!1}),u=q2({afterDragging:r5(l.all,i),destination:s,displacedBy:t.displacedBy,viewport:n.frame,last:l,forceShouldAnimate:!1}),f={},d={},p=[l,c,u];return l.all.forEach((function(e){var t=function(e,t){for(var n=0;n<t.length;n++){var r=t[n].visible[e];if(r)return r}return null}(e,p);t?d[e]=t:f[e]=!0})),(0,Lt.Z)({},t,{displaced:{all:l.all,invisible:f,visible:d}})}({impact:d,viewport:a,destination:r,draggables:i,maxScrollChange:h});return{clientSelection:l,impact:y,scrollJumpRequest:h}},s5=function(e){var t=e.subject.active;return t||X1(!1),t},l5=function(e,t){var n=e.page.borderBox.center;return Y2(e.descriptor.id,t)?c2(n,t.displacedBy.point):n},c5=function(e,t){var n=e.page.borderBox;return Y2(e.descriptor.id,t)?m2(n,f2(t.displacedBy.point)):n},u5=ka((function(e,t){var n=t[e.line];return{value:n,point:d2(e.line,n)}})),f5=function(e,t){return(0,Lt.Z)({},e,{scroll:(0,Lt.Z)({},e.scroll,{max:t})})},d5=function(e,t,n){var r=e.frame;M2(t,e)&&X1(!1),e.subject.withPlaceholder&&X1(!1);var i=u5(e.axis,t.displaceBy).point,o=function(e,t,n){var r=e.axis;if("virtual"===e.descriptor.mode)return d2(r.line,t[r.line]);var i=e.subject.page.contentBox[r.size],o=T2(e.descriptor.id,n).reduce((function(e,t){return e+t.client.marginBox[r.size]}),0)+t[r.line]-i;return o<=0?null:d2(r.line,o)}(e,i,n),a={placeholderSize:i,increasedBy:o,oldFrameMaxScroll:e.frame?e.frame.scroll.max:null};if(!r){var s=x2({page:e.subject.page,withPlaceholder:a,axis:e.axis,frame:e.frame});return(0,Lt.Z)({},e,{subject:s})}var l=o?l2(r.scroll.max,o):r.scroll.max,c=f5(r,l),u=x2({page:e.subject.page,withPlaceholder:a,axis:e.axis,frame:c});return(0,Lt.Z)({},e,{subject:u,frame:c})},p5=function(e){var t=e.at;return t?"REORDER"===t.type?t.destination.droppableId:t.combine.droppableId:null},h5=function(e){var t=e.state,n=e.type,r=function(e,t){var n=p5(e);return n?t[n]:null}(t.impact,t.dimensions.droppables),i=Boolean(r),o=t.dimensions.droppables[t.critical.droppable.id],a=r||o,s=a.axis.direction,l="vertical"===s&&("MOVE_UP"===n||"MOVE_DOWN"===n)||"horizontal"===s&&("MOVE_LEFT"===n||"MOVE_RIGHT"===n);if(l&&!i)return null;var c="MOVE_DOWN"===n||"MOVE_RIGHT"===n,u=t.dimensions.draggables[t.critical.draggable.id],f=t.current.page.borderBoxCenter,d=t.dimensions,p=d.draggables,h=d.droppables;return l?a5({isMovingForward:c,previousPageBorderBoxCenter:f,draggable:u,destination:a,draggables:p,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):function(e){var t=e.isMovingForward,n=e.previousPageBorderBoxCenter,r=e.draggable,i=e.isOver,o=e.draggables,a=e.droppables,s=e.viewport,l=e.afterCritical,c=function(e){var t=e.isMovingForward,n=e.pageBorderBoxCenter,r=e.source,i=e.droppables,o=e.viewport,a=r.subject.active;if(!a)return null;var s=r.axis,l=L2(a[s.start],a[s.end]),c=O2(i).filter((function(e){return e!==r})).filter((function(e){return e.isEnabled})).filter((function(e){return Boolean(e.subject.active)})).filter((function(e){return B2(o.frame)(s5(e))})).filter((function(e){var n=s5(e);return t?a[s.crossAxisEnd]<n[s.crossAxisEnd]:n[s.crossAxisStart]<a[s.crossAxisStart]})).filter((function(e){var t=s5(e),n=L2(t[s.start],t[s.end]);return l(t[s.start])||l(t[s.end])||n(a[s.start])||n(a[s.end])})).sort((function(e,n){var r=s5(e)[s.crossAxisStart],i=s5(n)[s.crossAxisStart];return t?r-i:i-r})).filter((function(e,t,n){return s5(e)[s.crossAxisStart]===s5(n[0])[s.crossAxisStart]}));if(!c.length)return null;if(1===c.length)return c[0];var u=c.filter((function(e){return L2(s5(e)[s.start],s5(e)[s.end])(n[s.line])}));return 1===u.length?u[0]:u.length>1?u.sort((function(e,t){return s5(e)[s.start]-s5(t)[s.start]}))[0]:c.sort((function(e,t){var r=h2(n,v2(s5(e))),i=h2(n,v2(s5(t)));return r!==i?r-i:s5(e)[s.start]-s5(t)[s.start]}))[0]}({isMovingForward:t,pageBorderBoxCenter:n,source:i,droppables:a,viewport:s});if(!c)return null;var u=T2(c.descriptor.id,o),f=function(e){var t=e.pageBorderBoxCenter,n=e.viewport,r=e.destination,i=e.afterCritical,o=e.insideDestination.filter((function(e){return G2({target:c5(e,i),destination:r,viewport:n.frame,withDroppableDisplacement:!0})})).sort((function(e,n){var o=p2(t,e5(r,l5(e,i))),a=p2(t,e5(r,l5(n,i)));return o<a?-1:a<o?1:e.descriptor.index-n.descriptor.index}));return o[0]||null}({pageBorderBoxCenter:n,viewport:s,destination:c,insideDestination:u,afterCritical:l}),d=function(e){var t=e.previousPageBorderBoxCenter,n=e.moveRelativeTo,r=e.insideDestination,i=e.draggable,o=e.draggables,a=e.destination,s=e.viewport,l=e.afterCritical;if(!n){if(r.length)return null;var c={displaced:R2,displacedBy:D2,at:{type:"REORDER",destination:{droppableId:a.descriptor.id,index:0}}},u=t5({impact:c,draggable:i,droppable:a,draggables:o,afterCritical:l}),f=M2(i,a)?a:d5(a,i,o);return o5({draggable:i,destination:f,newPageBorderBoxCenter:u,viewport:s.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0})?c:null}var d,p=Boolean(t[a.axis.line]<=n.page.borderBox.center[a.axis.line]),h=(d=n.descriptor.index,n.descriptor.id===i.descriptor.id||p?d:d+1);return Z2({draggable:i,insideDestination:r,destination:a,viewport:s,displacedBy:u5(a.axis,i.displaceBy),last:R2,index:h})}({previousPageBorderBoxCenter:n,destination:c,draggable:r,draggables:o,moveRelativeTo:f,insideDestination:u,viewport:s,afterCritical:l});if(!d)return null;var p=t5({impact:d,draggable:r,droppable:c,draggables:o,afterCritical:l});return{clientSelection:i5({pageBorderBoxCenter:p,draggable:r,viewport:s}),impact:d,scrollJumpRequest:null}}({isMovingForward:c,previousPageBorderBoxCenter:f,draggable:u,isOver:a,draggables:p,droppables:h,viewport:t.viewport,afterCritical:t.afterCritical})};function y5(e){return"DRAGGING"===e.phase||"COLLECTING"===e.phase}function m5(e){var t=L2(e.top,e.bottom),n=L2(e.left,e.right);return function(e){return t(e.y)&&n(e.x)}}var v5=function(e,t){return R1(m2(e,t))};function g5(e){var t=e.displaced,n=e.id;return Boolean(t.visible[n]||t.invisible[n])}var x5=function(e){var t=e.pageOffset,n=e.draggable,r=e.draggables,i=e.droppables,o=e.previousImpact,a=e.viewport,s=e.afterCritical,l=v5(n.page.borderBox,t),c=function(e){var t=e.pageBorderBox,n=e.draggable,r=e.droppables,i=O2(r).filter((function(e){if(!e.isEnabled)return!1;var n,r,i=e.subject.active;if(!i)return!1;if(r=i,!((n=t).left<r.right&&n.right>r.left&&n.top<r.bottom&&n.bottom>r.top))return!1;if(m5(i)(t.center))return!0;var o=e.axis,a=i.center[o.crossAxisLine],s=t[o.crossAxisStart],l=t[o.crossAxisEnd],c=L2(i[o.crossAxisStart],i[o.crossAxisEnd]),u=c(s),f=c(l);return!u&&!f||(u?s<a:l>a)}));return i.length?1===i.length?i[0].descriptor.id:function(e){var t=e.pageBorderBox,n=e.candidates,r=e.draggable.page.borderBox.center,i=n.map((function(e){var n=e.axis,i=d2(e.axis.line,t.center[n.line],e.page.borderBox.center[n.crossAxisLine]);return{id:e.descriptor.id,distance:p2(r,i)}})).sort((function(e,t){return t.distance-e.distance}));return i[0]?i[0].id:null}({pageBorderBox:t,draggable:n,candidates:i}):null}({pageBorderBox:l,draggable:n,droppables:i});if(!c)return F2;var u=i[c],f=T2(u.descriptor.id,r),d=function(e,t){var n=e.frame;return n?v5(t,n.scroll.diff.value):t}(u,l);return function(e){var t=e.draggable,n=e.pageBorderBoxWithDroppableScroll,r=e.previousImpact,i=e.destination,o=e.insideDestination,a=e.afterCritical;if(!i.isCombineEnabled)return null;var s=i.axis,l=u5(i.axis,t.displaceBy),c=l.value,u=n[s.start],f=n[s.end],d=C2(j2(t,o),(function(e){var t=e.descriptor.id,n=e.page.borderBox,i=n[s.size]/4,o=Y2(t,a),l=g5({displaced:r.displaced,id:t});return o?l?f>n[s.start]+i&&f<n[s.end]-i:u>n[s.start]-c+i&&u<n[s.end]-c-i:l?f>n[s.start]+c+i&&f<n[s.end]+c-i:u>n[s.start]+i&&u<n[s.end]-i}));return d?{displacedBy:l,displaced:r.displaced,at:{type:"COMBINE",combine:{draggableId:d.descriptor.id,droppableId:i.descriptor.id}}}:null}({pageBorderBoxWithDroppableScroll:d,draggable:n,previousImpact:o,destination:u,insideDestination:f,afterCritical:s})||function(e){var t=e.pageBorderBoxWithDroppableScroll,n=e.draggable,r=e.destination,i=e.insideDestination,o=e.last,a=e.viewport,s=e.afterCritical,l=r.axis,c=u5(r.axis,n.displaceBy),u=c.value,f=t[l.start],d=t[l.end],p=function(e){var t=e.draggable,n=e.closest;return n?e.inHomeList&&n.descriptor.index>t.descriptor.index?n.descriptor.index-1:n.descriptor.index:null}({draggable:n,closest:C2(j2(n,i),(function(e){var t=e.descriptor.id,n=e.page.borderBox.center[l.line],r=Y2(t,s),i=g5({displaced:o,id:t});return r?i?d<=n:f<n-u:i?d<=n+u:f<n})),inHomeList:M2(n,r)});return Z2({draggable:n,insideDestination:i,destination:r,viewport:a,last:o,displacedBy:c,index:p})}({pageBorderBoxWithDroppableScroll:d,draggable:n,destination:u,insideDestination:f,last:o.displaced,viewport:a,afterCritical:s})},b5=function(e,t){var n;return(0,Lt.Z)({},e,((n={})[t.descriptor.id]=t,n))},w5=function(e){var t=e.state,n=e.clientSelection,r=e.dimensions,i=e.viewport,o=e.impact,a=e.scrollJumpRequest,s=i||t.viewport,l=r||t.dimensions,c=n||t.current.client.selection,u=c2(c,t.initial.client.selection),f={offset:u,selection:c,borderBoxCenter:l2(t.initial.client.borderBoxCenter,u)},d={selection:l2(f.selection,s.scroll.current),borderBoxCenter:l2(f.borderBoxCenter,s.scroll.current),offset:l2(f.offset,s.scroll.diff.value)},p={client:f,page:d};if("COLLECTING"===t.phase)return(0,Lt.Z)({phase:"COLLECTING"},t,{dimensions:l,viewport:s,current:p});var h=l.draggables[t.critical.draggable.id],y=o||x5({pageOffset:d.offset,draggable:h,draggables:l.draggables,droppables:l.droppables,previousImpact:t.impact,viewport:s,afterCritical:t.afterCritical}),m=function(e){var t=e.draggable,n=e.draggables,r=e.droppables,i=e.impact,o=function(e){var t=e.previousImpact,n=e.impact,r=e.droppables,i=p5(t),o=p5(n);if(!i)return r;if(i===o)return r;var a=r[i];if(!a.subject.withPlaceholder)return r;var s=function(e){var t=e.subject.withPlaceholder;t||X1(!1);var n=e.frame;if(!n){var r=x2({page:e.subject.page,axis:e.axis,frame:null,withPlaceholder:null});return(0,Lt.Z)({},e,{subject:r})}var i=t.oldFrameMaxScroll;i||X1(!1);var o=f5(n,i),a=x2({page:e.subject.page,axis:e.axis,frame:o,withPlaceholder:null});return(0,Lt.Z)({},e,{subject:a,frame:o})}(a);return b5(r,s)}({previousImpact:e.previousImpact,impact:i,droppables:r}),a=p5(i);if(!a)return o;var s=r[a];if(M2(t,s))return o;if(s.subject.withPlaceholder)return o;var l=d5(s,t,n);return b5(o,l)}({draggable:h,impact:y,previousImpact:t.impact,draggables:l.draggables,droppables:l.droppables});return(0,Lt.Z)({},t,{current:p,dimensions:{draggables:l.draggables,droppables:m},impact:y,viewport:s,scrollJumpRequest:a||null,forceShouldAnimate:!a&&null})},S5=function(e){var t=e.impact,n=e.viewport,r=e.draggables,i=e.destination,o=e.forceShouldAnimate,a=t.displaced,s=function(e,t){return e.map((function(e){return t[e]}))}(a.all,r),l=q2({afterDragging:s,destination:i,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:o,last:a});return(0,Lt.Z)({},t,{displaced:l})},C5=function(e){var t=e.impact,n=e.draggable,r=e.droppable,i=e.draggables,o=e.viewport,a=e.afterCritical,s=t5({impact:t,draggable:n,draggables:i,droppable:r,afterCritical:a});return i5({pageBorderBoxCenter:s,draggable:n,viewport:o})},E5=function(e){var t=e.state,n=e.dimensions,r=e.viewport;"SNAP"!==t.movementMode&&X1(!1);var i=t.impact,o=r||t.viewport,a=n||t.dimensions,s=a.draggables,l=a.droppables,c=s[t.critical.draggable.id],u=p5(i);u||X1(!1);var f=l[u],d=S5({impact:i,viewport:o,destination:f,draggables:s}),p=C5({impact:d,draggable:c,droppable:f,draggables:s,viewport:o,afterCritical:t.afterCritical});return w5({impact:d,clientSelection:p,state:t,dimensions:a,viewport:o})},k5=function(e){var t=e.draggable,n=e.home,r=e.draggables,i=e.viewport,o=u5(n.axis,t.displaceBy),a=T2(n.descriptor.id,r),s=a.indexOf(t);-1===s&&X1(!1);var l,c=a.slice(s+1),u=c.reduce((function(e,t){return e[t.descriptor.id]=!0,e}),{}),f={inVirtualList:"virtual"===n.descriptor.mode,displacedBy:o,effected:u};return{impact:{displaced:q2({afterDragging:c,destination:n,displacedBy:o,last:null,viewport:i.frame,forceShouldAnimate:!1}),displacedBy:o,at:{type:"REORDER",destination:(l=t.descriptor,{index:l.index,droppableId:l.droppableId})}},afterCritical:f}},_5=function(e){return"SNAP"===e.movementMode},O5=function(e,t,n){var r=function(e,t){return{draggables:e.draggables,droppables:b5(e.droppables,t)}}(e.dimensions,t);return!_5(e)||n?w5({state:e,dimensions:r}):E5({state:e,dimensions:r})};function P5(e){return e.isDragging&&"SNAP"===e.movementMode?(0,Lt.Z)({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var T5={phase:"IDLE",completed:null,shouldFlush:!1},I5=function(e,t){if(void 0===e&&(e=T5),"FLUSH"===t.type)return(0,Lt.Z)({},T5,{shouldFlush:!0});if("INITIAL_PUBLISH"===t.type){"IDLE"!==e.phase&&X1(!1);var n=t.payload,r=n.critical,i=n.clientSelection,o=n.viewport,a=n.dimensions,s=n.movementMode,l=a.draggables[r.draggable.id],c=a.droppables[r.droppable.id],u={selection:i,borderBoxCenter:l.client.borderBox.center,offset:s2},f={client:u,page:{selection:l2(u.selection,o.scroll.initial),borderBoxCenter:l2(u.selection,o.scroll.initial),offset:l2(u.selection,o.scroll.diff.value)}},d=O2(a.droppables).every((function(e){return!e.isFixedOnPage})),p=k5({draggable:l,home:c,draggables:a.draggables,viewport:o}),h=p.impact;return{phase:"DRAGGING",isDragging:!0,critical:r,movementMode:s,dimensions:a,initial:f,current:f,isWindowScrollAllowed:d,impact:h,afterCritical:p.afterCritical,onLiftImpact:h,viewport:o,scrollJumpRequest:null,forceShouldAnimate:null}}if("COLLECTION_STARTING"===t.type)return"COLLECTING"===e.phase||"DROP_PENDING"===e.phase?e:("DRAGGING"!==e.phase&&X1(!1),(0,Lt.Z)({phase:"COLLECTING"},e,{phase:"COLLECTING"}));if("PUBLISH_WHILE_DRAGGING"===t.type)return"COLLECTING"!==e.phase&&"DROP_PENDING"!==e.phase&&X1(!1),function(e){var t=e.state,n=e.published,r=n.modified.map((function(e){var n=t.dimensions.droppables[e.droppableId];return b2(n,e.scroll)})),i=(0,Lt.Z)({},t.dimensions.droppables,{},k2(r)),o=_2(function(e){var t=e.additions,n=e.updatedDroppables,r=e.viewport,i=r.scroll.diff.value;return t.map((function(e){var t=e.descriptor.droppableId,o=function(e){var t=e.frame;return t||X1(!1),t}(n[t]),a=o.scroll.diff.value,s=function(e){var t=e.draggable,n=e.offset,r=e.initialWindowScroll,i=V1(t.client,n),o=U1(i,r);return(0,Lt.Z)({},t,{placeholder:(0,Lt.Z)({},t.placeholder,{client:i}),client:i,page:o})}({draggable:e,offset:l2(i,a),initialWindowScroll:r.scroll.initial});return s}))}({additions:n.additions,updatedDroppables:i,viewport:t.viewport})),a=(0,Lt.Z)({},t.dimensions.draggables,{},o);n.removals.forEach((function(e){delete a[e]}));var s={droppables:i,draggables:a},l=p5(t.impact),c=l?s.droppables[l]:null,u=s.draggables[t.critical.draggable.id],f=s.droppables[t.critical.droppable.id],d=k5({draggable:u,home:f,draggables:a,viewport:t.viewport}),p=d.impact,h=d.afterCritical,y=c&&c.isCombineEnabled?t.impact:p,m=x5({pageOffset:t.current.page.offset,draggable:s.draggables[t.critical.draggable.id],draggables:s.draggables,droppables:s.droppables,previousImpact:y,viewport:t.viewport,afterCritical:h}),v=(0,Lt.Z)({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:m,onLiftImpact:p,dimensions:s,afterCritical:h,forceShouldAnimate:!1});return"COLLECTING"===t.phase?v:(0,Lt.Z)({phase:"DROP_PENDING"},v,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1})}({state:e,published:t.payload});if("MOVE"===t.type){if("DROP_PENDING"===e.phase)return e;y5(e)||X1(!1);var y=t.payload.client;return u2(y,e.current.client.selection)?e:w5({state:e,clientSelection:y,impact:_5(e)?e.impact:null})}if("UPDATE_DROPPABLE_SCROLL"===t.type){if("DROP_PENDING"===e.phase)return P5(e);if("COLLECTING"===e.phase)return P5(e);y5(e)||X1(!1);var m=t.payload,v=m.id,g=m.newScroll,x=e.dimensions.droppables[v];if(!x)return e;var b=b2(x,g);return O5(e,b,!1)}if("UPDATE_DROPPABLE_IS_ENABLED"===t.type){if("DROP_PENDING"===e.phase)return e;y5(e)||X1(!1);var w=t.payload,S=w.id,C=w.isEnabled,E=e.dimensions.droppables[S];E||X1(!1),E.isEnabled===C&&X1(!1);var k=(0,Lt.Z)({},E,{isEnabled:C});return O5(e,k,!0)}if("UPDATE_DROPPABLE_IS_COMBINE_ENABLED"===t.type){if("DROP_PENDING"===e.phase)return e;y5(e)||X1(!1);var _=t.payload,O=_.id,P=_.isCombineEnabled,T=e.dimensions.droppables[O];T||X1(!1),T.isCombineEnabled===P&&X1(!1);var I=(0,Lt.Z)({},T,{isCombineEnabled:P});return O5(e,I,!0)}if("MOVE_BY_WINDOW_SCROLL"===t.type){if("DROP_PENDING"===e.phase||"DROP_ANIMATING"===e.phase)return e;y5(e)||X1(!1),e.isWindowScrollAllowed||X1(!1);var A=t.payload.newScroll;if(u2(e.viewport.scroll.current,A))return P5(e);var j=n5(e.viewport,A);return _5(e)?E5({state:e,viewport:j}):w5({state:e,viewport:j})}if("UPDATE_VIEWPORT_MAX_SCROLL"===t.type){if(!y5(e))return e;var M=t.payload.maxScroll;if(u2(M,e.viewport.scroll.max))return e;var D=(0,Lt.Z)({},e.viewport,{scroll:(0,Lt.Z)({},e.viewport.scroll,{max:M})});return(0,Lt.Z)({phase:"DRAGGING"},e,{viewport:D})}if("MOVE_UP"===t.type||"MOVE_DOWN"===t.type||"MOVE_LEFT"===t.type||"MOVE_RIGHT"===t.type){if("COLLECTING"===e.phase||"DROP_PENDING"===e.phase)return e;"DRAGGING"!==e.phase&&X1(!1);var R=h5({state:e,type:t.type});return R?w5({state:e,impact:R.impact,clientSelection:R.clientSelection,scrollJumpRequest:R.scrollJumpRequest}):e}if("DROP_PENDING"===t.type){var F=t.payload.reason;return"COLLECTING"!==e.phase&&X1(!1),(0,Lt.Z)({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:F})}if("DROP_ANIMATE"===t.type){var L=t.payload,B=L.completed,N=L.dropDuration,z=L.newHomeClientOffset;return"DRAGGING"!==e.phase&&"DROP_PENDING"!==e.phase&&X1(!1),{phase:"DROP_ANIMATING",completed:B,dropDuration:N,newHomeClientOffset:z,dimensions:e.dimensions}}return"DROP_COMPLETE"===t.type?{phase:"IDLE",completed:t.payload.completed,shouldFlush:!1}:e},A5=function(e){return{type:"LIFT",payload:e}},j5=function(e){return{type:"PUBLISH_WHILE_DRAGGING",payload:e}},M5=function(){return{type:"COLLECTION_STARTING",payload:null}},D5=function(e){return{type:"UPDATE_DROPPABLE_SCROLL",payload:e}},R5=function(e){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:e}},F5=function(e){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:e}},L5=function(e){return{type:"MOVE",payload:e}},B5=function(){return{type:"MOVE_UP",payload:null}},N5=function(){return{type:"MOVE_DOWN",payload:null}},z5=function(){return{type:"MOVE_RIGHT",payload:null}},V5=function(){return{type:"MOVE_LEFT",payload:null}},U5=function(){return{type:"FLUSH",payload:null}},H5=function(e){return{type:"DROP_COMPLETE",payload:e}},G5=function(e){return{type:"DROP",payload:e}},W5="cubic-bezier(.2,1,.1,1)",q5=0,$5=.7,Z5=.75,Y5="0.2s cubic-bezier(0.2, 0, 0, 1)",Q5={fluid:"opacity "+Y5,snap:"transform "+Y5+", opacity "+Y5,drop:function(e){var t=e+"s "+W5;return"transform "+t+", opacity "+t},outOfTheWay:"transform "+Y5,placeholder:"height "+Y5+", width "+Y5+", margin "+Y5},K5=function(e){return u2(e,s2)?null:"translate("+e.x+"px, "+e.y+"px)"},X5=K5,J5=function(e,t){var n=K5(e);return n?t?n+" scale("+Z5+")":n:null},e3=.33,t3=function(e){var t=e.getState,n=e.dispatch;return function(e){return function(r){if("DROP"===r.type){var i=t(),o=r.payload.reason;if("COLLECTING"!==i.phase){if("IDLE"!==i.phase){"DROP_PENDING"===i.phase&&i.isWaiting&&X1(!1),"DRAGGING"!==i.phase&&"DROP_PENDING"!==i.phase&&X1(!1);var a=i.critical,s=i.dimensions,l=s.draggables[i.critical.draggable.id],c=function(e){var t=e.draggables,n=e.reason,r=e.lastImpact,i=e.home,o=e.viewport,a=e.onLiftImpact;return r.at&&"DROP"===n?"REORDER"===r.at.type?{impact:r,didDropInsideDroppable:!0}:{impact:(0,Lt.Z)({},r,{displaced:R2}),didDropInsideDroppable:!0}:{impact:S5({draggables:t,impact:a,destination:i,viewport:o,forceShouldAnimate:!0}),didDropInsideDroppable:!1}}({reason:o,lastImpact:i.impact,afterCritical:i.afterCritical,onLiftImpact:i.onLiftImpact,home:i.dimensions.droppables[i.critical.droppable.id],viewport:i.viewport,draggables:i.dimensions.draggables}),u=c.impact,f=c.didDropInsideDroppable,d=f?I2(u):null,p=f?A2(u):null,h={index:a.draggable.index,droppableId:a.droppable.id},y={draggableId:l.descriptor.id,type:l.descriptor.type,source:h,reason:o,mode:i.movementMode,destination:d,combine:p},m=function(e){var t=e.impact,n=e.draggable,r=e.dimensions,i=e.viewport,o=e.afterCritical,a=r.draggables,s=r.droppables,l=p5(t),c=l?s[l]:null,u=s[n.descriptor.droppableId],f=C5({impact:t,draggable:n,draggables:a,afterCritical:o,droppable:c||u,viewport:i});return c2(f,n.client.borderBox.center)}({impact:u,draggable:l,dimensions:s,viewport:i.viewport,afterCritical:i.afterCritical}),v={critical:i.critical,afterCritical:i.afterCritical,result:y,impact:u};if(!u2(i.current.client.offset,m)||Boolean(y.combine)){var g=function(e){var t=e.reason,n=p2(e.current,e.destination);if(n<=0)return e3;if(n>=1500)return.55;var r=e3+n/1500*.22000000000000003;return Number(("CANCEL"===t?.6*r:r).toFixed(2))}({current:i.current.client.offset,destination:m,reason:o});n({type:"DROP_ANIMATE",payload:{newHomeClientOffset:m,dropDuration:g,completed:v}})}else n(H5({completed:v}))}}else n(function(e){return{type:"DROP_PENDING",payload:e}}({reason:o}))}else e(r)}}},n3=function(){return{x:window.pageXOffset,y:window.pageYOffset}};var r3=function(e){var t=function(e){var t,n=e.onWindowScroll,r=W1((function(){n(n3())})),i=(t=r,{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(e){e.target!==window&&e.target!==window.document||t()}}),o=$1;function a(){return o!==$1}return{start:function(){a()&&X1(!1),o=Z1(window,[i])},stop:function(){a()||X1(!1),r.cancel(),o(),o=$1},isActive:a}}({onWindowScroll:function(t){e.dispatch({type:"MOVE_BY_WINDOW_SCROLL",payload:{newScroll:t}})}});return function(e){return function(n){t.isActive()||"INITIAL_PUBLISH"!==n.type||t.start(),t.isActive()&&function(e){return"DROP_COMPLETE"===e.type||"DROP_ANIMATE"===e.type||"FLUSH"===e.type}(n)&&t.stop(),e(n)}}},i3=function(e,t){t()},o3=function(e,t){return{draggableId:e.draggable.id,type:e.droppable.type,source:{droppableId:e.droppable.id,index:e.draggable.index},mode:t}},a3=function(e,t,n,r){if(e){var i=function(e){var t=!1,n=!1,r=setTimeout((function(){n=!0})),i=function(i){t||n||(t=!0,e(i),clearTimeout(r))};return i.wasCalled=function(){return t},i}(n);e(t,{announce:i}),i.wasCalled()||n(r(t))}else n(r(t))},s3=function(e,t){var n=function(e,t){var n,r=(n=[],{add:function(e){var t=setTimeout((function(){return function(e){var t=S2(n,(function(t){return t.timerId===e}));-1===t&&X1(!1),n.splice(t,1)[0].callback()}(t)})),r={timerId:t,callback:e};n.push(r)},flush:function(){if(n.length){var e=[].concat(n);n.length=0,e.forEach((function(e){clearTimeout(e.timerId),e.callback()}))}}}),i=null,o=function(n){i||X1(!1),i=null,i3(0,(function(){return a3(e().onDragEnd,n,t,a2)}))};return{beforeCapture:function(t,n){i&&X1(!1),i3(0,(function(){var r=e().onBeforeCapture;r&&r({draggableId:t,mode:n})}))},beforeStart:function(t,n){i&&X1(!1),i3(0,(function(){var r=e().onBeforeDragStart;r&&r(o3(t,n))}))},start:function(n,o){i&&X1(!1);var a=o3(n,o);i={mode:o,lastCritical:n,lastLocation:a.source,lastCombine:null},r.add((function(){i3(0,(function(){return a3(e().onDragStart,a,t,i2)}))}))},update:function(n,o){var a=I2(o),s=A2(o);i||X1(!1);var l=!function(e,t){if(e===t)return!0;var n=e.draggable.id===t.draggable.id&&e.draggable.droppableId===t.draggable.droppableId&&e.draggable.type===t.draggable.type&&e.draggable.index===t.draggable.index,r=e.droppable.id===t.droppable.id&&e.droppable.type===t.droppable.type;return n&&r}(n,i.lastCritical);l&&(i.lastCritical=n);var c,u,f=(u=a,!(null==(c=i.lastLocation)&&null==u||null!=c&&null!=u&&c.droppableId===u.droppableId&&c.index===u.index));f&&(i.lastLocation=a);var d=!function(e,t){return null==e&&null==t||null!=e&&null!=t&&e.draggableId===t.draggableId&&e.droppableId===t.droppableId}(i.lastCombine,s);if(d&&(i.lastCombine=s),l||f||d){var p=(0,Lt.Z)({},o3(n,i.mode),{combine:s,destination:a});r.add((function(){i3(0,(function(){return a3(e().onDragUpdate,p,t,o2)}))}))}},flush:function(){i||X1(!1),r.flush()},drop:o,abort:function(){if(i){var e=(0,Lt.Z)({},o3(i.lastCritical,i.mode),{combine:null,destination:null,reason:"CANCEL"});o(e)}}}}(e,t);return function(e){return function(t){return function(r){if("BEFORE_INITIAL_CAPTURE"!==r.type){if("INITIAL_PUBLISH"===r.type){var i=r.payload.critical;return n.beforeStart(i,r.payload.movementMode),t(r),void n.start(i,r.payload.movementMode)}if("DROP_COMPLETE"===r.type){var o=r.payload.completed.result;return n.flush(),t(r),void n.drop(o)}if(t(r),"FLUSH"!==r.type){var a=e.getState();"DRAGGING"===a.phase&&n.update(a.critical,a.impact)}else n.abort()}else n.beforeCapture(r.payload.draggableId,r.payload.movementMode)}}}},l3=function(e){return function(t){return function(n){if("DROP_ANIMATION_FINISHED"===n.type){var r=e.getState();"DROP_ANIMATING"!==r.phase&&X1(!1),e.dispatch(H5({completed:r.completed}))}else t(n)}}},c3=function(e){var t=null,n=null;return function(r){return function(i){if("FLUSH"!==i.type&&"DROP_COMPLETE"!==i.type&&"DROP_ANIMATION_FINISHED"!==i.type||(n&&(cancelAnimationFrame(n),n=null),t&&(t(),t=null)),r(i),"DROP_ANIMATE"===i.type){var o={eventName:"scroll",options:{capture:!0,passive:!1,once:!0},fn:function(){"DROP_ANIMATING"===e.getState().phase&&e.dispatch({type:"DROP_ANIMATION_FINISHED",payload:null})}};n=requestAnimationFrame((function(){n=null,t=Z1(window,[o])}))}}}},u3=function(e){return function(t){return function(n){if(t(n),"PUBLISH_WHILE_DRAGGING"===n.type){var r=e.getState();"DROP_PENDING"===r.phase&&(r.isWaiting||e.dispatch(G5({reason:r.reason})))}}}},f3=Z0,d3=function(e){var t,n=e.dimensionMarshal,r=e.focusMarshal,i=e.styleMarshal,o=e.getResponders,a=e.announce,s=e.autoScroller;return W0(I5,f3(function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){return function(){var n=e.apply(void 0,arguments),r=function(){throw new Error(V0(15))},i={getState:n.getState,dispatch:function(){return r.apply(void 0,arguments)}},o=t.map((function(e){return e(i)}));return r=Z0.apply(void 0,o)(n.dispatch),vT(vT({},n),{},{dispatch:r})}}}((t=i,function(){return function(e){return function(n){"INITIAL_PUBLISH"===n.type&&t.dragging(),"DROP_ANIMATE"===n.type&&t.dropping(n.payload.completed.result.reason),"FLUSH"!==n.type&&"DROP_COMPLETE"!==n.type||t.resting(),e(n)}}}),function(e){return function(){return function(t){return function(n){"DROP_COMPLETE"!==n.type&&"FLUSH"!==n.type&&"DROP_ANIMATE"!==n.type||e.stopPublishing(),t(n)}}}}(n),function(e){return function(t){var n=t.getState,r=t.dispatch;return function(t){return function(i){if("LIFT"===i.type){var o=i.payload,a=o.id,s=o.clientSelection,l=o.movementMode,c=n();"DROP_ANIMATING"===c.phase&&r(H5({completed:c.completed})),"IDLE"!==n().phase&&X1(!1),r(U5()),r({type:"BEFORE_INITIAL_CAPTURE",payload:{draggableId:a,movementMode:l}});var u={draggableId:a,scrollOptions:{shouldPublishImmediately:"SNAP"===l}},f=e.startPublishing(u),d=f.critical,p=f.dimensions,h=f.viewport;r({type:"INITIAL_PUBLISH",payload:{critical:d,dimensions:p,clientSelection:s,movementMode:l,viewport:h}})}else t(i)}}}}(n),t3,l3,c3,u3,function(e){return function(t){return function(n){return function(r){if(function(e){return"DROP_COMPLETE"===e.type||"DROP_ANIMATE"===e.type||"FLUSH"===e.type}(r))return e.stop(),void n(r);if("INITIAL_PUBLISH"===r.type){n(r);var i=t.getState();return"DRAGGING"!==i.phase&&X1(!1),void e.start(i)}n(r),e.scroll(t.getState())}}}}(s),r3,function(e){var t=!1;return function(){return function(n){return function(r){if("INITIAL_PUBLISH"===r.type)return t=!0,e.tryRecordFocus(r.payload.critical.draggable.id),n(r),void e.tryRestoreFocusRecorded();if(n(r),t){if("FLUSH"===r.type)return t=!1,void e.tryRestoreFocusRecorded();if("DROP_COMPLETE"===r.type){t=!1;var i=r.payload.completed.result;i.combine&&e.tryShiftRecord(i.draggableId,i.combine.draggableId),e.tryRestoreFocusRecorded()}}}}}}(r),s3(o,a))))},p3=function(e){var t=e.scrollHeight,n=e.scrollWidth,r=e.height,i=e.width,o=c2({x:n,y:t},{x:i,y:r});return{x:Math.max(0,o.x),y:Math.max(0,o.y)}},h3=function(){var e=document.documentElement;return e||X1(!1),e},y3=function(){var e=h3();return p3({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight})};function m3(e,t,n){return n.descriptor.id!==t.id&&n.descriptor.type===t.type&&"virtual"===e.droppable.getById(n.descriptor.droppableId).descriptor.mode}var v3,g3,x3=function(e,t){var n=null,r=function(e){var t=e.registry,n=e.callbacks,r={additions:{},removals:{},modified:{}},i=null,o=function(){i||(n.collectionStarting(),i=requestAnimationFrame((function(){i=null;var e=r,o=e.additions,a=e.removals,s=e.modified,l=Object.keys(o).map((function(e){return t.draggable.getById(e).getDimension(s2)})).sort((function(e,t){return e.descriptor.index-t.descriptor.index})),c=Object.keys(s).map((function(e){return{droppableId:e,scroll:t.droppable.getById(e).callbacks.getScrollWhileDragging()}})),u={additions:l,removals:Object.keys(a),modified:c};r={additions:{},removals:{},modified:{}},n.publish(u)})))};return{add:function(e){var t=e.descriptor.id;r.additions[t]=e,r.modified[e.descriptor.droppableId]=!0,r.removals[t]&&delete r.removals[t],o()},remove:function(e){var t=e.descriptor;r.removals[t.id]=!0,r.modified[t.droppableId]=!0,r.additions[t.id]&&delete r.additions[t.id],o()},stop:function(){i&&(cancelAnimationFrame(i),i=null,r={additions:{},removals:{},modified:{}})}}}({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),i=function(t){n||X1(!1);var i=n.critical.draggable;"ADDITION"===t.type&&m3(e,i,t.value)&&r.add(t.value),"REMOVAL"===t.type&&m3(e,i,t.value)&&r.remove(t.value)},o={updateDroppableIsEnabled:function(r,i){e.droppable.exists(r)||X1(!1),n&&t.updateDroppableIsEnabled({id:r,isEnabled:i})},updateDroppableIsCombineEnabled:function(r,i){n&&(e.droppable.exists(r)||X1(!1),t.updateDroppableIsCombineEnabled({id:r,isCombineEnabled:i}))},scrollDroppable:function(t,r){n&&e.droppable.getById(t).callbacks.scroll(r)},updateDroppableScroll:function(r,i){n&&(e.droppable.exists(r)||X1(!1),t.updateDroppableScroll({id:r,newScroll:i}))},startPublishing:function(t){n&&X1(!1);var r=e.draggable.getById(t.draggableId),o=e.droppable.getById(r.descriptor.droppableId),a={draggable:r.descriptor,droppable:o.descriptor},s=e.subscribe(i);return n={critical:a,unsubscribe:s},function(e){var t,n,r,i,o,a,s,l=e.critical,c=e.scrollOptions,u=e.registry,f=(t=n3(),n=y3(),r=t.y,i=t.x,a=(o=h3()).clientWidth,s=o.clientHeight,{frame:R1({top:r,left:i,right:i+a,bottom:r+s}),scroll:{initial:t,current:t,max:n,diff:{value:s2,displacement:s2}}}),d=f.scroll.current,p=l.droppable,h=u.droppable.getAllByType(p.type).map((function(e){return e.callbacks.getDimensionAndWatchScroll(d,c)})),y=u.draggable.getAllByType(l.draggable.type).map((function(e){return e.getDimension(d)}));return{dimensions:{draggables:_2(y),droppables:k2(h)},critical:l,viewport:f}}({critical:a,registry:e,scrollOptions:t.scrollOptions})},stopPublishing:function(){if(n){r.stop();var t=n.critical.droppable;e.droppable.getAllByType(t.type).forEach((function(e){return e.callbacks.dragStopped()})),n.unsubscribe(),n=null}}};return o},b3=function(e,t){return"IDLE"===e.phase||"DROP_ANIMATING"===e.phase&&e.completed.result.draggableId!==t&&"DROP"===e.completed.result.reason},w3=function(e){window.scrollBy(e.x,e.y)},S3=ka((function(e){return O2(e).filter((function(e){return!!e.isEnabled&&!!e.frame}))})),C3=function(e){return Math.pow(e,2)},E3=function(e){var t=e.startOfRange,n=e.endOfRange,r=e.current,i=n-t;return 0===i?0:(r-t)/i},k3=360,_3=1200,O3=function(e){var t=e.distanceToEdge,n=e.thresholds,r=e.dragStartTime,i=e.shouldUseTimeDampening,o=function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return 28;if(e===t.startScrollingFrom)return 1;var n=E3({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),r=28*C3(1-n);return Math.ceil(r)}(t,n);return 0===o?0:i?Math.max(function(e,t){var n=t,r=_3,i=Date.now()-n;if(i>=_3)return e;if(i<k3)return 1;var o=E3({startOfRange:k3,endOfRange:r,current:i}),a=e*C3(o);return Math.ceil(a)}(o,r),1):o},P3=function(e){var t=e.container,n=e.distanceToEdges,r=e.dragStartTime,i=e.axis,o=e.shouldUseTimeDampening,a=function(e,t){return{startScrollingFrom:.25*e[t.size],maxScrollValueAt:.05*e[t.size]}}(t,i);return n[i.end]<n[i.start]?O3({distanceToEdge:n[i.end],thresholds:a,dragStartTime:r,shouldUseTimeDampening:o}):-1*O3({distanceToEdge:n[i.start],thresholds:a,dragStartTime:r,shouldUseTimeDampening:o})},T3=y2((function(e){return 0===e?0:e})),I3=function(e){var t=e.dragStartTime,n=e.container,r=e.subject,i=e.center,o=e.shouldUseTimeDampening,a={top:i.y-n.top,right:n.right-i.x,bottom:n.bottom-i.y,left:i.x-n.left},s=P3({container:n,distanceToEdges:a,dragStartTime:t,axis:z2,shouldUseTimeDampening:o}),l=P3({container:n,distanceToEdges:a,dragStartTime:t,axis:V2,shouldUseTimeDampening:o}),c=T3({x:l,y:s});if(u2(c,s2))return null;var u=function(e){var t=e.container,n=e.subject,r=e.proposedScroll,i=n.height>t.height,o=n.width>t.width;return o||i?o&&i?null:{x:o?0:r.x,y:i?0:r.y}:r}({container:n,subject:r,proposedScroll:c});return u?u2(u,s2)?null:u:null},A3=y2((function(e){return 0===e?0:e>0?1:-1})),j3=(v3=function(e,t){return e<0?e:e>t?e-t:0},function(e){var t=e.current,n=e.max,r=e.change,i=l2(t,r),o={x:v3(i.x,n.x),y:v3(i.y,n.y)};return u2(o,s2)?null:o}),M3=function(e){var t=e.max,n=e.current,r=e.change,i={x:Math.max(n.x,t.x),y:Math.max(n.y,t.y)},o=A3(r),a=j3({max:i,current:n,change:o});return!a||0!==o.x&&0===a.x||0!==o.y&&0===a.y},D3=function(e,t){return M3({current:e.scroll.current,max:e.scroll.max,change:t})},R3=function(e,t){var n=e.frame;return!!n&&M3({current:n.scroll.current,max:n.scroll.max,change:t})},F3=function(e){var t=e.state,n=e.dragStartTime,r=e.shouldUseTimeDampening,i=e.scrollWindow,o=e.scrollDroppable,a=t.current.page.borderBoxCenter,s=t.dimensions.draggables[t.critical.draggable.id].page.marginBox;if(t.isWindowScrollAllowed){var l=function(e){var t=e.viewport,n=e.subject,r=e.center,i=e.shouldUseTimeDampening,o=I3({dragStartTime:e.dragStartTime,container:t.frame,subject:n,center:r,shouldUseTimeDampening:i});return o&&D3(t,o)?o:null}({dragStartTime:n,viewport:t.viewport,subject:s,center:a,shouldUseTimeDampening:r});if(l)return void i(l)}var c=function(e){var t=e.center,n=e.destination,r=e.droppables;if(n){var i=r[n];return i.frame?i:null}var o=function(e,t){var n=C2(S3(t),(function(t){return t.frame||X1(!1),m5(t.frame.pageMarginBox)(e)}));return n}(t,r);return o}({center:a,destination:p5(t.impact),droppables:t.dimensions.droppables});if(c){var u=function(e){var t=e.droppable,n=e.subject,r=e.center,i=e.dragStartTime,o=e.shouldUseTimeDampening,a=t.frame;if(!a)return null;var s=I3({dragStartTime:i,container:a.pageMarginBox,subject:n,center:r,shouldUseTimeDampening:o});return s&&R3(t,s)?s:null}({dragStartTime:n,droppable:c,subject:s,center:a,shouldUseTimeDampening:r});u&&o(c.descriptor.id,u)}},L3=function(e){var t=e.move,n=e.scrollDroppable,r=e.scrollWindow;return function(e){var i=e.scrollJumpRequest;if(i){var o=p5(e.impact);o||X1(!1);var a=function(e,t){if(!R3(e,t))return t;var r=function(e,t){var n=e.frame;return n&&R3(e,t)?j3({current:n.scroll.current,max:n.scroll.max,change:t}):null}(e,t);if(!r)return n(e.descriptor.id,t),null;var i=c2(t,r);return n(e.descriptor.id,i),c2(t,i)}(e.dimensions.droppables[o],i);if(a){var s=e.viewport,l=function(e,t,n){if(!e)return n;if(!D3(t,n))return n;var i=function(e,t){if(!D3(e,t))return null;var n=e.scroll.max,r=e.scroll.current;return j3({current:r,max:n,change:t})}(t,n);if(!i)return r(n),null;var o=c2(n,i);return r(o),c2(n,o)}(e.isWindowScrollAllowed,s,a);l&&function(e,n){var r=l2(e.current.client.selection,n);t({client:r})}(e,l)}}}},B3=function(e){var t=e.scrollDroppable,n=e.scrollWindow,r=e.move,i=function(e){var t=e.scrollDroppable,n=W1(e.scrollWindow),r=W1(t),i=null,o=function(e){i||X1(!1);var t=i,o=t.shouldUseTimeDampening,a=t.dragStartTime;F3({state:e,scrollWindow:n,scrollDroppable:r,dragStartTime:a,shouldUseTimeDampening:o})};return{start:function(e){i&&X1(!1);var t=Date.now(),n=!1,r=function(){n=!0};F3({state:e,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:r,scrollDroppable:r}),i={dragStartTime:t,shouldUseTimeDampening:n},n&&o(e)},stop:function(){i&&(n.cancel(),r.cancel(),i=null)},scroll:o}}({scrollWindow:n,scrollDroppable:t}),o=L3({move:r,scrollWindow:n,scrollDroppable:t});return{scroll:function(e){"DRAGGING"===e.phase&&("FLUID"!==e.movementMode?e.scrollJumpRequest&&o(e):i.scroll(e))},start:i.start,stop:i.stop}},N3="data-rbd",z3={base:g3=N3+"-drag-handle",draggableId:g3+"-draggable-id",contextId:g3+"-context-id"},V3=function(){var e=N3+"-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),U3=function(){var e=N3+"-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),H3={contextId:N3+"-scroll-container-context-id"},G3=function(e,t){return e.map((function(e){var n=e.styles[t];return n?e.selector+" { "+n+" }":""})).join(" ")},W3=function(e){var t,n,r=function(e){return function(t){return"["+t+'="'+e+'"]'}}(e),i=(t="\n cursor: -webkit-grab;\n cursor: grab;\n ",{selector:r(z3.contextId),styles:{always:"\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n touch-action: manipulation;\n ",resting:t,dragging:"pointer-events: none;",dropAnimating:t}}),o=[(n="\n transition: "+Q5.outOfTheWay+";\n ",{selector:r(V3.contextId),styles:{dragging:n,dropAnimating:n,userCancel:n}}),i,{selector:r(U3.contextId),styles:{always:"overflow-anchor: none;"}},{selector:"body",styles:{dragging:"\n cursor: grabbing;\n cursor: -webkit-grabbing;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n overflow-anchor: none;\n "}}];return{always:G3(o,"always"),resting:G3(o,"resting"),dragging:G3(o,"dragging"),dropAnimating:G3(o,"dropAnimating"),userCancel:G3(o,"userCancel")}},q3="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?E.useLayoutEffect:E.useEffect,$3=function(){var e=document.querySelector("head");return e||X1(!1),e},Z3=function(e){var t=document.createElement("style");return e&&t.setAttribute("nonce",e),t.type="text/css",t},Y3=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function Q3(e){return e instanceof Y3(e).HTMLElement}function K3(){var e={draggables:{},droppables:{}},t=[];function n(e){t.length&&t.forEach((function(t){return t(e)}))}function r(t){return e.draggables[t]||null}function i(t){return e.droppables[t]||null}return{draggable:{register:function(t){e.draggables[t.descriptor.id]=t,n({type:"ADDITION",value:t})},update:function(t,n){var r=e.draggables[n.descriptor.id];r&&r.uniqueId===t.uniqueId&&(delete e.draggables[n.descriptor.id],e.draggables[t.descriptor.id]=t)},unregister:function(t){var i=t.descriptor.id,o=r(i);o&&t.uniqueId===o.uniqueId&&(delete e.draggables[i],n({type:"REMOVAL",value:t}))},getById:function(e){var t=r(e);return t||X1(!1),t},findById:r,exists:function(e){return Boolean(r(e))},getAllByType:function(t){return w2(e.draggables).filter((function(e){return e.descriptor.type===t}))}},droppable:{register:function(t){e.droppables[t.descriptor.id]=t},unregister:function(t){var n=i(t.descriptor.id);n&&t.uniqueId===n.uniqueId&&delete e.droppables[t.descriptor.id]},getById:function(e){var t=i(e);return t||X1(!1),t},findById:i,exists:function(e){return Boolean(i(e))},getAllByType:function(t){return w2(e.droppables).filter((function(e){return e.descriptor.type===t}))}},subscribe:function(e){return t.push(e),function(){var n=t.indexOf(e);-1!==n&&t.splice(n,1)}},clean:function(){e.draggables={},e.droppables={},t.length=0}}}var X3=k().createContext(null),J3=function(){var e=document.body;return e||X1(!1),e},e6={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},t6=function(e){return"rbd-announcement-"+e},n6=0,r6={separator:"::"};function i6(e,t){return void 0===t&&(t=r6),M1((function(){return""+e+t.separator+n6++}),[t.separator,e])}var o6=k().createContext(null);function a6(e){var t=(0,E.useRef)(e);return(0,E.useEffect)((function(){t.current=e})),t}var s6,l6,c6=((s6={})[13]=!0,s6[9]=!0,s6),u6=function(e){c6[e.keyCode]&&e.preventDefault()},f6=function(){var e="visibilitychange";return"undefined"==typeof document?e:C2([e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],(function(e){return"on"+e in document}))||e}(),d6={type:"IDLE"};function p6(){}var h6=((l6={})[34]=!0,l6[33]=!0,l6[36]=!0,l6[35]=!0,l6);var y6={type:"IDLE"},m6={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function v6(e,t){if(null==t)return!1;if(Boolean(m6[t.tagName.toLowerCase()]))return!0;var n=t.getAttribute("contenteditable");return"true"===n||""===n||t!==e&&v6(e,t.parentElement)}function g6(e,t){var n=t.target;return!!Q3(n)&&v6(e,n)}var x6=function(e){return R1(e.getBoundingClientRect()).center},b6=function(){var e="matches";return"undefined"==typeof document?e:C2([e,"msMatchesSelector","webkitMatchesSelector"],(function(e){return e in Element.prototype}))||e}();function w6(e,t){return null==e?null:e[b6](t)?e:w6(e.parentElement,t)}function S6(e,t){return e.closest?e.closest(t):w6(e,t)}function C6(e){e.preventDefault()}function E6(e){var t=e.expected,n=e.phase,r=e.isLockActive;return e.shouldWarn,!!r()&&t===n}function k6(e){var t=e.lockAPI,n=e.store,r=e.registry,i=e.draggableId;if(t.isClaimed())return!1;var o=r.draggable.findById(i);return!!o&&!!o.options.isEnabled&&!!b3(n.getState(),i)}var _6=[function(e){var t=(0,E.useRef)(d6),n=(0,E.useRef)($1),r=M1((function(){return{eventName:"mousedown",fn:function(t){if(!t.defaultPrevented&&0===t.button&&!(t.ctrlKey||t.metaKey||t.shiftKey||t.altKey)){var r=e.findClosestDraggableId(t);if(r){var i=e.tryGetLock(r,a,{sourceEvent:t});if(i){t.preventDefault();var o={x:t.clientX,y:t.clientY};n.current(),c(i,o)}}}}}}),[e]),i=M1((function(){return{eventName:"webkitmouseforcewillbegin",fn:function(t){if(!t.defaultPrevented){var n=e.findClosestDraggableId(t);if(n){var r=e.findOptionsForDraggable(n);r&&(r.shouldRespectForcePress||e.canGetLock(n)&&t.preventDefault())}}}}}),[e]),o=D1((function(){n.current=Z1(window,[i,r],{passive:!1,capture:!0})}),[i,r]),a=D1((function(){"IDLE"!==t.current.type&&(t.current=d6,n.current(),o())}),[o]),s=D1((function(){var e=t.current;a(),"DRAGGING"===e.type&&e.actions.cancel({shouldBlockNextClick:!0}),"PENDING"===e.type&&e.actions.abort()}),[a]),l=D1((function(){var e=function(e){var t=e.cancel,n=e.completed,r=e.getPhase,i=e.setPhase;return[{eventName:"mousemove",fn:function(e){var t=e.button,n=e.clientX,o=e.clientY;if(0===t){var a={x:n,y:o},s=r();if("DRAGGING"===s.type)return e.preventDefault(),void s.actions.move(a);if("PENDING"!==s.type&&X1(!1),l=s.point,c=a,Math.abs(c.x-l.x)>=5||Math.abs(c.y-l.y)>=5){var l,c;e.preventDefault();var u=s.actions.fluidLift(a);i({type:"DRAGGING",actions:u})}}}},{eventName:"mouseup",fn:function(e){var i=r();"DRAGGING"===i.type?(e.preventDefault(),i.actions.drop({shouldBlockNextClick:!0}),n()):t()}},{eventName:"mousedown",fn:function(e){"DRAGGING"===r().type&&e.preventDefault(),t()}},{eventName:"keydown",fn:function(e){if("PENDING"!==r().type)return 27===e.keyCode?(e.preventDefault(),void t()):void u6(e);t()}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){"PENDING"===r().type&&t()}},{eventName:"webkitmouseforcedown",fn:function(e){var n=r();"IDLE"===n.type&&X1(!1),n.actions.shouldRespectForcePress()?t():e.preventDefault()}},{eventName:f6,fn:t}]}({cancel:s,completed:a,getPhase:function(){return t.current},setPhase:function(e){t.current=e}});n.current=Z1(window,e,{capture:!0,passive:!1})}),[s,a]),c=D1((function(e,n){"IDLE"!==t.current.type&&X1(!1),t.current={type:"PENDING",point:n,actions:e},l()}),[l]);q3((function(){return o(),function(){n.current()}}),[o])},function(e){var t=(0,E.useRef)(p6),n=M1((function(){return{eventName:"keydown",fn:function(n){if(!n.defaultPrevented&&32===n.keyCode){var i=e.findClosestDraggableId(n);if(i){var o=e.tryGetLock(i,l,{sourceEvent:n});if(o){n.preventDefault();var a=!0,s=o.snapLift();t.current(),t.current=Z1(window,function(e,t){function n(){t(),e.cancel()}return[{eventName:"keydown",fn:function(r){return 27===r.keyCode?(r.preventDefault(),void n()):32===r.keyCode?(r.preventDefault(),t(),void e.drop()):40===r.keyCode?(r.preventDefault(),void e.moveDown()):38===r.keyCode?(r.preventDefault(),void e.moveUp()):39===r.keyCode?(r.preventDefault(),void e.moveRight()):37===r.keyCode?(r.preventDefault(),void e.moveLeft()):void(h6[r.keyCode]?r.preventDefault():u6(r))}},{eventName:"mousedown",fn:n},{eventName:"mouseup",fn:n},{eventName:"click",fn:n},{eventName:"touchstart",fn:n},{eventName:"resize",fn:n},{eventName:"wheel",fn:n,options:{passive:!0}},{eventName:f6,fn:n}]}(s,l),{capture:!0,passive:!1})}}}function l(){a||X1(!1),a=!1,t.current(),r()}}}}),[e]),r=D1((function(){t.current=Z1(window,[n],{passive:!1,capture:!0})}),[n]);q3((function(){return r(),function(){t.current()}}),[r])},function(e){var t=(0,E.useRef)(y6),n=(0,E.useRef)($1),r=D1((function(){return t.current}),[]),i=D1((function(e){t.current=e}),[]),o=M1((function(){return{eventName:"touchstart",fn:function(t){if(!t.defaultPrevented){var r=e.findClosestDraggableId(t);if(r){var i=e.tryGetLock(r,s,{sourceEvent:t});if(i){var o=t.touches[0],a={x:o.clientX,y:o.clientY};n.current(),f(i,a)}}}}}}),[e]),a=D1((function(){n.current=Z1(window,[o],{capture:!0,passive:!1})}),[o]),s=D1((function(){var e=t.current;"IDLE"!==e.type&&("PENDING"===e.type&&clearTimeout(e.longPressTimerId),i(y6),n.current(),a())}),[a,i]),l=D1((function(){var e=t.current;s(),"DRAGGING"===e.type&&e.actions.cancel({shouldBlockNextClick:!0}),"PENDING"===e.type&&e.actions.abort()}),[s]),c=D1((function(){var e={capture:!0,passive:!1},t={cancel:l,completed:s,getPhase:r},i=Z1(window,function(e){var t=e.cancel,n=e.completed,r=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(e){var n=r();if("DRAGGING"===n.type){n.hasMoved=!0;var i=e.touches[0],o={x:i.clientX,y:i.clientY};e.preventDefault(),n.actions.move(o)}else t()}},{eventName:"touchend",fn:function(e){var i=r();"DRAGGING"===i.type?(e.preventDefault(),i.actions.drop({shouldBlockNextClick:!0}),n()):t()}},{eventName:"touchcancel",fn:function(e){"DRAGGING"===r().type?(e.preventDefault(),t()):t()}},{eventName:"touchforcechange",fn:function(e){var n=r();"IDLE"===n.type&&X1(!1);var i=e.touches[0];if(i&&i.force>=.15){var o=n.actions.shouldRespectForcePress();if("PENDING"!==n.type)return o?n.hasMoved?void e.preventDefault():void t():void e.preventDefault();o&&t()}}},{eventName:f6,fn:t}]}(t),e),o=Z1(window,function(e){var t=e.cancel,n=e.getPhase;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:function(e){e.preventDefault()}},{eventName:"keydown",fn:function(e){"DRAGGING"===n().type?(27===e.keyCode&&e.preventDefault(),t()):t()}},{eventName:f6,fn:t}]}(t),e);n.current=function(){i(),o()}}),[l,r,s]),u=D1((function(){var e=r();"PENDING"!==e.type&&X1(!1);var t=e.actions.fluidLift(e.point);i({type:"DRAGGING",actions:t,hasMoved:!1})}),[r,i]),f=D1((function(e,t){"IDLE"!==r().type&&X1(!1);var n=setTimeout(u,120);i({type:"PENDING",point:t,actions:e,longPressTimerId:n}),c()}),[c,r,i,u]);q3((function(){return a(),function(){n.current();var e=r();"PENDING"===e.type&&(clearTimeout(e.longPressTimerId),i(y6))}}),[r,a,i]),q3((function(){return Z1(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}])}),[])}];function O6(e){var t=e.contextId,n=e.store,r=e.registry,i=e.customSensors,o=e.enableDefaultSensors,a=[].concat(o?_6:[],i||[]),s=(0,E.useState)((function(){return function(){var e=null;function t(){e||X1(!1),e=null}return{isClaimed:function(){return Boolean(e)},isActive:function(t){return t===e},claim:function(t){e&&X1(!1);var n={abandon:t};return e=n,n},release:t,tryAbandon:function(){e&&(e.abandon(),t())}}}()}))[0],l=D1((function(e,t){e.isDragging&&!t.isDragging&&s.tryAbandon()}),[s]);q3((function(){var e=n.getState();return n.subscribe((function(){var t=n.getState();l(e,t),e=t}))}),[s,n,l]),q3((function(){return s.tryAbandon}),[s.tryAbandon]);for(var c=D1((function(e){return k6({lockAPI:s,registry:r,store:n,draggableId:e})}),[s,r,n]),u=D1((function(e,i,o){return function(e){var t=e.lockAPI,n=e.contextId,r=e.store,i=e.registry,o=e.draggableId,a=e.forceSensorStop,s=e.sourceEvent;if(!k6({lockAPI:t,store:r,registry:i,draggableId:o}))return null;var l=i.draggable.getById(o),c=function(e,t){var n="["+V3.contextId+'="'+e+'"]',r=C2(E2(document.querySelectorAll(n)),(function(e){return e.getAttribute(V3.id)===t}));return r&&Q3(r)?r:null}(n,l.descriptor.id);if(!c)return null;if(s&&!l.options.canDragInteractiveElements&&g6(c,s))return null;var u=t.claim(a||$1),f="PRE_DRAG";function d(){return l.options.shouldRespectForcePress}function p(){return t.isActive(u)}var h=function(e,t){E6({expected:e,phase:f,isLockActive:p,shouldWarn:!0})&&r.dispatch(t())}.bind(null,"DRAGGING");function y(e){function n(){t.release(),f="COMPLETED"}function i(t,i){if(void 0===i&&(i={shouldBlockNextClick:!1}),e.cleanup(),i.shouldBlockNextClick){var o=Z1(window,[{eventName:"click",fn:C6,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(o)}n(),r.dispatch(G5({reason:t}))}return"PRE_DRAG"!==f&&(n(),"PRE_DRAG"!==f&&X1(!1)),r.dispatch(A5(e.liftActionArgs)),f="DRAGGING",(0,Lt.Z)({isActive:function(){return E6({expected:"DRAGGING",phase:f,isLockActive:p,shouldWarn:!1})},shouldRespectForcePress:d,drop:function(e){return i("DROP",e)},cancel:function(e){return i("CANCEL",e)}},e.actions)}return{isActive:function(){return E6({expected:"PRE_DRAG",phase:f,isLockActive:p,shouldWarn:!1})},shouldRespectForcePress:d,fluidLift:function(e){var t=W1((function(e){h((function(){return L5({client:e})}))})),n=y({liftActionArgs:{id:o,clientSelection:e,movementMode:"FLUID"},cleanup:function(){return t.cancel()},actions:{move:t}});return(0,Lt.Z)({},n,{move:t})},snapLift:function(){var e={moveUp:function(){return h(B5)},moveRight:function(){return h(z5)},moveDown:function(){return h(N5)},moveLeft:function(){return h(V5)}};return y({liftActionArgs:{id:o,clientSelection:x6(c),movementMode:"SNAP"},cleanup:$1,actions:e})},abort:function(){E6({expected:"PRE_DRAG",phase:f,isLockActive:p,shouldWarn:!0})&&t.release()}}}({lockAPI:s,registry:r,contextId:t,store:n,draggableId:e,forceSensorStop:i,sourceEvent:o&&o.sourceEvent?o.sourceEvent:null})}),[t,s,r,n]),f=D1((function(e){return function(e,t){var n=function(e,t){var n,r=t.target;if(!((n=r)instanceof Y3(n).Element))return null;var i=function(e){return"["+z3.contextId+'="'+e+'"]'}(e),o=S6(r,i);return o&&Q3(o)?o:null}(e,t);return n?n.getAttribute(z3.draggableId):null}(t,e)}),[t]),d=D1((function(e){var t=r.draggable.findById(e);return t?t.options:null}),[r.draggable]),p=D1((function(){s.isClaimed()&&(s.tryAbandon(),"IDLE"!==n.getState().phase&&n.dispatch(U5()))}),[s,n]),h=D1(s.isClaimed,[s]),y=M1((function(){return{canGetLock:c,tryGetLock:u,findClosestDraggableId:f,findOptionsForDraggable:d,tryReleaseLock:p,isLockClaimed:h}}),[c,u,f,d,p,h]),m=0;m<a.length;m++)a[m](y)}var P6=function(e){return{onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragEnd:e.onDragEnd,onDragUpdate:e.onDragUpdate}};function T6(e){return e.current||X1(!1),e.current}function I6(e){var t=e.contextId,n=e.setCallbacks,r=e.sensors,i=e.nonce,o=e.dragHandleUsageInstructions,a=(0,E.useRef)(null),s=a6(e),l=D1((function(){return P6(s.current)}),[s]),c=function(e){var t=M1((function(){return t6(e)}),[e]),n=(0,E.useRef)(null);return(0,E.useEffect)((function(){var e=document.createElement("div");return n.current=e,e.id=t,e.setAttribute("aria-live","assertive"),e.setAttribute("aria-atomic","true"),(0,Lt.Z)(e.style,e6),J3().appendChild(e),function(){setTimeout((function(){var t=J3();t.contains(e)&&t.removeChild(e),e===n.current&&(n.current=null)}))}}),[t]),D1((function(e){var t=n.current;t&&(t.textContent=e)}),[])}(t),u=function(e){var t=e.contextId,n=e.text,r=i6("hidden-text",{separator:"-"}),i=M1((function(){return function(e){return"rbd-hidden-text-"+e.contextId+"-"+e.uniqueId}({contextId:t,uniqueId:r})}),[r,t]);return(0,E.useEffect)((function(){var e=document.createElement("div");return e.id=i,e.textContent=n,e.style.display="none",J3().appendChild(e),function(){var t=J3();t.contains(e)&&t.removeChild(e)}}),[i,n]),i}({contextId:t,text:o}),f=function(e,t){var n=M1((function(){return W3(e)}),[e]),r=(0,E.useRef)(null),i=(0,E.useRef)(null),o=D1(ka((function(e){var t=i.current;t||X1(!1),t.textContent=e})),[]),a=D1((function(e){var t=r.current;t||X1(!1),t.textContent=e}),[]);q3((function(){(r.current||i.current)&&X1(!1);var s=Z3(t),l=Z3(t);return r.current=s,i.current=l,s.setAttribute(N3+"-always",e),l.setAttribute(N3+"-dynamic",e),$3().appendChild(s),$3().appendChild(l),a(n.always),o(n.resting),function(){var e=function(e){var t=e.current;t||X1(!1),$3().removeChild(t),e.current=null};e(r),e(i)}}),[t,a,o,n.always,n.resting,e]);var s=D1((function(){return o(n.dragging)}),[o,n.dragging]),l=D1((function(e){o("DROP"!==e?n.userCancel:n.dropAnimating)}),[o,n.dropAnimating,n.userCancel]),c=D1((function(){i.current&&o(n.resting)}),[o,n.resting]);return M1((function(){return{dragging:s,dropping:l,resting:c}}),[s,l,c])}(t,i),d=D1((function(e){T6(a).dispatch(e)}),[]),p=M1((function(){return $0({publishWhileDragging:j5,updateDroppableScroll:D5,updateDroppableIsEnabled:R5,updateDroppableIsCombineEnabled:F5,collectionStarting:M5},d)}),[d]),h=function(){var e=M1(K3,[]);return(0,E.useEffect)((function(){return function(){requestAnimationFrame(e.clean)}}),[e]),e}(),y=M1((function(){return x3(h,p)}),[h,p]),m=M1((function(){return B3((0,Lt.Z)({scrollWindow:w3,scrollDroppable:y.scrollDroppable},$0({move:L5},d)))}),[y.scrollDroppable,d]),v=function(e){var t=(0,E.useRef)({}),n=(0,E.useRef)(null),r=(0,E.useRef)(null),i=(0,E.useRef)(!1),o=D1((function(e,n){var r={id:e,focus:n};return t.current[e]=r,function(){var n=t.current;n[e]!==r&&delete n[e]}}),[]),a=D1((function(t){var n=function(e,t){var n="["+z3.contextId+'="'+e+'"]',r=E2(document.querySelectorAll(n));if(!r.length)return null;var i=C2(r,(function(e){return e.getAttribute(z3.draggableId)===t}));return i&&Q3(i)?i:null}(e,t);n&&n!==document.activeElement&&n.focus()}),[e]),s=D1((function(e,t){n.current===e&&(n.current=t)}),[]),l=D1((function(){r.current||i.current&&(r.current=requestAnimationFrame((function(){r.current=null;var e=n.current;e&&a(e)})))}),[a]),c=D1((function(e){n.current=null;var t=document.activeElement;t&&t.getAttribute(z3.draggableId)===e&&(n.current=e)}),[]);return q3((function(){return i.current=!0,function(){i.current=!1;var e=r.current;e&&cancelAnimationFrame(e)}}),[]),M1((function(){return{register:o,tryRecordFocus:c,tryRestoreFocusRecorded:l,tryShiftRecord:s}}),[o,c,l,s])}(t),g=M1((function(){return d3({announce:c,autoScroller:m,dimensionMarshal:y,focusMarshal:v,getResponders:l,styleMarshal:f})}),[c,m,y,v,l,f]);a.current=g;var x=D1((function(){var e=T6(a);"IDLE"!==e.getState().phase&&e.dispatch(U5())}),[]),b=D1((function(){var e=T6(a).getState();return e.isDragging||"DROP_ANIMATING"===e.phase}),[]);n(M1((function(){return{isDragging:b,tryAbort:x}}),[b,x]));var w=D1((function(e){return b3(T6(a).getState(),e)}),[]),S=D1((function(){return y5(T6(a).getState())}),[]),C=M1((function(){return{marshal:y,focus:v,contextId:t,canLift:w,isMovementAllowed:S,dragHandleUsageInstructionsId:u,registry:h}}),[t,y,u,v,w,S,h]);return O6({contextId:t,store:g,registry:h,customSensors:r,enableDefaultSensors:!1!==e.enableDefaultSensors}),(0,E.useEffect)((function(){return x}),[x]),k().createElement(o6.Provider,{value:C},k().createElement(t1,{context:X3,store:g},e.children))}var A6=0;function j6(e){var t=M1((function(){return""+A6++}),[]),n=e.dragHandleUsageInstructions||"\n Press space bar to start a drag.\n When dragging you can use the arrow keys to move the item around and escape to cancel.\n Some screen readers may require you to be in focus mode or to use your pass through key\n";return k().createElement(J1,null,(function(r){return k().createElement(I6,{nonce:e.nonce,contextId:t,setCallbacks:r,dragHandleUsageInstructions:n,enableDefaultSensors:e.enableDefaultSensors,sensors:e.sensors,onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragUpdate:e.onDragUpdate,onDragEnd:e.onDragEnd},e.children)}))}var M6=function(e){return function(t){return e===t}},D6=M6("scroll"),R6=M6("auto"),F6=(M6("visible"),function(e,t){return t(e.overflowX)||t(e.overflowY)}),L6=function e(t){return null==t||t===document.body||t===document.documentElement?null:function(e){var t=window.getComputedStyle(e),n={overflowX:t.overflowX,overflowY:t.overflowY};return F6(n,D6)||F6(n,R6)}(t)?t:e(t.parentElement)},B6=function(e){return{x:e.scrollLeft,y:e.scrollTop}},N6=function e(t){return!!t&&("fixed"===window.getComputedStyle(t).position||e(t.parentElement))},z6={passive:!1},V6={passive:!0},U6=function(e){return e.shouldPublishImmediately?z6:V6};function H6(e){var t=(0,E.useContext)(e);return t||X1(!1),t}var G6=function(e){return e&&e.env.closestScrollable||null};function W6(){}var q6={width:0,height:0,margin:{top:0,right:0,bottom:0,left:0}},$6=k().memo((function(e){var t=(0,E.useRef)(null),n=D1((function(){t.current&&(clearTimeout(t.current),t.current=null)}),[]),r=e.animate,i=e.onTransitionEnd,o=e.onClose,a=e.contextId,s=(0,E.useState)("open"===e.animate),l=s[0],c=s[1];(0,E.useEffect)((function(){return l?"open"!==r?(n(),c(!1),W6):t.current?W6:(t.current=setTimeout((function(){t.current=null,c(!1)})),n):W6}),[r,l,n]);var u=D1((function(e){"height"===e.propertyName&&(i(),"close"===r&&o())}),[r,o,i]),f=function(e){var t=e.isAnimatingOpenOnMount,n=e.placeholder,r=e.animate,i=function(e){var t=e.placeholder;return e.isAnimatingOpenOnMount||"close"===e.animate?q6:{height:t.client.borderBox.height,width:t.client.borderBox.width,margin:t.client.margin}}({isAnimatingOpenOnMount:t,placeholder:n,animate:r});return{display:n.display,boxSizing:"border-box",width:i.width,height:i.height,marginTop:i.margin.top,marginRight:i.margin.right,marginBottom:i.margin.bottom,marginLeft:i.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:"none"!==r?Q5.placeholder:null}}({isAnimatingOpenOnMount:l,animate:e.animate,placeholder:e.placeholder});return k().createElement(e.placeholder.tagName,{style:f,"data-rbd-placeholder-context-id":a,onTransitionEnd:u,ref:e.innerRef})})),Z6=k().createContext(null),Y6=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return(t=e.call.apply(e,[this].concat(r))||this).state={isVisible:Boolean(t.props.on),data:t.props.on,animate:t.props.shouldAnimate&&t.props.on?"open":"none"},t.onClose=function(){"close"===t.state.animate&&t.setState({isVisible:!1})},t}return(0,Dt.Z)(t,e),t.getDerivedStateFromProps=function(e,t){return e.shouldAnimate?e.on?{isVisible:!0,data:e.on,animate:"open"}:t.isVisible?{isVisible:!0,data:t.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:Boolean(e.on),data:e.on,animate:"none"}},t.prototype.render=function(){if(!this.state.isVisible)return null;var e={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(e)},t}(k().PureComponent),Q6=5e3,K6=4500,X6=function(e,t){return t?Q5.drop(t.duration):e?Q5.snap:Q5.fluid},J6=function(e,t){return e?t?q5:$5:null};function e4(e){e.preventDefault()}var t4=function(e,t){return e===t},n4=function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null};function r4(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var i4={mapped:{type:"SECONDARY",offset:s2,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:r4(null)}},o4=I1((function(){var e,t,n,r=(e=ka((function(e,t){return{x:e,y:t}})),t=ka((function(e,t,n,r,i){return{isDragging:!0,isClone:t,isDropAnimating:Boolean(i),dropAnimation:i,mode:e,draggingOver:n,combineWith:r,combineTargetFor:null}})),n=ka((function(e,n,r,i,o,a,s){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:o,combineWith:a,mode:n,offset:e,dimension:r,forceShouldAnimate:s,snapshot:t(n,i,o,a,null)}}})),function(r,i){if(r.isDragging){if(r.critical.draggable.id!==i.draggableId)return null;var o=r.current.client.offset,a=r.dimensions.draggables[i.draggableId],s=p5(r.impact),l=(u=r.impact).at&&"COMBINE"===u.at.type?u.at.combine.draggableId:null,c=r.forceShouldAnimate;return n(e(o.x,o.y),r.movementMode,a,i.isClone,s,l,c)}var u;if("DROP_ANIMATING"===r.phase){var f=r.completed;if(f.result.draggableId!==i.draggableId)return null;var d=i.isClone,p=r.dimensions.draggables[i.draggableId],h=f.result,y=h.mode,m=n4(h),v=function(e){return e.combine?e.combine.draggableId:null}(h),g={duration:r.dropDuration,curve:W5,moveTo:r.newHomeClientOffset,opacity:v?q5:null,scale:v?Z5:null};return{mapped:{type:"DRAGGING",offset:r.newHomeClientOffset,dimension:p,dropping:g,draggingOver:m,combineWith:v,mode:y,forceShouldAnimate:null,snapshot:t(y,d,m,v,g)}}}return null}),i=function(){var e=ka((function(e,t){return{x:e,y:t}})),t=ka(r4),n=ka((function(e,n,r){return void 0===n&&(n=null),{mapped:{type:"SECONDARY",offset:e,combineTargetFor:n,shouldAnimateDisplacement:r,snapshot:t(n)}}})),r=function(e){return e?n(s2,e,!0):null},i=function(t,i,o,a){var s=o.displaced.visible[t],l=Boolean(a.inVirtualList&&a.effected[t]),c=A2(o),u=c&&c.draggableId===t?i:null;if(!s){if(!l)return r(u);if(o.displaced.invisible[t])return null;var f=f2(a.displacedBy.point),d=e(f.x,f.y);return n(d,u,!0)}if(l)return r(u);var p=o.displacedBy.point,h=e(p.x,p.y);return n(h,u,s.shouldAnimate)};return function(e,t){if(e.isDragging)return e.critical.draggable.id===t.draggableId?null:i(t.draggableId,e.critical.draggable.id,e.impact,e.afterCritical);if("DROP_ANIMATING"===e.phase){var n=e.completed;return n.result.draggableId===t.draggableId?null:i(t.draggableId,n.result.draggableId,n.impact,n.afterCritical)}return null}}();return function(e,t){return r(e,t)||i(e,t)||i4}}),{dropAnimationFinished:function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}}},null,{context:X3,pure:!0,areStatePropsEqual:t4})((function(e){var t=(0,E.useRef)(null),n=D1((function(e){t.current=e}),[]),r=D1((function(){return t.current}),[]),i=H6(o6),o=i.contextId,a=i.dragHandleUsageInstructionsId,s=i.registry,l=H6(Z6),c=l.type,u=l.droppableId,f=M1((function(){return{id:e.draggableId,index:e.index,type:c,droppableId:u}}),[e.draggableId,e.index,c,u]),d=e.children,p=e.draggableId,h=e.isEnabled,y=e.shouldRespectForcePress,m=e.canDragInteractiveElements,v=e.isClone,g=e.mapped,x=e.dropAnimationFinished;v||function(e){var t=i6("draggable"),n=e.descriptor,r=e.registry,i=e.getDraggableRef,o=e.canDragInteractiveElements,a=e.shouldRespectForcePress,s=e.isEnabled,l=M1((function(){return{canDragInteractiveElements:o,shouldRespectForcePress:a,isEnabled:s}}),[o,s,a]),c=D1((function(e){var t=i();return t||X1(!1),function(e,t,n){void 0===n&&(n=s2);var r=window.getComputedStyle(t),i=t.getBoundingClientRect(),o=H1(i,r),a=U1(o,n);return{descriptor:e,placeholder:{client:o,tagName:t.tagName.toLowerCase(),display:r.display},displaceBy:{x:o.marginBox.width,y:o.marginBox.height},client:o,page:a}}(n,t,e)}),[n,i]),u=M1((function(){return{uniqueId:t,descriptor:n,options:l,getDimension:c}}),[n,c,l,t]),f=(0,E.useRef)(u),d=(0,E.useRef)(!0);q3((function(){return r.draggable.register(f.current),function(){return r.draggable.unregister(f.current)}}),[r.draggable]),q3((function(){if(d.current)d.current=!1;else{var e=f.current;f.current=u,r.draggable.update(u,e)}}),[u,r.draggable])}(M1((function(){return{descriptor:f,registry:s,getDraggableRef:r,canDragInteractiveElements:m,shouldRespectForcePress:y,isEnabled:h}}),[f,s,r,m,y,h]));var b=M1((function(){return h?{tabIndex:0,role:"button","aria-describedby":a,"data-rbd-drag-handle-draggable-id":p,"data-rbd-drag-handle-context-id":o,draggable:!1,onDragStart:e4}:null}),[o,a,p,h]),w=D1((function(e){"DRAGGING"===g.type&&g.dropping&&"transform"===e.propertyName&&x()}),[x,g]),S=M1((function(){var e=function(e){return"DRAGGING"===e.type?function(e){var t=e.dimension.client,n=e.offset,r=e.combineWith,i=e.dropping,o=Boolean(r),a=function(e){return null!=e.forceShouldAnimate?e.forceShouldAnimate:"SNAP"===e.mode}(e),s=Boolean(i),l=s?J5(n,o):X5(n);return{position:"fixed",top:t.marginBox.top,left:t.marginBox.left,boxSizing:"border-box",width:t.borderBox.width,height:t.borderBox.height,transition:X6(a,i),transform:l,opacity:J6(o,s),zIndex:s?K6:Q6,pointerEvents:"none"}}(e):{transform:X5((t=e).offset),transition:t.shouldAnimateDisplacement?null:"none"};var t}(g),t="DRAGGING"===g.type&&g.dropping?w:null;return{innerRef:n,draggableProps:{"data-rbd-draggable-context-id":o,"data-rbd-draggable-id":p,style:e,onTransitionEnd:t},dragHandleProps:b}}),[o,b,p,g,w,n]),C=M1((function(){return{draggableId:f.id,type:f.type,source:{index:f.index,droppableId:f.droppableId}}}),[f.droppableId,f.id,f.index,f.type]);return d(S,g.snapshot,C)}));function a4(e){return H6(Z6).isUsingCloneFor!==e.draggableId||e.isClone?k().createElement(o4,e):null}function s4(e){var t="boolean"!=typeof e.isDragDisabled||!e.isDragDisabled,n=Boolean(e.disableInteractiveElementBlocking),r=Boolean(e.shouldRespectForcePress);return k().createElement(a4,(0,Lt.Z)({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:r}))}var l4,c4=function(e,t){return e===t.droppable.type},u4=function(e,t){return t.draggables[e.draggable.id]},f4={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:function(){return document.body||X1(!1),document.body}},d4=I1((function(){var e={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},t=(0,Lt.Z)({},e,{shouldAnimatePlaceholder:!1}),n=ka((function(e){return{draggableId:e.id,type:e.type,source:{index:e.index,droppableId:e.droppableId}}})),r=ka((function(r,i,o,a,s,l){var c=s.descriptor.id;if(s.descriptor.droppableId===r){var u=l?{render:l,dragging:n(s.descriptor)}:null,f={isDraggingOver:o,draggingOverWith:o?c:null,draggingFromThisWith:c,isUsingPlaceholder:!0};return{placeholder:s.placeholder,shouldAnimatePlaceholder:!1,snapshot:f,useClone:u}}if(!i)return t;if(!a)return e;var d={isDraggingOver:o,draggingOverWith:c,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:s.placeholder,shouldAnimatePlaceholder:!0,snapshot:d,useClone:null}}));return function(n,i){var o=i.droppableId,a=i.type,s=!i.isDropDisabled,l=i.renderClone;if(n.isDragging){var c=n.critical;if(!c4(a,c))return t;var u=u4(c,n.dimensions),f=p5(n.impact)===o;return r(o,s,f,f,u,l)}if("DROP_ANIMATING"===n.phase){var d=n.completed;if(!c4(a,d.critical))return t;var p=u4(d.critical,n.dimensions);return r(o,s,n4(d.result)===o,p5(d.impact)===o,p,l)}if("IDLE"===n.phase&&n.completed&&!n.shouldFlush){var h=n.completed;if(!c4(a,h.critical))return t;var y=p5(h.impact)===o,m=Boolean(h.impact.at&&"COMBINE"===h.impact.at.type),v=h.critical.droppable.id===o;return y?m?e:t:v?e:t}return t}}),{updateViewportMaxScroll:function(e){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:e}}},null,{context:X3,pure:!0,areStatePropsEqual:t4})((function(e){var t=(0,E.useContext)(o6);t||X1(!1);var n=t.contextId,r=t.isMovementAllowed,i=(0,E.useRef)(null),o=(0,E.useRef)(null),a=e.children,s=e.droppableId,l=e.type,c=e.mode,u=e.direction,f=e.ignoreContainerClipping,d=e.isDropDisabled,p=e.isCombineEnabled,h=e.snapshot,y=e.useClone,m=e.updateViewportMaxScroll,v=e.getContainerForClone,g=D1((function(){return i.current}),[]),x=D1((function(e){i.current=e}),[]),b=(D1((function(){return o.current}),[]),D1((function(e){o.current=e}),[])),w=D1((function(){r()&&m({maxScroll:y3()})}),[r,m]);!function(e){var t=(0,E.useRef)(null),n=H6(o6),r=i6("droppable"),i=n.registry,o=n.marshal,a=a6(e),s=M1((function(){return{id:e.droppableId,type:e.type,mode:e.mode}}),[e.droppableId,e.mode,e.type]),l=(0,E.useRef)(s),c=M1((function(){return ka((function(e,n){t.current||X1(!1);var r={x:e,y:n};o.updateDroppableScroll(s.id,r)}))}),[s.id,o]),u=D1((function(){var e=t.current;return e&&e.env.closestScrollable?B6(e.env.closestScrollable):s2}),[]),f=D1((function(){var e=u();c(e.x,e.y)}),[u,c]),d=M1((function(){return W1(f)}),[f]),p=D1((function(){var e=t.current,n=G6(e);e&&n||X1(!1),e.scrollOptions.shouldPublishImmediately?f():d()}),[d,f]),h=D1((function(e,r){t.current&&X1(!1);var i=a.current,o=i.getDroppableRef();o||X1(!1);var l=function(e){return{closestScrollable:L6(e),isFixedOnPage:N6(e)}}(o),c={ref:o,descriptor:s,env:l,scrollOptions:r};t.current=c;var u=function(e){var t=e.ref,n=e.descriptor,r=e.env,i=e.windowScroll,o=e.direction,a=e.isDropDisabled,s=e.isCombineEnabled,l=e.shouldClipSubject,c=r.closestScrollable,u=function(e,t){var n=G1(e);if(!t)return n;if(e!==t)return n;var r=n.paddingBox.top-t.scrollTop,i=n.paddingBox.left-t.scrollLeft,o=r+t.scrollHeight,a=i+t.scrollWidth,s=F1({top:r,right:a,bottom:o,left:i},n.border);return N1({borderBox:s,margin:n.margin,border:n.border,padding:n.padding})}(t,c),f=U1(u,i),d=function(){if(!c)return null;var e=G1(c),t={scrollHeight:c.scrollHeight,scrollWidth:c.scrollWidth};return{client:e,page:U1(e,i),scroll:B6(c),scrollSize:t,shouldClipSubject:l}}(),p=function(e){var t=e.descriptor,n=e.isEnabled,r=e.isCombineEnabled,i=e.isFixedOnPage,o=e.direction,a=e.client,s=e.page,l=e.closest,c=function(){if(!l)return null;var e=l.scrollSize,t=l.client,n=p3({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,height:t.paddingBox.height,width:t.paddingBox.width});return{pageMarginBox:l.page.marginBox,frameClient:t,scrollSize:e,shouldClipSubject:l.shouldClipSubject,scroll:{initial:l.scroll,current:l.scroll,max:n,diff:{value:s2,displacement:s2}}}}(),u="vertical"===o?z2:V2;return{descriptor:t,isCombineEnabled:r,isFixedOnPage:i,axis:u,isEnabled:n,client:a,page:s,frame:c,subject:x2({page:s,withPlaceholder:null,axis:u,frame:c})}}({descriptor:n,isEnabled:!a,isCombineEnabled:s,isFixedOnPage:r.isFixedOnPage,direction:o,client:u,page:f,closest:d});return p}({ref:o,descriptor:s,env:l,windowScroll:e,direction:i.direction,isDropDisabled:i.isDropDisabled,isCombineEnabled:i.isCombineEnabled,shouldClipSubject:!i.ignoreContainerClipping}),f=l.closestScrollable;return f&&(f.setAttribute(H3.contextId,n.contextId),f.addEventListener("scroll",p,U6(c.scrollOptions))),u}),[n.contextId,s,p,a]),y=D1((function(){var e=t.current,n=G6(e);return e&&n||X1(!1),B6(n)}),[]),m=D1((function(){var e=t.current;e||X1(!1);var n=G6(e);t.current=null,n&&(d.cancel(),n.removeAttribute(H3.contextId),n.removeEventListener("scroll",p,U6(e.scrollOptions)))}),[p,d]),v=D1((function(e){var n=t.current;n||X1(!1);var r=G6(n);r||X1(!1),r.scrollTop+=e.y,r.scrollLeft+=e.x}),[]),g=M1((function(){return{getDimensionAndWatchScroll:h,getScrollWhileDragging:y,dragStopped:m,scroll:v}}),[m,h,y,v]),x=M1((function(){return{uniqueId:r,descriptor:s,callbacks:g}}),[g,s,r]);q3((function(){return l.current=x.descriptor,i.droppable.register(x),function(){t.current&&m(),i.droppable.unregister(x)}}),[g,s,m,x,o,i.droppable]),q3((function(){t.current&&o.updateDroppableIsEnabled(l.current.id,!e.isDropDisabled)}),[e.isDropDisabled,o]),q3((function(){t.current&&o.updateDroppableIsCombineEnabled(l.current.id,e.isCombineEnabled)}),[e.isCombineEnabled,o])}({droppableId:s,type:l,mode:c,direction:u,isDropDisabled:d,isCombineEnabled:p,ignoreContainerClipping:f,getDroppableRef:g});var S=k().createElement(Y6,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},(function(e){var t=e.onClose,r=e.data,i=e.animate;return k().createElement($6,{placeholder:r,onClose:t,innerRef:b,animate:i,contextId:n,onTransitionEnd:w})})),C=M1((function(){return{innerRef:x,placeholder:S,droppableProps:{"data-rbd-droppable-id":s,"data-rbd-droppable-context-id":n}}}),[n,s,S,x]),_=y?y.dragging.draggableId:null,O=M1((function(){return{droppableId:s,type:l,isUsingCloneFor:_}}),[s,_,l]);return k().createElement(Z6.Provider,{value:O},a(C,h),function(){if(!y)return null;var e=y.dragging,t=y.render,n=k().createElement(a4,{draggableId:e.draggableId,index:e.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},(function(n,r){return t(n,r,e)}));return rt().createPortal(n,v())}())}));function p4(){return p4=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p4.apply(this,arguments)}d4.defaultProps=f4;const h4=tt((function(e){return E.createElement("svg",p4({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),l4||(l4=E.createElement("g",{fill:"#E84C3D"},E.createElement("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm4.3 14.3c-.39.39-1.02.39-1.41 0L12 13.41 9.11 16.3c-.39.39-1.02.39-1.41 0-.187-.187-.292-.44-.292-.705 0-.265.105-.518.292-.705L10.59 12 7.7 9.11c-.187-.187-.292-.44-.292-.705 0-.265.105-.518.292-.705.39-.39 1.02-.39 1.41 0L12 10.59l2.89-2.89c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41L13.41 12l2.89 2.89c.38.38.38 1.02 0 1.41z"}))))}))(y4||(y4=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n fill: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n fill: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"16px"}),(function(e){return e.height||"16px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var y4,m4,v4,g4,x4,b4,w4,S4,C4,E4,k4,_4,O4,P4,T4,I4,A4,j4,M4,D4,R4,F4,L4,B4,N4,z4,V4=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},U4=function(){return U4=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},U4.apply(this,arguments)},H4=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},G4=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},W4=tt.div(m4||(m4=V4(["\n background-color: ",";\n height: 100%;\n width: auto;\n"],["\n background-color: ",";\n height: 100%;\n width: auto;\n"])),ki),q4=tt.div(v4||(v4=V4(["\n background-color: #f6f7f9;\n display: flex;\n flex-direction: column;\n margin-bottom: -36px;\n min-height: 400px;\n width: 100%;\n margin-top: 15px;\n"],["\n background-color: #f6f7f9;\n display: flex;\n flex-direction: column;\n margin-bottom: -36px;\n min-height: 400px;\n width: 100%;\n margin-top: 15px;\n"]))),$4=tt.div(g4||(g4=V4(["\n background-color: #f6f7f9;\n display: flex;\n flex-direction: row;\n width: 100%;\n padding-bottom: 115px;\n padding-left: 8px;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin-top: 10px;\n"],["\n background-color: #f6f7f9;\n display: flex;\n flex-direction: row;\n width: 100%;\n padding-bottom: 115px;\n padding-left: 8px;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin-top: 10px;\n"]))),Z4=tt.div(b4||(b4=V4(["\n padding-top: 67px; /* SUS-905 changes */\n margin-top: ","px;\n display: flex;\n flex-direction: column;\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n margin-top: 8px;\n ","\n"],["\n padding-top: 67px; /* SUS-905 changes */\n margin-top: ","px;\n display: flex;\n flex-direction: column;\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n margin-top: 8px;\n ","\n"])),(function(e){return e.marginTop||0}),(function(e){return e.theme.containerWidth<=ri&&Ne(x4||(x4=V4(["\n padding-top: 0;\n margin-top: 16px;\n "],["\n padding-top: 0;\n margin-top: 16px;\n "])))})),Y4=tt.div(w4||(w4=V4(["\n float: left;\n flex-direction: column;\n width: ",";\n div {\n margin-top: 3.5px;\n }\n"],["\n float: left;\n flex-direction: column;\n width: ",";\n div {\n margin-top: 3.5px;\n }\n"])),(function(e){return e.width?"".concat(e.width,"px"):"100%"})),Q4=tt.div(S4||(S4=V4(["\n display: flex;\n flex-direction: column;\n width: ",";\n max-width: calc(100% - 48px);\n margin-bottom: 8px;\n"],["\n display: flex;\n flex-direction: column;\n width: ",";\n max-width: calc(100% - 48px);\n margin-bottom: 8px;\n"])),(function(e){return e.width?"".concat(e.width,"px"):"100%"})),K4=tt.div(E4||(E4=V4(["\n position: relative;\n height: ",";\n min-height: ","; /* SUS-905 changes */\n overflow-x: auto;\n overflow-y: hidden;\n width: 80%;\n padding-top: 39px; /* SUS-905 changes */\n ","\n padding-bottom: 10px;\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n scrollbar-width: none; /* Firefox */\n ::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: scrollbar;\n ::-webkit-scrollbar {\n -webkit-appearance: none;\n height: 4px; /* SUS-905 changes */\n }\n ::-webkit-scrollbar-track {\n background-color: ",";\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(0, 27, 83, 0.2);\n }\n ::-webkit-scrollbar-thumb:hover {\n background-color: rgba(0, 27, 83, 0.4);\n }\n"],["\n position: relative;\n height: ",";\n min-height: ","; /* SUS-905 changes */\n overflow-x: auto;\n overflow-y: hidden;\n width: 80%;\n padding-top: 39px; /* SUS-905 changes */\n ","\n padding-bottom: 10px;\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n scrollbar-width: none; /* Firefox */\n ::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: scrollbar;\n ::-webkit-scrollbar {\n -webkit-appearance: none;\n height: 4px; /* SUS-905 changes */\n }\n ::-webkit-scrollbar-track {\n background-color: ",";\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(0, 27, 83, 0.2);\n }\n ::-webkit-scrollbar-thumb:hover {\n background-color: rgba(0, 27, 83, 0.4);\n }\n"])),(function(e){return e.height?"".concat(e.height,"px"):""}),(function(e){return e.height?"".concat(e.height+7,"px"):""}),(function(e){return e.theme.containerWidth<=ri&&Ne(C4||(C4=V4(["\n padding-top: 0;\n margin-top: 16px;\n "],["\n padding-top: 0;\n margin-top: 16px;\n "])))}),ki),X4=tt.div(k4||(k4=V4(["\n position: absolute;\n width: 100%;\n"],["\n position: absolute;\n width: 100%;\n"]))),J4=tt.div(_4||(_4=V4(["\n padding: 32px;\n height: 10px; /* SUS-905 changes */\n width: calc(100%- 64px);\n display: flex;\n justify-content: space-between;\n"],["\n padding: 32px;\n height: 10px; /* SUS-905 changes */\n width: calc(100%- 64px);\n display: flex;\n justify-content: space-between;\n"]))),e9=tt.div(P4||(P4=V4(["\n display: flex;\n justify-content: center;\n margin-bottom: 32px;\n border-radius: 6px;\n margin-top: 5%;\n ","\n"],["\n display: flex;\n justify-content: center;\n margin-bottom: 32px;\n border-radius: 6px;\n margin-top: 5%;\n ","\n"])),(function(e){return e.theme.containerWidth<=ri&&Ne(O4||(O4=V4(["\n margin-top: 0;\n border-radius: 0;\n margin-bottom: 0;\n "],["\n margin-top: 0;\n border-radius: 0;\n margin-bottom: 0;\n "])))})),t9=tt.div(T4||(T4=V4(["\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 20px;\n"],["\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 20px;\n"]))),n9=tt.div(I4||(I4=V4(["\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 8px;\n"],["\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 8px;\n"]))),r9=tt.div(A4||(A4=V4(["\n width: ","px;\n height: ","px;\n border-left: 1px solid rgba(0, 27, 83, 0.2);\n border-right: ",";\n"],["\n width: ","px;\n height: ","px;\n border-left: 1px solid rgba(0, 27, 83, 0.2);\n border-right: ",";\n"])),(function(e){return e.width||20}),(function(e){return e.inside?6:8}),(function(e){return e.rightBorder&&"1px solid rgba(0, 27, 83, 0.2)"})),i9=tt.div(j4||(j4=V4(["\n font-size: 12px;\n line-height: 1.43;\n color: #001b53;\n width: ","px;\n height: 20px;\n display: flex;\n justify-content: space-between;\n"],["\n font-size: 12px;\n line-height: 1.43;\n color: #001b53;\n width: ","px;\n height: 20px;\n display: flex;\n justify-content: space-between;\n"])),(function(e){return e.width||220})),o9=tt.div(M4||(M4=V4(["\n background: #ffffff;\n border-top-right-radius: 16px;\n border-bottom-right-radius: 16px;\n padding-left: 2px;\n padding-right: 2px;\n display: flex;\n flex-direction: column;\n height: 80px;\n margin-bottom: 8px;\n position: relative;\n"],["\n background: #ffffff;\n border-top-right-radius: 16px;\n border-bottom-right-radius: 16px;\n padding-left: 2px;\n padding-right: 2px;\n display: flex;\n flex-direction: column;\n height: 80px;\n margin-bottom: 8px;\n position: relative;\n"]))),a9=tt.div(D4||(D4=V4(["\n min-width: 20px;\n margin-left: 0;\n margin-right: 12px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: ",";\n opacity: ",";\n height: 40px;\n width: 46px;\n border-radius: 4px;\n transition: width 0.2s ease;\n overflow: hidden;\n"],["\n min-width: 20px;\n margin-left: 0;\n margin-right: 12px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: ",";\n opacity: ",";\n height: 40px;\n width: 46px;\n border-radius: 4px;\n transition: width 0.2s ease;\n overflow: hidden;\n"])),(function(e){return e.disabled?"default":"pointer"}),(function(e){return e.disabled?"0.5":"1"})),s9=tt.div(R4||(R4=V4(["\n display: block;\n height: 40px;\n border-radius: 4px;\n color: white;\n button {\n border-radius: 4px;\n }\n"],["\n display: block;\n height: 40px;\n border-radius: 4px;\n color: white;\n button {\n border-radius: 4px;\n }\n"]))),l9=tt.div(F4||(F4=V4(["\n width: 221px;\n height: 40px;\n padding: 12px;\n box-sizing: border-box;\n display: flex;\n gap: 13px;\n align-items: center;\n background: #ffffff;\n border: 1px solid rgba(0, 27, 83, 0.1);\n border-radius: 6px;\n margin-bottom: 20px;\n"],["\n width: 221px;\n height: 40px;\n padding: 12px;\n box-sizing: border-box;\n display: flex;\n gap: 13px;\n align-items: center;\n background: #ffffff;\n border: 1px solid rgba(0, 27, 83, 0.1);\n border-radius: 6px;\n margin-bottom: 20px;\n"]))),c9=tt.div(L4||(L4=V4(["\n position: absolute;\n right: 15px;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"],["\n position: absolute;\n right: 15px;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"]))),u9=function(e){var n=e.videos,r=void 0===n?[]:n,i=e.setVideos,o=void 0===i?function(){}:i,a=Mt().containerWidth,s=dn(),l=H4((0,E.useState)(0),2),c=l[0],u=l[1],f=H4((0,E.useState)(0),2),d=f[0],p=f[1],h=H4((0,E.useState)(0),2),y=h[0],v=h[1],g=H4((0,E.useState)(0),2),x=g[0],b=g[1],w=H4((0,E.useState)(10),2),S=w[0],C=w[1],k=H4((0,E.useState)(20),2),_=k[0],O=k[1];(0,E.useEffect)((function(){u(r.reduce((function(e,t){return e+t.duration}),0)||0),p(r.reduce((function(e,t){return e+t.trimDuration}),0)||0)}),[r]),(0,E.useEffect)((function(){b(60+100*r.length)}),[r]),(0,E.useEffect)((function(){!function(){var e=Math.max(function(e,t){return e>0?Math.ceil(e/t)*t:t}(c*S,S),a-223);v(e),O(Math.round(e/S))}()}),[c,S,a]);var P=function(e){if(1===r.length)return s.push("/"),void window.localStorage.removeItem(m.merge);try{var t=localStorage.getItem(m.merge),n=r[e],i=(JSON.parse(t||"")||[]).filter((function(e){return e.id.toString()!==n.id.toString()}));localStorage.setItem(m.merge,JSON.stringify(i))}catch(e){console.log(e)}o((function(t){var n=G4([],H4(t),!1);return n.splice(e,1),n}))},T=function(e,t){o((function(n){var r=G4([],H4(n),!1);return r[e].ref=t,r}))},I=function(e){if(0===e)return 0;var t=r[e-1],n=r[e];return 1===e?t.endSec*S-n.startSec*S:t.trimDuration*S+t.startSec*S-n.startSec*S+I(e-1)};return(0,t.jsxs)(W4,{children:[(0,t.jsx)(e9,{children:r&&!!r.length&&(0,t.jsx)(z0,{width:592,height:332,displayVideos:r})}),(0,t.jsxs)(q4,{children:[(0,t.jsxs)(J4,{children:[(0,t.jsx)(s9,{children:(0,t.jsx)(vo,{backgroundColor:hi,textColor:Ei,fontSize:"15px",padding:"8px 16px 8px 10px",icon:(0,t.jsx)(HL,{color:zi,height:21,width:21}),text:"Add More Videos",onClick:function(){s.push("/?add-more")}})}),a>ri&&(0,t.jsxs)(l9,{children:[(0,t.jsx)(a9,U4({onClick:function(){return S>10&&C(S-5)},disabled:10===S},{children:(0,t.jsx)(d0,{width:24,height:24,color:zi})})),(0,t.jsx)("input",{type:"range",onChange:function(e){return C(e.target.value)},min:10,max:200,value:S,style:{width:"200px",height:"4px",backgroundColor:"#d0d3d9",boxShadow:"0px 0px 4px rgba(66, 79, 104, 0.08),0px 6px 12px rgba(66, 79, 104, 0.06)"}}),(0,t.jsx)(a9,U4({onClick:function(){return S<200&&C(S+5)},disabled:200===S},{children:(0,t.jsx)(v0,{width:24,height:24,color:zi})}))]})]}),(0,t.jsxs)($4,{children:[(0,t.jsx)(Z4,{children:(0,t.jsx)(j6,U4({onDragEnd:function(e){return t=void 0,n=void 0,a=function(){var t;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(n){return e.destination?(t=function(e,t,n){var r=Array.from(e),i=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}(r.splice(t,1),1)[0];return r.splice(n,0,i),r}(r,e.source.index,e.destination.index),o(t),[2]):[2]}))},new((i=void 0)||(i=Promise))((function(e,r){function o(e){try{l(a.next(e))}catch(e){r(e)}}function s(e){try{l(a.throw(e))}catch(e){r(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(o,s)}l((a=a.apply(t,n||[])).next())}));var t,n,i,a}},{children:(0,t.jsx)(d4,U4({droppableId:"videos"},{children:function(e){return(0,t.jsxs)("div",U4({ref:e.innerRef},e.droppableProps,{children:[r.map((function(e,n){return(0,t.jsx)(s4,U4({draggableId:e.id,index:n},{children:function(r){return(0,t.jsx)("div",U4({ref:r.innerRef},r.draggableProps,r.dragHandleProps,{children:(0,t.jsx)(u0,{index:n,video:e,setVideos:o,removeVideo:P,setVideoRef:T},"".concat(e.id).concat(n,"thumb"))}))}}),e.id)})),e.placeholder]}))}}))}))}),(0,t.jsxs)(K4,U4({height:x,id:"row-container"},{children:[a>ri&&(0,t.jsxs)(Q4,U4({width:y},{children:[(0,t.jsx)(t9,{children:G4([],H4(Array(Math.round(_/12)).keys()),!1).map((function(e){return(0,t.jsxs)(i9,U4({width:12*S},{children:[(0,t.jsx)("span",{children:St(12*e,0)}),e+1===Math.round(_/12)&&(0,t.jsx)("span",{children:St(12*(e+1),0)})]}),e)}))}),(0,t.jsx)(n9,{children:G4([],H4(Array(_).keys()),!1).map((function(e){return(0,t.jsx)(r9,{width:S-1,rightBorder:e+1===_,inside:e>=r[0].startSec&&e<=r[0].startSec+d},e)}))})]})),(0,t.jsx)(X4,{children:r.map((function(e,n){return(0,t.jsx)(o9,{children:(0,t.jsx)(c9,{children:(0,t.jsx)(h4,{onClick:function(){return P(n)},height:24,width:24,color:"rgba(232, 76, 61, 0.6)"})})},"".concat(e.id).concat(n))}))}),a>ri&&(0,t.jsx)(Y4,{children:r.map((function(e,n){return(0,t.jsx)($J,{index:n,totalDuration:c,offset:I(n),width:e.duration*S,video:e,setVideos:o},"".concat(e.id).concat(n,"row"))}))})]}))]})]})]})},f9=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},d9=function(){return d9=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},d9.apply(this,arguments)},p9=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},h9=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},y9=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},m9=tt.main(B4||(B4=f9(["\n background: ",";\n"],["\n background: ",";\n"])),ki),v9=tt.div(N4||(N4=f9(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"])),Ei),g9=function(){var e=localStorage.getItem(m.merge),n=JSON.parse(e),r={};null==n||n.forEach((function(e){r[e.id]=e}));var i=fn(en).location,o=(new URLSearchParams(i.search).get("videos")||"").split(",").filter(Boolean),a=y9((0,E.useState)(o.map((function(e){return{id:e}}))),2),s=a[0],l=a[1],c=dn(),u=y9(E.useState(!1),2),f=u[0],d=u[1],p=y9(E.useState(!1),2),h=p[0],y=p[1],v=y9(E.useState(!0),2),g=v[0],x=v[1];return(0,E.useEffect)((function(){x(!0),Object.values(r).forEach((function(e){return p9(void 0,void 0,void 0,(function(){var t;return h9(this,(function(n){switch(n.label){case 0:return[4,Wn(e.id)];case 1:return t=n.sent(),l((function(n){return function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))}([],y9(n),!1).map((function(n){return n.id.toString()===e.id.toString()?d9(d9(d9({},e),n),{source:t.videoSource,flvName:t.flvName+".mp4",start:"00:00:00:00"}):n}))})),[2]}}))}))})),x(!1)}),[]),g?(0,t.jsx)(_o,{isLoading:g}):(0,t.jsxs)(m9,{children:[s.length>=2&&(0,t.jsx)($W,{when:!0,navigate:function(e){c.push(e)},stay:!0,onStay:function(){return d(!0)},onConfirm:function(){},shouldBlockNavigation:function(e){return function(e){return("/"!==e.pathname||"?add-more"!==e.search&&"?merged"!==e.search)&&!h}(e)}}),(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){window.localStorage.removeItem(m.merge),c.push("/")}}),center:(0,t.jsx)(v9,{children:"Merge Videos"}),right:(0,t.jsx)(vo,{onClick:function(){return d(!0)},text:"Save",disabled:(null==s?void 0:s.length)<2,textColor:hi,backgroundColor:Xi,fontSize:"15px"})}),(0,t.jsx)(u9,{videos:s,setVideos:l}),f&&(0,t.jsx)($X,{title:"Name new video",label:"Give your new video a name",defaultValue:"",secondaryButtonText:"Go Back",primaryButtonText:"Save Video",handleSubmit:function(e){return t=e,p9(void 0,void 0,void 0,(function(){var e;return h9(this,(function(n){switch(n.label){case 0:return window.localStorage.removeItem(m.merge),e=1e3*s.reduce((function(e,t){return e+t.trimDuration}),0),[4,(r={videos:s.map((function(e){return{start:e.start,end:e.end,id:e.id,flvName:e.flvName}})),videoName:t,duration:e},Ln(void 0,void 0,void 0,(function(){var e,t,n;return Bn(this,(function(i){switch(i.label){case 0:return e=S.headers,t={url:"/videos/merge",baseURL:b,method:Vn,data:r,headers:{Authorization:"Bearer ".concat(e.Authorization)}},[4,Tn(t).catch((function(e){return e}))];case 1:if((n=i.sent())instanceof Error)throw n;return[2,n]}}))})))];case 1:return n.sent(),y(!0),c.push("/?merged"),[2]}var r}))}));var t},handleModalClose:function(){return d(!1)}})]})},x9=tt.div(z4||(z4=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"]))),b9=function(e){var n=e.onSaveVideo,r=e.isSaveDisabled,i=e.setInsertAfterSave,o=e.uploadLoading,a=dn(),s=Mt().showInsertFeature;return(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){a.push("/")}}),center:(0,t.jsx)(x9,{children:""}),right:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(vo,{onClick:function(){n()},text:"Save",disabled:r||o,textColor:zi,backgroundColor:Ui,borderColor:Ui,fontSize:"15px",icon:o?(0,t.jsx)(bo,{size:12,color:zi}):(0,t.jsx)(kW,{height:"15px"})}),s&&(0,t.jsx)(vo,{onClick:function(){i(!0),n()},text:"Continue to Insert",disabled:r||o,textColor:hi,backgroundColor:Ai,borderColor:Mi,fontSize:"15px"})]})})},w9=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},S9={id:"",title:"",recordDate:"",views:"0",videoLength:0,thumbnail:"",videoSource:"",tags:[],videoRequest:{videoRequestId:"0"},folder:""};const C9=function(){var e=pn().videoId,n=w9((0,E.useState)(S9),2),r=n[0],i=n[1],o=w9((0,E.useState)(!0),2),a=o[0],s=o[1],l=w9((0,E.useState)(),2),c=l[0],u=l[1],f=w9((0,E.useState)(!1),2),d=f[0],p=f[1],h=w9((0,E.useState)(!1),2),y=h[0],m=h[1],v=w9((0,E.useState)(!1),2),g=v[0],x=v[1];return(0,E.useEffect)((function(){var t,n,o,a;r.id||(t=void 0,n=void 0,a=function(){var t;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(n){switch(n.label){case 0:return e?[4,Wn(e)]:[2];case 1:return(t=n.sent())&&(i(t),s(!1)),[2]}}))},new((o=void 0)||(o=Promise))((function(e,r){function i(e){try{l(a.next(e))}catch(e){r(e)}}function s(e){try{l(a.throw(e))}catch(e){r(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof o?n:new o((function(e){e(n)}))).then(i,s)}l((a=a.apply(t,n||[])).next())})))}),[]),a?(0,t.jsx)(_o,{isLoading:a}):(0,t.jsxs)("div",{children:[(0,t.jsx)(b9,{onSaveVideo:c||function(){},setInsertAfterSave:p,isSaveDisabled:y,uploadLoading:g}),(0,t.jsx)(co,{children:(0,t.jsx)(tY,{recordingBlobUrl:r.videoSource,recordDate:r.recordDate,insertAfterSave:d,setSaveFunction:u,setIsSaveDisabled:m,skipUploadProcess:!0,videoId:e,initialTitle:r.title,updateUploadLoading:function(e){return x(e)}})})]})};var E9=function(){return E9=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},E9.apply(this,arguments)},k9=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},_9=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},O9=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},P9={id:"",verified:0,access:0,customerId:0,customer:{automotiveAccess:0}};const T9=function(){var e=this,n=O9((0,E.useState)(!0),2),r=n[0],i=n[1],o=O9((0,E.useState)(P9),2),a=o[0],s=o[1],l=function(){return k9(e,void 0,void 0,(function(){var e;return _9(this,(function(t){switch(t.label){case 0:if(!x)return s(P9),i(!1),[2];i(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,In(void 0,void 0,void 0,(function(){var e,t;return An(this,(function(n){switch(n.label){case 0:return e=(C()||S).bearerToken,[4,Tn({url:"/auth/user",baseURL:b,method:jn,headers:e}).catch((function(e){return e}))];case 1:if((t=n.sent())instanceof Error)throw t;return t.authCalled=!0,[2,t]}}))}))];case 2:return e=t.sent(),s(e),[3,4];case 3:return t.sent(),[3,4];case 4:return i(!1),[2]}}))}))},c=function(t){return k9(e,void 0,void 0,(function(){return _9(this,(function(e){switch(e.label){case 0:return w(t),[4,l()];case 1:return e.sent(),[2]}}))}))};(0,E.useEffect)((function(){l()}),[]);var u=!!(null==a?void 0:a.id);return r?(0,t.jsx)(nf,{children:(0,t.jsx)(_o,{height:400,isLoading:!0})}):(0,t.jsx)(zl,E9({initialUser:a},{children:(0,t.jsx)(IL,{children:(0,t.jsx)(Ju,{children:(0,t.jsx)(nf,{children:(0,t.jsxs)(nn,{children:[u&&(0,t.jsxs)(un,{children:[(0,t.jsx)(cn,{path:"/merge",component:g9,exact:!0}),(0,t.jsx)(cn,{path:"/voiceover/:videoId",component:oJ,exact:!0}),(0,t.jsx)(cn,{path:"/insert-video/:videoId",component:DG,exact:!0}),(0,t.jsx)(cn,{path:"/wheels-tv",component:zJ}),(0,t.jsx)(cn,{exact:!0,path:"/record/home",component:xW}),(0,t.jsx)(cn,{exact:!0,path:"/record/both",component:XY}),(0,t.jsx)(cn,{exact:!0,path:"/record/cam",component:EQ}),(0,t.jsx)(cn,{exact:!0,path:"/record/screen",component:KQ}),(0,t.jsx)(cn,{exact:!0,path:"/preview-upload/:videoId",component:C9}),(0,t.jsx)(cn,{exact:!0,path:"/",component:function(){return(0,t.jsx)(XN,{handleUpdateToken:c})}})]}),!u&&(0,t.jsx)(un,{children:(0,t.jsx)(cn,{exact:!0,path:"/",component:function(){return(0,t.jsx)(mz,{handleUpdateToken:c})}})})]})})})})}))};var I9,A9,j9=function(){return j9=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},j9.apply(this,arguments)},M9=new v.QueryClient({defaultOptions:{queries:{retry:0},mutations:{retry:0}}});function D9(){w(""),Pt()}!function(e){e.UPLOAD="upload",e.FOLDER="folder",e.RECORD_SCREEN="recordScreen",e.MERGE="merge",e.RECORD_CAM="recordCam",e.WHEELS_TV="wheelsTV",e.RECORD_BOTH="recordBoth",e.TRIM="trim",e.INSERT="insert",e.LANDING_PAGE="landingPage",e.QUICKSHARE="quickshare",e.CTA="CTA",e.VOICEOVER="voiceover",e.REACTIONS="reactions",e.AI_ASSIST="aiAssist",e.UPGRADE_MESSAGE="upgradeMessage"}(I9||(I9={})),function(e){e.DEVELOPMENT="development",e.SANDBOX="sandbox",e.PRODUCTION="production"}(A9||(A9={}));var R9=function(e){return(0,t.jsx)(v.QueryClientProvider,j9({client:M9},{children:(0,t.jsx)(jt,j9({},e,{children:(0,t.jsx)(T9,{},"".concat(null==e?void 0:e.env).concat(null==e?void 0:e.token))}))}))}})(),module.exports=__webpack_exports__})();
576
+ `,MR=e=>{let{handleSubmitGeneratedContent:t,handleOnCopySuccess:n,defaultPromptType:r,defaultPromptUseCase:i=AM.INITIAL_REACH_OUT,defaultRecipient:o="",defaultVin:a="",userInput:s="",autoGenerate:l=!1,margin:c="0",height:u="auto",iconPadding:f="12px 2px 12px 10px",backgroundcolor:d="#8D31D6",border:p,iconColor:h=EM.white,videoId:y,btnLabel:m="",hoverPopup:g,hoverPosition:x="above",disabled:b,title:w}=e;const{userData:S,currentAiTheme:C}=uD(),{customer:_}=S,O=S.isAutomotiveServiceRole,[P,T]=(0,E.useState)(!1),I=()=>T(!0);if(O||!Number(_.hasCovideoMagic))return null;const A=()=>k().createElement(jR,{onClick:I,iconPadding:f,title:w,text:m,backgroundcolor:d,border:"gradient"===d?"0":p,icon:"gradient"===h?k().createElement(hD,null):k().createElement(yD,{color:h}),textColor:EM.white,margin:"0",height:u,currentAiTheme:C,disabled:b}),j=!!g;return k().createElement(v.QueryClientProvider,{client:AR},k().createElement("div",{style:{margin:c},className:"ai-assist"},j&&k().createElement(TM,{showtriangle:!0,position:x,padding:"0",width:"auto",hoverable:k().createElement(A,null),popup:g}),!j&&k().createElement(A,null),P&&k().createElement(dD,{defaultPromptType:r,defaultPromptUseCase:i,defaultRecipient:o,defaultVin:a,userInput:s,videoId:y,autoGenerate:l},k().createElement(IR,{closeModal:()=>T(!1),handleSubmitGeneratedContent:t,handleOnCopySuccess:n}))))},DR=e=>{let{children:t}=e;return k().createElement(oh,{theme:{color:"blue"}},t)},RR=e=>{let{...t}=e;return k().createElement(cD,{userData:t.userData,token:t.token,aiAssistTheme:t.aiAssistTheme,env:t.env},k().createElement(DR,null,k().createElement(MR,{userInput:t.userInput,defaultPromptType:t.defaultPromptType,handleSubmitGeneratedContent:t.handleSubmitGeneratedContent,margin:t.margin,hoverPopup:t.hoverPopup,hoverPosition:t.hoverPosition,btnLabel:t.btnLabel,height:t.height,backgroundcolor:t.backgroundcolor,iconPadding:t.iconPadding,videoId:t.videoId,defaultVin:t.defaultVin,iconColor:t.iconColor,border:t.border,autoGenerate:t.autoGenerate,title:t.title,handleOnCopySuccess:t.handleOnCopySuccess,defaultRecipient:t.defaultRecipient,defaultPromptUseCase:t.defaultPromptUseCase,disabled:t.disabled})))};var FR,LR;!function(e){e.TELEPROPTER_SCRIPT="Teleprompter Script",e.EMAIL="Email",e.SMS="SMS",e.CRM_MESSAGE="CRM Message"}(FR||(FR={})),function(e){e.QUOTE_SEND="Quote-Send",e.OPENED_EMAIL="Opened-Email",e.WATCHED_VIDEO="Watched-Video",e.APPROVED_ITEMS="Approved-Items",e.UPDATE_QUOTE="Update-Quote",e.RECORDED_VIDEO="Recorded-Video",e.APPROVED_VIDEO="Approved-Video",e.DENIED_VIDEO="Denied-Video",e.DELETE_VIDEO="Delete-Video",e.QUOTE_RESEND="Quote-Resend",e.UPDATE_RO="RO-Update",e.QUICKSHARE="Quickshare",e.CRM_SHARE="Crm-Share",e.WATCHED_VIDEO_UNKNOWN="WATCHED_VIDEO_UNKNOWN"}(LR||(LR={}));var BR,NR,zR,VR,UR,HR,GR,WR,qR,$R,ZR,YR,QR,KR,XR,JR,eF,tF,nF,rF,iF,oF,aF,sF,lF,cF,uF=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},fF=function(){return fF=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},fF.apply(this,arguments)},dF=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},pF=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},hF=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},yF=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},mF=tt.div(BR||(BR=uF(["\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n overflow: hidden;\n opacity: ",";\n &:hover {\n .small-insert-video-button {\n display: none;\n }\n .large-insert-video-button {\n display: flex;\n }\n }\n"],["\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n overflow: hidden;\n opacity: ",";\n &:hover {\n .small-insert-video-button {\n display: none;\n }\n .large-insert-video-button {\n display: flex;\n }\n }\n"])),hi,(function(e){var t=e.opacity;return null!=t?t:"1"})),vF=tt.div(NR||(NR=uF(["\n position: relative;\n aspect-ratio: 16 / 9;\n min-height: 100px;\n background-color: ",";\n"],["\n position: relative;\n aspect-ratio: 16 / 9;\n min-height: 100px;\n background-color: ",";\n"])),(function(e){return e.backgroundColor||"transparent"})),gF=tt.div(zR||(zR=uF(["\n background-color: ",";\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n"],["\n background-color: ",";\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])),hi),xF=tt.div(VR||(VR=uF(["\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n min-height: 40px;\n color: ",";\n background-color: ",";\n width: ",";\n border-radius: 6px;\n word-break: break-word;\n"],["\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n min-height: 40px;\n color: ",";\n background-color: ",";\n width: ",";\n border-radius: 6px;\n word-break: break-word;\n"])),Ii,(function(e){return e.backgroundColor||"transparent"}),(function(e){return e.width||"auto"})),bF=tt.div(UR||(UR=uF(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n display: flex;\n align-items: center;\n background-color: ",";\n width: ",";\n border-radius: 6px;\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n display: flex;\n align-items: center;\n background-color: ",";\n width: ",";\n border-radius: 6px;\n"])),Ti,(function(e){return e.backgroundColor||"transparent"}),(function(e){return e.width||"auto"})),wF=tt.div(HR||(HR=uF(["\n position: absolute;\n left: 12px;\n bottom: 12px;\n background-color: ",";\n border-radius: 24px;\n color: ",";\n font-weight: 500;\n font-size: 12px;\n line-height: 16px;\n padding: 4px 8px;\n min-width: 50px;\n"],["\n position: absolute;\n left: 12px;\n bottom: 12px;\n background-color: ",";\n border-radius: 24px;\n color: ",";\n font-weight: 500;\n font-size: 12px;\n line-height: 16px;\n padding: 4px 8px;\n min-width: 50px;\n"])),"rgba(39, 42, 50, 0.4)",hi),SF=tt.img(GR||(GR=uF(["\n position: absolute;\n top: 0;\n height: 100%;\n left: 50%;\n transform: translateX(-50%);\n opacity: ",";\n"],["\n position: absolute;\n top: 0;\n height: 100%;\n left: 50%;\n transform: translateX(-50%);\n opacity: ",";\n"])),(function(e){return e.visible?1:0})),CF=tt.div(WR||(WR=uF(["\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: ",";\n"],["\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: ",";\n"])),wi),EF=tt.div(qR||(qR=uF(["\n display: flex;\n justify-content: space-between;\n position: relative;\n z-index: 1;\n padding: 8px;\n"],["\n display: flex;\n justify-content: space-between;\n position: relative;\n z-index: 1;\n padding: 8px;\n"]))),kF=tt.div($R||($R=uF(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"],["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"]))),_F=function(e){var n,r,i,o=e.video,a=e.isMerge,s=e.selectedVideosData,l=e.setSelectedVideosData,c=(null==o?void 0:o.folder)===Fn,u=Mt(),f=u.showQuickshareFeature,d=u.showVoiceoverFeature,p=u.showInsertFeature,h=u.onVideoInsert,y=u.onVideoInsertError,m=u.showAiAssistFeature,v=u.env,g=Vl().userData,x=tc(g),w=nc(g),k=function(e,t){return e&&(!!(null==t?void 0:t.customer.vAutoDealerId)||!!(null==t?void 0:t.customer.eDealerId)||!!(null==t?void 0:t.customer.homeNetId)||!!(null==t?void 0:t.customer.maxDigitalId)||!!(null==t?void 0:t.customer.dealersLinkId)||!!(null==t?void 0:t.customer.dealerCueId)||!!(null==t?void 0:t.customer.autoRevolutionId)||!!(null==t?void 0:t.customer.vinsolutionsIMSDealerId)||!!(null==t?void 0:t.customer.dealerDotComIMS)||!!(null==t?void 0:t.customer.dealerCenterDealerId)||function(e){var t;return"64604"===(null===(t=null==e?void 0:e.customerId)||void 0===t?void 0:t.toString())}(t))}(w,g),_=ec(g),O=dn(),P=hF((0,E.useState)(0),2),T=P[0],I=P[1],A=hF((0,E.useState)(!1),2),j=A[0],M=A[1],D=hF((0,E.useState)(!1),2),R=D[0],F=D[1],L=hF((0,E.useState)(!1),2),B=L[0],N=L[1],z=hF((0,E.useState)(!1),2),V=z[0],U=z[1],H=hF((0,E.useState)(!1),2),G=H[0],W=H[1],q=hF((0,E.useState)(),2),$=q[0],Z=q[1],Y=hF((0,E.useState)(null),2),Q=Y[0],K=Y[1],X=ef().toast,J=(0,E.createRef)(),ee=C().headers.Authorization,te=function(){W(!1),clearTimeout($)},ne=function(e){J.current&&!G&&W(!0)},re=o?function(e,t,n){void 0===n&&(n="YYYY-MM-DD HH:mm:ss");var r=t.timeZone||Intl.DateTimeFormat().resolvedOptions().timeZone||yt().tz.guess(),i=yt()(e,["M/DD/YYYY h:mm:ss A","M/DD/YYYY, h:mm:ss A","M/D/YYYY h:mm:ss A","M/D/YYYY, h:mm:ss A","MM/DD/YYYY"]),o=-yt()().tz("America/New_York").utcOffset(),a=yt()().tz(r).utcOffset(),s=i.add(o,"minute");return yt()(s).add(a,"minute").format(n)}(o.recordDate,g,"MM/DD/YYYY hh:mm:ss A"):"",ie=function(){Q&&ce(Q),U(!1)},oe=function(){return dF(void 0,void 0,void 0,(function(){return pF(this,(function(e){switch(e.label){case 0:return[4,sr({videoRequestId:null==o?void 0:o.videoRequest.videoRequestId})];case 1:return e.sent(),X({message:"Video marked as Sent"}),ie(),[2]}}))}))},ae=function(e,t){return void 0===e&&(e=LR.QUICKSHARE),dF(void 0,void 0,void 0,(function(){var n,r,i;return pF(this,(function(a){switch(a.label){case 0:return K(t||null),n=o?o.id:"",r={videoActivityOptions:{from:g.firstName+" "+g.lastName,type:e},videoId:parseInt(n)},[4,(s=r,Ln(void 0,void 0,void 0,(function(){var e,t;return Bn(this,(function(n){switch(n.label){case 0:return e=S.bearerToken,[4,Tn({url:"/video-activity",baseURL:b,method:Vn,headers:e,data:s}).catch((function(e){return e}))];case 1:if((t=n.sent())instanceof Error)throw t;return[2,t]}}))})))];case 1:return a.sent(),(i=null===g.customer.markVideosAsSent?If:parseInt(g.customer.markVideosAsSent.toString(),10))!==Af&&_?(i===If&&U(!0),i!==jf?[3,3]:[4,oe()]):(t&&ce(t),[2]);case 2:a.sent(),t&&ce(t),a.label=3;case 3:return[2]}var s}))}))},se=function(e,t){return dF(void 0,void 0,void 0,(function(){var n,r,i,a;return pF(this,(function(s){switch(s.label){case 0:return n=function(){return dF(void 0,void 0,void 0,(function(){var n,r;return pF(this,(function(i){switch(i.label){case 0:return n=o?o.id:"",[4,of(n,fF({vin:e},t&&{useAutomotive:t}))];case 1:return[2,{url:(r=i.sent().data).url,html:r.html}]}}))}))},r=document.createElement("textArea"),a=(i=navigator.clipboard).write,[4,new ClipboardItem({"text/plain":new Promise((function(e){return dF(void 0,void 0,void 0,(function(){var t,r;return pF(this,(function(i){switch(i.label){case 0:return t=e,r=Blob.bind,[4,n()];case 1:return t.apply(void 0,[new(r.apply(Blob,[void 0,[i.sent().url],{type:"text/plain"}]))]),[2]}}))}))})),"text/html":new Promise((function(e){return dF(void 0,void 0,void 0,(function(){var t,i,o;return pF(this,(function(a){switch(a.label){case 0:return r.style.visibility="hidden",r.setAttribute("contenteditable","true"),t=r,[4,n()];case 1:return t.value=a.sent().html,document.body.appendChild(r),(i=document.createRange()).selectNodeContents(r),null==(o=window.getSelection())||o.removeAllRanges(),null==o||o.addRange(i),null==r||r.setSelectionRange(0,999999),e(new Blob([r.value],{type:"text/html"})),[2]}}))}))}))})];case 1:return[4,a.apply(i,[[s.sent()]]).catch((function(){X({message:"Something went wrong"})}))];case 2:return s.sent(),r&&r.remove&&r.remove(),X({message:"Link copied to clipboard!"}),[4,ae()];case 3:return s.sent(),[2]}}))}))};(0,E.useEffect)((function(){G&&I(T+1)}),[G]),(0,E.useEffect)((function(){if(T>0&&G){clearTimeout($);var e=setTimeout(I,1e3,T+1);Z(e)}}),[T]),(0,E.useEffect)((function(){return J.current&&(J.current.addEventListener("load",te,!0),J.current.addEventListener("error",ne,!0)),function(){J.current&&(J.current.removeEventListener("loadedmetadata",te,!0),J.current.removeEventListener("error",ne,!0))}}),[J]);var le,ce=function(e){K(null),h?h(e):ue("onVideoInsert function not defined.")},ue=function(e){y?y(e):console.log("onVideoInsert function not defined. Error: ".concat(e))};return o?(0,t.jsxs)(mF,{children:[(0,t.jsxs)(vF,fF({backgroundColor:ji},{children:[(0,t.jsx)(SF,{src:o.thumbnail,ref:J,visible:!G},o.id+T),!a&&(0,t.jsxs)(EF,{children:[(0,t.jsxs)(kF,{children:[!c&&(0,t.jsxs)(t.Fragment,{children:[p&&(0,t.jsx)(vo,{padding:"0 8px",height:"32px",onClick:function(){return O.push("/insert-video/".concat(null==o?void 0:o.id))},textColor:Ei,backgroundColor:hi,icon:(0,t.jsx)(iT,{size:18,color:Ei}),hoverBorderColor:bi,title:"Insert"}),f&&(0,t.jsx)(vo,{padding:"0 8px",title:"QuickShare",height:"32px",onClick:function(){return dF(void 0,void 0,void 0,(function(){var e,t,n,r,i,a;return pF(this,(function(s){switch(s.label){case 0:M(!0),e=(null===(i=null==o?void 0:o.videoRequest)||void 0===i?void 0:i.vin)||"",t=!!(null===(a=null==o?void 0:o.videoRequest)||void 0===a?void 0:a.vin),s.label=1;case 1:return s.trys.push([1,6,,7]),_t?[4,se(e,t)]:[3,3];case 2:return s.sent(),[2];case 3:return n=o?o.id:"",[4,of(n,fF({vin:e},t&&{useAutomotive:t}))];case 4:return r=s.sent().data,[4,(l=r,dF(void 0,void 0,void 0,(function(){return pF(this,(function(e){switch(e.label){case 0:return document.addEventListener("copy",(function(e){return function(e,t,n){e.clipboardData&&(e.clipboardData.setData("text/html",n),e.clipboardData.setData("text/plain",t)),e.preventDefault()}(e,l.url,l.html)}),{once:!0}),document.execCommand("copy"),X({message:"Link copied to clipboard!"}),[4,ae()];case 1:return e.sent(),[2]}}))})))];case 5:return s.sent(),M(!1),[3,7];case 6:return s.sent(),M(!1),X({message:"Error retrieving quick share link!"}),[3,7];case 7:return[2]}var l}))}))},textColor:Ei,backgroundColor:hi,icon:j?(0,t.jsx)(bo,{size:12,color:Ei}):(0,t.jsx)(nT,{size:18,color:Ei}),hoverBorderColor:bi,disabled:j}),m&&(0,t.jsx)(RR,{defaultPromptType:FR.CRM_MESSAGE,handleSubmitGeneratedContent:function(e,t,n){return dF(void 0,void 0,void 0,(function(){return pF(this,(function(r){switch(r.label){case 0:return[4,ae(LR.CRM_SHARE,{html:e,url:t||"",thumbnail:n||""})];case 1:return r.sent(),[2]}}))}))},handleOnCopySuccess:function(){return dF(void 0,void 0,void 0,(function(){var e;return pF(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,ae(LR.CRM_SHARE)];case 1:return t.sent(),X({message:"Link copied to clipboard!"}),[3,3];case 2:return e=t.sent(),console.log(e),[3,3];case 3:return[2]}}))}))},margin:"0 12px 0 0",height:"40px",backgroundcolor:hi,iconColor:"gradient",iconPadding:"9px 11px",videoId:o?o.id:"",defaultVin:(null===(n=null==o?void 0:o.videoRequest)||void 0===n?void 0:n.vin)||"",token:ee,userData:{customer:{business:g.customer.business,hasCovideoMagic:"1"===(null===(i=null===(r=null==g?void 0:g.customer)||void 0===r?void 0:r.hasCovideoMagic)||void 0===i?void 0:i.toString())},firstName:g.firstName,isAutomotiveSalesRole:w,isAutomotiveServiceRole:x,isIMSEnabled:k},aiAssistTheme:_?"automotive":"covideo",title:"AI assist",env:v})]}),c&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(vo,{padding:"0 8px",title:"Copy to Primary",height:"32px",onClick:function(){return dF(void 0,void 0,void 0,(function(){return pF(this,(function(e){switch(e.label){case 0:if(!o)return[2];F(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,(t=o.id,Ln(void 0,void 0,void 0,(function(){var e,n,r;return Bn(this,(function(i){switch(i.label){case 0:return e=S.bearerToken,n={url:"/videos/".concat(t,"/move"),baseURL:b,method:zn,headers:e,data:{videoId:t,copy:!0,videoFolder:"Primary"}},[4,Tn(n).catch((function(e){return e}))];case 1:if((r=i.sent())instanceof Error)throw r;return[2,r]}}))})))];case 2:return e.sent(),X({message:"Video copied successfully."}),[3,4];case 3:return e.sent(),X({message:"Copy failed, please try again later."}),[3,4];case 4:return F(!1),[2]}var t}))}))},textColor:Ei,backgroundColor:hi,icon:R?(0,t.jsx)(bo,{size:12,color:Ei}):(0,t.jsx)(Nc,{size:18,color:Ei}),hoverBorderColor:bi,disabled:R}),(0,t.jsx)(vo,{padding:"0 8px",title:"Download",height:"32px",onClick:function(){return dF(void 0,void 0,void 0,(function(){return pF(this,(function(e){switch(e.label){case 0:if(!o)return[2];N(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,(t=o.id,n="".concat(o.title,".mp4"),Ln(void 0,void 0,void 0,(function(){var e,r,i;return Bn(this,(function(o){switch(o.label){case 0:return e=S.bearerToken,r={url:"/videos/".concat(t,"/download"),baseURL:b,method:Nn,headers:e,responseType:"blob"},[4,Tn(r).catch((function(e){return e}))];case 1:if((i=o.sent())instanceof Error)throw i;return[2,(0,Rn.saveAs)(new Blob([i],{type:"video/mp4"}),n)]}}))})))];case 2:return e.sent(),[3,4];case 3:return e.sent(),X({message:"Download failed, please try again later."}),[3,4];case 4:return N(!1),[2]}var t,n}))}))},textColor:Ei,backgroundColor:hi,icon:B?(0,t.jsx)(bo,{size:12,color:Ei}):(0,t.jsx)(zc,{size:18,color:Ei}),hoverBorderColor:bi,disabled:B})]})]}),d&&!c&&(0,t.jsx)(vo,{padding:"0 8px",title:"Voiceover",height:"32px",onClick:function(){return O.push("/voiceover/".concat(o.id))},textColor:Ei,backgroundColor:hi,icon:(0,t.jsx)(tT,{size:18,color:Ei}),hoverBorderColor:bi})]}),a&&(0,t.jsx)(uc,{width:"24px",blueCheck:!0,style:{marginLeft:10,marginTop:10},checked:s.find((function(e){return e.id===o.id})),onChange:function(e){return function(e){var t=e.target.checked;l(t?yF(yF([],hF(s),!1),[o],!1):s.filter((function(e){return e.id!=o.id})))}(e)}}),G&&(0,t.jsx)(CF,{children:(0,t.jsx)(bo,{})}),!!(null==o?void 0:o.videoLength)&&(0,t.jsx)(wF,{children:(le=o.videoLength,new Date(le).toISOString().substring(14,19))})]})),(0,t.jsxs)(gF,{children:[(0,t.jsx)(xF,{children:o.title}),(0,t.jsxs)(bF,{children:[(0,t.jsx)(sT,{size:16,color:Oi,style:{marginRight:6}}),re]})]}),V&&(0,t.jsx)(Tf,{handleModalClose:ie,handleSubmit:oe})]}):(0,t.jsxs)(mF,fF({opacity:".3"},{children:[(0,t.jsx)(vF,fF({backgroundColor:_i},{children:(0,t.jsx)(wF,{children:" "})})),(0,t.jsxs)(gF,{children:[(0,t.jsx)(xF,fF({backgroundColor:_i,width:"100%"},{children:" "})),(0,t.jsx)(bF,fF({backgroundColor:_i,width:"70%"},{children:" "}))]})]}))},OF=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},PF=tt.div(YR||(YR=OF(["\n position: relative;\n width: 216px;\n ","\n"],["\n position: relative;\n width: 216px;\n ","\n"])),(function(e){return e.theme.containerWidth<oi&&Ne(ZR||(ZR=OF(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),TF=tt.div(QR||(QR=OF(["\n position: absolute;\n left: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"],["\n position: absolute;\n left: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"])),Pi,Ii),IF=tt.div(KR||(KR=OF(["\n position: absolute;\n right: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"],["\n position: absolute;\n right: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"])),Pi,Ii),AF=function(e){var n=e.prevSearch,r=e.handleSearch,i=Mt().containerWidth,o=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useState)(n||""),2),a=o[0],s=o[1];return(0,t.jsxs)(PF,{children:[(0,t.jsx)(TF,{children:(0,t.jsx)(hT,{onClick:function(){return r(a)},size:17})}),(0,t.jsx)(uo,{width:"100%",type:"text",padding:"8px 8px 8px 40px",value:a,placeholder:i>=ri?"Search videos...":"Search...",onKeyUp:function(e){"Enter"===e.key&&r(a)},onChange:function(e){s(e.currentTarget.value)}}),""!==a&&(0,t.jsx)(IF,{children:(0,t.jsx)(Bc,{onClick:function(){return s(""),void r("")},size:17})})]})},jF=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},MF=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},DF=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},RF=tt.div(JR||(JR=jF(["\n position: relative;\n display: grid;\n gap: 24px;\n margin: 24px 0;\n grid-template-columns: repeat(3, 1fr);\n z-index: 0;\n ","\n"],["\n position: relative;\n display: grid;\n gap: 24px;\n margin: 24px 0;\n grid-template-columns: repeat(3, 1fr);\n z-index: 0;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(XR||(XR=jF(["\n grid-template-columns: 1fr;\n "],["\n grid-template-columns: 1fr;\n "])))})),FF=tt.div(tF||(tF=jF(["\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n ","\n"],["\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n ","\n"])),Pi,(function(e){return e.theme.containerWidth<ii&&Ne(eF||(eF=jF(["\n top: 32px;\n width: 100%;\n text-align: center;\n "],["\n top: 32px;\n width: 100%;\n text-align: center;\n "])))})),LF=function(e){var n=e.size,r=e.message;return(0,t.jsxs)(RF,{children:[(0,t.jsx)(FF,{children:r}),DF([],MF(Array(n)),!1).map((function(e,n){return(0,t.jsx)(_F,{},n)}))]})},BF=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},NF=function(){return NF=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},NF.apply(this,arguments)},zF=tt.div(nF||(nF=BF(["\n position: relative;\n"],["\n position: relative;\n"]))),VF=tt.div(rF||(rF=BF(["\n position: absolute;\n cursor: pointer;\n top: 40px;\n min-height: 20px;\n background: pink;\n width: 100%;\n box-shadow: 0px 0px 4px rgba(66, 79, 104, 0.08),\n 0px 6px 12px rgba(66, 79, 104, 0.06);\n border-radius: 8px;\n background: ",";\n"],["\n position: absolute;\n cursor: pointer;\n top: 40px;\n min-height: 20px;\n background: pink;\n width: 100%;\n box-shadow: 0px 0px 4px rgba(66, 79, 104, 0.08),\n 0px 6px 12px rgba(66, 79, 104, 0.06);\n border-radius: 8px;\n background: ",";\n"])),hi),UF=function(e){var n=e.name,r=e.handleUpdateToken,i=Mt().hasExternalJwt,o=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useState)(!1),2),a=o[0],s=o[1],l=function(e){var t=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}(E.useState(null),2),n=t[0],r=t[1];E.useEffect((function(){if(n){var e=function(e){n.contains(e.target)||s(!1)};return document.addEventListener("click",e,!0),function(){return document.removeEventListener("click",e,!0)}}}),[n]);var i=E.useCallback((function(e){return r(e)}),[]);return{ref:i}}().ref,c=dn();return i?null:(0,t.jsxs)(zF,NF({ref:l},{children:[(0,t.jsx)(vo,{text:n,backgroundColor:a?ki:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(pT,{size:18,color:Pi}),iconOther:a?(0,t.jsx)(aT,{}):(0,t.jsx)(oT,{}),onClick:function(){s((function(e){return!e}))}}),a&&(0,t.jsx)(VF,NF({onClick:function(){return r(""),Pt(),void c.go(0)}},{children:(0,t.jsx)(vo,{text:"Log Out",textColor:Li,backgroundColor:"transparent",borderColor:"transparent",icon:(0,t.jsx)(jc,{size:18,color:Ri})})}))]}))},HF=tt.div(iF||(iF=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"])),Ti),GF=function(e){var n=e.page,r=e.size,i=e.count,o=n*r+1,a=n*r+r;return a>i&&(a=i),(0,t.jsxs)(HF,{children:[o,"-",a," of ",i]})};!function(e){e.NoStatus="",e.Pending="pending",e.Denied="denied",e.Approved="approved"}(oF||(oF={})),function(e){e.NoStatus="",e.NotSent="not_sent",e.Sent="sent",e.Watched="watched",e.Deleted="deleted"}(aF||(aF={})),function(e){e.NoType="",e.Marketing="Marketing",e.Prospecting="Prospecting",e.RespondToInquiry="Respond to Inquiry",e.ThanksForYourBusiness="Thanks For Your Business"}(sF||(sF={})),function(e){e.NoType="",e.AdditionalRepair="Additional Repair",e.RepairInquiry="Repair inquiry",e.RegularService="Regular service",e.ServiceReminder="Service reminder",e.QuoteRequest="Quote request"}(lF||(lF={})),function(e){e[e.LEGACY=0]="LEGACY",e[e.FREE=1]="FREE",e[e.PRO=2]="PRO",e[e.TEAMS=3]="TEAMS",e[e.ENTERPRISE=4]="ENTERPRISE"}(cF||(cF={}));var WF,qF,$F,ZF,YF,QF,KF,XF,JF,eL,tL,nL,rL,iL,oL,aL,sL,lL,cL=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},uL=function(){return uL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},uL.apply(this,arguments)},fL=tt.div(nL||(nL=cL(["\n visibility: hidden;\n opacity: 0;\n position: absolute;\n ","\n height: auto;\n width: ",";\n max-width: ",";\n padding: ",";\n background: ",";\n border: 1px solid ",";\n box-shadow: 0px 8px 32px rgba(29, 30, 36, 0.08);\n border-radius: 5px;\n z-index: 99;\n cursor: initial;\n ","\n // TODO: add support for other triangle positions when needed\n ","\n ","\n"],["\n visibility: hidden;\n opacity: 0;\n position: absolute;\n ","\n height: auto;\n width: ",";\n max-width: ",";\n padding: ",";\n background: ",";\n border: 1px solid ",";\n box-shadow: 0px 8px 32px rgba(29, 30, 36, 0.08);\n border-radius: 5px;\n z-index: 99;\n cursor: initial;\n ","\n // TODO: add support for other triangle positions when needed\n ","\n ","\n"])),(function(e){return"bottom"===e.position?Ne(WF||(WF=cL(["\n top: 100%;\n left: 50%;\n transform: translate(-50%);\n "],["\n top: 100%;\n left: 50%;\n transform: translate(-50%);\n "]))):"below"===e.position?Ne(qF||(qF=cL(["\n top: calc(100% + 12px);\n left: 50%;\n transform: translate(-50%);\n "],["\n top: calc(100% + 12px);\n left: 50%;\n transform: translate(-50%);\n "]))):"bottom-left"===e.position?Ne($F||($F=cL(["\n top: 100%;\n left: 0%;\n "],["\n top: 100%;\n left: 0%;\n "]))):"right"===e.position?Ne(ZF||(ZF=cL(["\n top: 50%;\n left: 100%;\n transform: translateY(-50%);\n "],["\n top: 50%;\n left: 100%;\n transform: translateY(-50%);\n "]))):"top-left"===e.position?Ne(YF||(YF=cL(["\n bottom: 100%;\n left: 0%;\n "],["\n bottom: 100%;\n left: 0%;\n "]))):"top-right"===e.position?Ne(QF||(QF=cL(["\n bottom: 100%;\n right: 0%;\n "],["\n bottom: 100%;\n right: 0%;\n "]))):"top"===e.position?Ne(KF||(KF=cL(["\n bottom: 100%;\n left: 50%;\n transform: translate(-50%);\n "],["\n bottom: 100%;\n left: 50%;\n transform: translate(-50%);\n "]))):"above"===e.position?Ne(XF||(XF=cL(["\n bottom: calc(100% + 12px);\n left: 50%;\n transform: translate(-50%);\n "],["\n bottom: calc(100% + 12px);\n left: 50%;\n transform: translate(-50%);\n "]))):null}),(function(e){return e.width}),(function(e){return e.maxWidth}),(function(e){return e.padding}),hi,"#f7f8fa",(function(e){return e.showTriangle&&Ne(JF||(JF=cL(["\n &:after {\n content: '';\n display: block;\n position: absolute;\n }\n "],["\n &:after {\n content: '';\n display: block;\n position: absolute;\n }\n "])))}),(function(e){var t=e.showTriangle,n=e.position;return t&&("above"===n||"top"===n)&&Ne(eL||(eL=cL(["\n &:after {\n border-bottom: 0;\n border-top: 8px solid ",";\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n bottom: -8px;\n left: 50%;\n transform: translateX(-50%);\n }\n "],["\n &:after {\n border-bottom: 0;\n border-top: 8px solid ",";\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n bottom: -8px;\n left: 50%;\n transform: translateX(-50%);\n }\n "])),hi)}),(function(e){var t=e.showTriangle,n=e.position;return t&&"below"===n&&Ne(tL||(tL=cL(["\n &:after {\n border-top: 0;\n border-bottom: 8px solid ",";\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n top: -8px;\n left: 50%;\n transform: translateX(-50%);\n }\n "],["\n &:after {\n border-top: 0;\n border-bottom: 8px solid ",";\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n top: -8px;\n left: 50%;\n transform: translateX(-50%);\n }\n "])),hi)})),dL=tt.div(iL||(iL=cL(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(e){var t=e.disableHover,n=e.cursor;return t?null:Ne(rL||(rL=cL(["\n cursor: ",";\n &:hover "," {\n visibility: visible;\n opacity: 1;\n transition-delay: 300ms;\n }\n "],["\n cursor: ",";\n &:hover "," {\n visibility: visible;\n opacity: 1;\n transition-delay: 300ms;\n }\n "])),n,fL)})),pL=function(e){var n=e.hoverable,r=e.className,i=e.popup,o=e.position,a=void 0===o?"bottom":o,s=e.padding,l=void 0===s?"24px":s,c=e.width,u=void 0===c?"267px":c,f=e.maxWidth,d=void 0===f?"":f,p=e.disableHover,h=void 0!==p&&p,y=e.showTriangle,m=void 0!==y&&y,v=e.cursor,g=void 0===v?"pointer":v;return(0,t.jsxs)(dL,uL({disableHover:h,className:r,cursor:g},{children:[(0,t.jsx)(fL,uL({width:u,position:a,padding:l,showTriangle:m,maxWidth:d||u},{children:i})),n]}))},hL=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},yL=function(){return yL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},yL.apply(this,arguments)},mL=tt.div(oL||(oL=hL(["\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n height: 100vh;\n background-color: ",";\n z-index: 998;\n width: 100% !important;\n"],["\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n height: 100vh;\n background-color: ",";\n z-index: 998;\n width: 100% !important;\n"])),vi),vL=tt.div(sL||(sL=hL(["\n width: auto;\n height: 100vh;\n ","\n transition: height 0.5s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 999;\n"],["\n width: auto;\n height: 100vh;\n ","\n transition: height 0.5s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 999;\n"])),(function(e){return e.theme.containerWidth>=ri&&Ne(aL||(aL=hL(["\n width: 100vw;\n "],["\n width: 100vw;\n "])))})),gL=tt.div(lL||(lL=hL(["\n height: ",";\n background-color: #fff;\n overflow-y: ",";\n overflow-x: ",";\n border-radius: 4px;\n ","\n"],["\n height: ",";\n background-color: #fff;\n overflow-y: ",";\n overflow-x: ",";\n border-radius: 4px;\n ","\n"])),(function(e){return e.maxHeight?e.maxHeight:"100vh"}),(function(e){return e.overflowY}),(function(e){return e.overflowX}),(function(e){if(e.disableFullScreen)return"\n height: ".concat(e.overrideBodyHeight&&e.maxHeight?e.maxHeight:"auto",";\n width: ").concat(e.widthOnDesktop?e.widthOnDesktop:"auto",";\n ")})),xL=function(e){var n=e.style,r=void 0===n?{}:n,i=e.children,o=e.widthOnDesktop,a=e.disableFullScreen,s=e.maxHeight,l=e.overrideBodyHeight,c=void 0!==l&&l,u=e.bodyOverflowY,f=void 0===u?"auto":u,d=e.bodyOverflowX,p=void 0===d?"hidden":d;return(0,E.useEffect)((function(){if(document&&document.body){var e=document.body.className;document.body.className=e+(e?" ":"")+"modal-open"}return function(){document&&document.body&&(document.body.className=document.body.className.replace(/ ?modal-open/,""))}}),[]),(0,t.jsx)(mL,yL({style:r},{children:(0,t.jsx)(vL,{children:(0,t.jsx)(gL,yL({disableFullScreen:a,widthOnDesktop:o,maxHeight:s,overrideBodyHeight:c,overflowX:p,overflowY:f},{children:i}))})}))},bL=function(){return bL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},bL.apply(this,arguments)},wL={data:null,error:null,loading:!0,progress:0},SL=function(e,t){switch(t.type){case"REQUEST":return bL(bL({},e),{loading:!0,error:null});case"PROGRESS":return bL(bL({},e),{progress:Math.min(e.progress+(n=25,Math.floor(Math.random()*Math.floor(n))),100)});case"SUCCESS":return bL(bL({},e),{data:t.data,loading:!1,error:null,progress:100});case"FAILURE":return bL(bL({},e),{data:null,loading:!1,error:t.error,progress:100});default:return e}var n},CL=function(){return CL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},CL.apply(this,arguments)},EL=function(e){var t=e.method,n=e.pathname,r=e.origin,i=e.params,o=e.autoFetch,a=void 0!==o&&o,s=e.showToastMessage,l=void 0===s||s,c=function(e){var t=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useReducer)(SL,{data:null,error:"",loading:!1}||wL),2);return{state:t[0],dispatch:t[1]}}(),u=c.state,f=c.dispatch,d=u.data,p=u.error,h=u.loading,y=u.progress,m=ef().toast,v=function(e,o){return a=void 0,s=void 0,u=function(){var a,s,c,u;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(d){return f({type:"REQUEST"}),a=setInterval((function(){f({type:"PROGRESS"})}),200),(s=null==e?void 0:e.baseURL)||(s=r||"https://www.covideo.com/api/v2.0"),c=s===b?S.bearerToken:S.headers,u={url:n,baseURL:s,method:void 0!==t?t:"get",params:i},kn()(CL(CL(CL({},u),{headers:c}),e)).then((function(e){var n=e.data,r=e.success;n&&n.message&&l&&m({title:n.message}),n.id&&(n.video_id=n.id),"patch"===t&&(Array.isArray(n)&&(n=n.length>0?"SUCCESS":r),n=!0===n?"SUCCESS":"ERROR"),o>=0&&(n.id=o,n.data&&(n.data.id=o)),f({type:"SUCCESS",data:n}),clearInterval(a)})).catch((function(e){f({type:"FAILURE",error:e.message}),l&&m({title:e.message}),clearInterval(a)})),[2]}))},new((c=void 0)||(c=Promise))((function(e,t){function n(e){try{i(u.next(e))}catch(e){t(e)}}function r(e){try{i(u.throw(e))}catch(e){t(e)}}function i(t){var i;t.done?e(t.value):(i=t.value,i instanceof c?i:new c((function(e){e(i)}))).then(n,r)}i((u=u.apply(a,s||[])).next())}));var a,s,c,u};return a&&null==d&&!1===h&&!p&&v(),{data:d,loading:h,error:p,fetchData:v,progress:y}},kL=function(){var e=EL({pathname:"",origin:b}),t=e.data,n=e.error,r=e.loading,i=e.fetchData;return{videoData:t||null,loading:r,error:n,fetch:function(e){i({method:"post",url:"/videos",baseURL:b,data:{filename:e.filename,title:e.title}},e.hasOwnProperty("id")?e.id:void 0)},progress:e.progress}},_L=function(){var e=EL({pathname:""}),t=e.data,n=e.error,r=e.loading,i=e.fetchData,o=e.progress;return{encodeData:t&&(t.data||t.jobId)||null,loading:r,error:n,fetch:function(e){var t=e.videoId;return i({method:"post",url:"videos/".concat(t,"/encode"),baseURL:b})},progress:o}},OL=function(){var e=EL({origin:b}),t=e.data,n=e.error,r=e.loading,i=e.fetchData;return{presignedUrl:t,loading:r,error:n,fetch:function(e){i({method:"get",url:"aws/signedurl?filename=".concat(e.fileName,"&filetype=").concat(e.type),baseURL:b},e.hasOwnProperty("id")?e.id:void 0)}}},PL=function(){return PL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},PL.apply(this,arguments)},TL=(0,E.createContext)({}),IL=function(e){var n=e.children,r=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useState)({}),2),i={action:r[0],setAction:r[1]};return(0,t.jsx)(TL.Provider,PL({value:i},{children:n}))},AL=(TL.Consumer,function(e){return{type:e.type,meta:e.meta}}),jL=function(e){return{type:e.type,payload:e.payload,meta:e.meta}},ML=function(e){var t=e.type,n=e.payload,r=e.meta,i=e.error;return{type:t,payload:n,meta:r,error:void 0===i||i}},DL=function(){return DL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},DL.apply(this,arguments)};function RL(e,t){switch(t.type){case"FETCH_REQUEST":return DL(DL({},e),{loading:!0,error:null});case"FETCH_SUCCESS":return DL(DL({},e),{data:t.payload,loading:!1,error:null});case"FETCH_FAILURE":return DL(DL({},e),{loading:!1,error:t.payload});default:return e}}var FL={data:void 0,loading:!1,error:null},LL=function(){var e=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useReducer)(RL,FL),2),t=e[0],n=e[1],r=t.error,i=t.loading,o=t.data,a=ef().toast;!function(e){var t=(0,E.useContext)(TL).action;(0,E.useEffect)((function(){e(t)}),[t,e])}(n);var s=(0,E.useCallback)((function(e){return t=void 0,r=void 0,o=function(){var t,r,i;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(o){switch(o.label){case 0:n(AL({type:"FETCH_REQUEST"})),t=function(t){e.onUploadProgress(t,e.hasOwnProperty("id")?e.id:void 0)},o.label=1;case 1:return o.trys.push([1,3,,4]),r=function(){var e;return-1!==(null===(e=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===e?void 0:e.indexOf("Firefox"))}(),[4,kn().put(e.url,e.file,{headers:{"content-type":!r&&e.contentType?e.contentType:e.file.type},onUploadProgress:t})];case 2:return o.sent(),n(jL({type:"FETCH_SUCCESS",payload:{success:!0,id:e.hasOwnProperty("id")?e.id:void 0}})),[2];case 3:if((i=o.sent())instanceof Error)throw a({message:null==i?void 0:i.message}),n(ML({type:"FETCH_FAILURE",payload:"Something wen wrong"})),new Error(i.message);return[3,4];case 4:return[2]}}))},new((i=void 0)||(i=Promise))((function(e,n){function a(e){try{l(o.next(e))}catch(e){n(e)}}function s(e){try{l(o.throw(e))}catch(e){n(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,s)}l((o=o.apply(t,r||[])).next())}));var t,r,i,o}),[]);return{data:o,loading:i,error:r,uploadVideo:s}},BL=function(){return BL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},BL.apply(this,arguments)};function NL(e,t){switch(t.type){case"FETCH_REQUEST":return BL(BL({},e),{loading:!0,error:null});case"FETCH_SUCCESS":return BL(BL({},e),{data:t.payload,loading:!1,error:null});case"FETCH_FAILURE":return BL(BL({},e),{data:void 0,loading:!1,error:t.payload});default:return e}}var zL,VL=function(){var e=(0,E.useContext)(TL).setAction,t=ef().toast,n=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useReducer)(NL,{data:void 0,loading:!1,error:null,isValid:!1}),2),r=n[0],i=n[1],o=r.data,a=r.error,s=r.loading;return{start:function(n){return r=void 0,a=void 0,l=function(){var r,a;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(s){switch(s.label){case 0:i(AL({type:"FETCH_REQUEST"})),s.label=1;case 1:return s.trys.push([1,3,,4]),[4,Yn(n)];case 2:return r=s.sent(),i(jL({type:"FETCH_SUCCESS",payload:r})),t({title:"Transcription Started"}),[2,{data:o,loading:!1,error:null}];case 3:return a=s.sent(),t({message:a}),i(ML({type:"FETCH_FAILURE",payload:"Something went wrong"})),e({type:"START_VIDEO_TRANSCRIPTION"}),[2,Promise.reject({loading:!1,error:"Something went wrong"})];case 4:return[2]}}))},new((s=void 0)||(s=Promise))((function(e,t){function n(e){try{o(l.next(e))}catch(e){t(e)}}function i(e){try{o(l.throw(e))}catch(e){t(e)}}function o(t){var r;t.done?e(t.value):(r=t.value,r instanceof s?r:new s((function(e){e(r)}))).then(n,i)}o((l=l.apply(r,a||[])).next())}));var r,a,s,l},data:o,loading:s,error:a}};function UL(){return UL=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},UL.apply(this,arguments)}const HL=tt((function(e){return E.createElement("svg",UL({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),zL||(zL=E.createElement("g",{fill:"#272A32"},E.createElement("path",{id:"bqn2hmlmqa",d:"M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"}))))}))(GL||(GL=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"1"}));var GL,WL=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},qL=function(){return qL=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},qL.apply(this,arguments)},$L=tt.div(XL||(XL=WL(["\n margin-top: ","px;\n text-align: center;\n width: ","px;\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n height: ","px;\n background-color: ",";\n\n .file-exists {\n text-align: left;\n color: red;\n }\n\n .drag-drop-zone {\n display: block;\n width: ","px;\n max-width: 100%;\n height: ","px;\n border: 1px dashed ",";\n border-radius: 5px;\n color: ",";\n font-size: 16px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n box-sizing: border-box;\n\n input {\n background: none !important;\n border: none;\n padding: 0 !important;\n &:hover {\n cursor: pointer;\n text-decoration: underline;\n color: ",";\n }\n }\n }\n\n .drag-drop-zone.inside-drag-area {\n svg {\n opacity: 0.7;\n }\n }\n\n .drag-drop-zone.outside-drag-area {\n svg {\n opacity: 0.3;\n }\n }\n\n .dropped-files li {\n color: #07f;\n padding: 3px;\n text-align: left;\n font-weight: bold;\n }\n\n .file {\n display: none;\n }\n"],["\n margin-top: ","px;\n text-align: center;\n width: ","px;\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n height: ","px;\n background-color: ",";\n\n .file-exists {\n text-align: left;\n color: red;\n }\n\n .drag-drop-zone {\n display: block;\n width: ","px;\n max-width: 100%;\n height: ","px;\n border: 1px dashed ",";\n border-radius: 5px;\n color: ",";\n font-size: 16px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n box-sizing: border-box;\n\n input {\n background: none !important;\n border: none;\n padding: 0 !important;\n &:hover {\n cursor: pointer;\n text-decoration: underline;\n color: ",";\n }\n }\n }\n\n .drag-drop-zone.inside-drag-area {\n svg {\n opacity: 0.7;\n }\n }\n\n .drag-drop-zone.outside-drag-area {\n svg {\n opacity: 0.3;\n }\n }\n\n .dropped-files li {\n color: #07f;\n padding: 3px;\n text-align: left;\n font-weight: bold;\n }\n\n .file {\n display: none;\n }\n"])),(function(e){return e.marginTop}),(function(e){return e.width}),(function(e){return e.height}),(function(e){return e.backgroundColor||hi}),(function(e){return e.width-2}),(function(e){return e.height}),$i,Bi,"#007BFF"),ZL=tt.div(JL||(JL=WL(["\n height: 100%;\n width: 100%;\n float: left;\n line-height: 0.2;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n z-index: -1;\n background-color: ",";\n"],["\n height: 100%;\n width: 100%;\n float: left;\n line-height: 0.2;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n z-index: -1;\n background-color: ",";\n"])),(function(e){return e.backgroundColor?e.backgroundColor:e.isActive?"#f6f7f9":"#fff"})),YL=tt.div(eB||(eB=WL(["\n svg {\n opacity: 1 !important;\n }\n"],["\n svg {\n opacity: 1 !important;\n }\n"]))),QL=tt.p(tB||(tB=WL(["\n width: 317px;\n margin: 0 0 21px;\n font-size: 16px;\n line-height: 1.5;\n text-align: center;\n color: ",";\n"],["\n width: 317px;\n margin: 0 0 21px;\n font-size: 16px;\n line-height: 1.5;\n text-align: center;\n color: ",";\n"])),yi);const KL=function(e){var n=e.accept,r=void 0===n?".csv, text/csv":n,i=e.inputStyle,o=void 0===i?{}:i,a=e.onDrop,s=e.text,l=void 0===s?"Drag and drop your files here or":s,c=e.width,u=void 0===c?528:c,f=e.height,d=void 0===f?100:f,p=e.marginTop,h=void 0===p?0:p,y=e.disabled,m=void 0!==y&&y,v=e.textStyle,g=e.backgroundColor,x=e.placeholder,b=void 0===x?"Browse files...":x,w=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}(k().useReducer((function(e,t){var n,i;switch(t.type){case"SET_DROP_DEPTH":return qL(qL({},e),{dropDepth:t.dropDepth});case"SET_IN_DROP_ZONE":return qL(qL({},e),{inDropZone:t.inDropZone});case"ADD_FILE_TO_LIST":var o=!0;try{for(var a=function(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}(t.files),s=a.next();!s.done;s=a.next()){var l=s.value;o=r.includes(l.name.substr(-4))}}catch(e){n={error:e}}finally{try{s&&!s.done&&(i=a.return)&&i.call(a)}finally{if(n)throw n.error}}return o?qL(qL({},e),{fileList:e.fileList.concat(t.files)}):e;default:return e}}),{dropDepth:0,inDropZone:!1,fileList:[]}),2),S=w[0],C=w[1],E=function(){var e=document.getElementById("file");e&&e.click&&e.click()};return(0,t.jsx)($L,qL({width:u,height:d,marginTop:h,backgroundColor:g},{children:(0,t.jsx)("div",qL({className:S.inDropZone?"drag-drop-zone inside-drag-area":"drag-drop-zone outside-drag-area",onDrop:function(e){return a(e)},onDragOver:function(e){return function(e){e.preventDefault(),e.stopPropagation(),e.dataTransfer.dropEffect="copy",C({type:"SET_IN_DROP_ZONE",inDropZone:!0})}(e)},onDragEnter:function(e){return function(e){e.preventDefault(),e.stopPropagation(),C({type:"SET_DROP_DEPTH",dropDepth:S.dropDepth+1})}(e)},onDragLeave:function(e){return function(e){e.preventDefault(),e.stopPropagation(),e.target&&e.target.id.includes("text-")||(C({type:"SET_DROP_DEPTH",dropDepth:S.dropDepth-1}),C({type:"SET_IN_DROP_ZONE",inDropZone:!1}))}(e)}},{children:(0,t.jsxs)(ZL,qL({id:"text-browse",isActive:S.inDropZone,backgroundColor:g},{children:[!S.inDropZone&&0===S.fileList.length&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(QL,qL({style:v},{children:l})),S.inDropZone?(0,t.jsx)("input",{type:"button",value:"browse your files...",onClick:E}):(0,t.jsx)(YL,{children:(0,t.jsx)(vo,{text:b,textColor:"#fff",backgroundColor:Xi,icon:(0,t.jsx)(HL,{color:"#fff"}),disabled:m,onClick:E,fontSize:"15px"})})]}),S.inDropZone&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("br",{}),(0,t.jsx)("p",qL({id:"text-drop"},{children:"Drop file here"}))]}),S.fileList[0]&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("br",{}),(0,t.jsxs)("p",{children:[S.fileList[0][0].name," is ready"]})]}),(0,t.jsx)("input",{className:"file",id:"file",type:"file",style:o,accept:r,onChange:function(e){return a(e)},disabled:m})]}))}))}))};var XL,JL,eB,tB,nB,rB,iB,oB,aB,sB,lB,cB,uB,fB,dB,pB,hB,yB,mB,vB,gB,xB,bB,wB=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},SB=tt.div(nB||(nB=wB(["\n min-height: 400px;\n position: relative;\n"],["\n min-height: 400px;\n position: relative;\n"]))),CB=tt.div(rB||(rB=wB(["\n font-size: 15px;\n color: ",";\n background-color: ",";\n\n display: flex;\n flex-direction: column;\n\n margin-top: 18px;\n padding: 20px 30px;\n\n min-height: 340px;\n max-height: 340px;\n overflow-y: auto;\n overflow-x: hidden !important;\n width: 500px;\n max-width: 100%;\n"],["\n font-size: 15px;\n color: ",";\n background-color: ",";\n\n display: flex;\n flex-direction: column;\n\n margin-top: 18px;\n padding: 20px 30px;\n\n min-height: 340px;\n max-height: 340px;\n overflow-y: auto;\n overflow-x: hidden !important;\n width: 500px;\n max-width: 100%;\n"])),Ki,ki),EB=tt.div(oB||(oB=wB(["\n display: flex;\n justify-content: right;\n align-items: center;\n\n padding: 10px 20px;\n\n ","\n"],["\n display: flex;\n justify-content: right;\n align-items: center;\n\n padding: 10px 20px;\n\n ","\n"])),(function(e){return e.theme.containerWidth<ri&&Ne(iB||(iB=wB(["\n justify-content: space-between;\n "],["\n justify-content: space-between;\n "])))})),kB=(tt.label(sB||(sB=wB(["\n padding: ",";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n cursor: ",";\n height: 40px;\n font-size: 15px;\n color: ",";\n background-color: ",";\n border-radius: 6px;\n border: 1px solid ",";\n font-weight: 600;\n\n ","\n"],["\n padding: ",";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n cursor: ",";\n height: 40px;\n font-size: 15px;\n color: ",";\n background-color: ",";\n border-radius: 6px;\n border: 1px solid ",";\n font-weight: 600;\n\n ","\n"])),(function(e){return e.disabled?"8px 16px 8px 35px":"8px 16px 8px 12px"}),(function(e){return e.isAddMoreEnabled?"pointer":"not-allowed"}),zi,Wi,Mi,(function(e){return e.disabled&&Ne(aB||(aB=wB(["\n cursor: ",";\n "],["\n cursor: ",";\n "])),e.isAddMoreEnabled?"pointer":"not-allowed")})),tt.div(lB||(lB=wB(["\n margin-bottom: 24px;\n"],["\n margin-bottom: 24px;\n"])))),_B=tt.div(cB||(cB=wB(["\n display: flex;\n"],["\n display: flex;\n"]))),OB=tt.div(uB||(uB=wB(["\n width: 0%;\n color: white;\n background-color: transparent;\n height: 4px;\n text-align: right;\n font-size: 1px;\n border-radius: 15px;\n"],["\n width: 0%;\n color: white;\n background-color: transparent;\n height: 4px;\n text-align: right;\n font-size: 1px;\n border-radius: 15px;\n"]))),PB=tt.div(dB||(dB=wB(["\n width: 50%;\n color: black;\n padding: 1%;\n text-align: left;\n font-size: 16px;\n border-radius: 0px;\n\n ","\n"],["\n width: 50%;\n color: black;\n padding: 1%;\n text-align: left;\n font-size: 16px;\n border-radius: 0px;\n\n ","\n"])),(function(e){return e.theme.containerWidth<ri&&Ne(fB||(fB=wB(["\n font-size: 15px;\n "],["\n font-size: 15px;\n "])))})),TB=tt.div(pB||(pB=wB(["\n display: flex;\n background: ",";\n"],["\n display: flex;\n background: ",";\n"])),ki),IB=tt.div(yB||(yB=wB(["\n flex-grow: 1;\n color: black;\n padding: 1%;\n text-align: right;\n font-size: 16px;\n border-radius: 0px;\n\n ","\n"],["\n flex-grow: 1;\n color: black;\n padding: 1%;\n text-align: right;\n font-size: 16px;\n border-radius: 0px;\n\n ","\n"])),(function(e){return e.theme.containerWidth<ri&&Ne(hB||(hB=wB(["\n font-size: 15px;\n "],["\n font-size: 15px;\n "])))})),AB=tt.div(vB||(vB=wB(["\n position: absolute;\n top: -47px;\n left: 0;\n padding: 0 32px;\n height: 30px;\n font-size: 18px;\n color: ",";\n background-color: white;\n\n ","\n"],["\n position: absolute;\n top: -47px;\n left: 0;\n padding: 0 32px;\n height: 30px;\n font-size: 18px;\n color: ",";\n background-color: white;\n\n ","\n"])),Ii,(function(e){return e.theme.containerWidth<ri&&Ne(mB||(mB=wB(["\n font-size: 16px;\n "],["\n font-size: 16px;\n "])))})),jB=tt.div(gB||(gB=wB(["\n display: flex;\n height: 249px;\n padding: 32px;\n align-items: center;\n"],["\n display: flex;\n height: 249px;\n padding: 32px;\n align-items: center;\n"]))),MB=function(){return MB=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},MB.apply(this,arguments)},DB=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},RB=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},FB=tt.div(xB||(xB=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n font-size: 14px;\n color: ",";\n height: 20px;\n margin-top: 15px;\n"],["\n font-size: 14px;\n color: ",";\n height: 20px;\n margin-top: 15px;\n"])),Li),LB=function(e){var n=e.progress,r=e.uploadingData,i=e.setUploadingData,o=[],a=[],s=[],l=[],c=DB(k().useState([{elementId:0,isTitleNotEmpty:!0}]),2),u=c[0],f=c[1];for(var d in r)o.push(r[d]),a=(l=o.filter((function(e){return 1===e.showActiveVideo}))).filter((function(e){return 1===e.status})),s=l.reduce((function(e,t){return t.progressEvent.total+e}),0);var p=function(e){return e.status>=1};return(0,t.jsxs)("div",{children:[!!n&&(0,t.jsxs)(AB,{children:[(0,t.jsx)("span",{children:(0,t.jsxs)("b",{children:[a.length," of ",l.length]})})," videos uploading (",Ot(s)," MB)"]}),o.map((function(e){return(0,t.jsxs)(kB,{children:[" ",e.showActiveVideo?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(_B,MB({style:MB({},p(e)&&{flexDirection:"column"})},{children:[(0,t.jsx)(uo,{maxLength:100,type:"text",value:e.title,readOnly:!!n,width:"100%",onChange:function(t){return function(e,t){u.filter((function(t){return t.elementId===e})).forEach((function(e){var t=u.indexOf(e);t>=0&&f(u.splice(t,1))})),f(RB(RB([],DB(u),!1),[{elementId:e,isTitleNotEmpty:!!t.trimStart()}],!1)),i((function(n){var r;return MB(MB({},n),((r={})[e]=MB(MB({},n[e]),{title:t}),r))}))}(e.id,t.target.value)}}),p(e)&&(0,t.jsxs)("div",MB({style:{width:"100%",marginTop:"18px",backgroundColor:"white"}},{children:[(0,t.jsx)(OB,{style:{width:e.progressEvent.percentage+"%",backgroundColor:Xi}}),(0,t.jsxs)(TB,{children:[(0,t.jsx)(PB,{children:(r=e.status,0===r?"Waiting...":1===r?"Uploading...":"Encoding...")}),(0,t.jsx)(IB,{children:Ot(e.progressEvent.loaded)+" MB/"+Ot(e.progressEvent.total)+" MB"})]})]}))]})),u.map((function(n){return n.elementId!==e.id||n.isTitleNotEmpty?(0,t.jsx)("div",{},"el-".concat(n.elementId)):(0,t.jsx)(FB,{children:"Video title is required!"},"error-".concat(n.elementId))}))]}):""]},"Video-list-".concat(e.id));var r}))]})},BB=function(){return BB=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},BB.apply(this,arguments)},NB=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},zB=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},VB=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a};!function(e){e[e.FORM=0]="FORM",e[e.UPLOADING=1]="UPLOADING",e[e.CREATE=2]="CREATE",e[e.ENCODE=3]="ENCODE"}(bB||(bB={}));const UB=function(e){var n=e.handleModalClose,r=e.onSuccess,i=ef().toast,o=Vl().userData,a=VL().start,s=VB((0,E.useState)(bB.FORM),2),l=s[0],c=s[1],u=VB((0,E.useState)({}),2),f=u[0],d=u[1],p=VB((0,E.useState)(!1),2),h=p[0],y=p[1],m=VB((0,E.useState)(!1),2),v=m[0],g=m[1],x=VB((0,E.useState)(!1),2),b=x[0],w=x[1],S=VB((0,E.useState)(bB.FORM),2),C=S[0],k=S[1],_=VB((0,E.useState)([]),2),O=_[0],P=_[1],T=VB((0,E.useState)({loaded:0,total:0,percentage:0}),2),I=(T[0],T[1]),A=OL(),j=A.presignedUrl,M=A.fetch,D=A.loading,R=A.error,F=LL(),L=F.uploadVideo,B=F.loading,N=F.data,z=F.error,V=kL(),U=V.fetch,H=V.loading,G=V.videoData,W=V.error,q=_L(),$=q.fetch,Z=q.loading,Y=q.encodeData;(0,E.useEffect)((function(){if(!D&&!R&&Object.keys(f).length){c(bB.UPLOADING),k(bB.UPLOADING);var e=(j||{id:-1}).id;if(void 0===e)return;Object.keys(f).length&&(f[e].status=1,d(f)),L({url:j.url,file:f[e].file,onUploadProgress:X,id:j.id})}}),[j]),(0,E.useEffect)((function(){if(!B&&!z&&N&&Object.keys(f).length){var e=(N||{id:-1}).id;if(void 0===e)return;Object.keys(f).length&&(f[e].status=2,d(f));var t=f[e];k(bB.CREATE),U({filename:t.file.name,title:t.title,id:N.id})}}),[B,N]),(0,E.useEffect)((function(){l===bB.FORM||f&&Object.keys(f).length||c(bB.FORM);var e=[],t=[];Object.keys(f).forEach((function(n){e.push(!(!f[n].title||!f[n].title.trimStart())),t.push(f[n].title.length>100)})),e.includes(!1)?y(!0):t.includes(!0)?(i({title:"Video title can not be more than 100 characters!"}),y(!0)):y(!1)}),[f]),(0,E.useEffect)((function(){if(!H&&!W&&G&&Object.keys(f).length){k(bB.ENCODE);var e=(G||{id:-1}).id;if(void 0===e)return;Object.keys(f).length&&(f[e].status=3,d(f)),P([Number(G.video_id)]),$({videoId:G.video_id,customerId:o.customerId})}}),[H,G]),(0,E.useEffect)((function(){Z||!Y||O.length!==Object.keys(f).length||Object.values(f).some((function(e){return e.status<3}))||(J(),r(O),n())}),[H,Y,O]);var Q=function(){if(C===bB.FORM)return n();w(!0)},K=function(){g(!0),Object.keys(f).forEach((function(e){var t=f[e].file;M({fileName:t.name,type:t.type,id:parseInt(e,10)})}))},X=function(e,t){var n=Math.round(100*e.loaded/e.total);if(void 0!==t&&f[t]){var r=BB({},f);r[t].progressEvent={loaded:Math.floor(e.loaded/1024),total:Math.floor(e.total/1024),percentage:n},d(r),I({loaded:Math.floor(e.loaded/1024),total:Math.floor(e.total/1024),percentage:n})}},J=function(){if(o.autoTranscribe&&G&&G.id)try{setTimeout((function(){a(G.id)}),5e3)}catch(e){console.log(e)}},ee=!!Object.keys(f).length,te=function(e){var n=e.disabled,r=void 0!==n&&n,i=e.title,o=void 0===i?"Upload":i,a=e.onClick,s=void 0===a?K:a;return(0,t.jsx)(vo,{text:o,backgroundColor:Xi,textColor:hi,onClick:s,margin:"0",padding:"8px 16px",fontSize:"15px",disabled:r})},ne=(0,t.jsxs)(SB,{children:[(0,t.jsx)(CB,BB({style:BB({},!ee&&{backgroundColor:"transparent",marginTop:0,maxHeight:"400px"})},{children:ee?(0,t.jsx)(LB,{uploadingData:f,setUploadingData:d,progress:C}):(0,t.jsx)(KL,{onDrop:function(e){return NB(void 0,void 0,void 0,(function(){var t;return zB(this,(function(n){switch(n.label){case 0:return e.preventDefault(),e.stopPropagation(),(t=e.dataTransfer||e.target)&&t.files&&t.files.length?[4,(r=t.files,NB(void 0,void 0,void 0,(function(){var e,t;return zB(this,(function(n){for(e=function(e){if(!/.*\.(avchd|swf|flv|mov|qt|wmv|mkv|m4v|m4p|mpv|mp2|mpe|mpg|ogg|mp4|avi|webm|mpeg)/i.test(r[e].name))return i({title:"".concat(r[e].name," is of invalid type and won't be uploaded.")}),"continue";var t=r[e].name.split("."),n="mkv"===t[1]?"video/x-matroska":r[e].type,a=new File([r[e]],Ct(o,t[t.length-1]),{type:n,lastModified:r[e].lastModified});d((function(e){var n=BB({},e),r=0;if(Object.keys(e).length){var i=Object.keys(e);r=parseInt(i[i.length-1],10)+1}return n[r]={id:r,file:a,title:t[0],progressEvent:{loaded:0,total:0,percentage:0},status:0,showActiveVideo:1},n}))},t=0;t<r.length;t++)e(t);return[2]}))})))]:[3,2];case 1:return n.sent(),[3,3];case 2:i({title:"Oops! Something went wrong, try again in a few moments"}),n.label=3;case 3:return[2]}var r}))}))},marginTop:0,height:350,width:440,accept:"video/*,.mkv"})})),ee&&(0,t.jsxs)(EB,{children:[(0,t.jsx)(vo,{text:"Cancel",backgroundColor:Wi,textColor:Bi,onClick:Q,margin:"0 12px 0 0",padding:"8px 16px",fontSize:"15px"}),(0,t.jsx)(te,{disabled:h||v})]})]}),re=(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(CB,{children:(0,t.jsx)(LB,{uploadingData:f,setUploadingData:d,progress:C})}),(0,t.jsxs)(EB,BB({style:{justifyContent:"right"}},{children:[(0,t.jsx)(vo,{text:"Cancel",backgroundColor:Wi,textColor:Bi,onClick:Q,margin:"0 12px 0 0",padding:"8px 16px",fontSize:"15px"}),(0,t.jsx)(te,{disabled:!0})]}))]}),ie=(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(CB,{children:(0,t.jsx)(jB,{children:"You will have to restart your video upload from the beginning if you cancel now. Are you sure you want to cancel this upload?"})}),(0,t.jsxs)(EB,{children:[(0,t.jsx)(vo,{text:"Cancel Upload",backgroundColor:Wi,textColor:Bi,onClick:n,margin:"0 12px 0 0",padding:"8px 16px",fontSize:"15px"}),(0,t.jsx)(te,{title:"Continue Upload",onClick:function(){return w(!1)}})]})]});return[ne,(0,t.jsx)(SB,{children:b?ie:re})][l]};var HB,GB,WB,qB,$B,ZB,YB,QB,KB,XB,JB,eN,tN,nN,rN,iN,oN,aN,sN,lN,cN,uN,fN,dN,pN,hN,yN,mN,vN,gN,xN,bN,wN,SN,CN,EN,kN,_N,ON,PN,TN,IN,AN,jN,MN,DN,RN=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},FN=function(){return FN=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},FN.apply(this,arguments)},LN=tt.div(HB||(HB=RN(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 25px 30px 5px 30px;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 25px 30px 5px 30px;\n"]))),BN=tt.div(GB||(GB=RN(["\n font-weight: bold;\n font-size: 18px;\n"],["\n font-weight: bold;\n font-size: 18px;\n"]))),NN=function(e){var n=e.handleModalClose,r=e.disabled,i=e.onSuccess;return(0,t.jsxs)(xL,FN({disableFullScreen:!0},{children:[(0,t.jsxs)(LN,{children:[(0,t.jsx)(BN,{children:"Upload new video"}),(0,t.jsx)(gu,{style:{position:"static",padding:0,height:"fit-content",width:"fit-content"},disabled:r,onClick:n})]}),(0,t.jsx)(UB,{handleModalClose:n,onSuccess:i})]}))},zN=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},VN=function(){return VN=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},VN.apply(this,arguments)},UN=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},HN=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},GN=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},WN=tt.div(WB||(WB=zN(["\n background: ",";\n"],["\n background: ",";\n"])),ki),qN=tt.div($B||($B=zN(["\n display: flex;\n justify-content: space-between;\n gap: 16px;\n ","\n"],["\n display: flex;\n justify-content: space-between;\n gap: 16px;\n ","\n"])),(function(e){return e.theme.containerWidth<oi&&Ne(qB||(qB=zN(["\n flex-direction: column;\n "],["\n flex-direction: column;\n "])))})),$N=tt.div(YB||(YB=zN(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 8px;\n ","\n"],["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 8px;\n ","\n"])),(function(e){return e.theme.containerWidth<oi&&Ne(ZB||(ZB=zN(["\n justify-content: flex-end;\n "],["\n justify-content: flex-end;\n "])))})),ZN=tt.div(KB||(KB=zN(["\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n align-items: center;\n ","\n"],["\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n align-items: center;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(QB||(QB=zN(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),YN=tt.div(JB||(JB=zN(["\n width: 216px;\n ","\n"],["\n width: 216px;\n ","\n"])),(function(e){return e.theme.containerWidth<oi&&Ne(XB||(XB=zN(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),QN=tt.div(nN||(nN=zN(["\n display: grid;\n gap: 24px;\n margin: 24px 0;\n grid-template-columns: repeat(3, 1fr);\n ","\n ","\n"],["\n display: grid;\n gap: 24px;\n margin: 24px 0;\n grid-template-columns: repeat(3, 1fr);\n ","\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(eN||(eN=zN(["\n grid-template-columns: 1fr 1fr;\n "],["\n grid-template-columns: 1fr 1fr;\n "])))}),(function(e){return e.theme.containerWidth<ri&&Ne(tN||(tN=zN(["\n grid-template-columns: 1fr;\n "],["\n grid-template-columns: 1fr;\n "])))})),KN={folderId:-2,name:"Primary",isDeletable:!1},XN=function(e){var n=e.handleUpdateToken,r=Vl().userData,i=ef().toast,o=Mt(),a=o.hasExternalJwt,s=o.showMergeFeature,l=o.showWheelsTVFeature,c=o.showRecordFeature,u=o.showUploadFeature,f=o.showFolderFeature,d=o.containerWidth,p=GN((0,E.useState)(!1),2),h=p[0],y=p[1],g=GN((0,E.useState)([]),2),x=g[0],w=g[1],C=GN((0,E.useState)(!1),2),k=C[0],_=C[1],O=ec(r),P=nc(r),T=GN((0,E.useState)(0),2),I=T[0],A=T[1],j=dn(),M=GN((0,E.useState)({page:0,size:6,folderId:KN.folderId,searchQuery:""}),2),D=M[0],R=M[1],F=(0,v.useQuery)("cds-folders",Gn,{refetchOnWindowFocus:!1,staleTime:5e8,select:function(e){var t=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))}([],GN(e),!1);return r.automotiveRole===Fl.TECHNICIAN&&(t=e.filter((function(e){return"Vault"!==e.name&&"Private"!==e.name}))),t}}).data,L=F?(0,ku.keyBy)(F,"folderId"):{},B=L[D.folderId]||KN,N=L[D.folderId]?L[D.folderId].name:KN.name;N=N===Hn?Un:N;var z=(0,v.useQuery)(["cds-videos",D],(function(){return UN(void 0,void 0,void 0,(function(){return HN(this,(function(e){return[2,(t={folder:N,search:D.searchQuery,size:D.size,page:D.page},Ln(void 0,void 0,void 0,(function(){var e,n,r,i,o;return Bn(this,(function(a){switch(a.label){case 0:return e=S.bearerToken,[4,Tn({url:"/videos",baseURL:b,method:Nn,headers:e,params:{start:(t.page||0)*(t.size||10),limit:t.size,search:t.search,folder:t.folder}}).catch((function(e){return e}))];case 1:if((n=a.sent())instanceof Error)throw n;return r=(null===(i=null==n?void 0:n.data)||void 0===i?void 0:i.videos)||(null==n?void 0:n.videos)||[],[2,{count:(null===(o=null==n?void 0:n.data)||void 0===o?void 0:o.count)||(null==n?void 0:n.count)||0,videos:r}]}}))})))];var t}))}))}),{refetchOnWindowFocus:!1,enabled:!!(null==F?void 0:F.length)}),V=z.data,U=z.isLoading,H=V||{count:0,videos:[]},G=H.count,W=H.videos,q=(null==F?void 0:F.filter(Boolean).filter((function(e){return e.folderId!==Un})).map((function(e){return{value:e.folderId,label:e.name}})).concat([{value:Un,label:Hn}]))||[],$=function(){y(!1),localStorage.removeItem(m.merge),w([])},Z=function(e){"left"===e&&R((function(e){return VN(VN({},e),{page:e.page-1})})),"right"===e&&R((function(e){return VN(VN({},e),{page:e.page+1})}))};(0,E.useEffect)((function(){var e,t=null===(e=r.customer)||void 0===e?void 0:e.packageId;Number(t)!==cF.FREE&&Number(t)!==cF.PRO||(i({message:"Please upgrade you account to use eLead integration."}),n(""),j.go(0))}),[]),(0,E.useEffect)((function(){var e=localStorage.getItem(m.merge);if(e)try{var t=JSON.parse(e)||[];w(t),y(!!t.length)}catch(e){localStorage.removeItem(m.merge)}}),[]),(0,E.useEffect)((function(){I&&j.push("/preview-upload/".concat(I))}),[I]);var Y=(null==B?void 0:B.name)===Fn;return(0,t.jsxs)(WN,{children:[(0,t.jsx)(ao,{left:a?(0,t.jsx)(ti,{isAutomotive:O}):(0,t.jsx)(UF,{name:r.firstName||r.lastName||"Welcome",handleUpdateToken:n}),center:!a&&(0,t.jsx)(ti,{isAutomotive:O}),right:(0,t.jsxs)(t.Fragment,{children:[u&&(0,t.jsx)(vo,{onClick:function(){return _(!0)},text:d>oi?"Upload":"",textColor:zi,backgroundColor:Wi,borderColor:Mi,fontSize:"15px",icon:(0,t.jsx)(Vc,{size:22})}),c&&(0,t.jsx)(vo,{onClick:function(){return j.push("/record/home")},text:d>oi?"Record":"",icon:(0,t.jsx)(Lc,{size:22}),textColor:hi,backgroundColor:Li,borderColor:Mi,fontSize:"15px"})]})}),(0,t.jsxs)(co,{children:[(0,t.jsxs)(qN,{children:[(0,t.jsxs)($N,{children:[(0,t.jsx)(AF,{handleSearch:function(e){var t=e.toLowerCase();R((function(e){return VN(VN({},e),{page:0,searchQuery:t})}))},prevSearch:D.searchQuery}),f&&(0,t.jsx)(YN,{children:(0,t.jsx)(Sl,{options:q,value:{value:(null==B?void 0:B.folderId)||KN.folderId,label:(null==B?void 0:B.name)||KN.name},onChange:function(e){var t,n;return(n=null!==(t=null==e?void 0:e.value)&&void 0!==t?t:KN.folderId).toString()===(-1).toString()&&$(),void R((function(e){return VN(VN({},e),{page:0,folderId:n})}))},isSearchable:!1})})]}),(l||s)&&(0,t.jsxs)(t.Fragment,{children:[!h&&(0,t.jsxs)($N,{children:[l&&r.wheelsTV&&(!O||P)&&(0,t.jsx)(vo,{onClick:function(){return j.push("/wheels-tv")},icon:(0,t.jsx)(lT,{size:18,color:Ei}),text:"WheelsTV",textColor:Ei,backgroundColor:hi,borderColor:Si,fontSize:"15px"}),s&&(0,t.jsx)(vo,{onClick:function(){return Y?{}:y(!0)},text:"Merge Videos",textColor:Ei,backgroundColor:hi,borderColor:Si,fontSize:"15px",disabled:Y})]}),h&&(0,t.jsxs)($N,{children:[(0,t.jsx)(vo,{onClick:$,text:"Cancel",textColor:Ei,backgroundColor:hi,borderColor:Si,fontSize:"15px"}),(0,t.jsx)(pL,{width:"250px",position:"top-right",popup:(0,t.jsxs)(t.Fragment,{children:[x.length<2&&"Select 2+ videos to merge",x.length>9&&"Select maximum 9 videos"]}),cursor:"initial",showTriangle:!0,disableHover:x.length>=2&&x.length<=9,hoverable:(0,t.jsx)(vo,{onClick:function(){localStorage.setItem(m.merge,JSON.stringify(x));var e=x.map((function(e){return e.id})).filter(Boolean).join(",");j.push("/merge/?videos=".concat(e))},text:"Merge Videos",textColor:hi,disabled:Y||x.length<2||x.length>9,backgroundColor:Xi,fontSize:"15px"})})]})]})]}),(0,t.jsxs)(t.Fragment,{children:[!U&&!!W.length&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(QN,{children:W.map((function(e,n){return(0,t.jsx)(_F,{video:e,isMerge:h,selectedVideosData:x,setSelectedVideosData:w},n)}))}),(0,t.jsxs)(ZN,{children:[(0,t.jsx)(GF,{page:D.page,size:D.size,count:G}),(0,t.jsx)(vo,{onClick:function(){return Z("left")},icon:(0,t.jsx)(Wc,{size:22}),disabled:0===D.page}),(0,t.jsx)(vo,{onClick:function(){return Z("right")},icon:(0,t.jsx)(qc,{size:22}),disabled:W.length<D.size||(D.page+1)*D.size>=G})]})]}),U&&(0,t.jsx)(LF,{message:"Loading...",size:D.size}),!U&&!W.length&&(0,t.jsx)(LF,{message:"No videos match your query",size:D.size})]})]}),k&&(0,t.jsx)(NN,{handleModalClose:function(){return _(!1)},onSuccess:function(e){return UN(void 0,void 0,void 0,(function(){return HN(this,(function(t){return e.length?(A(e[0]),[2]):[2]}))}))}})]})},JN=function(){return JN=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},JN.apply(this,arguments)},ez=tt.div(rN||(rN=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"],["\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"])),(function(e){return e.color||Pi})),tz=function(e){var n=e.text,r=e.color;return(0,t.jsx)(ez,JN({color:r},{children:n}))},nz=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},rz=function(){return rz=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},rz.apply(this,arguments)},iz=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},oz=tt.div(iN||(iN=nz(["\n display: flex;\n justify-content: center;\n align-items: flex-start;\n padding: 50px 0;\n"],["\n display: flex;\n justify-content: center;\n align-items: flex-start;\n padding: 50px 0;\n"]))),az=tt.div(oN||(oN=nz(["\n width: 400px;\n max-width: calc(100% - 32px);\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 16px;\n padding: 32px;\n"],["\n width: 400px;\n max-width: calc(100% - 32px);\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 16px;\n padding: 32px;\n"])),hi),sz=tt.form(aN||(aN=nz(["\n margin-top: 24px;\n display: block;\n"],["\n margin-top: 24px;\n display: block;\n"]))),lz=tt.div(sN||(sN=nz(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 24px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 24px;\n"]))),cz=tt.div(lN||(lN=nz(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"]))),uz=tt.a(cN||(cN=nz(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"])),Ei),fz=tt.div(uN||(uN=nz(["\n text-align: center;\n color: ",";\n font-weight: 600;\n font-size: 18px;\n line-height: 24px;\n"],["\n text-align: center;\n color: ",";\n font-weight: 600;\n font-size: 18px;\n line-height: 24px;\n"])),Ei),dz=tt.div(fN||(fN=nz(["\n text-align: center;\n color: ",";\n font-size: 12px;\n margin-top: 12px;\n"],["\n text-align: center;\n color: ",";\n font-size: 12px;\n margin-top: 12px;\n"])),Ei),pz=tt.div(dN||(dN=nz(["\n border-radius: 6px;\n color: #721c24;\n background-color: #f8d7da;\n border: 1px solid #f5c6cb;\n padding: 12px 20px;\n margin-bottom: 16px;\n"],["\n border-radius: 6px;\n color: #721c24;\n background-color: #f8d7da;\n border: 1px solid #f5c6cb;\n padding: 12px 20px;\n margin-bottom: 16px;\n"]))),hz=tt.div(pN||(pN=nz(["\n position: relative;\n"],["\n position: relative;\n"]))),yz=tt.div(hN||(hN=nz(["\n position: absolute;\n right: 12px;\n top: 50%;\n transform: translateY(-50%);\n color: ",";\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n &:hover {\n color: ",";\n }\n"],["\n position: absolute;\n right: 12px;\n top: 50%;\n transform: translateY(-50%);\n color: ",";\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n &:hover {\n color: ",";\n }\n"])),Pi,Ii),mz=function(e){var n=e.handleUpdateToken,r=Mt().hasExternalJwt,i=iz((0,E.useState)(""),2),o=i[0],a=i[1],s=iz((0,E.useState)(""),2),l=s[0],c=s[1],u=iz((0,E.useState)(""),2),f=u[0],d=u[1],p=iz((0,E.useState)(!1),2),h=p[0],y=p[1],m=dn();return r?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(ao,{center:(0,t.jsx)(ti,{})}),(0,t.jsx)(oz,{children:(0,t.jsxs)(az,{children:[(0,t.jsx)(fz,{children:"Login failed"}),(0,t.jsx)(dz,{children:"External token invalid."})]})})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(ao,{center:(0,t.jsx)(ti,{})}),(0,t.jsx)(oz,{children:(0,t.jsxs)(az,{children:[(0,t.jsx)(fz,{children:"Login to your Covideo account"}),(0,t.jsxs)(sz,rz({onSubmit:function(e){return t=void 0,r=void 0,a=function(){var t,r;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(i){switch(i.label){case 0:e.preventDefault(),i.label=1;case 1:return i.trys.push([1,4,,5]),[4,Dn({username:o,password:l})];case 2:return t=i.sent(),r=t.accessToken,[4,n(r)];case 3:return i.sent(),m.go(0),[3,5];case 4:return i.sent(),d("Incorrect Login"),[3,5];case 5:return[2]}}))},new((i=void 0)||(i=Promise))((function(e,n){function o(e){try{l(a.next(e))}catch(e){n(e)}}function s(e){try{l(a.throw(e))}catch(e){n(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(o,s)}l((a=a.apply(t,r||[])).next())}));var t,r,i,a}},{children:[(0,t.jsxs)(lz,{children:[(0,t.jsx)(tz,{text:"Username"}),(0,t.jsx)(uo,{width:"100%",type:"text",value:o,placeholder:"Username",required:!0,onChange:function(e){return a(e.target.value)}})]}),(0,t.jsxs)(lz,{children:[(0,t.jsx)(tz,{text:"Password"}),(0,t.jsxs)(hz,{children:[(0,t.jsx)(uo,{width:"100%",type:h?"text":"password",value:l,placeholder:"Password",required:!0,padding:"8px 40px 8px 8px",onChange:function(e){return c(e.target.value)}}),(0,t.jsxs)(yz,rz({onClick:function(){y((function(e){return!e}))}},{children:[!h&&(0,t.jsx)(fT,{size:22}),h&&(0,t.jsx)(uT,{size:22})]}))]})]}),f&&(0,t.jsx)(pz,{children:f}),(0,t.jsxs)(cz,{children:[(0,t.jsx)(vo,{backgroundColor:"rgba(255, 139, 34, 1)",textColor:hi,text:"Login",type:"submit",fontSize:"15px",disabled:""===o||""===l}),(0,t.jsx)(uz,rz({target:"_blank",href:"https://www.covideo.com/reset-password/"},{children:"Forgot password?"}))]})]}))]})})]})},vz=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},gz=function(){return gz=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},gz.apply(this,arguments)},xz=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},bz=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},wz=tt.div(yN||(yN=vz(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: ",";\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: ",";\n"])),(function(e){return e.marginBottom?e.marginBottom:"0"})),Sz=tt.div(mN||(mN=vz(["\n display: flex;\n align-items: center;\n margin-bottom: 16px;\n"],["\n display: flex;\n align-items: center;\n margin-bottom: 16px;\n"]))),Cz=tt.div(vN||(vN=vz(["\n margin-bottom: ",";\n width: ",";\n"],["\n margin-bottom: ",";\n width: ",";\n"])),(function(e){return e.marginBottom?e.marginBottom:"16px"}),(function(e){return e.width?e.width:"auto"})),Ez=tt.p(gN||(gN=vz(["\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n margin: 0 0 8px 0;\n"],["\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n margin: 0 0 8px 0;\n"])),Pi),kz=tt.label(xN||(xN=vz(["\n margin-left: 12px;\n font-weight: normal;\n font-size: 16px;\n line-height: 24px;\n color: ",";\n"],["\n margin-left: 12px;\n font-weight: normal;\n font-size: 16px;\n line-height: 24px;\n color: ",";\n"])),Ii),_z=tt.a(bN||(bN=vz(["\n max-height: 24px;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.6;\n text-align: right;\n color: ",";\n text-decoration: underline;\n &:hover {\n cursor: pointer;\n }\n"],["\n max-height: 24px;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.6;\n text-align: right;\n color: ",";\n text-decoration: underline;\n &:hover {\n cursor: pointer;\n }\n"])),xi),Oz=tt.input(wN||(wN=vz(["\n width: 100%;\n border-radius: 4px;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.6;\n border: solid 1px ",";\n outline: none;\n padding: 8px 12px;\n"],["\n width: 100%;\n border-radius: 4px;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.6;\n border: solid 1px ",";\n outline: none;\n padding: 8px 12px;\n"])),ki),Pz={control:function(e){return gz(gz({},e),{height:"40px"})},indicatorSeparator:function(){return{display:"none"}}},Tz=function(e){var n=e.linksetsData,r=e.linksetsLoading,i=e.templatesData,o=e.templatesLoading,a=e.overlaysData,s=e.overlaysLoading,l=e.checkboxes,c=e.selectedCheckboxes,u=e.setSelectedCheckboxes,f=e.insertVideoData,d=e.setInsertVideoData,p=Mt(),h=p.showCTAFeature,y=p.showLandingPageFeature,m=p.showReactionsFeature,v=xz((0,E.useState)([]),2),g=v[0],x=v[1],b=xz((0,E.useState)([]),2),w=b[0],S=b[1],C=xz((0,E.useState)([]),2),_=C[0],O=C[1],P=xz((0,E.useState)(!1),2),T=P[0],I=P[1],A=-1===f.templateId;(0,E.useEffect)((function(){!T&&w.length&&d(gz(gz({},f),{overlayId:w[0].value}))}),[T]),(0,E.useEffect)((function(){x((i||[]).map((function(e){return{value:e.id,label:e.title}})))}),[i]),(0,E.useEffect)((function(){S((a||[]).map((function(e){var t=e.id,n=e.title;return{value:t.toString(),label:n}})))}),[a]);var j=_u().debounce((function(e){d(gz(gz({},f),A?{overlayId:e}:{linksetId:e}))}),1e3);return(0,E.useEffect)((function(){var e=[{value:"-1",label:"None"}];e=n.every((function(e){return"-1"!==e.id}))?e.concat((n||[]).map((function(e){var t=e.id,n=e.title;return{value:t.toString(),label:n}}))):(n||[]).map((function(e){var t=e.id,n=e.title;return{value:t.toString(),label:n}})),O(e)}),[n]),k().useEffect((function(){-1!==f.templateId&&I(!1),w.length<=0&&S([{value:"",label:""}])}),[A]),(0,t.jsxs)(t.Fragment,{children:[y&&(0,t.jsx)(wz,{children:(0,t.jsxs)(Cz,gz({width:"100%"},{children:[(0,t.jsx)(Ez,{children:"Landing Page"}),(0,t.jsx)(fl,{value:g.find((function(e){return e.value===f.templateId})),styles:Pz,options:g,onChange:function(e){return null!==e&&d(gz(gz({},f),{templateId:parseInt(e.value)}))},isLoading:o})]}))}),(h||A)&&(0,t.jsx)(wz,{children:(0,t.jsxs)(Cz,gz({width:"100%",marginBottom:"35px"},{children:[(0,t.jsxs)(wz,{children:[(0,t.jsx)(Ez,{children:A?"Websites":"CTAs"}),A&&(0,t.jsx)(_z,gz({onClick:function(){return I((function(e){return!e}))}},{children:T?"Use Existing":"Add New"}))]}),!T&&(0,t.jsx)(fl,{"aria-label":"CTA",id:"select-cta-dropdown",className:"dropdown",value:A?w.find((function(e){return e.value==f.overlayId})):_.find((function(e){return e.value==f.linksetId})),isClearable:A,placeholder:A?"No Websites":"No CTAs",options:A?w:_,onChange:function(e){if(e)return d(gz(gz({},f),A?{overlayId:e.value}:{linksetId:e.value}))},isLoading:A?s:r}),T&&(0,t.jsx)(Oz,{type:"text",placeholder:"Enter website",onChange:function(e){j(e.target.value)}})]}))}),!!l.length&&(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(Cz,gz({width:"100%",marginBottom:"15px"},{children:l.filter((function(e){return m||"enableReactions"!==e.value})).map((function(e,n){return(0,t.jsx)(wz,{children:(0,t.jsxs)(Sz,{children:[(0,t.jsx)(uc,{id:"check-".concat(n),width:"24px",blueCheck:!0,checked:c.some((function(t){return t.value===e.value})),onChange:function(t){var n=t.target.checked;u(n?bz(bz([],xz(c),!1),[e],!1):c.filter((function(t){return t.value!==e.value})))}}),(0,t.jsx)(kz,gz({htmlFor:"check-".concat(n)},{children:e.label}))]})},"check-".concat(n))}))}))})]})},Iz=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},Az=function(){return Az=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},Az.apply(this,arguments)},jz=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},Mz=tt.div(SN||(SN=Iz(["\n display: flex;\n align-items: center;\n padding-left: 12px;\n"],["\n display: flex;\n align-items: center;\n padding-left: 12px;\n"]))),Dz=tt.div(CN||(CN=Iz(["\n margin-left: 0px;\n width: 100%;\n"],["\n margin-left: 0px;\n width: 100%;\n"]))),Rz=tt.div(EN||(EN=Iz(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n"],["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n"]))),Fz=tt.div(kN||(kN=Iz(["\n max-width: 100%;\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n width: 256px;\n margin-right: auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: ",";\n"],["\n max-width: 100%;\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n width: 256px;\n margin-right: auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: ",";\n"])),Ii),Lz=tt.div(_N||(_N=Iz(["\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n color: ",";\n text-align: right;\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n color: ",";\n text-align: right;\n"])),Pi),Bz=tt.div(ON||(ON=Iz(["\n padding-left: 6px;\n"],["\n padding-left: 6px;\n"]))),Nz=tt.div(PN||(PN=Iz(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 6px;\n height: 72px;\n border: 1px dashed ",";\n border-radius: 6px;\n &:hover {\n cursor: pointer;\n }\n"],["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 6px;\n height: 72px;\n border: 1px dashed ",";\n border-radius: 6px;\n &:hover {\n cursor: pointer;\n }\n"])),xi),zz=tt.div(TN||(TN=Iz(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding: 16px;\n gap: 8px;\n height: 108px;\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n"],["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding: 16px;\n gap: 8px;\n height: 108px;\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n"])),hi),Vz=tt.div(IN||(IN=Iz(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 36px;\n margin-bottom: 5px;\n padding: 0 8px;\n"],["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 36px;\n margin-bottom: 5px;\n padding: 0 8px;\n"]))),Uz=tt.div(AN||(AN=Iz(["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 50%;\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 50%;\n"]))),Hz=tt.div(jN||(jN=Iz(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n gap: 4px;\n"],["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n gap: 4px;\n"]))),Gz=tt.div(MN||(MN=Iz(["\n padding: 16px;\n height: 72px;\n background-color: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n"],["\n padding: 16px;\n height: 72px;\n background-color: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n"])),hi),Wz=tt.div(DN||(DN=Iz(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: ",";\n font-size: 14px;\n line-height: 20px;\n color: ",";\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: ",";\n font-size: 14px;\n line-height: 20px;\n color: ",";\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])),(function(e){return e.fontWeight||"500"}),(function(e){return e.color||Ei})),qz={control:function(e,t){return Az(Az({},e),{height:"40px",boxShadow:"none",borderColor:t.isFocused?Ei:Oi,":hover":{borderColor:Ei},":focus":{borderColor:Ei},":active":{borderColor:Ei}})},option:function(e){return Az(Az({},e),{backgroundColor:"transparent",color:Ii,padding:"8px",cursor:"pointer",":hover":{backgroundColor:"transparent",opacity:".8"},":focus":{backgroundColor:"transparent",opacity:".8"}})},indicatorSeparator:function(){return{display:"none"}},valueContainer:function(e){return Az(Az({},e),{padding:4,overflow:"show"})}},$z=function(e){return(0,t.jsx)(t.Fragment,{})},Zz=function(e,t){if("0"===e.value)return!0;var n=e.label.toLowerCase(),r=e.data.vin?e.data.vin.toLowerCase():"";return"".concat(n," ").concat(r).includes(t.toLowerCase())},Yz=function(e){return(0,t.jsx)(Mz,{children:(0,t.jsx)(Dz,{children:(0,t.jsx)(Es.Option,Az({},e))})})},Qz=function(e){var n=e.label,r=e.vin;return(0,t.jsxs)(Rz,{children:[(0,t.jsx)(Fz,{children:n}),(0,t.jsxs)(Lz,{children:[" ",r]})]})},Kz=function(e){e.children;var n=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(e,["children"]);return(0,t.jsx)(Bz,{children:n.data.label})},Xz=function(e){return(0,t.jsx)(Es.NoOptionsMessage,Az({},e,{children:"No vehicles found, try entering a different name or VIN."}))},Jz=function(e){var n=e.onChangeVehicle,r=e.handleChangeVehicleButtonPress,i=e.handleRemoveVehicleButtonPress,o=e.setAddingVehicle,a=e.selectedVin,s=void 0===a?"":a,l=e.placeholder,c=void 0===l?"Search vehicle by name or VIN...":l,u=e.fetchSold,f=void 0===u||u,d=e.addingVehicle,p=void 0===d||d,h=function(e){var t,n,r,i,o,a,s,l,c,u,f;return nc(e)&&(!!(null===(t=null==e?void 0:e.customer)||void 0===t?void 0:t.vAutoDealerId)||!!(null===(n=null==e?void 0:e.customer)||void 0===n?void 0:n.eDealerId)||!!(null===(r=null==e?void 0:e.customer)||void 0===r?void 0:r.homeNetId)||!!(null===(i=null==e?void 0:e.customer)||void 0===i?void 0:i.maxDigitalId)||!!(null===(o=null==e?void 0:e.customer)||void 0===o?void 0:o.dealersLinkId)||!!(null===(a=null==e?void 0:e.customer)||void 0===a?void 0:a.dealerCueId)||!!(null===(s=null==e?void 0:e.customer)||void 0===s?void 0:s.autoRevolutionId)||!!(null===(l=null==e?void 0:e.customer)||void 0===l?void 0:l.vinsolutionsIMSDealerId)||!!(null===(c=null==e?void 0:e.customer)||void 0===c?void 0:c.dealerDotComIMS)||!!(null===(u=null==e?void 0:e.customer)||void 0===u?void 0:u.dealerCenterDealerId)||!!(null===(f=null==e?void 0:e.customer)||void 0===f?void 0:f.dealrCloudId))}(Vl().userData),y=jz((0,E.useState)(""),2),m=y[0],g=y[1],x=jz((0,E.useState)(s),2),b=x[0],w=x[1],S=Mt().showUpgradeMessageFeature,C=function(e){var t=e.size,n=void 0===t?10:t,r=e.page,i=void 0===r?0:r,o=e.sort,a=void 0===o?"":o,s=e.searchQuery,l=void 0===s?"":s,c=e.soldFilter,u=void 0===c?"":c,f=e.videosRecordedFilter,d=void 0===f?"":f,p=e.countRecorded,h=void 0!==p&&p,y=e.enabled,m=void 0===y||y;return(0,v.useQuery)(["inventoryItems",n,i,a,l,u,d,m,h],(function(){return e=void 0,t=void 0,o=function(){return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(e){return[2,er({limit:n,start:i*n,sort:a,search:l||"",soldFilter:u,videosRecordedFilter:d,countRecorded:h})]}))},new((r=void 0)||(r=Promise))((function(n,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}l((o=o.apply(e,t||[])).next())}));var e,t,r,o}),{refetchOnWindowFocus:!1,staleTime:h?0:36e5,enabled:m})}({searchQuery:b,countRecorded:!1,enabled:h,soldFilter:f?"2":"0"}).data,k=C?C.items:[];(0,E.useEffect)((function(){w(s)}),[s]),(0,E.useEffect)((function(){if(C&&""!==s&&k){var e=k.filter((function(e){return e.vin===s}));if(!e.length)return i(),void g("");g(e[0].title)}}),[k,s]);var _=k.map((function(e){return Az(Az({},e),{value:e.vin,label:e.title})}));return h?p?(0,t.jsx)(Gz,{children:(0,t.jsx)(fl,{components:{Option:Yz,DropdownIndicator:$z,SingleValue:Kz,NoOptionsMessage:Xz},styles:qz,options:_,value:_.find((function(e){return e.value===s})),onChange:function(e){n(e||void 0),g((null==e?void 0:e.title)||"")},autoFocus:!0,isSearchable:!0,isClearable:!0,placeholder:c,filterOption:Zz,formatOptionLabel:Qz,onInputChange:function(e){e.length<2||w(e)}})}):s?(0,t.jsxs)(zz,{children:[(0,t.jsxs)(Vz,{children:[(0,t.jsxs)(Uz,{children:[(0,t.jsx)(lT,{size:20,color:bi}),(0,t.jsx)(Wz,{children:m})]}),(0,t.jsx)(Wz,Az({color:bi,fontWeight:"400"},{children:s}))]}),(0,t.jsxs)(Hz,{children:[(0,t.jsx)(vo,{onClick:function(){r(),g("")},text:"Change",textColor:Ei,backgroundColor:Si,borderColor:Si,fontSize:"13px"}),(0,t.jsx)(vo,{onClick:function(){i(),g("")},text:"Remove",textColor:Li,backgroundColor:Fi,borderColor:Fi,fontSize:"13px"})]})]}):(0,t.jsxs)(Nz,Az({onClick:function(){return o(!0)}},{children:[(0,t.jsx)(lT,{size:20,color:Ei}),"Add Vehicle"]})):S?(0,t.jsxs)(t.Fragment,{children:["To enable the integration with your Inventory Management System, please call us at",(0,t.jsx)("br",{}),(0,t.jsx)("a",Az({href:"tel:8003061445"},{children:"800-306-1445"}))]}):null},eV=__webpack_require__(2085),tV={fullscreenEnabled:0,fullscreenElement:1,requestFullscreen:2,exitFullscreen:3,fullscreenchange:4,fullscreenerror:5,fullscreen:6},nV=["webkitFullscreenEnabled","webkitFullscreenElement","webkitRequestFullscreen","webkitExitFullscreen","webkitfullscreenchange","webkitfullscreenerror","-webkit-full-screen"],rV=["mozFullScreenEnabled","mozFullScreenElement","mozRequestFullScreen","mozCancelFullScreen","mozfullscreenchange","mozfullscreenerror","-moz-full-screen"],iV=["msFullscreenEnabled","msFullscreenElement","msRequestFullscreen","msExitFullscreen","MSFullscreenChange","MSFullscreenError","-ms-fullscreen"],oV="undefined"!=typeof window&&void 0!==window.document?window.document:{},aV="fullscreenEnabled"in oV&&Object.keys(tV)||nV[0]in oV&&nV||rV[0]in oV&&rV||iV[0]in oV&&iV||[],sV={requestFullscreen:function(e){return e[aV[tV.requestFullscreen]]()},requestFullscreenFunction:function(e){return e[aV[tV.requestFullscreen]]},get exitFullscreen(){return oV[aV[tV.exitFullscreen]].bind(oV)},get fullscreenPseudoClass(){return":"+aV[tV.fullscreen]},addEventListener:function(e,t,n){return oV.addEventListener(aV[tV[e]],t,n)},removeEventListener:function(e,t,n){return oV.removeEventListener(aV[tV[e]],t,n)},get fullscreenEnabled(){return Boolean(oV[aV[tV.fullscreenEnabled]])},set fullscreenEnabled(e){},get fullscreenElement(){return oV[aV[tV.fullscreenElement]]},set fullscreenElement(e){},get onfullscreenchange(){return oV[("on"+aV[tV.fullscreenchange]).toLowerCase()]},set onfullscreenchange(e){return oV[("on"+aV[tV.fullscreenchange]).toLowerCase()]=e},get onfullscreenerror(){return oV[("on"+aV[tV.fullscreenerror]).toLowerCase()]},set onfullscreenerror(e){return oV[("on"+aV[tV.fullscreenerror]).toLowerCase()]=e}};const lV=sV;var cV,uV,fV,dV=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},pV=function(){return pV=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},pV.apply(this,arguments)},hV=tt.div(cV||(cV=dV(["\n width: 100%;\n display: flex;\n cursor: pointer;\n flex: 1;\n padding-bottom: ",";\n"],["\n width: 100%;\n display: flex;\n cursor: pointer;\n flex: 1;\n padding-bottom: ",";\n"])),(function(e){return"".concat(e.small?"0px":" 0px 12px")})),yV=tt.progress(uV||(uV=dV(["\n width: 100%;\n color: white;\n opacity: 1;\n height: ","; /* TODO: it's 4px in design */\n border-radius: ",";\n border: 1px solid transparent;\n box-sizing: border-box;\n\n &::-webkit-progress-bar {\n border-radius: 4px;\n }\n &::-webkit-progress-value {\n background-color: white;\n border-radius: 4px;\n }\n"],["\n width: 100%;\n color: white;\n opacity: 1;\n height: ","; /* TODO: it's 4px in design */\n border-radius: ",";\n border: 1px solid transparent;\n box-sizing: border-box;\n\n &::-webkit-progress-bar {\n border-radius: 4px;\n }\n &::-webkit-progress-value {\n background-color: white;\n border-radius: 4px;\n }\n"])),(function(e){return"".concat((e.small,"4px"))}),(function(e){return"".concat(e.small?"1px":"4px")})),mV=function(e){var n=e.duration,r=void 0===n?.1:n,i=e.currentTime,o=void 0===i?0:i,a=e.scrub,s=e.color,l=e.small,c=E.createRef();return(0,t.jsx)(hV,pV({small:l},{children:(0,t.jsx)(yV,{ref:c,onClick:function(e){return a(e,c)},value:o.toString(),min:"0",max:r.toString(),color:s,small:l})}))},vV=function(){return vV=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},vV.apply(this,arguments)},gV=function(e){return(0,t.jsxs)("svg",vV({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},{children:[(0,t.jsx)("defs",{children:(0,t.jsx)("path",{id:"volumeOff-a",d:"M3.63 3.635a.996.996 0 0 0 0 1.41l3.66 3.66-.29.3H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 1 0 1.41-1.41L5.05 3.635c-.39-.39-1.02-.39-1.42 0zM19 12.005c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85 2.57 1.04 4.39 3.56 4.39 6.5zm-8.71-6.29l-.17.17L12 7.765v-1.35c0-.89-1.08-1.33-1.71-.7zm6.21 6.29a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z"})}),(0,t.jsxs)("g",vV({fill:"none",fillRule:"evenodd"},{children:[(0,t.jsx)("mask",vV({id:"volumeOff-b",fill:"#fff"},{children:(0,t.jsx)("use",{xlinkHref:"#volumeOff-a"})})),(0,t.jsx)("g",vV({fill:"#fff",fillOpacity:"1",mask:"url(#volumeOff-b)"},{children:(0,t.jsx)("path",{d:"M0 0h24v24H0z"})}))]}))]}))};function xV(){return xV=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},xV.apply(this,arguments)}const bV=tt((function(e){return E.createElement("svg",xV({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),fV||(fV=E.createElement("g",{fill:"#FFF"},E.createElement("path",{d:"M7.928 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69l-8.14-5.17c-.67-.43-1.54.05-1.54.84z"}))))}))(wV||(wV=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n opacity: ",";\n }\n"])),(function(e){return e.width||"40px"}),(function(e){return e.height||"40px"}),(function(e){return e.opacity||"inherit"}));var wV,SV;function CV(){return CV=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},CV.apply(this,arguments)}const EV=tt((function(e){return E.createElement("svg",CV({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),SV||(SV=E.createElement("g",{fill:"#272A32"},E.createElement("path",{d:"M8 19c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2v10c0 1.1.9 2 2 2zm6-12v10c0 1.1.9 2 2 2s2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2z"}))))}))(kV||(kV=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var kV,_V,OV;function PV(){return PV=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},PV.apply(this,arguments)}const TV=tt((function(e){return E.createElement("svg",PV({width:20,height:17,viewBox:"0 0 20 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),_V||(_V=E.createElement("path",{d:"M17.2907 7.4906C17.3029 7.31501 17.3614 7.14578 17.46 7C17.5559 6.84858 17.6907 6.72571 17.8504 6.64426C18.0101 6.56281 18.1887 6.52577 18.3676 6.53701C18.5464 6.54826 18.719 6.60738 18.8672 6.70818C19.0154 6.80898 19.1338 6.94776 19.21 7.11C19.8115 8.53356 20.0749 10.0772 19.9794 11.6196C19.884 13.1621 19.4324 14.6614 18.66 16C18.4838 16.3052 18.2301 16.5584 17.9245 16.734C17.619 16.9097 17.2724 17.0014 16.92 17H3.07C2.72098 16.9979 2.37858 16.9045 2.07683 16.7291C1.77509 16.5536 1.52451 16.3023 1.35 16C0.294996 14.182 -0.160348 12.0779 0.0486524 9.98638C0.257653 7.89489 1.12037 5.92243 2.51426 4.34919C3.90815 2.77594 5.76232 1.68191 7.81341 1.2225C9.8645 0.763091 12.0082 0.961661 13.94 1.79C14.1082 1.85914 14.2544 1.97285 14.3628 2.11888C14.4712 2.26492 14.5377 2.43776 14.5552 2.61879C14.5727 2.79982 14.5405 2.98219 14.462 3.14628C14.3836 3.31036 14.2619 3.44995 14.11 3.55C13.9642 3.64865 13.795 3.70707 13.6194 3.71936C13.4438 3.73165 13.2681 3.69738 13.11 3.62C12.4369 3.33395 11.7264 3.14538 11 3.06C9.56439 2.8728 8.10489 3.07868 6.77709 3.6557C5.44928 4.23271 4.30294 5.15924 3.46028 6.3365C2.61762 7.51376 2.11023 8.89763 1.99219 10.3406C1.87414 11.7835 2.14988 13.2314 2.79 14.53C2.87447 14.6931 3.0022 14.8297 3.1592 14.9249C3.31619 15.0202 3.49638 15.0704 3.68 15.07H16.33C16.5126 15.0713 16.6921 15.0227 16.849 14.9292C17.0059 14.8358 17.1342 14.7012 17.22 14.54C17.9267 13.0705 18.1674 11.4201 17.91 9.81C17.8129 9.18733 17.6382 8.57927 17.39 8C17.3126 7.84191 17.2784 7.66618 17.2907 7.4906Z",fill:"#001B53"})),OV||(OV=E.createElement("path",{d:"M8.00391 11.005C8.00391 10.4743 8.21474 9.96527 8.59002 9.58999L17.08 3.92999L11.42 12.42C11.0447 12.7953 10.5357 13.0061 10.005 13.0061C9.74223 13.0061 9.48201 12.9543 9.23923 12.8538C8.99644 12.7532 8.77584 12.6058 8.59002 12.42C8.4042 12.2342 8.2568 12.0136 8.15623 11.7708C8.05567 11.528 8.00391 11.2678 8.00391 11.005Z",fill:"#001B53"})))}))(IV||(IV=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"16px"}),(function(e){return e.height||"16px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var IV,AV;function jV(){return jV=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},jV.apply(this,arguments)}const MV=tt((function(e){return E.createElement("svg",jV({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16"},e),AV||(AV=E.createElement("g",{fill:"#FFF"},E.createElement("path",{id:"1i74dgfm6a",d:"M5.867 10.603L3.533 8.27c-.123-.125-.291-.195-.466-.195-.176 0-.344.07-.467.195-.26.26-.26.673 0 .933l2.793 2.794c.26.26.68.26.94 0l7.067-7.06c.26-.26.26-.674 0-.934-.123-.124-.291-.195-.467-.195-.175 0-.343.07-.466.195l-6.6 6.6z"}))))}))(DV||(DV=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n fill: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n fill: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"21px"}),(function(e){return e.height||"21px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var DV,RV,FV,LV;function BV(){return BV=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},BV.apply(this,arguments)}const NV=tt((function(e){return E.createElement("svg",BV({width:17,height:16,viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),RV||(RV=E.createElement("path",{d:"M8.74879 15.5C9.98351 14.5267 10.9932 13.3025 11.7099 11.9101C12.6346 10.2752 12.8809 8.34818 12.3967 6.53663C11.7134 4.27231 9.38853 2.90737 7.05456 3.40021C6.94008 3.40021 6.81798 3.40021 6.66534 3.44556C6.90886 2.37277 7.46631 1.39487 8.268 0.634113C8.41309 0.529008 8.59337 0.483023 8.77169 0.505633C12.8205 0.691686 16.0048 3.99977 15.9987 8.01366C15.9925 12.0275 12.7982 15.3261 8.74879 15.5Z",fill:"white",fillOpacity:.6})),FV||(FV=E.createElement("path",{d:"M8.88889 12.6667C8.65533 13.6898 8.14446 14.629 7.41224 15.3814C7.29627 15.4733 7.14802 15.5145 7.00121 15.4955C3.12899 15.2168 0.100864 12.0474 0.00246105 8.17019C-0.0959416 4.29297 2.76752 0.974331 6.62063 0.5C6.44556 0.652084 6.32378 0.758542 6.2096 0.872605C3.96458 2.91166 2.91204 5.9516 3.41614 8.94065C3.59752 10.118 4.24244 11.1741 5.20739 11.8739C6.17234 12.5737 7.37725 12.8591 8.55398 12.6667C8.66548 12.659 8.77739 12.659 8.88889 12.6667Z",fill:"white",fillOpacity:.6})),LV||(LV=E.createElement("path",{d:"M6.23576 8.24597C6.23576 7.57717 6.23576 6.91572 6.23576 6.25427C6.23576 5.59282 6.49402 5.51932 6.98959 5.79125C8.10637 6.44535 9.22315 7.10681 10.326 7.77561C10.7797 8.04754 10.7797 8.36357 10.326 8.6355C9.19523 9.32635 8.06449 10.0025 6.91979 10.6713C6.50798 10.9138 6.2218 10.7668 6.2218 10.2744C6.2218 9.59828 6.2218 8.92212 6.2218 8.24597",fill:"white"})))}))(zV||(zV=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n fill: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n fill: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"21px"}),(function(e){return e.height||"21px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var zV,VV,UV,HV,GV,WV,qV,$V,ZV,YV,QV,KV,XV,JV,eU,tU,nU,rU,iU,oU=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},aU=function(){return aU=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},aU.apply(this,arguments)},sU=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},lU=tt.div(VV||(VV=oU(["\n display: flex;\n align-items: center;\n color: white;\n font-size: 14px;\n flex-direction: column;\n justify-content: space-between;\n"],["\n display: flex;\n align-items: center;\n color: white;\n font-size: 14px;\n flex-direction: column;\n justify-content: space-between;\n"]))),cU=tt.div(UV||(UV=oU(["\n margin-top: 6px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: white;\n font-size: 14px;\n"],["\n margin-top: 6px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: white;\n font-size: 14px;\n"]))),uU=tt.div(HV||(HV=oU(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"]))),fU=tt.div(GV||(GV=oU(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"]))),dU=tt.div(WV||(WV=oU(["\n width: ",";\n height: ",";\n cursor: pointer;\n margin-right: ",";\n transition: all 0.3s;\n\n &:hover {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 2px;\n }\n"],["\n width: ",";\n height: ",";\n cursor: pointer;\n margin-right: ",";\n transition: all 0.3s;\n\n &:hover {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 2px;\n }\n"])),(function(e){return"".concat(e.small?"16px":"20px")}),(function(e){return"".concat(e.small?"16px":"20px")}),(function(e){return"".concat(e.small?"6px":"8px")})),pU=tt.input(qV||(qV=oU(["\n /* RESET */\n width: 74px;\n opacity: 1;\n visibility: visible;\n transition: all 0.4s;\n -webkit-appearance: none; /* Hides the slider so that custom slider can be made */\n background: transparent; /* Otherwise white in Chrome */\n\n &:focus {\n outline: none; /* Removes the blue border. We should probably do some kind of focus styling for accessibility reasons though. */\n }\n &::-ms-track {\n width: 96px;\n cursor: pointer;\n /* Hides the slider so custom styles can be added */\n background: transparent;\n border-color: transparent;\n color: transparent;\n height: ",";\n }\n\n &::-webkit-slider-runnable-track {\n width: 100%;\n height: ",";\n cursor: pointer;\n opacity: 0.75;\n background: ",";\n border-radius: ",";\n border: 0.2px solid transparent;\n }\n\n &::-webkit-slider-thumb {\n border: 1px solid transparent;\n height: ",";\n width: ",";\n border-radius: 50%;\n background: ",";\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -3px;\n }\n"],["\n /* RESET */\n width: 74px;\n opacity: 1;\n visibility: visible;\n transition: all 0.4s;\n -webkit-appearance: none; /* Hides the slider so that custom slider can be made */\n background: transparent; /* Otherwise white in Chrome */\n\n &:focus {\n outline: none; /* Removes the blue border. We should probably do some kind of focus styling for accessibility reasons though. */\n }\n &::-ms-track {\n width: 96px;\n cursor: pointer;\n /* Hides the slider so custom styles can be added */\n background: transparent;\n border-color: transparent;\n color: transparent;\n height: ",";\n }\n\n &::-webkit-slider-runnable-track {\n width: 100%;\n height: ",";\n cursor: pointer;\n opacity: 0.75;\n background: ",";\n border-radius: ",";\n border: 0.2px solid transparent;\n }\n\n &::-webkit-slider-thumb {\n border: 1px solid transparent;\n height: ",";\n width: ",";\n border-radius: 50%;\n background: ",";\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -3px;\n }\n"])),(function(e){return"".concat((e.small,"2px"))}),(function(e){return"".concat((e.small,"2px"))}),(function(e){return e.color}),(function(e){return"".concat((e.small,"2px"))}),(function(e){return"".concat((e.small,"6px"))}),(function(e){return"".concat((e.small,"6px"))}),(function(e){return e.color})),hU=tt.div($V||($V=oU(["\n display: flex;\n width: 100px;\n align-items: center;\n overflow: hidden;\n transition: all 0.4s;\n margin-right: 8px;\n"],["\n display: flex;\n width: 100px;\n align-items: center;\n overflow: hidden;\n transition: all 0.4s;\n margin-right: 8px;\n"]))),yU=tt.div(ZV||(ZV=oU(["\n height: ",";\n width: ",";\n cursor: pointer;\n &:hover {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 2px;\n }\n"],["\n height: ",";\n width: ",";\n cursor: pointer;\n &:hover {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 2px;\n }\n"])),(function(e){return"".concat(e.small?"15px":"20px")}),(function(e){return"".concat(e.small?"15px":"20px")})),mU=tt.div(YV||(YV=oU(["\n margin-right: 16px;\n color: ",";\n\n ","\n"],["\n margin-right: 16px;\n color: ",";\n\n ","\n"])),(function(e){return e.color}),(function(e){if(e.width&&e.width<330)return"font-size: 11px;"})),vU=tt.div(QV||(QV=oU(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 20px;\n height: 20px;\n cursor: pointer;\n transition: all 0.3s;\n margin-left: 3px;\n border-radius: 5px;\n\n &:hover {\n background: rgba(255, 255, 255, 0.2);\n }\n\n ","\n"],["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 20px;\n height: 20px;\n cursor: pointer;\n transition: all 0.3s;\n margin-left: 3px;\n border-radius: 5px;\n\n &:hover {\n background: rgba(255, 255, 255, 0.2);\n }\n\n ","\n"])),(function(e){if(e.active&&"#000000"===e.color)return"\n background-color: white;\n &:hover {\n background: white;\n }\n path {\n fill: ".concat(e.color,";\n }")})),gU=tt.div(KV||(KV=oU(["\n z-index: 200;\n overflow-y: auto;\n margin-top: -340px;\n margin-left: -140px;\n min-width: 110px;\n max-width: 160px;\n max-height: 292px;\n cursor: pointer;\n position: absolute;\n background-color: white;\n border: 1px solid #f7f8fa;\n box-sizing: border-box;\n box-shadow: 0px 6px 16px rgba(29, 30, 36, 0.06);\n border-radius: 5px;\n color: ",";\n display: flex;\n flex-direction: column;\n ","\n\n p {\n padding: 8px 24px;\n height: 24px;\n color: #9297a2;\n font-size: 14px;\n line-height: 20px;\n margin: 0;\n ","\n }\n\n div {\n display: flex;\n justify-content: space-between;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n color: #272a32;\n padding: 8px 24px;\n height: 24px;\n ","\n path {\n fill: #272a32;\n }\n\n &:hover {\n background-color: ",";\n }\n }\n"],["\n z-index: 200;\n overflow-y: auto;\n margin-top: -340px;\n margin-left: -140px;\n min-width: 110px;\n max-width: 160px;\n max-height: 292px;\n cursor: pointer;\n position: absolute;\n background-color: white;\n border: 1px solid #f7f8fa;\n box-sizing: border-box;\n box-shadow: 0px 6px 16px rgba(29, 30, 36, 0.06);\n border-radius: 5px;\n color: ",";\n display: flex;\n flex-direction: column;\n ","\n\n p {\n padding: 8px 24px;\n height: 24px;\n color: #9297a2;\n font-size: 14px;\n line-height: 20px;\n margin: 0;\n ","\n }\n\n div {\n display: flex;\n justify-content: space-between;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n color: #272a32;\n padding: 8px 24px;\n height: 24px;\n ","\n path {\n fill: #272a32;\n }\n\n &:hover {\n background-color: ",";\n }\n }\n"])),Bi,(function(e){return e.width&&e.width<330?"max-width: 120px;\n max-height: 142px;\n margin-top: -198px;\n margin-left: -105px;":e.width&&e.width<500?"max-width: 150px;\n max-height: 192px;\n margin-top: -250px;\n margin-left: -135px;":void 0}),(function(e){return e.width&&e.width<330?"font-size: 9px;\n line-height: 12px;\n padding: 8px 16px;":e.width&&e.width<500?"font-size: 11px;\n line-height: 15px;":void 0}),(function(e){return e.width&&e.width<330?"font-size: 10px;\n line-height: 13px;\n height: 13px;":e.width&&e.width<500?"font-size: 12px;\n line-height: 16px;\n height: 18px;":void 0}),Ni),xU=[{value:2,label:"2.0x"},{value:1.5,label:"1.5x"},{value:1.25,label:"1.25x"},{value:1,label:"1.0x"},{value:.75,label:"0.75x"},{value:.5,label:"0.5x"}],bU=function(e){var n=e.isVideoPaused,r=e.isVideoMuted,i=e.togglePlay,o=e.handleMute,a=e.handleFullScreen,s=e.duration,l=void 0===s?0:s,c=e.currentTime,u=void 0===c?0:c,f=e.handleVolumeControl,d=e.volumeRange,p=e.playerIconsColor,h=e.playerBackgroundColor,y=e.setPlayBack,m=e.isVisible,v=e.small,g=e.videoRef,x=e.scrub,b=sU(E.useState(!1),2),w=b[0],S=b[1],C=sU(E.useState(1),2),k=C[0],_=C[1],O=function(e){var t=Math.floor(e/60),n=t.toString(),r="".concat(Math.floor(e-60*t));return 1===n.length&&(n="0".concat(t)),1===r.length&&(r="0".concat(r)),"".concat(t,":").concat(r)},P=O(u),T=E.createRef(),I=100*d;return E.useEffect((function(){m||S(!1)}),[m]),(0,t.jsxs)(lU,aU({small:v},{children:[(0,t.jsx)(mV,{duration:l,currentTime:u,scrub:x,color:p,small:v}),(0,t.jsxs)(cU,{children:[(0,t.jsxs)(uU,{children:[(0,t.jsx)(dU,aU({small:v,onClick:i},{children:n?(0,t.jsx)(bV,{color:p,width:20,height:20}):(0,t.jsx)(EV,{color:p,width:20,height:20})})),!v&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(hU,{children:[(0,t.jsx)(yU,aU({small:v,onClick:o},{children:r?(0,t.jsx)(gV,{color:p}):(0,t.jsx)(rT,{style:{color:p,fontSize:20}})})),(0,t.jsx)(pU,{ref:T,"aria-label":"Volume Range",type:"range",min:"0",value:I.toString(),onChange:function(e){return f(e,T)},max:"100",step:"1",color:p,small:v})]}),(0,t.jsxs)(mU,aU({width:g.current&&g.current.clientWidth,color:p},{children:[P," / ",O(l)]}))]})]}),!v&&(0,t.jsxs)(fU,{children:[(0,t.jsx)(vU,aU({active:w,color:h,onClick:function(){S(!w)}},{children:(0,t.jsx)(TV,{color:p})})),w&&(0,t.jsxs)(gU,aU({width:g.current&&g.current.clientWidth},{children:[(0,t.jsx)("p",{children:"Playback Speed"}),xU.map((function(e){return(0,t.jsxs)("div",aU({onClick:function(){return t=e.value,y&&y(t),void _(t);var t}},{children:[(0,t.jsx)("span",{children:e.label})," ",k==e.value&&(0,t.jsx)(MV,{width:g.current&&g.current.clientWidth<500?"16px":"20px",height:g.current&&g.current.clientWidth<500?"16px":"20px"})]}),e.value)}))]})),(0,t.jsx)(vU,aU({onClick:a},{children:(0,t.jsx)(Zc,{style:{color:p,fontSize:20}})})),(0,t.jsx)(NV,{style:{marginLeft:4},height:17,fill:hi})]})]})]}))},wU=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},SU=function(){return SU=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},SU.apply(this,arguments)},CU=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},EU=tt.div(JV||(JV=wU(["\n box-sizing: border-box;\n overflow: overlay;\n display: flex;\n justify-content: center;\n padding-right: 0px;\n height: ",";\n width: ",";\n margin: ",";\n ","\n"],["\n box-sizing: border-box;\n overflow: overlay;\n display: flex;\n justify-content: center;\n padding-right: 0px;\n height: ",";\n width: ",";\n margin: ",";\n ","\n"])),(function(e){return e.height?e.height:"100%"}),(function(e){return e.width?e.width:""}),(function(e){return e.margin?e.margin:""}),(function(e){return e.disablePointerEvents&&Ne(XV||(XV=wU(["\n pointer-events: none;\n "],["\n pointer-events: none;\n "])))})),kU=tt.figure(eU||(eU=wU(["\n border-radius: 4px;\n ","\n margin: 0;\n position: relative;\n height: 100%;\n /* TODO - check if this is ok */\n max-width: 800px;\n overflow: hidden;\n\n ","\n"],["\n border-radius: 4px;\n ","\n margin: 0;\n position: relative;\n height: 100%;\n /* TODO - check if this is ok */\n max-width: 800px;\n overflow: hidden;\n\n ","\n"])),(function(e){return e.borderBottomRadius?"\n border-bottom-left-radius: ".concat(e.borderBottomRadius,";\n border-bottom-right-radius: ").concat(e.borderBottomRadius,";\n "):""}),(function(e){return e.preventWideSize?"width: auto;":"\n ".concat(pi.lg," {\n width: 720px;\n }\n ")})),_U=tt((function(e){var t=e.handle,n=e.onChange,r=e.children,i=e.className,o=[];return i&&o.push(i),o.push("fullscreen"),t.active&&o.push("fullscreen-enabled"),(0,E.useEffect)((function(){n&&n(t.active,t)}),[t.active]),k().createElement("div",{className:o.join(" "),ref:t.node,style:t.active?{height:"100%",width:"100%"}:void 0},r)}))(tU||(tU=wU(["\n width: 100%;\n position: relative;\n box-sizing: border-box;\n background-color: ",";\n"],["\n width: 100%;\n position: relative;\n box-sizing: border-box;\n background-color: ",";\n"])),(function(e){return e.backgroundColor?e.backgroundColor:""})),OU=tt.video(nU||(nU=wU(["\n border-radius: ",";\n position: relative;\n width: 100%;\n height: ",";\n object-fit: contain; /*object-fit: contain to fix the issue of vertical video SUS-687*/\n max-height: ",";\n"],["\n border-radius: ",";\n position: relative;\n width: 100%;\n height: ",";\n object-fit: contain; /*object-fit: contain to fix the issue of vertical video SUS-687*/\n max-height: ",";\n"])),(function(e){return e.borderBottomRadius||"4px"}),(function(e){return e.isFullScreen?"100%":e.height}),(function(e){return e.isFullScreen?"100%":"unset"})),PU=tt.div(rU||(rU=wU(["\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: ",";\n z-index: 4;\n"],["\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: ",";\n z-index: 4;\n"])),"rgba(255,255,255, .85)"),TU=tt.div(iU||(iU=wU(["\n transition: all 0.15s;\n position: absolute;\n opacity: ",";\n left: 0;\n right: 0;\n bottom: ",";\n background-color: ",";\n padding: ",";\n"],["\n transition: all 0.15s;\n position: absolute;\n opacity: ",";\n left: 0;\n right: 0;\n bottom: ",";\n background-color: ",";\n padding: ",";\n"])),(function(e){return e.isVisible?1:0}),(function(e){return e.isFullScreen?"0px":"7px"}),(function(e){return e.hex}),(function(e){return"".concat(e.small?"0px 2px 1px":"8px")})),IU=function(e){var n=e.videoSource,r=e.thumbnail,i=e.small,o=e.videoRef,a=e.autoplay,s=e.playlist,l=e.preventWideSize,c=e.hideContext,u=void 0!==c&&c,f=e.startWithControls,d=void 0===f||f,p=e.height,h=e.width,y=e.margin,m=e.disableControls,v=void 0!==m&&m,g=e.borderBottomRadius,x=e.FullscreenVideoWrapperBackgroundColor,b=e.setIsVideoLoading,w=e.setVideoDuration,S="rgba(28, 106, 207, 0.8)",C=hi,k=CU(E.useState(!0),2),_=k[0],O=k[1],P=CU(E.useState(!1),2),T=P[0],I=P[1],A=CU(E.useState(1),2),j=A[0],M=A[1],D=CU(E.useState(0),2),R=D[0],F=D[1],L=CU(E.useState(0),2),B=L[0],N=L[1],z=CU(E.useState(d),2),V=z[0],U=z[1],H=CU(E.useState(!1),2),G=H[0],W=H[1],q=CU(E.useState(0),2),$=q[0],Z=q[1],Y=Vl().userData,Q=ec(Y),K=E.useRef(V),X=E.useRef(0),J=CU(E.useState(0),2),ee=J[0],te=J[1],ne=E.createRef(),re=function(){var e=o.current;e&&(_?e.play():e.pause())},ie=function(){var e=(0,E.useState)(!1),t=e[0],n=e[1],r=(0,E.useRef)(null);(0,E.useEffect)((function(){var e=function(){n(lV.fullscreenElement===r.current)};return lV.addEventListener("fullscreenchange",e),function(){return lV.removeEventListener("fullscreenchange",e)}}),[]);var i=(0,E.useCallback)((function(){return lV.fullscreenElement?lV.exitFullscreen().then((function(){return lV.requestFullscreen(r.current)})):r.current?lV.requestFullscreen(r.current):void 0}),[]),o=(0,E.useCallback)((function(){return lV.fullscreenElement===r.current?lV.exitFullscreen():Promise.resolve()}),[]);return(0,E.useMemo)((function(){return{active:t,enter:i,exit:o,node:r}}),[t,i,o])}();E.useEffect((function(){setTimeout((function(){return window.dispatchEvent(new Event("resize"))}),200)}),[ie.active]),E.useEffect((function(){var e=o.current;if(e.textTracks.length&&e.textTracks[0]){for(var t=V?-4:-1,n=e.textTracks[0].cues,r=0;r<n.length;r++)n[r].line=t;e.textTracks[0].activeCues[0]&&(e.textTracks[0].activeCues[0].line=t)}}),[V]);var oe=function(){o.current&&isFinite(o.current.duration)&&(F(o.current.duration),w&&w(o.current.duration))},ae=function(){o.current&&o.current.networkState==HTMLMediaElement.NETWORK_NO_SOURCE&&!G&&(console.log("error loading mp4"),W(!0))},se=function(){W(!1),clearTimeout($),o.current&&o.current.duration===1/0&&(o.current.currentTime=1e101,o.current.ontimeupdate=function(){this.ontimeupdate=function(){},o.current&&(o.current.currentTime=0)})};E.useEffect((function(){b&&b(G),G&&te(ee+1)}),[G]),E.useEffect((function(){var e;if(ee>0&&G){clearTimeout($);var t=setTimeout(te,1e3*ee,ee+1);Z(t),null===(e=o.current)||void 0===e||e.load()}}),[ee]),E.useEffect((function(){return o.current&&(o.current.addEventListener("durationchange",oe,!0),o.current.addEventListener("loadedmetadata",se,!0),o.current.addEventListener("error",ae,!0),o.current.addEventListener("pause",(function(){return O(!0)}),!0),o.current.addEventListener("play",(function(){return O(!1)}),!0),ne&&ne.current&&(o.current.addEventListener("mouseenter",ce),o.current.addEventListener("mouseleave",le),ne.current.addEventListener("mouseenter",ce),ne.current.addEventListener("mouseleave",le))),function(){o.current&&(o.current.removeEventListener("durationchange",oe,!0),o.current.removeEventListener("loadedmetadata",se,!0),o.current.removeEventListener("error",ae,!0))}}),[o]);var le=function(){o.current&&(o.current.paused||(U(!1),K.current=!1))},ce=function(){v||(U(!0),K.current=!0)};E.useEffect((function(){s&&s.length>0&&(X.current=0,N(0),O(!0))}),[s]),E.useEffect((function(){var e=function(){if(o.current&&(N(o.current.currentTime),X&&s&&s[X.current]&&o.current.currentTime>=s[X.current].endTime)){var e=new Event("ended");o.current.dispatchEvent(e)}},t=function(){if(o.current&&s&&(X.current++,X.current<s.length&&s[X.current].videoSource)){o.current.poster=s[X.current].autogeneratedThumbnail;var e="",t=s[X.current].startTime,n=s[X.current].endTime;(t||n)&&(e="#t=".concat(t||0).concat(n?","+n:""));var r=(""+s[X.current].videoSource).split("#t=")[0]+e;o.current.src=r,o.current.play()}};return o.current&&o.current.addEventListener("timeupdate",e,!0),o.current&&o.current.addEventListener("ended",t,!0),o.current&&a&&(o.current.play(),O(!1)),function(){o.current&&(o.current.removeEventListener("timeupdate",e,!0),o.current.removeEventListener("ended",t,!0))}}),[o]);var ue=eV.hex.rgb(S)||[];return(0,t.jsx)(EU,SU({small:i,height:p,width:h,margin:y,disablePointerEvents:v},{children:(0,t.jsx)(kU,SU({small:i,preventWideSize:l,borderBottomRadius:g},{children:(0,t.jsxs)(_U,SU({handle:ie,backgroundColor:x},{children:[(0,t.jsx)(OU,SU({onContextMenu:function(e){u&&e.preventDefault()},poster:G?"":r,preload:"metadata",ref:o,onClick:re,isFullScreen:ie.active,height:p||"auto",borderBottomRadius:g},{children:(0,t.jsx)("source",{src:n,type:"video/mp4"},ee+X.current+n)}),n),G&&(0,t.jsx)(PU,{children:(0,t.jsx)(_o,{height:"100%",isLoading:G,text:"processing..."})}),!v&&(0,t.jsx)(TU,SU({ref:ne,r:ue[0],g:ue[1],b:ue[2],hex:S,small:i,isVisible:V,isFullScreen:ie.active},{children:(0,t.jsx)(bU,{isVideoPaused:_,togglePlay:re,isVideoMuted:T,handleMute:function(){var e=o.current;e&&(T?(M(1),I(!1),e.volume=1):(M(0),I(!0),e.volume=0))},handleFullScreen:function(){return ie.active?ie.exit():ie.enter()},setPlayBack:function(e){o.current.playbackRate=e},setTranslate:function(){},duration:R,currentTime:B,handleVolumeControl:function(e,t){var n=t.current&&t.current.offsetWidth,r=e.target.value;if(r>100&&(r=100),r<0&&(r=0),o.current&&n){var i=Number((r/n).toFixed(2));if(Math.floor(100*o.current.volume)==e.target.valueAsNumber)return;M(i),i<0&&(i=0,M(0)),i>1&&(M(1),i=1),0===i&&I(!0),1!==i&&I(!1),o.current.volume=i}},volumeRange:j,playerIconsColor:C,small:i,scrub:function(e,t){var n=t.current?t.current.offsetWidth:640;if(o.current){var r=e.nativeEvent.offsetX/n*o.current.duration;o.current.currentTime=r}},playerBackgroundColor:S,captionsEnabled:!1,captions:"",isVisible:V,videoRef:o,isAutomotive:Q})}))]}))}))}))},AU=function(){return AU=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},AU.apply(this,arguments)},jU=function(e,t){return void 0===t&&(t=!1),n=void 0,r=void 0,o=function(){var n,r,i,o,a,s,l,c;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(u){switch(u.label){case 0:return n={vin:e.vin||"",templateId:e.templateId||0,linksetId:e.linksetId||0,overlayId:e.overlayId||0,allowReactions:e.allowReactions||!1},t&&(n=AU(AU({},n),{useAutomotive:t})),[4,kn().get("".concat(b,"share/quickshare/").concat(e.videoId),{headers:S.bearerToken,params:n}).catch((function(e){return e}))];case 1:if((r=u.sent())instanceof Error)throw new Error("Error retrieving quick share link!");if(200!==(i=r.data).code)throw new Error("Error retrieving quick share link!");return o=i.data,a=o.url,s=o.html,l=o.thumbnail,c=o.key,[2,{url:a,html:s,thumbnail:l,key:c}]}}))},new((i=void 0)||(i=Promise))((function(e,t){function a(e){try{l(o.next(e))}catch(e){t(e)}}function s(e){try{l(o.throw(e))}catch(e){t(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,s)}l((o=o.apply(n,r||[])).next())}));var n,r,i,o},MU=__webpack_require__(2473),DU=__webpack_require__.n(MU),RU=Math.sqrt(50),FU=Math.sqrt(10),LU=Math.sqrt(2);function BU(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function NU(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?BU(Object(n),!0).forEach((function(t){HU(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):BU(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function zU(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function VU(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function UU(e,t,n){return t&&VU(e.prototype,t),n&&VU(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function HU(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function GU(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&qU(e,t)}function WU(e){return WU=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},WU(e)}function qU(e,t){return qU=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},qU(e,t)}function $U(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ZU(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=WU(e);if(t){var i=WU(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return $U(e)}(this,n)}}function YU(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o=[],a=!0,s=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(s)throw i}}return o}}(e,t)||KU(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function QU(e){return function(e){if(Array.isArray(e))return XU(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||KU(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function KU(e,t){if(e){if("string"==typeof e)return XU(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?XU(e,t):void 0}}function XU(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var JU="react-compound-slider:";function eH(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return function(t,n){return t.val>n.val?e?-1:1:n.val>t.val?e?1:-1:0}}function tH(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],i=e.findIndex((function(e){return e.key===t}));if(-1!==i){var o=e[i],a=o.key;return o.val===n?e:[].concat(QU(e.slice(0,i)),[{key:a,val:n}],QU(e.slice(i+1))).sort(eH(r))}return e}function nH(e,t){if(!e)return[0,0];var n=e.getBoundingClientRect();return[t?n.top:n.left,t?n.bottom:n.right]}function rH(e){var t=e.type,n=void 0===t?"":t,r=e.touches;return!r||r.length>1||"touchend"===n.toLowerCase()&&r.length>0}function iH(e,t){return e?t.touches[0].clientY:t.touches[0].pageX}function oH(){var e=arguments.length>1?arguments[1]:void 0,t=arguments.length>2?arguments[2]:void 0,n=arguments.length>3?arguments[3]:void 0,r=0,i=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).map((function(e){var i=t.getValue(e);return e!==i&&(r+=1,DU()(!n,"".concat(JU," Invalid value encountered. Changing ").concat(e," to ").concat(i,"."))),i})).map((function(e,t){return{key:"$$-".concat(t),val:e}})).sort(eH(e));return{handles:i,changes:r}}function aH(e,t,n,r,i){for(var o=-1,a=!0,s=0;s<e.length;s++){var l=e[s],c=t[s];if(!c||c.key!==l.key)return e;c.val!==l.val&&(o=s,a=c.val-l.val>0)}if(-1===o)return e;for(var u=a?n:-n,f=0;f<t.length;f++){var d=t[f],p=t[f+1];if(p&&d.val===p.val){if(f===o){var h=p.val+u;if(i(h)===h){var y=aH(t,tH(t,p.key,p.val+u,r),n,r,i);return y===t?e:y}return e}var m=d.val+u;if(i(m)===m){var v=aH(t,tH(t,d.key,d.val+u,r),n,r,i);return v===t?e:v}return e}}return t}function sH(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){return t.forEach((function(t){return t&&t(e)}))}}var lH=function(){return{value:0,percent:0}},cH=function(e){GU(n,e);var t=ZU(n);function n(){var e;zU(this,n);for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).getRailProps=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.props,r=n.emitMouse,i=n.emitTouch;return NU(NU({},t),{},{onMouseDown:sH(t&&t.onMouseDown,r),onTouchStart:sH(t&&t.onTouchStart,i)})},e}return UU(n,[{key:"render",value:function(){var e=this.getRailProps,t=this.props,n=t.getEventData,r=t.activeHandleID,i=void 0===r?"":r,o=(0,t.children)({getEventData:n||lH,activeHandleID:i,getRailProps:e});return o&&k().Children.only(o)}}]),n}(E.Component),uH=function(e){GU(n,e);var t=ZU(n);function n(){var e;zU(this,n);for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).autofocus=function(e){e.target instanceof HTMLElement&&e.target.focus()},e.getHandleProps=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=e.props,i=r.emitKeyboard,o=r.emitMouse,a=r.emitTouch;return NU(NU({},n),{},{onKeyDown:sH(n&&n.onKeyDown,(function(e){return i&&i(e,t)})),onMouseDown:sH(n&&n.onMouseDown,e.autofocus,(function(e){return o&&o(e,t)})),onTouchStart:sH(n&&n.onTouchStart,(function(e){return a&&a(e,t)}))})},e}return UU(n,[{key:"render",value:function(){var e=this.getHandleProps,t=this.props,n=t.activeHandleID,r=void 0===n?"":n,i=t.children,o=t.handles,a=i({handles:void 0===o?[]:o,activeHandleID:r,getHandleProps:e});return a&&k().Children.only(a)}}]),n}(E.Component),fH=function(){function e(){zU(this,e),this.interpolator=void 0,this.domain=[0,1],this.range=[0,1],this.domain=[0,1],this.range=[0,1],this.interpolator=null}return UU(e,[{key:"createInterpolator",value:function(e,t){var n=this,r=e[0],i=e[1],o=t[0],a=t[1];return i<r?function(e){return n.interpolateValue(a,o)(n.deinterpolateValue(i,r)(e))}:function(e){return n.interpolateValue(o,a)(n.deinterpolateValue(r,i)(e))}}},{key:"interpolateValue",value:function(e,t){return t-=e=+e,function(n){return e+t*n}}},{key:"deinterpolateValue",value:function(e,t){return(t-=e=+e)?function(n){return(n-e)/t}:function(){return t}}},{key:"rescale",value:function(){return this.interpolator=null,this}},{key:"getValue",value:function(e){var t=this.domain,n=this.range;return(this.interpolator||(this.interpolator=this.createInterpolator(t,n)))(+e)}},{key:"setDomain",value:function(e){return this.domain=[e[0],e[1]],this.rescale(),this}},{key:"getDomain",value:function(){return this.domain}},{key:"setRange",value:function(e){return this.range=[e[0],e[1]],this}},{key:"getRange",value:function(){return this.range}},{key:"getTicks",value:function(e){var t=this.domain;return function(e,t,n){var r,i,o,a,s=-1;if(n=+n,(e=+e)==(t=+t)&&n>0)return[e];if((r=t<e)&&(i=e,e=t,t=i),0===(a=function(e,t,n){var r=(t-e)/Math.max(0,n),i=Math.floor(Math.log(r)/Math.LN10),o=r/Math.pow(10,i);return i>=0?(o>=RU?10:o>=FU?5:o>=LU?2:1)*Math.pow(10,i):-Math.pow(10,-i)/(o>=RU?10:o>=FU?5:o>=LU?2:1)}(e,t,n))||!isFinite(a))return[];if(a>0){let n=Math.round(e/a),r=Math.round(t/a);for(n*a<e&&++n,r*a>t&&--r,o=new Array(i=r-n+1);++s<i;)o[s]=(n+s)*a}else{a=-a;let n=Math.round(e*a),r=Math.round(t*a);for(n/a<e&&++n,r/a>t&&--r,o=new Array(i=r-n+1);++s<i;)o[s]=(n+s)/a}return r&&o.reverse(),o}(t[0],t[t.length-1],e||10)}}]),e}(),dH=function(){return{value:0,percent:0}},pH=function(e){GU(n,e);var t=ZU(n);function n(){return zU(this,n),t.apply(this,arguments)}return UU(n,[{key:"render",value:function(){var e=this.props,t=e.children,n=e.values,r=e.scale,i=void 0===r?new fH:r,o=e.count,a=void 0===o?10:o,s=e.getEventData,l=void 0===s?dH:s,c=e.activeHandleID,u=t({getEventData:l,activeHandleID:void 0===c?"":c,ticks:(n||i.getTicks(a)).map((function(e){return{id:"$$-".concat(e),value:e,percent:i.getValue(e)}}))});return u&&k().Children.only(u)}}]),n}(E.Component),hH=function(){return{value:0,percent:0}},yH=function(e){GU(n,e);var t=ZU(n);function n(){var e;zU(this,n);for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).getTrackProps=function(t){var n=e.props,r=n.emitMouse,i=n.emitTouch;return NU(NU({},t||{}),{},{onMouseDown:sH(t&&t.onMouseDown,r),onTouchStart:sH(t&&t.onTouchStart,i)})},e}return UU(n,[{key:"render",value:function(){for(var e=this.getTrackProps,t=this.props,n=t.children,r=t.left,i=void 0===r||r,o=t.right,a=void 0===o||o,s=t.scale,l=void 0===s?new fH:s,c=t.handles,u=void 0===c?[]:c,f=t.getEventData,d=void 0===f?hH:f,p=t.activeHandleID,h=void 0===p?"":p,y=l.getDomain(),m=[],v=0;v<u.length+1;v++){var g=u[v-1],x=u[v];0===v&&!0===i?g={id:"$",value:y[0],percent:0}:v===u.length&&!0===a&&(x={id:"$",value:y[1],percent:100}),g&&x&&m.push({id:"".concat(g.id,"-").concat(x.id),source:g,target:x})}var b=n({getEventData:d,activeHandleID:h,tracks:m,getTrackProps:e});return b&&k().Children.only(b)}}]),n}(E.Component);function mH(e,t,n){return Math.min(Math.max(e,t),n)}var vH,gH,xH,bH,wH,SH,CH,EH=UU((function e(){var t=this;zU(this,e),this.step=1,this.domain=[0,1],this.range=[0,1],this.setDomain=function(e){return t.domain=[e[0],e[1]],t},this.setRange=function(e){return t.range=[e[0],e[1]],t},this.setStep=function(e){return t.step=e,t},this.getValue=function(e){var n=YU(t.domain,2),r=n[0],i=n[1],o=YU(t.range,2),a=o[0],s=o[1],l=t.step,c=(mH(e,r,i)-r)/(i-r);return mH(l*Math.round(c*(s-a)/l)+a,a<s?a:s,s>a?s:a)}})),kH="undefined"!=typeof window&&"undefined"!=typeof document,_H=function(){},OH=[0,100],PH=function(e){GU(n,e);var t=ZU(n);function n(){var e;zU(this,n);for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).state={step:.1,values:[],domain:OH,handles:[],reversed:!1,activeHandleID:"",valueToPerc:null,valueToStep:null,pixelToStep:null},e.slider=k().createRef(),e.onKeyDown=function(t,n){var r=["ArrowRight","ArrowUp"],i=["ArrowDown","ArrowLeft"],o=$U(e),a=o.state.handles,s=o.props,l=s.step,c=void 0===l?.1:l,u=s.reversed,f=void 0!==u&&u,d=s.vertical,p=void 0!==d&&d,h=s.domain,y=void 0===h?[0,100]:h,m=t.key||"".concat(t.keyCode);if(r.concat(i).includes(m)){if(p){var v=[i,r];r=v[0],i=v[1]}t.stopPropagation&&t.stopPropagation(),t.preventDefault&&t.preventDefault();var g=a.find((function(e){return e.key===n}));if(g){var x=g.val,b=x;r.includes(m)?b=function(e,t,n,r){var i=r?e-t:e+t;return r?Math.max(n[0],i):Math.min(n[1],i)}(x,c,y,f):i.includes(m)&&(b=function(e,t,n,r){var i=r?e+t:e-t;return r?Math.min(n[1],i):Math.max(n[0],i)}(x,c,y,f));var w=a.map((function(e){return e.key===n?{key:e.key,val:b}:e}));e.submitUpdate(w,!0)}}},e.onMouseDown=function(t,n){e.onStart(t,n,!1)},e.onTouchStart=function(t,n){rH(t)||e.onStart(t,n,!0)},e.getEventData=function(t,n){var r,i=$U(e),o=i.state,a=o.pixelToStep,s=o.valueToPerc,l=i.props.vertical;return a.setDomain(nH(e.slider.current,l)),n&&t instanceof TouchEvent?r=a.getValue(iH(l,t)):t instanceof MouseEvent&&(r=a.getValue(l?t.clientY:t.pageX)),{value:r,percent:s.getValue(r)}},e.onMouseMove=function(t){var n=$U(e),r=n.state,i=r.handles,o=r.pixelToStep,a=r.activeHandleID,s=void 0===a?"":a,l=n.props,c=l.vertical,u=l.reversed,f=void 0!==u&&u;o.setDomain(nH(e.slider.current,c));var d=tH(i,s,o.getValue(c?t.clientY:t.pageX),f);e.submitUpdate(d)},e.onTouchMove=function(t){var n=$U(e),r=n.state,i=r.handles,o=r.pixelToStep,a=r.activeHandleID,s=n.props,l=s.vertical,c=s.reversed;if(null!==o&&!rH(t)){o.setDomain(nH(e.slider.current,l));var u=tH(i,a,o.getValue(iH(l,t)),c);e.submitUpdate(u)}},e.onMouseUp=function(){var t=$U(e),n=t.state,r=n.handles,i=void 0===r?[]:r,o=n.activeHandleID,a=t.props,s=a.onChange,l=void 0===s?_H:s,c=a.onSlideEnd,u=void 0===c?_H:c;l(i.map((function(e){return e.val}))),u(i.map((function(e){return e.val})),{activeHandleID:o}),e.setState({activeHandleID:""}),kH&&(document.removeEventListener("mousemove",e.onMouseMove),document.removeEventListener("mouseup",e.onMouseUp))},e.onTouchEnd=function(){var t=$U(e),n=t.state,r=n.handles,i=n.activeHandleID,o=t.props,a=o.onChange,s=void 0===a?_H:a,l=o.onSlideEnd,c=void 0===l?_H:l;s(r.map((function(e){return e.val}))),c(r.map((function(e){return e.val})),{activeHandleID:i}),e.setState({activeHandleID:""}),kH&&(document.removeEventListener("touchmove",e.onTouchMove),document.removeEventListener("touchend",e.onTouchEnd))},e}return UU(n,[{key:"componentDidMount",value:function(){var e=this.state.pixelToStep,t=this.props.vertical;e.setDomain(nH(this.slider.current,t))}},{key:"componentWillUnmount",value:function(){this.removeListeners()}},{key:"removeListeners",value:function(){kH&&(document.removeEventListener("mousemove",this.onMouseMove),document.removeEventListener("mouseup",this.onMouseUp),document.removeEventListener("touchmove",this.onTouchMove),document.removeEventListener("touchend",this.onTouchEnd))}},{key:"onStart",value:function(e,t,n){var r=this.state.handles,i=this.props.onSlideStart,o=void 0===i?_H:i;n||e.preventDefault&&e.preventDefault(),e.stopPropagation&&e.stopPropagation(),r.find((function(e){return e.key===t}))?(this.setState({activeHandleID:t}),o(r.map((function(e){return e.val})),{activeHandleID:t}),n?this.addTouchEvents():this.addMouseEvents()):(this.setState({activeHandleID:""}),this.handleRailAndTrackClicks(e,n))}},{key:"handleRailAndTrackClicks",value:function(e,t){var n,r=this,i=this.state,o=i.handles,a=i.pixelToStep,s=this.props,l=s.vertical,c=s.reversed,u=void 0!==c&&c,f=this.slider;a.setDomain(nH(f.current,l)),n=t?a.getValue(iH(l,e)):a.getValue(l?e.clientY:e.pageX);for(var d="",p=1/0,h=0;h<o.length;h++){var y=o[h],m=y.key,v=y.val,g=Math.abs(v-n);g<p&&(d=m,p=g)}var x=tH(o,d,n,u);this.setState({activeHandleID:d},(function(){r.submitUpdate(x,!0),t?r.addTouchEvents():r.addMouseEvents()}))}},{key:"addMouseEvents",value:function(){kH&&(document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp))}},{key:"addTouchEvents",value:function(){kH&&(document.addEventListener("touchmove",this.onTouchMove),document.addEventListener("touchend",this.onTouchEnd))}},{key:"submitUpdate",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.props,r=n.mode,i=void 0===r?1:r,o=n.step,a=void 0===o?.1:o,s=n.onUpdate,l=void 0===s?_H:s,c=n.onChange,u=void 0===c?_H:c,f=n.reversed,d=void 0!==f&&f,p=this.state.valueToStep.getValue;this.setState((function(n){var r=n.handles,o=[];if("function"==typeof i)o=i(r,e,a,d,p),DU()(Array.isArray(o),"Custom mode function did not return an array.");else switch(i){case 1:o=function(e,t){return t}(0,e);break;case 2:o=function(e,t){for(var n=0;n<e.length;n++){if(e[n].key!==t[n].key)return e;if(t[n+1]&&t[n].val===t[n+1].val)return e}return t}(r,e);break;case 3:o=aH(r,e,a,d,p);break;default:o=e,DU()(!1,"".concat(JU," Invalid mode value."))}return l(o.map((function(e){return e.val}))),t&&u(o.map((function(e){return e.val}))),{handles:o}}))}},{key:"render",value:function(){var e=this,t=this.state,n=t.handles,r=t.valueToPerc,i=t.activeHandleID,o=this.props,a=o.className,s=o.rootStyle,l=void 0===s?{}:s,c=o.rootProps,u=void 0===c?{}:c,f=o.component,d=void 0===f?"div":f,p=o.disabled,h=void 0!==p&&p,y=o.flatten,m=void 0!==y&&y,v=n.map((function(e){var t=e.key,n=e.val;return{id:t,value:n,percent:r.getValue(n)}})),g=k().Children.map(this.props.children,(function(t){return!0===function(e){if(!(0,E.isValidElement)(e))return!1;var t=e.type,n=t?t.name:"";return n===uH.name||n===cH.name||n===pH.name||n===yH.name}(t)?k().cloneElement(t,{scale:r,handles:v,activeHandleID:i,getEventData:e.getEventData,emitKeyboard:h?_H:e.onKeyDown,emitMouse:h?_H:e.onMouseDown,emitTouch:h?_H:e.onTouchStart}):t}));return m?k().createElement(k().Fragment,null,k().createElement(d,NU(NU({},u),{},{style:l,className:a,ref:this.slider})),g):k().createElement(k().Fragment,null,k().createElement(d,NU(NU({},u),{},{style:l,className:a,ref:this.slider}),g))}}],[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.step,r=void 0===n?.1:n,i=e.values,o=e.domain,a=void 0===o?OH:o,s=e.reversed,l=void 0!==s&&s,c=e.onUpdate,u=void 0===c?_H:c,f=e.onChange,d=void 0===f?_H:f,p=e.warnOnChanges,h=void 0!==p&&p,y=t.valueToPerc,m=t.valueToStep,v=t.pixelToStep,g={};if(y&&m&&v||(y=new fH,m=new EH,v=new EH,g.valueToPerc=y,g.valueToStep=m,g.pixelToStep=v),t.domain===OH||null===t.step||null===t.domain||null===t.reversed||r!==t.step||a[0]!==t.domain[0]||a[1]!==t.domain[1]||l!==t.reversed){var x=YU(a,2),b=x[0],w=x[1];m.setStep(r).setRange([b,w]).setDomain([b,w]),!0===l?(y.setDomain([b,w]).setRange([100,0]),v.setStep(r).setRange([w,b])):(y.setDomain([b,w]).setRange([0,100]),v.setStep(r).setRange([b,w])),DU()(w>b,"".concat(JU," Max must be greater than min (even if reversed). Max is ").concat(w,". Min is ").concat(b,"."));var S=oH(i||t.values,l,m,h),C=S.handles;(S.changes||void 0===i||i===t.values)&&(u(C.map((function(e){return e.val}))),d(C.map((function(e){return e.val})))),g.step=r,g.values=i,g.domain=a===OH?QU(a):a,g.handles=C,g.reversed=l}else if(!function(e,t){return e===t||e.length===t.length&&e.reduce(function(e){return function(t,n,r){return t&&e[r]===n}}(t),!0)}(i,t.values)){var E=oH(i,l,m,h),k=E.handles;E.changes&&(u(k.map((function(e){return e.val}))),d(k.map((function(e){return e.val})))),g.values=i,g.handles=k}return Object.keys(g).length?g:null}}]),n}(E.PureComponent),TH=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},IH=tt.video(vH||(vH=TH(["\n height: auto;\n width: ",";\n object-fit: cover;\n object-position: center;\n &:nth-child(1) {\n border-radius: 6px 0 0 6px;\n }\n &:nth-child(",") {\n border-radius: 0 6px 6px 0;\n }\n"],["\n height: auto;\n width: ",";\n object-fit: cover;\n object-position: center;\n &:nth-child(1) {\n border-radius: 6px 0 0 6px;\n }\n &:nth-child(",") {\n border-radius: 0 6px 6px 0;\n }\n"])),(function(e){return e.width}),(function(e){return e.numberOfStills})),AH=tt.div(gH||(gH=TH(["\n position: absolute;\n left: 0;\n right: 0;\n height: 48px;\n overflow: hidden;\n display: flex;\n flex-wrap: nowrap;\n"],["\n position: absolute;\n left: 0;\n right: 0;\n height: 48px;\n overflow: hidden;\n display: flex;\n flex-wrap: nowrap;\n"]))),jH=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},MH=function(){return MH=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},MH.apply(this,arguments)},DH=tt.div(xH||(xH=jH(["\n position: absolute;\n width: 100%;\n height: 48px;\n cursor: pointer;\n"],["\n position: absolute;\n width: 100%;\n height: 48px;\n cursor: pointer;\n"]))),RH=tt.div(bH||(bH=jH(["\n position: absolute;\n width: 100%;\n height: 48px;\n pointer-events: none;\n background-color: rgba(0, 27, 83, 0.15);\n border-radius: 6px;\n"],["\n position: absolute;\n width: 100%;\n height: 48px;\n pointer-events: none;\n background-color: rgba(0, 27, 83, 0.15);\n border-radius: 6px;\n"]))),FH=function(e){var n=e.getRailProps;return(0,t.jsxs)(E.Fragment,{children:[(0,t.jsx)(DH,MH({},n())),(0,t.jsx)(RH,{})]})},LH=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},BH=function(){return BH=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},BH.apply(this,arguments)},NH=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},zH=tt.div(wH||(wH=LH(["\n left: ",";\n position: absolute;\n transform: ",";\n z-index: 400;\n width: 24px;\n height: 48px;\n cursor: pointer;\n"],["\n left: ",";\n position: absolute;\n transform: ",";\n z-index: 400;\n width: 24px;\n height: 48px;\n cursor: pointer;\n"])),(function(e){return e.percent}),(function(e){return e.transform})),VH=tt.div(SH||(SH=LH(["\n left: ",";\n background-color: ",";\n position: absolute;\n transform: ",";\n z-index: 2;\n width: 24px;\n height: 48px;\n border-radius: ",";\n &:before {\n content: '';\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 4px;\n height: 12px;\n background: ",";\n border-radius: 4px;\n }\n"],["\n left: ",";\n background-color: ",";\n position: absolute;\n transform: ",";\n z-index: 2;\n width: 24px;\n height: 48px;\n border-radius: ",";\n &:before {\n content: '';\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 4px;\n height: 12px;\n background: ",";\n border-radius: 4px;\n }\n"])),(function(e){return e.percent}),(function(e){return e.isDisabled?"#666":Ai}),(function(e){return e.transform}),(function(e){return e.borderRadius}),hi),UH=function(e){var n=NH(e.domain,2),r=n[0],i=n[1],o=e.handle,a=o.id,s=o.value,l=o.percent,c=e.showFloatingPreview,u=void 0===c||c,f=e.isActive,d=e.disabled,p=e.getHandleProps,h=e.videoRef,y=e.changeVideoPosition,m=void 0===y||y,v=e.nChild,g=NH(k().useState(!1),2),x=g[0],b=g[1],w=k().createRef();k().useEffect((function(){f&&(u&&(w.current.currentTime=s||0),m&&(h.current.currentTime=s||0))}),[s,w,m,h]);var S=St(s).split(".")[0],C=St(s).split(".")[1];return(0,t.jsxs)(E.Fragment,{children:[u&&(0,t.jsxs)(t.Fragment,{children:[!x&&!f||d?null:(0,t.jsxs)("div",BH({style:{left:"".concat(l,"%"),position:"absolute",marginLeft:"-15px",marginTop:"52px",zIndex:1}},{children:[(0,t.jsx)("div",{style:{width:0,height:0,marginLeft:21,borderLeft:"6px solid transparent",borderRight:"6px solid transparent",borderBottom:"6px solid "}}),(0,t.jsxs)("div",BH({style:{width:"auto",padding:4,fontSize:12,fontWeight:500,letterSpacing:.34,backgroundColor:Ai,color:"#fff",textAlign:"center",position:"fixed",zIndex:99999}},{children:[S,(0,t.jsx)("span",BH({style:{fontSize:9,fontWeight:400,letterSpacing:.34,color:"#fff",opacity:.7}},{children:"."+C}))]}))]})),(0,t.jsx)("div",BH({style:{left:"".concat(l,"%"),position:"absolute",marginLeft:"-38px",marginTop:"-92px",zIndex:3,visibility:!x&&!f||d?"hidden":"visible"}},{children:(0,t.jsx)("div",BH({style:{width:141,height:80,border:"solid 2px ".concat(Ai),backgroundColor:Gi,display:"flex",justifyContent:"center"}},{children:(0,t.jsx)("video",{ref:w,height:"100%",src:e.videoSource},"previewvideoRef")}))}))]}),(0,t.jsx)(zH,BH({percent:"".concat(l,"%")},p(a),{onMouseEnter:function(){b(!0)},onMouseLeave:function(){b(!1)},transform:0===v?"translate(0px,0%)":"translate(-15px,0%)"})),(0,t.jsx)(VH,{role:"slider","aria-valuemin":r,"aria-valuemax":i,"aria-valuenow":s,percent:"".concat(l,"%"),borderRadius:0===v?"5px 0px 0px 5px;":"0px 5px 5px 0px",isDisabled:d,transform:0===v?"translate(0px,0%)":"translate(-15px,0%)"})]})},HH=function(){return HH=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},HH.apply(this,arguments)},GH=function(e){var n=e.source,r=e.target,i=e.getTrackProps,o=e.disabled;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",HH({style:{position:"absolute",height:48,zIndex:1,backgroundColor:o?"#999":"rgba(0,0,0,.7)",cursor:"pointer",left:"0",width:"".concat(n.percent+1,"%"),borderRadius:"6px 0 0 6px"}},i())),(0,t.jsx)("div",HH({style:{position:"absolute",height:48,zIndex:1,backgroundColor:o?"#999":"transparent",cursor:"pointer",left:"".concat(n.percent,"%"),width:"".concat(r.percent-n.percent,"%"),borderRadius:6}},i())),(0,t.jsx)("div",HH({style:{position:"absolute",height:48,zIndex:1,backgroundColor:o?"#999":"rgba(0,0,0,.7)",cursor:"pointer",left:"".concat(r.percent,"%"),width:"".concat(100-r.percent,"%"),borderRadius:"0 6px 6px 0"}},i()))]})},WH=function(){return WH=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},WH.apply(this,arguments)},qH=function(e){var n=e.tick,r=e.count;return(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{style:{position:"absolute",width:2,height:48,opacity:.4,backgroundColor:mi,left:"".concat(n.percent,"%"),zIndex:1}}),(0,t.jsx)("div",WH({style:{position:"absolute",marginTop:52,fontSize:10,textAlign:"center",marginLeft:"".concat(-100/r/2,"%"),width:"".concat(100/r,"%"),left:"".concat(n.percent,"%")}},{children:St(n.value).split(".")[0]}))]})},$H=function(){return $H=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},$H.apply(this,arguments)},ZH=tt.div(CH||(CH=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n position: relative;\n width: ",";\n height: 48px;\n"],["\n position: relative;\n width: ",";\n height: 48px;\n"])),(function(e){return e.width})),YH={position:"relative",width:"100%",backgroundColor:"rgba(0, 27, 83, 0.4)"},QH=E.memo((function(e){for(var n=e.videoSource,r=e.videoDuration,i=e.numberOfStills,o=[],a=100/i,s=0;s<i;s++)o.push(k().createRef());return(0,E.useEffect)((function(){o.forEach((function(e,t){e.current&&(e.current.currentTime=r*(t/i))}))}),[o]),(0,t.jsx)(AH,{children:o.map((function(e,r){return(0,t.jsx)(IH,{ref:e,src:n,width:"".concat(a,"%"),numberOfStills:i},"previewvideoRef-".concat(r))}))})})),KH=function(e){var n=e.videoDuration,r=e.videoSource,i=e.setTrimDuration,o=void 0===i?function(){}:i,a=e.setStart,s=void 0===a?function(){}:a,l=e.value,c=e.setValue,u=e.addHistory,f=void 0===u?function(){}:u,d=e.onSlideEnd,p=void 0===d?function(){}:d,h=e.valueRef,y=e.videoRef,m=e.showTickTime,v=void 0===m||m,g=e.changeVideoPosition,x=void 0===g||g,b=e.showFloatingPreview,w=void 0===b||b,S=e.width,C=[0,n];E.useEffect((function(){var e=[0,n||0];l[1]||c(e)}),[n]),E.useEffect((function(){return y&&y.current&&(y.current.addEventListener("play",(function(e){return _(e)})),y.current.addEventListener("timeupdate",(function(e){return k(e)}))),function(){y&&y.current&&(y.current.removeEventListener("play",(function(e){return _(e)})),y.current.removeEventListener("timeupdate",(function(e){return k(e)})))}}),[y]);var k=function(e){var t=e.target;t.currentTime>h.current[1]&&0!=h.current[1]&&t.pause()},_=function(e){var t=e.target;(t.currentTime>=h.current[1]||t.currentTime<h.current[0])&&(t.currentTime=h.current[0])},O=E.useMemo((function(){return n}),[n]);return(0,t.jsx)(ZH,$H({width:S},{children:(0,t.jsxs)(PH,$H({rootStyle:YH,mode:1,step:1e-7,domain:C,reversed:!1,onChange:function(e){if(!isNaN(e[0])&&!isNaN(e[1])){var t=e.slice();f(t),c(t),h.current=t}},onUpdate:function(e){o(e[1]-e[0]),s(e[0])},values:l,onSlideEnd:function(e){p(e)}},{children:[(0,t.jsx)(QH,{numberOfStills:14,videoSource:r,videoDuration:O}),(0,t.jsx)(cH,{children:function(e){return(0,t.jsx)(FH,$H({},e))}}),(0,t.jsx)(uH,{children:function(e){var n=e.handles,i=e.activeHandleID,o=e.getHandleProps;return(0,t.jsx)("div",$H({className:"slider-handles"},{children:n.map((function(e,n){return(0,t.jsx)(UH,{showFloatingPreview:w,nChild:n,handle:e,domain:C,isActive:e.id===i,getHandleProps:o,videoSource:r,videoRef:y,changeVideoPosition:x},e.id)}))}))}}),(0,t.jsx)(yH,$H({left:!1,right:!1},{children:function(e){var n=e.tracks,r=e.getTrackProps;return(0,t.jsx)("div",$H({className:"slider-tracks"},{children:n.map((function(e){var n=e.id,i=e.source,o=e.target;return(0,t.jsx)(GH,{source:i,target:o,getTrackProps:r},n)}))}))}})),v&&(0,t.jsx)(pH,$H({count:10},{children:function(e){var n=e.ticks;return(0,t.jsx)("div",$H({className:"slider-ticks"},{children:n.map((function(e){return(0,t.jsx)(qH,{tick:e,count:n.length},e.id)}))}))}}))]}))}))},XH=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},JH=function(){return JH=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},JH.apply(this,arguments)},eG=tt.div(rG||(rG=XH(["\n margin-top: 8px;\n font-weight: 400;\n color: ",";\n\n span {\n text-decoration: underline;\n cursor: pointer;\n }\n"],["\n margin-top: 8px;\n font-weight: 400;\n color: ",";\n\n span {\n text-decoration: underline;\n cursor: pointer;\n }\n"])),"rgba(78, 84, 97, 1)"),tG=tt(KH)(iG||(iG=XH(["\n height: 48px;\n width: 100%;\n background-color: ",";\n"],["\n height: 48px;\n width: 100%;\n background-color: ",";\n"])),ki);const nG=function(e){var n=e.videoRef,r=e.videoDuration,i=e.videoSource,o=e.setValue,a=e.value,s=e.isVideoTrimmed,l=e.valueRef,c=e.isVideoLoading,u=void 0===c||c;return(0,t.jsxs)(t.Fragment,{children:[u?(0,t.jsx)(tG,{width:"100%",videoRef:null,videoDuration:0,videoSource:"",setValue:o,value:[0,0],valueRef:l,showTickTime:!1,showFloatingPreview:!1}):(0,t.jsx)(KH,{width:"100%",videoRef:n,videoDuration:r,videoSource:i,setValue:o,value:a,valueRef:l,showTickTime:!1,showFloatingPreview:!1}),s&&(0,t.jsxs)(eG,{children:["Trimmed.",(0,t.jsx)("span",JH({style:{marginLeft:8},onClick:function(){o([0,r]),l.current&&(l.current=[0,r]),n.current&&(n.current.currentTime=0)}},{children:"Revert to Original"}))]})]})};var rG,iG,oG,aG,sG,lG,cG,uG,fG,dG,pG,hG,yG,mG,vG=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},gG=function(){return gG=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},gG.apply(this,arguments)},xG=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},bG=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},wG=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},SG=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},CG=tt.div(oG||(oG=vG(["\n background: ",";\n"],["\n background: ",";\n"])),ki),EG=tt.div(aG||(aG=vG(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"])),Ei),kG=tt.div(sG||(sG=vG(["\n display: flex;\n box-sizing: border-box;\n justify-content: center;\n align-items: flex-start;\n flex-wrap: wrap;\n gap: 16px;\n"],["\n display: flex;\n box-sizing: border-box;\n justify-content: center;\n align-items: flex-start;\n flex-wrap: wrap;\n gap: 16px;\n"]))),_G=tt.div(cG||(cG=vG(["\n box-sizing: border-box;\n width: 100%;\n ","\n"],["\n box-sizing: border-box;\n width: 100%;\n ","\n"])),(function(e){return e.theme.containerWidth>=oi&&Ne(lG||(lG=vG(["\n width: calc(50% - 8px);\n "],["\n width: calc(50% - 8px);\n "])))})),OG=tt.div(fG||(fG=vG(["\n box-sizing: border-box;\n width: 100%;\n margin-top: 16px;\n ","\n"],["\n box-sizing: border-box;\n width: 100%;\n margin-top: 16px;\n ","\n"])),(function(e){return e.theme.containerWidth>=oi&&Ne(uG||(uG=vG(["\n margin-top: 0;\n width: calc(50% - 8px);\n "],["\n margin-top: 0;\n width: calc(50% - 8px);\n "])))})),PG=tt.div(dG||(dG=vG(["\n margin-bottom: 24px;\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n .fullscreen {\n height: auto;\n }\n"],["\n margin-bottom: 24px;\n background: ",";\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n .fullscreen {\n height: auto;\n }\n"])),hi),TG=tt.div(pG||(pG=vG(["\n background-color: ",";\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n border-radius: 6px;\n"],["\n background-color: ",";\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n border-radius: 6px;\n"])),hi),IG=tt.div(hG||(hG=vG(["\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n background-color: ",";\n width: ",";\n border-radius: 6px;\n word-break: break-word;\n"],["\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n background-color: ",";\n width: ",";\n border-radius: 6px;\n word-break: break-word;\n"])),Ii,(function(e){return e.backgroundColor||"transparent"}),(function(e){return e.width||"auto"})),AG=tt.div(yG||(yG=vG(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n display: flex;\n align-items: center;\n background-color: ",";\n width: ",";\n border-radius: 6px;\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n display: flex;\n align-items: center;\n background-color: ",";\n width: ",";\n border-radius: 6px;\n"])),Ti,(function(e){return e.backgroundColor||"transparent"}),(function(e){return e.width||"auto"})),jG="pending",MG=[{label:"Enable video reactions & comments",value:"enableReactions"}],DG=function(){var e=Mt().showInsertFeature,n=Mt(),r=n.onVideoInsert,i=n.onVideoInsertError,o=n.showTrimFeature,a=n.showCTAFeature,s=n.showLandingPageFeature,l=n.showReactionsFeature,c=ef().toast,u=Vl().userData,f=ec(u),d=tc(u),p=nc(u),h=function(e){var t;return!(!(null===(t=e.customer)||void 0===t?void 0:t.reactionsPreference)||"0"===e.customer.reactionsPreference.toString())}(u),y=function(e){var t;return!!(e.reactionsPreference&&"1"===e.reactionsPreference.toString()||null===e.reactionsPreference&&(null===(t=e.customer)||void 0===t?void 0:t.reactionsPreference)&&"1"===e.customer.reactionsPreference.toString())}(u),m=pn().videoId,v=dn(),g=wG((0,E.useState)([]),2),x=g[0],w=g[1],C=wG((0,E.useState)(!1),2),k=C[0],_=C[1],O=wG((0,E.useState)(!1),2),P=O[0],T=O[1],I=wG((0,E.useState)([]),2),A=I[0],j=I[1],M=wG((0,E.useState)(!1),2),D=M[0],R=M[1],F=wG((0,E.useState)(!0),2),L=F[0],B=F[1],N=wG((0,E.useState)(!1),2),z=N[0],V=N[1],U=wG((0,E.useState)({}),2),H=U[0],G=U[1],W=wG((0,E.useState)({videoId:m,templateId:0,linksetId:"",overlayId:"",vin:""}),2),q=W[0],$=W[1],Z=wG((0,E.useState)(MG),2),Y=Z[0],Q=Z[1],K=wG((0,E.useState)(jG),2),X=K[0],J=K[1],ee=wG((0,E.useState)(!f||d),2),te=ee[0],ne=ee[1],re=wG((0,E.useState)([]),2),ie=re[0],oe=re[1],ae=wG((0,E.useState)([]),2),se=ae[0],le=ae[1],ce=wG((0,E.useState)(0),2),ue=ce[0],fe=ce[1],de={id:0,title:"".concat(d?"Service":"Sales"," page")},pe=wG((0,E.useState)([]),2),he=pe[0],ye=pe[1],me=wG((0,E.useState)(!1),2),ve=me[0],ge=me[1],xe=wG((0,E.useState)(!1),2),be=xe[0],we=xe[1],Se=wG((0,E.useState)(!1),2),Ce=Se[0],Ee=Se[1],ke=wG((0,E.useState)(!0),2),_e=ke[0],Oe=ke[1],Pe=function(e){i?i(e):console.log("onVideoInsert function not defined. Error: ".concat(e))},Te=wG((0,E.useState)([0,0]),2),Ie=Te[0],Ae=Te[1],je=wG((0,E.useState)(0),2),Me=je[0],De=je[1],Re=(0,E.useRef)([0,0]),Fe=function(){return xG(void 0,void 0,void 0,(function(){var e,t,n;return bG(this,(function(r){switch(r.label){case 0:return T(!0),[4,(i={start:0,limit:100,search:""},Qn(void 0,void 0,void 0,(function(){var e,t;return Kn(this,(function(n){switch(n.label){case 0:return e=S.bearerToken,[4,Tn({url:"/templates",baseURL:b,method:Xn,params:i,headers:e}).catch((function(e){return e}))];case 1:if((t=n.sent())instanceof Error)throw t;return[2,t]}}))}))).catch((function(e){return e}))];case 1:return(e=r.sent())instanceof Error||(t=e.templates,(n=null==e?void 0:e.default)?(fe(parseInt(n.id)),$((function(e){return gG(gG({},e),{templateId:parseInt(n.id)})})),t.find((function(e){return e.id===n.id}))||(t=SG([n],wG(t),!1))):$((function(e){return gG(gG({},e),{templateId:0})})),(0,ku.keyBy)(t,"id")[-1]||t.push({id:-1,title:"Website Overlay",thumbnailURL:"https://www.covideo.com/SampleTemplates/WebsiteOverlay_small.jpg",typeId:18}),T(!1),oe(t),le(t)),[2]}var i}))}))},Le=function(){return xG(void 0,void 0,void 0,(function(){var e,t;return bG(this,(function(n){switch(n.label){case 0:return R(!0),[4,(r={start:0,limit:100,search:""},Qn(void 0,void 0,void 0,(function(){var e,t;return Kn(this,(function(n){switch(n.label){case 0:return e=S.bearerToken,[4,Tn({url:"/overlays",baseURL:b,method:Xn,params:r,headers:e}).catch((function(e){return e}))];case 1:if((t=n.sent())instanceof Error)throw t;return[2,t]}}))}))).catch((function(e){return e}))];case 1:return(e=n.sent())instanceof Error||(t=e.websiteUrls,R(!1),j(t)),[2]}var r}))}))},Be=function(){return xG(void 0,void 0,void 0,(function(){return bG(this,(function(e){switch(e.label){case 0:return[4,sr({videoRequestId:null==H?void 0:H.videoRequest.videoRequestId})];case 1:return e.sent(),c({message:"Video marked as Sent"}),Ee(!1),[2]}}))}))},Ne=function(){return xG(void 0,void 0,void 0,(function(){var e,t,n,i,o,a,s,l;return bG(this,(function(u){switch(u.label){case 0:return e=p&&0===q.templateId,t=!!he.some((function(e){return"enableReactions"===e.value})),n=m,be?[4,xG(void 0,void 0,void 0,(function(){return bG(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,Zn(m,{duration:Ie[1],start:Ie[0],title:H.title})];case 1:return[2,e.sent()];case 2:return e.sent(),c({message:"Something went wrong while trimming the video, try again later!"}),[3,3];case 3:return[2]}}))}))]:[3,2];case 1:(i=u.sent())&&(n=i.id),u.label=2;case 2:return u.trys.push([2,4,,5]),o={videoId:n,vin:X!==jG?X:"",templateId:q.templateId||0,linksetId:q.linksetId||0,overlayId:q.overlayId||0,allowReactions:t},[4,jU(o,e)];case 3:return f={url:(a=u.sent()).url,html:a.html,thumbnail:(null===(d=a.thumbnail,l=d.match(/https?:\/\/[^\s'"]+/g)||[])||void 0===l?void 0:l[0])||""},r?r(f):Pe("onVideoInsert function not defined."),[3,5];case 4:return s=u.sent(),ge(!1),c({message:"There was an error while getting share details."}),Pe(s),[3,5];case 5:return ge(!1),[2]}var f,d}))}))};(0,E.useEffect)((function(){xG(void 0,void 0,void 0,(function(){var e;return bG(this,(function(t){switch(t.label){case 0:return B(!0),[4,Wn(m)];case 1:return(e=t.sent())&&G(e),B(!1),[2]}}))})),f&&xG(void 0,void 0,void 0,(function(){var e;return bG(this,(function(t){switch(t.label){case 0:return B(!0),[4,(n=m,tr(void 0,void 0,void 0,(function(){var e,t,r;return nr(this,(function(i){switch(i.label){case 0:return e=S.bearerToken,t={url:"/video-requests/".concat(n,"/get-by-videoid"),baseURL:b,method:rr,headers:e},[4,Tn(t).catch((function(e){return e}))];case 1:if((r=i.sent())instanceof Error)throw r;return[2,r]}}))})))];case 1:return(e=t.sent())&&J(e.vin||""),B(!1),[2]}var n}))})),xG(void 0,void 0,void 0,(function(){var e,t;return bG(this,(function(n){switch(n.label){case 0:return _(!0),[4,(r={start:0,limit:100,search:""},Qn(void 0,void 0,void 0,(function(){var e,t,n,i,o,a,s,l;return Kn(this,(function(c){switch(c.label){case 0:return t=void 0===(e=r.search)?"":e,i=void 0===(n=r.start)?0:n,a=void 0===(o=r.limit)?0:o,s=S.bearerToken,[4,Tn({url:"/exitlinksets",baseURL:b,method:Xn,headers:s,params:{search:t,start:i,limit:a}}).catch((function(e){return e}))];case 1:if((l=c.sent())instanceof Error)throw l;return[2,l]}}))}))).catch((function(e){return e}))];case 1:return(e=n.sent())instanceof Error||(t=e.linksets,_(!1),w(t)),[2]}var r}))})),te&&(Fe(),Le()),h?y&&ye((function(e){return SG(SG([],wG(e),!1),wG(Y.filter((function(e){return"enableReactions"===e.value}))),!1)})):Q((function(e){return e.filter((function(e){return"enableReactions"!==e.value}))}))}),[]),(0,E.useEffect)((function(){Ae([0,Me])}),[Me]),(0,E.useEffect)((function(){if(X!==jG){if(X||(ne(!1),$((function(e){return gG(gG({},e),{vin:""})}))),!X&&!ie.length)return Fe(),void Le();if(!X&&ie.length)return le(ie),void $((function(e){return gG(gG({},e),{templateId:ue})}));le([de]),$((function(e){return gG(gG({},e),{templateId:0})}))}}),[X]),(0,E.useEffect)((function(){!te||q.templateId||P||ie.length>0&&$((function(e){return gG(gG({},e),{templateId:ie[0].id})}))}),[q,ie,P]),(0,E.useEffect)((function(){""!==q.overlayId||D||A.length>0&&$((function(e){return gG(gG({},e),{overlayId:A[0].id})}))}),[q,A,D]),(0,E.useEffect)((function(){""!==q.linksetId||k||x.forEach((function(e){e.defaultLinks&&$((function(t){return gG(gG({},t),{linksetId:e.id})}))}))}),[q,x,k]),(0,E.useEffect)((function(){var e=kt({trimStart:Ie[0],trimEnd:Ie[1],videoDuration:Me});return we(e),function(){we(!1)}}),[Ie,Me]);var ze=(0,E.createRef)();if(L)return(0,t.jsx)(_o,{isLoading:L});var Ve=P||k||D||ve||-1===q.templateId&&!q.overlayId;return(0,t.jsxs)(CG,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return v.push("/")}}),center:(0,t.jsx)(EG,{children:"Insert Video"}),right:e&&(0,t.jsx)(vo,{onClick:function(){return xG(void 0,void 0,void 0,(function(){var e;return bG(this,(function(t){switch(t.label){case 0:return ge(!0),(e=null===u.customer.markVideosAsSent?If:parseInt(u.customer.markVideosAsSent.toString(),10))!==Af&&f?(e===If&&Ee(!0),e!==jf?[3,2]:[4,Be()]):(Ne(),[2]);case 1:t.sent(),Ne(),t.label=2;case 2:return[2]}}))}))},text:"Insert",textColor:hi,backgroundColor:Ai,borderColor:Mi,fontSize:"15px",disabled:Ve,icon:ve?(0,t.jsx)(bo,{size:12,color:hi}):(0,t.jsx)(iT,{size:18,color:hi})})}),(0,t.jsx)(co,{children:(0,t.jsxs)(kG,{children:[(0,t.jsxs)(_G,{children:[(0,t.jsxs)(PG,{children:[(0,t.jsx)(IU,{videoId:m,videoRef:ze,autoplay:!1,height:"247px",FullscreenVideoWrapperBackgroundColor:ji,borderBottomRadius:"0px",videoSource:H.videoSource||"",playerBackgroundColor:H.playerBackgroundColor||"",setVideoDuration:De,setIsVideoLoading:Oe}),(0,t.jsxs)(TG,{children:[(0,t.jsx)(IG,{children:H.title}),(0,t.jsxs)(AG,{children:[(0,t.jsx)(sT,{size:16,color:Oi,style:{marginRight:6}}),H.recordDate]})]})]}),o&&(0,t.jsx)(nG,{isVideoTrimmed:be,setValue:Ae,value:Ie,videoDuration:Me,videoRef:ze,videoSource:(null==H?void 0:H.videoSource)||"",valueRef:Re,isVideoLoading:_e})]}),(s||a||l)&&(0,t.jsxs)(OG,{children:[(0,t.jsx)(Tz,{insertVideoData:q,setInsertVideoData:$,overlaysData:A,templatesData:se,linksetsData:x,templatesLoading:P,linksetsLoading:k,overlaysLoading:D,checkboxes:Y,selectedCheckboxes:he,setSelectedCheckboxes:ye}),p&&(0,t.jsx)(Jz,{onChangeVehicle:function(e){J((null==e?void 0:e.vin)||""),V(!1)},selectedVin:X,fetchSold:!1,addingVehicle:z,handleChangeVehicleButtonPress:function(){J(""),V(!0)},handleRemoveVehicleButtonPress:function(){return J("")},setAddingVehicle:V})]})]})}),Ce&&(0,t.jsx)(Tf,{handleModalClose:function(){return xG(void 0,void 0,void 0,(function(){return bG(this,(function(e){return Ee(!1),Ne(),[2]}))}))},handleSubmit:function(){return xG(void 0,void 0,void 0,(function(){return bG(this,(function(e){switch(e.label){case 0:return[4,Be()];case 1:return e.sent(),Ne(),[2]}}))}))}})]})};function RG(){return RG=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},RG.apply(this,arguments)}const FG=tt((function(e){return E.createElement("svg",RG({xmlns:"http://www.w3.org/2000/svg",width:73,height:72,viewBox:"0 0 73 72"},e),mG||(mG=E.createElement("g",{fill:"#4E5461"},E.createElement("path",{id:"h3dd7yfnea",d:"M60 54c3.3 0 5.97-2.7 5.97-6L66 18c0-3.3-2.7-6-6-6H12c-3.3 0-6 2.7-6 6v30c0 3.3 2.7 6 6 6H3c-1.65 0-3 1.35-3 3s1.35 3 3 3h66c1.65 0 3-1.35 3-3s-1.35-3-3-3h-9zM15 18h42c1.65 0 3 1.35 3 3v24c0 1.65-1.35 3-3 3H15c-1.65 0-3-1.35-3-3V21c0-1.65 1.35-3 3-3z"}))))}))(LG||(LG=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var LG,BG;function NG(){return NG=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},NG.apply(this,arguments)}const zG=tt((function(e){return E.createElement("svg",NG({xmlns:"http://www.w3.org/2000/svg",width:73,height:72,viewBox:"0 0 73 72"},e),BG||(BG=E.createElement("g",{fill:"#4E5461"},E.createElement("path",{d:"M36 36c6.63 0 12-5.37 12-12s-5.37-12-12-12-12 5.37-12 12 5.37 12 12 12zm0 6c-8.01 0-24 4.02-24 12v3c0 1.65 1.35 3 3 3h42c1.65 0 3-1.35 3-3v-3c0-7.98-15.99-12-24-12z"}))))}))(VG||(VG=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var VG,UG;function HG(){return HG=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},HG.apply(this,arguments)}const GG=tt((function(e){return E.createElement("svg",HG({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),UG||(UG=E.createElement("g",{fill:"#272A32"},E.createElement("path",{d:"M19.432 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65c-.03-.24-.24-.42-.49-.42h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-7.43 2.52c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"}))))}))(WG||(WG=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var WG,qG,$G,ZG,YG,QG,KG,XG,JG,eW,tW,nW,rW,iW,oW=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},aW=function(){return aW=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},aW.apply(this,arguments)},sW=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},lW=!!window.opr&&!!opr.addons||!!window.opera||navigator.userAgent.indexOf(" OPR/")>=0,cW="undefined"!=typeof InstallTrigger,uW=tt.div(qG||(qG=oW(["\n background: ",";\n"],["\n background: ",";\n"])),ki),fW=tt.div($G||($G=oW(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"]))),dW=tt.span(ZG||(ZG=oW(["\n ","\n font-size: 24px;\n line-height: 40px;\n text-align: center;\n color: ",";\n display: flex;\n justify-content: center;\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 800;\n margin-top: 10%;\n margin-bottom: 6%;\n"],["\n ","\n font-size: 24px;\n line-height: 40px;\n text-align: center;\n color: ",";\n display: flex;\n justify-content: center;\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 800;\n margin-top: 10%;\n margin-bottom: 6%;\n"])),fi,Ei),pW=tt.div(QG||(QG=oW(["\n display: flex;\n flex-direction: row;\n max-width: 100%;\n justify-content: center;\n gap: 8px;\n margin-left: auto;\n margin-right: auto;\n ","\n"],["\n display: flex;\n flex-direction: row;\n max-width: 100%;\n justify-content: center;\n gap: 8px;\n margin-left: auto;\n margin-right: auto;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(YG||(YG=oW(["\n flex-direction: column;\n "],["\n flex-direction: column;\n "])))})),hW=tt.div(XG||(XG=oW(["\n display: flex;\n flex-direction: column;\n width: 176px;\n height: 176px;\n padding: 32px;\n border-radius: 6px;\n border: solid 2px rgba(0, 27, 83, 0.1);\n background-color: ",";\n justify-content: space-between;\n align-items: center;\n font-size: 16px;\n line-height: 1.5;\n text-align: center;\n color: #4e5461;\n box-shadow: 0 0 2px rgba(66, 79, 104, 0.08), 0 4px 8px rgba(66, 79, 104, 0.03);\n span {\n color: ",";\n }\n &:hover {\n cursor: pointer;\n border: solid 2px transparent;\n background-color: ",";\n }\n ","\n"],["\n display: flex;\n flex-direction: column;\n width: 176px;\n height: 176px;\n padding: 32px;\n border-radius: 6px;\n border: solid 2px rgba(0, 27, 83, 0.1);\n background-color: ",";\n justify-content: space-between;\n align-items: center;\n font-size: 16px;\n line-height: 1.5;\n text-align: center;\n color: #4e5461;\n box-shadow: 0 0 2px rgba(66, 79, 104, 0.08), 0 4px 8px rgba(66, 79, 104, 0.03);\n span {\n color: ",";\n }\n &:hover {\n cursor: pointer;\n border: solid 2px transparent;\n background-color: ",";\n }\n ","\n"])),(function(e){return e.isDisabled?"gray":"white"}),yi,(function(e){return e.isDisabled?"":"whitesmoke"}),(function(e){return e.theme.containerWidth<ii&&Ne(KG||(KG=oW(["\n margin-left: auto;\n margin-right: auto;\n "],["\n margin-left: auto;\n margin-right: auto;\n "])))})),yW=tt.div(JG||(JG=oW(["\n .account {\n background-color: #4e5461;\n border-radius: 50px;\n position: absolute;\n margin-left: -80px;\n margin-top: 42.5px;\n border: 2px solid white;\n }\n"],["\n .account {\n background-color: #4e5461;\n border-radius: 50px;\n position: absolute;\n margin-left: -80px;\n margin-top: 42.5px;\n border: 2px solid white;\n }\n"]))),mW=tt.div(eW||(eW=oW(["\n display: flex;\n margin-top: 32px;\n justify-content: center;\n margin-left: auto;\n margin-right: auto;\n"],["\n display: flex;\n margin-top: 32px;\n justify-content: center;\n margin-left: auto;\n margin-right: auto;\n"]))),vW=tt.div(tW||(tW=oW(["\n margin-top: 48px;\n font-weight: 600;\n"],["\n margin-top: 48px;\n font-weight: 600;\n"]))),gW=tt.div(nW||(nW=oW(["\n display: flex;\n justify-content: center;\n margin-left: auto;\n margin-right: auto;\n"],["\n display: flex;\n justify-content: center;\n margin-left: auto;\n margin-right: auto;\n"]))),xW=function(){var e=dn(),n=Mt(),r=n.showRecordBothFeature,i=n.showRecordCamFeature,o=n.showRecordScreenFeature,a=sW((0,E.useState)(!1),2),s=a[0],l=a[1],c=sW((0,E.useState)({videoSource:{value:""},videoQuality:"standard",audioSource:{value:"default"}}),2),u=c[0],f=c[1],d=sW((0,E.useState)(""),2),p=d[0],h=d[1];return(0,E.useEffect)((function(){if(!_t){var e=JSON.parse(localStorage.getItem(m.recordSettings)||"{}"),t=[],n=[];return new Promise((function(e,t){return n=void 0,r=void 0,o=function(){var n,r,i;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(o){switch(o.label){case 0:return[4,navigator.mediaDevices.enumerateDevices()];case 1:if(n=o.sent(),!_u().some(n,{label:""}))return[3,6];o.label=2;case 2:return o.trys.push([2,5,,6]),[4,navigator.mediaDevices.getUserMedia({audio:!0,video:!0})];case 3:return r=o.sent(),[4,navigator.mediaDevices.enumerateDevices()];case 4:return n=o.sent(),r.getTracks().forEach((function(e){return e.stop()})),[3,6];case 5:return i=o.sent(),t(i),[3,6];case 6:return e(n),[2]}}))},new((i=void 0)||(i=Promise))((function(e,t){function a(e){try{l(o.next(e))}catch(e){t(e)}}function s(e){try{l(o.throw(e))}catch(e){t(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,s)}l((o=o.apply(n,r||[])).next())}));var n,r,i,o})).then((function(r){if(!_u().some(r,{kind:"videoinput"}))throw new Error("No camera detected");r.forEach((function(e){e&&e.label&&("audioinput"==e.kind&&t.push({label:e.label,value:e.deviceId}),"videoinput"==e.kind&&n.push({label:e.label,value:e.deviceId}))})),t.push({label:"No Audio",value:!1}),e.videoSource&&n.find((function(t){return t.value===e.videoSource.value}))||(e.videoSource=n[0]),e.audioSource&&t.find((function(t){return t.value===e.audioSource.value}))||(e.audioSource=t[0]),localStorage.setItem(m.recordSettings,JSON.stringify(e)),(""+localStorage.getItem(m.recordError)).indexOf("No camera detected")>-1&&localStorage.setItem(m.recordError,""),f(aW(aW({},u),e))})).catch((function(n){t.push({label:"No Audio",value:!1}),e.audioSource&&t.find((function(t){return t.value===e.audioSource.value}))||(e.audioSource=t[0]),localStorage.setItem(m.recordSettings,JSON.stringify(e)),f(aW(aW({},u),e)),n.message.indexOf("No camera detected")>-1||n.message.indexOf("device not found")>-1?localStorage.setItem(m.recordError,"No camera detected. Please check your recording settings and make sure the camera is plugged in."):h(n)})),function(){localStorage.setItem(m.recordError,"");try{window.stream.getTracks().forEach((function(e){return e.stop()}))}catch(e){}}}}),[]),(0,t.jsxs)(uW,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return e.push("/")}}),center:(0,t.jsx)(fW,{children:"Record Video"})}),(0,t.jsxs)(co,{children:[(0,t.jsx)(dW,{children:"Select a recording option"}),(0,t.jsxs)(pW,{children:[r&&!lW&&!cW&&(0,t.jsxs)(hW,aW({onClick:function(){return!p&&e.push("/record/both")},isDisabled:!!p},{children:[(0,t.jsxs)(yW,{children:[(0,t.jsx)(FG,{className:"laptop",height:72,width:72}),(0,t.jsx)(zG,{className:"account",height:24,width:24,color:"#fff"})]}),(0,t.jsx)("span",{children:"Screen+Cam"})]})),o&&(0,t.jsxs)(hW,aW({onClick:function(){return!p&&e.push("/record/screen")},isDisabled:!!p},{children:[(0,t.jsx)(yW,{children:(0,t.jsx)(FG,{height:72,width:72})}),(0,t.jsx)("span",{children:"Screen Only"})]})),i&&(0,t.jsxs)(hW,aW({onClick:function(){return!p&&e.push("/record/cam")},isDisabled:!!p},{children:[(0,t.jsx)(yW,{children:(0,t.jsx)(zG,{height:72,width:72})}),(0,t.jsx)("span",{children:"Cam Only"})]}))]}),(0,t.jsx)(mW,{children:(0,t.jsx)(vo,{icon:(0,t.jsx)(GG,{opacity:1}),backgroundColor:"#eeeff2",text:"Recording settings",textColor:"#000",onClick:function(){return l(!0)}})}),(0,t.jsxs)(gW,{children:[!!p&&(0,t.jsx)(vW,{children:"Please allow access to your camera and/or mic then try again."}),!p&&localStorage.getItem(m.recordError)&&(0,t.jsx)(vW,{children:localStorage.getItem(m.recordError)})]})]}),s&&(0,t.jsx)(Hu,{initialSettings:u,handleModalClose:function(){return l(!1)},handleSubmit:function(e){f(e),l(!1)}})]})};function bW(){return bW=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},bW.apply(this,arguments)}const wW=tt((function(e){return E.createElement("svg",bW({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:24,height:24,viewBox:"0 0 24 24"},e),rW||(rW=E.createElement("defs",null,E.createElement("path",{id:"ndf93hp4na",d:"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l2.29 2.29c.63.63 1.71.18 1.71-.71V8.91c0-.89-1.08-1.34-1.71-.71L17 10.5z"}))),iW||(iW=E.createElement("g",{fill:"none",fillRule:"evenodd"},E.createElement("g",null,E.createElement("g",null,E.createElement("g",{transform:"translate(-1040 -20) translate(1032 12) translate(8 8)"},E.createElement("mask",{id:"tbkfdbvv7b",fill:"#fff"},E.createElement("use",{xlinkHref:"#ndf93hp4na"})),E.createElement("g",{fill:"#FFF",mask:"url(#tbkfdbvv7b)"},E.createElement("path",{d:"M0 0H32V32H0z",transform:"translate(-4 -4)"}))))))))}))(SW||(SW=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"16px"}),(function(e){return e.height||"16px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var SW,CW;function EW(){return EW=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},EW.apply(this,arguments)}const kW=tt((function(e){return E.createElement("svg",EW({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"3 3 18 18"},e),CW||(CW=E.createElement("path",{fill:"#001B53",fillRule:"evenodd",d:"M17 3H3v18h18V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"})))}))(_W||(_W=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var _W,OW;function PW(){return PW=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},PW.apply(this,arguments)}const TW=tt((function(e){return E.createElement("svg",PW({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:24,height:24,viewBox:"0 0 24 24"},e),OW||(OW=E.createElement("g",{fill:"#E84C3D"},E.createElement("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v10zm3.17-7.83c.39-.39 1.02-.39 1.41 0L12 12.59l1.42-1.42c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41L13.41 14l1.42 1.42c.39.39.39 1.02 0 1.41-.39.39-1.02.39-1.41 0L12 15.41l-1.42 1.42c-.39.39-1.02.39-1.41 0-.187-.187-.293-.44-.293-.705 0-.265.106-.518.293-.705L10.59 14l-1.42-1.42c-.39-.38-.39-1.02 0-1.41zM15.5 4l-.71-.71c-.18-.18-.44-.29-.7-.29H9.91c-.26 0-.52.11-.7.29L8.5 4H6c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1h-2.5z"}))))}))(IW||(IW=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var IW,AW,jW,MW,DW,RW,FW,LW=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},BW=function(){return BW=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},BW.apply(this,arguments)},NW=tt.label(AW||(AW=LW(["\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n color: ",";\n &:hover {\n cursor: pointer;\n }\n"],["\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n color: ",";\n &:hover {\n cursor: pointer;\n }\n"])),Hi),zW=tt.div(jW||(jW=LW(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n background-color: ",";\n"],["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n background-color: ",";\n"])),hi),VW=tt.div(MW||(MW=LW(["\n display: flex;\n flex-direction: column;\n padding: 32px;\n"],["\n display: flex;\n flex-direction: column;\n padding: 32px;\n"]))),UW=tt.div(DW||(DW=LW(["\n display: flex;\n flex-direction: row;\n font-size: 18px;\n font-weight: bold;\n color: ",";\n justify-content: space-between;\n margin-bottom: 32px;\n p {\n margin: 0;\n }\n"],["\n display: flex;\n flex-direction: row;\n font-size: 18px;\n font-weight: bold;\n color: ",";\n justify-content: space-between;\n margin-bottom: 32px;\n p {\n margin: 0;\n }\n"])),yi),HW=tt.p(RW||(RW=LW(["\n font-size: 14px;\n line-height: 1.43;\n color: ",";\n"],["\n font-size: 14px;\n line-height: 1.43;\n color: ",";\n"])),yi),GW=tt.section(FW||(FW=LW(["\n display: flex;\n flex-direction: row;\n width: 528px;\n max-width: 100%;\n justify-content: flex-end;\n align-items: right;\n padding: 0 32px 32px;\n"],["\n display: flex;\n flex-direction: row;\n width: 528px;\n max-width: 100%;\n justify-content: flex-end;\n align-items: right;\n padding: 0 32px 32px;\n"]))),WW=function(e){var n=e.open,r=void 0!==n&&n,i=(e.disabled,e.title),o=void 0===i?"":i,a=e.text,s=void 0===a?"":a,l=e.discardButtonText,c=void 0===l?"Keep video":l,u=e.confirmButtonText,f=void 0===u?"Delete video":u,d=e.onClickDiscardButton,p=e.onClickConfirmButton,h=e.showDiscardIcon,y=void 0===h||h,m=e.showSaveIcon,v=void 0===m||m,g=e.handleModalClose,x=void 0===g?function(){}:g;return r?(0,t.jsx)(xL,BW({disableFullScreen:!0,style:{position:"fixed",zIndex:999}},{children:(0,t.jsxs)(zW,{children:[(0,t.jsxs)(VW,{children:[(0,t.jsxs)(UW,{children:[(0,t.jsx)("p",{children:o}),(0,t.jsx)(NW,{children:(0,t.jsx)(sf,{width:"24px",height:"24px",onClick:x})})]}),(0,t.jsx)(HW,{children:s})]}),(0,t.jsxs)(GW,{children:[(0,t.jsx)(vo,BW({},!!y&&{icon:(0,t.jsx)(TW,{height:24,width:24})},{text:c,onClick:d,backgroundColor:Fi,textColor:Li,borderColor:Ri,fontSize:"15px"})),(0,t.jsx)(vo,BW({},!!v&&{icon:(0,t.jsx)(kW,{height:16,width:16})},{text:f,onClick:p,backgroundColor:Wi,borderColor:Si,fontSize:"15px",margin:"0 0 0 12px"}))]})]})})):null},qW=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a};const $W=function(e){var n=e.when,r=e.navigate,i=void 0===r?function(){}:r,o=e.shouldBlockNavigation,a=e.onConfirm,s=void 0===a?function(){}:a,l=e.onDiscard,c=void 0===l?function(){}:l,u=e.onStay,f=void 0===u?function(){}:u,d=e.stay,p=void 0!==d&&d,h=e.title,y=void 0===h?"Leave without saving changes?":h,m=e.text,v=void 0===m?"Your updates will not be saved. This action can’t be undone.":m,g=e.discardButtonText,x=void 0===g?"Discard Changes":g,b=e.confirmButtonText,w=void 0===b?"Save Changes":b,S=e.showDiscardIcon,C=void 0===S||S,k=e.showSaveIcon,_=void 0===k||k,O=qW((0,E.useState)(!1),2),P=O[0],T=O[1],I=qW((0,E.useState)(null),2),A=I[0],j=I[1],M=qW((0,E.useState)(!1),2),D=M[0],R=M[1],F=function(){T(!1)};return(0,E.useEffect)((function(){D&&A&&i(A.pathname)}),[D,A]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(on,{when:n,message:function(e){return!(!D&&o(e)&&(T(!0),j(e),1))}}),(0,t.jsx)(WW,{open:P,title:y,text:v,discardButtonText:x,confirmButtonText:w,showDiscardIcon:C,showSaveIcon:_,handleModalClose:F,onClickDiscardButton:function(){c(),T(!1),R(!0)},onClickConfirmButton:p?function(){F(),f()}:function(){s(),T(!1),R(!0)}})]})};var ZW,YW=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},QW=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},KW=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},XW="video/webm;codecs=vp8,opus",JW="video/webm",eq="webm",tq=function(e){try{e.getTracks().forEach((function(e){return e.stop()}))}catch(e){}};!function(e){e.AbortError="media_aborted",e.NotAllowedError="permission_denied",e.NotFoundError="no_specified_media_found",e.NotReadableError="media_in_use",e.OverconstrainedError="invalid_media_constraints",e.TypeError="no_constraints",e.NONE="",e.NO_RECORDER="recorder_error"}(ZW||(ZW={}));var nq={low:1e6,standard:25e5,high:5e6,ultra:8e6};function rq(e){var t=this,n=e.audio,r=void 0===n||n,i=e.video,o=void 0!==i&&i,a=e.onStop,s=void 0===a?function(){return null}:a,l=e.blobPropertyBag,c=e.screen,u=void 0!==c&&c,f=e.mediaRecorderOptions,d=void 0===f?null:f,p=e.mimeType,h=void 0===p?"":p,y=e.quality,m=void 0===y?"low":y,v=(0,E.useRef)(null),g=(0,E.useRef)([]),x=(0,E.useRef)(null),b=KW((0,E.useState)("idle"),2),w=b[0],S=b[1],C=KW((0,E.useState)(!1),2),k=C[0],_=C[1],O=KW((0,E.useState)(null),2),P=O[0],T=O[1],I=KW((0,E.useState)("NONE"),2),A=I[0],j=I[1],M=(0,E.useRef)(!1),D=nq[m]||nq.low;window.streams||(window.streams=[]),window.streams=window.streams.filter(Boolean);var R=(0,E.useCallback)((function(){return YW(t,void 0,void 0,(function(){var e,t,n,i;return QW(this,(function(a){switch(a.label){case 0:S("acquiring_media"),e={audio:"boolean"==typeof r?!!r:r,video:"boolean"==typeof o?!!o:o},a.label=1;case 1:return a.trys.push([1,8,,9]),u?[4,window.navigator.mediaDevices.getDisplayMedia({video:o||!0})]:[3,5];case 2:return t=a.sent(),window.streams.push(t),t&&r?[4,window.navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0}})]:[3,4];case 3:n=a.sent(),window.streams.push(n),n.getAudioTracks().forEach((function(e){return t.addTrack(e)})),a.label=4;case 4:return x.current=t,[3,7];case 5:return[4,window.navigator.mediaDevices.getUserMedia(e)];case 6:t=a.sent(),window.streams.push(t),x.current=t,a.label=7;case 7:return M.current?(t&&S("idle"),[3,9]):(tq(t),[2]);case 8:return i=a.sent(),tq(t),tq(n),j(i.name),S("idle"),[3,9];case 9:return[2]}}))}))}),[r,o,u]);(0,E.useEffect)((function(){return M.current=!0,function(){M.current=!1}}),[]),(0,E.useEffect)((function(){if(!window.MediaRecorder)throw new Error("Unsupported Browser");if(u&&!window.navigator.mediaDevices.getDisplayMedia)throw new Error("This browser doesn't support screen capturing");var e=function(e){var t=navigator.mediaDevices.getSupportedConstraints(),n=Object.keys(e).filter((function(e){return!t[e]}));n.length>0&&console.error("The constraints ".concat(n.join(",")," doesn't support on this browser. Please check your ReactMediaRecorder component."))};"object"==typeof r&&e(r),"object"==typeof o&&e(o),d&&d.mimeType&&(MediaRecorder.isTypeSupported(d.mimeType)||console.error("The specified MIME type you supplied for MediaRecorder doesn't support this browser")),x.current||R()}),[r,u,o,R,d]);var F=function(e){var t=e.data;g.current.push(t)},L=function(){var e=KW(g.current,1)[0],t=Object.assign({type:e.type},l||(o?{type:"video/mp4"}:{type:"audio/wav"})),n=new Blob(g.current,t),r=URL.createObjectURL(n);S("stopped"),T(r),s(r,n)},B=function(e){_(e),x.current&&x.current.getAudioTracks().forEach((function(t){return t.enabled=!e}))},N=x.current?new MediaStream(x.current.getVideoTracks()):null;window.streams.push(N);var z=x.current?new MediaStream(x.current.getAudioTracks()):null;return window.streams.push(z),{error:ZW[A],muteAudio:function(){return B(!0)},unMuteAudio:function(){return B(!1)},startRecording:function(){return YW(t,void 0,void 0,(function(){return QW(this,(function(e){switch(e.label){case 0:return j("NONE"),x.current?[3,2]:[4,R()];case 1:e.sent(),e.label=2;case 2:return x.current?x.current.getTracks().some((function(e){return"ended"===e.readyState}))?[4,R()]:[3,4]:[3,5];case 3:e.sent(),e.label=4;case 4:v.current=new MediaRecorder(x.current,{mimeType:h,videoBitsPerSecond:D}),v.current.ondataavailable=F,v.current.onstop=L,v.current.onerror=function(){j("NO_RECORDER"),S("idle")},v.current.start(),S("recording"),e.label=5;case 5:return[2]}}))}))},startRecordingForCanvas:function(e){return YW(t,void 0,void 0,(function(){var t;return QW(this,(function(n){switch(n.label){case 0:return e?r?[4,window.navigator.mediaDevices.getUserMedia({audio:r})]:[3,2]:(j("NO_RECORDER"),[2]);case 1:t=n.sent(),window.streams.push(t),t.getAudioTracks().forEach((function(t){return e.addTrack(t)})),n.label=2;case 2:return v.current=new MediaRecorder(e,{mimeType:h,videoBitsPerSecond:D}),v.current.ondataavailable=F,v.current.onstop=L,v.current.onerror=function(){j("NO_RECORDER"),S("idle")},v.current.start(),S("recording"),[2]}}))}))},pauseRecording:function(){v.current&&"recording"===v.current.state&&v.current.pause()},resumeRecording:function(){v.current&&"paused"===v.current.state&&v.current.resume()},stopRecording:function(){v.current&&"inactive"!==v.current.state&&(S("stopping"),v.current.stop(),x.current&&x.current.getTracks().forEach((function(e){return e.stop()})),g.current=[])},mediaBlobUrl:P,status:w,isAudioMuted:k,previewStream:N,previewAudioStream:z,clearBlobUrl:function(){return T(null)}}}var iq=__webpack_require__(6650);const oq=((e,t)=>{let n=null;return()=>{if(null!==n)return n;const e=new Blob(['(()=>{"use strict";const e=new Map,t=new Map,r=(e,t)=>{let r,o;const i=performance.now();r=i,o=e-Math.max(0,i-t);return{expected:r+o,remainingDelay:o}},o=(e,t,r,i)=>{const s=performance.now();s>r?postMessage({id:null,method:"call",params:{timerId:t,timerType:i}}):e.set(t,setTimeout(o,r-s,e,t,r,i))};addEventListener("message",(i=>{let{data:s}=i;try{if("clear"===s.method){const{id:r,params:{timerId:o,timerType:i}}=s;if("interval"===i)(t=>{const r=e.get(t);if(void 0===r)throw new Error(\'There is no interval scheduled with the given id "\'.concat(t,\'".\'));clearTimeout(r),e.delete(t)})(o),postMessage({error:null,id:r});else{if("timeout"!==i)throw new Error(\'The given type "\'.concat(i,\'" is not supported\'));(e=>{const r=t.get(e);if(void 0===r)throw new Error(\'There is no timeout scheduled with the given id "\'.concat(e,\'".\'));clearTimeout(r),t.delete(e)})(o),postMessage({error:null,id:r})}}else{if("set"!==s.method)throw new Error(\'The given method "\'.concat(s.method,\'" is not supported\'));{const{params:{delay:i,now:n,timerId:a,timerType:d}}=s;if("interval"===d)((t,i,s)=>{const{expected:n,remainingDelay:a}=r(t,s);e.set(i,setTimeout(o,a,e,i,n,"interval"))})(i,a,n);else{if("timeout"!==d)throw new Error(\'The given type "\'.concat(d,\'" is not supported\'));((e,i,s)=>{const{expected:n,remainingDelay:a}=r(e,s);t.set(i,setTimeout(o,a,t,i,n,"timeout"))})(i,a,n)}}}}catch(e){postMessage({error:{message:e.message},id:s.id,result:null})}}))})();'],{type:"application/javascript; charset=utf-8"}),t=URL.createObjectURL(e);return n=(e=>{const t=new Map([[0,()=>{}]]),n=new Map([[0,()=>{}]]),r=new Map,i=new Worker(e);return i.addEventListener("message",(({data:e})=>{if(void 0!==(i=e).method&&"call"===i.method){const{params:{timerId:i,timerType:o}}=e;if("interval"===o){const e=t.get(i);if("number"==typeof e){const t=r.get(e);if(void 0===t||t.timerId!==i||t.timerType!==o)throw new Error("The timer is in an undefined state.")}else{if(void 0===e)throw new Error("The timer is in an undefined state.");e()}}else if("timeout"===o){const e=n.get(i);if("number"==typeof e){const t=r.get(e);if(void 0===t||t.timerId!==i||t.timerType!==o)throw new Error("The timer is in an undefined state.")}else{if(void 0===e)throw new Error("The timer is in an undefined state.");e(),n.delete(i)}}}else{if(!(e=>null===e.error&&"number"==typeof e.id)(e)){const{error:{message:t}}=e;throw new Error(t)}{const{id:i}=e,o=r.get(i);if(void 0===o)throw new Error("The timer is in an undefined state.");const{timerId:a,timerType:s}=o;r.delete(i),"interval"===s?t.delete(a):n.delete(a)}}var i})),{clearInterval:e=>{const n=(0,iq.generateUniqueNumber)(r);r.set(n,{timerId:e,timerType:"interval"}),t.set(e,n),i.postMessage({id:n,method:"clear",params:{timerId:e,timerType:"interval"}})},clearTimeout:e=>{const t=(0,iq.generateUniqueNumber)(r);r.set(t,{timerId:e,timerType:"timeout"}),n.set(e,t),i.postMessage({id:t,method:"clear",params:{timerId:e,timerType:"timeout"}})},setInterval:(e,n)=>{const r=(0,iq.generateUniqueNumber)(t);return t.set(r,(()=>{e(),"function"==typeof t.get(r)&&i.postMessage({id:null,method:"set",params:{delay:n,now:performance.now(),timerId:r,timerType:"interval"}})})),i.postMessage({id:null,method:"set",params:{delay:n,now:performance.now(),timerId:r,timerType:"interval"}}),r},setTimeout:(e,t)=>{const r=(0,iq.generateUniqueNumber)(n);return n.set(r,e),i.postMessage({id:null,method:"set",params:{delay:t,now:performance.now(),timerId:r,timerType:"timeout"}}),r}}})(t),setTimeout((()=>URL.revokeObjectURL(t))),n}})(),aq=e=>oq().clearInterval(e),sq=(e,t)=>oq().setInterval(e,t);var lq,cq,uq,fq,dq,pq,hq,yq,mq,vq,gq,xq,bq,wq,Sq,Cq=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},Eq=function(){return Eq=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},Eq.apply(this,arguments)},kq=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},_q=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},Oq=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},Pq=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},Tq=tt.div(cq||(cq=Cq(["\n margin-left: calc(50% - 82.5px);\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 165px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n padding-left: 0;\n }\n"],["\n margin-left: calc(50% - 82.5px);\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 165px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n padding-left: 0;\n }\n"])),Zi,hi,Yi),Iq=tt.div(uq||(uq=Cq(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(50% - 48.5px - 150px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(50% - 48.5px - 150px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n }\n"])),(function(e){return e.theme.primaryColor}),hi,(function(e){return e.theme.primaryColor})),Aq=tt.div(fq||(fq=Cq(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 166px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(100% - 274px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 166px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(100% - 274px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"])),(function(e){return e.theme.primaryColor}),hi,(function(e){return e.theme.primaryColor})),jq=tt.div(dq||(dq=Cq(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 108px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 108px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"])),$i,yi,Qi),Mq=tt.div(pq||(pq=Cq(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 70px;\n margin-right: auto;\n margin-left: auto;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 70px;\n margin-right: auto;\n margin-left: auto;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Ni,yi,$i),Dq=tt.div(hq||(hq=Cq(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Ni,yi,$i),Rq=tt.div(yq||(yq=Cq(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 112px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 112px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Zi,hi,Yi),Fq=tt.div(vq||(vq=Cq(["\n display: flex;\n width: 710px;\n max-width: 100%;\n flex-direction: row;\n ","\n"],["\n display: flex;\n width: 710px;\n max-width: 100%;\n flex-direction: row;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(mq||(mq=Cq(["\n justify-content: space-between;\n "],["\n justify-content: space-between;\n "])))})),Lq=tt.div(gq||(gq=Cq(["\n width: 150px;\n display: flex;\n flex-direction: row;\n"],["\n width: 150px;\n display: flex;\n flex-direction: row;\n"]))),Bq=tt.div(xq||(xq=Cq(["\n margin-left: 5%;\n margin-top: 5%;\n"],["\n margin-left: 5%;\n margin-top: 5%;\n"]))),Nq=tt.div(bq||(bq=Cq(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n"]))),zq=tt.div(wq||(wq=Cq(["\n width: 770px;\n height: 434px;\n max-width: 100%;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n"],["\n width: 770px;\n height: 434px;\n max-width: 100%;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n"]))),Vq=function(e){try{e.getTracks().forEach((function(e){return e.stop()}))}catch(e){}},Uq=null,Hq={low:{width:{ideal:640},height:{ideal:360}},standard:{width:{ideal:1280},height:{ideal:720}},high:{width:{ideal:1920},height:{ideal:1080}}},Gq={videoSource:{value:""},videoQuality:"standard",audioSource:{value:"default"}},Wq=0,qq=navigator.mediaDevices.getDisplayMedia,$q=function(e){var n=e.onRecordingStart,r=e.onRecordingEnd,i=e.onUpload,o=e.uploadDisabled,a=e.onRecordingUrlGeneration;Wq++;var s,l=dn(),c=(0,E.useRef)(null),u=Oq((0,E.useState)(3),2),f=u[0],d=u[1],p=Oq((0,E.useState)(!1),2),h=p[0],y=p[1],v=Oq((0,E.useState)(!1),2),g=v[0],x=v[1],b=Oq((0,E.useState)(!1),2),w=b[0],S=b[1],C=Oq((0,E.useState)(!1),2),k=C[0],_=C[1],O=Oq((0,E.useState)(0),2),P=O[0],T=O[1],I={videoSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(Gq)).videoSource,videoQuality:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(Gq)).videoQuality,audioSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(Gq)).audioSource},A=Vl().userData;(0,E.useEffect)((function(){if("permission_denied"!==V&&!document.pictureInPictureElement){var e={audio:!1,video:{deviceId:I.videoSource?I.videoSource.value:void 0,width:{ideal:640},height:{ideal:360},frameRate:24}};navigator.mediaDevices.getUserMedia(e).then((function(e){lq=e,window.streams.push(lq),c.current&&(c.current.srcObject=e,c.current.oncanplaythrough=function(){return kq(void 0,void 0,void 0,(function(){var e;return _q(this,(function(t){switch(t.label){case 0:if(!c.current)return[2];t.label=1;case 1:return t.trys.push([1,3,,4]),c.current.play(),[4,c.current.requestPictureInPicture()];case 2:return t.sent(),c.current.oncanplaythrough=null,[3,4];case 3:return e=t.sent(),console.log(e),[3,4];case 4:return[2]}}))}))})})).catch((function(e){console.log("The following error occurred: "+e)}))}}),[]);try{s={deviceId:I.audioSource.value}}catch(e){}I&&I.audioSource&&I.audioSource.value||(s=!1),Wq>1&&(navigator.mediaDevices.getDisplayMedia=function(){});var j=I&&I.videoQuality&&I.videoQuality.value?Hq[I.videoQuality]:Hq.standard,M=rq({screen:!0,video:Eq(Eq({},j),{frameRate:24}),audio:s,quality:I.videoQuality,blobPropertyBag:{type:XW},mimeType:XW}),D=M.status,R=M.startRecording,F=M.stopRecording,L=M.pauseRecording,B=M.resumeRecording,N=M.mediaBlobUrl,z=M.previewStream,V=M.error;z&&(z.getVideoTracks()[0].onended=function(){"recording"===D?G():l.push("/record/home")}),(0,E.useEffect)((function(){return localStorage.setItem(m.recordError,""),I.videoSource&&I.videoSource.value||(localStorage.setItem(m.recordError,"No camera detected. Please check your recording settings and make sure the camera is plugged in."),Wq=0,l.push("/record/home")),function(){Wq=0,navigator.mediaDevices.getDisplayMedia=qq,Z()}}),[]),(0,E.useEffect)((function(){"permission_denied"===V&&(localStorage.setItem(m.recordError,"Please allow access to share your screen then try again."),Z(),Wq=0,navigator.mediaDevices.getDisplayMedia=qq,l.push("/record/home"))}),[V]),(0,E.useEffect)((function(){k||w||!z||N||h||H()}),[z]),(0,E.useEffect)((function(){N&&a(N)}),[N]),(0,E.useEffect)((function(){var e=sq((function(){!h||g||f||T(P+1)}),1e3);return function(){aq(e)}})),(0,E.useEffect)((function(){var e,t,n,r,i;A&&A.authCalled&&(null===(e=A.user)||void 0===e?void 0:e.packageDetails)&&(null===(n=null===(t=A.user)||void 0===t?void 0:t.packageDetails)||void 0===n?void 0:n.maxLength)&&P>=(null===(i=null===(r=A.user)||void 0===r?void 0:r.packageDetails)||void 0===i?void 0:i.maxLength)&&G()}),[P,A,A.authCalled]);var U=function(){h&&f>0&&(S(!0),clearTimeout(Uq),y(!1),d(3))},H=function(){S(!1),y(!0)},G=function(){_(!0),r&&r(),y(!1),document.pictureInPictureElement&&document.exitPictureInPicture();try{Pq([],Oq(window.streams),!1).filter(Boolean).forEach((function(e){return Vq(e)})),window.streams=[]}catch(e){}F()},W=function(){L(),x(!0)},q=function(){B(),x(!1)},$=function(){return kq(void 0,void 0,void 0,(function(){var e;return _q(this,(function(t){switch(t.label){case 0:return[4,fetch(N||"").then((function(e){return e.blob()}))];case 1:return e=t.sent(),Z(),i({file:e,fileUrl:N}),[2]}}))}))};(0,E.useEffect)((function(){f>0&&h?Uq=setTimeout((function(){return d(f-1)}),1e3):h&&(n&&n(),R())}),[h,f]);var Z=function(){Pq([],Oq(window.streams),!1).filter(Boolean).forEach((function(e){return Vq(e)})),window.streams=[],y(!1),Uq&&clearTimeout(Uq),Y()},Y=function(){document.pictureInPictureElement&&document.exitPictureInPicture()},Q=(0,E.useMemo)((function(){return(0,t.jsxs)(t.Fragment,{children:[!N&&(0,t.jsx)("video",{muted:!0,style:{display:"none"},ref:c,width:0,height:0,autoPlay:!0}),(0,t.jsxs)(Fq,{children:["recording"===D&&(0,t.jsxs)(Lq,{children:[!g&&(0,t.jsx)(Dq,Eq({onClick:W},{children:(0,t.jsx)(vo,{backgroundColor:$i,icon:(0,t.jsx)(EV,{}),textColor:"#000",text:"Pause",onClick:W})})),g&&(0,t.jsx)(Rq,Eq({onClick:q},{children:(0,t.jsx)(vo,{backgroundColor:Zi,icon:(0,t.jsx)(Lc,{color:hi,size:34}),textColor:"#fff",text:"Resume",onClick:q})})),(0,t.jsx)(Bq,{children:St(P,0)})]}),"recording"===D&&(0,t.jsx)(Iq,{children:(0,t.jsx)(vo,{backgroundColor:Xi,icon:(0,t.jsx)(MV,{}),textColor:"#fff",text:"Finish",onClick:G})}),h&&"recording"!==D&&(0,t.jsx)(Mq,Eq({onClick:U},{children:(0,t.jsx)(vo,{backgroundColor:$i,textColor:"#000",text:"Cancel",onClick:U})})),!h&&"idle"===D&&(0,t.jsx)(Tq,{children:(0,t.jsx)(vo,{backgroundColor:Zi,icon:(0,t.jsx)(wW,{width:24,height:24,opacity:1}),text:"Start recording",textColor:"#fff",onClick:H})}),"stopped"===D&&(0,t.jsx)(jq,{children:(0,t.jsx)(vo,{backgroundColor:$i,icon:(0,t.jsx)(TW,{height:20,width:20,color:yi}),textColor:"#000",text:"Discard",onClick:function(){return l.push("/record/home")}})}),"stopped"===D&&(0,t.jsx)(Aq,{children:(0,t.jsx)(vo,{disabled:o,backgroundColor:"var(--secondary)",icon:(0,t.jsx)(kW,{height:20,width:20,color:hi}),textColor:"#fff",text:"Save Recording",onClick:$})})]})]})}),[D,P,h,g,N,o]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)($W,{when:!0,stay:!0,onConfirm:function(){},navigate:function(e){return l.push(e)},shouldBlockNavigation:function(e){return"recording"===D},title:"Leave without saving the recording?",text:"Your recording will not be saved. This action can’t be undone.",confirmButtonText:"Continue",discardButtonText:"Leave"}),(0,t.jsxs)(Nq,{children:[(0,t.jsx)(zq,{children:(0,t.jsx)(Eu,{counter:f,willStart:f>0&&h,onClick:function(){},hide:!f})}),Q]})]})},Zq=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},Yq=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},Qq=_n,Kq=Pn,Xq={all:[],user:[]},Jq=function(e){var t=e.page,n=void 0===t?0:t,r=e.size,i=void 0===r?50:r,o=e.search,a=void 0===o?"":o,s=e.all,l=void 0!==s&&s,c=e.sort,u=e.refresh,f=void 0===u||u;return Zq(void 0,void 0,void 0,(function(){var e,t,r,o,s,u;return Yq(this,(function(d){switch(d.label){case 0:if(e=S.bearerToken,t={start:n*i,limit:i,search:a,sort:c,all:""},l&&(t.all="true"),!f){if(l&&(null===(s=null==Xq?void 0:Xq.all)||void 0===s?void 0:s.length))return[2,Xq.all];if(!l&&(null===(u=null==Xq?void 0:Xq.user)||void 0===u?void 0:u.length))return[2,Xq.user]}return[4,Tn({url:"/video-tags",baseURL:b,method:Qq,headers:e,params:t}).catch((function(e){return console.log(e)}))];case 1:if((r=d.sent())instanceof Error)throw o=r.message,new Error(o);return l?Xq.all=r:Xq.user=r,[2,r]}}))}))},e$=function(e,t){return Zq(void 0,void 0,void 0,(function(){var n,r,i,o,a;return Yq(this,(function(s){switch(s.label){case 0:return n=S.bearerToken,r={url:"/videos/".concat(e,"/video-tags"),baseURL:b,method:Kq,headers:n,data:t},[4,Tn(r).catch((function(e){return e}))];case 1:if((i=s.sent())instanceof Error)throw o=JSON.parse(i.message),a=o.message,new Error(a);return[2,{videoTags:i}]}}))}))};function t$(){return t$=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},t$.apply(this,arguments)}const n$=tt((function(e){return E.createElement("svg",t$({width:16,height:14,viewBox:"0 0 16 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Sq||(Sq=E.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5833 0.333252C13.1333 0.333252 13.6 0.683252 13.7667 1.17492L15.4083 5.89992C15.4667 6.07492 15.5 6.26659 15.5 6.44992V12.4166C15.5 13.1083 14.9333 13.6666 14.25 13.6666C13.5583 13.6666 13 13.0999 13 12.4166V11.9999H3V12.4166C3 13.1083 2.44167 13.6666 1.75 13.6666C1.05833 13.6666 0.5 13.1083 0.5 12.4166V6.44992C0.5 6.25825 0.533333 6.07492 0.591667 5.89992L2.23333 1.17492C2.40833 0.683252 2.86667 0.333252 3.41667 0.333252H12.5833ZM2.16667 8.24992C2.16667 8.94159 2.725 9.49992 3.41667 9.49992C4.10833 9.49992 4.66667 8.94159 4.66667 8.24992C4.66667 7.55825 4.10833 6.99992 3.41667 6.99992C2.725 6.99992 2.16667 7.55825 2.16667 8.24992ZM12.5833 9.49992C11.8917 9.49992 11.3333 8.94159 11.3333 8.24992C11.3333 7.55825 11.8917 6.99992 12.5833 6.99992C13.275 6.99992 13.8333 7.55825 13.8333 8.24992C13.8333 8.94159 13.275 9.49992 12.5833 9.49992ZM3.225 2.14992L2.16667 5.33325H13.8333L12.775 2.14992C12.6583 1.81659 12.3417 1.58325 11.9833 1.58325H4.01667C3.65833 1.58325 3.34167 1.81659 3.225 2.14992Z",fill:"#001B53",fillOpacity:.4})))}))(r$||(r$=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var r$,i$;function o$(){return o$=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o$.apply(this,arguments)}const a$=tt((function(e){return E.createElement("svg",o$({width:12,height:12,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i$||(i$=E.createElement("g",null,E.createElement("path",{d:"M11.3327 3.99935C11.3327 3.63268 11.0327 3.33268 10.666 3.33268H8.66602V1.33268C8.66602 0.966016 8.36602 0.666016 7.99935 0.666016C7.63268 0.666016 7.33268 0.966016 7.33268 1.33268V3.33268H4.66602V1.33268C4.66602 0.966016 4.36602 0.666016 3.99935 0.666016C3.63268 0.666016 3.33268 0.966016 3.33268 1.33268V3.33268H1.33268C0.966016 3.33268 0.666016 3.63268 0.666016 3.99935C0.666016 4.36602 0.966016 4.66602 1.33268 4.66602H3.33268V7.33268H1.33268C0.966016 7.33268 0.666016 7.63268 0.666016 7.99935C0.666016 8.36602 0.966016 8.66602 1.33268 8.66602H3.33268V10.666C3.33268 11.0327 3.63268 11.3327 3.99935 11.3327C4.36602 11.3327 4.66602 11.0327 4.66602 10.666V8.66602H7.33268V10.666C7.33268 11.0327 7.63268 11.3327 7.99935 11.3327C8.36602 11.3327 8.66602 11.0327 8.66602 10.666V8.66602H10.666C11.0327 8.66602 11.3327 8.36602 11.3327 7.99935C11.3327 7.63268 11.0327 7.33268 10.666 7.33268H8.66602V4.66602H10.666C11.0327 4.66602 11.3327 4.36602 11.3327 3.99935ZM7.33268 7.33268H4.66602V4.66602H7.33268V7.33268Z",fill:"#001B53"}))))}))(s$||(s$=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n path {\n fill: ",";\n fill-opacity: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n path {\n fill: ",";\n fill-opacity: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"14px"}),(function(e){return e.height||"14px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"currentColor"}),(function(e){return e.opacity||"inherit"}));var s$,l$={cm:!0,mm:!0,in:!0,px:!0,pt:!0,pc:!0,em:!0,ex:!0,ch:!0,rem:!0,vw:!0,vh:!0,vmin:!0,vmax:!0,"%":!0};function c$(e){if("number"==typeof e)return{value:e,unit:"px"};var t,n=(e.match(/^[0-9.]*/)||"").toString();t=n.includes(".")?parseFloat(n):parseInt(n,10);var r=(e.match(/[^0-9]*$/)||"").toString();return l$[r]?{value:t,unit:r}:(console.warn("React Spinners: ".concat(e," is not a valid css value. Defaulting to ").concat(t,"px.")),{value:t,unit:"px"})}function u$(e){var t=c$(e);return"".concat(t.value).concat(t.unit)}var f$=function(){return f$=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},f$.apply(this,arguments)},d$=function(e,t,n){var r="react-spinners-".concat("MoonLoader","-").concat("moon");if("undefined"==typeof window||!window.document)return r;var i=document.createElement("style");document.head.appendChild(i);var o=i.sheet,a="\n @keyframes ".concat(r," {\n ").concat("100% {transform: rotate(360deg)}","\n }\n ");return o&&o.insertRule(a,0),r}();const p$=function(e){var t=e.loading,n=void 0===t||t,r=e.color,i=void 0===r?"#000000":r,o=e.speedMultiplier,a=void 0===o?1:o,s=e.cssOverride,l=void 0===s?{}:s,c=e.size,u=void 0===c?60:c,f=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(e,["loading","color","speedMultiplier","cssOverride","size"]),d=c$(u),p=d.value,h=d.unit,y=p/7,m=f$({display:"inherit",position:"relative",width:"".concat("".concat(p+2*y).concat(h)),height:"".concat("".concat(p+2*y).concat(h)),animation:"".concat(d$," ").concat(.6/a,"s 0s infinite linear"),animationFillMode:"forwards"},l),v=function(e){return{width:u$(e),height:u$(e),borderRadius:"100%"}},g=f$(f$({},v(y)),{backgroundColor:"".concat(i),opacity:"0.8",position:"absolute",top:"".concat("".concat(p/2-y/2).concat(h)),animation:"".concat(d$," ").concat(.6/a,"s 0s infinite linear"),animationFillMode:"forwards"}),x=f$(f$({},v(p)),{border:"".concat(y,"px solid ").concat(i),opacity:"0.1",boxSizing:"content-box",position:"absolute"});return n?E.createElement("span",f$({style:m},f),E.createElement("span",{style:g}),E.createElement("span",{style:x})):null};var h$,y$=__webpack_require__(1394),m$=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},v$=function(){return v$=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},v$.apply(this,arguments)},g$=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},x$=tt.div(P$||(P$=m$(["\n margin-top: 16px;\n background-color: #f6f7f9;\n border-radius: 4px;\n padding: 32px;\n height: 168px;\n display: flex;\n justify-content: center;\n flex-direction: column;\n"],["\n margin-top: 16px;\n background-color: #f6f7f9;\n border-radius: 4px;\n padding: 32px;\n height: 168px;\n display: flex;\n justify-content: center;\n flex-direction: column;\n"]))),b$=tt.div(T$||(T$=m$(["\n display: flex;\n justify-content: space-between;\n"],["\n display: flex;\n justify-content: space-between;\n"]))),w$=tt.div(I$||(I$=m$(["\n display: flex;\n flex-direction: column;\n position: relative;\n &:nth-child(2) {\n align-items: center;\n justify-content: space-between;\n }\n &:nth-child(3) {\n align-items: flex-end;\n justify-content: flex-end;\n }\n span {\n top: 0px;\n font-size: 16px;\n line-height: 1.5;\n color: ",";\n margin-bottom: 8px;\n }\n .checkmark {\n border-radius: 20px;\n position: absolute;\n top: 106px;\n z-index: 4;\n color: white;\n background-color: ",";\n }\n .rc-progress-circle {\n background-color: #f6f7f9;\n }\n & > div {\n background-color: #f6f7f9;\n z-index: 3;\n border-radius: 50px;\n position: absolute;\n }\n"],["\n display: flex;\n flex-direction: column;\n position: relative;\n &:nth-child(2) {\n align-items: center;\n justify-content: space-between;\n }\n &:nth-child(3) {\n align-items: flex-end;\n justify-content: flex-end;\n }\n span {\n top: 0px;\n font-size: 16px;\n line-height: 1.5;\n color: ",";\n margin-bottom: 8px;\n }\n .checkmark {\n border-radius: 20px;\n position: absolute;\n top: 106px;\n z-index: 4;\n color: white;\n background-color: ",";\n }\n .rc-progress-circle {\n background-color: #f6f7f9;\n }\n & > div {\n background-color: #f6f7f9;\n z-index: 3;\n border-radius: 50px;\n position: absolute;\n }\n"])),(function(e){return e.isActive?yi:"rgba(39, 42, 50, 0.4)"}),(function(e){return e.theme.primaryColor})),S$=tt.div(A$||(A$=m$(["\n ","\n font-size: ",";\n color: ",";\n margin: 0;\n width: 100%;\n margin-bottom: 32px;\n min-height: 190px;\n position: relative;\n"],["\n ","\n font-size: ",";\n color: ",";\n margin: 0;\n width: 100%;\n margin-bottom: 32px;\n min-height: 190px;\n position: relative;\n"])),li,"15px",Ki),C$=tt.progress(j$||(j$=m$(["\n z-index: 1;\n margin-top: -14.5px;\n width: 100%;\n background-color: ",";\n border: none;\n border-radius: 15px;\n height: 4px;\n &::-webkit-progress-bar {\n margin: 0 auto;\n background-color: ",";\n border-radius: 15px;\n height: 4px;\n }\n &::-moz-progress-bar {\n margin: 0 auto;\n background-color: ",";\n border-radius: 15px;\n height: 4px;\n }\n &::-webkit-progress-value {\n float: left;\n height: 4px;\n margin: 0px -10px 0 0;\n background: ",";\n border-radius: 15px;\n }\n"],["\n z-index: 1;\n margin-top: -14.5px;\n width: 100%;\n background-color: ",";\n border: none;\n border-radius: 15px;\n height: 4px;\n &::-webkit-progress-bar {\n margin: 0 auto;\n background-color: ",";\n border-radius: 15px;\n height: 4px;\n }\n &::-moz-progress-bar {\n margin: 0 auto;\n background-color: ",";\n border-radius: 15px;\n height: 4px;\n }\n &::-webkit-progress-value {\n float: left;\n height: 4px;\n margin: 0px -10px 0 0;\n background: ",";\n border-radius: 15px;\n }\n"])),$i,$i,(function(e){return e.color}),(function(e){return e.color})),E$=tt.div(M$||(M$=m$(["\n width: 100%;\n text-align: left;\n margin-bottom: 16px;\n height: 24px;\n font-size: 16px;\n line-height: 1.5;\n color: #4e5461;\n margin-top: 32px;\n"],["\n width: 100%;\n text-align: left;\n margin-bottom: 16px;\n height: 24px;\n font-size: 16px;\n line-height: 1.5;\n color: #4e5461;\n margin-top: 32px;\n"]))),k$=tt.div(D$||(D$=m$(["\n position: absolute;\n top: 30px;\n"],["\n position: absolute;\n top: 30px;\n"]))),_$={width:"24px",zIndex:2,backgroundColor:"f6f7f9"};!function(e){e[e.UPLOADING=1]="UPLOADING",e[e.CREATE=2]="CREATE",e[e.ENCODE=3]="ENCODE"}(h$||(h$={}));const O$=function(e){var n=e.title,r=e.beginUploadProcess,i=e.afterUpload,o=e.setSavedVideoId,a=e.file,s=e.fileName,l=Vl().userData,c=g$((0,E.useState)(h$.UPLOADING),2),u=c[0],f=c[1],d=g$((0,E.useState)({loaded:0,total:0,percentage:0}),2),p=d[0],h=d[1],y=OL(),m=y.presignedUrl,v=y.fetch,g=y.loading,x=y.error,b=LL(),w=b.uploadVideo,S=b.loading,C=b.data,k=b.error,_=kL(),O=_.fetch,P=_.loading,T=_.videoData,I=_.error,A=_.progress,j=_L(),M=j.fetch,D=j.loading,R=j.encodeData,F=j.error,L=j.progress;(0,E.useEffect)((function(){if(r){if(m&&m.url||!n)return;e=void 0,t=void 0,o=function(){return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(e){return a&&v({fileName:s,type:JW}),[2]}))},new((i=void 0)||(i=Promise))((function(n,r){function a(e){try{l(o.next(e))}catch(e){r(e)}}function s(e){try{l(o.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,s)}l((o=o.apply(e,t||[])).next())}))}var e,t,i,o}),[r]),(0,E.useEffect)((function(){m&&(g||x||!a||(f(h$.UPLOADING),w({url:m.url,file:a,contentType:JW,onUploadProgress:B})))}),[m]),(0,E.useEffect)((function(){!S&&!k&&C&&a&&(f(h$.CREATE),O({filename:s,title:n}))}),[S,C]),(0,E.useEffect)((function(){!P&&!I&&T&&a&&(f(h$.ENCODE),o(T.video_id),M({videoId:T.video_id,customerId:l.customerId}))}),[P,T]),(0,E.useEffect)((function(){!D&&!F&&R&&a&&i&&i()}),[D,R]);var B=function(e){var t=Math.round(100*e.loaded/e.total);h({loaded:Math.floor(e.loaded/1024),total:Math.floor(e.total/1024),percentage:t})},N=function(e){return(e/1e3).toFixed(2)};return(0,t.jsx)(S$,{children:(0,t.jsxs)(x$,{children:[(0,t.jsxs)(b$,{children:[(0,t.jsxs)(w$,v$({isActive:S},{children:[(0,t.jsx)("span",{children:S?"Uploading":"Uploaded"}),p.percentage<100&&(0,t.jsx)(k$,{children:(0,t.jsx)(p$,{size:19.5,color:Ai,loading:!0})}),(!p.percentage||100===p.percentage)&&(0,t.jsx)(y$.Cd,{style:_$,percent:0,trailWidth:10,strokeWidth:10,strokeColor:Ai})]})),(0,t.jsxs)(w$,v$({isActive:P},{children:[(0,t.jsx)("span",{children:P?"Creating":"Created"}),A<100&&(0,t.jsx)(k$,{children:(0,t.jsx)(p$,{size:19.5,color:Ai,loading:!0})}),(!A||100===A)&&(0,t.jsx)(y$.Cd,{style:_$,percent:0,trailWidth:10,strokeWidth:10,strokeColor:Ai})]})),(0,t.jsxs)(w$,v$({isActive:D},{children:[(0,t.jsx)("span",{children:D?"Encoding":"Encoded"}),L<100&&(0,t.jsx)(k$,{children:(0,t.jsx)(p$,{size:19.5,color:Ai,loading:!0})}),(!L||100===L)&&(0,t.jsx)(y$.Cd,{style:_$,percent:0,trailWidth:10,strokeWidth:10,strokeColor:Ai})]}))]}),(0,t.jsx)(C$,{value:u?u==h$.UPLOADING?50*p.percentage/100:u==h$.CREATE?50+(A||0):100:0,max:100,color:Ai}),(0,t.jsx)(E$,{children:N(p.loaded)+" MB/"+N(p.total)+" MB"})]})})};var P$,T$,I$,A$,j$,M$,D$,R$=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===F$}(e)}(e)},F$="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function L$(e,t){return!1!==t.clone&&t.isMergeableObject(e)?N$((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function B$(e,t,n){return e.concat(t).map((function(e){return L$(e,n)}))}function N$(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||B$,n.isMergeableObject=n.isMergeableObject||R$;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):function(e,t,n){var r={};return n.isMergeableObject(e)&&Object.keys(e).forEach((function(t){r[t]=L$(e[t],n)})),Object.keys(t).forEach((function(i){n.isMergeableObject(t[i])&&e[i]?r[i]=N$(e[i],t[i],n):r[i]=L$(t[i],n)})),r}(e,t,n):L$(t,n)}N$.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return N$(e,n,t)}),{})};const z$=N$;var V$=__webpack_require__(9590),U$=__webpack_require__.n(V$);const H$=function(e,t){};function G$(){return G$=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},G$.apply(this,arguments)}function W$(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}function q$(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var $$=(0,E.createContext)(void 0);$$.displayName="FormikContext";var Z$=$$.Provider;function Y$(){var e=(0,E.useContext)($$);return e||H$(!1),e}$$.Consumer;var Q$=function(e){return Array.isArray(e)&&0===e.length},K$=function(e){return"function"==typeof e},X$=function(e){return null!==e&&"object"==typeof e},J$=function(e){return String(Math.floor(Number(e)))===e},eZ=function(e){return"[object String]"===Object.prototype.toString.call(e)},tZ=function(e){return 0===E.Children.count(e)},nZ=function(e){return X$(e)&&K$(e.then)};function rZ(e,t,n,r){void 0===r&&(r=0);for(var i=f_(t);e&&r<i.length;)e=e[i[r++]];return r===i.length||e?void 0===e?n:e:n}function iZ(e,t,n){for(var r=uS(e),i=r,o=0,a=f_(t);o<a.length-1;o++){var s=a[o],l=rZ(e,a.slice(0,o+1));if(l&&(X$(l)||Array.isArray(l)))i=i[s]=uS(l);else{var c=a[o+1];i=i[s]=J$(c)&&Number(c)>=0?[]:{}}}return(0===o?e:i)[a[o]]===n?e:(void 0===n?delete i[a[o]]:i[a[o]]=n,0===o&&void 0===n&&delete r[a[o]],r)}function oZ(e,t,n,r){void 0===n&&(n=new WeakMap),void 0===r&&(r={});for(var i=0,o=Object.keys(e);i<o.length;i++){var a=o[i],s=e[a];X$(s)?n.get(s)||(n.set(s,!0),r[a]=Array.isArray(s)?[]:{},oZ(s,t,n,r[a])):r[a]=t}return r}var aZ={},sZ={};function lZ(e){var t=e.validateOnChange,n=void 0===t||t,r=e.validateOnBlur,i=void 0===r||r,o=e.validateOnMount,a=void 0!==o&&o,s=e.isInitialValid,l=e.enableReinitialize,c=void 0!==l&&l,u=e.onSubmit,f=W$(e,["validateOnChange","validateOnBlur","validateOnMount","isInitialValid","enableReinitialize","onSubmit"]),d=G$({validateOnChange:n,validateOnBlur:i,validateOnMount:a,onSubmit:u},f),p=(0,E.useRef)(d.initialValues),h=(0,E.useRef)(d.initialErrors||aZ),y=(0,E.useRef)(d.initialTouched||sZ),m=(0,E.useRef)(d.initialStatus),v=(0,E.useRef)(!1),g=(0,E.useRef)({});(0,E.useEffect)((function(){return v.current=!0,function(){v.current=!1}}),[]);var x=(0,E.useState)(0)[1],b=(0,E.useRef)({values:d.initialValues,errors:d.initialErrors||aZ,touched:d.initialTouched||sZ,status:d.initialStatus,isSubmitting:!1,isValidating:!1,submitCount:0}),w=b.current,S=(0,E.useCallback)((function(e){var t=b.current;b.current=function(e,t){switch(t.type){case"SET_VALUES":return G$({},e,{values:t.payload});case"SET_TOUCHED":return G$({},e,{touched:t.payload});case"SET_ERRORS":return U$()(e.errors,t.payload)?e:G$({},e,{errors:t.payload});case"SET_STATUS":return G$({},e,{status:t.payload});case"SET_ISSUBMITTING":return G$({},e,{isSubmitting:t.payload});case"SET_ISVALIDATING":return G$({},e,{isValidating:t.payload});case"SET_FIELD_VALUE":return G$({},e,{values:iZ(e.values,t.payload.field,t.payload.value)});case"SET_FIELD_TOUCHED":return G$({},e,{touched:iZ(e.touched,t.payload.field,t.payload.value)});case"SET_FIELD_ERROR":return G$({},e,{errors:iZ(e.errors,t.payload.field,t.payload.value)});case"RESET_FORM":return G$({},e,t.payload);case"SET_FORMIK_STATE":return t.payload(e);case"SUBMIT_ATTEMPT":return G$({},e,{touched:oZ(e.values,!0),isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return G$({},e,{isSubmitting:!1});default:return e}}(t,e),t!==b.current&&x((function(e){return e+1}))}),[]),C=(0,E.useCallback)((function(e,t){return new Promise((function(n,r){var i=d.validate(e,t);null==i?n(aZ):nZ(i)?i.then((function(e){n(e||aZ)}),(function(e){r(e)})):n(i)}))}),[d.validate]),k=(0,E.useCallback)((function(e,t){var n=d.validationSchema,r=K$(n)?n(t):n,i=t&&r.validateAt?r.validateAt(t,e):function(e,t,n,r){void 0===n&&(n=!1);var i=uZ(e);return t[n?"validateSync":"validate"](i,{abortEarly:!1,context:i})}(e,r);return new Promise((function(e,t){i.then((function(){e(aZ)}),(function(n){"ValidationError"===n.name?e(function(e){var t={};if(e.inner){if(0===e.inner.length)return iZ(t,e.path,e.message);var n=e.inner,r=Array.isArray(n),i=0;for(n=r?n:n[Symbol.iterator]();;){var o;if(r){if(i>=n.length)break;o=n[i++]}else{if((i=n.next()).done)break;o=i.value}var a=o;rZ(t,a.path)||(t=iZ(t,a.path,a.message))}}return t}(n)):t(n)}))}))}),[d.validationSchema]),_=(0,E.useCallback)((function(e,t){return new Promise((function(n){return n(g.current[e].validate(t))}))}),[]),O=(0,E.useCallback)((function(e){var t=Object.keys(g.current).filter((function(e){return K$(g.current[e].validate)})),n=t.length>0?t.map((function(t){return _(t,rZ(e,t))})):[Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];return Promise.all(n).then((function(e){return e.reduce((function(e,n,r){return"DO_NOT_DELETE_YOU_WILL_BE_FIRED"===n||n&&(e=iZ(e,t[r],n)),e}),{})}))}),[_]),P=(0,E.useCallback)((function(e){return Promise.all([O(e),d.validationSchema?k(e):{},d.validate?C(e):{}]).then((function(e){var t=e[0],n=e[1],r=e[2];return z$.all([t,n,r],{arrayMerge:fZ})}))}),[d.validate,d.validationSchema,O,C,k]),T=pZ((function(e){return void 0===e&&(e=w.values),S({type:"SET_ISVALIDATING",payload:!0}),P(e).then((function(e){return v.current&&(S({type:"SET_ISVALIDATING",payload:!1}),S({type:"SET_ERRORS",payload:e})),e}))}));(0,E.useEffect)((function(){a&&!0===v.current&&U$()(p.current,d.initialValues)&&T(p.current)}),[a,T]);var I=(0,E.useCallback)((function(e){var t=e&&e.values?e.values:p.current,n=e&&e.errors?e.errors:h.current?h.current:d.initialErrors||{},r=e&&e.touched?e.touched:y.current?y.current:d.initialTouched||{},i=e&&e.status?e.status:m.current?m.current:d.initialStatus;p.current=t,h.current=n,y.current=r,m.current=i;var o=function(){S({type:"RESET_FORM",payload:{isSubmitting:!!e&&!!e.isSubmitting,errors:n,touched:r,status:i,values:t,isValidating:!!e&&!!e.isValidating,submitCount:e&&e.submitCount&&"number"==typeof e.submitCount?e.submitCount:0}})};if(d.onReset){var a=d.onReset(w.values,Y);nZ(a)?a.then(o):o()}else o()}),[d.initialErrors,d.initialStatus,d.initialTouched,d.onReset]);(0,E.useEffect)((function(){!0!==v.current||U$()(p.current,d.initialValues)||c&&(p.current=d.initialValues,I(),a&&T(p.current))}),[c,d.initialValues,I,a,T]),(0,E.useEffect)((function(){c&&!0===v.current&&!U$()(h.current,d.initialErrors)&&(h.current=d.initialErrors||aZ,S({type:"SET_ERRORS",payload:d.initialErrors||aZ}))}),[c,d.initialErrors]),(0,E.useEffect)((function(){c&&!0===v.current&&!U$()(y.current,d.initialTouched)&&(y.current=d.initialTouched||sZ,S({type:"SET_TOUCHED",payload:d.initialTouched||sZ}))}),[c,d.initialTouched]),(0,E.useEffect)((function(){c&&!0===v.current&&!U$()(m.current,d.initialStatus)&&(m.current=d.initialStatus,S({type:"SET_STATUS",payload:d.initialStatus}))}),[c,d.initialStatus,d.initialTouched]);var A=pZ((function(e){if(g.current[e]&&K$(g.current[e].validate)){var t=rZ(w.values,e),n=g.current[e].validate(t);return nZ(n)?(S({type:"SET_ISVALIDATING",payload:!0}),n.then((function(e){return e})).then((function(t){S({type:"SET_FIELD_ERROR",payload:{field:e,value:t}}),S({type:"SET_ISVALIDATING",payload:!1})}))):(S({type:"SET_FIELD_ERROR",payload:{field:e,value:n}}),Promise.resolve(n))}return d.validationSchema?(S({type:"SET_ISVALIDATING",payload:!0}),k(w.values,e).then((function(e){return e})).then((function(t){S({type:"SET_FIELD_ERROR",payload:{field:e,value:rZ(t,e)}}),S({type:"SET_ISVALIDATING",payload:!1})}))):Promise.resolve()})),j=(0,E.useCallback)((function(e,t){var n=t.validate;g.current[e]={validate:n}}),[]),M=(0,E.useCallback)((function(e){delete g.current[e]}),[]),D=pZ((function(e,t){return S({type:"SET_TOUCHED",payload:e}),(void 0===t?i:t)?T(w.values):Promise.resolve()})),R=(0,E.useCallback)((function(e){S({type:"SET_ERRORS",payload:e})}),[]),F=pZ((function(e,t){var r=K$(e)?e(w.values):e;return S({type:"SET_VALUES",payload:r}),(void 0===t?n:t)?T(r):Promise.resolve()})),L=(0,E.useCallback)((function(e,t){S({type:"SET_FIELD_ERROR",payload:{field:e,value:t}})}),[]),B=pZ((function(e,t,r){return S({type:"SET_FIELD_VALUE",payload:{field:e,value:t}}),(void 0===r?n:r)?T(iZ(w.values,e,t)):Promise.resolve()})),N=(0,E.useCallback)((function(e,t){var n,r=t,i=e;if(!eZ(e)){e.persist&&e.persist();var o=e.target?e.target:e.currentTarget,a=o.type,s=o.name,l=o.id,c=o.value,u=o.checked,f=(o.outerHTML,o.options),d=o.multiple;r=t||s||l,i=/number|range/.test(a)?(n=parseFloat(c),isNaN(n)?"":n):/checkbox/.test(a)?function(e,t,n){if("boolean"==typeof e)return Boolean(t);var r=[],i=!1,o=-1;if(Array.isArray(e))r=e,i=(o=e.indexOf(n))>=0;else if(!n||"true"==n||"false"==n)return Boolean(t);return t&&n&&!i?r.concat(n):i?r.slice(0,o).concat(r.slice(o+1)):r}(rZ(w.values,r),u,c):f&&d?function(e){return Array.from(e).filter((function(e){return e.selected})).map((function(e){return e.value}))}(f):c}r&&B(r,i)}),[B,w.values]),z=pZ((function(e){if(eZ(e))return function(t){return N(t,e)};N(e)})),V=pZ((function(e,t,n){return void 0===t&&(t=!0),S({type:"SET_FIELD_TOUCHED",payload:{field:e,value:t}}),(void 0===n?i:n)?T(w.values):Promise.resolve()})),U=(0,E.useCallback)((function(e,t){e.persist&&e.persist();var n=e.target,r=n.name,i=n.id,o=(n.outerHTML,t||r||i);V(o,!0)}),[V]),H=pZ((function(e){if(eZ(e))return function(t){return U(t,e)};U(e)})),G=(0,E.useCallback)((function(e){K$(e)?S({type:"SET_FORMIK_STATE",payload:e}):S({type:"SET_FORMIK_STATE",payload:function(){return e}})}),[]),W=(0,E.useCallback)((function(e){S({type:"SET_STATUS",payload:e})}),[]),q=(0,E.useCallback)((function(e){S({type:"SET_ISSUBMITTING",payload:e})}),[]),$=pZ((function(){return S({type:"SUBMIT_ATTEMPT"}),T().then((function(e){var t=e instanceof Error;if(!t&&0===Object.keys(e).length){var n;try{if(void 0===(n=Q()))return}catch(e){throw e}return Promise.resolve(n).then((function(e){return v.current&&S({type:"SUBMIT_SUCCESS"}),e})).catch((function(e){if(v.current)throw S({type:"SUBMIT_FAILURE"}),e}))}if(v.current&&(S({type:"SUBMIT_FAILURE"}),t))throw e}))})),Z=pZ((function(e){e&&e.preventDefault&&K$(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&K$(e.stopPropagation)&&e.stopPropagation(),$().catch((function(e){console.warn("Warning: An unhandled error was caught from submitForm()",e)}))})),Y={resetForm:I,validateForm:T,validateField:A,setErrors:R,setFieldError:L,setFieldTouched:V,setFieldValue:B,setStatus:W,setSubmitting:q,setTouched:D,setValues:F,setFormikState:G,submitForm:$},Q=pZ((function(){return u(w.values,Y)})),K=pZ((function(e){e&&e.preventDefault&&K$(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&K$(e.stopPropagation)&&e.stopPropagation(),I()})),X=(0,E.useCallback)((function(e){return{value:rZ(w.values,e),error:rZ(w.errors,e),touched:!!rZ(w.touched,e),initialValue:rZ(p.current,e),initialTouched:!!rZ(y.current,e),initialError:rZ(h.current,e)}}),[w.errors,w.touched,w.values]),J=(0,E.useCallback)((function(e){return{setValue:function(t,n){return B(e,t,n)},setTouched:function(t,n){return V(e,t,n)},setError:function(t){return L(e,t)}}}),[B,V,L]),ee=(0,E.useCallback)((function(e){var t=X$(e),n=t?e.name:e,r=rZ(w.values,n),i={name:n,value:r,onChange:z,onBlur:H};if(t){var o=e.type,a=e.value,s=e.as,l=e.multiple;"checkbox"===o?void 0===a?i.checked=!!r:(i.checked=!(!Array.isArray(r)||!~r.indexOf(a)),i.value=a):"radio"===o?(i.checked=r===a,i.value=a):"select"===s&&l&&(i.value=i.value||[],i.multiple=!0)}return i}),[H,z,w.values]),te=(0,E.useMemo)((function(){return!U$()(p.current,w.values)}),[p.current,w.values]),ne=(0,E.useMemo)((function(){return void 0!==s?te?w.errors&&0===Object.keys(w.errors).length:!1!==s&&K$(s)?s(d):s:w.errors&&0===Object.keys(w.errors).length}),[s,te,w.errors,d]);return G$({},w,{initialValues:p.current,initialErrors:h.current,initialTouched:y.current,initialStatus:m.current,handleBlur:H,handleChange:z,handleReset:K,handleSubmit:Z,resetForm:I,setErrors:R,setFormikState:G,setFieldTouched:V,setFieldValue:B,setFieldError:L,setStatus:W,setSubmitting:q,setTouched:D,setValues:F,submitForm:$,validateForm:T,validateField:A,isValid:ne,dirty:te,unregisterField:M,registerField:j,getFieldProps:ee,getFieldMeta:X,getFieldHelpers:J,validateOnBlur:i,validateOnChange:n,validateOnMount:a})}function cZ(e){var t=lZ(e),n=e.component,r=e.children,i=e.render,o=e.innerRef;return(0,E.useImperativeHandle)(o,(function(){return t})),(0,E.createElement)(Z$,{value:t},n?(0,E.createElement)(n,t):i?i(t):r?K$(r)?r(t):tZ(r)?null:E.Children.only(r):null)}function uZ(e){var t=Array.isArray(e)?[]:{};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){var r=String(n);!0===Array.isArray(e[r])?t[r]=e[r].map((function(e){return!0===Array.isArray(e)||_S(e)?uZ(e):""!==e?e:void 0})):_S(e[r])?t[r]=uZ(e[r]):t[r]=""!==e[r]?e[r]:void 0}return t}function fZ(e,t,n){var r=e.slice();return t.forEach((function(t,i){if(void 0===r[i]){var o=!1!==n.clone&&n.isMergeableObject(t);r[i]=o?z$(Array.isArray(t)?[]:{},t,n):t}else n.isMergeableObject(t)?r[i]=z$(e[i],t,n):-1===e.indexOf(t)&&r.push(t)})),r}var dZ="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?E.useLayoutEffect:E.useEffect;function pZ(e){var t=(0,E.useRef)(e);return dZ((function(){t.current=e})),(0,E.useCallback)((function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.current.apply(void 0,n)}),[])}function hZ(e){var t=e.validate,n=e.name,r=e.render,i=e.children,o=e.as,a=e.component,s=e.className,l=W$(e,["validate","name","render","children","as","component","className"]),c=W$(Y$(),["validate","validationSchema"]),u=c.registerField,f=c.unregisterField;(0,E.useEffect)((function(){return u(n,{validate:t}),function(){f(n)}}),[u,f,n,t]);var d=c.getFieldProps(G$({name:n},l)),p=c.getFieldMeta(n),h={field:d,form:c};if(r)return r(G$({},h,{meta:p}));if(K$(i))return i(G$({},h,{meta:p}));if(a){if("string"==typeof a){var y=l.innerRef,m=W$(l,["innerRef"]);return(0,E.createElement)(a,G$({ref:y},d,m,{className:s}),i)}return(0,E.createElement)(a,G$({field:d,form:c},l,{className:s}),i)}var v=o||"input";if("string"==typeof v){var g=l.innerRef,x=W$(l,["innerRef"]);return(0,E.createElement)(v,G$({ref:g},d,x,{className:s}),i)}return(0,E.createElement)(v,G$({},d,l,{className:s}),i)}var yZ=(0,E.forwardRef)((function(e,t){var n=e.action,r=W$(e,["action"]),i=null!=n?n:"#",o=Y$(),a=o.handleReset,s=o.handleSubmit;return(0,E.createElement)("form",G$({onSubmit:s,ref:t,onReset:a,action:i},r))}));yZ.displayName="Form";var mZ=function(e,t,n){var r=vZ(e);return r.splice(t,0,n),r},vZ=function(e){if(e){if(Array.isArray(e))return[].concat(e);var t=Object.keys(e).map((function(e){return parseInt(e)})).reduce((function(e,t){return t>e?t:e}),0);return Array.from(G$({},e,{length:t+1}))}return[]},gZ=function(e,t){var n="function"==typeof e?e:t;return function(e){if(Array.isArray(e)||X$(e)){var t=vZ(e);return n(t)}return e}},xZ=function(e){function t(t){var n;return(n=e.call(this,t)||this).updateArrayField=function(e,t,r){var i=n.props,o=i.name;(0,i.formik.setFormikState)((function(n){var i=gZ(r,e),a=gZ(t,e),s=iZ(n.values,o,e(rZ(n.values,o))),l=r?i(rZ(n.errors,o)):void 0,c=t?a(rZ(n.touched,o)):void 0;return Q$(l)&&(l=void 0),Q$(c)&&(c=void 0),G$({},n,{values:s,errors:r?iZ(n.errors,o,l):n.errors,touched:t?iZ(n.touched,o,c):n.touched})}))},n.push=function(e){return n.updateArrayField((function(t){return[].concat(vZ(t),[fS(e)])}),!1,!1)},n.handlePush=function(e){return function(){return n.push(e)}},n.swap=function(e,t){return n.updateArrayField((function(n){return function(e,t,n){var r=vZ(e),i=r[t];return r[t]=r[n],r[n]=i,r}(n,e,t)}),!0,!0)},n.handleSwap=function(e,t){return function(){return n.swap(e,t)}},n.move=function(e,t){return n.updateArrayField((function(n){return function(e,t,n){var r=vZ(e),i=r[t];return r.splice(t,1),r.splice(n,0,i),r}(n,e,t)}),!0,!0)},n.handleMove=function(e,t){return function(){return n.move(e,t)}},n.insert=function(e,t){return n.updateArrayField((function(n){return mZ(n,e,t)}),(function(t){return mZ(t,e,null)}),(function(t){return mZ(t,e,null)}))},n.handleInsert=function(e,t){return function(){return n.insert(e,t)}},n.replace=function(e,t){return n.updateArrayField((function(n){return function(e,t,n){var r=vZ(e);return r[t]=n,r}(n,e,t)}),!1,!1)},n.handleReplace=function(e,t){return function(){return n.replace(e,t)}},n.unshift=function(e){var t=-1;return n.updateArrayField((function(n){var r=n?[e].concat(n):[e];return t=r.length,r}),(function(e){return e?[null].concat(e):[null]}),(function(e){return e?[null].concat(e):[null]})),t},n.handleUnshift=function(e){return function(){return n.unshift(e)}},n.handleRemove=function(e){return function(){return n.remove(e)}},n.handlePop=function(){return function(){return n.pop()}},n.remove=n.remove.bind(q$(n)),n.pop=n.pop.bind(q$(n)),n}var n,r;r=e,(n=t).prototype=Object.create(r.prototype),n.prototype.constructor=n,n.__proto__=r;var i=t.prototype;return i.componentDidUpdate=function(e){this.props.validateOnChange&&this.props.formik.validateOnChange&&!U$()(rZ(e.formik.values,e.name),rZ(this.props.formik.values,this.props.name))&&this.props.formik.validateForm(this.props.formik.values)},i.remove=function(e){var t;return this.updateArrayField((function(n){var r=n?vZ(n):[];return t||(t=r[e]),K$(r.splice)&&r.splice(e,1),K$(r.every)&&r.every((function(e){return void 0===e}))?[]:r}),!0,!0),t},i.pop=function(){var e;return this.updateArrayField((function(t){var n=t.slice();return e||(e=n&&n.pop&&n.pop()),n}),!0,!0),e},i.render=function(){var e={push:this.push,pop:this.pop,swap:this.swap,move:this.move,insert:this.insert,replace:this.replace,unshift:this.unshift,remove:this.remove,handlePush:this.handlePush,handlePop:this.handlePop,handleSwap:this.handleSwap,handleMove:this.handleMove,handleInsert:this.handleInsert,handleReplace:this.handleReplace,handleUnshift:this.handleUnshift,handleRemove:this.handleRemove},t=this.props,n=t.component,r=t.render,i=t.children,o=t.name,a=G$({},e,{form:W$(t.formik,["validate","validationSchema"]),name:o});return n?(0,E.createElement)(n,a):r?r(a):i?"function"==typeof i?i(a):tZ(i)?null:E.Children.only(i):null},t}(E.Component);xZ.defaultProps={validateOnChange:!0};var bZ,wZ,SZ,CZ,EZ,kZ,_Z=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},OZ=function(){return OZ=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},OZ.apply(this,arguments)},PZ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},TZ=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},IZ=tt.div(bZ||(bZ=_Z(["\n width: auto;\n margin-top: 8px;\n .error {\n border-color: #e84c3d;\n }\n .disabled {\n background-color: #eeeff2;\n cursor: not-allowed;\n }\n\n .disabled > div {\n background-color: #eeeff2;\n cursor: not-allowed;\n }\n"],["\n width: auto;\n margin-top: 8px;\n .error {\n border-color: #e84c3d;\n }\n .disabled {\n background-color: #eeeff2;\n cursor: not-allowed;\n }\n\n .disabled > div {\n background-color: #eeeff2;\n cursor: not-allowed;\n }\n"]))),AZ=tt.div(wZ||(wZ=_Z(["\n margin: 24px 0;\n display: flex;\n flex-direction: column;\n"],["\n margin: 24px 0;\n display: flex;\n flex-direction: column;\n"]))),jZ=tt.div(SZ||(SZ=_Z(["\n height: 20px;\n font-size: 14px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.43;\n letter-spacing: normal;\n color: ",";\n margin-bottom: 8px;\n"],["\n height: 20px;\n font-size: 14px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.43;\n letter-spacing: normal;\n color: ",";\n margin-bottom: 8px;\n"])),qi),MZ=tt.input(CZ||(CZ=_Z(["\n padding-left: 8px;\n height: 40px;\n width: 100%;\n border-radius: 4px;\n border: solid 1px #d0d3d9;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: ",";\n margin-right: 8px;\n box-sizing: border-box;\n &:focus {\n outline: 0;\n }\n"],["\n padding-left: 8px;\n height: 40px;\n width: 100%;\n border-radius: 4px;\n border: solid 1px #d0d3d9;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: ",";\n margin-right: 8px;\n box-sizing: border-box;\n &:focus {\n outline: 0;\n }\n"])),yi),DZ=tt.textarea(kZ||(kZ=_Z(["\n padding-left: 8px;\n width: 242px;\n min-width: 242px;\n max-width: 242px;\n height: 100px;\n min-height: 100px;\n max-height: 300px;\n border-radius: 4px;\n border: solid 1px #d0d3d9;\n &:focus {\n outline: 0;\n }\n ","\n"],["\n padding-left: 8px;\n width: 242px;\n min-width: 242px;\n max-width: 242px;\n height: 100px;\n min-height: 100px;\n max-height: 300px;\n border-radius: 4px;\n border: solid 1px #d0d3d9;\n &:focus {\n outline: 0;\n }\n ","\n"])),(function(e){return e.theme.containerWidth>=ai&&Ne(EZ||(EZ=_Z(["\n width: 368px;\n min-width: 368px;\n max-width: 368px;\n "],["\n width: 368px;\n min-width: 368px;\n max-width: 368px;\n "])))})),RZ=function(e){var n=e.attributes,r=e.initValues,i=e.setIsSaveDisabled,o=Vl().userData,a=ec(o),s=tc(o),l=nc(o),c=function(e){var t=e.customer,n=e.automotiveRole;return"1"===t.automotiveAccess&&n===Fl.TECHNICIAN}(o),u=PZ(E.useState(),2),f=u[0],d=u[1],p=Y$(),h=p.errors,y=p.validateForm,m=p.setFieldValue;E.useEffect((function(){y(),v()}),[n]),E.useEffect((function(){0!==(null==f?void 0:f.length)?i(!0):i(!1)}),[f]);var v=function(){var e=0,t=[];return n.forEach((function(n){n&&n.isRequired&&(""===n.default||null===n.default)&&(++e,t.push(n))})),d(t),l&&c&&(e+=1),s&&c&&(e+=2),e},g=function(e,t){if(""!==e&&t.isRequired){var n=f.find((function(e){return e.attributeId===t.attributeId}));n&&d(f.filter((function(e){return e.attributeId!==t.attributeId})))}""===e&&t.isRequired&&!(n=f.find((function(e){return e.attributeId===t.attributeId})))&&d(TZ(TZ([],PZ(f),!1),[t],!1))};return a||n.length?(0,t.jsx)(IZ,{children:n.map((function(e,n){var i=!(!e.isReadOnly&&!e.isLocked||!r[n]),o=!!h["attributes".concat(n)],a=!!e.isRequired,s="";return i&&(s="disabled"),o&&(s+=" error"),(0,t.jsxs)(AZ,{children:[(0,t.jsxs)(jZ,{children:[e.title,a&&(0,t.jsx)("span",OZ({style:{color:Xi}},{children:"*"}))]}),"text"===e.type&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(hZ,{name:"attributes".concat(n),disabled:i,as:MZ,type:"text",required:a,className:s,defaultValue:e.default,onChange:function(t){g(t.target.value,e),m("attributes".concat(n),t.target.value)},onFocus:function(){y()}}),o?(0,t.jsx)("div",OZ({style:{color:"#E84C3D",marginTop:"3px"}},{children:h["attributes".concat(n)]})):(0,t.jsx)(t.Fragment,{})]}),"textarea"===e.type&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(hZ,{disabled:i,name:"attributes".concat(n),as:DZ,defaultValue:e.default,className:s,required:a,type:"text",onChange:function(t){g(t.target.value,e),m("attributes".concat(n),t.target.value)}}),o?(0,t.jsx)("div",OZ({style:{color:"#E84C3D",marginTop:"3px"}},{children:h["attributes".concat(n)]})):(0,t.jsx)(t.Fragment,{})]}),"dropdown"===e.type&&(0,t.jsx)(hZ,OZ({name:"attributes".concat(n),disabled:i,required:a,className:s},{children:function(o){var a=o.field,s=o.form,l=a.value,c=e.dropdownValues.map((function(e){return{value:e.value,label:e.value}}));return(0,t.jsx)(Sl,{isSearchable:!0,disabled:i,maxMenuHeight:100,options:c,defaultValue:c.find((function(t){return t.value===e.default}))||"",value:c.find((function(e){return e.value==l})),onChange:function(t){g(t.value,e),(e.isReadOnly||e.isLocked)&&r[n]?s.setFieldValue("attributes".concat(n),r[n]):s.setFieldValue("attributes".concat(n),t.value)}})}}))]},n)}))}):null},FZ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},LZ=function(){return LZ=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},LZ.apply(this,arguments)},BZ=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},NZ=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},zZ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},VZ=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},UZ=tt.div(rY||(rY=FZ(["\n display: flex;\n justify-content: space-between;\n box-sizing: border-box;\n ","\n"],["\n display: flex;\n justify-content: space-between;\n box-sizing: border-box;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(nY||(nY=FZ(["\n flex-direction: column;\n "],["\n flex-direction: column;\n "])))})),HZ=tt.div(aY||(aY=FZ(["\n box-sizing: border-box;\n width: 100%;\n ","\n ","\n"],["\n box-sizing: border-box;\n width: 100%;\n ","\n ","\n"])),(function(e){return e.theme.containerWidth>=ii&&Ne(iY||(iY=FZ(["\n width: 50%;\n "],["\n width: 50%;\n "])))}),(function(e){return e.theme.containerWidth<ii&&Ne(oY||(oY=FZ(["\n margin-top: 8px;\n "],["\n margin-top: 8px;\n "])))})),GZ=tt.div(lY||(lY=FZ(["\n box-sizing: border-box;\n width: 100%;\n ","\n"],["\n box-sizing: border-box;\n width: 100%;\n ","\n"])),(function(e){return e.theme.containerWidth>=ii&&Ne(sY||(sY=FZ(["\n padding-right: 52px;\n width: 50%;\n "],["\n padding-right: 52px;\n width: 50%;\n "])))})),WZ=tt.div(cY||(cY=FZ(["\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n margin-bottom: 32px;\n"],["\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n margin-bottom: 32px;\n"]))),qZ=tt.div(uY||(uY=FZ(["\n margin-bottom: ",";\n display: grid;\n gap: 8px;\n"],["\n margin-bottom: ",";\n display: grid;\n gap: 8px;\n"])),(function(e){return e.marginBottom||"16px"})),$Z=tt.div(fY||(fY=FZ(["\n background-color: ",";\n padding: 18px;\n display: flex;\n align-items: center;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n margin-top: -7px;\n"],["\n background-color: ",";\n padding: 18px;\n display: flex;\n align-items: center;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n margin-top: -7px;\n"])),hi),ZZ=tt.div(dY||(dY=FZ(["\n display: flex;\n justify-content: space-between;\n"],["\n display: flex;\n justify-content: space-between;\n"]))),YZ=tt.div(pY||(pY=FZ(["\n color: ",";\n"],["\n color: ",";\n"])),Vi),QZ=tt.div(hY||(hY=FZ(["\n font-weight: 600;\n color: ",";\n display: flex;\n align-items: center;\n"],["\n font-weight: 600;\n color: ",";\n display: flex;\n align-items: center;\n"])),zi),KZ=tt.div(yY||(yY=FZ(["\n display: flex;\n flex-wrap: wrap;\n"],["\n display: flex;\n flex-wrap: wrap;\n"]))),XZ="Search tags or create new...",JZ=[0,0],eY=function(e){e.children;var n,r=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(e,["children"]),i=r.data.label,o=!(null===(n=r.data)||void 0===n?void 0:n.__isNew__);return(0,t.jsx)(Es.Option,LZ({},r,{children:(0,t.jsxs)(QZ,{children:[o&&(0,t.jsx)(a$,{style:{marginRight:"8px"},width:15,height:15,color:Vi}),i]})}))};const tY=function(e){var n=e.recordingBlobUrl,r=e.recordDate,i=e.setSaveFunction,o=e.insertAfterSave,a=void 0!==o&&o,s=e.setIsSaveDisabled,l=e.skipUploadProcess,c=void 0!==l&&l,u=e.videoId,f=e.initialTitle,d=e.updateUploadLoading,p=Vl().userData,h=(Mt().showTrimFeature,(0,E.useMemo)((function(){return Ct(p,eq)}),[p,eq])),y=nc(p),m=tc(p),v=(0,E.createRef)(),g=zZ((0,E.useState)(f||r),2),x=g[0],b=g[1],w=zZ((0,E.useState)([]),2),S=w[0],C=w[1],k=zZ((0,E.useState)({value:"",label:"Select vehicle"}),2),_=k[0],O=k[1],P=zZ((0,E.useState)({value:"",label:"Select video type"}),2),T=P[0],I=P[1],A=zZ((0,E.useState)([]),2),j=A[0],M=A[1],D=zZ((0,E.useState)(),2),R=D[0],F=D[1],L=zZ((0,E.useState)([]),2),B=L[0],N=L[1],z=zZ((0,E.useState)([]),2),V=z[0],U=z[1],H=zZ((0,E.useState)({value:"",label:XZ}),2),G=H[0],W=H[1],q=zZ((0,E.useState)(!1),2),$=q[0],Z=q[1],Y=zZ((0,E.useState)(!1),2),Q=Y[0],K=Y[1],X=zZ((0,E.useState)({title:"",tags:""}),2),J=X[0],ee=X[1],te=zZ((0,E.useState)(),2),ne=te[0],re=te[1],ie=zZ((0,E.useState)(0),2),oe=ie[0],ae=ie[1],se=zZ((0,E.useState)({}),2),le=se[0],ce=se[1],ue=zZ((0,E.useState)(!0),2),fe=(ue[0],ue[1]),de=((0,E.useRef)([0,0]),zZ((0,E.useState)(JZ),2)),pe=de[0],he=de[1],ye=zZ((0,E.useState)(!1),2),me=ye[0],ve=ye[1],ge=zZ((0,E.useState)(u||""),2),xe=ge[0],be=ge[1],we=zZ((0,E.useState)(),2),Se=we[0],Ce=we[1],Ee=dn(),ke=(0,E.useRef)(null),_e=ef().toast,Oe=Object.values(y?sF:lF).map((function(e){return{value:e,label:e||"No video type"}})),Pe={};Pe.covideoName=x,Pe.saveToCompanyFolder=!1;var Te=function(){var e,t=ke.current.values;ce(t),Z(!1),e={title:"",tags:""},x&&x.length||(e.title="Title cannot be empty."),ee(e),Object.values(e).every((function(e){return""===e}))&&(null==d||d(!0),c?je(t):K(!0))},Ie=function(e){return e.sort((function(e,t){var n;return null===(n=e.labelField)||void 0===n?void 0:n.localeCompare(t.labelField)}))},Ae=function(e){return BZ(void 0,void 0,void 0,(function(){var t,n;return NZ(this,(function(r){switch(r.label){case 0:return t=e||le,(n=j.map((function(e,n){return{attributeId:e.attributeId,value:t["attributes".concat(n)]||"",videoId:parseInt(xe)}})))&&n.length?[4,kr(xe,n).catch((function(e){return e}))]:[3,2];case 1:r.sent(),r.label=2;case 2:return[2]}}))}))},je=function(e){return BZ(void 0,void 0,void 0,(function(){var t;return NZ(this,(function(n){switch(n.label){case 0:return n.trys.push([0,9,,10]),V.length?[4,BZ(void 0,void 0,void 0,(function(){var e;return NZ(this,(function(t){switch(t.label){case 0:return e=V.map((function(e){return{value:e.value,label:e.labelField,__isNew__:e.__isNew__}})),[4,e$(xe,e)];case 1:return t.sent(),[2]}}))}))]:[3,2];case 1:n.sent(),n.label=2;case 2:return[4,Ae(e)];case 3:return n.sent(),[4,BZ(void 0,void 0,void 0,(function(){var e;return NZ(this,(function(t){switch(t.label){case 0:return ec(p)?(e=LZ({videoId:parseInt(xe),videoType:(null==T?void 0:T.value)||""},!!y&&{vin:(null==_?void 0:_.value)||""}),[4,ar({data:e})]):[2,0];case 1:return[2,t.sent().videoRequestId]}}))}))];case 4:return n.sent(),me?[4,Me(xe)]:[3,6];case 5:(t=n.sent())&&be(t.id),n.label=6;case 6:return f&&u&&f!==x?[4,$n({videoId:u,videoBody:{title:x}})]:[3,8];case 7:n.sent(),n.label=8;case 8:return Z(!0),_e({message:"Successfully saved video!"}),[3,10];case 9:return n.sent(),_e({message:"There was an error while creating your video request. Please try again."}),[3,10];case 10:return[2]}}))}))},Me=function(e){return BZ(void 0,void 0,void 0,(function(){var t,n;return NZ(this,(function(r){switch(r.label){case 0:t=Math.floor(100*pe[0])/100,n=Math.floor(100*pe[1])/100,r.label=1;case 1:return r.trys.push([1,3,,4]),[4,Zn(e,{duration:n,start:t})];case 2:return[2,r.sent()];case 3:return r.sent(),_e({message:"Something went wrong while trimming the video, try again later!"}),[3,4];case 4:return[2]}}))}))};return(0,E.useEffect)((function(){BZ(void 0,void 0,void 0,(function(){return NZ(this,(function(e){switch(e.label){case 0:return[4,BZ(void 0,void 0,void 0,(function(){var e,t,n;return NZ(this,(function(r){switch(r.label){case 0:return r.trys.push([0,2,,3]),[4,Er({})];case 1:return e=r.sent(),M(e.attributes||[]),t=e.attributes.map((function(e,t){if("dropdown"===e.type){var n=e.dropdownValues.find((function(e){return e.default}));return n&&n.value?(Pe["attributes".concat(t)]=n.value,n.value):(Pe["attributes".concat(t)]="","")}return Pe["attributes".concat(t)]=e.default||"",e.default||""})),ke.current.values=Pe,Ce(Pe),F(t),[3,3];case 2:return n=r.sent(),console.log(n),[3,3];case 3:return[2]}}))}))];case 1:return e.sent(),[4,BZ(void 0,void 0,void 0,(function(){var e,t,n,r;return NZ(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,Jq({})];case 1:return e=i.sent(),t=[],e.forEach((function(e){t.push({label:e.tag,value:e.tagId,labelField:e.tag})})),n=Ie(t),N(n),[3,3];case 2:return r=i.sent(),console.log(r),[3,3];case 3:return[2]}}))}))];case 2:return e.sent(),[4,BZ(void 0,void 0,void 0,(function(){var e,n,r;return NZ(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,er({})];case 1:return(e=i.sent()).items&&(n=[],e.items.forEach((function(e){n.push({label:(0,t.jsxs)(ZZ,{children:[(0,t.jsxs)(QZ,{children:[(0,t.jsx)(n$,{style:{marginRight:"8px"},width:15,height:15,color:Vi}),e.title]}),(0,t.jsx)(YZ,{children:e.vin})]}),value:e.vin,labelField:e.vin})})),C(n)),[3,3];case 2:return r=i.sent(),console.log(r),[3,3];case 3:return[2]}}))}))];case 3:return e.sent(),[2]}}))}))}),[]),(0,E.useEffect)((function(){var e;n&&(e=n,BZ(void 0,void 0,void 0,(function(){var t,n;return NZ(this,(function(r){switch(r.label){case 0:return r.trys.push([0,2,,3]),[4,fetch(e||"").then((function(e){return e.blob()}))];case 1:return t=r.sent(),re(t),[3,3];case 2:return n=r.sent(),console.log(n),[3,3];case 3:return[2]}}))})))}),[n]),(0,E.useEffect)((function(){$&&setTimeout((function(){null==d||d(!1),a&&xe?Ee.push("/insert-video/".concat(xe)):Ee.push("/")}),400)}),[$,xe]),(0,E.useEffect)((function(){he([0,oe])}),[oe]),(0,E.useEffect)((function(){var e=kt({trimStart:pe[0],trimEnd:pe[1],videoDuration:oe});return ve(e),function(){ve(!1)}}),[pe,oe]),(0,E.useEffect)((function(){s(""===x)}),[x]),(0,E.useEffect)((function(){i&&i((function(){return Te}))}),[x,pe,oe,_,me]),(0,t.jsxs)("div",{children:[(0,t.jsx)($W,{when:!0,stay:!0,onConfirm:function(){},navigate:function(e){u&&BZ(void 0,void 0,void 0,(function(){return NZ(this,(function(e){switch(e.label){case 0:return u?[4,qn({videoIds:[u],deleteMultiple:!1})]:[2];case 1:return e.sent(),[2]}}))})),Ee.push(e)},shouldBlockNavigation:function(){return!$},title:"Delete Current Video?",text:"Do you want to go back? The current video will be deleted.",confirmButtonText:"No, Keep Video",discardButtonText:"Yes, Delete Video",showDiscardIcon:!1,showSaveIcon:!1}),Q?(0,t.jsx)(O$,{title:x,beginUploadProcess:Q,afterUpload:je,setSavedVideoId:be,file:ne,fileName:h}):(0,t.jsxs)(UZ,{children:[(0,t.jsxs)(GZ,{children:[(0,t.jsxs)(WZ,{children:[(0,t.jsx)(IU,{id:"",videoSource:n,videoRef:v,preventWideSize:!0,borderBottomRadius:"0px",setVideoDuration:ae,setIsVideoLoading:fe}),(0,t.jsxs)($Z,{children:[(0,t.jsx)(sT,{size:16,color:Oi,style:{marginRight:6}}),(0,t.jsx)("div",{children:Et()})]})]}),!1]}),(0,t.jsx)(HZ,{children:(0,t.jsx)(cZ,LZ({enableReinitialize:!0,innerRef:ke,initialValues:Se,validateOnMount:!0,onSubmit:function(){}},{children:function(e){return e.errors,e.isValid,e.values,e.setFieldValue,(0,t.jsxs)(yZ,{children:[(0,t.jsxs)(qZ,{children:[(0,t.jsx)(tz,{text:"Title"}),!!J.title&&(0,t.jsx)(tz,{text:J.title,color:Li}),(0,t.jsx)(uo,LZ({type:"text",onChange:function(e){return b(e.target.value)},value:x},J.title&&{borderColor:Li}))]}),(0,t.jsxs)(qZ,LZ({marginBottom:"8px"},{children:[(0,t.jsx)(tz,{text:"Tags"}),!!J.tags&&(0,t.jsx)(tz,{text:J.tags,color:Li}),(0,t.jsx)(Sl,{options:B.filter((function(e){return!e||!V.length||!V.some((function(t){return t.value===e.value}))})),placeholder:XZ,controlShouldRenderValue:!1,value:G,onChange:function(e){return function(e){if(e&&e.value){var t=B.some((function(t){return t.value==e.value})),n=t?e:{value:e.value,label:e.label,labelField:e.label,__isNew__:!0},r=V.find((function(e){return e.value===n.value}));r||U(VZ(VZ([],zZ(V),!1),[n],!1)),t||N(Ie(VZ(VZ([],zZ(B),!1),[n],!1))),W(n)}}(e)},isSearchable:!0,creatable:!0,extraStyles:LZ({},J.tags&&{borderColor:Li}),customComponents:{Option:eY}}),(0,t.jsx)(KZ,{children:V.map((function(e,n){return(0,t.jsx)(vo,{icon:(0,t.jsx)(a$,{width:15,height:15,color:Vi}),text:e.label,padding:"5px",height:"24px",onClick:function(){return function(e,t){var n=VZ([],zZ(V),!1);if(n.splice(t,1),U(n),W({value:"",label:XZ}),G.__isNew__){var r=VZ([],zZ(B),!1),i=B.findIndex((function(t){return t.value===e.value}));i>-1&&(r.splice(i,1),N(r))}}(e,n)}},e.value)}))})]})),y&&(0,t.jsxs)(qZ,{children:[(0,t.jsx)(tz,{text:"VIN / search vehicle"}),(0,t.jsx)(Sl,{options:S,value:_,onChange:function(e){return O(e)},isSearchable:!0,isClearable:!!(null==_?void 0:_.value)})]}),(m||y)&&(0,t.jsxs)(qZ,LZ({marginBottom:"8px"},{children:[(0,t.jsx)(tz,{text:"Video Type"}),(0,t.jsx)(Sl,{options:Oe,value:T,onChange:function(e){return I(e)},isSearchable:!0,isClearable:!!(null==T?void 0:T.value)})]})),(0,t.jsx)(RZ,{attributes:j||[],initValues:R,setIsSaveDisabled:s})]})}}))})]})]})};var nY,rY,iY,oY,aY,sY,lY,cY,uY,fY,dY,pY,hY,yY,mY,vY,gY,xY,bY,wY,SY,CY,EY,kY,_Y,OY,PY,TY,IY,AY,jY,MY,DY,RY,FY,LY,BY,NY,zY,VY,UY,HY,GY,WY,qY,$Y,ZY=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},YY=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},QY=tt.div(mY||(mY=ZY(["\n background: ",";\n"],["\n background: ",";\n"])),ki),KY=tt.div(vY||(vY=ZY(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"]))),XY=function(e){var n=e.loading,r=void 0!==n&&n,i=Mt().showInsertFeature,o=dn(),a=YY((0,E.useState)(Et()),2),s=a[0],l=a[1],c=YY((0,E.useState)(!1),2),u=c[0],f=c[1],d=YY(E.useState(""),2),p=d[0],h=d[1],y=YY((0,E.useState)(),2),m=y[0],v=y[1],g=YY((0,E.useState)(!1),2),x=g[0],b=g[1],w=YY((0,E.useState)(!1),2),S=w[0],C=w[1],k=YY((0,E.useState)(!1),2),_=k[0],O=k[1],P=!r&&!!p;return(0,t.jsxs)(QY,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return o.push("/record/home")}}),center:(0,t.jsx)(KY,{children:P?"":"Record Video"}),right:P&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(vo,{onClick:function(){return null==m?void 0:m()},text:"Save",disabled:S||_,textColor:zi,backgroundColor:Ui,borderColor:Ui,fontSize:"15px",icon:_?(0,t.jsx)(bo,{size:12,color:zi}):(0,t.jsx)(kW,{height:"15px"})}),i&&(0,t.jsx)(vo,{onClick:function(){b(!0),null==m||m()},text:"Continue to Insert",disabled:S||_,textColor:hi,backgroundColor:Ai,borderColor:Mi,fontSize:"15px"})]})}),(0,t.jsxs)(co,{children:[(0,t.jsx)(_o,{isLoading:r}),P&&(0,t.jsx)(tY,{recordingBlobUrl:p,recordDate:s,setSaveFunction:v,insertAfterSave:x,setIsSaveDisabled:C,updateUploadLoading:function(e){return O(e)}}),!r&&!p&&(0,t.jsx)(co,{children:!u&&(0,t.jsx)($q,{onUpload:function(e,t){return n=void 0,r=void 0,o=function(){return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(t){return l(e.covideoName),f(!0),h(""),[2]}))},new((i=void 0)||(i=Promise))((function(e,t){function a(e){try{l(o.next(e))}catch(e){t(e)}}function s(e){try{l(o.throw(e))}catch(e){t(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,s)}l((o=o.apply(n,r||[])).next())}));var n,r,i,o},uploadDisabled:!s,onRecordingUrlGeneration:function(e){h(e)}})})]})]})},JY=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},eQ=function(){return eQ=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},eQ.apply(this,arguments)},tQ=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},nQ=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},rQ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},iQ=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},oQ=tt.div(gY||(gY=JY(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: auto;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n margin-left: auto;\n margin-right: auto;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n padding-left: 0;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: auto;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n margin-left: auto;\n margin-right: auto;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n padding-left: 0;\n }\n"])),Zi,hi,Yi),aQ=tt.div(xY||(xY=JY(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(50% - 48.5px - 150px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(50% - 48.5px - 150px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n }\n"])),(function(e){return e.theme.primaryColor}),hi,(function(e){return e.theme.primaryColor})),sQ=tt.div(bY||(bY=JY(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 70px;\n margin-left: calc(50% - 35px);\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 70px;\n margin-left: calc(50% - 35px);\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Ni,yi,$i),lQ=tt.div(wY||(wY=JY(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Ni,yi,$i),cQ=tt.div(SY||(SY=JY(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 112px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 112px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Zi,hi,Yi),uQ=tt.div(CY||(CY=JY(["\n margin-left: 5%;\n margin-top: 5%;\n"],["\n margin-left: 5%;\n margin-top: 5%;\n"]))),fQ=tt.div(kY||(kY=JY(["\n display: flex;\n flex-direction: row;\n width: 770px;\n max-width: 100%;\n z-index: 9;\n margin-top: 32px;\n ","\n"],["\n display: flex;\n flex-direction: row;\n width: 770px;\n max-width: 100%;\n z-index: 9;\n margin-top: 32px;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(EY||(EY=JY(["\n justify-content: space-between;\n "],["\n justify-content: space-between;\n "])))})),dQ=tt.div(_Y||(_Y=JY(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n"]))),pQ=tt.div(OY||(OY=JY(["\n width: 150px;\n display: flex;\n flex-direction: row;\n"],["\n width: 150px;\n display: flex;\n flex-direction: row;\n"]))),hQ=tt.div(PY||(PY=JY(["\n position: absolute;\n top: 0;\n width: 770px;\n height: 434px;\n max-width: 100%;\n margin: 0 auto;\n display: ",";\n justify-content: center;\n"],["\n position: absolute;\n top: 0;\n width: 770px;\n height: 434px;\n max-width: 100%;\n margin: 0 auto;\n display: ",";\n justify-content: center;\n"])),(function(e){return e.show?"flex":"none"})),yQ={low:{width:{ideal:640},height:{ideal:360}},standard:{width:{ideal:1280},height:{ideal:720}},high:{width:{ideal:1920},height:{ideal:1080}}},mQ={videoSource:{value:""},videoQuality:"standard",audioSource:{value:"default"}},vQ="undefined"!=typeof InstallTrigger,gQ=null,xQ=function(e){var n,r=e.onRecordingStart,i=e.onRecordingEnd,o=e.uploadDisabled,a=e.virtualBackgroundUrl,s=void 0===a?null:a,l=e.showRecordingButton,c=void 0===l||l,u=e.onRecordingUrlGeneration,f=dn(),d=E.useRef(null),p=(0,E.useRef)(null),h=(0,E.useRef)(null),y=rQ((0,E.useState)(3),2),v=y[0],g=y[1],x=rQ((0,E.useState)(!1),2),b=x[0],w=x[1],S=rQ((0,E.useState)(!1),2),C=S[0],k=S[1],_=rQ((0,E.useState)(0),2),O=_[0],P=_[1],T={videoSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(mQ)).videoSource,videoQuality:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(mQ)).videoQuality,audioSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(mQ)).audioSource},I=rQ(E.useState(!!s),2),A=I[0],j=I[1],M=Vl().userData,D=rQ(E.useState(!1),2),R=D[0],F=D[1];try{n={deviceId:T.audioSource.value}}catch(e){}T&&T.audioSource&&T.audioSource.value||(n=!1);var L=T&&T.videoQuality&&T.videoQuality.value?yQ[T.videoQuality]:yQ.standard,B=rq({video:eQ(eQ({},L),{frameRate:24,deviceId:T.videoSource&&T.videoSource.value}),audio:n,quality:T.videoQuality,blobPropertyBag:{type:XW},mimeType:XW}),N=B.status,z=B.startRecording,V=B.startRecordingForCanvas,U=B.stopRecording,H=B.pauseRecording,G=B.resumeRecording,W=B.mediaBlobUrl,q=B.previewStream,$=B.error;E.useEffect((function(){return localStorage.setItem(m.recordError,""),T.videoSource&&T.videoSource.value||(localStorage.setItem(m.recordError,"No camera detected. Please check your recording settings and make sure the camera is plugged in."),f.push("/record/home")),function(){ee()}}),[]),(0,E.useEffect)((function(){b||p&&p.current&&q&&(p.current.srcObject=q)}),[q,p]),(0,E.useEffect)((function(){b||(q&&""!==s&&null!=s&&!W?j(!0):s&&!W||(j(!1),h.current=null))}),[s,q,W]),(0,E.useEffect)((function(){var e=sq((function(){!b||C||v||P(O+1)}),1e3);return function(){aq(e)}})),(0,E.useEffect)((function(){var e,t,n,r,i;M&&M.authCalled&&(null===(e=M.user)||void 0===e?void 0:e.packageDetails)&&(null===(n=null===(t=M.user)||void 0===t?void 0:t.packageDetails)||void 0===n?void 0:n.maxLength)&&O>=(null===(i=null===(r=M.user)||void 0===r?void 0:r.packageDetails)||void 0===i?void 0:i.maxLength)&&Q()}),[O,M,M.authCalled]);var Z=function(){b&&v>0&&(clearTimeout(gQ),w(!1),g(3))},Y=function(){w(!0)},Q=function(){i&&i(),w(!1),U();try{iQ([],rQ(window.streams),!1).filter(Boolean).forEach((function(e){return te(e)})),window.streams=[]}catch(e){}},K=function(){H(),k(!0)},X=function(){G(),k(!1)};E.useEffect((function(){("permission_denied"===$||vQ&&void 0===$)&&f.push("/record/home")}),[$]),E.useEffect((function(){if(v>0&&b)gQ=setTimeout((function(){return g(v-1)}),1e3);else if(b)if(r&&r(),s&&A)try{V(d.current.captureStream(30)),window.Intercom&&window.Intercom("trackEvent","virtual-background-used")}catch(e){console.log("EXCEPTION :: ",e),z()}else z()}),[b,v]),E.useEffect((function(){s&&!R&&p.current&&q&&(p.current.srcObject=q,J())}),[s,R,p,q]),E.useEffect((function(){W&&u(W)}),[W]);var J=function(){return tQ(void 0,void 0,void 0,(function(){var e;return nQ(this,(function(t){return F(!0),(e=null==q?void 0:q.getVideoTracks()[0])&&e.getSettings().width&&"live"===e.readyState?(setTimeout((function(){return tQ(void 0,void 0,void 0,(function(){return nQ(this,(function(e){try{p.current.requestVideoFrameCallback(ne)}catch(e){p.current.requestVideoFrameCallback(ne)}return[2]}))}))}),250),[2]):(J(),[2])}))}))};E.useEffect((function(){return function(){ee()}}),[]);var ee=function(){iQ([],rQ(window.streams),!1).filter(Boolean).forEach((function(e){return te(e)})),window.streams=[],w(!1),gQ&&clearTimeout(gQ)},te=function(e){try{e.getTracks().forEach((function(e){return e.stop()}))}catch(e){}},ne=function(e,t){return tQ(void 0,void 0,void 0,(function(){return nQ(this,(function(e){return p&&p.current?(p.current.requestVideoFrameCallback(ne),[2,!0]):[2]}))}))},re=E.useMemo((function(){return(0,t.jsxs)(t.Fragment,{children:[!W&&q&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("video",{hidden:A,ref:p,width:770,style:{maxWidth:"100%"},height:434,autoPlay:!0}),(0,t.jsx)("canvas",{ref:d,hidden:!A,width:770,style:{maxWidth:"100%"},height:434})]}),c?(0,t.jsxs)(fQ,{children:["recording"===N&&(0,t.jsxs)(pQ,{children:[!C&&(0,t.jsx)(lQ,eQ({onClick:K},{children:(0,t.jsx)(vo,{backgroundColor:$i,icon:(0,t.jsx)(EV,{}),textColor:"#000",text:"Pause",onClick:K})})),C&&(0,t.jsx)(cQ,eQ({onClick:X},{children:(0,t.jsx)(vo,{backgroundColor:Zi,icon:(0,t.jsx)(Lc,{color:hi,size:34}),textColor:"#fff",text:"Resume",onClick:X})})),(0,t.jsx)(uQ,{children:St(O,0)})]}),"recording"===N&&(0,t.jsx)(aQ,{children:(0,t.jsx)(vo,{icon:(0,t.jsx)(MV,{color:hi}),backgroundColor:Xi,textColor:hi,text:"Finish",onClick:Q})}),b&&"recording"!==N&&(0,t.jsx)(sQ,eQ({onClick:Z},{children:(0,t.jsx)(vo,{backgroundColor:$i,textColor:"#000",text:"Cancel",onClick:Z})})),!b&&"idle"===N&&(0,t.jsx)(oQ,{children:(0,t.jsx)(vo,{backgroundColor:Zi,icon:(0,t.jsx)(wW,{width:24,height:24,opacity:1}),text:"Start recording",textColor:"#fff",onClick:Y})}),"stopped"===N&&(0,t.jsx)(t.Fragment,{}),"stopped"===N&&(0,t.jsx)(t.Fragment,{})]}):null]})}),[N,O,b,C,W,T,o]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)($W,{when:!0,stay:!0,onConfirm:function(){},navigate:function(e){return f.push(e)},shouldBlockNavigation:function(e){return"recording"===N},title:"Leave without saving the recording?",text:"Your recording will not be saved. This action can’t be undone.",confirmButtonText:"Continue",discardButtonText:"Leave"}),(0,t.jsxs)(dQ,{children:[(0,t.jsx)(hQ,eQ({show:v>0&&b},{children:(0,t.jsx)(Eu,{height:"434px",width:"770px",counter:v,willStart:v>0&&b,onClick:function(){},hide:!v})})),re]})]})},bQ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},wQ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},SQ=tt.div(TY||(TY=bQ(["\n background: ",";\n"],["\n background: ",";\n"])),ki),CQ=tt.div(IY||(IY=bQ(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"]))),EQ=function(e){var n=e.loading,r=void 0!==n&&n,i=Mt().showInsertFeature,o=dn(),a=wQ((0,E.useState)(Et()),2),s=a[0],l=a[1],c=wQ((0,E.useState)(!1),2),u=c[0],f=c[1],d=wQ(E.useState(""),2),p=d[0],h=d[1],y=wQ((0,E.useState)(),2),m=y[0],v=y[1],g=wQ((0,E.useState)(!1),2),x=g[0],b=g[1],w=wQ((0,E.useState)(!1),2),S=w[0],C=w[1],k=wQ((0,E.useState)(!1),2),_=k[0],O=k[1],P=!r&&!!p;return(0,t.jsxs)(SQ,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return o.push("/record/home")}}),center:(0,t.jsx)(CQ,{children:P?"":"Record Video"}),right:P&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(vo,{onClick:function(){return null==m?void 0:m()},text:"Save",disabled:S||_,textColor:zi,backgroundColor:Ui,borderColor:Ui,fontSize:"15px",icon:_?(0,t.jsx)(bo,{size:12,color:zi}):(0,t.jsx)(kW,{height:"15px"})}),i&&(0,t.jsx)(vo,{onClick:function(){b(!0),null==m||m()},text:"Continue to Insert",disabled:S||_,textColor:hi,backgroundColor:Ai,borderColor:Mi,fontSize:"15px"})]})}),(0,t.jsxs)(co,{children:[(0,t.jsx)(_o,{isLoading:r}),P&&(0,t.jsx)(tY,{recordingBlobUrl:p,recordDate:s,setSaveFunction:v,insertAfterSave:x,setIsSaveDisabled:C,updateUploadLoading:function(e){return O(e)}}),!r&&!p&&(0,t.jsxs)("div",{children:[(0,t.jsx)(co,{children:!u&&(0,t.jsx)(xQ,{onUpload:function(e,t){return n=void 0,r=void 0,o=function(){return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(t){return l(e.covideoName),f(!0),h(""),[2]}))},new((i=void 0)||(i=Promise))((function(e,t){function a(e){try{l(o.next(e))}catch(e){t(e)}}function s(e){try{l(o.throw(e))}catch(e){t(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,s)}l((o=o.apply(n,r||[])).next())}));var n,r,i,o},uploadDisabled:!s,onRecordingUrlGeneration:function(e){h(e)}})}),(0,t.jsx)("div",{style:{position:"absolute",bottom:"25px",right:"20px",height:"auto",width:"auto",zIndex:150,cursor:"pointer"}})]})]})]})},kQ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},_Q=function(){return _Q=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},_Q.apply(this,arguments)},OQ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},PQ=tt.div(AY||(AY=kQ(["\n margin-left: calc(50% - 82.5px);\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 165px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n padding-left: 0;\n }\n"],["\n margin-left: calc(50% - 82.5px);\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 165px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n padding-left: 0;\n }\n"])),Zi,hi,Yi),TQ=tt.div(jY||(jY=kQ(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(50% - 48.5px - 150px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(50% - 48.5px - 150px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n width: 25px;\n opacity: 1;\n }\n .text {\n font-size: 15px;\n }\n"])),hi,(function(e){return e.theme.primaryColor})),IQ=tt.div(MY||(MY=kQ(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n height: 40px;\n width: 166px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(100% - 274px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n height: 40px;\n width: 166px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n margin-left: calc(100% - 274px);\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"])),hi,(function(e){return e.theme.primaryColor})),AQ=tt.div(DY||(DY=kQ(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 108px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"],["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 108px;\n border-radius: 4px;\n cursor: pointer;\n opacity: 1;\n transition: width 0.2s ease;\n overflow: hidden;\n font-size: 14px !important;\n font-weight: 600;\n line-height: 1.6;\n &:hover {\n background-color: ",";\n }\n .icon-wrapper {\n margin-right: 0;\n }\n .text {\n font-size: 15px;\n }\n"])),$i,yi,Qi),jQ=tt.div(RY||(RY=kQ(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 70px;\n margin-left: calc(50% - 35px);\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 70px;\n margin-left: calc(50% - 35px);\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Ni,yi,$i),MQ=tt.div(FY||(FY=kQ(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 97px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Ni,yi,$i),DQ=tt.div(LY||(LY=kQ(["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 112px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"],["\n min-width: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n color: ",";\n height: 40px;\n width: 112px;\n border-radius: 4px;\n cursor: pointer;\n transition: width 0.2s ease;\n overflow: hidden;\n &:hover {\n background-color: ",";\n }\n"])),Zi,hi,Yi),RQ=tt.div(NY||(NY=kQ(["\n display: flex;\n width: 710px;\n max-width: 100%;\n flex-direction: row;\n ","\n"],["\n display: flex;\n width: 710px;\n max-width: 100%;\n flex-direction: row;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(BY||(BY=kQ(["\n justify-content: space-between;\n "],["\n justify-content: space-between;\n "])))})),FQ=tt.div(zY||(zY=kQ(["\n width: 150px;\n display: flex;\n flex-direction: row;\n"],["\n width: 150px;\n display: flex;\n flex-direction: row;\n"]))),LQ=tt.div(VY||(VY=kQ(["\n margin-left: 5%;\n margin-top: 5%;\n"],["\n margin-left: 5%;\n margin-top: 5%;\n"]))),BQ=tt.div(UY||(UY=kQ(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n"]))),NQ=tt.div(HY||(HY=kQ(["\n width: 770px;\n height: 434px;\n max-width: 100%;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n"],["\n width: 770px;\n height: 434px;\n max-width: 100%;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n"]))),zQ="undefined"!=typeof InstallTrigger,VQ=null,UQ={low:{width:{ideal:640},height:{ideal:360}},standard:{width:{ideal:1280},height:{ideal:720}},high:{width:{ideal:1920},height:{ideal:1080}}},HQ={videoSource:{value:""},videoQuality:"standard",audioSource:{value:"default"}},GQ=0,WQ=navigator.mediaDevices.getDisplayMedia,qQ=E.memo((function(e){var n=e.onRecordingStart,r=e.onRecordingEnd,i=e.onUpload,o=e.uploadDisabled,a=e.onRecordingUrlGeneration;GQ++;var s,l=dn(),c=OQ((0,E.useState)(3),2),u=c[0],f=c[1],d=OQ((0,E.useState)(!1),2),p=d[0],h=d[1],y=OQ((0,E.useState)(!1),2),v=y[0],g=y[1],x=OQ((0,E.useState)(!1),2),b=x[0],w=x[1],S=OQ((0,E.useState)(!1),2),C=S[0],k=S[1],_=OQ((0,E.useState)(0),2),O=_[0],P=_[1],T={videoSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(HQ)).videoSource,videoQuality:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(HQ)).videoQuality,audioSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(HQ)).audioSource};try{s={deviceId:T.audioSource.value}}catch(e){}T&&T.audioSource&&T.audioSource.value||(s=!1),GQ>1&&(navigator.mediaDevices.getDisplayMedia=function(){});var I=T&&T.videoQuality?UQ[T.videoQuality]:UQ.standard,A=Vl().userData,j=rq({screen:!0,video:_Q(_Q({},I),{frameRate:24}),audio:s,quality:T.videoQuality,blobPropertyBag:{type:XW},mimeType:XW}),M=j.status,D=j.startRecording,R=j.stopRecording,F=j.pauseRecording,L=j.resumeRecording,B=j.mediaBlobUrl,N=j.previewStream,z=j.error;N&&(N.getVideoTracks()[0].onended=function(){"recording"===M?H():l.push("/record/home")}),E.useEffect((function(){B&&a(B)}),[B]),E.useEffect((function(){return localStorage.setItem(m.recordError,""),function(){GQ=0,navigator.mediaDevices.getDisplayMedia=WQ,$()}}),[]),E.useEffect((function(){("permission_denied"===z||zQ&&void 0===z)&&(localStorage.setItem(m.recordError,"Please allow access to share your screen then try again."),GQ=0,navigator.mediaDevices.getDisplayMedia=WQ,l.push("/record/home"))}),[z]),E.useEffect((function(){C||b||!N||B||p||U()}),[N]),E.useEffect((function(){var e=sq((function(){!p||v||u||P(O+1)}),1e3);return function(){aq(e)}})),E.useEffect((function(){var e,t,n,r,i;A&&A.authCalled&&(null===(e=A.user)||void 0===e?void 0:e.packageDetails)&&(null===(n=null===(t=A.user)||void 0===t?void 0:t.packageDetails)||void 0===n?void 0:n.maxLength)&&O>=(null===(i=null===(r=A.user)||void 0===r?void 0:r.packageDetails)||void 0===i?void 0:i.maxLength)&&H()}),[O,A,A.authCalled]);var V=function(){p&&u>0&&(w(!0),clearTimeout(VQ),h(!1),f(3))},U=function(){w(!1),h(!0)},H=function(){k(!0),r&&r(),h(!1),R()},G=function(){F(),g(!0)},W=function(){L(),g(!1)},q=function(){return e=void 0,t=void 0,r=function(){var e;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(t){switch(t.label){case 0:return[4,fetch(B||"").then((function(e){return e.blob()}))];case 1:return e=t.sent(),$(),i({file:e,fileUrl:B}),[2]}}))},new((n=void 0)||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}));var e,t,n,r};E.useEffect((function(){u>0&&p?VQ=setTimeout((function(){return f(u-1)}),1e3):p&&(n&&n(),D())}),[p,u]);var $=function(){(function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))})([],OQ(window.streams),!1).filter(Boolean).forEach((function(e){return Z(e)})),window.streams=[],h(!1),VQ&&clearTimeout(VQ)},Z=function(e){try{e.getTracks().forEach((function(e){return e.stop()}))}catch(e){}},Y=E.useMemo((function(){return(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)(RQ,{children:["recording"===M&&(0,t.jsxs)(FQ,{children:[!v&&(0,t.jsx)(MQ,_Q({onClick:G},{children:(0,t.jsx)(vo,{backgroundColor:$i,icon:(0,t.jsx)(EV,{}),textColor:"#000",text:"Pause",onClick:G})})),v&&(0,t.jsx)(DQ,_Q({onClick:W},{children:(0,t.jsx)(vo,{backgroundColor:Zi,icon:(0,t.jsx)(Lc,{color:hi,size:34}),textColor:"#fff",text:"Resume",onClick:W})})),(0,t.jsx)(LQ,{children:St(O,0)})]}),"recording"===M&&(0,t.jsx)(TQ,{children:(0,t.jsx)(vo,{backgroundColor:Xi,icon:(0,t.jsx)(MV,{color:hi}),textColor:"#fff",text:"Finish",onClick:H})}),p&&"recording"!==M&&(0,t.jsx)(jQ,_Q({onClick:V},{children:(0,t.jsx)(vo,{backgroundColor:$i,textColor:"#000",text:"Cancel",onClick:V})})),!p&&"idle"===M&&(0,t.jsx)(PQ,{children:(0,t.jsx)(vo,{backgroundColor:Zi,icon:(0,t.jsx)(wW,{width:24,height:24,opacity:1}),text:"Start recording",textColor:"#fff",onClick:U})}),"stopped"===M&&(0,t.jsx)(AQ,{children:(0,t.jsx)(vo,{backgroundColor:$i,icon:(0,t.jsx)(TW,{height:20,width:20,color:yi}),textColor:"#000",text:"Discard",onClick:function(){return l.push("/record/home")}})}),"stopped"===M&&(0,t.jsx)(IQ,{children:(0,t.jsx)(vo,{disabled:o,backgroundColor:Xi,icon:(0,t.jsx)(kW,{height:20,width:20,color:hi}),textColor:"#fff",text:"Save Recording",onClick:q})})]})})}),[M,O,p,v,B,o]);return(0,t.jsxs)("div",{children:[(0,t.jsx)($W,{when:!0,stay:!0,onConfirm:function(){},navigate:function(e){return l.push(e)},shouldBlockNavigation:function(e){return"recording"===M},title:"Leave without saving the recording?",text:"Your recording will not be saved. This action can’t be undone.",confirmButtonText:"Continue",discardButtonText:"Leave"}),(0,t.jsxs)(BQ,{children:[(0,t.jsx)(NQ,{children:(0,t.jsx)(Eu,{counter:u,willStart:u>0&&p,onClick:function(){},hide:!u})}),Y]})]})})),$Q=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},ZQ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},YQ=tt.div(GY||(GY=$Q(["\n background: ",";\n"],["\n background: ",";\n"])),ki),QQ=tt.div(WY||(WY=$Q(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"]))),KQ=function(e){var n=e.loading,r=void 0!==n&&n,i=Mt().showInsertFeature,o=dn(),a=ZQ((0,E.useState)(Et()),2),s=a[0],l=a[1],c=ZQ((0,E.useState)(!1),2),u=c[0],f=c[1],d=ZQ(E.useState(""),2),p=d[0],h=d[1],y=ZQ((0,E.useState)(),2),m=y[0],v=y[1],g=ZQ((0,E.useState)(!1),2),x=g[0],b=g[1],w=ZQ((0,E.useState)(!1),2),S=w[0],C=w[1],k=ZQ((0,E.useState)(!1),2),_=k[0],O=k[1],P=!r&&!!p;return(0,t.jsxs)(YQ,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return o.push("/record/home")}}),center:(0,t.jsx)(QQ,{children:P?"":"Record Video"}),right:P&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(vo,{onClick:function(){return null==m?void 0:m()},text:"Save",disabled:S||_,textColor:zi,backgroundColor:Ui,borderColor:Ui,fontSize:"15px",icon:_?(0,t.jsx)(bo,{size:12,color:zi}):(0,t.jsx)(kW,{height:"15px"})}),i&&(0,t.jsx)(vo,{onClick:function(){b(!0),null==m||m()},text:"Continue to Insert",disabled:S||_,textColor:hi,backgroundColor:Ai,borderColor:Mi,fontSize:"15px"})]})}),(0,t.jsxs)(co,{children:[(0,t.jsx)(_o,{isLoading:r}),P&&(0,t.jsx)(tY,{recordingBlobUrl:p,recordDate:s,setSaveFunction:v,insertAfterSave:x,setIsSaveDisabled:C,updateUploadLoading:function(e){return O(e)}}),!r&&!p&&(0,t.jsx)(co,{children:!u&&(0,t.jsx)(qQ,{onUpload:function(e,t){return n=void 0,r=void 0,o=function(){return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(t){return l(e.covideoName),f(!0),h(""),[2]}))},new((i=void 0)||(i=Promise))((function(e,t){function a(e){try{l(o.next(e))}catch(e){t(e)}}function s(e){try{l(o.throw(e))}catch(e){t(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,s)}l((o=o.apply(n,r||[])).next())}));var n,r,i,o},uploadDisabled:!s,onRecordingUrlGeneration:function(e){h(e)}})})]})]})},XQ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},JQ=function(){return JQ=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},JQ.apply(this,arguments)},eK=tt.div(qY||(qY=XQ(["\n display: flex;\n justify-content: center;\n align-items: flex-start;\n gap: 32px;\n margin: ",";\n"],["\n display: flex;\n justify-content: center;\n align-items: flex-start;\n gap: 32px;\n margin: ",";\n"])),(function(e){return e.margin})),tK=tt.div($Y||($Y=XQ(["\n width: ",";\n > video {\n display: block;\n width: 100%;\n border-radius: 4px;\n height: ",";\n object-fit: contain;\n background: ",";\n }\n"],["\n width: ",";\n > video {\n display: block;\n width: 100%;\n border-radius: 4px;\n height: ",";\n object-fit: contain;\n background: ",";\n }\n"])),(function(e){var t=e.width;return"".concat(t,"px")}),(function(e){var t=e.width;return"".concat(.5625*t,"px")}),Ei),nK=function(e){var n=e.video,r=e.videoRef,i=e.width,o=void 0===i?696:i,a=e.margin,s=void 0===a?"0":a,l=e.useCovideoPlayer,c=void 0!==l&&l;return(0,t.jsxs)(eK,JQ({margin:s},{children:[!c&&(0,t.jsx)(tK,JQ({width:o},{children:(0,t.jsx)("video",JQ({ref:r,preload:"metadata",width:o},{children:(0,t.jsx)("source",{src:n.videoSource,type:"video/mp4"})}))})),c&&(0,t.jsx)(IU,{width:"".concat(o,"px"),playerBackgroundColor:n.playerBackgroundColor||"",videoSource:n.videoSource,videoId:n.id,playButtonPosition:n.playButtonPosition||"",playerIconsColor:n.playerIconsAndTextColor||"",videoRef:r,autoplay:!1,disableControls:!0,startWithControls:!1})]}))};function rK(e){return Tc({tag:"svg",attr:{fill:"currentColor",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"}},{tag:"path",attr:{d:"M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"}}]})(e)}var iK,oK,aK,sK,lK,cK,uK,fK=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},dK=tt.div(iK||(iK=fK(["\n box-sizing: border-box;\n width: 400px;\n max-width: 100%;\n padding: 32px;\n min-height: 208px;\n background-color: ",";\n"],["\n box-sizing: border-box;\n width: 400px;\n max-width: 100%;\n padding: 32px;\n min-height: 208px;\n background-color: ",";\n"])),hi),pK=tt.div(oK||(oK=fK(["\n display: flex;\n color: ",";\n align-items: center;\n justify-content: space-between;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n"],["\n display: flex;\n color: ",";\n align-items: center;\n justify-content: space-between;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n"])),yi),hK=tt.label(aK||(aK=fK(["\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n color: ",";\n &:hover {\n cursor: pointer;\n }\n"],["\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n color: ",";\n &:hover {\n cursor: pointer;\n }\n"])),Hi),yK=tt.div(sK||(sK=fK(["\n margin-top: 32px;\n"],["\n margin-top: 32px;\n"]))),mK=tt.section(lK||(lK=fK(["\n display: flex;\n flex-direction: row-reverse;\n margin-top: 48px;\n gap: 8px;\n"],["\n display: flex;\n flex-direction: row-reverse;\n margin-top: 48px;\n gap: 8px;\n"]))),vK=function(e){var n=e.title,r=e.content,i=e.primaryButtonText,o=e.secondaryButtonText,a=e.handleModalClose,s=e.handleSubmit,l=e.primaryButtonType,c=void 0===l?"default":l,u=(0,E.useContext)(Ye);return(0,t.jsx)(Cc,{children:(0,t.jsxs)(dK,{children:[(0,t.jsxs)(pK,{children:[n,(0,t.jsx)(hK,{children:(0,t.jsx)(sf,{width:"24px",height:"24px",onClick:a})})]}),(0,t.jsxs)(yK,{children:[r,(0,t.jsxs)(mK,{children:[(0,t.jsx)(vo,{text:i,backgroundColor:"danger"===c?Fi:u.colors.primaryColor,textColor:"danger"===c?Li:hi,onClick:s}),(0,t.jsx)(vo,{text:o,onClick:a})]})]})]})})},gK=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},xK=function(){return xK=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},xK.apply(this,arguments)},bK=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},wK=tt.div(DK||(DK=gK(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 11px;\n width: ",";\n max-width: 100%;\n margin: ",";\n ","\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 11px;\n width: ",";\n max-width: 100%;\n margin: ",";\n ","\n"])),(function(e){var t=e.width;return"".concat(t,"px")}),(function(e){return e.margin}),(function(e){return e.disabled&&Ne(MK||(MK=gK(["\n pointer-events: none;\n opacity: 0.4;\n "],["\n pointer-events: none;\n opacity: 0.4;\n "])))})),SK=tt.div(RK||(RK=gK(["\n display: flex;\n justify-content: center;\n gap: 8px;\n flex-shrink: 0;\n"],["\n display: flex;\n justify-content: center;\n gap: 8px;\n flex-shrink: 0;\n"]))),CK=tt.div(LK||(LK=gK(["\n position: relative;\n width: 100%;\n height: 40px;\n box-sizing: border-box;\n border-radius: 6px;\n display: flex;\n align-items: center;\n background: ",";\n border: 1px solid ",";\n border-radius: 6px;\n ","\n"],["\n position: relative;\n width: 100%;\n height: 40px;\n box-sizing: border-box;\n border-radius: 6px;\n display: flex;\n align-items: center;\n background: ",";\n border: 1px solid ",";\n border-radius: 6px;\n ","\n"])),Ci,Si,(function(e){return e.disabled&&Ne(FK||(FK=gK(["\n cursor: not-allowed;\n "],["\n cursor: not-allowed;\n "])))})),EK=tt.div(BK||(BK=gK(["\n position: relative;\n height: 12px;\n width: 100%;\n margin-right: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: #ffffff;\n border-radius: 8px;\n"],["\n position: relative;\n height: 12px;\n width: 100%;\n margin-right: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: #ffffff;\n border-radius: 8px;\n"]))),kK=tt.div(NK||(NK=gK(["\n position: absolute;\n top: 2px;\n bottom: 2px;\n left: 0;\n width: ",";\n background: ",";\n border-radius: 8px;\n"],["\n position: absolute;\n top: 2px;\n bottom: 2px;\n left: 0;\n width: ",";\n background: ",";\n border-radius: 8px;\n"])),(function(e){var t=e.position;return"".concat(t,"%")}),(function(e){return e.background})),_K=tt.div(zK||(zK=gK(["\n box-sizing: border-box;\n width: 100px;\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 13px;\n"],["\n box-sizing: border-box;\n width: 100px;\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 13px;\n"]))),OK=tt.div(VK||(VK=gK(["\n flex-grow: 0;\n flex-shrink: 0;\n margin-right: 17px;\n padding-top: 4px;\n"],["\n flex-grow: 0;\n flex-shrink: 0;\n margin-right: 17px;\n padding-top: 4px;\n"]))),PK=tt.div(UK||(UK=gK(["\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n color: ",";\n"],["\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n color: ",";\n"])),Ii),TK=tt.div(HK||(HK=gK(["\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n width: 60px;\n padding-left: 12px;\n margin-right: 12px;\n color: ",";\n"],["\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n width: 60px;\n padding-left: 12px;\n margin-right: 12px;\n color: ",";\n"])),Pi),IK=tt.input(WK||(WK=gK(["\n -webkit-appearance: none;\n width: 100%;\n background: transparent;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 3;\n cursor: pointer;\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 4px;\n height: 40px;\n margin-top: 6px;\n z-index: 3;\n }\n &::-moz-range-thumb {\n width: 4px;\n height: 40px;\n margin-top: 6px;\n z-index: 3;\n }\n &::-ms-thumb {\n width: 4px;\n height: 40px;\n z-index: 3;\n }\n ",";\n &:focus {\n outline: none;\n }\n &::-ms-track {\n width: 100%;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent;\n }\n"],["\n -webkit-appearance: none;\n width: 100%;\n background: transparent;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 3;\n cursor: pointer;\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 4px;\n height: 40px;\n margin-top: 6px;\n z-index: 3;\n }\n &::-moz-range-thumb {\n width: 4px;\n height: 40px;\n margin-top: 6px;\n z-index: 3;\n }\n &::-ms-thumb {\n width: 4px;\n height: 40px;\n z-index: 3;\n }\n ",";\n &:focus {\n outline: none;\n }\n &::-ms-track {\n width: 100%;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent;\n }\n"])),(function(e){return e.disabled&&Ne(GK||(GK=gK(["\n pointer-events: none;\n &::-webkit-slider-thumb {\n display: none;\n }\n &::-moz-range-thumb {\n display: none;\n }\n &::-ms-thumb {\n display: none;\n }\n "],["\n pointer-events: none;\n &::-webkit-slider-thumb {\n display: none;\n }\n &::-moz-range-thumb {\n display: none;\n }\n &::-ms-thumb {\n display: none;\n }\n "])))})),AK=tt.audio(qK||(qK=gK(["\n display: none;\n"],["\n display: none;\n"]))),jK={audioSource:{value:"default"}};!function(e){e.NotRecording="NotRecording",e.Recording="Recording",e.RecordingPaused="RecordingPaused",e.Finished="Finished"}(cK||(cK={})),function(e){e.NotPreviewing="NotPreviewing",e.Previewing="Previewing",e.PreviewingPaused="PreviewingPaused"}(uK||(uK={}));var MK,DK,RK,FK,LK,BK,NK,zK,VK,UK,HK,GK,WK,qK,$K,ZK,YK,QK,KK,XK,JK,eX,tX,nX,rX,iX,oX,aX,sX,lX,cX,uX,fX,dX,pX,hX,yX,mX,vX,gX,xX,bX,wX,SX,CX,EX,kX,_X,OX,PX,TX,IX,AX,jX,MX,DX,RX,FX,LX,BX,NX=function(e){var n,r,i=e.video,o=e.videoRef,a=e.onChangeVoiceoverValid,s=e.onRecordingUrlGeneration,l=e.handleShowCard,c=e.margin,u=void 0===c?"0":c,f=e.width,d=void 0===f?696:f,p=e.disabled,h=void 0!==p&&p,y=Mt().containerWidth,v=ef().toast,g=(0,E.createRef)(),x=bK((0,E.useState)(cK.NotRecording),2),b=x[0],w=x[1],S=bK((0,E.useState)(uK.NotPreviewing),2),C=S[0],k=S[1],_=bK((0,E.useState)(0),2),O=_[0],P=_[1],T=bK((0,E.useState)(),2),I=T[0],A=T[1],j=bK((0,E.useState)(!1),2),M=j[0],D=j[1],R=dn(),F={audioSource:JSON.parse(localStorage.getItem(m.recordSettings)||JSON.stringify(jK)).audioSource};try{r={deviceId:F.audioSource.value}}catch(e){}F&&F.audioSource&&F.audioSource.value||(r=!1);var L=rq({audio:r}),B=L.error,N=L.startRecording,z=L.stopRecording,V=L.pauseRecording,U=L.resumeRecording,H=L.mediaBlobUrl;r&&!B||(v({message:"Please enable audio in your recording settings and try again!"}),R.push("/record/home"));(0,E.useEffect)((function(){return function(){(function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))})([],bK(window.streams),!1).filter(Boolean).forEach((function(e){return function(e){try{e.getTracks().forEach((function(e){return e.stop()}))}catch(e){}}(e)})),window.streams=[],w(cK.NotRecording),k(uK.NotPreviewing)}}),[]),(0,E.useEffect)((function(){var e=function(){var e,t=0;o.current&&(t=(null===(e=null==o?void 0:o.current)||void 0===e?void 0:e.currentTime)||0,o.current.currentTime>=o.current.duration&&(t=o.current.duration)),P(t)},t=function(){z(),w(cK.Finished),k(uK.NotPreviewing)},n=function(){w((function(e){return e===cK.Finished?e:cK.Recording})),k((function(e){return e===uK.PreviewingPaused?uK.Previewing:e}))},r=function(){w((function(e){return e===cK.Finished?e:cK.RecordingPaused})),k((function(e){return e===uK.Previewing?uK.PreviewingPaused:e}))},i=function(){o.current&&I&&(I.currentTime=o.current.currentTime)};return o.current&&(o.current.addEventListener("timeupdate",e,!0),o.current.addEventListener("ended",t,!0),o.current.addEventListener("pause",r,!0),o.current.addEventListener("play",n,!0),o.current.addEventListener("seeked",i,!0)),function(){o.current&&(o.current.removeEventListener("timeupdate",e,!0),o.current.removeEventListener("ended",t,!0),o.current.removeEventListener("pause",r,!0),o.current.removeEventListener("play",n,!0),o.current.removeEventListener("seeked",i,!0))}}),[o]),(0,E.useEffect)((function(){a(b===cK.Finished)}),[b]),(0,E.useEffect)((function(){s(H||""),H&&g.current&&g.current.load()}),[H]),(0,E.useEffect)((function(){g.current&&A(g.current)}),[g.current]);var G=b===cK.Finished,W=b===cK.Recording,q=(null===(n=null==o?void 0:o.current)||void 0===n?void 0:n.duration)||((null==i?void 0:i.videoLength)?(null==i?void 0:i.videoLength)/1e3:0),$=q?O?parseFloat(O.toString())/parseFloat(q.toString())*100:0:100,Z=new Date(1e3*O).toISOString().substring(14,19);return(0,t.jsxs)(wK,xK({margin:u,width:d,disabled:h},{children:[(0,t.jsx)(AK,xK({ref:g},{children:(0,t.jsx)("source",{src:H||""})})),(0,t.jsxs)(SK,{children:[b===cK.NotRecording&&(0,t.jsx)(vo,{backgroundColor:Li,textColor:hi,icon:(0,t.jsx)(rK,{color:hi,size:12}),text:"Record",onClick:function(){return e=void 0,t=void 0,r=function(){return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(e){return o.current?(null==l||l(!1),o.current.volume=0,o.current.play(),N(),w(cK.Recording),[2]):[2]}))},new((n=void 0)||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}));var e,t,n,r},margin:"0"}),b===cK.Recording&&(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(vo,{icon:(0,t.jsx)(Rc,{color:Ei}),text:"Pause",onClick:function(){o.current&&(V(),o.current.pause(),w(cK.RecordingPaused))},margin:"0"})}),b===cK.RecordingPaused&&(0,t.jsx)(vo,{icon:(0,t.jsx)(Fc,{color:Ei}),text:"Resume",onClick:function(){return function(){var e;o.current&&(U(),null===(e=o.current)||void 0===e||e.play(),w(cK.Recording))}()},margin:"0"}),b===cK.Finished&&C===uK.NotPreviewing&&(0,t.jsx)(vo,{icon:(0,t.jsx)(Fc,{color:Ei}),onClick:function(){o.current&&I&&(k(uK.Previewing),o.current.currentTime=0,o.current.play(),I.play())},margin:"0"}),C===uK.Previewing&&(0,t.jsx)(vo,{icon:(0,t.jsx)(Rc,{color:Ei}),onClick:function(){o.current&&I&&(I.pause(),o.current.pause(),k(uK.PreviewingPaused))},margin:"0"}),C===uK.PreviewingPaused&&(0,t.jsx)(vo,{icon:(0,t.jsx)(Fc,{color:Ei}),onClick:function(){o.current&&I&&(I.play(),o.current.play(),k(uK.Previewing))},margin:"0"})]}),(0,t.jsxs)(CK,xK({disabled:!G,title:G?"":"Controls disabled before preview."},{children:[(0,t.jsxs)(_K,{children:[(0,t.jsx)(OK,{children:(0,t.jsx)(Dc,{size:22,color:W?Li:Pi})}),(0,t.jsx)(PK,{children:Z})]}),(0,t.jsxs)(EK,{children:[(0,t.jsx)(IK,{disabled:!G,type:"range",min:"0",max:"100",value:$,onChange:function(e){return function(e){var t,n=e.target.value.toString();t=(q*(n/100)).toString(),o.current&&I&&(o.current.currentTime=parseFloat(t),I.currentTime=parseFloat(t),I.play(),o.current.play(),k(uK.Previewing))}(e)},step:"1"}),(0,t.jsx)(kK,{background:W?Li:Ei,position:$})]}),(0,t.jsx)(TK,{children:St(q,0)})]})),[cK.RecordingPaused,cK.Finished].includes(b)&&(0,t.jsx)(SK,{children:(0,t.jsx)(vo,{backgroundColor:"rgba(232, 76, 61, 0.02)",textColor:Li,icon:(0,t.jsx)(Yc,{color:Li}),text:y>ri?"Start Over":"",onClick:function(){o.current&&I&&(I.pause(),o.current.pause(),C!==uK.NotPreviewing&&k(uK.PreviewingPaused),b!==cK.Finished&&w(cK.RecordingPaused),D(!0))},margin:"0"})}),M&&(0,t.jsx)(vK,{title:"Start Over?",content:(0,t.jsx)(t.Fragment,{children:"Your voiceover recording will be erased."}),secondaryButtonText:"Go Back",primaryButtonText:"Start Over",primaryButtonType:"danger",handleSubmit:function(){o.current&&I&&(D(!1),z(),o.current.pause(),o.current.currentTime=0,I.pause(),I.currentTime=0,w(cK.NotRecording),k(uK.NotPreviewing))},handleModalClose:function(){return D(!1)}})]}))},zX=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},VX=tt.div($K||($K=zX(["\n box-sizing: border-box;\n width: 400px;\n max-width: 100%;\n padding: 32px;\n min-height: 208px;\n background-color: ",";\n"],["\n box-sizing: border-box;\n width: 400px;\n max-width: 100%;\n padding: 32px;\n min-height: 208px;\n background-color: ",";\n"])),hi),UX=tt.div(ZK||(ZK=zX(["\n display: flex;\n color: ",";\n align-items: center;\n justify-content: space-between;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n"],["\n display: flex;\n color: ",";\n align-items: center;\n justify-content: space-between;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n"])),yi),HX=tt.label(YK||(YK=zX(["\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n color: ",";\n &:hover {\n cursor: pointer;\n }\n"],["\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n color: ",";\n &:hover {\n cursor: pointer;\n }\n"])),Hi),GX=tt.div(QK||(QK=zX(["\n margin-top: 32px;\n"],["\n margin-top: 32px;\n"]))),WX=tt.div(KK||(KK=zX(["\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n margin-bottom: 8px;\n"],["\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n margin-bottom: 8px;\n"])),Ti),qX=tt.section(XK||(XK=zX(["\n display: flex;\n flex-direction: row-reverse;\n margin-top: 48px;\n gap: 8px;\n"],["\n display: flex;\n flex-direction: row-reverse;\n margin-top: 48px;\n gap: 8px;\n"]))),$X=function(e){var n=e.title,r=e.label,i=e.defaultValue,o=e.primaryButtonText,a=e.secondaryButtonText,s=e.handleModalClose,l=e.handleSubmit,c=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useState)(i),2),u=c[0],f=c[1];return(0,t.jsx)(Cc,{children:(0,t.jsxs)(VX,{children:[(0,t.jsxs)(UX,{children:[n,(0,t.jsx)(HX,{children:(0,t.jsx)(sf,{width:"24px",height:"24px",onClick:s})})]}),(0,t.jsxs)(GX,{children:[(0,t.jsx)(WX,{children:r}),(0,t.jsx)(uo,{autoFocus:!0,value:u,onChange:function(e){return f(e.currentTarget.value)},width:"100%"}),(0,t.jsxs)(qX,{children:[(0,t.jsx)(vo,{text:o,backgroundColor:Xi,textColor:hi,onClick:function(){return l(u)},disabled:""===u}),(0,t.jsx)(vo,{text:a,onClick:s})]})]})]})})},ZX=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},YX=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},QX=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},KX=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},XX=tt.div(JK||(JK=ZX(["\n background: ",";\n"],["\n background: ",";\n"])),hi),JX=tt.div(eX||(eX=ZX(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"])),Ei),eJ=tt.div(nX||(nX=ZX(["\n width: 78%;\n margin-left: auto;\n margin-right: auto;\n height: 40%;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 12px;\n gap: 12px;\n background: #f2f4f6;\n border: 1px solid rgba(39, 42, 50, 0.05);\n border-radius: 6px;\n ","\n"],["\n width: 78%;\n margin-left: auto;\n margin-right: auto;\n height: 40%;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 12px;\n gap: 12px;\n background: #f2f4f6;\n border: 1px solid rgba(39, 42, 50, 0.05);\n border-radius: 6px;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(tX||(tX=ZX(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),tJ=tt.div(rX||(rX=ZX(["\n width: 20px;\n flex-grow: 0;\n flex-shrink: 0;\n"],["\n width: 20px;\n flex-grow: 0;\n flex-shrink: 0;\n"]))),nJ=tt.div(iX||(iX=ZX(["\n width: auto;\n"],["\n width: auto;\n"]))),rJ=tt.div(oX||(oX=ZX(["\n font-weight: 600;\n font-size: 16px;\n line-height: 24px;\n color: ",";\n"],["\n font-weight: 600;\n font-size: 16px;\n line-height: 24px;\n color: ",";\n"])),Ei),iJ=tt.div(aX||(aX=ZX(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n margin-top: 2%;\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n margin-top: 2%;\n"])),mi),oJ=function(){var e=ef().toast,n=pn().videoId,r=dn(),i=KX((0,E.useState)({}),2),o=i[0],a=i[1],s=KX((0,E.useState)(!0),2),l=s[0],c=s[1],u=KX((0,E.useState)(!1),2),f=u[0],d=u[1],p=KX((0,E.useState)(!1),2),h=p[0],y=p[1],m=KX((0,E.useState)(!1),2),v=m[0],g=m[1],x=KX((0,E.useState)(""),2),b=x[0],w=x[1],S=(0,E.createRef)();return(0,E.useEffect)((function(){YX(void 0,void 0,void 0,(function(){var e;return QX(this,(function(t){switch(t.label){case 0:return c(!0),[4,Wn(n)];case 1:return(e=t.sent())&&a(e),c(!1),[2]}}))}))}),[]),l?(0,t.jsx)(_o,{isLoading:l}):(0,t.jsxs)(XX,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return r.push("/")}}),center:(0,t.jsx)(JX,{children:"Voiceover"}),right:(0,t.jsx)(vo,{onClick:function(){g(!0)},text:"Save Video",textColor:hi,backgroundColor:Ai,borderColor:Mi,fontSize:"15px",disabled:!h||f})}),(0,t.jsx)(co,{children:!f&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(eJ,{children:[(0,t.jsx)(tJ,{children:(0,t.jsx)(Ac,{size:22,color:"rgba(0, 27, 83, 0.6)"})}),(0,t.jsxs)(nJ,{children:[(0,t.jsx)(rJ,{children:"Duplicated video ready for voiceover"}),(0,t.jsx)(iJ,{children:"The video won’t be available in the Library until you save it. A new voiceover will replace the original audio of duplicated video."})]})]}),(0,t.jsx)(nK,{video:o,videoRef:S,margin:"32px 0 0"}),(0,t.jsx)(NX,{videoRef:S,video:o,onChangeVoiceoverValid:y,onRecordingUrlGeneration:function(e){w(e)},margin:"32px auto 0"})]})}),f&&(0,t.jsx)(_o,{isLoading:!0}),v&&(0,t.jsx)($X,{title:"Name new video",label:"Give your new video a name",defaultValue:o.title,secondaryButtonText:"Go Back",primaryButtonText:"Save Video",handleSubmit:function(t){return YX(void 0,void 0,void 0,(function(){var n,i,a,s,l,c;return QX(this,(function(u){switch(u.label){case 0:return g(!1),d(!0),[4,fetch(b||"").then((function(e){return e.blob()}))];case 1:return n=u.sent(),i=function(e,t){return e+"_"+(Math.random()+1).toString(36).substring(2)+"."+t}(o.id,eq),a=new File([n],i),s={fileName:a.name,mimeType:"audio/webm",folder:""},[4,dr(s)];case 2:if(!(l=u.sent())||l instanceof Error)return d(!1),e({message:"Server is currently unavailable, try again later!"}),[2];c={file:a,uploadURL:l.uploadUrl,mimeType:s.mimeType},u.label=3;case 3:return u.trys.push([3,6,,7]),[4,pr({data:c})];case 4:return u.sent(),[4,hr({videoId:o.id,newVideoTitle:t,audioFileName:i})];case 5:return u.sent(),[3,7];case 6:return u.sent(),d(!1),e({message:"Creating voiceover failed, try again later!"}),[2];case 7:return e({message:"Voiceover successfully created!"}),d(!1),y(!1),r.push("/"),[2]}}))}))},handleModalClose:function(){return g(!1)}})]})},aJ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},sJ=tt.div(lX||(lX=aJ(["\n position: relative;\n width: 216px;\n ","\n"],["\n position: relative;\n width: 216px;\n ","\n"])),(function(e){return e.theme.containerWidth<ii&&Ne(sX||(sX=aJ(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),lJ=tt.div(cX||(cX=aJ(["\n position: absolute;\n left: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"],["\n position: absolute;\n left: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"])),Pi,Ii),cJ=tt.div(uX||(uX=aJ(["\n position: absolute;\n right: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"],["\n position: absolute;\n right: 12px;\n top: 12px;\n color: ",";\n cursor: pointer;\n &:hover {\n color: ",";\n }\n"])),Pi,Ii),uJ=function(e){var n=e.prevSearch,r=e.handleSearch,i=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}((0,E.useState)(n||""),2),o=i[0],a=i[1];return(0,t.jsxs)(sJ,{children:[(0,t.jsx)(lJ,{children:(0,t.jsx)(hT,{onClick:function(){return r(o)},size:17})}),(0,t.jsx)(uo,{width:"100%",type:"text",padding:"8px 40px 8px 40px",value:o,placeholder:"Search videos...",onKeyUp:function(e){"Enter"===e.key&&r(o)},onChange:function(e){a(e.currentTarget.value)}}),""!==o&&(0,t.jsx)(cJ,{children:(0,t.jsx)(Bc,{onClick:function(){return a(""),void r("")},size:17})})]})},fJ=tt.div(fX||(fX=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: ",";\n"])),Ti),dJ=function(e){var n=e.page,r=e.size,i=e.count,o=n*r+1,a=n*r+r;return a>i&&(a=i),(0,t.jsxs)(fJ,{children:[o,"-",a," of ",i]})},pJ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},hJ=function(){return hJ=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},hJ.apply(this,arguments)},yJ=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},mJ=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},vJ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},gJ=tt.div(dX||(dX=pJ(["\n background: ",";\n"],["\n background: ",";\n"])),ki),xJ=tt.div(pX||(pX=pJ(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"])),Ei),bJ=tt.div(yX||(yX=pJ(["\n display: flex;\n flex-direction: row;\n flex-direction: flex-start;\n gap: 8px;\n ","\n"],["\n display: flex;\n flex-direction: row;\n flex-direction: flex-start;\n gap: 8px;\n ","\n"])),(function(e){return e.theme.containerWidth<ri&&Ne(hX||(hX=pJ(["\n flex-direction: column;\n width: 100%;\n "],["\n flex-direction: column;\n width: 100%;\n "])))})),wJ=tt.div(vX||(vX=pJ(["\n width: 216px;\n ","\n"],["\n width: 216px;\n ","\n"])),(function(e){return e.theme.containerWidth<ri&&Ne(mX||(mX=pJ(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),SJ=tt.div(gX||(gX=pJ(["\n background: ",";\n"],["\n background: ",";\n"])),hi),CJ=tt.div(xX||(xX=pJ(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n max-width: 925px;\n"],["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n max-width: 925px;\n"]))),EJ=tt.div(bX||(bX=pJ(["\n width: 100%;\n display: flex;\n align-items: center;\n height: 56px;\n border-bottom: 1px solid rgb(223, 227, 230);\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n height: 56px;\n border-bottom: 1px solid rgb(223, 227, 230);\n"]))),kJ=tt.div(wX||(wX=pJ(["\n width: 100%;\n display: flex;\n align-items: top;\n height: 32px;\n border-bottom: 1px solid rgb(223, 227, 230);\n"],["\n width: 100%;\n display: flex;\n align-items: top;\n height: 32px;\n border-bottom: 1px solid rgb(223, 227, 230);\n"]))),_J=tt.div(SX||(SX=pJ(["\n width: 100%;\n display: flex;\n align-items: flex-start;\n font-weight: 500;\n color: ",";\n margin-right: 5px;\n"],["\n width: 100%;\n display: flex;\n align-items: flex-start;\n font-weight: 500;\n color: ",";\n margin-right: 5px;\n"])),Pi),OJ=tt.div(CX||(CX=pJ(["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n width: inherit;\n"],["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n width: inherit;\n"])),Ii),PJ=tt.div(EX||(EX=pJ(["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n max-width: 180px;\n min-width: 40px;\n"],["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n max-width: 180px;\n min-width: 40px;\n"])),Ii),TJ=tt.div(kX||(kX=pJ(["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n max-width: 180px;\n min-width: 75px;\n"],["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n max-width: 180px;\n min-width: 75px;\n"])),Ii),IJ=tt.div(_X||(_X=pJ(["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n max-width: 180px;\n min-width: 75px;\n"],["\n height: 20px;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n max-width: 180px;\n min-width: 75px;\n"])),Ii),AJ=tt.div(OX||(OX=pJ(["\n height: 40px;\n width: inherit;\n text-align-last: end;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n max-width: 173px;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n"],["\n height: 40px;\n width: inherit;\n text-align-last: end;\n margin-left: 24px;\n font-size: 14px;\n line-height: 24px;\n text-align: left !important;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n max-width: 173px;\n -webkit-line-clamp: 1; /* number of lines to show */\n -webkit-box-orient: vertical;\n"])),Ii),jJ=tt.div(PX||(PX=pJ(["\n margin-top: 100px;\n"],["\n margin-top: 100px;\n"]))),MJ=tt.div(TX||(TX=pJ(["\n font-size: 14px;\n font-weight: bold;\n text-align: center;\n"],["\n font-size: 14px;\n font-weight: bold;\n text-align: center;\n"]))),DJ=tt.button(IX||(IX=pJ(["\n ","\n box-sizing: border-box;\n width: auto;\n height: 40px;\n font-size: 15px;\n align-items: center;\n background-color: ",";\n border: 1px solid ",";\n border-radius: 6px;\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n overflow: hidden;\n padding: 8px;\n transition: 0.1s all;\n color: ",";\n margin: 0 4px;\n border-radius: 5px;\n vertical-align: top;\n"],["\n ","\n box-sizing: border-box;\n width: auto;\n height: 40px;\n font-size: 15px;\n align-items: center;\n background-color: ",";\n border: 1px solid ",";\n border-radius: 6px;\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n overflow: hidden;\n padding: 8px;\n transition: 0.1s all;\n color: ",";\n margin: 0 4px;\n border-radius: 5px;\n vertical-align: top;\n"])),ui,Ci,Si,Ei),RJ=tt.div(AX||(AX=pJ(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n margin-top: 16px;\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n margin-top: 16px;\n"]))),FJ=tt.span(jX||(jX=pJ(["\n color: ",";\n height: 20px;\n font-size: 14px;\n font-weight: 400;\n font-stretch: normal;\n font-style: normal;\n line-height: 20px;\n letter-spacing: normal;\n color: #4e5461;\n"],["\n color: ",";\n height: 20px;\n font-size: 14px;\n font-weight: 400;\n font-stretch: normal;\n font-style: normal;\n line-height: 20px;\n letter-spacing: normal;\n color: #4e5461;\n"])),Ti),LJ=tt.input(MX||(MX=pJ(["\n height: 40px;\n width: 50px;\n margin-right: 16px;\n outline: 0;\n text-align: center;\n font-size: 15px;\n border: 1px solid ",";\n border-radius: 6px;\n"],["\n height: 40px;\n width: 50px;\n margin-right: 16px;\n outline: 0;\n text-align: center;\n font-size: 15px;\n border: 1px solid ",";\n border-radius: 6px;\n"])),wi),BJ=tt.div(RX||(RX=pJ(["\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n align-items: center;\n ","\n"],["\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n align-items: center;\n ","\n"])),(function(e){return e.theme.containerWidth<ri&&Ne(DX||(DX=pJ(["\n width: 100%;\n "],["\n width: 100%;\n "])))})),NJ=(new Date).getFullYear(),zJ=function(){var e=Vl().userData,n=(ec(e),dn()),r=Mt().containerWidth,i=vJ((0,E.useState)(""),2),o=i[0],a=i[1],s=vJ((0,E.useState)(1),2),l=s[0],c=s[1],u=vJ((0,E.useState)(1),2),f=u[0],d=u[1],p=vJ((0,E.useState)(NJ),2),h=p[0],y=p[1],m=vJ((0,E.useState)(1),2),v=m[0],g=m[1],x=vJ((0,E.useState)(1),2),w=x[0],C=x[1],k=vJ((0,E.useState)([]),2),_=k[0],O=k[1],P=ef().toast,T=10,I=vJ((0,E.useState)(!0),2),A=I[0],j=I[1],M=function(){return n.push("/")},D=function(){};(0,E.useEffect)((function(){yJ(void 0,void 0,void 0,(function(){var e,t;return mJ(this,(function(n){switch(n.label){case 0:j(!0),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,xr({limit:T,page:l,year:h})];case 2:return e=n.sent(),g(e.count),O(e.videos),t=e.count<T?e.count:T,C(Math.ceil(e.count/t)),j(!1),[3,4];case 3:return n.sent(),j(!1),[3,4];case 4:return[2]}}))}))}),[T,l,h]);for(var R=function(e,t,n,r){return void 0===e&&(e=""),void 0===t&&(t=0),void 0===n&&(n=0),void 0===r&&(r=!0),yJ(void 0,void 0,void 0,(function(){return mJ(this,(function(i){return e.length<2&&""!==e||(e!==o&&(a(e),t=1,c(1)),f>0&&clearTimeout(f),D(),new Promise((function(t,n){D=n,d(setTimeout(t,e!==o?500:0))})).then((function(){return yJ(void 0,void 0,void 0,(function(){var i;return mJ(this,(function(o){switch(o.label){case 0:j(!0),0===n&&(n=h),o.label=1;case 1:return o.trys.push([1,3,,4]),[4,xr({limit:T,search:e,page:t,year:n,ascOrder:r})];case 2:return i=o.sent(),g(i.count),O(i.videos),C(Math.ceil(i.count/T)),j(!1),[3,4];case 3:return o.sent(),j(!1),[3,4];case 4:return[2]}}))}))}))),[2]}))}))},F=function(e){"left"===e&&(R(o,l-1,h),c((function(e){return e-1}))),"right"===e&&(R(o,l+1,h),c((function(e){return e+1})))},L=[],B=NJ+1;B>2007;B--)L.push({value:B.toString(),label:B.toString()});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(gJ,{children:[(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){return M()}}),center:(0,t.jsx)(xJ,{children:"Wheels TV Import"})}),(0,t.jsx)(co,{children:(0,t.jsxs)(bJ,{children:[(0,t.jsx)(uJ,{handleSearch:R,prevSearch:o}),(0,t.jsx)(wJ,{children:(0,t.jsx)(Sl,{value:{value:h.toString()||"",label:h.toString()||""},onChange:function(e){y(e.value),c(1),R(o,1,e.value)},options:L,isSearchable:!1})})]})})]}),(0,t.jsx)(SJ,{children:(0,t.jsx)(co,hJ({extendStyle:{wrapper:{padding:r>=ii?"32px 16px":"16px 0px"}}},{children:A?(0,t.jsx)(jJ,{children:(0,t.jsx)(_o,{isLoading:A})}):!_.length&&o?(0,t.jsxs)(MJ,{children:[(0,t.jsxs)("p",{children:["There are no videos with “",o,"” in the title"]}),(0,t.jsx)("p",{children:"Try using a different search term"})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(kJ,{children:[r>=ii&&(0,t.jsx)(PJ,{children:(0,t.jsx)(_J,{children:"Year"})}),(0,t.jsx)(TJ,{children:(0,t.jsx)(_J,{children:"Make"})}),(0,t.jsx)(IJ,{children:(0,t.jsx)(_J,{children:"Model"})}),(0,t.jsx)(OJ,{children:(0,t.jsx)(_J,{children:"Title"})})]}),(0,t.jsx)(CJ,{children:_.map((function(e){return(0,t.jsxs)(EJ,hJ({onClick:function(){}},{children:[r>=ii&&(0,t.jsx)(PJ,{children:e.year}),(0,t.jsx)(TJ,{children:e.make}),(0,t.jsx)(IJ,{children:e.model}),(0,t.jsx)(OJ,{children:e.title}),(0,t.jsx)(AJ,{children:(0,t.jsx)(DJ,hJ({onClick:function(){return yJ(void 0,void 0,void 0,(function(){return mJ(this,(function(t){return function(e){yJ(void 0,void 0,void 0,(function(){return mJ(this,(function(t){switch(t.label){case 0:j(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,(n={title:e.year+" "+e.make+" "+e.model,flvName:e.videoURL,animatedGifPath:e.animatedGifPath,year:e.year,make:e.make,model:e.model,wtvId:e.videoId},yr(void 0,void 0,void 0,(function(){var e,t,r;return mr(this,(function(i){switch(i.label){case 0:return e=S.bearerToken,t={title:n.title,flvName:n.flvName,wtvId:parseInt(n.wtvId.toString(),10),animatedGifPath:n.animatedGifPath,notes:n.year+";"+n.make+";"+n.model+";"+n.title},[4,Tn({url:"/wtv/videos",baseURL:b,method:gr,headers:e,data:t}).catch((function(e){return e}))];case 1:if((r=i.sent())instanceof Error)throw r;return[2,r]}}))})))];case 2:return t.sent(),j(!1),P({message:"Video has been added!"}),M(),[3,4];case 3:return t.sent(),j(!1),P({message:"An error occured while trying to add the video!"}),[3,4];case 4:return[2]}var n}))}))}(e),[2]}))}))}},{children:"Add"}))})]}),e.videoId)}))}),(0,t.jsx)(RJ,{children:(0,t.jsxs)(BJ,{children:[(0,t.jsx)(FJ,{children:"Go to:"}),(0,t.jsx)(LJ,{type:"number",min:1,value:l,onChange:function(e){if(e.currentTarget&&e.currentTarget.value){var t=e.currentTarget.value;t>w&&(t=w),c(t),R(o,t,h)}}}),(0,t.jsx)(dJ,{page:l-1,size:T,count:v}),(0,t.jsx)(vo,{onClick:function(){return F("left")},icon:(0,t.jsx)(Wc,{size:20}),disabled:1===l,backgroundColor:Ci,borderColor:Si,padding:"0 8px",margin:"0 0 0 16px"}),(0,t.jsx)(vo,{onClick:function(){return F("right")},icon:(0,t.jsx)(qc,{size:20}),disabled:l===w,backgroundColor:Ci,borderColor:Si,padding:"0 8px"})]})})]})}))})]})},VJ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},UJ=function(){return UJ=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},UJ.apply(this,arguments)},HJ=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},GJ=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},WJ=tt.div(FX||(FX=VJ(["\n padding-left: 2px;\n padding-right: 2px;\n padding-top: 2px;\n display: flex;\n flex-direction: column;\n margin-left: 20px;\n height: 85px;\n"],["\n padding-left: 2px;\n padding-right: 2px;\n padding-top: 2px;\n display: flex;\n flex-direction: column;\n margin-left: 20px;\n height: 85px;\n"]))),qJ=tt.div(LX||(LX=VJ(["\n position: relative;\n left: ",";\n width: ",";\n max-width: 100%;\n"],["\n position: relative;\n left: ",";\n width: ",";\n max-width: 100%;\n"])),(function(e){return e.offset}),(function(e){return e.width})),$J=function(e){var n=e.index,r=e.totalDuration,i=e.offset,o=e.width,a=e.video,s=void 0===a?{}:a,l=e.setVideos,c=void 0===l?function(){}:l,u=E.useRef([0,0]),f=HJ((0,E.useState)([0,s.duration]),2),d=f[0],p=f[1];(0,E.useEffect)((function(){c((function(e){var t=GJ([],HJ(e),!1),r=d[0],i=d[1],o="#t=".concat(r||0).concat(i?","+i:"");return t[n]=UJ(UJ({},t[n]),{start:wt(d[0]),end:wt(d[1]),startSec:r,endSec:i,source:(""+s.source).split("#t=")[0]+o}),t}))}),[d]);var h=function(e){var t=e[1]-e[0];c((function(e){var i=GJ([],HJ(e),!1);return i[n]=UJ(UJ({},i[n]),{width:100*t/r,trimDuration:t}),i}))};return(0,E.useEffect)((function(){r&&c((function(e){var t=GJ([],HJ(e),!1);return t[n]=UJ(UJ({},t[n]),{width:100*s.trimDuration/r}),t}))}),[r]),(0,E.useMemo)((function(){return(0,t.jsx)(WJ,{children:(0,t.jsx)(qJ,UJ({offset:"".concat(i||0,"px"),width:"".concat(o||0,"px")},{children:!!s.duration&&s.ref&&(0,t.jsx)(KH,{videoRef:s.ref,videoDuration:s.duration,videoSource:s.videoSource,setValue:p,showTickTime:!1,value:d,valueRef:u,width:"100%",onSlideEnd:h})}))},s.id)}),[s.width,s.ref,d,i,o])};function ZJ(){return ZJ=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ZJ.apply(this,arguments)}const YJ=tt((function(e){return E.createElement("svg",ZJ({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),BX||(BX=E.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21 17C21.5523 17 22 16.5523 22 16C22 15.4477 21.5523 15 21 15H3C2.44772 15 2 15.4477 2 16C2 16.5523 2.44772 17 3 17H21ZM21 13C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H21ZM2 8C2 8.55228 2.44772 9 3 9H21C21.5523 9 22 8.55228 22 8C22 7.44772 21.5523 7 21 7H3C2.44772 7 2 7.44772 2 8Z",fill:"#001B53",fillOpacity:.4})))}))(QJ||(QJ=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var QJ,KJ,XJ,JJ,e0,t0,n0,r0=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},i0=function(){return i0=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},i0.apply(this,arguments)},o0=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},a0=tt.div(KJ||(KJ=r0(["\n background-color: ",";\n max-height: 80px;\n align-self: center;\n border-radius: 6px;\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n overflow: hidden;\n position: relative;\n aspect-ratio: 16 / 9;\n div {\n display: contents;\n opacity: 0;\n div {\n display: none;\n opacity: 0;\n }\n svg {\n display: none;\n opacity: 0;\n }\n path {\n display: none;\n opacity: 0;\n }\n figure {\n display: contents;\n opacity: 0;\n }\n video {\n display: contents;\n opacity: 0;\n }\n img {\n display: contents;\n opacity: 0;\n }\n }\n"],["\n background-color: ",";\n max-height: 80px;\n align-self: center;\n border-radius: 6px;\n box-shadow: 0px 0px 2px rgba(66, 79, 104, 0.08),\n 0px 4px 8px rgba(66, 79, 104, 0.03);\n border-radius: 6px;\n overflow: hidden;\n position: relative;\n aspect-ratio: 16 / 9;\n div {\n display: contents;\n opacity: 0;\n div {\n display: none;\n opacity: 0;\n }\n svg {\n display: none;\n opacity: 0;\n }\n path {\n display: none;\n opacity: 0;\n }\n figure {\n display: contents;\n opacity: 0;\n }\n video {\n display: contents;\n opacity: 0;\n }\n img {\n display: contents;\n opacity: 0;\n }\n }\n"])),gi),s0=tt.img(XJ||(XJ=r0(["\n background-color: ",";\n display: block;\n height: 100%;\n margin: auto;\n border-radius: 6px;\n"],["\n background-color: ",";\n display: block;\n height: 100%;\n margin: auto;\n border-radius: 6px;\n"])),gi),l0=tt.div(JJ||(JJ=r0(["\n padding-right: 32px;\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n background-color: #fff;\n height: 80px;\n display: flex;\n flex-direction: row;\n margin-bottom: 8px;\n"],["\n padding-right: 32px;\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n background-color: #fff;\n height: 80px;\n display: flex;\n flex-direction: row;\n margin-bottom: 8px;\n"]))),c0=tt.div(e0||(e0=r0(["\n display: flex;\n justify-content: center;\n height: 80px;\n width: 48px;\n align-items: center;\n opacity: 0.8;\n &:hover {\n cursor: pointer;\n opacity: 1;\n }\n"],["\n display: flex;\n justify-content: center;\n height: 80px;\n width: 48px;\n align-items: center;\n opacity: 0.8;\n &:hover {\n cursor: pointer;\n opacity: 1;\n }\n"]))),u0=function(e){var n=e.video,r=void 0===n?{}:n,i=e.setVideos,o=void 0===i?function(){}:i,a=e.setVideoRef,s=e.index,l=E.createRef(),c=o0((0,E.useState)(0),2),u=c[0],f=c[1];return(0,E.useEffect)((function(){u&&o((function(e){var t=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))}([],o0(e),!1);return t[s]=i0(i0({},t[s]),{duration:u,trimDuration:u}),t}))}),[u]),(0,E.useEffect)((function(){l&&l.current&&(l.current.onloadedmetadata=function(){return function(){if(l.current){var e=l.current.duration;f(e)}}()},a(s,l))}),[l]),(0,E.useMemo)((function(){return(0,t.jsxs)(l0,{children:[(0,t.jsx)(c0,{children:(0,t.jsx)(YJ,{})}),(0,t.jsxs)(a0,{children:[(0,t.jsx)(s0,{src:r.autogeneratedThumbnail}),(0,t.jsx)(IU,{videoSource:r.videoSource,videoId:r.id,thumbnail:r.autogeneratedThumbnail,videoRef:l,autoplay:!1})]})]},r.id)}),[r.videoSource])};function f0(){return f0=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f0.apply(this,arguments)}const d0=tt((function(e){return E.createElement("svg",f0({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:24,height:24,viewBox:"0 0 24 24"},e),t0||(t0=E.createElement("defs",null,E.createElement("path",{id:"p1bfbm3cda",d:"M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.26 4.25c.41.41 1.07.41 1.48 0l.01-.01c.41-.41.41-1.07 0-1.48L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm-2-5h4c.28 0 .5.22.5.5s-.22.5-.5.5h-4c-.28 0-.5-.22-.5-.5s.22-.5.5-.5z"}))),n0||(n0=E.createElement("g",{fill:"none",fillRule:"evenodd",opacity:.2},E.createElement("g",null,E.createElement("g",null,E.createElement("g",{transform:"translate(-1112 -640) translate(1104 632) translate(8 8)"},E.createElement("mask",{id:"98kq0pmrgb",fill:"#fff"},E.createElement("use",{xlinkHref:"#p1bfbm3cda"})),E.createElement("use",{fill:"#000",fillRule:"nonzero",xlinkHref:"#p1bfbm3cda"}),E.createElement("g",{fill:"#272A32",mask:"url(#98kq0pmrgb)"},E.createElement("path",{d:"M0 0H24V24H0z"}))))))))}))(p0||(p0=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var p0,h0,y0;function m0(){return m0=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m0.apply(this,arguments)}const v0=tt((function(e){return E.createElement("svg",m0({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:24,height:24,viewBox:"0 0 24 24"},e),h0||(h0=E.createElement("defs",null,E.createElement("path",{id:"eekoyvk17a",d:"M15.499 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.78 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.26 4.25c.41.41 1.07.41 1.48 0l.01-.01c.41-.41.41-1.07 0-1.48L15.499 14zm-6 0c-2.49 0-4.5-2.01-4.5-4.5S7.009 5 9.499 5s4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5zm0-7c-.28 0-.5.22-.5.5V9h-1.5c-.28 0-.5.22-.5.5s.22.5.5.5h1.5v1.5c0 .28.22.5.5.5s.5-.22.5-.5V10h1.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-1.5V7.5c0-.28-.22-.5-.5-.5z"}))),y0||(y0=E.createElement("g",{fill:"none",fillRule:"evenodd"},E.createElement("g",null,E.createElement("g",null,E.createElement("g",null,E.createElement("g",{transform:"translate(-1376 -640) translate(1104 632) translate(264) translate(8 8)"},E.createElement("mask",{id:"4qknrgzsbb",fill:"#fff"},E.createElement("use",{xlinkHref:"#eekoyvk17a"})),E.createElement("g",{fill:"#272A32",mask:"url(#4qknrgzsbb)"},E.createElement("path",{d:"M0 0H24V24H0z"})))))))))}))(g0||(g0=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n g {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"24px"}),(function(e){return e.height||"24px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var g0,x0,b0,w0,S0,C0,E0,k0,_0,O0,P0,T0,I0=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},A0=function(){return A0=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},A0.apply(this,arguments)},j0=tt.div(k0||(k0=I0(["\n display: ",";\n justify-content: center;\n align-items: center;\n background-color: ",";\n opacity: 0.5;\n font-size: ",";\n cursor: pointer;\n width: ","; /*TODO: Check with Andrija, it's 120px on one screen and 100px on another*/\n height: ","; /*TODO: Check with Andrija, it's 120px on one screen and 100px on another*/\n position: absolute;\n\n z-index: 9;\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n"],["\n display: ",";\n justify-content: center;\n align-items: center;\n background-color: ",";\n opacity: 0.5;\n font-size: ",";\n cursor: pointer;\n width: ","; /*TODO: Check with Andrija, it's 120px on one screen and 100px on another*/\n height: ","; /*TODO: Check with Andrija, it's 120px on one screen and 100px on another*/\n position: absolute;\n\n z-index: 9;\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n"])),(function(e){return e.isVideoPaused?"flex":"none"}),(function(e){return e.hex}),(function(e){return e.small?"10px":"40px"}),(function(e){return"".concat(e.small?"30px":"54px")}),(function(e){return"".concat(e.small?"30px":"54px")}),(function(e){return"center"===e.playButtonPosition&&Ne(x0||(x0=I0(["\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n "],["\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n "])))}),(function(e){return"top-left"===e.playButtonPosition&&Ne(b0||(b0=I0(["\n top: 5%;\n left: 5%;\n "],["\n top: 5%;\n left: 5%;\n "])))}),(function(e){return"top-right"===e.playButtonPosition&&Ne(w0||(w0=I0(["\n top: 5%;\n right: 5%;\n "],["\n top: 5%;\n right: 5%;\n "])))}),(function(e){return"bottom-left"===e.playButtonPosition&&Ne(S0||(S0=I0(["\n bottom: 23%;\n left: 5%;\n "],["\n bottom: 23%;\n left: 5%;\n "])))}),(function(e){return"bottom-right"===e.playButtonPosition&&Ne(C0||(C0=I0(["\n bottom: 23%;\n right: 5%;\n "],["\n bottom: 23%;\n right: 5%;\n "])))}),(function(e){return"none"===e.playButtonPosition&&Ne(E0||(E0=I0(["\n display: none;\n "],["\n display: none;\n "])))})),M0=function(e){var n=e.playerBackgroundColor,r=e.playButtonPosition,i=e.isVideoPaused,o=e.togglePlay,a=e.playerIconsColor,s=e.small,l=eV.hex.rgb(n);return(0,t.jsx)(j0,A0({isVideoPaused:i,onClick:o,r:l[0],g:l[1],b:l[2],hex:n,playButtonPosition:r,small:s},{children:(0,t.jsx)(Fc,{color:a})}))},D0=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},R0=function(){return R0=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},R0.apply(this,arguments)},F0=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},L0=tt.div(O0||(O0=D0(["\n position: relative;\n background-color: ",";\n border-radius: 6px;\n width: ","px;\n height: ","px;\n max-width: 100%;\n ","\n"],["\n position: relative;\n background-color: ",";\n border-radius: 6px;\n width: ","px;\n height: ","px;\n max-width: 100%;\n ","\n"])),Gi,(function(e){return e.width||600}),(function(e){return e.height||300}),(function(e){return e.theme.containerWidth<=ri&&Ne(_0||(_0=D0(["\n border-radius: 0;\n "],["\n border-radius: 0;\n "])))})),B0=tt.div(P0||(P0=D0(["\n width: 100%;\n justify-content: center;\n display: flex;\n"],["\n width: 100%;\n justify-content: center;\n display: flex;\n"]))),N0=tt.input(T0||(T0=D0(["\n width: 100%;\n margin-top: -25px;\n z-index: 2;\n"],["\n width: 100%;\n margin-top: -25px;\n z-index: 2;\n"]))),z0=function(e){var n=e.width,r=e.height,i=e.displayVideos,o=k().useRef(null),a=k().useRef(0),s=F0(k().useState(!0),2),l=(s[0],s[1]),c=F0(k().useState(!1),2),u=c[0],f=c[1],d=F0(k().useState(0),2),p=d[0],h=d[1],y=F0(k().useState(0),2),m=y[0],v=y[1];k().useEffect((function(){a.current=0;for(var e=0,t=0;t<i.length;t++){var n=i[t].startSec?i[t].startSec:0;e+=(i[t].endSec?i[t].endSec:i[t].duration)-n}h(e||1)}),[i]);var g=function(){if(o.current){var e=o.current;l(!0);var t=++a.current;if(i.length>t){e.src=i[t].source;var n=i[t].startSec?i[t].startSec:0;e.currentTime=n}else a.current=0,e.src=i[0].source,e.pause(),f(!1)}},x=function(){var e=o.current;e&&(u?e.pause():e.play(),f(!u))};return(0,t.jsxs)(L0,R0({width:n,height:r},{children:[(0,t.jsx)("video",{preload:"metadata",width:n,height:r,ref:o,onTimeUpdate:function(){if(o.current){var e=a.current,t=o.current,n=t.currentTime;n=(n-=i[e].startSec?i[e].startSec:0)<0?0:n;for(var r=0;r<e;r++){var s=i[r].startSec?i[r].startSec:0;n+=(i[r].endSec?i[r].endSec:i[r].duration)-s}i[e].endSec<=t.currentTime&&g(),v(n)}},onLoadedMetadata:function(){l(!1)},onEnded:g,onCanPlayThrough:function(){o.current&&a.current>0&&u&&o.current.play()},src:"".concat(i[a.current].source),onClick:x,style:{maxWidth:"100%"}}),(0,t.jsx)(M0,{playerBackgroundColor:"#fff",playButtonPosition:"center",isVideoPaused:!u,togglePlay:x,playerIconsColor:Gi}),(0,t.jsx)(B0,{children:(0,t.jsx)(N0,{onChange:function(e){!function(e){var t=parseFloat(e.currentTarget.value);if(o.current)for(var n=o.current,r=a.current,s=0,c=0,u=0;u<i.length;u++){var f=i[u].startSec?i[u].startSec:0;if(c+=(i[u].endSec?i[u].endSec:i[u].duration)-f,t>=s&&t<c){r!==u&&(l(!0),a.current=u,n.src=i[u].source),n.currentTime=t-s+f;break}s=c}}(e)},value:m,max:p,min:"0",type:"range",step:"0.01"})})]}))};function V0(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var U0="function"==typeof Symbol&&Symbol.observable||"@@observable",H0=function(){return Math.random().toString(36).substring(7).split("").join(".")},G0={INIT:"@@redux/INIT"+H0(),REPLACE:"@@redux/REPLACE"+H0(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+H0()}};function W0(e,t,n){var r;if("function"==typeof t&&"function"==typeof n||"function"==typeof n&&"function"==typeof arguments[3])throw new Error(V0(0));if("function"==typeof t&&void 0===n&&(n=t,t=void 0),void 0!==n){if("function"!=typeof n)throw new Error(V0(1));return n(W0)(e,t)}if("function"!=typeof e)throw new Error(V0(2));var i=e,o=t,a=[],s=a,l=!1;function c(){s===a&&(s=a.slice())}function u(){if(l)throw new Error(V0(3));return o}function f(e){if("function"!=typeof e)throw new Error(V0(4));if(l)throw new Error(V0(5));var t=!0;return c(),s.push(e),function(){if(t){if(l)throw new Error(V0(6));t=!1,c();var n=s.indexOf(e);s.splice(n,1),a=null}}}function d(e){if(!function(e){if("object"!=typeof e||null===e)return!1;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}(e))throw new Error(V0(7));if(void 0===e.type)throw new Error(V0(8));if(l)throw new Error(V0(9));try{l=!0,o=i(o,e)}finally{l=!1}for(var t=a=s,n=0;n<t.length;n++)(0,t[n])();return e}return d({type:G0.INIT}),(r={dispatch:d,subscribe:f,getState:u,replaceReducer:function(e){if("function"!=typeof e)throw new Error(V0(10));i=e,d({type:G0.REPLACE})}})[U0]=function(){var e,t=f;return(e={subscribe:function(e){if("object"!=typeof e||null===e)throw new Error(V0(11));function n(){e.next&&e.next(u())}return n(),{unsubscribe:t(n)}}})[U0]=function(){return this},e},r}function q0(e,t){return function(){return t(e.apply(this,arguments))}}function $0(e,t){if("function"==typeof e)return q0(e,t);if("object"!=typeof e||null===e)throw new Error(V0(16));var n={};for(var r in e){var i=e[r];"function"==typeof i&&(n[r]=q0(i,t))}return n}function Z0(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return 0===t.length?function(e){return e}:1===t.length?t[0]:t.reduce((function(e,t){return function(){return e(t.apply(void 0,arguments))}}))}var Y0=k().createContext(null),Q0=function(e){e()},K0=function(){return Q0},X0={notify:function(){},get:function(){return[]}};function J0(e,t){var n,r=X0;function i(){a.onStateChange&&a.onStateChange()}function o(){n||(n=t?t.addNestedSub(i):e.subscribe(i),r=function(){var e=K0(),t=null,n=null;return{clear:function(){t=null,n=null},notify:function(){e((function(){for(var e=t;e;)e.callback(),e=e.next}))},get:function(){for(var e=[],n=t;n;)e.push(n),n=n.next;return e},subscribe:function(e){var r=!0,i=n={callback:e,next:null,prev:n};return i.prev?i.prev.next=i:t=i,function(){r&&null!==t&&(r=!1,i.next?i.next.prev=i.prev:n=i.prev,i.prev?i.prev.next=i.next:t=i.next)}}}}())}var a={addNestedSub:function(e){return o(),r.subscribe(e)},notifyNestedSubs:function(){r.notify()},handleChangeWrapper:i,isSubscribed:function(){return Boolean(n)},trySubscribe:o,tryUnsubscribe:function(){n&&(n(),n=void 0,r.clear(),r=X0)},getListeners:function(){return r}};return a}var e1="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?E.useLayoutEffect:E.useEffect;const t1=function(e){var t=e.store,n=e.context,r=e.children,i=(0,E.useMemo)((function(){var e=J0(t);return{store:t,subscription:e}}),[t]),o=(0,E.useMemo)((function(){return t.getState()}),[t]);e1((function(){var e=i.subscription;return e.onStateChange=e.notifyNestedSubs,e.trySubscribe(),o!==t.getState()&&e.notifyNestedSubs(),function(){e.tryUnsubscribe(),e.onStateChange=null}}),[i,o]);var a=n||Y0;return k().createElement(a.Provider,{value:i},r)};var n1=__webpack_require__(2973),r1=["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"],i1=["reactReduxForwardedRef"],o1=[],a1=[null,null];function s1(e,t){var n=e[1];return[t.payload,n+1]}function l1(e,t,n){e1((function(){return e.apply(void 0,t)}),n)}function c1(e,t,n,r,i,o,a){e.current=r,t.current=i,n.current=!1,o.current&&(o.current=null,a())}function u1(e,t,n,r,i,o,a,s,l,c){if(e){var u=!1,f=null,d=function(){if(!u){var e,n,d=t.getState();try{e=r(d,i.current)}catch(e){n=e,f=e}n||(f=null),e===o.current?a.current||l():(o.current=e,s.current=e,a.current=!0,c({type:"STORE_UPDATED",payload:{error:n}}))}};return n.onStateChange=d,n.trySubscribe(),d(),function(){if(u=!0,n.tryUnsubscribe(),n.onStateChange=null,f)throw f}}}var f1=function(){return[null,0]};function d1(e,t){void 0===t&&(t={});var n=t,r=n.getDisplayName,i=void 0===r?function(e){return"ConnectAdvanced("+e+")"}:r,o=n.methodName,a=void 0===o?"connectAdvanced":o,s=n.renderCountProp,l=void 0===s?void 0:s,c=n.shouldHandleStateChanges,u=void 0===c||c,f=n.storeKey,d=void 0===f?"store":f,p=(n.withRef,n.forwardRef),h=void 0!==p&&p,y=n.context,m=void 0===y?Y0:y,v=Zt(n,r1),g=m;return function(t){var n=t.displayName||t.name||"Component",r=i(n),o=(0,Lt.Z)({},v,{getDisplayName:i,methodName:a,renderCountProp:l,shouldHandleStateChanges:u,storeKey:d,displayName:r,wrappedComponentName:n,WrappedComponent:t}),s=v.pure,c=s?E.useMemo:function(e){return e()};function f(n){var r=(0,E.useMemo)((function(){var e=n.reactReduxForwardedRef,t=Zt(n,i1);return[n.context,e,t]}),[n]),i=r[0],a=r[1],s=r[2],l=(0,E.useMemo)((function(){return i&&i.Consumer&&(0,n1.isContextConsumer)(k().createElement(i.Consumer,null))?i:g}),[i,g]),f=(0,E.useContext)(l),d=Boolean(n.store)&&Boolean(n.store.getState)&&Boolean(n.store.dispatch);Boolean(f)&&Boolean(f.store);var p=d?n.store:f.store,h=(0,E.useMemo)((function(){return function(t){return e(t.dispatch,o)}(p)}),[p]),y=(0,E.useMemo)((function(){if(!u)return a1;var e=J0(p,d?null:f.subscription),t=e.notifyNestedSubs.bind(e);return[e,t]}),[p,d,f]),m=y[0],v=y[1],x=(0,E.useMemo)((function(){return d?f:(0,Lt.Z)({},f,{subscription:m})}),[d,f,m]),b=(0,E.useReducer)(s1,o1,f1),w=b[0][0],S=b[1];if(w&&w.error)throw w.error;var C=(0,E.useRef)(),_=(0,E.useRef)(s),O=(0,E.useRef)(),P=(0,E.useRef)(!1),T=c((function(){return O.current&&s===_.current?O.current:h(p.getState(),s)}),[p,w,s]);l1(c1,[_,C,P,s,T,O,v]),l1(u1,[u,p,m,h,_,C,P,O,v,S],[p,m,h]);var I=(0,E.useMemo)((function(){return k().createElement(t,(0,Lt.Z)({},T,{ref:a}))}),[a,t,T]);return(0,E.useMemo)((function(){return u?k().createElement(l.Provider,{value:x},I):I}),[l,I,x])}var p=s?k().memo(f):f;if(p.WrappedComponent=t,p.displayName=f.displayName=r,h){var y=k().forwardRef((function(e,t){return k().createElement(p,(0,Lt.Z)({},e,{reactReduxForwardedRef:t}))}));return y.displayName=r,y.WrappedComponent=t,R()(y,t)}return R()(p,t)}}function p1(e,t){return e===t?0!==e||0!==t||1/e==1/t:e!=e&&t!=t}function h1(e,t){if(p1(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var i=0;i<n.length;i++)if(!Object.prototype.hasOwnProperty.call(t,n[i])||!p1(e[n[i]],t[n[i]]))return!1;return!0}function y1(e){return function(t,n){var r=e(t,n);function i(){return r}return i.dependsOnOwnProps=!1,i}}function m1(e){return null!==e.dependsOnOwnProps&&void 0!==e.dependsOnOwnProps?Boolean(e.dependsOnOwnProps):1!==e.length}function v1(e,t){return function(t,n){n.displayName;var r=function(e,t){return r.dependsOnOwnProps?r.mapToProps(e,t):r.mapToProps(e)};return r.dependsOnOwnProps=!0,r.mapToProps=function(t,n){r.mapToProps=e,r.dependsOnOwnProps=m1(e);var i=r(t,n);return"function"==typeof i&&(r.mapToProps=i,r.dependsOnOwnProps=m1(i),i=r(t,n)),i},r}}const g1=[function(e){return"function"==typeof e?v1(e):void 0},function(e){return e?void 0:y1((function(e){return{dispatch:e}}))},function(e){return e&&"object"==typeof e?y1((function(t){return function(e,t){var n={},r=function(r){var i=e[r];"function"==typeof i&&(n[r]=function(){return t(i.apply(void 0,arguments))})};for(var i in e)r(i);return n}(e,t)})):void 0}],x1=[function(e){return"function"==typeof e?v1(e):void 0},function(e){return e?void 0:y1((function(){return{}}))}];function b1(e,t,n){return(0,Lt.Z)({},n,e,t)}const w1=[function(e){return"function"==typeof e?function(e){return function(t,n){n.displayName;var r,i=n.pure,o=n.areMergedPropsEqual,a=!1;return function(t,n,s){var l=e(t,n,s);return a?i&&o(l,r)||(r=l):(a=!0,r=l),r}}}(e):void 0},function(e){return e?void 0:function(){return b1}}];var S1=["initMapStateToProps","initMapDispatchToProps","initMergeProps"];function C1(e,t,n,r){return function(i,o){return n(e(i,o),t(r,o),o)}}function E1(e,t,n,r,i){var o,a,s,l,c,u=i.areStatesEqual,f=i.areOwnPropsEqual,d=i.areStatePropsEqual,p=!1;return function(i,h){return p?function(i,p){var h,y,m=!f(p,a),v=!u(i,o,p,a);return o=i,a=p,m&&v?(s=e(o,a),t.dependsOnOwnProps&&(l=t(r,a)),c=n(s,l,a)):m?(e.dependsOnOwnProps&&(s=e(o,a)),t.dependsOnOwnProps&&(l=t(r,a)),c=n(s,l,a)):v?(h=e(o,a),y=!d(h,s),s=h,y&&(c=n(s,l,a)),c):c}(i,h):(s=e(o=i,a=h),l=t(r,a),c=n(s,l,a),p=!0,c)}}function k1(e,t){var n=t.initMapStateToProps,r=t.initMapDispatchToProps,i=t.initMergeProps,o=Zt(t,S1),a=n(e,o),s=r(e,o),l=i(e,o);return(o.pure?E1:C1)(a,s,l,e,o)}var _1=["pure","areStatesEqual","areOwnPropsEqual","areStatePropsEqual","areMergedPropsEqual"];function O1(e,t,n){for(var r=t.length-1;r>=0;r--){var i=t[r](e);if(i)return i}return function(t,r){throw new Error("Invalid value of type "+typeof e+" for "+n+" argument when connecting component "+r.wrappedComponentName+".")}}function P1(e,t){return e===t}function T1(e){var t=void 0===e?{}:e,n=t.connectHOC,r=void 0===n?d1:n,i=t.mapStateToPropsFactories,o=void 0===i?x1:i,a=t.mapDispatchToPropsFactories,s=void 0===a?g1:a,l=t.mergePropsFactories,c=void 0===l?w1:l,u=t.selectorFactory,f=void 0===u?k1:u;return function(e,t,n,i){void 0===i&&(i={});var a=i,l=a.pure,u=void 0===l||l,d=a.areStatesEqual,p=void 0===d?P1:d,h=a.areOwnPropsEqual,y=void 0===h?h1:h,m=a.areStatePropsEqual,v=void 0===m?h1:m,g=a.areMergedPropsEqual,x=void 0===g?h1:g,b=Zt(a,_1),w=O1(e,o,"mapStateToProps"),S=O1(t,s,"mapDispatchToProps"),C=O1(n,c,"mergeProps");return r(f,(0,Lt.Z)({methodName:"connect",getDisplayName:function(e){return"Connect("+e+")"},shouldHandleStateChanges:Boolean(e),initMapStateToProps:w,initMapDispatchToProps:S,initMergeProps:C,pure:u,areStatesEqual:p,areOwnPropsEqual:y,areStatePropsEqual:v,areMergedPropsEqual:x},b))}}const I1=T1();var A1;function j1(e,t){var n=(0,E.useState)((function(){return{inputs:t,result:e()}}))[0],r=(0,E.useRef)(!0),i=(0,E.useRef)(n),o=r.current||Boolean(t&&i.current.inputs&&function(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}(t,i.current.inputs)),a=o?i.current:{inputs:t,result:e()};return(0,E.useEffect)((function(){r.current=!1,i.current=a}),[a]),a.result}A1=nt.unstable_batchedUpdates,Q0=A1;var M1=j1,D1=function(e,t){return j1((function(){return e}),t)},R1=function(e){var t=e.top,n=e.right,r=e.bottom,i=e.left;return{top:t,right:n,bottom:r,left:i,width:n-i,height:r-t,x:i,y:t,center:{x:(n+i)/2,y:(r+t)/2}}},F1=function(e,t){return{top:e.top-t.top,left:e.left-t.left,bottom:e.bottom+t.bottom,right:e.right+t.right}},L1=function(e,t){return{top:e.top+t.top,left:e.left+t.left,bottom:e.bottom-t.bottom,right:e.right-t.right}},B1={top:0,right:0,bottom:0,left:0},N1=function(e){var t=e.borderBox,n=e.margin,r=void 0===n?B1:n,i=e.border,o=void 0===i?B1:i,a=e.padding,s=void 0===a?B1:a,l=R1(F1(t,r)),c=R1(L1(t,o)),u=R1(L1(c,s));return{marginBox:l,borderBox:R1(t),paddingBox:c,contentBox:u,margin:r,border:o,padding:s}},z1=function(e){var t=e.slice(0,-2);if("px"!==e.slice(-2))return 0;var n=Number(t);return isNaN(n)&&Wt(!1),n},V1=function(e,t){var n,r,i=e.borderBox,o=e.border,a=e.margin,s=e.padding,l=(r=t,{top:(n=i).top+r.y,left:n.left+r.x,bottom:n.bottom+r.y,right:n.right+r.x});return N1({borderBox:l,border:o,margin:a,padding:s})},U1=function(e,t){return void 0===t&&(t={x:window.pageXOffset,y:window.pageYOffset}),V1(e,t)},H1=function(e,t){var n={top:z1(t.marginTop),right:z1(t.marginRight),bottom:z1(t.marginBottom),left:z1(t.marginLeft)},r={top:z1(t.paddingTop),right:z1(t.paddingRight),bottom:z1(t.paddingBottom),left:z1(t.paddingLeft)},i={top:z1(t.borderTopWidth),right:z1(t.borderRightWidth),bottom:z1(t.borderBottomWidth),left:z1(t.borderLeftWidth)};return N1({borderBox:e,margin:n,padding:r,border:i})},G1=function(e){var t=e.getBoundingClientRect(),n=window.getComputedStyle(e);return H1(t,n)};const W1=function(e){var t=[],n=null,r=function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];t=i,n||(n=requestAnimationFrame((function(){n=null,e.apply(void 0,t)})))};return r.cancel=function(){n&&(cancelAnimationFrame(n),n=null)},r};function q1(e,t){}function $1(){}function Z1(e,t,n){var r=t.map((function(t){var r,i,o=(r=n,i=t.options,(0,Lt.Z)({},r,{},i));return e.addEventListener(t.eventName,t.fn,o),function(){e.removeEventListener(t.eventName,t.fn,o)}}));return function(){r.forEach((function(e){e()}))}}q1.bind(null,"warn"),q1.bind(null,"error");var Y1=!0,Q1="Invariant failed";function K1(e){this.message=e}function X1(e,t){if(!e)throw new K1(Y1?Q1:Q1+": "+(t||""))}K1.prototype.toString=function(){return this.message};var J1=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return(t=e.call.apply(e,[this].concat(r))||this).callbacks=null,t.unbind=$1,t.onWindowError=function(e){var n=t.getCallbacks();n.isDragging()&&n.tryAbort(),e.error instanceof K1&&e.preventDefault()},t.getCallbacks=function(){if(!t.callbacks)throw new Error("Unable to find AppCallbacks in <ErrorBoundary/>");return t.callbacks},t.setCallbacks=function(e){t.callbacks=e},t}(0,Dt.Z)(t,e);var n=t.prototype;return n.componentDidMount=function(){this.unbind=Z1(window,[{eventName:"error",fn:this.onWindowError}])},n.componentDidCatch=function(e){if(!(e instanceof K1))throw e;this.setState({})},n.componentWillUnmount=function(){this.unbind()},n.render=function(){return this.props.children(this.setCallbacks)},t}(k().Component),e2=function(e){return e+1},t2=function(e,t){var n=e.droppableId===t.droppableId,r=e2(e.index),i=e2(t.index);return n?"\n You have moved the item from position "+r+"\n to position "+i+"\n ":"\n You have moved the item from position "+r+"\n in list "+e.droppableId+"\n to list "+t.droppableId+"\n in position "+i+"\n "},n2=function(e,t,n){return t.droppableId===n.droppableId?"\n The item "+e+"\n has been combined with "+n.draggableId:"\n The item "+e+"\n in list "+t.droppableId+"\n has been combined with "+n.draggableId+"\n in list "+n.droppableId+"\n "},r2=function(e){return"\n The item has returned to its starting position\n of "+e2(e.index)+"\n"},i2=function(e){return"\n You have lifted an item in position "+e2(e.source.index)+"\n"},o2=function(e){var t=e.destination;if(t)return t2(e.source,t);var n=e.combine;return n?n2(e.draggableId,e.source,n):"You are over an area that cannot be dropped on"},a2=function(e){if("CANCEL"===e.reason)return"\n Movement cancelled.\n "+r2(e.source)+"\n ";var t=e.destination,n=e.combine;return t?"\n You have dropped the item.\n "+t2(e.source,t)+"\n ":n?"\n You have dropped the item.\n "+n2(e.draggableId,e.source,n)+"\n ":"\n The item has been dropped while not over a drop area.\n "+r2(e.source)+"\n "},s2={x:0,y:0},l2=function(e,t){return{x:e.x+t.x,y:e.y+t.y}},c2=function(e,t){return{x:e.x-t.x,y:e.y-t.y}},u2=function(e,t){return e.x===t.x&&e.y===t.y},f2=function(e){return{x:0!==e.x?-e.x:0,y:0!==e.y?-e.y:0}},d2=function(e,t,n){var r;return void 0===n&&(n=0),(r={})[e]=t,r["x"===e?"y":"x"]=n,r},p2=function(e,t){return Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2))},h2=function(e,t){return Math.min.apply(Math,t.map((function(t){return p2(e,t)})))},y2=function(e){return function(t){return{x:e(t.x),y:e(t.y)}}},m2=function(e,t){return{top:e.top+t.y,left:e.left+t.x,bottom:e.bottom+t.y,right:e.right+t.x}},v2=function(e){return[{x:e.left,y:e.top},{x:e.right,y:e.top},{x:e.left,y:e.bottom},{x:e.right,y:e.bottom}]},g2=function(e,t){return t&&t.shouldClipSubject?function(e,t){var n=R1({top:Math.max(t.top,e.top),right:Math.min(t.right,e.right),bottom:Math.min(t.bottom,e.bottom),left:Math.max(t.left,e.left)});return n.width<=0||n.height<=0?null:n}(t.pageMarginBox,e):R1(e)},x2=function(e){var t=e.page,n=e.withPlaceholder,r=e.axis,i=e.frame,o=function(e,t){return t?m2(e,t.scroll.diff.displacement):e}(t.marginBox,i),a=function(e,t,n){var r;return n&&n.increasedBy?(0,Lt.Z)({},e,((r={})[t.end]=e[t.end]+n.increasedBy[t.line],r)):e}(o,r,n);return{page:t,withPlaceholder:n,active:g2(a,i)}},b2=function(e,t){e.frame||X1(!1);var n=e.frame,r=c2(t,n.scroll.initial),i=f2(r),o=(0,Lt.Z)({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:r,displacement:i},max:n.scroll.max}}),a=x2({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:o});return(0,Lt.Z)({},e,{frame:o,subject:a})};function w2(e){return Object.values?Object.values(e):Object.keys(e).map((function(t){return e[t]}))}function S2(e,t){if(e.findIndex)return e.findIndex(t);for(var n=0;n<e.length;n++)if(t(e[n]))return n;return-1}function C2(e,t){if(e.find)return e.find(t);var n=S2(e,t);return-1!==n?e[n]:void 0}function E2(e){return Array.prototype.slice.call(e)}var k2=ka((function(e){return e.reduce((function(e,t){return e[t.descriptor.id]=t,e}),{})})),_2=ka((function(e){return e.reduce((function(e,t){return e[t.descriptor.id]=t,e}),{})})),O2=ka((function(e){return w2(e)})),P2=ka((function(e){return w2(e)})),T2=ka((function(e,t){var n=P2(t).filter((function(t){return e===t.descriptor.droppableId})).sort((function(e,t){return e.descriptor.index-t.descriptor.index}));return n}));function I2(e){return e.at&&"REORDER"===e.at.type?e.at.destination:null}function A2(e){return e.at&&"COMBINE"===e.at.type?e.at.combine:null}var j2=ka((function(e,t){return t.filter((function(t){return t.descriptor.id!==e.descriptor.id}))})),M2=function(e,t){return e.descriptor.droppableId===t.descriptor.id},D2={point:s2,value:0},R2={invisible:{},visible:{},all:[]},F2={displaced:R2,displacedBy:D2,at:null},L2=function(e,t){return function(n){return e<=n&&n<=t}},B2=function(e){var t=L2(e.top,e.bottom),n=L2(e.left,e.right);return function(r){if(t(r.top)&&t(r.bottom)&&n(r.left)&&n(r.right))return!0;var i=t(r.top)||t(r.bottom),o=n(r.left)||n(r.right);if(i&&o)return!0;var a=r.top<e.top&&r.bottom>e.bottom,s=r.left<e.left&&r.right>e.right;return!(!a||!s)||a&&o||s&&i}},N2=function(e){var t=L2(e.top,e.bottom),n=L2(e.left,e.right);return function(e){return t(e.top)&&t(e.bottom)&&n(e.left)&&n(e.right)}},z2={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},V2={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},U2=function(e){var t=e.target,n=e.destination,r=e.viewport,i=e.withDroppableDisplacement,o=e.isVisibleThroughFrameFn,a=i?function(e,t){var n=t.frame?t.frame.scroll.diff.displacement:s2;return m2(e,n)}(t,n):t;return function(e,t,n){return!!t.subject.active&&n(t.subject.active)(e)}(a,n,o)&&function(e,t,n){return n(t)(e)}(a,r,o)},H2=function(e){return U2((0,Lt.Z)({},e,{isVisibleThroughFrameFn:B2}))},G2=function(e){return U2((0,Lt.Z)({},e,{isVisibleThroughFrameFn:N2}))},W2=function(e,t,n){if("boolean"==typeof n)return n;if(!t)return!0;var r=t.invisible,i=t.visible;if(r[e])return!1;var o=i[e];return!o||o.shouldAnimate};function q2(e){var t=e.afterDragging,n=e.destination,r=e.displacedBy,i=e.viewport,o=e.forceShouldAnimate,a=e.last;return t.reduce((function(e,t){var s=function(e,t){var n=e.page.marginBox,r={top:t.point.y,right:0,bottom:0,left:t.point.x};return R1(F1(n,r))}(t,r),l=t.descriptor.id;if(e.all.push(l),!H2({target:s,destination:n,viewport:i,withDroppableDisplacement:!0}))return e.invisible[t.descriptor.id]=!0,e;var c={draggableId:l,shouldAnimate:W2(l,a,o)};return e.visible[l]=c,e}),{all:[],visible:{},invisible:{}})}function $2(e){var t=e.insideDestination,n=e.inHomeList,r=e.displacedBy,i=e.destination,o=function(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}(t,{inHomeList:n});return{displaced:R2,displacedBy:r,at:{type:"REORDER",destination:{droppableId:i.descriptor.id,index:o}}}}function Z2(e){var t=e.draggable,n=e.insideDestination,r=e.destination,i=e.viewport,o=e.displacedBy,a=e.last,s=e.index,l=e.forceShouldAnimate,c=M2(t,r);if(null==s)return $2({insideDestination:n,inHomeList:c,displacedBy:o,destination:r});var u=C2(n,(function(e){return e.descriptor.index===s}));if(!u)return $2({insideDestination:n,inHomeList:c,displacedBy:o,destination:r});var f=j2(t,n),d=n.indexOf(u);return{displaced:q2({afterDragging:f.slice(d),destination:r,displacedBy:o,last:a,viewport:i.frame,forceShouldAnimate:l}),displacedBy:o,at:{type:"REORDER",destination:{droppableId:r.descriptor.id,index:s}}}}function Y2(e,t){return Boolean(t.effected[e])}var Q2=function(e,t){return t.margin[e.start]+t.borderBox[e.size]/2},K2=function(e,t,n){return t[e.crossAxisStart]+n.margin[e.crossAxisStart]+n.borderBox[e.crossAxisSize]/2},X2=function(e){var t=e.axis,n=e.moveRelativeTo,r=e.isMoving;return d2(t.line,n.marginBox[t.end]+Q2(t,r),K2(t,n.marginBox,r))},J2=function(e){var t=e.axis,n=e.moveRelativeTo,r=e.isMoving;return d2(t.line,n.marginBox[t.start]-function(e,t){return t.margin[e.end]+t.borderBox[e.size]/2}(t,r),K2(t,n.marginBox,r))},e5=function(e,t){var n=e.frame;return n?l2(t,n.scroll.diff.displacement):t},t5=function(e){var t=function(e){var t=e.impact,n=e.draggable,r=e.droppable,i=e.draggables,o=e.afterCritical,a=n.page.borderBox.center,s=t.at;return r&&s?"REORDER"===s.type?function(e){var t=e.impact,n=e.draggable,r=e.draggables,i=e.droppable,o=e.afterCritical,a=T2(i.descriptor.id,r),s=n.page,l=i.axis;if(!a.length)return function(e){var t=e.axis,n=e.moveInto,r=e.isMoving;return d2(t.line,n.contentBox[t.start]+Q2(t,r),K2(t,n.contentBox,r))}({axis:l,moveInto:i.page,isMoving:s});var c=t.displaced,u=t.displacedBy,f=c.all[0];if(f){var d=r[f];if(Y2(f,o))return J2({axis:l,moveRelativeTo:d.page,isMoving:s});var p=V1(d.page,u.point);return J2({axis:l,moveRelativeTo:p,isMoving:s})}var h=a[a.length-1];if(h.descriptor.id===n.descriptor.id)return s.borderBox.center;if(Y2(h.descriptor.id,o)){var y=V1(h.page,f2(o.displacedBy.point));return X2({axis:l,moveRelativeTo:y,isMoving:s})}return X2({axis:l,moveRelativeTo:h.page,isMoving:s})}({impact:t,draggable:n,draggables:i,droppable:r,afterCritical:o}):function(e){var t=e.afterCritical,n=e.impact,r=e.draggables,i=A2(n);i||X1(!1);var o=i.draggableId,a=r[o].page.borderBox.center,s=function(e){var t=e.displaced,n=e.afterCritical,r=e.combineWith,i=e.displacedBy,o=Boolean(t.visible[r]||t.invisible[r]);return Y2(r,n)?o?s2:f2(i.point):o?i.point:s2}({displaced:n.displaced,afterCritical:t,combineWith:o,displacedBy:n.displacedBy});return l2(a,s)}({impact:t,draggables:i,afterCritical:o}):a}(e),n=e.droppable;return n?e5(n,t):t},n5=function(e,t){var n=c2(t,e.scroll.initial),r=f2(n);return{frame:R1({top:t.y,bottom:t.y+e.frame.height,left:t.x,right:t.x+e.frame.width}),scroll:{initial:e.scroll.initial,max:e.scroll.max,current:t,diff:{value:n,displacement:r}}}};function r5(e,t){return e.map((function(e){return t[e]}))}var i5=function(e){var t,n,r=e.pageBorderBoxCenter,i=e.draggable,o=(t=e.viewport,n=r,l2(t.scroll.diff.displacement,n)),a=c2(o,i.page.borderBox.center);return l2(i.client.borderBox.center,a)},o5=function(e){var t=e.draggable,n=e.destination,r=e.newPageBorderBoxCenter,i=e.viewport,o=e.withDroppableDisplacement,a=e.onlyOnMainAxis,s=void 0!==a&&a,l=c2(r,t.page.borderBox.center),c={target:m2(t.page.borderBox,l),destination:n,withDroppableDisplacement:o,viewport:i};return s?function(e){return U2((0,Lt.Z)({},e,{isVisibleThroughFrameFn:(t=e.destination.axis,function(e){var n=L2(e.top,e.bottom),r=L2(e.left,e.right);return function(e){return t===z2?n(e.top)&&n(e.bottom):r(e.left)&&r(e.right)}})}));var t}(c):G2(c)},a5=function(e){var t=e.isMovingForward,n=e.draggable,r=e.destination,i=e.draggables,o=e.previousImpact,a=e.viewport,s=e.previousPageBorderBoxCenter,l=e.previousClientSelection,c=e.afterCritical;if(!r.isEnabled)return null;var u=T2(r.descriptor.id,i),f=M2(n,r),d=function(e){var t=e.isMovingForward,n=e.draggable,r=e.destination,i=e.insideDestination,o=e.previousImpact;if(!r.isCombineEnabled)return null;if(!I2(o))return null;function a(e){var t={type:"COMBINE",combine:{draggableId:e,droppableId:r.descriptor.id}};return(0,Lt.Z)({},o,{at:t})}var s=o.displaced.all,l=s.length?s[0]:null;if(t)return l?a(l):null;var c=j2(n,i);if(!l)return c.length?a(c[c.length-1].descriptor.id):null;var u=S2(c,(function(e){return e.descriptor.id===l}));-1===u&&X1(!1);var f=u-1;return f<0?null:a(c[f].descriptor.id)}({isMovingForward:t,draggable:n,destination:r,insideDestination:u,previousImpact:o})||function(e){var t=e.isMovingForward,n=e.isInHomeList,r=e.draggable,i=e.draggables,o=e.destination,a=e.insideDestination,s=e.previousImpact,l=e.viewport,c=e.afterCritical,u=s.at;if(u||X1(!1),"REORDER"===u.type){var f=function(e){var t=e.isMovingForward,n=e.isInHomeList,r=e.insideDestination,i=e.location;if(!r.length)return null;var o=i.index,a=t?o+1:o-1,s=r[0].descriptor.index,l=r[r.length-1].descriptor.index;return a<s||a>(n?l:l+1)?null:a}({isMovingForward:t,isInHomeList:n,location:u.destination,insideDestination:a});return null==f?null:Z2({draggable:r,insideDestination:a,destination:o,viewport:l,last:s.displaced,displacedBy:s.displacedBy,index:f})}var d=function(e){var t=e.isMovingForward,n=e.draggables,r=e.combine,i=e.afterCritical;if(!e.destination.isCombineEnabled)return null;var o=r.draggableId,a=n[o].descriptor.index;return Y2(o,i)?t?a:a-1:t?a+1:a}({isMovingForward:t,destination:o,displaced:s.displaced,draggables:i,combine:u.combine,afterCritical:c});return null==d?null:Z2({draggable:r,insideDestination:a,destination:o,viewport:l,last:s.displaced,displacedBy:s.displacedBy,index:d})}({isMovingForward:t,isInHomeList:f,draggable:n,draggables:i,destination:r,insideDestination:u,previousImpact:o,viewport:a,afterCritical:c});if(!d)return null;var p=t5({impact:d,draggable:n,droppable:r,draggables:i,afterCritical:c});if(o5({draggable:n,destination:r,newPageBorderBoxCenter:p,viewport:a.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0}))return{clientSelection:i5({pageBorderBoxCenter:p,draggable:n,viewport:a}),impact:d,scrollJumpRequest:null};var h=c2(p,s),y=function(e){var t=e.impact,n=e.viewport,r=e.destination,i=e.draggables,o=e.maxScrollChange,a=n5(n,l2(n.scroll.current,o)),s=r.frame?b2(r,l2(r.frame.scroll.current,o)):r,l=t.displaced,c=q2({afterDragging:r5(l.all,i),destination:r,displacedBy:t.displacedBy,viewport:a.frame,last:l,forceShouldAnimate:!1}),u=q2({afterDragging:r5(l.all,i),destination:s,displacedBy:t.displacedBy,viewport:n.frame,last:l,forceShouldAnimate:!1}),f={},d={},p=[l,c,u];return l.all.forEach((function(e){var t=function(e,t){for(var n=0;n<t.length;n++){var r=t[n].visible[e];if(r)return r}return null}(e,p);t?d[e]=t:f[e]=!0})),(0,Lt.Z)({},t,{displaced:{all:l.all,invisible:f,visible:d}})}({impact:d,viewport:a,destination:r,draggables:i,maxScrollChange:h});return{clientSelection:l,impact:y,scrollJumpRequest:h}},s5=function(e){var t=e.subject.active;return t||X1(!1),t},l5=function(e,t){var n=e.page.borderBox.center;return Y2(e.descriptor.id,t)?c2(n,t.displacedBy.point):n},c5=function(e,t){var n=e.page.borderBox;return Y2(e.descriptor.id,t)?m2(n,f2(t.displacedBy.point)):n},u5=ka((function(e,t){var n=t[e.line];return{value:n,point:d2(e.line,n)}})),f5=function(e,t){return(0,Lt.Z)({},e,{scroll:(0,Lt.Z)({},e.scroll,{max:t})})},d5=function(e,t,n){var r=e.frame;M2(t,e)&&X1(!1),e.subject.withPlaceholder&&X1(!1);var i=u5(e.axis,t.displaceBy).point,o=function(e,t,n){var r=e.axis;if("virtual"===e.descriptor.mode)return d2(r.line,t[r.line]);var i=e.subject.page.contentBox[r.size],o=T2(e.descriptor.id,n).reduce((function(e,t){return e+t.client.marginBox[r.size]}),0)+t[r.line]-i;return o<=0?null:d2(r.line,o)}(e,i,n),a={placeholderSize:i,increasedBy:o,oldFrameMaxScroll:e.frame?e.frame.scroll.max:null};if(!r){var s=x2({page:e.subject.page,withPlaceholder:a,axis:e.axis,frame:e.frame});return(0,Lt.Z)({},e,{subject:s})}var l=o?l2(r.scroll.max,o):r.scroll.max,c=f5(r,l),u=x2({page:e.subject.page,withPlaceholder:a,axis:e.axis,frame:c});return(0,Lt.Z)({},e,{subject:u,frame:c})},p5=function(e){var t=e.at;return t?"REORDER"===t.type?t.destination.droppableId:t.combine.droppableId:null},h5=function(e){var t=e.state,n=e.type,r=function(e,t){var n=p5(e);return n?t[n]:null}(t.impact,t.dimensions.droppables),i=Boolean(r),o=t.dimensions.droppables[t.critical.droppable.id],a=r||o,s=a.axis.direction,l="vertical"===s&&("MOVE_UP"===n||"MOVE_DOWN"===n)||"horizontal"===s&&("MOVE_LEFT"===n||"MOVE_RIGHT"===n);if(l&&!i)return null;var c="MOVE_DOWN"===n||"MOVE_RIGHT"===n,u=t.dimensions.draggables[t.critical.draggable.id],f=t.current.page.borderBoxCenter,d=t.dimensions,p=d.draggables,h=d.droppables;return l?a5({isMovingForward:c,previousPageBorderBoxCenter:f,draggable:u,destination:a,draggables:p,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):function(e){var t=e.isMovingForward,n=e.previousPageBorderBoxCenter,r=e.draggable,i=e.isOver,o=e.draggables,a=e.droppables,s=e.viewport,l=e.afterCritical,c=function(e){var t=e.isMovingForward,n=e.pageBorderBoxCenter,r=e.source,i=e.droppables,o=e.viewport,a=r.subject.active;if(!a)return null;var s=r.axis,l=L2(a[s.start],a[s.end]),c=O2(i).filter((function(e){return e!==r})).filter((function(e){return e.isEnabled})).filter((function(e){return Boolean(e.subject.active)})).filter((function(e){return B2(o.frame)(s5(e))})).filter((function(e){var n=s5(e);return t?a[s.crossAxisEnd]<n[s.crossAxisEnd]:n[s.crossAxisStart]<a[s.crossAxisStart]})).filter((function(e){var t=s5(e),n=L2(t[s.start],t[s.end]);return l(t[s.start])||l(t[s.end])||n(a[s.start])||n(a[s.end])})).sort((function(e,n){var r=s5(e)[s.crossAxisStart],i=s5(n)[s.crossAxisStart];return t?r-i:i-r})).filter((function(e,t,n){return s5(e)[s.crossAxisStart]===s5(n[0])[s.crossAxisStart]}));if(!c.length)return null;if(1===c.length)return c[0];var u=c.filter((function(e){return L2(s5(e)[s.start],s5(e)[s.end])(n[s.line])}));return 1===u.length?u[0]:u.length>1?u.sort((function(e,t){return s5(e)[s.start]-s5(t)[s.start]}))[0]:c.sort((function(e,t){var r=h2(n,v2(s5(e))),i=h2(n,v2(s5(t)));return r!==i?r-i:s5(e)[s.start]-s5(t)[s.start]}))[0]}({isMovingForward:t,pageBorderBoxCenter:n,source:i,droppables:a,viewport:s});if(!c)return null;var u=T2(c.descriptor.id,o),f=function(e){var t=e.pageBorderBoxCenter,n=e.viewport,r=e.destination,i=e.afterCritical,o=e.insideDestination.filter((function(e){return G2({target:c5(e,i),destination:r,viewport:n.frame,withDroppableDisplacement:!0})})).sort((function(e,n){var o=p2(t,e5(r,l5(e,i))),a=p2(t,e5(r,l5(n,i)));return o<a?-1:a<o?1:e.descriptor.index-n.descriptor.index}));return o[0]||null}({pageBorderBoxCenter:n,viewport:s,destination:c,insideDestination:u,afterCritical:l}),d=function(e){var t=e.previousPageBorderBoxCenter,n=e.moveRelativeTo,r=e.insideDestination,i=e.draggable,o=e.draggables,a=e.destination,s=e.viewport,l=e.afterCritical;if(!n){if(r.length)return null;var c={displaced:R2,displacedBy:D2,at:{type:"REORDER",destination:{droppableId:a.descriptor.id,index:0}}},u=t5({impact:c,draggable:i,droppable:a,draggables:o,afterCritical:l}),f=M2(i,a)?a:d5(a,i,o);return o5({draggable:i,destination:f,newPageBorderBoxCenter:u,viewport:s.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0})?c:null}var d,p=Boolean(t[a.axis.line]<=n.page.borderBox.center[a.axis.line]),h=(d=n.descriptor.index,n.descriptor.id===i.descriptor.id||p?d:d+1);return Z2({draggable:i,insideDestination:r,destination:a,viewport:s,displacedBy:u5(a.axis,i.displaceBy),last:R2,index:h})}({previousPageBorderBoxCenter:n,destination:c,draggable:r,draggables:o,moveRelativeTo:f,insideDestination:u,viewport:s,afterCritical:l});if(!d)return null;var p=t5({impact:d,draggable:r,droppable:c,draggables:o,afterCritical:l});return{clientSelection:i5({pageBorderBoxCenter:p,draggable:r,viewport:s}),impact:d,scrollJumpRequest:null}}({isMovingForward:c,previousPageBorderBoxCenter:f,draggable:u,isOver:a,draggables:p,droppables:h,viewport:t.viewport,afterCritical:t.afterCritical})};function y5(e){return"DRAGGING"===e.phase||"COLLECTING"===e.phase}function m5(e){var t=L2(e.top,e.bottom),n=L2(e.left,e.right);return function(e){return t(e.y)&&n(e.x)}}var v5=function(e,t){return R1(m2(e,t))};function g5(e){var t=e.displaced,n=e.id;return Boolean(t.visible[n]||t.invisible[n])}var x5=function(e){var t=e.pageOffset,n=e.draggable,r=e.draggables,i=e.droppables,o=e.previousImpact,a=e.viewport,s=e.afterCritical,l=v5(n.page.borderBox,t),c=function(e){var t=e.pageBorderBox,n=e.draggable,r=e.droppables,i=O2(r).filter((function(e){if(!e.isEnabled)return!1;var n,r,i=e.subject.active;if(!i)return!1;if(r=i,!((n=t).left<r.right&&n.right>r.left&&n.top<r.bottom&&n.bottom>r.top))return!1;if(m5(i)(t.center))return!0;var o=e.axis,a=i.center[o.crossAxisLine],s=t[o.crossAxisStart],l=t[o.crossAxisEnd],c=L2(i[o.crossAxisStart],i[o.crossAxisEnd]),u=c(s),f=c(l);return!u&&!f||(u?s<a:l>a)}));return i.length?1===i.length?i[0].descriptor.id:function(e){var t=e.pageBorderBox,n=e.candidates,r=e.draggable.page.borderBox.center,i=n.map((function(e){var n=e.axis,i=d2(e.axis.line,t.center[n.line],e.page.borderBox.center[n.crossAxisLine]);return{id:e.descriptor.id,distance:p2(r,i)}})).sort((function(e,t){return t.distance-e.distance}));return i[0]?i[0].id:null}({pageBorderBox:t,draggable:n,candidates:i}):null}({pageBorderBox:l,draggable:n,droppables:i});if(!c)return F2;var u=i[c],f=T2(u.descriptor.id,r),d=function(e,t){var n=e.frame;return n?v5(t,n.scroll.diff.value):t}(u,l);return function(e){var t=e.draggable,n=e.pageBorderBoxWithDroppableScroll,r=e.previousImpact,i=e.destination,o=e.insideDestination,a=e.afterCritical;if(!i.isCombineEnabled)return null;var s=i.axis,l=u5(i.axis,t.displaceBy),c=l.value,u=n[s.start],f=n[s.end],d=C2(j2(t,o),(function(e){var t=e.descriptor.id,n=e.page.borderBox,i=n[s.size]/4,o=Y2(t,a),l=g5({displaced:r.displaced,id:t});return o?l?f>n[s.start]+i&&f<n[s.end]-i:u>n[s.start]-c+i&&u<n[s.end]-c-i:l?f>n[s.start]+c+i&&f<n[s.end]+c-i:u>n[s.start]+i&&u<n[s.end]-i}));return d?{displacedBy:l,displaced:r.displaced,at:{type:"COMBINE",combine:{draggableId:d.descriptor.id,droppableId:i.descriptor.id}}}:null}({pageBorderBoxWithDroppableScroll:d,draggable:n,previousImpact:o,destination:u,insideDestination:f,afterCritical:s})||function(e){var t=e.pageBorderBoxWithDroppableScroll,n=e.draggable,r=e.destination,i=e.insideDestination,o=e.last,a=e.viewport,s=e.afterCritical,l=r.axis,c=u5(r.axis,n.displaceBy),u=c.value,f=t[l.start],d=t[l.end],p=function(e){var t=e.draggable,n=e.closest;return n?e.inHomeList&&n.descriptor.index>t.descriptor.index?n.descriptor.index-1:n.descriptor.index:null}({draggable:n,closest:C2(j2(n,i),(function(e){var t=e.descriptor.id,n=e.page.borderBox.center[l.line],r=Y2(t,s),i=g5({displaced:o,id:t});return r?i?d<=n:f<n-u:i?d<=n+u:f<n})),inHomeList:M2(n,r)});return Z2({draggable:n,insideDestination:i,destination:r,viewport:a,last:o,displacedBy:c,index:p})}({pageBorderBoxWithDroppableScroll:d,draggable:n,destination:u,insideDestination:f,last:o.displaced,viewport:a,afterCritical:s})},b5=function(e,t){var n;return(0,Lt.Z)({},e,((n={})[t.descriptor.id]=t,n))},w5=function(e){var t=e.state,n=e.clientSelection,r=e.dimensions,i=e.viewport,o=e.impact,a=e.scrollJumpRequest,s=i||t.viewport,l=r||t.dimensions,c=n||t.current.client.selection,u=c2(c,t.initial.client.selection),f={offset:u,selection:c,borderBoxCenter:l2(t.initial.client.borderBoxCenter,u)},d={selection:l2(f.selection,s.scroll.current),borderBoxCenter:l2(f.borderBoxCenter,s.scroll.current),offset:l2(f.offset,s.scroll.diff.value)},p={client:f,page:d};if("COLLECTING"===t.phase)return(0,Lt.Z)({phase:"COLLECTING"},t,{dimensions:l,viewport:s,current:p});var h=l.draggables[t.critical.draggable.id],y=o||x5({pageOffset:d.offset,draggable:h,draggables:l.draggables,droppables:l.droppables,previousImpact:t.impact,viewport:s,afterCritical:t.afterCritical}),m=function(e){var t=e.draggable,n=e.draggables,r=e.droppables,i=e.impact,o=function(e){var t=e.previousImpact,n=e.impact,r=e.droppables,i=p5(t),o=p5(n);if(!i)return r;if(i===o)return r;var a=r[i];if(!a.subject.withPlaceholder)return r;var s=function(e){var t=e.subject.withPlaceholder;t||X1(!1);var n=e.frame;if(!n){var r=x2({page:e.subject.page,axis:e.axis,frame:null,withPlaceholder:null});return(0,Lt.Z)({},e,{subject:r})}var i=t.oldFrameMaxScroll;i||X1(!1);var o=f5(n,i),a=x2({page:e.subject.page,axis:e.axis,frame:o,withPlaceholder:null});return(0,Lt.Z)({},e,{subject:a,frame:o})}(a);return b5(r,s)}({previousImpact:e.previousImpact,impact:i,droppables:r}),a=p5(i);if(!a)return o;var s=r[a];if(M2(t,s))return o;if(s.subject.withPlaceholder)return o;var l=d5(s,t,n);return b5(o,l)}({draggable:h,impact:y,previousImpact:t.impact,draggables:l.draggables,droppables:l.droppables});return(0,Lt.Z)({},t,{current:p,dimensions:{draggables:l.draggables,droppables:m},impact:y,viewport:s,scrollJumpRequest:a||null,forceShouldAnimate:!a&&null})},S5=function(e){var t=e.impact,n=e.viewport,r=e.draggables,i=e.destination,o=e.forceShouldAnimate,a=t.displaced,s=function(e,t){return e.map((function(e){return t[e]}))}(a.all,r),l=q2({afterDragging:s,destination:i,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:o,last:a});return(0,Lt.Z)({},t,{displaced:l})},C5=function(e){var t=e.impact,n=e.draggable,r=e.droppable,i=e.draggables,o=e.viewport,a=e.afterCritical,s=t5({impact:t,draggable:n,draggables:i,droppable:r,afterCritical:a});return i5({pageBorderBoxCenter:s,draggable:n,viewport:o})},E5=function(e){var t=e.state,n=e.dimensions,r=e.viewport;"SNAP"!==t.movementMode&&X1(!1);var i=t.impact,o=r||t.viewport,a=n||t.dimensions,s=a.draggables,l=a.droppables,c=s[t.critical.draggable.id],u=p5(i);u||X1(!1);var f=l[u],d=S5({impact:i,viewport:o,destination:f,draggables:s}),p=C5({impact:d,draggable:c,droppable:f,draggables:s,viewport:o,afterCritical:t.afterCritical});return w5({impact:d,clientSelection:p,state:t,dimensions:a,viewport:o})},k5=function(e){var t=e.draggable,n=e.home,r=e.draggables,i=e.viewport,o=u5(n.axis,t.displaceBy),a=T2(n.descriptor.id,r),s=a.indexOf(t);-1===s&&X1(!1);var l,c=a.slice(s+1),u=c.reduce((function(e,t){return e[t.descriptor.id]=!0,e}),{}),f={inVirtualList:"virtual"===n.descriptor.mode,displacedBy:o,effected:u};return{impact:{displaced:q2({afterDragging:c,destination:n,displacedBy:o,last:null,viewport:i.frame,forceShouldAnimate:!1}),displacedBy:o,at:{type:"REORDER",destination:(l=t.descriptor,{index:l.index,droppableId:l.droppableId})}},afterCritical:f}},_5=function(e){return"SNAP"===e.movementMode},O5=function(e,t,n){var r=function(e,t){return{draggables:e.draggables,droppables:b5(e.droppables,t)}}(e.dimensions,t);return!_5(e)||n?w5({state:e,dimensions:r}):E5({state:e,dimensions:r})};function P5(e){return e.isDragging&&"SNAP"===e.movementMode?(0,Lt.Z)({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var T5={phase:"IDLE",completed:null,shouldFlush:!1},I5=function(e,t){if(void 0===e&&(e=T5),"FLUSH"===t.type)return(0,Lt.Z)({},T5,{shouldFlush:!0});if("INITIAL_PUBLISH"===t.type){"IDLE"!==e.phase&&X1(!1);var n=t.payload,r=n.critical,i=n.clientSelection,o=n.viewport,a=n.dimensions,s=n.movementMode,l=a.draggables[r.draggable.id],c=a.droppables[r.droppable.id],u={selection:i,borderBoxCenter:l.client.borderBox.center,offset:s2},f={client:u,page:{selection:l2(u.selection,o.scroll.initial),borderBoxCenter:l2(u.selection,o.scroll.initial),offset:l2(u.selection,o.scroll.diff.value)}},d=O2(a.droppables).every((function(e){return!e.isFixedOnPage})),p=k5({draggable:l,home:c,draggables:a.draggables,viewport:o}),h=p.impact;return{phase:"DRAGGING",isDragging:!0,critical:r,movementMode:s,dimensions:a,initial:f,current:f,isWindowScrollAllowed:d,impact:h,afterCritical:p.afterCritical,onLiftImpact:h,viewport:o,scrollJumpRequest:null,forceShouldAnimate:null}}if("COLLECTION_STARTING"===t.type)return"COLLECTING"===e.phase||"DROP_PENDING"===e.phase?e:("DRAGGING"!==e.phase&&X1(!1),(0,Lt.Z)({phase:"COLLECTING"},e,{phase:"COLLECTING"}));if("PUBLISH_WHILE_DRAGGING"===t.type)return"COLLECTING"!==e.phase&&"DROP_PENDING"!==e.phase&&X1(!1),function(e){var t=e.state,n=e.published,r=n.modified.map((function(e){var n=t.dimensions.droppables[e.droppableId];return b2(n,e.scroll)})),i=(0,Lt.Z)({},t.dimensions.droppables,{},k2(r)),o=_2(function(e){var t=e.additions,n=e.updatedDroppables,r=e.viewport,i=r.scroll.diff.value;return t.map((function(e){var t=e.descriptor.droppableId,o=function(e){var t=e.frame;return t||X1(!1),t}(n[t]),a=o.scroll.diff.value,s=function(e){var t=e.draggable,n=e.offset,r=e.initialWindowScroll,i=V1(t.client,n),o=U1(i,r);return(0,Lt.Z)({},t,{placeholder:(0,Lt.Z)({},t.placeholder,{client:i}),client:i,page:o})}({draggable:e,offset:l2(i,a),initialWindowScroll:r.scroll.initial});return s}))}({additions:n.additions,updatedDroppables:i,viewport:t.viewport})),a=(0,Lt.Z)({},t.dimensions.draggables,{},o);n.removals.forEach((function(e){delete a[e]}));var s={droppables:i,draggables:a},l=p5(t.impact),c=l?s.droppables[l]:null,u=s.draggables[t.critical.draggable.id],f=s.droppables[t.critical.droppable.id],d=k5({draggable:u,home:f,draggables:a,viewport:t.viewport}),p=d.impact,h=d.afterCritical,y=c&&c.isCombineEnabled?t.impact:p,m=x5({pageOffset:t.current.page.offset,draggable:s.draggables[t.critical.draggable.id],draggables:s.draggables,droppables:s.droppables,previousImpact:y,viewport:t.viewport,afterCritical:h}),v=(0,Lt.Z)({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:m,onLiftImpact:p,dimensions:s,afterCritical:h,forceShouldAnimate:!1});return"COLLECTING"===t.phase?v:(0,Lt.Z)({phase:"DROP_PENDING"},v,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1})}({state:e,published:t.payload});if("MOVE"===t.type){if("DROP_PENDING"===e.phase)return e;y5(e)||X1(!1);var y=t.payload.client;return u2(y,e.current.client.selection)?e:w5({state:e,clientSelection:y,impact:_5(e)?e.impact:null})}if("UPDATE_DROPPABLE_SCROLL"===t.type){if("DROP_PENDING"===e.phase)return P5(e);if("COLLECTING"===e.phase)return P5(e);y5(e)||X1(!1);var m=t.payload,v=m.id,g=m.newScroll,x=e.dimensions.droppables[v];if(!x)return e;var b=b2(x,g);return O5(e,b,!1)}if("UPDATE_DROPPABLE_IS_ENABLED"===t.type){if("DROP_PENDING"===e.phase)return e;y5(e)||X1(!1);var w=t.payload,S=w.id,C=w.isEnabled,E=e.dimensions.droppables[S];E||X1(!1),E.isEnabled===C&&X1(!1);var k=(0,Lt.Z)({},E,{isEnabled:C});return O5(e,k,!0)}if("UPDATE_DROPPABLE_IS_COMBINE_ENABLED"===t.type){if("DROP_PENDING"===e.phase)return e;y5(e)||X1(!1);var _=t.payload,O=_.id,P=_.isCombineEnabled,T=e.dimensions.droppables[O];T||X1(!1),T.isCombineEnabled===P&&X1(!1);var I=(0,Lt.Z)({},T,{isCombineEnabled:P});return O5(e,I,!0)}if("MOVE_BY_WINDOW_SCROLL"===t.type){if("DROP_PENDING"===e.phase||"DROP_ANIMATING"===e.phase)return e;y5(e)||X1(!1),e.isWindowScrollAllowed||X1(!1);var A=t.payload.newScroll;if(u2(e.viewport.scroll.current,A))return P5(e);var j=n5(e.viewport,A);return _5(e)?E5({state:e,viewport:j}):w5({state:e,viewport:j})}if("UPDATE_VIEWPORT_MAX_SCROLL"===t.type){if(!y5(e))return e;var M=t.payload.maxScroll;if(u2(M,e.viewport.scroll.max))return e;var D=(0,Lt.Z)({},e.viewport,{scroll:(0,Lt.Z)({},e.viewport.scroll,{max:M})});return(0,Lt.Z)({phase:"DRAGGING"},e,{viewport:D})}if("MOVE_UP"===t.type||"MOVE_DOWN"===t.type||"MOVE_LEFT"===t.type||"MOVE_RIGHT"===t.type){if("COLLECTING"===e.phase||"DROP_PENDING"===e.phase)return e;"DRAGGING"!==e.phase&&X1(!1);var R=h5({state:e,type:t.type});return R?w5({state:e,impact:R.impact,clientSelection:R.clientSelection,scrollJumpRequest:R.scrollJumpRequest}):e}if("DROP_PENDING"===t.type){var F=t.payload.reason;return"COLLECTING"!==e.phase&&X1(!1),(0,Lt.Z)({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:F})}if("DROP_ANIMATE"===t.type){var L=t.payload,B=L.completed,N=L.dropDuration,z=L.newHomeClientOffset;return"DRAGGING"!==e.phase&&"DROP_PENDING"!==e.phase&&X1(!1),{phase:"DROP_ANIMATING",completed:B,dropDuration:N,newHomeClientOffset:z,dimensions:e.dimensions}}return"DROP_COMPLETE"===t.type?{phase:"IDLE",completed:t.payload.completed,shouldFlush:!1}:e},A5=function(e){return{type:"LIFT",payload:e}},j5=function(e){return{type:"PUBLISH_WHILE_DRAGGING",payload:e}},M5=function(){return{type:"COLLECTION_STARTING",payload:null}},D5=function(e){return{type:"UPDATE_DROPPABLE_SCROLL",payload:e}},R5=function(e){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:e}},F5=function(e){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:e}},L5=function(e){return{type:"MOVE",payload:e}},B5=function(){return{type:"MOVE_UP",payload:null}},N5=function(){return{type:"MOVE_DOWN",payload:null}},z5=function(){return{type:"MOVE_RIGHT",payload:null}},V5=function(){return{type:"MOVE_LEFT",payload:null}},U5=function(){return{type:"FLUSH",payload:null}},H5=function(e){return{type:"DROP_COMPLETE",payload:e}},G5=function(e){return{type:"DROP",payload:e}},W5="cubic-bezier(.2,1,.1,1)",q5=0,$5=.7,Z5=.75,Y5="0.2s cubic-bezier(0.2, 0, 0, 1)",Q5={fluid:"opacity "+Y5,snap:"transform "+Y5+", opacity "+Y5,drop:function(e){var t=e+"s "+W5;return"transform "+t+", opacity "+t},outOfTheWay:"transform "+Y5,placeholder:"height "+Y5+", width "+Y5+", margin "+Y5},K5=function(e){return u2(e,s2)?null:"translate("+e.x+"px, "+e.y+"px)"},X5=K5,J5=function(e,t){var n=K5(e);return n?t?n+" scale("+Z5+")":n:null},e3=.33,t3=function(e){var t=e.getState,n=e.dispatch;return function(e){return function(r){if("DROP"===r.type){var i=t(),o=r.payload.reason;if("COLLECTING"!==i.phase){if("IDLE"!==i.phase){"DROP_PENDING"===i.phase&&i.isWaiting&&X1(!1),"DRAGGING"!==i.phase&&"DROP_PENDING"!==i.phase&&X1(!1);var a=i.critical,s=i.dimensions,l=s.draggables[i.critical.draggable.id],c=function(e){var t=e.draggables,n=e.reason,r=e.lastImpact,i=e.home,o=e.viewport,a=e.onLiftImpact;return r.at&&"DROP"===n?"REORDER"===r.at.type?{impact:r,didDropInsideDroppable:!0}:{impact:(0,Lt.Z)({},r,{displaced:R2}),didDropInsideDroppable:!0}:{impact:S5({draggables:t,impact:a,destination:i,viewport:o,forceShouldAnimate:!0}),didDropInsideDroppable:!1}}({reason:o,lastImpact:i.impact,afterCritical:i.afterCritical,onLiftImpact:i.onLiftImpact,home:i.dimensions.droppables[i.critical.droppable.id],viewport:i.viewport,draggables:i.dimensions.draggables}),u=c.impact,f=c.didDropInsideDroppable,d=f?I2(u):null,p=f?A2(u):null,h={index:a.draggable.index,droppableId:a.droppable.id},y={draggableId:l.descriptor.id,type:l.descriptor.type,source:h,reason:o,mode:i.movementMode,destination:d,combine:p},m=function(e){var t=e.impact,n=e.draggable,r=e.dimensions,i=e.viewport,o=e.afterCritical,a=r.draggables,s=r.droppables,l=p5(t),c=l?s[l]:null,u=s[n.descriptor.droppableId],f=C5({impact:t,draggable:n,draggables:a,afterCritical:o,droppable:c||u,viewport:i});return c2(f,n.client.borderBox.center)}({impact:u,draggable:l,dimensions:s,viewport:i.viewport,afterCritical:i.afterCritical}),v={critical:i.critical,afterCritical:i.afterCritical,result:y,impact:u};if(!u2(i.current.client.offset,m)||Boolean(y.combine)){var g=function(e){var t=e.reason,n=p2(e.current,e.destination);if(n<=0)return e3;if(n>=1500)return.55;var r=e3+n/1500*.22000000000000003;return Number(("CANCEL"===t?.6*r:r).toFixed(2))}({current:i.current.client.offset,destination:m,reason:o});n({type:"DROP_ANIMATE",payload:{newHomeClientOffset:m,dropDuration:g,completed:v}})}else n(H5({completed:v}))}}else n(function(e){return{type:"DROP_PENDING",payload:e}}({reason:o}))}else e(r)}}},n3=function(){return{x:window.pageXOffset,y:window.pageYOffset}};var r3=function(e){var t=function(e){var t,n=e.onWindowScroll,r=W1((function(){n(n3())})),i=(t=r,{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(e){e.target!==window&&e.target!==window.document||t()}}),o=$1;function a(){return o!==$1}return{start:function(){a()&&X1(!1),o=Z1(window,[i])},stop:function(){a()||X1(!1),r.cancel(),o(),o=$1},isActive:a}}({onWindowScroll:function(t){e.dispatch({type:"MOVE_BY_WINDOW_SCROLL",payload:{newScroll:t}})}});return function(e){return function(n){t.isActive()||"INITIAL_PUBLISH"!==n.type||t.start(),t.isActive()&&function(e){return"DROP_COMPLETE"===e.type||"DROP_ANIMATE"===e.type||"FLUSH"===e.type}(n)&&t.stop(),e(n)}}},i3=function(e,t){t()},o3=function(e,t){return{draggableId:e.draggable.id,type:e.droppable.type,source:{droppableId:e.droppable.id,index:e.draggable.index},mode:t}},a3=function(e,t,n,r){if(e){var i=function(e){var t=!1,n=!1,r=setTimeout((function(){n=!0})),i=function(i){t||n||(t=!0,e(i),clearTimeout(r))};return i.wasCalled=function(){return t},i}(n);e(t,{announce:i}),i.wasCalled()||n(r(t))}else n(r(t))},s3=function(e,t){var n=function(e,t){var n,r=(n=[],{add:function(e){var t=setTimeout((function(){return function(e){var t=S2(n,(function(t){return t.timerId===e}));-1===t&&X1(!1),n.splice(t,1)[0].callback()}(t)})),r={timerId:t,callback:e};n.push(r)},flush:function(){if(n.length){var e=[].concat(n);n.length=0,e.forEach((function(e){clearTimeout(e.timerId),e.callback()}))}}}),i=null,o=function(n){i||X1(!1),i=null,i3(0,(function(){return a3(e().onDragEnd,n,t,a2)}))};return{beforeCapture:function(t,n){i&&X1(!1),i3(0,(function(){var r=e().onBeforeCapture;r&&r({draggableId:t,mode:n})}))},beforeStart:function(t,n){i&&X1(!1),i3(0,(function(){var r=e().onBeforeDragStart;r&&r(o3(t,n))}))},start:function(n,o){i&&X1(!1);var a=o3(n,o);i={mode:o,lastCritical:n,lastLocation:a.source,lastCombine:null},r.add((function(){i3(0,(function(){return a3(e().onDragStart,a,t,i2)}))}))},update:function(n,o){var a=I2(o),s=A2(o);i||X1(!1);var l=!function(e,t){if(e===t)return!0;var n=e.draggable.id===t.draggable.id&&e.draggable.droppableId===t.draggable.droppableId&&e.draggable.type===t.draggable.type&&e.draggable.index===t.draggable.index,r=e.droppable.id===t.droppable.id&&e.droppable.type===t.droppable.type;return n&&r}(n,i.lastCritical);l&&(i.lastCritical=n);var c,u,f=(u=a,!(null==(c=i.lastLocation)&&null==u||null!=c&&null!=u&&c.droppableId===u.droppableId&&c.index===u.index));f&&(i.lastLocation=a);var d=!function(e,t){return null==e&&null==t||null!=e&&null!=t&&e.draggableId===t.draggableId&&e.droppableId===t.droppableId}(i.lastCombine,s);if(d&&(i.lastCombine=s),l||f||d){var p=(0,Lt.Z)({},o3(n,i.mode),{combine:s,destination:a});r.add((function(){i3(0,(function(){return a3(e().onDragUpdate,p,t,o2)}))}))}},flush:function(){i||X1(!1),r.flush()},drop:o,abort:function(){if(i){var e=(0,Lt.Z)({},o3(i.lastCritical,i.mode),{combine:null,destination:null,reason:"CANCEL"});o(e)}}}}(e,t);return function(e){return function(t){return function(r){if("BEFORE_INITIAL_CAPTURE"!==r.type){if("INITIAL_PUBLISH"===r.type){var i=r.payload.critical;return n.beforeStart(i,r.payload.movementMode),t(r),void n.start(i,r.payload.movementMode)}if("DROP_COMPLETE"===r.type){var o=r.payload.completed.result;return n.flush(),t(r),void n.drop(o)}if(t(r),"FLUSH"!==r.type){var a=e.getState();"DRAGGING"===a.phase&&n.update(a.critical,a.impact)}else n.abort()}else n.beforeCapture(r.payload.draggableId,r.payload.movementMode)}}}},l3=function(e){return function(t){return function(n){if("DROP_ANIMATION_FINISHED"===n.type){var r=e.getState();"DROP_ANIMATING"!==r.phase&&X1(!1),e.dispatch(H5({completed:r.completed}))}else t(n)}}},c3=function(e){var t=null,n=null;return function(r){return function(i){if("FLUSH"!==i.type&&"DROP_COMPLETE"!==i.type&&"DROP_ANIMATION_FINISHED"!==i.type||(n&&(cancelAnimationFrame(n),n=null),t&&(t(),t=null)),r(i),"DROP_ANIMATE"===i.type){var o={eventName:"scroll",options:{capture:!0,passive:!1,once:!0},fn:function(){"DROP_ANIMATING"===e.getState().phase&&e.dispatch({type:"DROP_ANIMATION_FINISHED",payload:null})}};n=requestAnimationFrame((function(){n=null,t=Z1(window,[o])}))}}}},u3=function(e){return function(t){return function(n){if(t(n),"PUBLISH_WHILE_DRAGGING"===n.type){var r=e.getState();"DROP_PENDING"===r.phase&&(r.isWaiting||e.dispatch(G5({reason:r.reason})))}}}},f3=Z0,d3=function(e){var t,n=e.dimensionMarshal,r=e.focusMarshal,i=e.styleMarshal,o=e.getResponders,a=e.announce,s=e.autoScroller;return W0(I5,f3(function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){return function(){var n=e.apply(void 0,arguments),r=function(){throw new Error(V0(15))},i={getState:n.getState,dispatch:function(){return r.apply(void 0,arguments)}},o=t.map((function(e){return e(i)}));return r=Z0.apply(void 0,o)(n.dispatch),vT(vT({},n),{},{dispatch:r})}}}((t=i,function(){return function(e){return function(n){"INITIAL_PUBLISH"===n.type&&t.dragging(),"DROP_ANIMATE"===n.type&&t.dropping(n.payload.completed.result.reason),"FLUSH"!==n.type&&"DROP_COMPLETE"!==n.type||t.resting(),e(n)}}}),function(e){return function(){return function(t){return function(n){"DROP_COMPLETE"!==n.type&&"FLUSH"!==n.type&&"DROP_ANIMATE"!==n.type||e.stopPublishing(),t(n)}}}}(n),function(e){return function(t){var n=t.getState,r=t.dispatch;return function(t){return function(i){if("LIFT"===i.type){var o=i.payload,a=o.id,s=o.clientSelection,l=o.movementMode,c=n();"DROP_ANIMATING"===c.phase&&r(H5({completed:c.completed})),"IDLE"!==n().phase&&X1(!1),r(U5()),r({type:"BEFORE_INITIAL_CAPTURE",payload:{draggableId:a,movementMode:l}});var u={draggableId:a,scrollOptions:{shouldPublishImmediately:"SNAP"===l}},f=e.startPublishing(u),d=f.critical,p=f.dimensions,h=f.viewport;r({type:"INITIAL_PUBLISH",payload:{critical:d,dimensions:p,clientSelection:s,movementMode:l,viewport:h}})}else t(i)}}}}(n),t3,l3,c3,u3,function(e){return function(t){return function(n){return function(r){if(function(e){return"DROP_COMPLETE"===e.type||"DROP_ANIMATE"===e.type||"FLUSH"===e.type}(r))return e.stop(),void n(r);if("INITIAL_PUBLISH"===r.type){n(r);var i=t.getState();return"DRAGGING"!==i.phase&&X1(!1),void e.start(i)}n(r),e.scroll(t.getState())}}}}(s),r3,function(e){var t=!1;return function(){return function(n){return function(r){if("INITIAL_PUBLISH"===r.type)return t=!0,e.tryRecordFocus(r.payload.critical.draggable.id),n(r),void e.tryRestoreFocusRecorded();if(n(r),t){if("FLUSH"===r.type)return t=!1,void e.tryRestoreFocusRecorded();if("DROP_COMPLETE"===r.type){t=!1;var i=r.payload.completed.result;i.combine&&e.tryShiftRecord(i.draggableId,i.combine.draggableId),e.tryRestoreFocusRecorded()}}}}}}(r),s3(o,a))))},p3=function(e){var t=e.scrollHeight,n=e.scrollWidth,r=e.height,i=e.width,o=c2({x:n,y:t},{x:i,y:r});return{x:Math.max(0,o.x),y:Math.max(0,o.y)}},h3=function(){var e=document.documentElement;return e||X1(!1),e},y3=function(){var e=h3();return p3({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight})};function m3(e,t,n){return n.descriptor.id!==t.id&&n.descriptor.type===t.type&&"virtual"===e.droppable.getById(n.descriptor.droppableId).descriptor.mode}var v3,g3,x3=function(e,t){var n=null,r=function(e){var t=e.registry,n=e.callbacks,r={additions:{},removals:{},modified:{}},i=null,o=function(){i||(n.collectionStarting(),i=requestAnimationFrame((function(){i=null;var e=r,o=e.additions,a=e.removals,s=e.modified,l=Object.keys(o).map((function(e){return t.draggable.getById(e).getDimension(s2)})).sort((function(e,t){return e.descriptor.index-t.descriptor.index})),c=Object.keys(s).map((function(e){return{droppableId:e,scroll:t.droppable.getById(e).callbacks.getScrollWhileDragging()}})),u={additions:l,removals:Object.keys(a),modified:c};r={additions:{},removals:{},modified:{}},n.publish(u)})))};return{add:function(e){var t=e.descriptor.id;r.additions[t]=e,r.modified[e.descriptor.droppableId]=!0,r.removals[t]&&delete r.removals[t],o()},remove:function(e){var t=e.descriptor;r.removals[t.id]=!0,r.modified[t.droppableId]=!0,r.additions[t.id]&&delete r.additions[t.id],o()},stop:function(){i&&(cancelAnimationFrame(i),i=null,r={additions:{},removals:{},modified:{}})}}}({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),i=function(t){n||X1(!1);var i=n.critical.draggable;"ADDITION"===t.type&&m3(e,i,t.value)&&r.add(t.value),"REMOVAL"===t.type&&m3(e,i,t.value)&&r.remove(t.value)},o={updateDroppableIsEnabled:function(r,i){e.droppable.exists(r)||X1(!1),n&&t.updateDroppableIsEnabled({id:r,isEnabled:i})},updateDroppableIsCombineEnabled:function(r,i){n&&(e.droppable.exists(r)||X1(!1),t.updateDroppableIsCombineEnabled({id:r,isCombineEnabled:i}))},scrollDroppable:function(t,r){n&&e.droppable.getById(t).callbacks.scroll(r)},updateDroppableScroll:function(r,i){n&&(e.droppable.exists(r)||X1(!1),t.updateDroppableScroll({id:r,newScroll:i}))},startPublishing:function(t){n&&X1(!1);var r=e.draggable.getById(t.draggableId),o=e.droppable.getById(r.descriptor.droppableId),a={draggable:r.descriptor,droppable:o.descriptor},s=e.subscribe(i);return n={critical:a,unsubscribe:s},function(e){var t,n,r,i,o,a,s,l=e.critical,c=e.scrollOptions,u=e.registry,f=(t=n3(),n=y3(),r=t.y,i=t.x,a=(o=h3()).clientWidth,s=o.clientHeight,{frame:R1({top:r,left:i,right:i+a,bottom:r+s}),scroll:{initial:t,current:t,max:n,diff:{value:s2,displacement:s2}}}),d=f.scroll.current,p=l.droppable,h=u.droppable.getAllByType(p.type).map((function(e){return e.callbacks.getDimensionAndWatchScroll(d,c)})),y=u.draggable.getAllByType(l.draggable.type).map((function(e){return e.getDimension(d)}));return{dimensions:{draggables:_2(y),droppables:k2(h)},critical:l,viewport:f}}({critical:a,registry:e,scrollOptions:t.scrollOptions})},stopPublishing:function(){if(n){r.stop();var t=n.critical.droppable;e.droppable.getAllByType(t.type).forEach((function(e){return e.callbacks.dragStopped()})),n.unsubscribe(),n=null}}};return o},b3=function(e,t){return"IDLE"===e.phase||"DROP_ANIMATING"===e.phase&&e.completed.result.draggableId!==t&&"DROP"===e.completed.result.reason},w3=function(e){window.scrollBy(e.x,e.y)},S3=ka((function(e){return O2(e).filter((function(e){return!!e.isEnabled&&!!e.frame}))})),C3=function(e){return Math.pow(e,2)},E3=function(e){var t=e.startOfRange,n=e.endOfRange,r=e.current,i=n-t;return 0===i?0:(r-t)/i},k3=360,_3=1200,O3=function(e){var t=e.distanceToEdge,n=e.thresholds,r=e.dragStartTime,i=e.shouldUseTimeDampening,o=function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return 28;if(e===t.startScrollingFrom)return 1;var n=E3({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),r=28*C3(1-n);return Math.ceil(r)}(t,n);return 0===o?0:i?Math.max(function(e,t){var n=t,r=_3,i=Date.now()-n;if(i>=_3)return e;if(i<k3)return 1;var o=E3({startOfRange:k3,endOfRange:r,current:i}),a=e*C3(o);return Math.ceil(a)}(o,r),1):o},P3=function(e){var t=e.container,n=e.distanceToEdges,r=e.dragStartTime,i=e.axis,o=e.shouldUseTimeDampening,a=function(e,t){return{startScrollingFrom:.25*e[t.size],maxScrollValueAt:.05*e[t.size]}}(t,i);return n[i.end]<n[i.start]?O3({distanceToEdge:n[i.end],thresholds:a,dragStartTime:r,shouldUseTimeDampening:o}):-1*O3({distanceToEdge:n[i.start],thresholds:a,dragStartTime:r,shouldUseTimeDampening:o})},T3=y2((function(e){return 0===e?0:e})),I3=function(e){var t=e.dragStartTime,n=e.container,r=e.subject,i=e.center,o=e.shouldUseTimeDampening,a={top:i.y-n.top,right:n.right-i.x,bottom:n.bottom-i.y,left:i.x-n.left},s=P3({container:n,distanceToEdges:a,dragStartTime:t,axis:z2,shouldUseTimeDampening:o}),l=P3({container:n,distanceToEdges:a,dragStartTime:t,axis:V2,shouldUseTimeDampening:o}),c=T3({x:l,y:s});if(u2(c,s2))return null;var u=function(e){var t=e.container,n=e.subject,r=e.proposedScroll,i=n.height>t.height,o=n.width>t.width;return o||i?o&&i?null:{x:o?0:r.x,y:i?0:r.y}:r}({container:n,subject:r,proposedScroll:c});return u?u2(u,s2)?null:u:null},A3=y2((function(e){return 0===e?0:e>0?1:-1})),j3=(v3=function(e,t){return e<0?e:e>t?e-t:0},function(e){var t=e.current,n=e.max,r=e.change,i=l2(t,r),o={x:v3(i.x,n.x),y:v3(i.y,n.y)};return u2(o,s2)?null:o}),M3=function(e){var t=e.max,n=e.current,r=e.change,i={x:Math.max(n.x,t.x),y:Math.max(n.y,t.y)},o=A3(r),a=j3({max:i,current:n,change:o});return!a||0!==o.x&&0===a.x||0!==o.y&&0===a.y},D3=function(e,t){return M3({current:e.scroll.current,max:e.scroll.max,change:t})},R3=function(e,t){var n=e.frame;return!!n&&M3({current:n.scroll.current,max:n.scroll.max,change:t})},F3=function(e){var t=e.state,n=e.dragStartTime,r=e.shouldUseTimeDampening,i=e.scrollWindow,o=e.scrollDroppable,a=t.current.page.borderBoxCenter,s=t.dimensions.draggables[t.critical.draggable.id].page.marginBox;if(t.isWindowScrollAllowed){var l=function(e){var t=e.viewport,n=e.subject,r=e.center,i=e.shouldUseTimeDampening,o=I3({dragStartTime:e.dragStartTime,container:t.frame,subject:n,center:r,shouldUseTimeDampening:i});return o&&D3(t,o)?o:null}({dragStartTime:n,viewport:t.viewport,subject:s,center:a,shouldUseTimeDampening:r});if(l)return void i(l)}var c=function(e){var t=e.center,n=e.destination,r=e.droppables;if(n){var i=r[n];return i.frame?i:null}var o=function(e,t){var n=C2(S3(t),(function(t){return t.frame||X1(!1),m5(t.frame.pageMarginBox)(e)}));return n}(t,r);return o}({center:a,destination:p5(t.impact),droppables:t.dimensions.droppables});if(c){var u=function(e){var t=e.droppable,n=e.subject,r=e.center,i=e.dragStartTime,o=e.shouldUseTimeDampening,a=t.frame;if(!a)return null;var s=I3({dragStartTime:i,container:a.pageMarginBox,subject:n,center:r,shouldUseTimeDampening:o});return s&&R3(t,s)?s:null}({dragStartTime:n,droppable:c,subject:s,center:a,shouldUseTimeDampening:r});u&&o(c.descriptor.id,u)}},L3=function(e){var t=e.move,n=e.scrollDroppable,r=e.scrollWindow;return function(e){var i=e.scrollJumpRequest;if(i){var o=p5(e.impact);o||X1(!1);var a=function(e,t){if(!R3(e,t))return t;var r=function(e,t){var n=e.frame;return n&&R3(e,t)?j3({current:n.scroll.current,max:n.scroll.max,change:t}):null}(e,t);if(!r)return n(e.descriptor.id,t),null;var i=c2(t,r);return n(e.descriptor.id,i),c2(t,i)}(e.dimensions.droppables[o],i);if(a){var s=e.viewport,l=function(e,t,n){if(!e)return n;if(!D3(t,n))return n;var i=function(e,t){if(!D3(e,t))return null;var n=e.scroll.max,r=e.scroll.current;return j3({current:r,max:n,change:t})}(t,n);if(!i)return r(n),null;var o=c2(n,i);return r(o),c2(n,o)}(e.isWindowScrollAllowed,s,a);l&&function(e,n){var r=l2(e.current.client.selection,n);t({client:r})}(e,l)}}}},B3=function(e){var t=e.scrollDroppable,n=e.scrollWindow,r=e.move,i=function(e){var t=e.scrollDroppable,n=W1(e.scrollWindow),r=W1(t),i=null,o=function(e){i||X1(!1);var t=i,o=t.shouldUseTimeDampening,a=t.dragStartTime;F3({state:e,scrollWindow:n,scrollDroppable:r,dragStartTime:a,shouldUseTimeDampening:o})};return{start:function(e){i&&X1(!1);var t=Date.now(),n=!1,r=function(){n=!0};F3({state:e,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:r,scrollDroppable:r}),i={dragStartTime:t,shouldUseTimeDampening:n},n&&o(e)},stop:function(){i&&(n.cancel(),r.cancel(),i=null)},scroll:o}}({scrollWindow:n,scrollDroppable:t}),o=L3({move:r,scrollWindow:n,scrollDroppable:t});return{scroll:function(e){"DRAGGING"===e.phase&&("FLUID"!==e.movementMode?e.scrollJumpRequest&&o(e):i.scroll(e))},start:i.start,stop:i.stop}},N3="data-rbd",z3={base:g3=N3+"-drag-handle",draggableId:g3+"-draggable-id",contextId:g3+"-context-id"},V3=function(){var e=N3+"-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),U3=function(){var e=N3+"-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),H3={contextId:N3+"-scroll-container-context-id"},G3=function(e,t){return e.map((function(e){var n=e.styles[t];return n?e.selector+" { "+n+" }":""})).join(" ")},W3=function(e){var t,n,r=function(e){return function(t){return"["+t+'="'+e+'"]'}}(e),i=(t="\n cursor: -webkit-grab;\n cursor: grab;\n ",{selector:r(z3.contextId),styles:{always:"\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n touch-action: manipulation;\n ",resting:t,dragging:"pointer-events: none;",dropAnimating:t}}),o=[(n="\n transition: "+Q5.outOfTheWay+";\n ",{selector:r(V3.contextId),styles:{dragging:n,dropAnimating:n,userCancel:n}}),i,{selector:r(U3.contextId),styles:{always:"overflow-anchor: none;"}},{selector:"body",styles:{dragging:"\n cursor: grabbing;\n cursor: -webkit-grabbing;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n overflow-anchor: none;\n "}}];return{always:G3(o,"always"),resting:G3(o,"resting"),dragging:G3(o,"dragging"),dropAnimating:G3(o,"dropAnimating"),userCancel:G3(o,"userCancel")}},q3="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?E.useLayoutEffect:E.useEffect,$3=function(){var e=document.querySelector("head");return e||X1(!1),e},Z3=function(e){var t=document.createElement("style");return e&&t.setAttribute("nonce",e),t.type="text/css",t},Y3=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function Q3(e){return e instanceof Y3(e).HTMLElement}function K3(){var e={draggables:{},droppables:{}},t=[];function n(e){t.length&&t.forEach((function(t){return t(e)}))}function r(t){return e.draggables[t]||null}function i(t){return e.droppables[t]||null}return{draggable:{register:function(t){e.draggables[t.descriptor.id]=t,n({type:"ADDITION",value:t})},update:function(t,n){var r=e.draggables[n.descriptor.id];r&&r.uniqueId===t.uniqueId&&(delete e.draggables[n.descriptor.id],e.draggables[t.descriptor.id]=t)},unregister:function(t){var i=t.descriptor.id,o=r(i);o&&t.uniqueId===o.uniqueId&&(delete e.draggables[i],n({type:"REMOVAL",value:t}))},getById:function(e){var t=r(e);return t||X1(!1),t},findById:r,exists:function(e){return Boolean(r(e))},getAllByType:function(t){return w2(e.draggables).filter((function(e){return e.descriptor.type===t}))}},droppable:{register:function(t){e.droppables[t.descriptor.id]=t},unregister:function(t){var n=i(t.descriptor.id);n&&t.uniqueId===n.uniqueId&&delete e.droppables[t.descriptor.id]},getById:function(e){var t=i(e);return t||X1(!1),t},findById:i,exists:function(e){return Boolean(i(e))},getAllByType:function(t){return w2(e.droppables).filter((function(e){return e.descriptor.type===t}))}},subscribe:function(e){return t.push(e),function(){var n=t.indexOf(e);-1!==n&&t.splice(n,1)}},clean:function(){e.draggables={},e.droppables={},t.length=0}}}var X3=k().createContext(null),J3=function(){var e=document.body;return e||X1(!1),e},e6={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},t6=function(e){return"rbd-announcement-"+e},n6=0,r6={separator:"::"};function i6(e,t){return void 0===t&&(t=r6),M1((function(){return""+e+t.separator+n6++}),[t.separator,e])}var o6=k().createContext(null);function a6(e){var t=(0,E.useRef)(e);return(0,E.useEffect)((function(){t.current=e})),t}var s6,l6,c6=((s6={})[13]=!0,s6[9]=!0,s6),u6=function(e){c6[e.keyCode]&&e.preventDefault()},f6=function(){var e="visibilitychange";return"undefined"==typeof document?e:C2([e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],(function(e){return"on"+e in document}))||e}(),d6={type:"IDLE"};function p6(){}var h6=((l6={})[34]=!0,l6[33]=!0,l6[36]=!0,l6[35]=!0,l6);var y6={type:"IDLE"},m6={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function v6(e,t){if(null==t)return!1;if(Boolean(m6[t.tagName.toLowerCase()]))return!0;var n=t.getAttribute("contenteditable");return"true"===n||""===n||t!==e&&v6(e,t.parentElement)}function g6(e,t){var n=t.target;return!!Q3(n)&&v6(e,n)}var x6=function(e){return R1(e.getBoundingClientRect()).center},b6=function(){var e="matches";return"undefined"==typeof document?e:C2([e,"msMatchesSelector","webkitMatchesSelector"],(function(e){return e in Element.prototype}))||e}();function w6(e,t){return null==e?null:e[b6](t)?e:w6(e.parentElement,t)}function S6(e,t){return e.closest?e.closest(t):w6(e,t)}function C6(e){e.preventDefault()}function E6(e){var t=e.expected,n=e.phase,r=e.isLockActive;return e.shouldWarn,!!r()&&t===n}function k6(e){var t=e.lockAPI,n=e.store,r=e.registry,i=e.draggableId;if(t.isClaimed())return!1;var o=r.draggable.findById(i);return!!o&&!!o.options.isEnabled&&!!b3(n.getState(),i)}var _6=[function(e){var t=(0,E.useRef)(d6),n=(0,E.useRef)($1),r=M1((function(){return{eventName:"mousedown",fn:function(t){if(!t.defaultPrevented&&0===t.button&&!(t.ctrlKey||t.metaKey||t.shiftKey||t.altKey)){var r=e.findClosestDraggableId(t);if(r){var i=e.tryGetLock(r,a,{sourceEvent:t});if(i){t.preventDefault();var o={x:t.clientX,y:t.clientY};n.current(),c(i,o)}}}}}}),[e]),i=M1((function(){return{eventName:"webkitmouseforcewillbegin",fn:function(t){if(!t.defaultPrevented){var n=e.findClosestDraggableId(t);if(n){var r=e.findOptionsForDraggable(n);r&&(r.shouldRespectForcePress||e.canGetLock(n)&&t.preventDefault())}}}}}),[e]),o=D1((function(){n.current=Z1(window,[i,r],{passive:!1,capture:!0})}),[i,r]),a=D1((function(){"IDLE"!==t.current.type&&(t.current=d6,n.current(),o())}),[o]),s=D1((function(){var e=t.current;a(),"DRAGGING"===e.type&&e.actions.cancel({shouldBlockNextClick:!0}),"PENDING"===e.type&&e.actions.abort()}),[a]),l=D1((function(){var e=function(e){var t=e.cancel,n=e.completed,r=e.getPhase,i=e.setPhase;return[{eventName:"mousemove",fn:function(e){var t=e.button,n=e.clientX,o=e.clientY;if(0===t){var a={x:n,y:o},s=r();if("DRAGGING"===s.type)return e.preventDefault(),void s.actions.move(a);if("PENDING"!==s.type&&X1(!1),l=s.point,c=a,Math.abs(c.x-l.x)>=5||Math.abs(c.y-l.y)>=5){var l,c;e.preventDefault();var u=s.actions.fluidLift(a);i({type:"DRAGGING",actions:u})}}}},{eventName:"mouseup",fn:function(e){var i=r();"DRAGGING"===i.type?(e.preventDefault(),i.actions.drop({shouldBlockNextClick:!0}),n()):t()}},{eventName:"mousedown",fn:function(e){"DRAGGING"===r().type&&e.preventDefault(),t()}},{eventName:"keydown",fn:function(e){if("PENDING"!==r().type)return 27===e.keyCode?(e.preventDefault(),void t()):void u6(e);t()}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){"PENDING"===r().type&&t()}},{eventName:"webkitmouseforcedown",fn:function(e){var n=r();"IDLE"===n.type&&X1(!1),n.actions.shouldRespectForcePress()?t():e.preventDefault()}},{eventName:f6,fn:t}]}({cancel:s,completed:a,getPhase:function(){return t.current},setPhase:function(e){t.current=e}});n.current=Z1(window,e,{capture:!0,passive:!1})}),[s,a]),c=D1((function(e,n){"IDLE"!==t.current.type&&X1(!1),t.current={type:"PENDING",point:n,actions:e},l()}),[l]);q3((function(){return o(),function(){n.current()}}),[o])},function(e){var t=(0,E.useRef)(p6),n=M1((function(){return{eventName:"keydown",fn:function(n){if(!n.defaultPrevented&&32===n.keyCode){var i=e.findClosestDraggableId(n);if(i){var o=e.tryGetLock(i,l,{sourceEvent:n});if(o){n.preventDefault();var a=!0,s=o.snapLift();t.current(),t.current=Z1(window,function(e,t){function n(){t(),e.cancel()}return[{eventName:"keydown",fn:function(r){return 27===r.keyCode?(r.preventDefault(),void n()):32===r.keyCode?(r.preventDefault(),t(),void e.drop()):40===r.keyCode?(r.preventDefault(),void e.moveDown()):38===r.keyCode?(r.preventDefault(),void e.moveUp()):39===r.keyCode?(r.preventDefault(),void e.moveRight()):37===r.keyCode?(r.preventDefault(),void e.moveLeft()):void(h6[r.keyCode]?r.preventDefault():u6(r))}},{eventName:"mousedown",fn:n},{eventName:"mouseup",fn:n},{eventName:"click",fn:n},{eventName:"touchstart",fn:n},{eventName:"resize",fn:n},{eventName:"wheel",fn:n,options:{passive:!0}},{eventName:f6,fn:n}]}(s,l),{capture:!0,passive:!1})}}}function l(){a||X1(!1),a=!1,t.current(),r()}}}}),[e]),r=D1((function(){t.current=Z1(window,[n],{passive:!1,capture:!0})}),[n]);q3((function(){return r(),function(){t.current()}}),[r])},function(e){var t=(0,E.useRef)(y6),n=(0,E.useRef)($1),r=D1((function(){return t.current}),[]),i=D1((function(e){t.current=e}),[]),o=M1((function(){return{eventName:"touchstart",fn:function(t){if(!t.defaultPrevented){var r=e.findClosestDraggableId(t);if(r){var i=e.tryGetLock(r,s,{sourceEvent:t});if(i){var o=t.touches[0],a={x:o.clientX,y:o.clientY};n.current(),f(i,a)}}}}}}),[e]),a=D1((function(){n.current=Z1(window,[o],{capture:!0,passive:!1})}),[o]),s=D1((function(){var e=t.current;"IDLE"!==e.type&&("PENDING"===e.type&&clearTimeout(e.longPressTimerId),i(y6),n.current(),a())}),[a,i]),l=D1((function(){var e=t.current;s(),"DRAGGING"===e.type&&e.actions.cancel({shouldBlockNextClick:!0}),"PENDING"===e.type&&e.actions.abort()}),[s]),c=D1((function(){var e={capture:!0,passive:!1},t={cancel:l,completed:s,getPhase:r},i=Z1(window,function(e){var t=e.cancel,n=e.completed,r=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(e){var n=r();if("DRAGGING"===n.type){n.hasMoved=!0;var i=e.touches[0],o={x:i.clientX,y:i.clientY};e.preventDefault(),n.actions.move(o)}else t()}},{eventName:"touchend",fn:function(e){var i=r();"DRAGGING"===i.type?(e.preventDefault(),i.actions.drop({shouldBlockNextClick:!0}),n()):t()}},{eventName:"touchcancel",fn:function(e){"DRAGGING"===r().type?(e.preventDefault(),t()):t()}},{eventName:"touchforcechange",fn:function(e){var n=r();"IDLE"===n.type&&X1(!1);var i=e.touches[0];if(i&&i.force>=.15){var o=n.actions.shouldRespectForcePress();if("PENDING"!==n.type)return o?n.hasMoved?void e.preventDefault():void t():void e.preventDefault();o&&t()}}},{eventName:f6,fn:t}]}(t),e),o=Z1(window,function(e){var t=e.cancel,n=e.getPhase;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:function(e){e.preventDefault()}},{eventName:"keydown",fn:function(e){"DRAGGING"===n().type?(27===e.keyCode&&e.preventDefault(),t()):t()}},{eventName:f6,fn:t}]}(t),e);n.current=function(){i(),o()}}),[l,r,s]),u=D1((function(){var e=r();"PENDING"!==e.type&&X1(!1);var t=e.actions.fluidLift(e.point);i({type:"DRAGGING",actions:t,hasMoved:!1})}),[r,i]),f=D1((function(e,t){"IDLE"!==r().type&&X1(!1);var n=setTimeout(u,120);i({type:"PENDING",point:t,actions:e,longPressTimerId:n}),c()}),[c,r,i,u]);q3((function(){return a(),function(){n.current();var e=r();"PENDING"===e.type&&(clearTimeout(e.longPressTimerId),i(y6))}}),[r,a,i]),q3((function(){return Z1(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}])}),[])}];function O6(e){var t=e.contextId,n=e.store,r=e.registry,i=e.customSensors,o=e.enableDefaultSensors,a=[].concat(o?_6:[],i||[]),s=(0,E.useState)((function(){return function(){var e=null;function t(){e||X1(!1),e=null}return{isClaimed:function(){return Boolean(e)},isActive:function(t){return t===e},claim:function(t){e&&X1(!1);var n={abandon:t};return e=n,n},release:t,tryAbandon:function(){e&&(e.abandon(),t())}}}()}))[0],l=D1((function(e,t){e.isDragging&&!t.isDragging&&s.tryAbandon()}),[s]);q3((function(){var e=n.getState();return n.subscribe((function(){var t=n.getState();l(e,t),e=t}))}),[s,n,l]),q3((function(){return s.tryAbandon}),[s.tryAbandon]);for(var c=D1((function(e){return k6({lockAPI:s,registry:r,store:n,draggableId:e})}),[s,r,n]),u=D1((function(e,i,o){return function(e){var t=e.lockAPI,n=e.contextId,r=e.store,i=e.registry,o=e.draggableId,a=e.forceSensorStop,s=e.sourceEvent;if(!k6({lockAPI:t,store:r,registry:i,draggableId:o}))return null;var l=i.draggable.getById(o),c=function(e,t){var n="["+V3.contextId+'="'+e+'"]',r=C2(E2(document.querySelectorAll(n)),(function(e){return e.getAttribute(V3.id)===t}));return r&&Q3(r)?r:null}(n,l.descriptor.id);if(!c)return null;if(s&&!l.options.canDragInteractiveElements&&g6(c,s))return null;var u=t.claim(a||$1),f="PRE_DRAG";function d(){return l.options.shouldRespectForcePress}function p(){return t.isActive(u)}var h=function(e,t){E6({expected:e,phase:f,isLockActive:p,shouldWarn:!0})&&r.dispatch(t())}.bind(null,"DRAGGING");function y(e){function n(){t.release(),f="COMPLETED"}function i(t,i){if(void 0===i&&(i={shouldBlockNextClick:!1}),e.cleanup(),i.shouldBlockNextClick){var o=Z1(window,[{eventName:"click",fn:C6,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(o)}n(),r.dispatch(G5({reason:t}))}return"PRE_DRAG"!==f&&(n(),"PRE_DRAG"!==f&&X1(!1)),r.dispatch(A5(e.liftActionArgs)),f="DRAGGING",(0,Lt.Z)({isActive:function(){return E6({expected:"DRAGGING",phase:f,isLockActive:p,shouldWarn:!1})},shouldRespectForcePress:d,drop:function(e){return i("DROP",e)},cancel:function(e){return i("CANCEL",e)}},e.actions)}return{isActive:function(){return E6({expected:"PRE_DRAG",phase:f,isLockActive:p,shouldWarn:!1})},shouldRespectForcePress:d,fluidLift:function(e){var t=W1((function(e){h((function(){return L5({client:e})}))})),n=y({liftActionArgs:{id:o,clientSelection:e,movementMode:"FLUID"},cleanup:function(){return t.cancel()},actions:{move:t}});return(0,Lt.Z)({},n,{move:t})},snapLift:function(){var e={moveUp:function(){return h(B5)},moveRight:function(){return h(z5)},moveDown:function(){return h(N5)},moveLeft:function(){return h(V5)}};return y({liftActionArgs:{id:o,clientSelection:x6(c),movementMode:"SNAP"},cleanup:$1,actions:e})},abort:function(){E6({expected:"PRE_DRAG",phase:f,isLockActive:p,shouldWarn:!0})&&t.release()}}}({lockAPI:s,registry:r,contextId:t,store:n,draggableId:e,forceSensorStop:i,sourceEvent:o&&o.sourceEvent?o.sourceEvent:null})}),[t,s,r,n]),f=D1((function(e){return function(e,t){var n=function(e,t){var n,r=t.target;if(!((n=r)instanceof Y3(n).Element))return null;var i=function(e){return"["+z3.contextId+'="'+e+'"]'}(e),o=S6(r,i);return o&&Q3(o)?o:null}(e,t);return n?n.getAttribute(z3.draggableId):null}(t,e)}),[t]),d=D1((function(e){var t=r.draggable.findById(e);return t?t.options:null}),[r.draggable]),p=D1((function(){s.isClaimed()&&(s.tryAbandon(),"IDLE"!==n.getState().phase&&n.dispatch(U5()))}),[s,n]),h=D1(s.isClaimed,[s]),y=M1((function(){return{canGetLock:c,tryGetLock:u,findClosestDraggableId:f,findOptionsForDraggable:d,tryReleaseLock:p,isLockClaimed:h}}),[c,u,f,d,p,h]),m=0;m<a.length;m++)a[m](y)}var P6=function(e){return{onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragEnd:e.onDragEnd,onDragUpdate:e.onDragUpdate}};function T6(e){return e.current||X1(!1),e.current}function I6(e){var t=e.contextId,n=e.setCallbacks,r=e.sensors,i=e.nonce,o=e.dragHandleUsageInstructions,a=(0,E.useRef)(null),s=a6(e),l=D1((function(){return P6(s.current)}),[s]),c=function(e){var t=M1((function(){return t6(e)}),[e]),n=(0,E.useRef)(null);return(0,E.useEffect)((function(){var e=document.createElement("div");return n.current=e,e.id=t,e.setAttribute("aria-live","assertive"),e.setAttribute("aria-atomic","true"),(0,Lt.Z)(e.style,e6),J3().appendChild(e),function(){setTimeout((function(){var t=J3();t.contains(e)&&t.removeChild(e),e===n.current&&(n.current=null)}))}}),[t]),D1((function(e){var t=n.current;t&&(t.textContent=e)}),[])}(t),u=function(e){var t=e.contextId,n=e.text,r=i6("hidden-text",{separator:"-"}),i=M1((function(){return function(e){return"rbd-hidden-text-"+e.contextId+"-"+e.uniqueId}({contextId:t,uniqueId:r})}),[r,t]);return(0,E.useEffect)((function(){var e=document.createElement("div");return e.id=i,e.textContent=n,e.style.display="none",J3().appendChild(e),function(){var t=J3();t.contains(e)&&t.removeChild(e)}}),[i,n]),i}({contextId:t,text:o}),f=function(e,t){var n=M1((function(){return W3(e)}),[e]),r=(0,E.useRef)(null),i=(0,E.useRef)(null),o=D1(ka((function(e){var t=i.current;t||X1(!1),t.textContent=e})),[]),a=D1((function(e){var t=r.current;t||X1(!1),t.textContent=e}),[]);q3((function(){(r.current||i.current)&&X1(!1);var s=Z3(t),l=Z3(t);return r.current=s,i.current=l,s.setAttribute(N3+"-always",e),l.setAttribute(N3+"-dynamic",e),$3().appendChild(s),$3().appendChild(l),a(n.always),o(n.resting),function(){var e=function(e){var t=e.current;t||X1(!1),$3().removeChild(t),e.current=null};e(r),e(i)}}),[t,a,o,n.always,n.resting,e]);var s=D1((function(){return o(n.dragging)}),[o,n.dragging]),l=D1((function(e){o("DROP"!==e?n.userCancel:n.dropAnimating)}),[o,n.dropAnimating,n.userCancel]),c=D1((function(){i.current&&o(n.resting)}),[o,n.resting]);return M1((function(){return{dragging:s,dropping:l,resting:c}}),[s,l,c])}(t,i),d=D1((function(e){T6(a).dispatch(e)}),[]),p=M1((function(){return $0({publishWhileDragging:j5,updateDroppableScroll:D5,updateDroppableIsEnabled:R5,updateDroppableIsCombineEnabled:F5,collectionStarting:M5},d)}),[d]),h=function(){var e=M1(K3,[]);return(0,E.useEffect)((function(){return function(){requestAnimationFrame(e.clean)}}),[e]),e}(),y=M1((function(){return x3(h,p)}),[h,p]),m=M1((function(){return B3((0,Lt.Z)({scrollWindow:w3,scrollDroppable:y.scrollDroppable},$0({move:L5},d)))}),[y.scrollDroppable,d]),v=function(e){var t=(0,E.useRef)({}),n=(0,E.useRef)(null),r=(0,E.useRef)(null),i=(0,E.useRef)(!1),o=D1((function(e,n){var r={id:e,focus:n};return t.current[e]=r,function(){var n=t.current;n[e]!==r&&delete n[e]}}),[]),a=D1((function(t){var n=function(e,t){var n="["+z3.contextId+'="'+e+'"]',r=E2(document.querySelectorAll(n));if(!r.length)return null;var i=C2(r,(function(e){return e.getAttribute(z3.draggableId)===t}));return i&&Q3(i)?i:null}(e,t);n&&n!==document.activeElement&&n.focus()}),[e]),s=D1((function(e,t){n.current===e&&(n.current=t)}),[]),l=D1((function(){r.current||i.current&&(r.current=requestAnimationFrame((function(){r.current=null;var e=n.current;e&&a(e)})))}),[a]),c=D1((function(e){n.current=null;var t=document.activeElement;t&&t.getAttribute(z3.draggableId)===e&&(n.current=e)}),[]);return q3((function(){return i.current=!0,function(){i.current=!1;var e=r.current;e&&cancelAnimationFrame(e)}}),[]),M1((function(){return{register:o,tryRecordFocus:c,tryRestoreFocusRecorded:l,tryShiftRecord:s}}),[o,c,l,s])}(t),g=M1((function(){return d3({announce:c,autoScroller:m,dimensionMarshal:y,focusMarshal:v,getResponders:l,styleMarshal:f})}),[c,m,y,v,l,f]);a.current=g;var x=D1((function(){var e=T6(a);"IDLE"!==e.getState().phase&&e.dispatch(U5())}),[]),b=D1((function(){var e=T6(a).getState();return e.isDragging||"DROP_ANIMATING"===e.phase}),[]);n(M1((function(){return{isDragging:b,tryAbort:x}}),[b,x]));var w=D1((function(e){return b3(T6(a).getState(),e)}),[]),S=D1((function(){return y5(T6(a).getState())}),[]),C=M1((function(){return{marshal:y,focus:v,contextId:t,canLift:w,isMovementAllowed:S,dragHandleUsageInstructionsId:u,registry:h}}),[t,y,u,v,w,S,h]);return O6({contextId:t,store:g,registry:h,customSensors:r,enableDefaultSensors:!1!==e.enableDefaultSensors}),(0,E.useEffect)((function(){return x}),[x]),k().createElement(o6.Provider,{value:C},k().createElement(t1,{context:X3,store:g},e.children))}var A6=0;function j6(e){var t=M1((function(){return""+A6++}),[]),n=e.dragHandleUsageInstructions||"\n Press space bar to start a drag.\n When dragging you can use the arrow keys to move the item around and escape to cancel.\n Some screen readers may require you to be in focus mode or to use your pass through key\n";return k().createElement(J1,null,(function(r){return k().createElement(I6,{nonce:e.nonce,contextId:t,setCallbacks:r,dragHandleUsageInstructions:n,enableDefaultSensors:e.enableDefaultSensors,sensors:e.sensors,onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragUpdate:e.onDragUpdate,onDragEnd:e.onDragEnd},e.children)}))}var M6=function(e){return function(t){return e===t}},D6=M6("scroll"),R6=M6("auto"),F6=(M6("visible"),function(e,t){return t(e.overflowX)||t(e.overflowY)}),L6=function e(t){return null==t||t===document.body||t===document.documentElement?null:function(e){var t=window.getComputedStyle(e),n={overflowX:t.overflowX,overflowY:t.overflowY};return F6(n,D6)||F6(n,R6)}(t)?t:e(t.parentElement)},B6=function(e){return{x:e.scrollLeft,y:e.scrollTop}},N6=function e(t){return!!t&&("fixed"===window.getComputedStyle(t).position||e(t.parentElement))},z6={passive:!1},V6={passive:!0},U6=function(e){return e.shouldPublishImmediately?z6:V6};function H6(e){var t=(0,E.useContext)(e);return t||X1(!1),t}var G6=function(e){return e&&e.env.closestScrollable||null};function W6(){}var q6={width:0,height:0,margin:{top:0,right:0,bottom:0,left:0}},$6=k().memo((function(e){var t=(0,E.useRef)(null),n=D1((function(){t.current&&(clearTimeout(t.current),t.current=null)}),[]),r=e.animate,i=e.onTransitionEnd,o=e.onClose,a=e.contextId,s=(0,E.useState)("open"===e.animate),l=s[0],c=s[1];(0,E.useEffect)((function(){return l?"open"!==r?(n(),c(!1),W6):t.current?W6:(t.current=setTimeout((function(){t.current=null,c(!1)})),n):W6}),[r,l,n]);var u=D1((function(e){"height"===e.propertyName&&(i(),"close"===r&&o())}),[r,o,i]),f=function(e){var t=e.isAnimatingOpenOnMount,n=e.placeholder,r=e.animate,i=function(e){var t=e.placeholder;return e.isAnimatingOpenOnMount||"close"===e.animate?q6:{height:t.client.borderBox.height,width:t.client.borderBox.width,margin:t.client.margin}}({isAnimatingOpenOnMount:t,placeholder:n,animate:r});return{display:n.display,boxSizing:"border-box",width:i.width,height:i.height,marginTop:i.margin.top,marginRight:i.margin.right,marginBottom:i.margin.bottom,marginLeft:i.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:"none"!==r?Q5.placeholder:null}}({isAnimatingOpenOnMount:l,animate:e.animate,placeholder:e.placeholder});return k().createElement(e.placeholder.tagName,{style:f,"data-rbd-placeholder-context-id":a,onTransitionEnd:u,ref:e.innerRef})})),Z6=k().createContext(null),Y6=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return(t=e.call.apply(e,[this].concat(r))||this).state={isVisible:Boolean(t.props.on),data:t.props.on,animate:t.props.shouldAnimate&&t.props.on?"open":"none"},t.onClose=function(){"close"===t.state.animate&&t.setState({isVisible:!1})},t}return(0,Dt.Z)(t,e),t.getDerivedStateFromProps=function(e,t){return e.shouldAnimate?e.on?{isVisible:!0,data:e.on,animate:"open"}:t.isVisible?{isVisible:!0,data:t.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:Boolean(e.on),data:e.on,animate:"none"}},t.prototype.render=function(){if(!this.state.isVisible)return null;var e={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(e)},t}(k().PureComponent),Q6=5e3,K6=4500,X6=function(e,t){return t?Q5.drop(t.duration):e?Q5.snap:Q5.fluid},J6=function(e,t){return e?t?q5:$5:null};function e4(e){e.preventDefault()}var t4=function(e,t){return e===t},n4=function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null};function r4(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var i4={mapped:{type:"SECONDARY",offset:s2,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:r4(null)}},o4=I1((function(){var e,t,n,r=(e=ka((function(e,t){return{x:e,y:t}})),t=ka((function(e,t,n,r,i){return{isDragging:!0,isClone:t,isDropAnimating:Boolean(i),dropAnimation:i,mode:e,draggingOver:n,combineWith:r,combineTargetFor:null}})),n=ka((function(e,n,r,i,o,a,s){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:o,combineWith:a,mode:n,offset:e,dimension:r,forceShouldAnimate:s,snapshot:t(n,i,o,a,null)}}})),function(r,i){if(r.isDragging){if(r.critical.draggable.id!==i.draggableId)return null;var o=r.current.client.offset,a=r.dimensions.draggables[i.draggableId],s=p5(r.impact),l=(u=r.impact).at&&"COMBINE"===u.at.type?u.at.combine.draggableId:null,c=r.forceShouldAnimate;return n(e(o.x,o.y),r.movementMode,a,i.isClone,s,l,c)}var u;if("DROP_ANIMATING"===r.phase){var f=r.completed;if(f.result.draggableId!==i.draggableId)return null;var d=i.isClone,p=r.dimensions.draggables[i.draggableId],h=f.result,y=h.mode,m=n4(h),v=function(e){return e.combine?e.combine.draggableId:null}(h),g={duration:r.dropDuration,curve:W5,moveTo:r.newHomeClientOffset,opacity:v?q5:null,scale:v?Z5:null};return{mapped:{type:"DRAGGING",offset:r.newHomeClientOffset,dimension:p,dropping:g,draggingOver:m,combineWith:v,mode:y,forceShouldAnimate:null,snapshot:t(y,d,m,v,g)}}}return null}),i=function(){var e=ka((function(e,t){return{x:e,y:t}})),t=ka(r4),n=ka((function(e,n,r){return void 0===n&&(n=null),{mapped:{type:"SECONDARY",offset:e,combineTargetFor:n,shouldAnimateDisplacement:r,snapshot:t(n)}}})),r=function(e){return e?n(s2,e,!0):null},i=function(t,i,o,a){var s=o.displaced.visible[t],l=Boolean(a.inVirtualList&&a.effected[t]),c=A2(o),u=c&&c.draggableId===t?i:null;if(!s){if(!l)return r(u);if(o.displaced.invisible[t])return null;var f=f2(a.displacedBy.point),d=e(f.x,f.y);return n(d,u,!0)}if(l)return r(u);var p=o.displacedBy.point,h=e(p.x,p.y);return n(h,u,s.shouldAnimate)};return function(e,t){if(e.isDragging)return e.critical.draggable.id===t.draggableId?null:i(t.draggableId,e.critical.draggable.id,e.impact,e.afterCritical);if("DROP_ANIMATING"===e.phase){var n=e.completed;return n.result.draggableId===t.draggableId?null:i(t.draggableId,n.result.draggableId,n.impact,n.afterCritical)}return null}}();return function(e,t){return r(e,t)||i(e,t)||i4}}),{dropAnimationFinished:function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}}},null,{context:X3,pure:!0,areStatePropsEqual:t4})((function(e){var t=(0,E.useRef)(null),n=D1((function(e){t.current=e}),[]),r=D1((function(){return t.current}),[]),i=H6(o6),o=i.contextId,a=i.dragHandleUsageInstructionsId,s=i.registry,l=H6(Z6),c=l.type,u=l.droppableId,f=M1((function(){return{id:e.draggableId,index:e.index,type:c,droppableId:u}}),[e.draggableId,e.index,c,u]),d=e.children,p=e.draggableId,h=e.isEnabled,y=e.shouldRespectForcePress,m=e.canDragInteractiveElements,v=e.isClone,g=e.mapped,x=e.dropAnimationFinished;v||function(e){var t=i6("draggable"),n=e.descriptor,r=e.registry,i=e.getDraggableRef,o=e.canDragInteractiveElements,a=e.shouldRespectForcePress,s=e.isEnabled,l=M1((function(){return{canDragInteractiveElements:o,shouldRespectForcePress:a,isEnabled:s}}),[o,s,a]),c=D1((function(e){var t=i();return t||X1(!1),function(e,t,n){void 0===n&&(n=s2);var r=window.getComputedStyle(t),i=t.getBoundingClientRect(),o=H1(i,r),a=U1(o,n);return{descriptor:e,placeholder:{client:o,tagName:t.tagName.toLowerCase(),display:r.display},displaceBy:{x:o.marginBox.width,y:o.marginBox.height},client:o,page:a}}(n,t,e)}),[n,i]),u=M1((function(){return{uniqueId:t,descriptor:n,options:l,getDimension:c}}),[n,c,l,t]),f=(0,E.useRef)(u),d=(0,E.useRef)(!0);q3((function(){return r.draggable.register(f.current),function(){return r.draggable.unregister(f.current)}}),[r.draggable]),q3((function(){if(d.current)d.current=!1;else{var e=f.current;f.current=u,r.draggable.update(u,e)}}),[u,r.draggable])}(M1((function(){return{descriptor:f,registry:s,getDraggableRef:r,canDragInteractiveElements:m,shouldRespectForcePress:y,isEnabled:h}}),[f,s,r,m,y,h]));var b=M1((function(){return h?{tabIndex:0,role:"button","aria-describedby":a,"data-rbd-drag-handle-draggable-id":p,"data-rbd-drag-handle-context-id":o,draggable:!1,onDragStart:e4}:null}),[o,a,p,h]),w=D1((function(e){"DRAGGING"===g.type&&g.dropping&&"transform"===e.propertyName&&x()}),[x,g]),S=M1((function(){var e=function(e){return"DRAGGING"===e.type?function(e){var t=e.dimension.client,n=e.offset,r=e.combineWith,i=e.dropping,o=Boolean(r),a=function(e){return null!=e.forceShouldAnimate?e.forceShouldAnimate:"SNAP"===e.mode}(e),s=Boolean(i),l=s?J5(n,o):X5(n);return{position:"fixed",top:t.marginBox.top,left:t.marginBox.left,boxSizing:"border-box",width:t.borderBox.width,height:t.borderBox.height,transition:X6(a,i),transform:l,opacity:J6(o,s),zIndex:s?K6:Q6,pointerEvents:"none"}}(e):{transform:X5((t=e).offset),transition:t.shouldAnimateDisplacement?null:"none"};var t}(g),t="DRAGGING"===g.type&&g.dropping?w:null;return{innerRef:n,draggableProps:{"data-rbd-draggable-context-id":o,"data-rbd-draggable-id":p,style:e,onTransitionEnd:t},dragHandleProps:b}}),[o,b,p,g,w,n]),C=M1((function(){return{draggableId:f.id,type:f.type,source:{index:f.index,droppableId:f.droppableId}}}),[f.droppableId,f.id,f.index,f.type]);return d(S,g.snapshot,C)}));function a4(e){return H6(Z6).isUsingCloneFor!==e.draggableId||e.isClone?k().createElement(o4,e):null}function s4(e){var t="boolean"!=typeof e.isDragDisabled||!e.isDragDisabled,n=Boolean(e.disableInteractiveElementBlocking),r=Boolean(e.shouldRespectForcePress);return k().createElement(a4,(0,Lt.Z)({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:r}))}var l4,c4=function(e,t){return e===t.droppable.type},u4=function(e,t){return t.draggables[e.draggable.id]},f4={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:function(){return document.body||X1(!1),document.body}},d4=I1((function(){var e={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},t=(0,Lt.Z)({},e,{shouldAnimatePlaceholder:!1}),n=ka((function(e){return{draggableId:e.id,type:e.type,source:{index:e.index,droppableId:e.droppableId}}})),r=ka((function(r,i,o,a,s,l){var c=s.descriptor.id;if(s.descriptor.droppableId===r){var u=l?{render:l,dragging:n(s.descriptor)}:null,f={isDraggingOver:o,draggingOverWith:o?c:null,draggingFromThisWith:c,isUsingPlaceholder:!0};return{placeholder:s.placeholder,shouldAnimatePlaceholder:!1,snapshot:f,useClone:u}}if(!i)return t;if(!a)return e;var d={isDraggingOver:o,draggingOverWith:c,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:s.placeholder,shouldAnimatePlaceholder:!0,snapshot:d,useClone:null}}));return function(n,i){var o=i.droppableId,a=i.type,s=!i.isDropDisabled,l=i.renderClone;if(n.isDragging){var c=n.critical;if(!c4(a,c))return t;var u=u4(c,n.dimensions),f=p5(n.impact)===o;return r(o,s,f,f,u,l)}if("DROP_ANIMATING"===n.phase){var d=n.completed;if(!c4(a,d.critical))return t;var p=u4(d.critical,n.dimensions);return r(o,s,n4(d.result)===o,p5(d.impact)===o,p,l)}if("IDLE"===n.phase&&n.completed&&!n.shouldFlush){var h=n.completed;if(!c4(a,h.critical))return t;var y=p5(h.impact)===o,m=Boolean(h.impact.at&&"COMBINE"===h.impact.at.type),v=h.critical.droppable.id===o;return y?m?e:t:v?e:t}return t}}),{updateViewportMaxScroll:function(e){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:e}}},null,{context:X3,pure:!0,areStatePropsEqual:t4})((function(e){var t=(0,E.useContext)(o6);t||X1(!1);var n=t.contextId,r=t.isMovementAllowed,i=(0,E.useRef)(null),o=(0,E.useRef)(null),a=e.children,s=e.droppableId,l=e.type,c=e.mode,u=e.direction,f=e.ignoreContainerClipping,d=e.isDropDisabled,p=e.isCombineEnabled,h=e.snapshot,y=e.useClone,m=e.updateViewportMaxScroll,v=e.getContainerForClone,g=D1((function(){return i.current}),[]),x=D1((function(e){i.current=e}),[]),b=(D1((function(){return o.current}),[]),D1((function(e){o.current=e}),[])),w=D1((function(){r()&&m({maxScroll:y3()})}),[r,m]);!function(e){var t=(0,E.useRef)(null),n=H6(o6),r=i6("droppable"),i=n.registry,o=n.marshal,a=a6(e),s=M1((function(){return{id:e.droppableId,type:e.type,mode:e.mode}}),[e.droppableId,e.mode,e.type]),l=(0,E.useRef)(s),c=M1((function(){return ka((function(e,n){t.current||X1(!1);var r={x:e,y:n};o.updateDroppableScroll(s.id,r)}))}),[s.id,o]),u=D1((function(){var e=t.current;return e&&e.env.closestScrollable?B6(e.env.closestScrollable):s2}),[]),f=D1((function(){var e=u();c(e.x,e.y)}),[u,c]),d=M1((function(){return W1(f)}),[f]),p=D1((function(){var e=t.current,n=G6(e);e&&n||X1(!1),e.scrollOptions.shouldPublishImmediately?f():d()}),[d,f]),h=D1((function(e,r){t.current&&X1(!1);var i=a.current,o=i.getDroppableRef();o||X1(!1);var l=function(e){return{closestScrollable:L6(e),isFixedOnPage:N6(e)}}(o),c={ref:o,descriptor:s,env:l,scrollOptions:r};t.current=c;var u=function(e){var t=e.ref,n=e.descriptor,r=e.env,i=e.windowScroll,o=e.direction,a=e.isDropDisabled,s=e.isCombineEnabled,l=e.shouldClipSubject,c=r.closestScrollable,u=function(e,t){var n=G1(e);if(!t)return n;if(e!==t)return n;var r=n.paddingBox.top-t.scrollTop,i=n.paddingBox.left-t.scrollLeft,o=r+t.scrollHeight,a=i+t.scrollWidth,s=F1({top:r,right:a,bottom:o,left:i},n.border);return N1({borderBox:s,margin:n.margin,border:n.border,padding:n.padding})}(t,c),f=U1(u,i),d=function(){if(!c)return null;var e=G1(c),t={scrollHeight:c.scrollHeight,scrollWidth:c.scrollWidth};return{client:e,page:U1(e,i),scroll:B6(c),scrollSize:t,shouldClipSubject:l}}(),p=function(e){var t=e.descriptor,n=e.isEnabled,r=e.isCombineEnabled,i=e.isFixedOnPage,o=e.direction,a=e.client,s=e.page,l=e.closest,c=function(){if(!l)return null;var e=l.scrollSize,t=l.client,n=p3({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,height:t.paddingBox.height,width:t.paddingBox.width});return{pageMarginBox:l.page.marginBox,frameClient:t,scrollSize:e,shouldClipSubject:l.shouldClipSubject,scroll:{initial:l.scroll,current:l.scroll,max:n,diff:{value:s2,displacement:s2}}}}(),u="vertical"===o?z2:V2;return{descriptor:t,isCombineEnabled:r,isFixedOnPage:i,axis:u,isEnabled:n,client:a,page:s,frame:c,subject:x2({page:s,withPlaceholder:null,axis:u,frame:c})}}({descriptor:n,isEnabled:!a,isCombineEnabled:s,isFixedOnPage:r.isFixedOnPage,direction:o,client:u,page:f,closest:d});return p}({ref:o,descriptor:s,env:l,windowScroll:e,direction:i.direction,isDropDisabled:i.isDropDisabled,isCombineEnabled:i.isCombineEnabled,shouldClipSubject:!i.ignoreContainerClipping}),f=l.closestScrollable;return f&&(f.setAttribute(H3.contextId,n.contextId),f.addEventListener("scroll",p,U6(c.scrollOptions))),u}),[n.contextId,s,p,a]),y=D1((function(){var e=t.current,n=G6(e);return e&&n||X1(!1),B6(n)}),[]),m=D1((function(){var e=t.current;e||X1(!1);var n=G6(e);t.current=null,n&&(d.cancel(),n.removeAttribute(H3.contextId),n.removeEventListener("scroll",p,U6(e.scrollOptions)))}),[p,d]),v=D1((function(e){var n=t.current;n||X1(!1);var r=G6(n);r||X1(!1),r.scrollTop+=e.y,r.scrollLeft+=e.x}),[]),g=M1((function(){return{getDimensionAndWatchScroll:h,getScrollWhileDragging:y,dragStopped:m,scroll:v}}),[m,h,y,v]),x=M1((function(){return{uniqueId:r,descriptor:s,callbacks:g}}),[g,s,r]);q3((function(){return l.current=x.descriptor,i.droppable.register(x),function(){t.current&&m(),i.droppable.unregister(x)}}),[g,s,m,x,o,i.droppable]),q3((function(){t.current&&o.updateDroppableIsEnabled(l.current.id,!e.isDropDisabled)}),[e.isDropDisabled,o]),q3((function(){t.current&&o.updateDroppableIsCombineEnabled(l.current.id,e.isCombineEnabled)}),[e.isCombineEnabled,o])}({droppableId:s,type:l,mode:c,direction:u,isDropDisabled:d,isCombineEnabled:p,ignoreContainerClipping:f,getDroppableRef:g});var S=k().createElement(Y6,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},(function(e){var t=e.onClose,r=e.data,i=e.animate;return k().createElement($6,{placeholder:r,onClose:t,innerRef:b,animate:i,contextId:n,onTransitionEnd:w})})),C=M1((function(){return{innerRef:x,placeholder:S,droppableProps:{"data-rbd-droppable-id":s,"data-rbd-droppable-context-id":n}}}),[n,s,S,x]),_=y?y.dragging.draggableId:null,O=M1((function(){return{droppableId:s,type:l,isUsingCloneFor:_}}),[s,_,l]);return k().createElement(Z6.Provider,{value:O},a(C,h),function(){if(!y)return null;var e=y.dragging,t=y.render,n=k().createElement(a4,{draggableId:e.draggableId,index:e.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},(function(n,r){return t(n,r,e)}));return rt().createPortal(n,v())}())}));function p4(){return p4=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p4.apply(this,arguments)}d4.defaultProps=f4;const h4=tt((function(e){return E.createElement("svg",p4({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),l4||(l4=E.createElement("g",{fill:"#E84C3D"},E.createElement("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm4.3 14.3c-.39.39-1.02.39-1.41 0L12 13.41 9.11 16.3c-.39.39-1.02.39-1.41 0-.187-.187-.292-.44-.292-.705 0-.265.105-.518.292-.705L10.59 12 7.7 9.11c-.187-.187-.292-.44-.292-.705 0-.265.105-.518.292-.705.39-.39 1.02-.39 1.41 0L12 10.59l2.89-2.89c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41L13.41 12l2.89 2.89c.38.38.38 1.02 0 1.41z"}))))}))(y4||(y4=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n width: ",";\n height: ",";\n fill: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"],["\n width: ",";\n height: ",";\n fill: ",";\n path {\n fill: ",";\n opacity: ",";\n }\n"])),(function(e){return e.width||"16px"}),(function(e){return e.height||"16px"}),(function(e){return e.color||"currentColor"}),(function(e){return e.color||"currentColor"}),(function(e){return e.opacity||"inherit"}));var y4,m4,v4,g4,x4,b4,w4,S4,C4,E4,k4,_4,O4,P4,T4,I4,A4,j4,M4,D4,R4,F4,L4,B4,N4,z4,V4=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},U4=function(){return U4=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},U4.apply(this,arguments)},H4=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},G4=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))},W4=tt.div(m4||(m4=V4(["\n background-color: ",";\n height: 100%;\n width: auto;\n"],["\n background-color: ",";\n height: 100%;\n width: auto;\n"])),ki),q4=tt.div(v4||(v4=V4(["\n background-color: #f6f7f9;\n display: flex;\n flex-direction: column;\n margin-bottom: -36px;\n min-height: 400px;\n width: 100%;\n margin-top: 15px;\n"],["\n background-color: #f6f7f9;\n display: flex;\n flex-direction: column;\n margin-bottom: -36px;\n min-height: 400px;\n width: 100%;\n margin-top: 15px;\n"]))),$4=tt.div(g4||(g4=V4(["\n background-color: #f6f7f9;\n display: flex;\n flex-direction: row;\n width: 100%;\n padding-bottom: 115px;\n padding-left: 8px;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin-top: 10px;\n"],["\n background-color: #f6f7f9;\n display: flex;\n flex-direction: row;\n width: 100%;\n padding-bottom: 115px;\n padding-left: 8px;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin-top: 10px;\n"]))),Z4=tt.div(b4||(b4=V4(["\n padding-top: 67px; /* SUS-905 changes */\n margin-top: ","px;\n display: flex;\n flex-direction: column;\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n margin-top: 8px;\n ","\n"],["\n padding-top: 67px; /* SUS-905 changes */\n margin-top: ","px;\n display: flex;\n flex-direction: column;\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n margin-top: 8px;\n ","\n"])),(function(e){return e.marginTop||0}),(function(e){return e.theme.containerWidth<=ri&&Ne(x4||(x4=V4(["\n padding-top: 0;\n margin-top: 16px;\n "],["\n padding-top: 0;\n margin-top: 16px;\n "])))})),Y4=tt.div(w4||(w4=V4(["\n float: left;\n flex-direction: column;\n width: ",";\n div {\n margin-top: 3.5px;\n }\n"],["\n float: left;\n flex-direction: column;\n width: ",";\n div {\n margin-top: 3.5px;\n }\n"])),(function(e){return e.width?"".concat(e.width,"px"):"100%"})),Q4=tt.div(S4||(S4=V4(["\n display: flex;\n flex-direction: column;\n width: ",";\n max-width: calc(100% - 48px);\n margin-bottom: 8px;\n"],["\n display: flex;\n flex-direction: column;\n width: ",";\n max-width: calc(100% - 48px);\n margin-bottom: 8px;\n"])),(function(e){return e.width?"".concat(e.width,"px"):"100%"})),K4=tt.div(E4||(E4=V4(["\n position: relative;\n height: ",";\n min-height: ","; /* SUS-905 changes */\n overflow-x: auto;\n overflow-y: hidden;\n width: 80%;\n padding-top: 39px; /* SUS-905 changes */\n ","\n padding-bottom: 10px;\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n scrollbar-width: none; /* Firefox */\n ::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: scrollbar;\n ::-webkit-scrollbar {\n -webkit-appearance: none;\n height: 4px; /* SUS-905 changes */\n }\n ::-webkit-scrollbar-track {\n background-color: ",";\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(0, 27, 83, 0.2);\n }\n ::-webkit-scrollbar-thumb:hover {\n background-color: rgba(0, 27, 83, 0.4);\n }\n"],["\n position: relative;\n height: ",";\n min-height: ","; /* SUS-905 changes */\n overflow-x: auto;\n overflow-y: hidden;\n width: 80%;\n padding-top: 39px; /* SUS-905 changes */\n ","\n padding-bottom: 10px;\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n scrollbar-width: none; /* Firefox */\n ::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: scrollbar;\n ::-webkit-scrollbar {\n -webkit-appearance: none;\n height: 4px; /* SUS-905 changes */\n }\n ::-webkit-scrollbar-track {\n background-color: ",";\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(0, 27, 83, 0.2);\n }\n ::-webkit-scrollbar-thumb:hover {\n background-color: rgba(0, 27, 83, 0.4);\n }\n"])),(function(e){return e.height?"".concat(e.height,"px"):""}),(function(e){return e.height?"".concat(e.height+7,"px"):""}),(function(e){return e.theme.containerWidth<=ri&&Ne(C4||(C4=V4(["\n padding-top: 0;\n margin-top: 16px;\n "],["\n padding-top: 0;\n margin-top: 16px;\n "])))}),ki),X4=tt.div(k4||(k4=V4(["\n position: absolute;\n width: 100%;\n"],["\n position: absolute;\n width: 100%;\n"]))),J4=tt.div(_4||(_4=V4(["\n padding: 32px;\n height: 10px; /* SUS-905 changes */\n width: calc(100%- 64px);\n display: flex;\n justify-content: space-between;\n"],["\n padding: 32px;\n height: 10px; /* SUS-905 changes */\n width: calc(100%- 64px);\n display: flex;\n justify-content: space-between;\n"]))),e9=tt.div(P4||(P4=V4(["\n display: flex;\n justify-content: center;\n margin-bottom: 32px;\n border-radius: 6px;\n margin-top: 5%;\n ","\n"],["\n display: flex;\n justify-content: center;\n margin-bottom: 32px;\n border-radius: 6px;\n margin-top: 5%;\n ","\n"])),(function(e){return e.theme.containerWidth<=ri&&Ne(O4||(O4=V4(["\n margin-top: 0;\n border-radius: 0;\n margin-bottom: 0;\n "],["\n margin-top: 0;\n border-radius: 0;\n margin-bottom: 0;\n "])))})),t9=tt.div(T4||(T4=V4(["\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 20px;\n"],["\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 20px;\n"]))),n9=tt.div(I4||(I4=V4(["\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 8px;\n"],["\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 8px;\n"]))),r9=tt.div(A4||(A4=V4(["\n width: ","px;\n height: ","px;\n border-left: 1px solid rgba(0, 27, 83, 0.2);\n border-right: ",";\n"],["\n width: ","px;\n height: ","px;\n border-left: 1px solid rgba(0, 27, 83, 0.2);\n border-right: ",";\n"])),(function(e){return e.width||20}),(function(e){return e.inside?6:8}),(function(e){return e.rightBorder&&"1px solid rgba(0, 27, 83, 0.2)"})),i9=tt.div(j4||(j4=V4(["\n font-size: 12px;\n line-height: 1.43;\n color: #001b53;\n width: ","px;\n height: 20px;\n display: flex;\n justify-content: space-between;\n"],["\n font-size: 12px;\n line-height: 1.43;\n color: #001b53;\n width: ","px;\n height: 20px;\n display: flex;\n justify-content: space-between;\n"])),(function(e){return e.width||220})),o9=tt.div(M4||(M4=V4(["\n background: #ffffff;\n border-top-right-radius: 16px;\n border-bottom-right-radius: 16px;\n padding-left: 2px;\n padding-right: 2px;\n display: flex;\n flex-direction: column;\n height: 80px;\n margin-bottom: 8px;\n position: relative;\n"],["\n background: #ffffff;\n border-top-right-radius: 16px;\n border-bottom-right-radius: 16px;\n padding-left: 2px;\n padding-right: 2px;\n display: flex;\n flex-direction: column;\n height: 80px;\n margin-bottom: 8px;\n position: relative;\n"]))),a9=tt.div(D4||(D4=V4(["\n min-width: 20px;\n margin-left: 0;\n margin-right: 12px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: ",";\n opacity: ",";\n height: 40px;\n width: 46px;\n border-radius: 4px;\n transition: width 0.2s ease;\n overflow: hidden;\n"],["\n min-width: 20px;\n margin-left: 0;\n margin-right: 12px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: ",";\n opacity: ",";\n height: 40px;\n width: 46px;\n border-radius: 4px;\n transition: width 0.2s ease;\n overflow: hidden;\n"])),(function(e){return e.disabled?"default":"pointer"}),(function(e){return e.disabled?"0.5":"1"})),s9=tt.div(R4||(R4=V4(["\n display: block;\n height: 40px;\n border-radius: 4px;\n color: white;\n button {\n border-radius: 4px;\n }\n"],["\n display: block;\n height: 40px;\n border-radius: 4px;\n color: white;\n button {\n border-radius: 4px;\n }\n"]))),l9=tt.div(F4||(F4=V4(["\n width: 221px;\n height: 40px;\n padding: 12px;\n box-sizing: border-box;\n display: flex;\n gap: 13px;\n align-items: center;\n background: #ffffff;\n border: 1px solid rgba(0, 27, 83, 0.1);\n border-radius: 6px;\n margin-bottom: 20px;\n"],["\n width: 221px;\n height: 40px;\n padding: 12px;\n box-sizing: border-box;\n display: flex;\n gap: 13px;\n align-items: center;\n background: #ffffff;\n border: 1px solid rgba(0, 27, 83, 0.1);\n border-radius: 6px;\n margin-bottom: 20px;\n"]))),c9=tt.div(L4||(L4=V4(["\n position: absolute;\n right: 15px;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"],["\n position: absolute;\n right: 15px;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"]))),u9=function(e){var n=e.videos,r=void 0===n?[]:n,i=e.setVideos,o=void 0===i?function(){}:i,a=Mt().containerWidth,s=dn(),l=H4((0,E.useState)(0),2),c=l[0],u=l[1],f=H4((0,E.useState)(0),2),d=f[0],p=f[1],h=H4((0,E.useState)(0),2),y=h[0],v=h[1],g=H4((0,E.useState)(0),2),x=g[0],b=g[1],w=H4((0,E.useState)(10),2),S=w[0],C=w[1],k=H4((0,E.useState)(20),2),_=k[0],O=k[1];(0,E.useEffect)((function(){u(r.reduce((function(e,t){return e+t.duration}),0)||0),p(r.reduce((function(e,t){return e+t.trimDuration}),0)||0)}),[r]),(0,E.useEffect)((function(){b(60+100*r.length)}),[r]),(0,E.useEffect)((function(){!function(){var e=Math.max(function(e,t){return e>0?Math.ceil(e/t)*t:t}(c*S,S),a-223);v(e),O(Math.round(e/S))}()}),[c,S,a]);var P=function(e){if(1===r.length)return s.push("/"),void window.localStorage.removeItem(m.merge);try{var t=localStorage.getItem(m.merge),n=r[e],i=(JSON.parse(t||"")||[]).filter((function(e){return e.id.toString()!==n.id.toString()}));localStorage.setItem(m.merge,JSON.stringify(i))}catch(e){console.log(e)}o((function(t){var n=G4([],H4(t),!1);return n.splice(e,1),n}))},T=function(e,t){o((function(n){var r=G4([],H4(n),!1);return r[e].ref=t,r}))},I=function(e){if(0===e)return 0;var t=r[e-1],n=r[e];return 1===e?t.endSec*S-n.startSec*S:t.trimDuration*S+t.startSec*S-n.startSec*S+I(e-1)};return(0,t.jsxs)(W4,{children:[(0,t.jsx)(e9,{children:r&&!!r.length&&(0,t.jsx)(z0,{width:592,height:332,displayVideos:r})}),(0,t.jsxs)(q4,{children:[(0,t.jsxs)(J4,{children:[(0,t.jsx)(s9,{children:(0,t.jsx)(vo,{backgroundColor:hi,textColor:Ei,fontSize:"15px",padding:"8px 16px 8px 10px",icon:(0,t.jsx)(HL,{color:zi,height:21,width:21}),text:"Add More Videos",onClick:function(){s.push("/?add-more")}})}),a>ri&&(0,t.jsxs)(l9,{children:[(0,t.jsx)(a9,U4({onClick:function(){return S>10&&C(S-5)},disabled:10===S},{children:(0,t.jsx)(d0,{width:24,height:24,color:zi})})),(0,t.jsx)("input",{type:"range",onChange:function(e){return C(e.target.value)},min:10,max:200,value:S,style:{width:"200px",height:"4px",backgroundColor:"#d0d3d9",boxShadow:"0px 0px 4px rgba(66, 79, 104, 0.08),0px 6px 12px rgba(66, 79, 104, 0.06)"}}),(0,t.jsx)(a9,U4({onClick:function(){return S<200&&C(S+5)},disabled:200===S},{children:(0,t.jsx)(v0,{width:24,height:24,color:zi})}))]})]}),(0,t.jsxs)($4,{children:[(0,t.jsx)(Z4,{children:(0,t.jsx)(j6,U4({onDragEnd:function(e){return t=void 0,n=void 0,a=function(){var t;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(n){return e.destination?(t=function(e,t,n){var r=Array.from(e),i=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}(r.splice(t,1),1)[0];return r.splice(n,0,i),r}(r,e.source.index,e.destination.index),o(t),[2]):[2]}))},new((i=void 0)||(i=Promise))((function(e,r){function o(e){try{l(a.next(e))}catch(e){r(e)}}function s(e){try{l(a.throw(e))}catch(e){r(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(o,s)}l((a=a.apply(t,n||[])).next())}));var t,n,i,a}},{children:(0,t.jsx)(d4,U4({droppableId:"videos"},{children:function(e){return(0,t.jsxs)("div",U4({ref:e.innerRef},e.droppableProps,{children:[r.map((function(e,n){return(0,t.jsx)(s4,U4({draggableId:e.id,index:n},{children:function(r){return(0,t.jsx)("div",U4({ref:r.innerRef},r.draggableProps,r.dragHandleProps,{children:(0,t.jsx)(u0,{index:n,video:e,setVideos:o,removeVideo:P,setVideoRef:T},"".concat(e.id).concat(n,"thumb"))}))}}),e.id)})),e.placeholder]}))}}))}))}),(0,t.jsxs)(K4,U4({height:x,id:"row-container"},{children:[a>ri&&(0,t.jsxs)(Q4,U4({width:y},{children:[(0,t.jsx)(t9,{children:G4([],H4(Array(Math.round(_/12)).keys()),!1).map((function(e){return(0,t.jsxs)(i9,U4({width:12*S},{children:[(0,t.jsx)("span",{children:St(12*e,0)}),e+1===Math.round(_/12)&&(0,t.jsx)("span",{children:St(12*(e+1),0)})]}),e)}))}),(0,t.jsx)(n9,{children:G4([],H4(Array(_).keys()),!1).map((function(e){return(0,t.jsx)(r9,{width:S-1,rightBorder:e+1===_,inside:e>=r[0].startSec&&e<=r[0].startSec+d},e)}))})]})),(0,t.jsx)(X4,{children:r.map((function(e,n){return(0,t.jsx)(o9,{children:(0,t.jsx)(c9,{children:(0,t.jsx)(h4,{onClick:function(){return P(n)},height:24,width:24,color:"rgba(232, 76, 61, 0.6)"})})},"".concat(e.id).concat(n))}))}),a>ri&&(0,t.jsx)(Y4,{children:r.map((function(e,n){return(0,t.jsx)($J,{index:n,totalDuration:c,offset:I(n),width:e.duration*S,video:e,setVideos:o},"".concat(e.id).concat(n,"row"))}))})]}))]})]})]})},f9=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},d9=function(){return d9=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},d9.apply(this,arguments)},p9=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},h9=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},y9=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},m9=tt.main(B4||(B4=f9(["\n background: ",";\n"],["\n background: ",";\n"])),ki),v9=tt.div(N4||(N4=f9(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: ",";\n"])),Ei),g9=function(){var e=localStorage.getItem(m.merge),n=JSON.parse(e),r={};null==n||n.forEach((function(e){r[e.id]=e}));var i=fn(en).location,o=(new URLSearchParams(i.search).get("videos")||"").split(",").filter(Boolean),a=y9((0,E.useState)(o.map((function(e){return{id:e}}))),2),s=a[0],l=a[1],c=dn(),u=y9(E.useState(!1),2),f=u[0],d=u[1],p=y9(E.useState(!1),2),h=p[0],y=p[1],v=y9(E.useState(!0),2),g=v[0],x=v[1];return(0,E.useEffect)((function(){x(!0),Object.values(r).forEach((function(e){return p9(void 0,void 0,void 0,(function(){var t;return h9(this,(function(n){switch(n.label){case 0:return[4,Wn(e.id)];case 1:return t=n.sent(),l((function(n){return function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))}([],y9(n),!1).map((function(n){return n.id.toString()===e.id.toString()?d9(d9(d9({},e),n),{source:t.videoSource,flvName:t.flvName+".mp4",start:"00:00:00:00"}):n}))})),[2]}}))}))})),x(!1)}),[]),g?(0,t.jsx)(_o,{isLoading:g}):(0,t.jsxs)(m9,{children:[s.length>=2&&(0,t.jsx)($W,{when:!0,navigate:function(e){c.push(e)},stay:!0,onStay:function(){return d(!0)},onConfirm:function(){},shouldBlockNavigation:function(e){return function(e){return("/"!==e.pathname||"?add-more"!==e.search&&"?merged"!==e.search)&&!h}(e)}}),(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){window.localStorage.removeItem(m.merge),c.push("/")}}),center:(0,t.jsx)(v9,{children:"Merge Videos"}),right:(0,t.jsx)(vo,{onClick:function(){return d(!0)},text:"Save",disabled:(null==s?void 0:s.length)<2,textColor:hi,backgroundColor:Xi,fontSize:"15px"})}),(0,t.jsx)(u9,{videos:s,setVideos:l}),f&&(0,t.jsx)($X,{title:"Name new video",label:"Give your new video a name",defaultValue:"",secondaryButtonText:"Go Back",primaryButtonText:"Save Video",handleSubmit:function(e){return t=e,p9(void 0,void 0,void 0,(function(){var e;return h9(this,(function(n){switch(n.label){case 0:return window.localStorage.removeItem(m.merge),e=1e3*s.reduce((function(e,t){return e+t.trimDuration}),0),[4,(r={videos:s.map((function(e){return{start:e.start,end:e.end,id:e.id,flvName:e.flvName}})),videoName:t,duration:e},Ln(void 0,void 0,void 0,(function(){var e,t,n;return Bn(this,(function(i){switch(i.label){case 0:return e=S.headers,t={url:"/videos/merge",baseURL:b,method:Vn,data:r,headers:{Authorization:"Bearer ".concat(e.Authorization)}},[4,Tn(t).catch((function(e){return e}))];case 1:if((n=i.sent())instanceof Error)throw n;return[2,n]}}))})))];case 1:return n.sent(),y(!0),c.push("/?merged"),[2]}var r}))}));var t},handleModalClose:function(){return d(!1)}})]})},x9=tt.div(z4||(z4=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}(["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"],["\n font-family: 'Work Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 24px;\n text-align: center;\n color: #1c6acf;\n"]))),b9=function(e){var n=e.onSaveVideo,r=e.isSaveDisabled,i=e.setInsertAfterSave,o=e.uploadLoading,a=dn(),s=Mt().showInsertFeature;return(0,t.jsx)(ao,{left:(0,t.jsx)(vo,{text:"Back",backgroundColor:"transparent",borderColor:"transparent",textColor:Ii,icon:(0,t.jsx)(Hc,{size:"18"}),onClick:function(){a.push("/")}}),center:(0,t.jsx)(x9,{children:""}),right:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(vo,{onClick:function(){n()},text:"Save",disabled:r||o,textColor:zi,backgroundColor:Ui,borderColor:Ui,fontSize:"15px",icon:o?(0,t.jsx)(bo,{size:12,color:zi}):(0,t.jsx)(kW,{height:"15px"})}),s&&(0,t.jsx)(vo,{onClick:function(){i(!0),n()},text:"Continue to Insert",disabled:r||o,textColor:hi,backgroundColor:Ai,borderColor:Mi,fontSize:"15px"})]})})},w9=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},S9={id:"",title:"",recordDate:"",views:"0",videoLength:0,thumbnail:"",videoSource:"",tags:[],videoRequest:{videoRequestId:"0"},folder:""};const C9=function(){var e=pn().videoId,n=w9((0,E.useState)(S9),2),r=n[0],i=n[1],o=w9((0,E.useState)(!0),2),a=o[0],s=o[1],l=w9((0,E.useState)(),2),c=l[0],u=l[1],f=w9((0,E.useState)(!1),2),d=f[0],p=f[1],h=w9((0,E.useState)(!1),2),y=h[0],m=h[1],v=w9((0,E.useState)(!1),2),g=v[0],x=v[1];return(0,E.useEffect)((function(){var t,n,o,a;r.id||(t=void 0,n=void 0,a=function(){var t;return function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(n){switch(n.label){case 0:return e?[4,Wn(e)]:[2];case 1:return(t=n.sent())&&(i(t),s(!1)),[2]}}))},new((o=void 0)||(o=Promise))((function(e,r){function i(e){try{l(a.next(e))}catch(e){r(e)}}function s(e){try{l(a.throw(e))}catch(e){r(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof o?n:new o((function(e){e(n)}))).then(i,s)}l((a=a.apply(t,n||[])).next())})))}),[]),a?(0,t.jsx)(_o,{isLoading:a}):(0,t.jsxs)("div",{children:[(0,t.jsx)(b9,{onSaveVideo:c||function(){},setInsertAfterSave:p,isSaveDisabled:y,uploadLoading:g}),(0,t.jsx)(co,{children:(0,t.jsx)(tY,{recordingBlobUrl:r.videoSource,recordDate:r.recordDate,insertAfterSave:d,setSaveFunction:u,setIsSaveDisabled:m,skipUploadProcess:!0,videoId:e,initialTitle:r.title,updateUploadLoading:function(e){return x(e)}})})]})};var E9=function(){return E9=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},E9.apply(this,arguments)},k9=function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},_9=function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},O9=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},P9={id:"",verified:0,access:0,customerId:0,customer:{automotiveAccess:0}};const T9=function(){var e=this,n=O9((0,E.useState)(!0),2),r=n[0],i=n[1],o=O9((0,E.useState)(P9),2),a=o[0],s=o[1],l=function(){return k9(e,void 0,void 0,(function(){var e;return _9(this,(function(t){switch(t.label){case 0:if(!x)return s(P9),i(!1),[2];i(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,In(void 0,void 0,void 0,(function(){var e,t;return An(this,(function(n){switch(n.label){case 0:return e=(C()||S).bearerToken,[4,Tn({url:"/auth/user",baseURL:b,method:jn,headers:e}).catch((function(e){return e}))];case 1:if((t=n.sent())instanceof Error)throw t;return t.authCalled=!0,[2,t]}}))}))];case 2:return e=t.sent(),s(e),[3,4];case 3:return t.sent(),[3,4];case 4:return i(!1),[2]}}))}))},c=function(t){return k9(e,void 0,void 0,(function(){return _9(this,(function(e){switch(e.label){case 0:return w(t),[4,l()];case 1:return e.sent(),[2]}}))}))};(0,E.useEffect)((function(){l()}),[]);var u=!!(null==a?void 0:a.id);return r?(0,t.jsx)(nf,{children:(0,t.jsx)(_o,{height:400,isLoading:!0})}):(0,t.jsx)(zl,E9({initialUser:a},{children:(0,t.jsx)(IL,{children:(0,t.jsx)(Ju,{children:(0,t.jsx)(nf,{children:(0,t.jsxs)(nn,{children:[u&&(0,t.jsxs)(un,{children:[(0,t.jsx)(cn,{path:"/merge",component:g9,exact:!0}),(0,t.jsx)(cn,{path:"/voiceover/:videoId",component:oJ,exact:!0}),(0,t.jsx)(cn,{path:"/insert-video/:videoId",component:DG,exact:!0}),(0,t.jsx)(cn,{path:"/wheels-tv",component:zJ}),(0,t.jsx)(cn,{exact:!0,path:"/record/home",component:xW}),(0,t.jsx)(cn,{exact:!0,path:"/record/both",component:XY}),(0,t.jsx)(cn,{exact:!0,path:"/record/cam",component:EQ}),(0,t.jsx)(cn,{exact:!0,path:"/record/screen",component:KQ}),(0,t.jsx)(cn,{exact:!0,path:"/preview-upload/:videoId",component:C9}),(0,t.jsx)(cn,{exact:!0,path:"/",component:function(){return(0,t.jsx)(XN,{handleUpdateToken:c})}})]}),!u&&(0,t.jsx)(un,{children:(0,t.jsx)(cn,{exact:!0,path:"/",component:function(){return(0,t.jsx)(mz,{handleUpdateToken:c})}})})]})})})})}))};var I9,A9,j9=function(){return j9=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},j9.apply(this,arguments)},M9=new v.QueryClient({defaultOptions:{queries:{retry:0},mutations:{retry:0}}});function D9(){w(""),Pt()}!function(e){e.UPLOAD="upload",e.FOLDER="folder",e.RECORD_SCREEN="recordScreen",e.MERGE="merge",e.RECORD_CAM="recordCam",e.WHEELS_TV="wheelsTV",e.RECORD_BOTH="recordBoth",e.TRIM="trim",e.INSERT="insert",e.LANDING_PAGE="landingPage",e.QUICKSHARE="quickshare",e.CTA="CTA",e.VOICEOVER="voiceover",e.REACTIONS="reactions",e.AI_ASSIST="aiAssist",e.UPGRADE_MESSAGE="upgradeMessage"}(I9||(I9={})),function(e){e.DEVELOPMENT="development",e.SANDBOX="sandbox",e.PRODUCTION="production"}(A9||(A9={}));var R9=function(e){return(0,t.jsx)(v.QueryClientProvider,j9({client:M9},{children:(0,t.jsx)(jt,j9({},e,{children:(0,t.jsx)(T9,{},"".concat(null==e?void 0:e.env).concat(null==e?void 0:e.token))}))}))}})(),module.exports=__webpack_exports__})();