https://storyweaver.org.in/assets/RpOnboardingModalContainer.DmWPrNj_.js

1import{r as e,j as a}from"./react-vendor.B75MsAI9.js";import{u as s,a6 as l,d4 as o,a as r,w as n,i as t,Q as i,M as c,U as d,ak as u,o as m,T as p,S as _,cz as h,a4 as g,t as v,p as f,d_ as b,d$ as x,e0 as y,H as N,cZ as j,e1 as $,e2 as S,e3 as C,e4 as k,g as T}from"./AuthModalContainer.CwDh3qj_.js";import{s as q}from"./indianStatesDistricts.Dup4ED2A.js";const w=({parentClassName:g,backgroundUrl:v,viewport:f,onGetStarted:b,selectUserType:x,selectNumberOfStudents:y,landingPageContent:N,rpUserType:j,rpsSelectNumberOfStudents:$,onClose:S,getGoaSchoolDetails:C,fluencyLevel:k,profile:T,nextStageEnabled:w,onNext:O})=>{var L,V,F,R,D,E,U,P,B;s();const[G,I]=e.useState(1),[M,z]=e.useState(""),[Q,A]=e.useState(""),[W,H]=e.useState(""),[K,Z]=e.useState(""),[J,X]=e.useState(""),[Y,ee]=e.useState(""),[ae,se]=e.useState(""),[le,oe]=e.useState(""),[re,ne]=e.useState(""),[te,ie]=e.useState(""),[ce,de]=e.useState(""),[ue,me]=e.useState(""),[pe,_e]=e.useState(""),[he,ge]=e.useState("");e.useEffect(()=>{const e=e=>{e.keyCode===h.return&&w&&O()};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[w,O]),e.useEffect(()=>{ue===l.cbse?(se(""),oe(""),z(""),H(""),A(""),ee(""),Z(""),X(""),ne("")):ue===l.goa&&(se(""),ge(""),H(""),_e(""),Z(l.government),X(l.primary),ne(""))},[ue]);const ve=e.useCallback(()=>{I(2),window.dataLayer.push({category:n.readingProgram,event:r.clickedProceed,label:ue,item_value:o[k-1],item_type:null,item_id:null,user_id:T.id,user_profile:T.profile_type})},[ue,k,T]),fe=e.useCallback(()=>{I(1),x("")},[x]),be=e.useCallback((e,a,s)=>{const l=new RegExp(`^[0-9\b]{0,${s}}$`);"schoolName"===a&&ge(e.target.value),(""===e.target.value||l.test(e.target.value))&&("affiliationNo"===a?se(e.target.value):"cbseSchoolNo"===a?oe(e.target.value):"schoolName"===a&&ge(e.target.value))},[]),xe=e.useCallback(async(e,a,s)=>{var o;if(s===l.goa){if(C)try{const s=await C(e,a);if(s&&s.ok){const e=s.data.school_data;ge(e.school_name),H(e.district),_e(e.block_name),Z(e.school_type),X(e.school_category),ne("")}else ge(""),H(""),_e(""),Z(l.government),X(l.primary),ne((null==(o=null==s?void 0:s.data)?void 0:o.error_msg)||"")}catch(r){ne("An error occurred")}}else ne($e(a,[6,7]))},[C]),ye=e.useCallback((e,a)=>{"countryName"===e&&(A(""),H(""),Z(""),X(""),ee("")),"indianState"===e&&H(""),"countryName"===e?z(a):"indianState"===e?A(a):"indianDistrict"===e?H(a):"typeOfSchool"===e?Z(a):"levelOfSchool"===e?X(a):"cbseRegion"===e?ee(a):"block"===e&&_e(a),de("")},[]),Ne=e.useCallback(e=>{for(var a in e)if(e[a]);else if(!M||"India"===M||"state"!==a&&"district"!==a)return!1;return!0},[M]),je=e.useCallback(()=>{var e;let a=[];if(null==N?void 0:N.userType)switch(ue){case l.cbse:a=N.userType.filter(e=>e.value===l.parent||e.value===l.coOrdinator);break;case l.goa:a=N.userType.filter(e=>e.value===l.parent||e.value===l.student||e.value===l.coOrdinator);break;default:a=[]}return a.length>0&&a.find(e=>e.value===j)?null==(e=null==N?void 0:N.goaRpEnrollModal)?void 0:e.roleWarning:null},[N,ue,j]),$e=e.useCallback((e,a)=>{let s="";return e&&a.includes(e.toString().length)||(s=l.rpError),s},[]),Se=e.useCallback(e=>{let a={};e===l.cbse?a={school_number:le,affiliation_number:ae,country:M,state:Q,district:W,type_of_school:K,level_of_school:J,cbsc_regions:Y}:e===l.goa&&(a={schoolName:he,...K!==l.private&&{udiseCode:ae},district:W,block:pe,...K!==l.private&&{level_of_school:J},type_of_school:K}),e===l.cbse&&(ne($e(ae,[6,7])),ie($e(le,[5,6,7]))),Ne(a)?re||te||!Ne(a)||b(e,a):de("* All fields are required")},[le,ae,M,Q,W,K,J,Y,he,pe,$e,Ne,re,te,b]),Ce="pb-rp-onboarding-modal",{enrollmentDialogData:ke,goaRpEnrollModal:Te}=N||{},qe=new URL(window.location.href).searchParams.get("language");let we=[],Oe=q.map(e=>e.state);Q&&(we=q.filter(e=>e.state===Q));const Le={[Ce]:!0,[g]:g,[`${Ce}--rtl`]:t(qe)};let Ve=["en","hi"],Fe=["en","mr","kok"],Re=[];Te&&Te.dropdownOptions&&Te.dropdownOptions.forEach(e=>{switch(e.value){case"cbse_rp":Ve.includes(qe)&&Re.push({name:e.title,queryValue:e.value});break;case"goa_rp":Fe.includes(qe)&&Re.push({name:e.title,queryValue:e.value});break;default:Re.push({name:e.title,queryValue:e.value})}});const De=N&&N.userType&&j===(null==(L=N.userType[0])?void 0:L.value),Ee=N&&N.userType&&j===(null==(V=N.userType[1])?void 0:V.value),Ue=N&&N.userType&&j===(null==(F=N.userType[4])?void 0:F.value),Pe=!(ue!==l.cbse||le&&ae&&M&&("india"!==M||Q&&W)&&K&&J&&Y),Be=ue===l.goa&&(re||!he||!ae&&K!==l.private||!pe||!Q||!W||!K||!J);let Ge=(ue===l.goa||ue===l.cbse)&&(De||Ue),Ie=ke&&(De||Ue)?ke.totalStudentsTeacher:Ee?ke.totalStudentsCoordinator:null;const Me=()=>{var e,s;return a.jsxs("div",{className:`${Ce}__form-secondary-group`,children:[a.jsxs("div",{className:`${Ce}__form-group`,children:[a.jsxs("span",{className:`${Ce}__form-body-label`,children:[l.schoolType," ",a.jsx("span",{className:`${Ce}__required`,children:"*"})," "]}),a.jsx(u,{parentClassName:`${Ce}__dropdown`,id:"type",textFieldLabel:"Search",value:K,options:[{name:l.selectType,queryValue:""},...ue===l.cbse?l.typeOfSchool.map(e=>({name:e,queryValue:e})):(null==(e=null==Te?void 0:Te.goaSchoolTypes)?void 0:e.map(e=>({name:e.title,queryValue:e.value})))||[]],height:"m",rp:!0,onChange:e=>

1ye("typeOfSchool",e),autoFocus:!0})]}),ue!==l.goa&&a.jsxs("div",{className:`${Ce}__form-group`,children:[a.jsxs("span",{className:`${Ce}__form-body-label`,children:[l.schoolLevel," ",a.jsx("span",{className:`${Ce}__required`,children:"*"})," "]}),a.jsx(u,{parentClassName:`${Ce}__dropdown`,id:"level",textFieldLabel:"Search",value:J,options:[{name:l.selectLevel,queryValue:""},...ue===l.cbse?l.levelOfSchool.map(e=>({name:e,queryValue:e})):(null==(s=null==Te?void 0:Te.goaSchoolLevels)?void 0:s.map(e=>({name:e.title,queryValue:e.value})))||[]],height:"m",rp:!0,onChange:e=>ye("levelOfSchool",e),autoFocus:!0})]})]})};return a.jsx("div",{className:i(Le),children:a.jsx(c,{onClose:S,fillViewport:!f.medium,noContentPadding:!0,noDimensionRestrictionsWithMaxWidth:!0,children:Re.length<=0?a.jsx(d,{}):a.jsxs("div",{className:`${Ce}__form-container`,children:[1===G&&(Ve.includes(qe)||Fe.includes(qe))?a.jsxs("div",{children:[a.jsx("div",{className:`${Ce}__form-head`,children:Te&&Te.header}),a.jsx("div",{className:`${Ce}__form-fields`,children:a.jsxs("div",{className:`${Ce}__form-group`,children:[a.jsxs("div",{className:`${Ce}__form-group`,children:[a.jsx("span",{className:`${Ce}__form-body-label`,children:Te&&Te.dropdownHeader}),a.jsx(u,{parentClassName:`${Ce}__modal-dropdown`,id:"campaign",value:ue,options:[{name:l.selectCampaign,queryValue:""},...Re],height:"m",rp:!0,onChange:e=>{me(e),e===l.goa&&(A(l.goaState),Z(l.government),X(l.primary))},autoFocus:!0,noSearchBar:!0})]}),a.jsxs("div",{className:`${Ce}__modal-list`,children:[ue&&Te&&Te.instructionsText,a.jsx("ul",{children:Te&&ue&&(null==(E=null==(D=null==(R=Te.dropdownOptions)?void 0:R.find(e=>e.value===ue))?void 0:D.instructions)?void 0:E.map((e,s)=>a.jsx("li",{children:e},s)))})]}),a.jsx("div",{className:`${Ce}__get-start-button-wrapper`,children:a.jsx(m,{disabled:!ue,variant:"primary",size:"xl",label:Te&&Te.proceedText,onClick:ve})})]})})]}):a.jsxs("div",{className:`${Ce}__form-sub-container`,children:[a.jsx("div",{className:`${Ce}__form-head`,children:ke&&ke.heading}),a.jsx("div",{className:`${Ce}__form-body-label`,children:ke&&ke.firstQuery}),a.jsx("div",{className:`${Ce}__form-button-group`,children:null==(U=null==N?void 0:N.userType)?void 0:U.map((e,s)=>a.jsx(m,{parentClassName:j===e.value?`${Ce}__button-user-type--active`:`${Ce}__button--user-type`,label:e.displayText,onClick:()=>x(e.value)},s))}),(De||Ee||Ue)&&a.jsxs("div",{className:`${Ce}__form-group`,children:[a.jsxs("div",{className:`${Ce}__form-body-label`,children:[ke&&ke.secondQuery,a.jsx("p",{children:l.thirdQuerySubText})]}),a.jsx("div",{className:`${Ce}__form-button-group`,children:Ie&&Ie.map((e,s)=>a.jsx(m,{parentClassName:$===e?`${Ce}__button--active`:`${Ce}__button`,label:e,onClick:()=>y(e)},s))})]}),Ge&&a.jsx("div",{children:a.jsxs("div",{className:`${Ce}__form-fields`,children:[ue===l.goa&&Me(),a.jsx("hr",{}),a.jsxs("div",{className:`${Ce}__form-secondary-group`,children:[(ue===l.cbse||ue===l.goa&&K!==l.private)&&a.jsxs("div",{className:`${Ce}__form-group`,children:[a.jsxs("div",{className:`${Ce}__form-body-label`,children:["cbse_rp"===ue?l.affiliationNo:null==N?void 0:N.schoolUdiseText," ",a.jsx("span",{className:`${Ce}__required`,children:"*"})]}),a.jsx("div",{className:`${Ce}__form-button-group`,children:a.jsx(p,{parentClassName:`${Ce}__input`,id:"affiliation-no",value:ae,onBlur:()=>xe(qe,ae,ue),onChange:e=>{ne(""),ge(""),be(e,"affiliationNo",ue===l.cbse?7:11)}})}),ue===l.goa&&a.jsx("p",{className:`${Ce}__error`,children:l.udiseText}),a.jsx("span",{className:`${Ce}__error`,children:re})]}),ue===l.cbse&&a.jsxs("div",{className:`${Ce}__form-group`,children:[a.jsxs("div",{className:`${Ce}__form-body-label`,children:[l.cbseSchoolNo," ",a.jsx("span",{className:`${Ce}__required`,children:"*"})]}),a.jsx("div",{className:`${Ce}__form-button-group`,children:a.jsx(p,{parentClassName:`${Ce}__input`,id:"school-no",value:le,onBlur:()=>ie($e(le,[5,6,7])),onChange:e=>{ie(""),be(e,"cbseSchoolNo",7)}})}),a.jsx("span",{className:`${Ce}__error`,children:te})]}),ue===l.goa&&a.jsxs("div",{className:`${Ce}__form-group`,children:[a.jsxs("div",{className:`${Ce}__form-body-label`,children:[null==N?void 0:N.blockNameText," ",a.jsx("span",{className:`${Ce}__required`,children:"*"})]}),a.jsx("div",{className:`${Ce}__form-button-group`,children:a.jsx(p,{parentClassName:`${Ce}

1__input`,id:"school-name",value:he,onChange:e=>be(e,"schoolName")})})]})]}),a.jsx("hr",{}),a.jsxs("div",{className:`${Ce}__form-secondary-group`,children:[ue===l.cbse&&a.jsxs("div",{className:`${Ce}__form-group`,children:[a.jsxs("span",{className:`${Ce}__form-body-label`,children:[l.country," ",a.jsx("span",{className:`${Ce}__required`,children:"*"})," "]}),a.jsx(u,{parentClassName:`${Ce}__dropdown`,id:"country",textFieldLabel:"Search",value:M,options:[{name:l.selectCountry,queryValue:""},...l.cbseCountries.map(e=>({name:e,queryValue:e}))],height:"m",rp:!0,onChange:e=>ye("countryName",e),autoFocus:!0})]}),("India"===M&&ue===l.cbse||ue===l.goa)&&a.jsxs("div",{className:`${Ce}__form-group`,children:[a.jsxs("span",{className:`${Ce}__form-body-label`,children:[l.state,a.jsx("span",{className:`${Ce}__required`,children:"*"}),"  "]}),a.jsx(u,{parentClassName:`${Ce}__dropdown`,id:"state",disabled:ue===l.goa,textFieldLabel:"Search",value:Q,options:[{name:l.selectState,queryValue:""},...Oe.map(e=>({name:e,queryValue:e}))],height:"m",rp:!0,onChange:e=>ye("indianState",e),autoFocus:!0})]}),we.length>0&&a.jsxs("div",{className:`${Ce}__form-group`,children:[a.jsxs("span",{className:`${Ce}__form-body-label`,children:[l.district," ",a.jsx("span",{className:`${Ce}__required`,children:"*"})," "]}),a.jsx(u,{parentClassName:`${Ce}__dropdown`,id:"district",textFieldLabel:"Search",value:W,options:[{name:l.selectDistrict,queryValue:""},...ue===l.cbse?(null==(B=null==(P=we[0])?void 0:P.districts)?void 0:B.map(e=>({name:e,queryValue:e})))||[]:(null==Te?void 0:Te.goaDistrictData)||[]],height:"m",rp:!0,onChange:e=>ye("indianDistrict",e),autoFocus:!0})]}),ue!==l.cbse&&(null==Te?void 0:Te.goaBlockData)&&a.jsxs("div",{className:`${Ce}__form-group`,children:[a.jsxs("div",{className:`${Ce}__form-body-label`,children:["Block"," ",a.jsx("span",{className:`${Ce}__required`,children:"*"})]}),a.jsx(u,{parentClassName:`${Ce}__dropdown`,id:"block",textFieldLabel:"Search",value:pe,options:[{name:l.selectBlock,queryValue:""},...Te.goaBlockData.map(e=>({name:e.title,queryValue:e.value}))],height:"m",rp:!0,onChange:e=>ye("block",e),autoFocus:!0})]})]}),a.jsx("hr",{}),ue===l.cbse&&Me(),ue===l.cbse&&a.jsxs("div",{className:`${Ce}__form-group`,children:[a.jsxs("span",{className:`${Ce}__form-body-label`,children:[l.cbseRegion," ",a.jsx("span",{className:`${Ce}__required`,children:"*"})," "]}),a.jsx(u,{parentClassName:`${Ce}__dropdown`,id:"region",textFieldLabel:"Search",value:Y,options:[{name:l.selectRegion,queryValue:""},...(M&&"India"!==M?l.cbseNonIndiaRegions:l.cbseRegions).map(e=>({name:e,queryValue:e}))],height:"m",rp:!0,onChange:e=>ye("cbseRegion",e),autoFocus:!0})]}),a.jsx("span",{className:`${Ce}__error`,children:ce})]})}),a.jsxs("div",{className:`${Ce}__get-start-button-wrapper`,children:[(Ve.includes(qe)||Fe.includes(qe))&&a.jsx(m,{variant:"primary-complement",label:f.medium?null==N?void 0:N.goBackText:a.jsx(_,{name:"mt-left-icon",size:"m"}),onClick:fe,size:f.medium&&"xl"}),a.jsx(m,{disabled:!j||Ee&&!$||(De||Ue)&&(Pe||!$||Be),variant:"primary",size:"xl",label:ke&&ke.getStartedText,onClick:()=>{Ge?Se(ue):b(ue)}})]}),a.jsx("p",{className:`${Ce}__warning`,children:je()})]}),f.medium&&a.jsx("img",{src:v,alt:"onboarding-form",className:`${Ce}__image`})]})})})};w.propTypes={parentClassName:g.string,onClose:g.func,onBack:g.func,onNext:g.func,onMandatoryLoginLinkClicked:g.func,onFacebookSignIn:g.func,onGoogleSignIn:g.func,onForgotPassword:g.func,onBackToLogin:g.func,backgroundUrl:g.string,viewport:g.object.isRequired,languageOptions:g.arrayOf(g.object),userType:g.oneOf(["teacher","coOrdinator","parent","student"]),onUserTypeChange:g.func,onOrgTypeChangeClick:g.func,onRemeberMeChange:g.func,createNewOrg:g.bool,rememberMe:g.bool,organistaions:g.array,message:g.node,messageType:g.oneOf(["info","danger","success","warning"]),onGetStarted:g.func.isRequired,selectUserType:g.func.isRequired,selectNumberOfStudents:g.func.isRequired,landingPageContent:g.object,rpUserType:g.string,rpsSelectNumberOfStudents:g.string,getGoaSchoolDetails:g.func,fluencyLevel:g.number.isRequired,profile:g.object.isRequired,nextStageEnabled:g.bool};const O=({fluencyLevel:s})=>{const t=v(),i=f(e=>e.viewport),c=f(e=>e.user),d=f(e=>e.allFluences),u=d.isRpOnboardingModalVisible,m=c.profile.id,p=d.rpUserType,_=d.rpsSelectNumberOfStudents,g=d.isUserEnrolled,q=c.profile,O=d.landingPageContent,L=d.rpGoaSchoolDetails,[V]=e.useState(!0);return e.useEffect(()=>{t(b())},[t]),e.useEffect(()=>{g&&(t(x()),t(y({userId:m,fluencyId:s})),t(N({type:"success",content:O.notificationForSuccessfulEnroll})))},[t,g,m,s,O]),u?a.jsx(w,{backgroundUrl:j.onboardingImageURL,viewport:i,onKeyPress:e=>{e.charCode===h.return&&V&&(e.preventDefault(),e.stopPropagation())},onGetStarted:(e,a={})=>{t(k({userId:m,fluence_level:s,userType:p,studentNumber:_,isFromCbse:e===l.cbse,isFromGoa:e===l.goa,details:a})),window.dataLayer.push({event:r.moduleEnroll,category:n.readingProgram,label:T.modulePage,item_type:T.theme,item_value:o[s-1],item_id:null,user_id:q.id,user_profile:q.profile_type})},selectUserType:e=>t(C(e)),selectNumberOfStudents:e=>t(S(e)),rpUserType:p,rpsSelectNumberOfStudents:_,landingPageContent:O,onClose:()=>t(x()),getGoaSchoolDetails:(e,a)=>t($({locale:e,udiseCode:a})),rpGoaSchoolDetails:L,fluencyLevel:s,profile:q}):null};

1O.propTypes={fluencyLevel:g.number};export{O as default};
2//# sourceMappingURL=RpOnboardingModalContainer.DmWPrNj_.js.map