https://www.berrycast.com/assets/OnboardingWizard.d5b49ef0.js

1import{h,s as c,S as d,X as _,g,a as v,Y as m,C as f,P as S,Z as C,U as x,$ as b,a0 as w,a1 as y,T as U,w as A,a2 as o,n as D}from"./index.a83a0d04.js";import{U as P}from"./UiDivider.40509c76.js";import{U as E}from"./UiField.3a8c4792.js";import{_ as u}from"./ico-arrow-right.7f6f88bb.js";var k=Object.defineProperty,O=Object.getOwnPropertyDescriptor,I=(t,i,e,a)=>{for(var s=a>1?void 0:a?O(i,e):i,r=t.length-1,n;r>=0;r--)(n=t[r])&&(s=(a?n(i,e,s):n(s))||s);return a&&s&&k(i,e,s),s};let l=class extends h(S){constructor(){super(...arguments),this.onboardingIndex=0,this.isDownloading=!1,this.useChromeExtension=!1,this.whereHear="",this.STEPS={EMAIL_VALIDATION:0,JOB_ROLE:1,TEAM_SIZE:2,WHERE_HEAR:3,DOWNLOAD_APP:4,INDUSTRY:999}}mounted(){this.$AnalyticsTracker.track({eventName:"Onboarding Started",properties:{isChrome:this.$config.app.isChrome,isSafari:this.$config.app.isSafari,isDesktop:this.$config.app.isDesktop,isMsTeams:this.$config.app.isMsTeams,isMobileDevice:this.$config.app.isMobileDevice}}),this.$modules.session.user.hasValidEmail?this.toNextStep():c.on("email:validated",this.toNextStep)}destroyed(){c.off("email:validated",this.toNextStep)}async toNextStep(){if(++this.onboardingIndex,this.onboardingIndex===this.STEPS.DOWNLOAD_APP&&(d.remove("isNewAccount"),await _.refreshSession(),this.$config.app.isDesktop||this.$config.app.isMobileDevice)){this.$router.push(this.$AuthenticateService.getDefaultAuthenticatedRoute());return}}toggleWhereHear(t){const i=this.whereHear===""?[]:this.whereHear.split(","),e=i.find(a=>a===t);e?i.splice(i.indexOf(e),1):i.push(t),this.whereHear=i.join(",")}onClickDownload(t){t.preventDefault(),this.$AnalyticsTracker.track({eventName:"App Downloaded",properties:{from:"User Onboarding"}}),this.isDownloading=!0,window.location.href=this.$modules.applicationDownloadUrl.url}onClickChromeExtension(t){t.preventDefault(),this.$AnalyticsTracker.track({eventName:"Install Extension Clicked",properties:{from:"User Onboarding"}}),window.location.href=this.$config.app.chromeExtensionUrl}async setUserProperty(t,i){await g.put({url:"/user/preferences",data:[{name:t,value:i}]}),this.$AnalyticsTracker.setUserProperties({[t]:i}),this.toNextStep()}hasCompletedOnboarding(){this.$AnalyticsTracker.track({eventName:"User Onboarding Completed"}),d.set("download-app-banner",{show:!0}),window.location.href=this.$router.resolve(this.$AuthenticateService.getDefaultAuthenticatedRoute()).href}async logout(){this.$AuthenticateService.logout()}async sendValidationEmail(){await v.user.sendValidationEmail(),this.$modules.messages.showMessage({type:m.SUCCESS,content:"Email sent with success."})}};l=I([f({components:{PrimaryLogo:C,UiButton:x,UiDivider:P,UiField:E,UiHeader:b,UiHeading:w,UiLayout:y,UiStack:U}})],l);var $=function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("UiLayout",[e("UiHeader",{attrs:{slot:"header"},slot:"header"},[e("PrimaryLogo",{staticClass:"h-[48px] w-full max-w-[164px]",attrs:{path:A}})],1),e("div",{staticClass:"p-8 mx-auto text-center flex flex-col justify-center items-center relative h-full"},[e("div",{staticClass:"max-w-2xl"},[t.breakpointUp("sm")?e("ul",{staticClass:"inline-flex gap-12 text-sm mb-12 bg-slate-100 rounded-full p-4"},[e("li",{staticClass:"flex gap-1 items-center text-layout-secondary-400",class:{"font-bold -completed":t.onboardingIndex!==t.STEPS.EMAIL_VALIDATION,"-doing":t.onboardingIndex===t.STEPS.EMAIL_VALIDATION}},[e("inline-svg",{staticClass:"w-5 h-auto",attrs:{slot:"start",src:o},slot:"start"}),t._v("Sign Up")],1),e("li",{staticClass:"flex gap-1 items-center",class:{"font-bold -completed":t.onboardingIndex===t.STEPS.DOWNLOAD_APP,"-doing":t.onboardingIndex>t.STEPS.EMAIL_VALIDATION&&t.onboardingIndex<t.STEPS.DOWNLOAD_APP}},[e("inline-svg",{staticClass:"w-5 h-auto",attrs:{slot:"start",src:o},slot:"start"}),t._v("Profile Configuration")],1),e("li",{staticClass:"flex gap-1 items-center",class:{"-doing":t.onboardingIndex===t.STEPS.DOWNLOAD_APP}},[e("inline-svg",{staticClass:"w-5 h-auto",attrs:{slot:"start",src:o},slot:"start"}),t._v("Launch Recorder")],1)]):t._e(),e("div",{staticClass:"max-w-screen-md"},[t.onboardingIndex===t.STEPS.EMAIL_VALIDATION?[e("UiHeading",{staticClass:"mb-5",attrs:{size:"3"}},[t._v("Please validate your email address to continue your signup process.")

1]),e("div",{staticClass:"mb-3"},[t._v("An email was sent to "),e("b",[t._v(t._s(t.$modules.session.user.email))]),t._v(".")]),e("div",{staticClass:"italic"},[t._v("Can't find the email? Check your spam or "),e("span",{staticClass:"underline cursor-pointer",on:{click:t.sendValidationEmail}},[t._v("resend it.")])]),e("div",{staticClass:"italic"},[t._v("Email misspelled? "),e("span",{staticClass:"underline cursor-pointer",on:{click:t.logout}},[t._v("Click here to retry.")])])]:t._e(),t.onboardingIndex===t.STEPS.JOB_ROLE?[e("UiHeading",{staticClass:"mb-5",attrs:{size:"3"}},[t._v("What is your use case with Berrycast?")]),e("UiStack",{staticClass:"mt-8",attrs:{wrap:"",gap:"sm",justify:"center"}},t._l(t.$t("onboarding.role"),function(a,s){return e("UiButton",{key:s,attrs:{pill:"",size:"lg"},on:{click:function(r){return t.setUserProperty("job_role",s)}}},[t._v(t._s(a))])}),1)]:t.onboardingIndex===t.STEPS.TEAM_SIZE?[e("UiHeading",{staticClass:"mb-5",attrs:{size:"3"}},[t._v("What\u2019s your current team size?")]),e("UiStack",{staticClass:"mt-8",attrs:{wrap:"",gap:"sm",justify:"center"}},t._l(t.$t("onboarding.size"),function(a,s){return e("UiButton",{key:s,attrs:{pill:"",size:"lg"},on:{click:function(r){return t.setUserProperty("team_size",s)}}},[t._v(t._s(a))])}),1)]:t.onboardingIndex===t.STEPS.WHERE_HEAR?[e("UiHeading",{staticClass:"mb-5",attrs:{size:"3"}},[t._v("Where did you hear from us?")]),e("UiStack",{staticClass:"mt-8",attrs:{wrap:"",gap:"sm",justify:"center"}},t._l(t.$t("onboarding.whereHear"),function(a,s){return e("UiButton",{key:s,attrs:{variant:t.whereHear.includes(s)?"primary":"default",pill:"",size:"lg"},on:{click:function(r){return t.toggleWhereHear(s)}}},[t._v(t._s(a))])}),1),e("div",{staticClass:"flex flex_end justify-end"},[e("UiButton",{attrs:{disabled:t.whereHear.length===0,variant:"secondary",pill:""},on:{click:function(a){return t.setUserProperty("where_hear",t.whereHear)}}},[t._v("Next")])],1)]:t.onboardingIndex===t.STEPS.INDUSTRY?[e("UiHeading",{staticClass:"mb-5",attrs:{size:"3"}},[t._v("What industry are you in?")]),e("UiStack",{staticClass:"mt-8",attrs:{wrap:"",gap:"sm",justify:"center"}},t._l(t.$t("onboarding.industry"),function(a,s){return e("UiButton",{key:s,attrs:{pill:"",size:"lg"},on:{click:function(r){return t.setUserProperty("industry",s)}}},[t._v(t._s(a))])}),1)]:t.onboardingIndex===t.STEPS.DOWNLOAD_APP&&!t.isDownloading&&!t.useChromeExtension?[e("UiStack",{attrs:{gap:"lg",direction:"vertical"}},[e("div",[e("UiHeading",{staticClass:"mb-3",attrs:{size:"3"}},[t._v("Record your first video")]),e("p",{staticClass:"text-lg"},[t._v("Download our desktop app to launch the recorder. It's faster, easier and more reliable.")]),e("UiStack",{staticClass:"mx-auto my-5",attrs:{align:"center",justify:"center",direction:t.breakpointUp("sm")?"horizontal":"vertical"}},[e("div",{staticClass:"relative"},[t.isDownloading?t._e():e("UiButton",{attrs:{variant:"secondary",target:"_blank",size:"xl",pill:""},on:{click:t.onClickDownload}},[t._v("Download Application")]),e("span",{staticClass:"text-xs top-full m-2 left-1/2 -translate-x-1/2 whitespace-nowrap ",class:{absolute:t.breakpointUp("sm")}},[t._v("Compatible with Windows & Mac")])],1),t._v("or"),e("div",[e("UiButton",{attrs:{as:"button",variant:"plain",pill:""},on:{click:t.hasCompletedOnboarding}},[e("inline-svg",{staticClass:"w-5 h-auto",attrs:{slot:"end",src:u},slot:"end"}),t._v("Continue to my Library")],1)],1)])],1)])]:t.onboardingIndex===t.STEPS.DOWNLOAD_APP&&t.isDownloading?[e("UiHeading",{staticClass:"mb-3",attrs:{size:"3"}},[t._v("Your desktop application is being downloaded...")]),e("p",{staticClass:"text-lg mb-5"},[t._v("While you're downloading the desktop application, watch your first Berrycast video in your "),e("RouterLink",{attrs:{to:{name:"Shared"}}},[t._v("Shared video section")]),t._v(". It's a great way to learn how to use the application effectively.")],1)]:t.onboardingIndex===t.STEPS.DOWNLOAD_APP&&t.useChromeExtension?[e("UiStack",{attrs:{gap:"lg"}},[e("div",[e("UiHeading",{staticClass:"mb-3",attrs:{size:"3"}},[t._v("Record your first video")]),e("p",{staticClass:"text-lg  w-full"},[t._v("You can install our Chrome extension to record your screen, which launches directly in the browser.")]),e("UiStack",{staticClass:"mt-5 text-sm",attrs:{align:"center",justify:"center",direction:t.breakpointUp("sm")?"horizontal":"vertical"}},[e("div",[e("UiButton",{attrs:{size:"xl",variant:"secondary",pill:""},on:{click:t.onClickChromeExtension}},[t._v("Install Chrome Extension")])],1)])],1)])]:t._e()],2),t.onboardingIndex===t.STEPS.DOWNLOAD_APP?e("div",{staticClass:"w-full"},[t.isDownloading?e("UiButton",{staticClass:"mt-5",attrs:{as:"button",variant:"plain",pill:""},on:{click:t.hasCompletedOnboarding}},[e("inline-svg",{staticClass:"w-5 h-auto",attrs:{slot:"end",src:u},slot:"end"}

1),t._v("Go to Shared Video")],1):t._e()],1):t._e()])])],1)},T=[];const p={};var L=D(l,$,T,!1,H,"a2508c66",null,null);function H(t){for(let i in p)this[i]=p[i]}var R=function(){return L.exports}();export{R as default};