https://www.berrycast.com/assets/PageRecordAdvanced.56f10b72.js

1import{C as _,a0 as C,T as w,V as U,n as b,h as y,B as R,a as m,p as v,X as x,S as c,A as g,Y as $,W as A,ag as M,U as q,a6 as T,$ as E,a1 as L,u as O,Z as D}from"./index.8c7e38b2.js";import{B as S,R as B}from"./RecordBrowserCommon.3eec3760.js";import{R as I,a as k}from"./RecordUiComponents.c89d5211.js";import{R as H}from"./RecordUiUploadProgress.18c97ae2.js";import"./berrycast-sdk-web-ui.esm.0068facc.js";import"./LiveUploader.bf11faeb.js";import"./RecordCountDownOptions.ad021e9c.js";import"./RecorderStateWriter.fe0efcfd.js";import"./datetime.520a7f7e.js";import"./Uploader.40a9e67f.js";import"./ConversationService.d4157193.js";import"./RecordService.d2b853f6.js";import"./FileType.6d1211ee.js";import"./UserService.ade6986e.js";import"./CustomBrandColorsMixin.2e348c6e.js";import"./ProfilPictureMediaStreamService.ad1c2804.js";import"./ScreenStreamer.c5ebfc07.js";import"./ImageService.126d86d7.js";import"./ManualUploader.7ede9c28.js";import"./Dismiss.690da8cd.js";import"./IconRecordPause.f1fbbbde.js";import"./IconDrag.00871709.js";import"./RecordUiRequestVideo.f4fec655.js";import"./UiDivider.968a26bb.js";import"./ClipboardService.de5b04f5.js";import"./UiFieldFile.a6d65da9.js";import"./UiTab.347ec1d9.js";import"./TheUserAvatar.d244fd5a.js";var z=Object.defineProperty,N=Object.getOwnPropertyDescriptor,V=(e,r,t,s)=>{for(var a=s>1?void 0:s?N(r,t):r,o=e.length-1,i;o>=0;o--)(i=e[o])&&(a=(s?i(r,t,a):i(a))||a);return s&&a&&z(r,t,a),a};let l=class extends U{};l=V([_({components:{UiHeading:C,UiStack:w}})],l);var j=function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("UiStack",{attrs:{justify:"center",direction:e.breakpointDown("sm")?"vertical":"horizontal"}},[t("div",{staticClass:"w-full md:w-1/4 max-w-[11rem] border p-5 rounded-xl"},[t("UiHeading",{attrs:{size:"5"}},[e._v(e._s(e.$t("PageRecordAdvancedSteps.steps.stepLabel"))+" 1")]),t("p",[e._v(e._s(e.$t("PageRecordAdvancedSteps.steps.step1")))])],1),t("div",{staticClass:"w-full md:w-1/4 max-w-[10.8rem] border p-5 rounded-xl"},[t("UiHeading",{attrs:{size:"5"}},[e._v(e._s(e.$t("PageRecordAdvancedSteps.steps.stepLabel"))+" 2")]),t("p",[e._v(e._s(e.$t("PageRecordAdvancedSteps.steps.step2")))])],1),t("div",{staticClass:"w-full md:w-1/4 max-w-[20.5rem] border p-5 rounded-xl"},[t("UiHeading",{attrs:{size:"5"}},[e._v(e._s(e.$t("PageRecordAdvancedSteps.steps.stepLabel"))+" 3")]),t("p",[e._v(e._s(e.$t("PageRecordAdvancedSteps.steps.step3")))])],1),t("div",{staticClass:"w-full md:w-1/4 max-w-[12.65rem] border p-5 rounded-xl"},[t("UiHeading",{attrs:{size:"5"}},[e._v(e._s(e.$t("PageRecordAdvancedSteps.steps.stepLabel"))+" 4")]),t("p",[e._v(e._s(e.$t("PageRecordAdvancedSteps.steps.step4")))])],1

1)])},W=[];const f={};var F=b(l,j,W,!1,Y,"237ef274",null,null);function Y(e){for(let r in f)this[r]=f[r]}var X=function(){return F.exports}();class Z{constructor(){this.recordChannel=new I,this.rtcPeerConnections={},this.recordChannel.on("camera:ask-start",async r=>{if(!this.stream)throw new Error("No stream");const t=r.data.uuid;this.createPeerConnection(t);const s=await this.rtcPeerConnections[t].createOffer();this.recordChannel.postMessage({eventName:"camera:offer",data:{type:"offer",sdp:s.sdp,uuid:t}}),await this.rtcPeerConnections[t].setLocalDescription(s)}),this.recordChannel.on("camera:answer",r=>{var t;return(t=this.rtcPeerConnections[r.data.uuid])==null?void 0:t.setRemoteDescription(r.data)}),this.recordChannel.on("camera:candidate",r=>this.handleCandidate(r.data))}setStream(r){this.closePeerConnection(),this.stream=r,this.recordChannel.postMessage({eventName:"camera:ready"})}closePeerConnection(){Object.values(this.rtcPeerConnections).forEach(r=>r.close()),this.rtcPeerConnections={}}createPeerConnection(r){this.rtcPeerConnections[r]=new RTCPeerConnection,this.rtcPeerConnections[r].addEventListener("icecandidate",t=>{const s={type:"candidate",candidate:null,uuid:r};t.candidate&&(s.candidate=t.candidate.candidate,s.sdpMid=t.candidate.sdpMid,s.sdpMLineIndex=t.candidate.sdpMLineIndex),this.recordChannel.postMessage(s)}),this.rtcPeerConnections[r].addEventListener("connectionstatechange",()=>{var t;((t=this.rtcPeerConnections[r])==null?void 0:t.connectionState)==="disconnected"&&(this.rtcPeerConnections[r].close(),delete this.rtcPeerConnections[r])}),this.stream.getTracks().forEach(t=>this.rtcPeerConnections[r].addTrack(t,this.stream))}async handleCandidate(r){var t,s;r.candidate?await((t=this.rtcPeerConnections[r.uuid])==null?void 0:t.addIceCandidate(r)):await((s=this.rtcPeerConnections[r.uuid])==null?void 0:s.addIceCandidate(void 0))}}class G extends S{constructor(r){super(r),this.recordCameraServerPeerToPeer=new Z,this.on("stream:change",()=>{this.stream?this.recordCameraServerPeerToPeer.setStream(this.stream):this.recordCameraServerPeerToPeer.closePeerConnection()})}}var J=Object.defineProperty,K=Object.getOwnPropertyDescriptor,u=(e,r,t,s)=>{for(var a=s>1?void 0:s?K(r,t):r,o=e.length-1,i;o>=0;o--)(i=e[o])&&(a=(s?i(r,t,a):i(a))||a);return s&&a&&J(r,t,a),a};let d=class extends y(B){constructor(){super(...arguments),this.createdConversationUuid=null,this.requesterUuid=null,this.showHelpSteps=!1,this.showPinExtensionMsg=!0,this.showVideoPlayerModal=!1,this.showWelcomeMessage=!1,this.requesterData=null,this.videoPlayerActions=null}async onScreenStreamChange(){var e;if((e=this.recorder)!=null&&e.screenStreamer.stream){for(;!this.videoPlayer;)await new Promise(r=>setTimeout(r,100));this.videoPlayer.srcObject=this.recorder.screenStreamer.stream}}get brandLogoUrl(){var e,r,t,s,a;return((a=(s=(t=(r=(e=this.requesterData)==null?void 0:e.brand)==null?void 0:r.images)==null?void 0:t.logo)==null?void 0:s.desktop)==null?void 0:a.url)||null}get brandMasterSiteUrl(){var e,r,t,s,a,o;if((t=(r=(e=this.requesterData)==null?void 0:e.brand)==null?void 0:r.domain)!=null&&t.url)return R.extractMasterSiteUrl((o=(a=(s=this.requesterData)==null?void 0:s.brand)==null?void 0:a.domain)==null?void 0:o.url)}get currentBrowser(){return navigator.userAgent.indexOf("Chrome")>-1?"Chrome":navigator.userAgent.indexOf("Firefox")>-1?"Firefox":navigator.userAgent.indexOf("Safari")>-1?"Safari":navigator.userAgent.indexOf("OP")>-1?"Opera":""}async created(){var e,r;this.requesterUuid=(e=this.$route.query["requester-uuid"])!=null?e:null,this.skipCanRecordCheck=this.skipCanRecordCheck||!!this.requesterUuid,this.conversationName=(r=this.$route.query["conversation-name"])!=null?r:null,this.recordChannel.on("showCameraPictureInPicture",()=>this.showCameraPictureInPicture()),this.recordChannel.on("hideCameraPictureInPicture",()=>this.hideCameraPictureInPicture()),this.$on("after:initializeRecorder",()=>{this.recorder.on("cancel",()=>{window.close()}),this.recorder.on("stop",()=>{this.focusRecordingTab(),this.hidePageRecordUI()})}),this.$on("after:initialize",()=>{var s,a,o;const t=()=>{var n,h,p;const i=Math.round((p=(h=(n=this.uploader)==null?void 0:n.getActualProgress())==null?void 0:h.percentage)!=null?p:0);document.title=`Uploading... ${i}%`};this.recorder?this.recorder.on("stop",()=>{var i;return(i=this.uploader)==null?void 0:i.on("progress",t)}):(s=this.uploader)==null||s.on("progress",t),(a=this.uploader)==null||a.on("conversation:created",i=>{var n;this.onConversationCreated({conversationUuid:i.data.uuid}),(n=this.uploader)==null||n.off("progress",t)}),(o=this.uploader)==null||o.on("uploaded",i=>this.onUploaded(i.data)),this.focusLastTab()}),this.$on("after:uploadFile",()=>{this.focusRecordingTab(),this.hidePageRecordUI()}),this.videoPlayerActions=[{label:this.$i18n.t("PageRecordAdvanced.videoPlayerActions.recordAgain"),variant:"text",onClick:()=>{this.showVideoPlayerModal=!1,this.discardPreviousTake(),this.initializeRecorder()}},{label:this.$i18n.t("PageRecordAdvanced.videoPlayerActions.sendVideo"),variant:"primary",onClick:()=>this.sendToRequester()}],this.requesterUuid&&(this.requesterData=await m.requests.fetch({userUuid:this.requesterUuid})),await v.app.hasExtension?(!this.$modules.session.isAuthenticated&&!this.requesterUuid&&x.showAuthenticateModal(),c.get("extension:installed")||(this.showExtensionOnboarding(),c.set("extension:installed",!0))):c.get("webappRecord:onboarded")||(this.showWebappOnboarding(),c.set("webappRecord:onboarded",!0))}showExtensionOnboarding(){g.track({eventName:"Extension Installed",properties:{browser:this.currentBrowser}}),this.showWelcomeMessage=!0,this.showPinExtensionMsg=!0}onShowSteps(){g.track({eventName:"Need Help Clicked"}),this.showHelpSteps=!this.showHelpSteps}showWebappOnboarding(){this.showWelcomeMessage=!0,this.showPinExtensionMsg=!1}async externalInitialization(){var e;this.focusRecordingTab(),await((e=this.recorder)==null?void 0:e.initialize())}async onConversationCreated(e){this.requesterUuid||this.$router.push({name:"Conversation",query:{"auto-copy-link":"true"},params:{uuid:e.conversationUuid}})}async onUploaded(e){if(this.requesterUuid){this.createdConversationUuid=e.conversationUuid,this.showVideoPlayerModal=!0;return}}discardPreviousTake(){var e;(e=this.uploader)==null||e.discard().catch(()=>{}),this.createdConversationUuid=null}async buildBrowserCameraStreamer(){var e,r,t,s;return await v.app.hasExtension?new G({enable:(e=this.recordingSettings)==null?void 0:e.allowCamera,constraints:this.getCamerafullScreenConstraints(),profilPictureUrl:(r=this.$modules.session.user)==null?void 0:r.imageUrl,profilPictureDeviceLabel:this.$i18n.t("RecordBrowserCommon.profilPictureDeviceLabel")}):new S({enable:(t=this.recordingSettings)==null?void 0:t.allowCamera,constraints:this.getCamerafullScreenConstraints(),profilPictureUrl:(s=this.$modules.session.user)==null?void 0:s.imageUrl,profilPictureDeviceLabel:this.$i18n.t("RecordBrowserCommon.profilPictureDeviceLabel")})}async sendToRequester(){await m.conversations.shareToRequester({uuid:this.createdConversationUuid,userUuid:this.requesterUuid}),this.showVideoPlayerModal=!1,this.$AnalyticsTracker.track({eventName:"Conversation Shared To Requester"}),this.$modules.messages.showMessage({type:$.SUCCESS,title:"Your video has been sent \u{1F60A}",content:"Redirecting to the video page..."}),this.$router.push({name:"Conversation",params:{uuid:this.createdConversationUuid}})}focusRecordingTab(){window.postMessage({eventName:"berrycast:focus-recording-tab"},"*")}focusLastTab(){window.postMessage({eventName:"berrycast:focus-last-tab"},"*")}hidePageRecordUI(){window.postMessage({eventName:"berrycast:hide-record-ui"},"*")}showCameraPictureInPicture(){this.focusRecordingTab(),this.recorder.cameraStreamer.once("picture-in-picture:show",()=>this.focusLastTab())}hideCameraPictureInPicture(){this.focusRecordingTab(),this.recorder.cameraStreamer.once("picture-in-picture:hide",()=>this.focusLastTab())}};u([M("videoPlayer")],d.prototype,"videoPlayer",2);u([A("recorder.screenStreamer.stream")],d.prototype,"onScreenStreamChange",1);d=u([_({components:{PageRecordAdvancedSteps:X,RecordUiComponents:k,RecordUiUploadProgress:H,UiButton:q,UiEmptyState:T,UiHeader:E,UiHeading:C,UiLayout:L,UiStack:w,VideoPlayerModal:()=>O(()=>import("./VideoPlayerModal.04f845cf.js"),["assets/VideoPlayerModal.04f845cf.js","assets/index.8c7e38b2.js","assets/index.55499072.css","assets/ConversationVideoPlayer.53ac652c.js","assets/ConversationVideoPlayer.14443a30.css","assets/CustomBrandColorsMixin.2e348c6e.js","assets/ConversationHelper.0f695325.js","assets/ConversationService.d4157193.js","assets/datetime.520a7f7e.js","assets/TimeHelper.9422cdcd.js"]),PrimaryLogo:D}})],d);var Q="/assets/chrome_pin.a6f1a26e.gif",ee=function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("UiLayout",[t("UiHeader",{attrs:{slot:"header"},slot:"header"},[t("PrimaryLogo",{staticClass:"w-full h-[48px] max-w-[164px]",attrs:{path:e.brandLogoUrl?e.brandLogoUrl:"",href:e.brandMasterSiteUrl}})],1),e.recorder&&e.recordState.hasInitialized&&e.recordingSettings.recordingType!=="camera"&&e.recordState.countDownSecondsRemaining===0?[t("UiEmptyState",[t("video",{ref:"videoPlayer",staticClass:"w-full aspect-video mb-6 rounded-md",attrs:{autoplay:""}}),t("UiHeading",{attrs:{size:"4"}},[e._v(e._s(e.$t("PageRecordAdvanced.recording.title")))]),t("p",{staticClass:"text-lg leading-tight"},[e._v(e._s(e.$t("PageRecordAdvanced.recording.subtitle")))])],1

1)]:e.isUploading?t("RecordUiUploadProgress",{attrs:{uploader:e.uploader}}):e.recordState&&e.recordState.countDownSecondsRemaining===0?[e.requesterUuid&&e.requesterData?t("div",{staticClass:"p-8 self-center mx-auto text-center"},[t("UiEmptyState",[t("UiHeading",{attrs:{size:"4"}},[e._v(e._s(e.$t("PageRecordAdvanced.requestMessage.title",{name:e.requesterData.firstname+" "+e.requesterData.lastname})))]),t("p",{staticClass:"text-lg leading-tight"},[e._v(e._s(e.$t("PageRecordAdvanced.requestMessage.excerpt")))])],1),e.showHelpSteps?t("PageRecordAdvancedSteps"):t("UiButton",{attrs:{variant:"plain",pill:""},on:{click:e.onShowSteps}},[e._v(e._s(e.$t("PageRecordAdvanced.requestMessage.needHelpCTA")))])],1):t("UiEmptyState",[t("UiHeading",{attrs:{size:"4"}},[e._v(e._s(e.$t("PageRecordAdvanced.welcomeMessage.steps.title")))]),t("PageRecordAdvancedSteps")],1)]:e._e(),!e.isUploading&&!e.isFinished&&!e.hasUploadingError&&!e.hasProcessingError?t("RecordUiComponents"):e._e(),e.showWelcomeMessage?[e.showPinExtensionMsg?t("div",{staticClass:"fixed inset-0 z-50 bg-slate-900 bg-opacity-90"},[t("div",{staticClass:"bg-white absolute top-0 right-0 shadow-xl p-5 rounded-md m-6 w-72 text-center border border-slate-100 "},[t("figure",{staticClass:"mb-3 border border-slate-100"},[t("img",{attrs:{src:Q}})]),t("p",{staticClass:"mb-4"},[e._v(e._s(e.$t("PageRecordAdvanced.welcomeMessage.pinExtensionMessage")))]),t("p",[t("button",{staticClass:"c-link -underline",on:{click:function(s){e.showPinExtensionMsg=!1}}},[e._v(e._s(e.$t("PageRecordAdvanced.welcomeMessage.doneButtonlabel")))])])])]):e._e()]:e._e(),e.showVideoPlayerModal?t("VideoPlayerModal",{attrs:{conversationUuid:e.createdConversationUuid,actions:e.videoPlayerActions}}):e._e(),e.isSupported?e._e():[t("UiEmptyState",[t("UiHeading",[e._v("Not available for "+e._s(e.currentBrowser)+" yet :(")]),e.requesterData?t("p",{staticClass:"mb-5"},[e._v("Berrycast request video feature works only on Chrome, Edge and Safari browsers.")]):t("p",{staticClass:"mb-5"},[e._v("Berrycast direct recorder is currently available only for Chrome, Edge and Safari browsers.")]),e.$modules.session.isAuthenticated?t("UiButton",{attrs:{to:{name:"Library"}}},[e._v("Back To My Library")]):e._e()],1)]],2)},te=[];const P={};var re=b(d,ee,te,!1,se,"528d19ab",null,null);function se(e){for(let r in P)this[r]=P[r]}var Te=function(){return re.exports}();export{Te as default};