https://www.theprose.com/_next/static/chunks/pages/p/intro-331718b697dce63cf718.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4555],{7196:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return I}});var i,r=t(1717),o=t(48710),a=t.n(o),s=t(27378),l=t(38566),c=t(98784),u=t(44870),d=t(52077),_=t(74300),v=t(5104),b=t(98725),h=t(50301),f=t(54409),m=t(24246);!function(e){e.WELCOME="WELCOME",e.PROFILE="PROFILE"}(i||(i={}));var p,k=[i.WELCOME,i.PROFILE],x=s.createContext(null),g=function(e){var n=e.children,t=(0,f.Oy)(),r=(0,s.useState)(t.username||""),o=(0,s.useState)(t.email||""),a=(0,s.useState)(t.bio||""),p=(0,s.useRef)(),g=(0,v.z)(),E=(0,s.useState)(!1),j=E[0],N=E[1],w=!!(0,_.Kx)().forAdvertisers||!!u.K.get(u.B.ADVERTISER_INTRO),C=(0,s.useState)(k[0]),O=C[0],y=C[1],L=(0,d.Io)(),R=(0,l.Z)(L,2),T=R[0],P=R[1],I=(0,h.eR)(),S=(0,h.bq)();(0,s.useEffect)((function(){window.scrollTo(0,0)}),[O]);var W=(0,s.useCallback)((function(){var e=(0,c.indexOf)(k,O);y(k[e+1])}),[O]),B=(0,s.useCallback)((function(){var e=(0,c.indexOf)(k,O);y(k[Math.max(0,e-1)])}),[O]),M=(0,s.useCallback)((function(){g.event(b.s.COMPLETED_INTRO),T({tutorial_complete:!0}).then((function(){return I("/")}))}),[T,I,g]),Z=(0,s.useCallback)((function(){switch(O){case i.WELCOME:W();break;case i.PROFILE:T({email:o[0],username:r[0],bio:a[0],avatar:p.current.getBlob()}).then(M).catch(S);break;default:W()}}),[W,w,O,M,r,o,a,p,S]);return(0,m.jsx)(x.Provider,{value:{advertising:w,slide:O,next:Z,back:B,skip:function(){N(!0),M()},isSkipped:j,username:r,email:o,bio:a,imageRef:p,updateUserLoading:P},children:n})},E=t(60042),j=t.n(E),N=t(40384),w=function(){var e=(0,s.useContext)(x),n=e.slide,t=e.back,o=e.skip,l=e.next,c=e.isSkipped,u=e.updateUserLoading;return(0,m.jsxs)("div",{className:a()["intro-nav"],children:[(0,m.jsx)("div",{onClick:t,className:j()("".concat(a()["intro-nav-button"]," ").concat(a()["intro-nav-button--back"]),(0,r.Z)({},a()["intro-nav-button--hidden"],n===i.WELCOME)),children:"Back"}),(0,m.jsxs)("div",{className:a()["intro-nav-right"],children:[(0,m.jsx)("div",{onClick:o,className:"".concat(a()["intro-nav-button"]," ").concat(a()["intro-nav-button--back"]),children:"Skip"}),(0,m.jsx)(N.Kk,{title:"Continue",onClick:l,type:N.m5.BLUE,loading:u&&!c})]})]})},C=t(87065),O=t(37023),y=t(64426),L=t(92985),R=t(36954),T=(p={},(0,r.Z)(p,i.WELCOME,(function(){return(0,s.useContext)(x).advertising?(0,m.jsxs)("div",{className:a()["intro-block"],children:[(0,m.jsx)("h1",{className:a()["intro-welcome-title"],children:"Thank you for Choosing Prose."}),(0,m.jsx)("h2",{className:a()["intro-welcome-text"],children:"Prose. is home to a vivid community of readers and writers, powered by a shared love of words, poetry, and Prose. Whether you are marketing a website, blog, book, service, or product, you can reach a unique, highly targeted audience of bookworms and literature enthusiasts."})]}):(0,m.jsx)("div",{className:a()["intro-block"],children:(0,m.jsx)("h1",{className:a()["intro-welcome-title"],children:"Welcome home."})})})),(0,r.Z)(p,i.PROFILE,(function(){var e=(0,f.Oy)(),n=(0,s.useContext)(x),t=n.advertising,i=(0,l.Z)(n.username,2),r=i[0],o=i[1],c=(0,l.Z)(n.email,2),u=c[0],d=c[1],_=(0,l.Z)(n.bio,2),v=_[0],b=_[1],h=n.imageRef,p=t?"Add a profile picture and link your website in your bio for a little extra exposure.":"This is you right? Develop your character a little.";return(0,m.jsxs)("div",{className:a()["intro-block"],children:[(0,m.jsx)("div",{className:a()["intro-heading"],children:p}),(0,m.jsxs)("div",{className:a()["intro-card-container"],children:[(0,m.jsx)("div",{className:a()["intro-profile-image"],children:(0,m.jsx)(y.z,{imageClass:a()["intro-avatar-editor"],dimensions:{width:200,height:200},src:(0,L.HK)(e),ref:h})}),(0,m.jsx)(C.G,{title:"Username",value:r,setValue:o}),(0,m.jsx)(C.G,{title:"Email",value:u,setValue:d}),(0,m.jsx)(O.t,{title:"Bio",value:v,setValue:b})]})]})})),p),P=function(){var e=(0,s.useContext)(x).slide,n=T[e];return(0,m.jsx)(n,{})},I=function(){return(0,f.Oy)()?(0,m.jsx)(g,{children:(0,m.jsxs)(R.$k,{children:[(0,m.jsx)("div",{className:a()["intro-page"],children:(0,m.jsx)(P,{})}),(0,m.jsx)(w,{})]})}):null}},81329:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/p/intro",function(){return t(7196)}])},48710:function(e){e.exports={"intro-page":"intro_intro-page__3NoET","portal-banner":"intro_portal-banner__3yXBW","portal-banner-checkable":"intro_portal-banner-checkable__1UciC","portal-banner-image":"intro_portal-banner-image__VyRle","portal-banner--selected":"intro_portal-banner--selected__BKnR0","portal-view-info":"intro_portal-view-info__1LOly","intro-block":"intro_intro-block__NJN_R","intro-block--people":"intro_intro-block--people__1T7vk","intro-welcome-title":"intro_intro-welcome-title__2-ywU","intro-welcome-text":"intro_intro-welcome-text__29v33","intro-nav":"intro_intro-nav__1Xsky","intro-nav-button":"intro_intro-nav-button__3ymHX","intro-nav-button--skip":"intro_intro-nav-button--skip__3bNEC","intro-nav-button--hidden":"intro_intro-nav-button--hidden__3nqaB","intro-nav-right":"intro_intro-nav-right__1zt1N","intro-heading":"intro_intro-heading__nTl3X","intro-card-container":"intro_intro-card-container__109Z0","intro-profile-image":"intro_intro-profile-image__324HU","intro-avatar-editor":"intro_intro-avatar-editor__1FE8I","gold-features":"intro_gold-features__2jjvv","gold-feature":"intro_gold-feature__1uJqD","gold-feature-bubble":"intro_gold-feature-bubble__3F1YN",slide:"intro_slide__1fTh8"}}},function(e){e.O(0,[9774,6761,6261,935,1024,2482,3448,5170,8050,848,2319,5275,7064,2354,5511,6939,6605,9832,1414,4317,4984,6376,2849,4633,2182,4245,6530,8480,5748,7987,2436,5629,5621,9046,9563,2947,2888,2183,179],(function(){return n=81329,e(e.s=n);var n}));var n=e.O();_N_E=n}]);