https://murf.ai/static/js/4755.0afd35a7.chunk.js

1"use strict";
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="9fd6c16b-d26d-57c6-8225-234145762e87")}catch(e){}}();
3(self.webpackChunkmurf_web=self.webpackChunkmurf_web||[]).push([[4755],{9001:(e,l,t)=>{t.d(l,{A:()=>r});var n=t(65043),i=t(39832),a=t(96679),s=t(70579);const r=e=>{let{cornerRadius:l,smoothing:t=.8,className:r,children:o,style:d,...c}=e;const u=window.innerWidth<=a.LOf.MD?.5:1,h=(0,n.useRef)(null),v=(0,i.A)(),p=(0,n.useCallback)((()=>{const[e,t=e,n=t,i=n]=l;return{tl:e,tr:t,br:n,bl:i}}),[l]),m=(0,n.useCallback)((()=>{const{tl:e,tr:l,br:t,bl:n}=p();return{topLeft:(e||0)*u,topRight:(l||0)*u,bottomRight:(t||0)*u,bottomLeft:(n||0)*u}}),[u,p]),x=(0,n.useCallback)((e=>{if(!e)return"";let{width:l,height:n}=e;l=Math.ceil(l),n=Math.ceil(n);const{topLeft:i,topRight:a,bottomLeft:s,bottomRight:r}=m(),o=e=>Number(e.toFixed(1)),d=Number((1-t).toFixed(1)),c=o(i*d),u=o(a*d),h=o(r*d),v=o(s*d);let p=`M ${i},0`;return p+=`L ${o(l-a)},0`,p+=`C ${o(l-u)},0 ${l},${o(u)} ${l},${a}`,p+=`L ${l},${o(n-r)}`,p+=`C ${l},${o(n-h)} ${o(l-h)},${n} ${o(l-r)},${n}`,p+=`L ${o(s)},${n}`,p+=`C ${o(v)},${n} 0,${o(n-v)} 0,${o(n-s)}`,p+=`L 0,${i}`,p+=`C 0,${c} ${c},0 ${i},0`,p+" Z"}),[m,t]);return(0,n.useEffect)((()=>{var e,l;const t=null===h||void 0===h||null===(e=h.current)||void 0===e||null===(l=e.getBoundingClientRect)||void 0===l?void 0:l.call(e),n=x(t);h.current&&n&&(h.current.style.clipPath=`path('${n}')`)}),[x,v]),(0,s.jsx)("div",{className:r,style:d,ref:h,...c,children:o})}},27962:(e,l,t)=>{t.d(l,{A:()=>r});var n=t(24682),i=t(98139),a=t.n(i),s=t(70579);const r=e=>{let{radioList:l,handleRadioChange:t,currentValue:i}=e;return(0,s.jsx)(s.Fragment,{children:l.map((e=>(0,s.jsx)("div",{className:a()({"icp-radio-border-selected":(null===e||void 0===e?void 0:e.value)===i,"icp-radio-border":(null===e||void 0===e?void 0:e.value)!==i}),children:(0,s.jsx)(n.sx,{onClick:t,value:null===e||void 0===e?void 0:e.value,label:e.label,className:a()("icp-radio font-inter")})},e.value)))})}},72876:(e,l,t)=>{t.d(l,{A:()=>g});var n=t(24682),i=t(96679),a=t(28017),s=t(42169),r=t(65043),o=t(93076),d=t(9001),c=t(14556),u=t(57546),h=t(37939),v=t(53428),p=t(55293),m=t(70579);const x={[o.hs.GET_STARTED]:"Identification Screen",[o.hs.KNOW_EACH_OTHER]:"Qualification Screen",[o.hs.DEMO_NUDGE]:"Demo Nudge Screen",[o.hs.DEMO]:"Inside Calendly Flow"},N=e=>{var l;let{children:t}=e;const a=(0,s.W6)(),d=(0,c.d4)((e=>e.userState)),v=null===d||void 0===d||null===(l=d.userEnrichDetails)||void 0===l?void 0:l.icpFlow,{getAllParams:p}=(0,u.A)(),x=(0,r.useContext)(h.l7),N=(0,r.useMemo)((()=>(null===d||void 0===d?void 0:d.userEnrichApiStatus)!==i.dOd.success&&(null===d||void 0===d?void 0:d.userEnrichApiStatus)!==i.dOd.error),[null===d||void 0===d?void 0:d.userEnrichApiStatus]);return(0,r.useEffect)((()=>{const e=window.location.pathname,l=p();if(null!==x){if(!N)if((null===o.Yj||void 0===o.Yj?void 0:o.Yj[v])!==e&&null!==o.Yj&&void 0!==o.Yj&&o.Yj[v]){const e=null===o.Yj||void 0===o.Yj?void 0:o.Yj[v];a.push(`${e}${l?`?${l}`:""}`)}else v&&v!==o.hs.DONE||a.push("/user/onboarding"+(l?`?${l}`:""))}else a.push("/studio/login")}),[x,p,a,v,N]),(0,m.jsxs)("div",{className:"position-relative d-flex flex-column icp-wrapper",children:[N?(0,m.jsx)("div",{className:"w-100 h-100 d-flex flex-center",children:(0,m.jsx)(n.y$,{size:40})}):(0,m.jsx)(m.Fragment,{children:t}),(0,m.jsx)("div",{className:"icp-gradient"}),(0,m.jsx)("img",{className:"icp-wave",src:(0,i.Ul6)("v2-assets/rebranding/icp-wave-bg.svg"),alt:""})]})};N.SkipForNow=e=>{let{text:l="Skip for now"}=e;const t=(0,s.W6)(),N=(0,c.wA)(),g=(0,r.useContext)(h.l7),{getAllParams:b}=(0,u.A)(),[f,E]=(0,r.useState)(!1),j=(0,c.d4)((e=>{var l;return null===e||void 0===e||null===(l=e.userState)||void 0===l?void 0:l.icpFlowUpdateApiStatus})),w=(0,c.d4)((e=>{var l,t;return null===(l=e.userState)||void 0===l||null===(t=l.userEnrichDetails)||void 0===t?void 0:t.icpFlow}));return(0,m.jsx)(d.A,{cornerRadius:[20],className:"skip-for-now",children:(0,m.jsx)(n.$n,{className:"w-100 h-100 icp-button-text text-black",intent:a.y["Button-GrayBg"],large:!0,onClick:()=>{(0,i.ENR)(o.No.ICP_SIGNUP_FLOW_SKIPPED,{Screen:x[w]||window.location.pathname}),E(!0),N((0,v.EX)({authUser:g,currentStage:w||o.Yj[o.hs.DONE],isCompleted:!0,possibleNextStep:o.hs.DONE})).finally((()=>{const e=b();t.push("/user/onboarding"+(e?`?${e}`:"")),E(!1)}))},loading:j===i.dOd.loading&&f,children:(0,m.jsx)(p.A,{className:"font-inter icp-button-text",children:l})})})};const g=N},74755:(e,l,t)=>{t.r(l),t.d(l,{default:()=>j});var n=t(65043),i=t(55293),a=t(27962),s=t(24682),r=t(28017),o=t(72876),d=t(91688),c=t(93076),u=t(96679),h=t(14556),v=t(53428),p=t(37939),m=t(33312),x=t(57546),N=t(9001),g=t(70579);const b=[{label:"One-time project",value:"One-time project"},{label:"Once in a while",value:"Once in a while"},{label:"Very Often",value:"Very Often"}],f=[{label:"Just me",value:"Just me"},{label:"2 - 4",value:"2 - 4"},{label:"5 - 20",value:"5 - 20"},{label:"More than 20",value:"More than 20"}],E=[{label:"E-learning/Training Videos",value:"E-learning/Training Videos"},{label:"Product Demos/Explainers",value:"Product Demos/Explainers"},{label:"Marketing Content",value:"Marketing Content"},{label:"Internal Communication",value:"Internal Communication"},{label:"No defined use case yet",value:"No defined use case yet"},{label:"Other",value:"Other"}],j=()=>{const e=(0,d.useHistory)(),l=(0,h.d4)((e=>{var l;return null===e||void 0===e||null===(l=e.userState)||void 0===l?void 0:l.icpFlowUpdateApiStatus}

3)),[t,j]=(0,n.useState)(""),[w,C]=(0,n.useState)(),[A,S]=(0,n.useState)(),$=(0,h.wA)(),{getAllParams:O}=(0,x.A)(),I=(0,n.useContext)(p.l7),y=O(),k=()=>{var l,n;(0,u.ENR)(c.No.ICP_QUALIFICATION_SUCCESS,{"Entry Point":"Signup Flow",Frequency:t,Members:w,Usecase:A}),null!==(l=["More than 20","5 - 20","2 - 4"])&&void 0!==l&&l.includes(w)&&null!==(n=["Very Often","Once in a while"])&&void 0!==n&&n.includes(t)?$((0,v.EX)({authUser:I,currentStage:c.hs.QUALIFICATION,isCompleted:!1,possibleNextStep:c.hs.DEMO_NUDGE})).finally((()=>{const l=null===c.Yj||void 0===c.Yj?void 0:c.Yj[c.hs.DEMO_NUDGE];e.push(`${l}${y?`?${y}`:""}`),(0,m.ZB)(c.iE.DEMO_NUDGE,{Frequency:t,Members:w,Usecase:A})})):$((0,v.EX)({authUser:I,currentStage:c.hs.QUALIFICATION,isCompleted:!0,possibleNextStep:c.hs.DONE})).finally((()=>{e.push("/user/onboarding"+(y?`?${y}`:""))}))};return(0,n.useEffect)((()=>{(0,u.ENR)(c.No.ICP_QUALIFICATION_START,{"Entry Point":"Signup Flow"})}),[]),(0,g.jsxs)(o.A,{children:[(0,g.jsxs)("div",{className:"position-relative d-flex flex-column icp-know-each-other-demo-nudge",children:[(0,g.jsx)(i.A,{className:"text-black font-roboto-flex icp-heading",children:"Let\u2019s Get To Know Each Other!"}),(0,g.jsxs)("div",{className:"d-flex flex-column know-each-other-content",children:[(0,g.jsxs)("div",{children:[(0,g.jsx)(i.A,{className:"text-black font-inter know-each-other-field mb-1",weight:500,children:"How frequently will you create voiceovers?"}),(0,g.jsx)("div",{className:"d-flex flex-wrap gap-8 mt-2",children:(0,g.jsx)(a.A,{radioList:b,handleRadioChange:e=>{j(e.target.value),(0,u.ENR)(c.No.ICP_QUALIFICATION_FREQUENCY_SELECT,{"Entry Point":"Signup Flow",Value:e.target.value})},currentValue:t})})]}),(0,g.jsxs)("div",{children:[(0,g.jsx)(i.A,{className:"text-black font-inter know-each-other-field mb-1",weight:500,children:"How many team members will be using Murf?"}),(0,g.jsx)("div",{className:"d-flex flex-wrap gap-8 mt-2",children:(0,g.jsx)(a.A,{radioList:f,handleRadioChange:e=>{C(e.target.value),(0,u.ENR)(c.No.ICP_QUALIFICATION_MEMBERS_SELECT,{"Entry Point":"Signup Flow",Value:e.target.value})},currentValue:w})})]}),(0,g.jsxs)("div",{children:[(0,g.jsx)(i.A,{className:"text-black font-inter know-each-other-field mb-1",weight:500,children:"What is your primary use case?"}),(0,g.jsx)("div",{className:"d-flex flex-wrap gap-8 mt-2",children:(0,g.jsx)(a.A,{radioList:E,handleRadioChange:e=>{S(e.target.value),(0,u.ENR)(c.No.ICP_QUALIFICATION_USECASE_SELECT,{"Entry Point":"Signup Flow",Value:e.target.value})},currentValue:A})})]})]}),(0,g.jsxs)("div",{className:"icp-desktop",children:[(0,g.jsx)(N.A,{cornerRadius:[16],className:"d-inline-block icp-continue",children:(0,g.jsx)(s.$n,{intent:r.y["Brand-Gradient-Primary"],large:!0,disabled:!t||!w||!A,onClick:k,className:"w-100 h-100",loading:l===u.dOd.loading,children:(0,g.jsx)(i.A,{className:"font-inter icp-button-text",children:"Continue"})})}),(0,g.jsx)(o.A.SkipForNow,{})]})]}),(0,g.jsxs)("div",{className:"icp-mobile",children:[(0,g.jsx)(s.$n,{className:"icp-continue",intent:r.y["Brand-Gradient-Primary"],large:!0,disabled:!t||!w||!A,onClick:k,loading:l===u.dOd.loading,children:(0,g.jsx)(i.A,{className:"font-inter icp-button-text",children:"Continue"})}),(0,g.jsx)(o.A.SkipForNow,{})]})]})}}}]);
4//# sourceMappingURL=4755.0afd35a7.chunk.js.map
5//# debugId=9fd6c16b-d26d-57c6-8225-234145762e87