https://storyweaver.org.in/assets/index.dyxuueR8.js

1import{j as e,r as a}from"./react-vendor.B75MsAI9.js";import{av as s,L as r,u as l,cC as i,m as o,o as t,M as n,T as c,ak as m,a4 as d,S as u,Q as p,w as g,a as f,cs as _,hT as h,hU as v,O as x,hV as j,ce as $,cB as y,aA as w,z as N,t as C,p as b,v as k,i as P,J as S,U as R,N as E,al as W,bH as F,H as I,bi as z,bE as O,hW as V,hX as D,hY as U,bG as L,fx as M,bF as q,by as A,hZ as T,h_ as B}from"./AuthModalContainer.CwDh3qj_.js";import{B as K}from"./Block.DxpdHCJY.js";import{B as H}from"./main.Bj0Ml4GZ.js";import{d as Y}from"./index.W3QIN98f.js";import"./RTLProvider.Dbr8G8Qw.js";import"./LazyFontLoader.pvie9HdJ.js";const G=({baseClassName:a,data:l,onSelect:i,onHide:o})=>{const t=s(()=>{o()});return e.jsx("ul",{ref:t,className:`${a}__list`,children:l.map((a,s)=>e.jsx("li",{children:e.jsx(r,{theme:"regular",onClick:()=>i(a),children:a})},s))})},J=s=>{const r=l(),d="pb-organisation-modal",{countries:u,isRtl:p,fetchOrganisationNamesWorkflow:g,fetchOrganisationDetailsWorkflow:f,saveOrganisationDetails:_,closeOrganisationModal:h,autoCompleteData:v,viewport:x,validateSearchWordWorkFlow:j}=s,[$,y]=a.useState({organization_name:"",number_of_classrooms:"",children_impacted:"",orgState:"",city:"",country:"",isFormValid:!1,userTypeIndex:"",edOrgName:"",isFocus:!1,selectResetKey:0,organizationNameErr:"",orgStateErr:"",cityErr:"",isValidating:!1}),w=a.useCallback((e={})=>{const a={...$,...e},s=a.edOrgName&&a.edOrgName.trim().length>0,r=a.country&&a.country.trim().length>0,l=null!==a.number_of_classrooms&&void 0!==a.number_of_classrooms&&String(a.number_of_classrooms).trim().length>0,i=null!==a.children_impacted&&void 0!==a.children_impacted&&String(a.children_impacted).trim().length>0;return!!(s&&r&&l&&i)},[$]),N=a.useCallback((e,a)=>{y(a=>{const s={...a,...e};return s.isFormValid=w(e),s}),a&&a()},[w]),C=a.useMemo(()=>Y(500,e=>{g(e)}),[g]),b=a.useCallback(e=>{const a=e.target.value;N({edOrgName:a,organization_name:a,isFocus:!0,country:"",number_of_classrooms:"",children_impacted:"",orgState:"",selectResetKey:($.selectResetKey||0)+1,organizationNameErr:""}),C(a)},[N,C,$.selectResetKey]),k=a.useCallback((e,a)=>{N({organization_name:a,[e]:a,isFocus:!1,country:"",number_of_classrooms:"",children_impacted:"",orgState:"",selectResetKey:($.selectResetKey||0)+1,organizationNameErr:""})},[N,$.selectResetKey]),P=a.useCallback(()=>{h()},[h]),S=a.useCallback((e,a)=>{a&&f($.edOrgName,e).then(a=>{N({country:e,number_of_classrooms:a.data.org?a.data.org.number_of_classrooms:"",children_impacted:a.data.org?a.data.org.children_impacted:"",orgState:a.data.org?a.data.org.state:""})})},[f,$.edOrgName,N]),R=a.useCallback(async()=>{if(!j)return void _($);y(e=>({...e,isValidating:!0}));const e=(e,a)=>{"organization_name"===e?y(e=>({...e,organizationNameErr:a})):"orgState"===e?y(e=>({...e,orgStateErr:a})):"city"===e&&y(e=>({...e,cityErr:a}))},a=await i("organization_name",$.edOrgName||$.organization_name,y,r,j,e),s=await i("orgState",$.orgState,y,r,j,e),l=await i("city",$.city,y,r,j,e);a.valid||y(e=>({...e,organizationNameErr:a.message,isValidating:!1})),s.valid||y(e=>({...e,orgStateErr:s.message,isValidating:!1})),l.valid||y(e=>({...e,cityErr:l.message,isValidating:!1})),a.valid&&s.valid&&l.valid&&(y(e=>({...e,isValidating:!1})),_($))},[_,$,j,r]),E=a.useCallback(e=>N({number_of_classrooms:e.target.value}),[N]),W=a.useCallback(e=>N({children_impacted:e.target.value}),[N]),F=a.useCallback(e=>N({orgState:e.target.value,orgStateErr:""}),[N]),I=a.useCallback(e=>N({city:e.target.value,cityErr:""}),[N]);let z;z=u?[{name:"Select Country",queryValue:""},...u]:[{name:"Select Country",queryValue:""}];const O=e.jsxs(o,{mergeTop:!0,mergeBottom:!(x&&x.large),mergeSides:!0,children:[e.jsx(t,{disabled:!$.isFormValid||$.isValidating,variant:"primary",fullWidth:!0,label:r("global.submit"),onClick:R,loading:$.isValidating}),e.jsx(t,{fullWidth:!0,label:r("global.cancel"),onClick:P})]}),V=e.jsx("div",{children:e.jsx("h2",{className:`${d}__title`,children:"Welcome to StoryWeaver!"})});return e.jsxs(n,{onClose:P,isRtl:p,footer:O,header:V,children:[e.jsx("p",{className:`${d}__info`,children:"Please do take a few minutes to share some additional information about yourself."}),e.jsx(c,{name:"organisationname",label:"Name of Organisation *",id:"edOrgName",onChange:b,value:$.edOrgName,autoComplete:"off",isRtl:p,autoFocus:!0,error:$.organizationNameErr}),s.autoCompleteData&&s.autoCompleteData.length>0&&$.isFocus?e.jsx(G,{data:s.autoCompleteData,onSelect:e=>k("edOrgName",e),baseClassName:d,onHide:()=>N({isFocus:!1})}):null,e.jsx(m,{id:"organisation-country",value:$.country,options:z,onChange:S,isRtl:p,autoFocus:!0},$.selectResetKey),e.jsx(c,{id:"organisation-num-of-classroom",label:"Number of Classrooms *",type:"text",value:$.number_of_classrooms,onChange:E,autoComplete:"off",isRtl:p}),e.jsx(c,{id:"organisation-num-of-children",label:"Number of Children Impacted (Approximately) *",type:"text",value:$.children_impacted,onChange:W,autoComplete:"off",isRtl:p}),e.jsx(c,{id:"organisation-state",label:"Which State Are You Working In?",type:"text",value:$.orgState,onChange:F,autoComplete:"off",isRtl:p,error:$.orgStateErr}),e.jsx(c,{id:"organisation-city",label:"Which Cities Are You Working In?",type:"text",value:$.city,onChange:I,autoComplete:"off",isRtl:p,error:$.cityErr})]})};J.propTypes={countries:d.array,isRtl:d.bool,fetchOrganisationNamesWorkflow:d.func.isRequired,fetchOrganisationDetail

1sWorkflow:d.func.isRequired,saveOrganisationDetails:d.func.isRequired,closeOrganisationModal:d.func.isRequired,autoCompleteData:d.array,viewport:d.object,validateSearchWordWorkFlow:d.func};const Q=({viewport:a,profile:s,profileStrenth:r,userRole:i,hasProfileImage:o,isRtl:t,openProfilestrenthModal:n})=>{const c=l(),m="pb-profile-strenth",d=({hasProfileImage:a,isRtl:l})=>{const o=r||0;return e.jsxs(K,{parentClassName:m,children:[e.jsxs("div",{className:`${m}__progress-wrapper`,children:[e.jsxs("div",{className:`${m}__header`,children:[e.jsx("span",{className:`${m}__header-item`,children:c("Profile.profile-strength")}),e.jsxs("span",{className:`${m}__header-value`,children:[Math.floor(o),"%"]})]}),e.jsx("progress",{className:`${m}__progress-bar`,value:Math.floor(o),max:"100"}),e.jsx("div",{className:`${m}__progress-percentage`})]}),e.jsxs("div",{className:`${m}__text`,children:[e.jsx(u,{name:(null==s?void 0:s.description)?"profile-completion-check":"profile-completion-uncheck",parentClassName:`${m}__img ${l?`${m}__img--rtl`:""}`,size:"m"}),e.jsx("span",{children:c("Profile.add-profile-details")})]}),e.jsxs("div",{className:`${m}__text`,children:[e.jsx(u,{name:a?"profile-completion-check":"profile-completion-uncheck",parentClassName:`${m}__img ${l?`${m}__img--rtl`:""}`,size:"m"}),e.jsx("span",{children:c("Profile.set-profile-picture")})]}),e.jsxs("div",{className:`${m}__text`,children:[e.jsx(u,{name:i?"profile-completion-check":"profile-completion-uncheck",parentClassName:`${m}__img ${l?`${m}__img--rtl`:""}`,size:"m"}),e.jsx("span",{children:c("Profile.tell-us-about-yourself")})]}),e.jsxs("div",{className:`${m}__text`,children:[e.jsx(u,{name:(null==s?void 0:s.language_preferences)||(null==s?void 0:s.reading_levels)?"profile-completion-check":"profile-completion-uncheck",parentClassName:`${m}__img ${l?`${m}__img--rtl`:""}`,size:"m"}),e.jsx("span",{children:c("Profile.set-reading-preferences")})]})]})};return e.jsx("div",{className:(null==a?void 0:a.large)?`${m}__wrapper`:null,children:(null==a?void 0:a.large)?e.jsx(d,{hasProfileImage:o,isRtl:t}):e.jsx("div",{onClick:n,children:e.jsxs(K,{parentClassName:`${m}__shadow`,children:[e.jsx("div",{className:`${m}__text`,children:e.jsx(u,{name:(null==s?void 0:s.description)?"profile-completion-check":"profile-completion-uncheck",parentClassName:`${m}__img ${t?`${m}__img--rtl`:""}`,size:"m"})}),e.jsx("div",{className:`${m}__text`,children:e.jsx(u,{name:o?"profile-completion-check":"profile-completion-uncheck",parentClassName:`${m}__img ${t?`${m}__img--rtl`:""}`,size:"m"})}),e.jsx("div",{className:`${m}__text`,children:e.jsx(u,{name:i?"profile-completion-check":"profile-completion-uncheck",parentClassName:`${m}__img ${t?`${m}__img--rtl`:""}`,size:"m"})}),e.jsx("div",{className:`${m}__text`,children:e.jsx(u,{name:(null==s?void 0:s.language_preferences)||(null==s?void 0:s.reading_levels)?"profile-completion-check":"profile-completion-uncheck",parentClassName:`${m}__img ${t?`${m}__img--rtl`:""}`,size:"m"})})]})})})};Q.propTypes={viewport:d.object.isRequired,profile:d.object,profileStrenth:d.number,userRole:d.string,hasProfileImage:d.bool,isRtl:d.bool,openProfilestrenthModal:d.func.isRequired};const X=({profile:a,hasProfileImage:s,isRtl:r,onClose:i,userRole:o})=>{const t=l(),c="pb-profile-strenth",m=(null==a?void 0:a.profile_strength)||0;return e.jsx(n,{onClose:i,isRtl:r,children:e.jsxs(K,{parentClassName:c,children:[e.jsxs("div",{className:`${c}__progress-wrapper`,children:[e.jsxs("div",{className:`${c}__header`,children:[e.jsx("span",{className:`${c}__header-item`,children:t("Profile.profile-strength")}),e.jsxs("span",{className:`${c}__header-value`,children:[Math.floor(m),"%"]})]}),e.jsx("progress",{className:`${c}__progress-bar`,value:m,max:"100"}),e.jsx("div",{className:`${c}__progress-percentage`})]}),e.jsxs("div",{className:`${c}__text`,children:[e.jsx(u,{name:(null==a?void 0:a.description)?"profile-completion-check":"profile-completion-uncheck",parentClassName:`${c}__modal-img ${r?`${c}__modal-img--rtl`:""}`,size:"m"}),e.jsx("span",{children:t("Profile.add-profile-details")})]}),e.jsxs("div",{className:`${c}__text`,children:[e.jsx(u,{name:s?"profile-completion-check":"profile-completion-uncheck",parentClassName:`${c}__modal-img ${r?`${c}__modal-img--rtl`:""}`,size:"m"}),e.jsx("span",{children:t("Profile.set-profile-picture")})]}),e.jsxs("div",{className:`${c}__text`,children:[e.jsx(u,{name:o?"profile-completion-check":"profile-completion-uncheck",parentClassName:`${c}__modal-img ${r?`${c}__modal-img--rtl`:""}`,size:"m"}),e.jsx("span",{children:t("Profile.tell-us-about-yourself")})]}),e.jsxs("div",{className:`${c}__text`,children:[e.jsx(u,{name:(null==a?void 0:a.language_preferences)||(null==a?void 0:a.reading_levels)?"profile-completion-check":"profile-completion-uncheck",parentClassName:`${c}__modal-img ${r?`${c}__modal-img--rtl`:""}`,size:"m"}),e.jsx("span",{children:t("Profile.set-reading-preferences")})]})]})})};X.propTypes={profile:d.object,hasProfileImage:d.bool,isRtl:d.bool,onClose:d.func.isRequired,userRole:d.string};const Z=({size:a,variant:s,parentClassName:r,profile_image:l,imageHandler:i,profile:o})=>{const t="pb-image-uploader",n={[t]:!0,[r]:r,[`${t}--${a}`]:a,[`${t}--${s}`]:s};return e.jsxs("div",{className:p(n),children:[e.jsx("input",{type:"file",accept:"image/*",name:"image-upload",id:"input",onChange:i}),e.jsx("label",{htmlFor:"input",className:`${t}__edit--btn`,onClick:()=>{window.dataLayer&&o&&window.dataLayer.push({event:f.clickedEditProfile,category:g.misc,label:`profile_${o.id}`,item_type:null,item_id:null,item_value:null,user_profile:o.profile_type,user_id:o.id})},children:e.jsx(u,{name:"profile-edit"})}),e.jsx("img",{className:`${t}__image`,src:l||void 0,alt:"upload"})]})};Z.propTypes={size:d.string,variant:d.string,parentClassName:d.string,profile_image:d.string,imageHandler:d.func.isRequired,profile:d.object};const ee=e=>{if(!e||!Array.isArray(e))return"";let a="";return e.length>0&&e.length<=2&&(a=e.join(", ")),e.length>2&&(a=`${e[0]}, ${e[1]} + ${e.length-2}`),a},ae=e=>{if(!e||!Array.isArray(e))return[];let a=[];

1return e.forEach(e=>{"1"===e?a.push("Level 1"):"2"===e?a.push("Level 2"):"3"===e?a.push("Level 3"):"4"===e?a.push("Level 4"):a.push("Level 1 (Emergent Readers)")}),a},se=new URLSearchParams(window.location.search),re=({profile:s,viewport:o,autoCompleteData:m,autoCompleteUserDataWorkflow:d,fetchOrganisationDetailsWorkflow:u,fetchOrganisationNamesWorkflow:p,userEmail:C,userId:b,countries:k,filters:P,hasProfileImage:S,isEmailConfirmed:R,isRtl:E,userRoles:W,isUpdatingUserProfile:F,isFetchingProfile:I,first_name:z,last_name:O,profile_image:V,language_preferences:D,reading_levels:U,emailPreference:L,organisationName:M,profileStrenth:q,userRole:A,name:T,description:B,website:Y,organisationType:G,site_preferences:re,validateSearchWordWorkFlow:le,logout:ie,fetchMeWorkflow:oe,fetchAllBooksFiltersWorkflow:te,fetchProfileWorkflow:ne,updateUserProfileDataWorkflow:ce,changePasswordWorkflow:me,saveOrganisationDetailsWorkflow:de,openUserProfileModal:ue,changeLanguage:pe,addSlimNotification:ge})=>{var fe,_e;const he=l(),ve=a.useRef(I),[xe,je]=a.useState(""),[$e,ye]=a.useState(""),[we,Ne]=a.useState(""),[Ce,be]=a.useState(""),[ke,Pe]=a.useState(""),[Se,Re]=a.useState(""),[Ee,We]=a.useState(""),[Fe,Ie]=a.useState(""),[ze,Oe]=a.useState(""),[Ve,De]=a.useState(!1),[Ue,Le]=a.useState(!1),[Me,qe]=a.useState([]),[Ae,Te]=a.useState([]),[Be,Ke]=a.useState({level:"",language:"",siteLanguage:""}),[He,Ye]=a.useState(!1),[Ge,Je]=a.useState(!1),[Qe,Xe]=a.useState(""),[Ze,ea]=a.useState(""),[aa,sa]=a.useState(""),[ra,la]=a.useState(""),[ia,oa]=a.useState(null),[ta,na]=a.useState(""),[ca,ma]=a.useState(""),[da,ua]=a.useState(""),[pa,ga]=a.useState(""),[fa,_a]=a.useState(""),ha=e=>{const a=document.getElementById(e);a?a.scrollIntoView({behavior:"smooth",block:"start"}):setTimeout(()=>ha(e),100)};a.useEffect(()=>{oe(),te(),ne({slug:b,profileType:_.USER}),"language"===se.get("section")&&setTimeout(()=>ha("language"),1e3)},[]),a.useEffect(()=>{ve.current&&!I&&(ye(z||""),Ne(O||""),la(V||""),Te(D||[]),qe(U||[]),Je(L||!1),Xe(M||""),ea(q||""),sa(A||""),je(T||""),be(B||""),Re(Y||""),na(G||""),ma(re||"")),ve.current=I},[I]);const va=e=>{const{event:a}=e;window.dataLayer.push({event:a,category:g.misc,label:`profile_${b}`,item_type:null,item_id:null,item_value:null,user_profile:s.profile_type,user_id:s.id})},xa=(e,a,s)=>{if("language_preferences"===e){const e=Ae.indexOf(a);Te(-1!==e?e=>e.filter(e=>e!==a):e=>[...e,a])}else if("reading_levels"===e){const e=Me.indexOf(a);qe(-1!==e?e=>e.filter(e=>e!==a):e=>[...e,a])}},ja="pb-user-profile-form";let $a,ya=[];$a=h.sort((e,a)=>e.queryValue>a.queryValue?1:-1),ya=[...v,...$a];let wa=[],Na=[];P&&(P.level&&P.level.queryValues&&Array.isArray(P.level.queryValues)&&(wa=P.level.queryValues.map(e=>({name:e.name,legend:e.description,queryValue:e.queryValue}))),P.language&&P.language.queryValues&&Array.isArray(P.language.queryValues)&&(Na=P.language.queryValues.map(e=>({name:e.name,queryValue:e.queryValue}))));const Ca=[{title:he("global.home"),href:x.home(),isInternal:!0},{title:he("Profile.edit-profile")}],ba=W&&W.length>0&&W.some(e=>j.includes(e));return e.jsxs(K,{parentClassName:`${ja}__wrapper`,children:[e.jsxs("div",{className:`${ja}__block`,children:[e.jsxs("div",{className:`${ja}__item`,children:[e.jsx(H,{paths:Ca,isRtl:E}),e.jsxs("div",{className:`${ja}__block-item`,children:[e.jsx(Z,{size:"m",variant:"circular",profile_image:ra,imageHandler:e=>{const a=new FileReader;a.onload=()=>{2===a.readyState&&la(a.result)},oa(e.target.files[0]),a.readAsDataURL(e.target.files[0])},profile:s}),e.jsx("h1",{className:`${ja}__user-name`,children:xe})]})]}),e.jsx("div",{className:`${ja}__btn-wrapper ${E?`${ja}__btn-wrapper--rtl`:""}`,children:e.jsx(t,{parentClassName:`${ja}__btn`,label:he("Profile.view-profile"),variant:"default",size:"m",onClick:()=>{va({event:f.clickedViewProfile});const e=b||parseInt(localStorage.getItem("userId"),10);window.location.href=x.userProfile(e)}})})]}),e.jsxs("div",{className:`${ja} ${ja}__form`,children:[e.jsxs("div",{className:`${ja}__left ${E?`${ja}__left--rtl`:""}`,children:[e.jsxs("div",{className:`${ja}__row`,children:[e.jsx(c,{parentClassName:`${ja}__item ${E?`${ja}__item--rtl`:""}`,id:"user-profile-first-name",name:"first-name",label:he("AuthModal.label-first-name"),value:$e,onChange:e=>{const a=e.target.value;ye(a),ua("")},error:da,userProfileEditForm:!0,autoComplete:"off",isRtl:E,maxLength:"32"}),e.jsx(c,{parentClassName:`${ja}__item ${E?`${ja}__item--rtl`:""}`,id:"user-profile-last-name",name:"last-name",label:he("AuthModal.label-last-name"),value:we,onChange:e=>{const a=e.target.value;Ne(a),ga("")},error:pa,userProfileEditForm:!0,autoComplete:"off",isRtl:E,maxLength:"32"})]}),e.jsx("p",{className:`${ja}__info ${ja}__info-size-small ${ja}__space`,children:he("Profile.name-info")}),e.jsx(c,{parentClassName:`${ja}__item ${E?`${ja}__item--rtl`:""} ${ja}__space`,id:"user-profile-description",type:"multiline",name:"description",label:he("Profile.profile-description"),value:Ce,onChange:e=>{const a=e.target.value;be(a),_a("")},error:fa,inputColor:!0,autoComplete:"off",isRtl:E}),e.jsxs("div",{className:`${ja}__row ${ja}__space`,children:[e.jsx(c,{parentClassName:`${ja}__item ${E?`${ja}__item--rtl`:""} ${ja}__email`,id:"user-profile-email",name:"email",label:he("global.email",1),value:R?C:"",showLabelForEmptyValue:!R,disabled:!0,userProfileEditForm:!0,isRtl:E}),ba?e.jsx(c,{parentClassName:`${ja}__item ${E?`${ja}__item--rtl`:""}`,id:"user-profile-website",name:"Website",label:he("global.website",1),value:Se,onChange:e=>Re(e.target.value),userProfileEditForm:!0,autoComplete:"off",isRtl:E}):Se?e.jsxs("div",{className:`${ja}__item ${E?`${ja}__item--rtl`:""}`,children:[e.jsx("p",{className:`${ja}__normal-role`,children:he("global.website",1)}),e.jsx("p",{className:`${ja}__info`,children:Se})]}):""]}),e.jsx(r,{onClick:()=>{De(!0)},children:he("Profile.change-password")}),e.jsx("hr",{}),e.jsx("h1",{className:`${ja}__title`,children:he("Profile.tell-us-about-yourself")}),e.jsx("p",{className:`${ja}__info`,children:he("Profile.role-info")}),e.jsx("p",{className:`${ja}__info`,children:he("Profile.role-info1")}),e.jsx("p",{className:`${ja}__info`,children:he("Profile.role-info-note")}),e.jsxs("div",{className:`${ja}__role ${E?`${ja}__role--rtl`:""}`,children:[aa?e.jsx("p",{className:`${ja}__role-name ${E?`${ja}__role-name--rtl`:""}`,children:"ed-org"===aa?"Educational Organisation":aa}):"",e.jsx(t,{parentClassName:`${ja}__btn`,label:he(aa?"Profile.update-role":"Profile.set-role"),variant:"default",size:"m",onClick:()=>{ue(),aa&&va({event:f.clickedUpdateProfile})}})]}),e.jsx("hr",{}),R?e.jsxs("div",{children:[e.jsx("h1",{className:`${ja}__title`,children:he("Profile.register-organisation")}),e.jsx("p",{className:`${ja}__info ${ja}__org-align`,children:he("Profile.register-organisation-info")}),Qe?(null==(fe=null==s?void 0:s.organisation)?void 0:fe.slug)?e.jsx(r,{href:`/${$[_[ta]]}/${s.organisation.slug}`,children:Qe}):e.jsx("span",{children:Qe}):e.jsx(t,{parentClassName:`${ja}__btn`,label:he("Profile.register-organisation-label"),variant:"default",size:"m",onClick:()=>

1{Le(!0),va({event:f.clickedRegisterOrg})}}),e.jsx("hr",{})]}):"",e.jsx("h1",{className:`${ja}__title`,children:he("Profile.story-preferences")}),e.jsx("p",{className:`${ja}__info`,children:he("Profile.story-preferences-info")}),e.jsxs("div",{className:`${ja}__row`,id:"language",children:[e.jsx(y,{parentClassName:`${ja}__item ${E?`${ja}__item--rtl`:""}`,align:"left",minWidth:"auto",rpDropdown:!0,isRtl:E,toggleEl:e.jsx(c,{id:"language-preferences-txt",label:he("Profile.language-preferences"),value:ee(Ae),inputColor:!0,autoComplete:"off",isRtl:E}),children:e.jsx(w,{id:"language-preferences",searchValue:Be.language,onSearchChange:e=>{return a="language",s=e.target.value,void Ke(e=>({...e,[a]:s}));var a,s},options:Na,onChange:(e,a)=>xa("language_preferences",e),checkedValues:Ae,userProfileEditForm:!o.large,isRtl:E,autoFocus:!0,exactMatch:!0})}),e.jsx(y,{parentClassName:`${ja}__item ${E?`${ja}__item--rtl`:""}`,align:"left",minWidth:"auto",rpDropdown:!0,isRtl:E,toggleEl:e.jsx(c,{id:"reading-level-txt",label:he("Profile.reading-levels"),value:ae(Me).join(", "),inputColor:!0,autoComplete:"off",isRtl:E}),children:e.jsx(w,{id:"reading-levels",options:wa,onChange:(e,a)=>xa("reading_levels",e),checkedValues:Me,userProfileEditForm:!o.large,hideSearchBar:!0,isRtl:E,autoFocus:!0})})]}),e.jsx("hr",{className:`${ja}__separator`}),e.jsxs("div",{children:[e.jsx("h1",{className:`${ja}__title`,children:he("global.story-locale-preference")}),e.jsx("p",{className:`${ja}__info`,children:he("global.story-locale-preference-info")}),e.jsx("div",{className:`${ja}__row`,children:e.jsx(y,{parentClassName:`${ja}__item ${ja}__item-lang ${E?`${ja}__item--rtl`:""}`,align:"left",minWidth:"auto",closeOnClick:!0,rpDropdown:!0,isRtl:E,toggleEl:e.jsx(c,{id:"site-language-preferences-txt",label:he("global.locale-preference"),value:(null==(_e=ya.find(e=>e.queryValue===ca))?void 0:_e.name)||"",inputColor:!0,autoComplete:"off",onFocus:()=>{va({event:f.clickedLanguagePreference})},isRtl:E,readOnly:!0}),children:e.jsx(w,{id:"site-language-preferences",hideSearchBar:!0,options:ya,onChange:(e,a)=>{a&&ma(e)},checkedValues:ca,userProfileEditForm:!o.large,isRtl:E,autoFocus:!0,multiplePicks:!1})})})]}),e.jsx("div",{className:`${ja}__save-changes-wrapper`,children:e.jsx(t,{parentClassName:`${ja}__save-changes`,label:he("global.save-changes"),variant:"primary",size:"m",onClick:async()=>{const e=e=>{Object.keys(e).forEach(a=>{"firstNameErr"===a?ua(e[a]):"lastNameErr"===a?ga(e[a]):"descriptionErr"===a&&_a(e[a])})},a=await i("first_name",$e,e,he,le),s=await i("last_name",we,e,he,le),r=await i("description",Ce,e,he,le);if(a.valid||ua(a.message),s.valid||ga(s.message),r.valid||_a(r.message),!a.valid||!s.valid||!r.valid)return void window.scrollTo({top:0,behavior:"smooth"});const l={id:b,user:{first_name:$e,last_name:we,bio:Ce,email:ke,website:Se,reading_levels:Me,language_preferences:Ae,email_preference:Ge,profile_image:ra,image_file_name:ia?ia.name:null,image_content_type:ia?ia.type:null,locale_preference:ca}};if(l.user.first_name&&l.user.last_name)try{const e=await ce({userId:b,userDetails:l});if(e.ok){const a=b||parseInt(localStorage.getItem("userId"),10);ca!==N&&pe({newLanguage:ca}),ne({slug:a,profileType:_.USER}),setTimeout(()=>{oe()},1e3),ge({type:"success",content:e.data.message})}else ge({type:"danger",content:e&&e.data&&e.data.errorMessage})}catch(o){ge({type:"danger",content:o.message||"An error occurred"})}else l.user.first_name||l.user.last_name?l.user.first_name?ge({type:"danger",content:"Last name can't blank"}):ge({type:"danger",content:"First Name can't blank"}):ge({type:"danger",content:"First Name & Last name can't blank"})},loading:F})})]}),e.jsx("div",{className:`${ja}__right ${E?`${ja}__right--rtl`:""}`,children:e.jsx(Q,{isRtl:E,viewport:o,profile:s,openProfilestrenthModal:()=>{Ye(!0)},profileStrenth:Ze,userRole:aa,profile_image:ra,hasProfileImage:S})})]}),Ve?e.jsxs(n,{userProfileEditForm:!0,onClose:()=>{De(!1)},isRtl:E,children:[e.jsx(c,{id:"old-password",name:"old-password",label:he("Profile.old-password"),value:Ee,fontSizeSmall:!0,onChange:e=>We(e.target.value),userProfileEditForm:!0,type:"password",autoComplete:"off",isRtl:E}),e.jsx(c,{id:"new-password",name:"new-password",label:he("Profile.new-password"),value:Fe,fontSizeSmall:!0,onChange:e=>Ie(e.target.value),userProfileEditForm:!0,type:"password",autoComplete:"off",isRtl:E}),e.jsx(c,{id:"confirm-new-password",name:"confirm-new-password",label:he("Profile.confirm-new-password"),value:ze,fontSizeSmall:!0,onChange:e=>Oe(e.target.value),userProfileEditForm:!0,type:"password",autoComplete:"off",isRtl:E}),e.jsx(t,{parentClassName:`${ja}__save-password`,label:he("Profile.save-new-password"),size:"m",onClick:e=>{(async()=>{var e,a;const s={id:b,user:{current_password:Ee,password:Fe,password_confirmation:ze}};try{const r=await me({userId:b,data:s});if(r&&r.ok){De(!1);const a=null==(e=r.data)?void 0:e.message;ge({type:"success",content:String(a)}),setTimeout(async()=>{await(localStorage.setItem("sw-log-in-out-activity","logout"+Math.random()),localStorage.removeItem("userName"),localStorage.removeItem("userId"),localStorage.removeItem("profileType"),void("function"==typeof ie?ie():Promise.resolve()).then(()=>{window.location.href=x.home()}).catch(e=>{window.location.href=x.home()}))},2e3)}else ge({type:"danger",content:(null==(a=null==r?void 0:r.data)?void 0:a.errorMessage)||(null==r?void 0:r.errorMessage)||"Failed to update password"})}catch(r){ge({type:"danger",content:r.message||(null==r?void 0:r.message)||"An error occurred while updating password"})}})()},disabled:!Ee&&!Fe&&!ze})]}

1):null,Ue?e.jsx(J,{countries:k,saveOrganisationDetails:async e=>{const a={organization:{organization_name:e.organization_name,number_of_classrooms:e.number_of_classrooms,children_impacted:e.children_impacted,state:e.orgState,city:e.city,country:e.country}};try{const e=await de({data:a});if(e.ok){Le(!1);const a=b||parseInt(localStorage.getItem("userId"),10);ne({slug:a,profileType:_.USER}),ge({type:"success",content:e.data.message})}else ge({type:"danger",content:e&&e.data&&e.data.errorMessage})}catch(s){ge({type:"danger",content:s.message||"An error occurred"})}},closeOrganisationModal:()=>{Le(!1)},autoCompleteData:m,autoCompleteUserDataWorkflow:d,fetchOrganisationDetailsWorkflow:u,fetchOrganisationNamesWorkflow:p,validateSearchWordWorkFlow:le}):null,He?e.jsx(X,{isRtl:E,profile:s,userRole:aa,onClose:()=>{Ye(!1)},hasProfileImage:S,t:he}):null]})},le=()=>{var s;const r=C(),[l,i]=a.useState(!0),{viewport:o,isLoggedIn:t,isEmailConfirmed:n,profile:c,userProfile:m,isUploadingUserProfile:d,autoCompleteData:u,userId:p,userEmail:g,filters:f,isFetchingProfile:_,userRoles:h,isUpdatingUserProfile:v}=b(e=>({viewport:e.viewport,isLoggedIn:e.user.isLoggedIn,isEmailConfirmed:e.user.profile.emailConfirmed,profile:e.profile.profile.user||e.profile,userProfile:e.profile.profile.user,isUploadingUserProfile:e.user.isUploadingUserProfile,autoCompleteData:e.user.autoCompleteData,userId:e.user.profile.id,userEmail:e.user.profile.email||"",filters:e.allBooks.filters,isFetchingProfile:e.profile.isFetchingProfile,userRoles:e.user.profile?e.user.profile.roles:[],isUpdatingUserProfile:e.user.isUpdatingUserProfile}),k),x=m?null===m.language_preferences?[]:m.language_preferences:[],j=m&&m.reading_levels?"string"==typeof m.reading_levels?m.reading_levels.split(","):Array.isArray(m.reading_levels)?m.reading_levels:[]:[],$=!!m&&m.emailPreference,y=m&&m.organisation?m.organisation.name:"",w=m?m.profile_strength:"",N=m&&m.role?m.role.profileType:"",K=m?m.name:"",H=m?m.first_name:"",Y=m?m.last_name:"",G=m?m.description:"",J=m?m.website:"",Q=m?m.profileImage:"",X=!!m&&m.hasProfileImage,Z=m&&m.organisation?m.organisation.type:"";m&&m.role&&m.role.isOtherProfileDescrition;const ee=m?null===m.locale_preference?[]:m.locale_preference:[],ae=(null==(s=window.localStorage)?void 0:s.getItem("locale"))||"en",se=P(ae);return a.useEffect(()=>{r(S()).then(()=>{i(!1)})},[r]),l?e.jsx(R,{}):t?e.jsx("div",{children:e.jsx(re,{profile:c,viewport:o,autoCompleteData:u,autoCompleteUserDataWorkflow:F,fetchOrganisationDetailsWorkflow:(e,a)=>r(B({org_name:e,countryName:a})),fetchOrganisationNamesWorkflow:e=>r(T({org_name:e})),logout:()=>r(A()),userId:p,userEmail:g,countries:W,filters:f,hasProfileImage:X,isEmailConfirmed:n,isRtl:se,userRoles:h,isUpdatingUserProfile:v,isFetchingProfile:_,first_name:H,last_name:Y,profile_image:Q,language_preferences:x,reading_levels:j,emailPreference:$,organisationName:y,profileStrenth:w,userRole:N,name:K,description:G,website:J,organisationType:Z,site_preferences:ee,validateSearchWordWorkFlow:e=>r(q({value:e})),fetchMeWorkflow:()=>r(S()),fetchAllBooksFiltersWorkflow:()=>r(M()),fetchProfileWorkflow:e=>r(L(e)),updateUserProfileDataWorkflow:e=>r(U(e)),changePasswordWorkflow:e=>r(D(e)),saveOrganisationDetailsWorkflow:e=>r(V(e)),openUserProfileModal:()=>r(O()),changeLanguage:e=>r(z(e)),addSlimNotification:e=>r(I(e))})}):e.jsx(E,{to:"/",replace:!0})};export{le as default};
2//# sourceMappingURL=index.dyxuueR8.js.map