https://watchheartlandplus.com/_next/static/chunks/pages/profiles/create-user-profile-2a167c51347baf37.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4377],{97840:function(e,o,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/profiles/create-user-profile",function(){return l(4381)}])},80425:function(e,o,l){"use strict";var a=l(85893),i=l(50181),t=l.n(i);o.Z=e=>{let{type:o}=e;if("button"==o)return(0,a.jsx)("div",{className:"".concat(t().btn_loader),children:(0,a.jsx)("div",{className:"".concat(t().icon)})})}},88682:function(e,o,l){"use strict";l.d(o,{Z:function(){return ChooseProfile}});var a=l(85893),i=l(67294),t=l(64666),s=l(50594),n=l(52007),r=l.n(n),c=l(73484),d=l(62817),u=l(6437),p=l(4975);function ChooseProfile(e){let{popupData:o,userProfileInfo:l}=e,[n,m]=(0,i.useState)([]),[_,f]=(0,i.useState)(""),{state:{localLang:v}}=(0,p.oR)();(0,i.useEffect)(()=>{var e;m(o.emojiList);let l=null==o?void 0:null===(e=o.emojiList)||void 0===e?void 0:e.filter(e=>e.imageUrl===o.currentSelected.image||e.imageUrl===o.currentSelected.imageUrl);(null==l?void 0:l.length)>0&&f(l[0].imageUrl)},[o]);let handleClose=e=>{e.preventDefault(),o.closeTarget()},selected=e=>{f(e.imageUrl)};return(0,a.jsx)(t.Z,{open:!!o.isActive&&o.isActive,onClose:e=>handleClose(e),children:(0,a.jsx)("div",{className:r().sharecontent_modal,children:(0,a.jsx)("div",{className:r().main_modal,children:(0,a.jsx)("div",{className:r().modal_wrapper,children:(0,a.jsxs)("div",{className:r().modal_content,children:[(0,a.jsx)(s.Z,{className:"".concat(r().cross_icon),onClick:handleClose}),(0,a.jsxs)("div",{className:r().modal_header,children:[(0,a.jsx)("h2",{className:r().modal_title,children:(null==l?void 0:l.name)?null==l?void 0:l.name:"New User"}),(0,a.jsx)("span",{className:r().modal_subtitle,children:d.m3[v].Choose_Your_Profile_Picture})]}),(0,a.jsxs)("div",{className:r().profileIcon_block,children:[(0,a.jsx)("div",{className:r().profileIcon_list,children:null==n?void 0:n.map((e,o)=>(0,a.jsxs)("div",{className:r().profileIcon,onClick:()=>selected(e),children:[e.imageUrl===_&&(0,a.jsxs)("span",{className:r().profileSelected,children:[" ",d.m3[v].Selected]}),(0,a.jsx)("img",{className:r().profileImg,src:(0,c.ZY)(e.imageUrl)}),e.imageUrl===_&&(0,a.jsx)("img",{className:r().profileselect_Img,src:"".concat(u.Z.popup.selectedEmoji),alt:"selected"})]},o))}),(0,a.jsxs)("div",{className:r().footer_actions,children:[(0,a.jsx)("button",{type:"button",className:"grey ".concat(r().btns),onClick:handleClose,children:d.m3[v].Cancel}),(0,a.jsx)("button",{type:"button",className:"primary ".concat(r().btns),onClick:e=>{e.preventDefault(),o.emojiSelected(_)},children:d.m3[v].Change})]})]})]})})})})})}},4381:function(e,o,l){"use strict";l.r(o),l.d(o,{__N_SSP:function(){return w},default:function(){return CreateUserProfilePage}});var a=l(85893),i=l(87542),t=l.n(i),s=l(11163),n=l(67294),r=l(88682),c=l(29417),d=l(4975),u=l(49855),p=l(30327),m=l(73484),_=l(98271),f=l(80425),v=l(94313),h=l(58014),j=l(62817),g=l(5152),x=l.n(g),b=l(38606),N=l(6437),P=l(43825),C=l(41664),k=l.n(C);let y=x()(()=>Promise.all([l.e(7520),l.e(6526)]).then(l.bind(l,27520)),{loadableGenerated:{webpack:()=>[27520]}}),I=x()(()=>Promise.all([l.e(8422),l.e(4806),l.e(613)]).then(l.bind(l,24806)),{loadableGenerated:{webpack:()=>[24806]}});var create_user_profile_component=function(){let e=(0,s.useRouter)(),[o,l]=(0,n.use

1State)({}),[i,g]=(0,n.useState)([]),x=(0,n.useRef)(""),[C,S]=(0,n.useState)({valid:!1,error:""}),[w,Z]=(0,n.useState)(!1),[E,A]=(0,n.useState)({image:"",isChildren:!1,isMasterProfile:!1,langs:"",name:""}),[M,U]=(0,n.useState)(!1),[L,T]=(0,n.useState)([]),[O,R]=(0,n.useState)(!1),{mutate:D,data:H}=(0,u.Z)(),{mutate:F,data:W,isLoading:B,isError:K,error:X,refetch:q}=(0,p.Z)(),{state:{userDetails:Y,SystemConfig:G,localLang:V},dispatch:z}=(0,d.oR)(),[J,$]=(0,n.useState)(""),Q=(0,h.rV)("isUtuser");(0,n.useEffect)(()=>{var e;Y&&D("https://lukentv-api.revlet.net/service/api/auth/get/user/emojis"),T(null==Y?void 0:null===(e=Y.profileParentalDetails)||void 0===e?void 0:e.filter(e=>!!e.isMasterProfile))},[Y]),(0,n.useEffect)(()=>{H&&H.data.status&&H.data.response.userEmojis.length&&(g(H.data.response.userEmojis),E.image=H.data.response.userEmojis[0].imageUrl,A({...E}))},[H]),(0,n.useEffect)(()=>{if(null==W?void 0:W.data){var o,l,a,i,t,s,n;if(R(null==W?void 0:W.data),W.data.status){let l={ProfileType:E.isChildren?"child":E.isMasterProfile?"master":"normal",profileName:x.current.value,ispinset:(null==E?void 0:E.isPinAvailable)||"false"};(0,b.qP)("Profile_Add",l),Q?window.location.href=null==G?void 0:null===(o=G.configs)||void 0===o?void 0:o.siteURL:e.push("/profiles/manage-user-profile"),z({type:d.Nw.o4,payload:{message:"Profile created successfully"}})}else(null==W?void 0:null===(l=W.data)||void 0===l?void 0:l.error)&&(null==W?void 0:null===(i=W.data)||void 0===i?void 0:null===(a=i.error)||void 0===a?void 0:a.code)===401&&(z({type:d.Nw.o4,payload:{message:"Session expired!"}}),(0,P.qP)()),(null===(t=L[0])||void 0===t?void 0:t.addProfilePinEnable)===!1&&S({valid:!1,error:null==W?void 0:null===(n=W.data)||void 0===n?void 0:null===(s=n.error)||void 0===s?void 0:s.message})}},[W]);let handleClose=()=>{l({})},emojiSelected=e=>{E.image=e,A({...E}),handleClose()},validateName=()=>{S((0,v.Tn)(x.current.value,c.e.namePattern,"Profile Name",V))},toggleLanguageModal=e=>{Z(!w)},saveProfile=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,o={...E};o.name=x.current.value,o.isChildren=M,A(o);let l={profiles:[o]};e&&(l.passCode=e),F({url:"https://lukentv-api.revlet.net/service/api/auth/create/user/profile",apiData:l})},backHandler=()=>{var o;Q?window.location.href=null==G?void 0:null===(o=G.configs)||void 0===o?void 0:o.siteURL:e.push("/profiles/select-user-profile")},validateAddProfile=()=>{l({type:"pinprofile",subtype:"add",isActive:!0,userProfiles:L[0],closeTarget:closeTarget,validated:addPinvalidate})},addPinvalidate=e=>{"add"==e.subtype&&closeTarget()},closeTarget=()=>{l({}),R({})};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"".concat(t().mobBackHead),children:[(0,a.jsx)("img",{onClick:backHandler,src:"".concat(c.e.staticImagesPath,"back-arrow.svg"),alt:"back"}),(0,a.jsx)("h2",{children:j._n[V].Add_Profile})]}),(0,a.jsx)("div",{className:"".concat(t().create_profile),children:(0,a.jsxs)("div",{className:"".concat(t().update_inner),children:[(0,a.jsx)(k(),{href:"/",children:(0,a.jsx)("img",{className:" ".concat(t().tablet_logo_update),src:null===c.e||void 0===c.e?void 0:c.e.appLogo})}),(0,a.jsx)("h2",{children:j._n[V].Add_Profile}),(0,a.jsxs)("div",{className:"".concat(t().edit_body),children:[(0,a.jsxs)("div",{className:"".concat(t().profile_icon_left),children:[(0,a.jsx)("img",{className:"".concat(t().profile_icon),src:(0,m.ZY)(E.image),onError:e=>{let{currentTarget:o}=e;o.onerror=null,o.src=null===N.Z||void 0===N.Z?void 0:N.Z.defaultProfilePic},alt:E.name}),!!M&&(0,a.jsx)("span",{className:"".concat(t().child),children:j._n[V].Children})]}),(0,a.jsxs)("div",{className:"".concat(t().change_profile),onClick:()=>{l({type:"emoji",isActive:!0,closeTarget:handleClose,emojiList:i,emojiSelected:emojiSelected,currentSelected:E})},children:[(0,a.jsx)("img",{className:"".concat(t().edit_icon),src:"".concat(N.Z.profile.editProfile),alt:"edit profile"}),"Change Avatar"]}),(0,a.jsx)("div",{className:"".concat(t().profile_edit),children:(0,a.jsxs)("div",{className:" ".concat(t().forgot," "),children:[(0,a.jsx)(_.Z,{fullWidth:!0,id:"email",label:"Profile Name",name:"email",margin:"normal",variant:"outlined",inputRef:x,onBlur:validateName,inputProps:{maxLength:12},onFocus:()=>S({valid:!0,error:""}),value:J,fromStyle:v.HC,sx:{"& .MuiOutlinedInput-notchedOutline legend":{width:0},"& .MuiInputLabel-root":{transition:"none"},"& .MuiInputLabel-root.Mui-focused, & .MuiInputLabel-root.MuiInputLabel-shrink":{opacity:0}

1,"& .MuiOutlinedInput-notchedOutline":{borderWidth:"1px !important"},"& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline":{border:"none"}},onInput:e=>{let o=e.target.value;/^[A-Za-z ]*$/.test(o)&&$(o)}},"Name"),(0,a.jsx)("div",{className:"".concat(t().child_control),children:(0,a.jsxs)("label",{children:[(0,a.jsx)("input",{type:"checkbox",checked:M,onChange:()=>{U(!M)},name:"ischild"}),(0,a.jsx)("span",{className:"".concat(t().sm_label),children:j._n[V].Children}),(0,a.jsx)("span",{className:"".concat(t().checkbox_indicator)})]})}),(0,a.jsx)("div",{className:" ".concat(t().valid_error," ").concat(t().error1," "),children:C.error})]})})]}),(0,a.jsxs)("div",{className:"".concat(t().footer_action),children:[(0,a.jsx)("button",{className:"grey ".concat(t().btns),onClick:backHandler,children:j._n[V].Cancel}),(0,a.jsx)("button",{className:"primary ".concat(t().btns),onClick:()=>{validateName(),setTimeout(()=>{if(C.valid&&!0===c.e.profile.languages)toggleLanguageModal();else{var e;C.valid&&(null===(e=L[0])||void 0===e?void 0:e.addProfilePinEnable)?validateAddProfile():C.valid&&saveProfile()}},300)},children:w?(0,a.jsx)("span",{className:" ".concat(t().loader),children:(0,a.jsx)(f.Z,{type:"button"})}):(0,a.jsxs)("span",{children:[" ",j._n[V].Save]})})]})]})}),o.isActive&&"emoji"===o.type&&(0,a.jsx)(r.Z,{userProfileInfo:E,popupData:o}),w&&!0===c.e.profile.languages&&(0,a.jsx)(I,{open:w,additionalData:{from:"createprofile"},callback:e=>{var o;E.langs=e,E.name=x.current.value,E.isChildren=M,A({...E}),toggleLanguageModal(),(null===(o=L[0])||void 0===o?void 0:o.addProfilePinEnable)?validateAddProfile():saveProfile()},onClose:toggleLanguageModal,hideContentDisplay:!0}),!!o.isActive&&"pinprofile"===o.type&&(0,a.jsx)(y,{pinProfileResponse:O,popupData:o,validatePincodeCallBack:e=>{saveProfile("".concat(e))}})]})},S=l(79561),w=!0;function CreateUserProfilePage(e){let{seodata:o}=e;return(0,a.jsxs)(a.Fragment,{children:[o&&(0,a.jsx)(S.Z,{seodata:o}),(0,a.jsx)(create_user_profile_component,{})]})}},50181:function(e){e.exports={primaryColor:"#d13338",whiteColor:"#fff",bodyColor:"#000",page_loader:"loader_page_loader__F3T2W",icon:"loader_icon__ZnJXA",spin:"loader_spin__WhEv_",btn_loader:"loader_btn_loader__jC8_k"}},52007:function(e){e.exports={primaryColor:"#d13338",whiteColor:"#fff",bodyColor:"#000",sharecontent_modal:"choose-emoji-popup_sharecontent_modal__EPdo_",cross_icon:"choose-emoji-popup_cross_icon__4Tja8",main_modal:"choose-emoji-popup_main_modal__O473r",modal_wrapper:"choose-emoji-popup_modal_wrapper__1K54P",modal_content:"choose-emoji-popup_modal_content__bV31F",modal_header:"choose-emoji-popup_modal_header__BZ8mK",modal_title:"choose-emoji-popup_modal_title___HlmX",modal_subtitle:"choose-emoji-popup_modal_subtitle__AHfAI",profileIcon_block:"choose-emoji-popup_profileIcon_block__vubfn",profileIcon_list:"choose-emoji-popup_profileIcon_list__NcKw_",profileIcon:"choose-emoji-popup_profileIcon__UuW42",profileSelected:"choose-emoji-popup_profileSelected__qWf9R",profileImg:"choose-emoji-popup_profileImg__rvfih",profileselect_Img:"choose-emoji-popup_profileselect_Img__xZoRu",footer_actions:"choose-emoji-popup_footer_actions___dFcT",btns:"choose-emoji-popup_btns__DIK8c"}}},function(e){e.O(0,[1664,1994,361,8271,7303,6011,1122,9774,2888,179],function(){return e(e.s=97840)}),_N_E=e.O()}]);