https://staticweb6.jiosaavn.com/web6/jioindw/dist/1790247351/_s/Fa…tainer-manageMember.a98f44d30a9b6d99cb2d.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[201],{77241:(e,t,n)=>{n.d(t,{SZ:()=>l,eD:()=>i});var a=n(13806);const i=(0,a.P1)([e=>e.global.isMobile],e=>e),l=((0,a.P1)([e=>e.global.currentScreenName],e=>e),(0,a.P1)([e=>e.familyDuo],e=>e))},50188:(e,t,n)=>{n.r(t),n.d(t,{default:()=>g});var a=n(89526),i=n(87459),l=n(12384),r=n(83277),s=n(50997),o=n(34726),m=n(24385);const c=e=>{const{androidPadding:t,ctx:n,inviteCTA:i,memberLimit:l,memberList:r,planType:s,showLoader:o}=e,{handleInvite:m,openRemoveModal:c,closeRemoveModal:d,removeMember:v,handleCTA:u,handleExternalLink:g}=e,E="https://staticweb6.jiosaavn.com/web6/jioindw/dist/1707975180/_i/default_images/default-user-150x150.jpg",p="https://www.jiosaavn.com/corporate/terms/?fullscreen=true";return a.createElement("div",null,a.createElement("main",{className:"m",role:"main",style:{paddingTop:`${t}px`,position:"fixed",height:"100%",width:"100%"}},a.createElement("div",{className:"o-wrapper--full"},a.createElement("div",{className:""},a.createElement("div",{className:"m-heading"},a.createElement("div",{className:"m-heading__back icon",onClick:()=>u("","Back Button")},a.createElement("img",{src:"https://staticfe.saavn.com/web/6.0/_i/left-back-arrow.png",alt:"back-button"})),a.createElement("div",{className:"m-heading__content"},"Manage Membership")),a.createElement("div",{className:"m-content"},a.createElement("div",{className:"m-content-title"},"Your Pro ",s,a.createElement("div",null,"Plan Members")),a.createElement("div",{className:"m-content-description"},"Each ",s," member must join in your plan with their own separate JioSaavn account. If they do not have an account, they can create one for free.")),""==s?a.createElement("div",{className:"o-box u-align-center",style:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:"180px"}},a.createElement("span",{className:"c-spinner c-spinner--secondary u-margin-right-small@sm"})):a.createElement(a.Fragment,null,a.createElement("div",{className:"m-list"},a.createElement("div",{className:"m-list-head"},"You can add up to",a.createElement("strong",null," ",l," family member","Duo"==s?"":"s"," "),"to your Pro ",s," account"),a.createElement("div",{className:"m-list-container"},a.createElement(a.Fragment,null,a.createElement("div",{className:"m-list-container-section"},a.createElement("div",{style:{display:"flex",alignItems:"center"}},a.createElement("div",{className:"m-list-container-section-bullet"},a.createElement("div",{className:"m-list-container-section-bullet-circle"},a.createElement("img",{src:E,alt:"Placeholder"}))),a.createElement("div",{className:"m-list-container-section-content"},a.createElement("div",null,"You"),a.createElement("div",{style:{fontWeight:"400",fontSize:"12px"}},"Plan Admin & Manager")))),r.length>0?r.map(e=>a.createElement("div",{key:Math.random()},a.createElement("hr",{className:"m-list-container-hr"}),a.createElement("div",{className:"m-list-container-section"},a.createElement("div",{style:{display:"flex",alignItems:"center"}},a.createElement("div",{className:"m-list-container-section-bullet"},a.createElement("div",{className:"m-list-container-section-bullet-circle"},a.createElement("img",{src:E,alt:"Placeholder"}))),a.createElement("div",{className:"m-list-container-section-content"},a.createElement("div",null,e.display_name),a.createElement("div",{style:{fontWeight:"400",fontSize:"12px"}},e.subtext))),a.createElement("div",{className:"m-list-container-section-content-remove",onClick:()=>c(e.uid)},"Remove")))):a.createElement("div",null)))),l==r.length?a.createElement("div",{className:"m-disclaimer"},"For any queries, kindly go through the",a.createElement("br",null),"android"==n?a.createElement("a",{href:p,onClick:()=>g(p,"T&C Manage Invite Page")},"JioSaavn Family/Duo Terms and Conditions"):a.createElement("p",{style:{display:"inline",margin:0,textDecoration:"underline"},onClick:()=>g(p,"T&C Manage Invite Page")},"JioSaavn Family/Duo Terms and Conditions")):a.createElement("div",{className:"m-disclaimer"},"Share the invite link below with up to ",l," ",s," member","Duo"==s?"":"s"," to get them on to your ",s," Pro plan. ","android"==n?a.createElement("a",{href:p,onClick:()=>g(p,"T&C Manage Family Page")},"T&C Apply"):a.createElement("span",{style:{display:"inline",margin:0,textDecoration:"underline"},onClick:()=>g(p,"T&C Manage Family Page")},"T&C Apply")),i?a.createElement("div",{className:"m-cta m-cta-green",onClick:()=>m()},"Invite ",s," Member"):a.createElement("div",null))))),a.createElement("div",{id:"remove-member",className:"m-remove-member"},o?a.createElement(a.Fragment,null,a.createElement("div",{className:"o-box u-align-center m-remove-member-container",style:{display:"flex",justifyContent:"center",alignItems:"center"}},a.createElement("span",{className:"c-spinner c-spinner--secondary u-margin-right-small@sm"}))):a.createElement(a.Fragment,null,a.createElement("div",{className:"o-box u-align-center m-remove-member-container"},a.createElement("h5",{className:"m-remove-member-container-header"},"Confirm User Removal"),a.createElement("p",{className:"m-remove-member-container-sub"},"By removing a user, the user will loose all the Pro exclusive features. "),a.createElement("div",{className:"m-remove-member-container-button"},a.createElement("div",{className:"m-cta m-cta-green",onClick:()=>d(),style:{color:" #00B597",background:"white",border:"1px solid #00B597"}},"No"),a.createElement("div",{className:"m-cta m-cta-green",onClick:()=>v()},"Yes"))))))};var d=n(40563),v=n(77241);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},u.apply(null,arguments)}const g=()=>{const[e,t]=(0,a.useState)(""),[n,g]=(0,a.useState)(""),[E,p]=(0,a.useState)({}),[y,h]=(0,a.useState)(!1),[b,f]=(0,a.useState)("32"),N=(0,l.I0)(),_=(0,r.s0)(),S=(0,l.v9)(v.SZ),M=(0,l.v9)(v.eD);(0,a.useEffect)(()=>{const e=window.location.search,t=new URLSearchParams(e);t.get("nbp")&&f(t.get("nbp"));const n={};for(const[e,a]of t.entries())n[e]=a;["android","iphoneapp"].includes(n.ctx)&&M||_("/family/joinme/id?fromMemberPage=true"),p({...n}),N(d.e1(n));let a=(0,s.P7)({bot_src:{screen_name:o.j2.MANAGE_MEMBER,entity_name:o.j2.MANAGE_MEMBER,entity_id:o.j2.MANAGE_MEMBER,entity_type:"family/duo"},event_type:o.oH});N((0,m.Kz)({data:a}))},[]);(0,i.Z)(()=>{x("Invite Family",n.split("/")[5]);let e="Steps to start your Pro experience\n\nIf you are an existing user, click on the link below and log in with your existing details to enjoy your JioSaavn Pro plan.\n\nIf you are a NEW user, register for free to enjoy your JioSaavn Pro plan.\n\nStep 1: Download your JioSaavn app\n\nStep 2: Signup to JioSaavn (Compulsory)\n\nStep 3: Click on the link below and accept invitation to start using Pro features\n\n";

1if("iphoneapp"==E.ctx){let t={url:n,title:"JioSaavn Pro",desc:e};window.webkit.messageHandlers.__share.postMessage(JSON.stringify(t))}else if(JioSaavn){let t={url:n,title:"JioSaavn Pro",desc:`${e}${n}`};JioSaavn.__share(JSON.stringify(t))}},[n]);const w=function(){(!(arguments.length>0&&void 0!==arguments[0])||arguments[0])&&x("Remove User Modal : No"),document.getElementById("remove-member").classList.remove("m-visible"),t("")},x=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=(0,s.P7)({bot_src:{screen_name:o.j2.MANAGE_MEMBER,entity_name:e,entity_id:(0,s.uM)(e),entity_type:o.JB},event_type:o.bQ});t&&(n.extraInfo={invite_id:t}),N((0,m.Kz)({data:n}))};return a.createElement(c,u({},S,{androidPadding:b,ctx:E.ctx,closeRemoveModal:w,handleCTA:(e,t)=>{x(t),"iphoneapp"==E.ctx?window.webkit.messageHandlers.__closeWVandTriggerLink.postMessage(JSON.stringify(e)):JioSaavn&&JioSaavn.__closeWVandTriggerLink(e)},handleExternalLink:(e,t)=>{x(t),"iphoneapp"==E.ctx?window.webkit.messageHandlers.__triggerExternalLink.postMessage(JSON.stringify(e)):JioSaavn&&JioSaavn.__triggerExternalLink(e)},handleInvite:()=>{N(d.f$(g,E))},openRemoveModal:e=>{x("Remove User Button"),document.getElementById("remove-member").classList.add("m-visible"),t(e)},removeMember:async()=>{x("Remove User Modal : Yes"),h(!0);N(d.Ah(e,S.memberList,E))?(w(!1),h(!1)):h(!1)},sendClickEvent:x,showLoader:y}))}}}]);