https://opensports.net/_next/static/chunks/pages/leagues/teams/[teamSeasonMemberID]/invite-ea60501d94074297.js

1
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="95d1fd6c-fc9c-51de-88d2-bbef08782c95")}catch(e){}}();
3(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37207],{10510:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/leagues/teams/[teamSeasonMemberID]/invite",function(){return t(17684)}])},17684:function(e,i,t){"use strict";t.r(i),t.d(i,{default:function(){return G}});var n=t(85893),o=t(67294),l=t(30381),s=t.n(l),a=t(76155),r=t(17453),d=t(93967),u=t.n(d),v=t(56989),c=t(41219),m=t(98081),p=t.n(m);function h(e){let{t:i}=e,[t,l]=(0,o.useState)(""),s=()=>l(""),a=()=>{e.onSubmit&&e.onSubmit((0,v.parseEmails)(t),s)},d=(0,v.parseEmails)(t),m=0===d.length,h=i("invite:sendInvite",{count:d.length});return(0,n.jsxs)("form",{className:u()(p().invite),onSubmit:e=>{e.preventDefault(),a()},children:[(0,n.jsx)(r.Z,{"data-testid":"league-invite-emails",className:p().textArea,minRows:4,maxRows:12,value:t,useCacheForDOMMeasurements:!0,placeholder:i("invite:enterEmails"),onChange:e=>{let{target:{value:i}}=e;l(i)}}),(0,n.jsx)(c.Z,{disabled:e.processing||m,isLoading:e.processing,type:"submit",className:"btn btn-primary btn-sm","data-testid":"send-invites-button",children:m?i("invite:noValidEmails"):h})]})}var _=t(51823),g=t(89382),f=t(33643),y=t(9924),I=t(29e3),S=t(67593),x=t(35599),b=t(32496),C=t(84160),F=t(27881),w=t(11524),j=t(40478),D=t(92444),T=t(2664),M=t(41484),P=t(88835),N=t(86153),E=t(5185),k=t.n(E),A=t(41886);let O=["group","invite","common","helpers","league","leagueAdmin"],{TeamSeason:{fetchTeamInvites:K,fetchTeamSeason:R}}=P.ActionCreators,{TeamSeason:{getTeamSeason:U}}=P.Selectors,Z={pushModal:N.Ll,replaceModals:N.FI,clearModals:N.j_,fetchTeamInvites:K,fetchTeamSeason:R},L=(0,T.$j)((e,i)=>{var t;let n=U(e,null!==(t=i.data.teamSeasonID)&&void 0!==t?t:void 0);return{user:e.auth.user,invites:null==n?void 0:n.invites,dashboard:null==n?void 0:n.dashboard}},Z),B=(0,M.Zh)(O),H=(0,F._)("Invites");class z extends o.Component{static getInitialProps(){return{namespacesRequired:O}}async componentDidMount(){let{data:{teamSeasonID:e}}=this.props;e&&(this.props.fetchTeamInvites(e),this.props.fetchTeamSeason(e))}render(){var e,i,t,o,l,s,r,d,u,c;let{t:m,invites:p,dashboard:_}=this.props,{isProcessing:g}=this.state,f=(0,v.isDelegatedSplitTeam)({payment:null==_?void 0:_.payment}),x=null!==(l=null==_?void 0:null===(e=_.league)||void 0===e?void 0:e.currency)&&void 0!==l?l:"USD",b=null==_?void 0:_.payment,F=(0,D.D)({title:m("helpers:invite")}),{nonPrepaidInvites:w,prepaidInvites:j}=(0,A.Kk)(null!==(s=null==p?void 0:p.list)&&void 0!==s?s:[]);return(0,n.jsx)(C.Z,{team:null==_?void 0:_.team,children:(0,n.jsxs)("div",{className:k().inviteContainer,children:[F,(0,n.jsxs)("div",{className:k().invite,children:[this._renderHeader(),f&&(0,n.jsx)(a.Z,{owing:null!==(r=null==_?void 0:null===(i=_.payment)||void 0===i?void 0:i.owing)&&void 0!==r?r:0,paid:null!==(d=null==_?void 0:null===(t=_.payment)||void 0===t?void 0:t.paid)&&void 0!==d?d:0,price:null!==(u=null==_?void 0:null===(o=_.payment)||void 0===o?void 0:o.price)&&void 0!==u?u:0,currency:x,t:m}),!!x&&(0,n.jsx)(y.Z,{t:m,invites:w.map(e=>(0,A.wi)(e,f)),currency:x,onCreateInviteCodeClick:this._onCreateInviteCodeClick,isDelegated:f,title:m("helpers:invites"),showInviterDetails:!1}),(0,n.jsx)(I.Z,{t:m,invites:j,showInviterDetails:!1}),(0,n.jsxs)("div",{className:k().inviteList,children:[(0,n.jsx)(S.Z,{t:m,currency:x,invites:null!==(c=null==p?void 0:p.list)&&void 0!==c?c:[]}),(0,n.jsxs)("div",{className:k().invitePlayers,children:[(0,n.jsx)("h5",{children:m("invite:invitePlayersByEmail")}),(0,n.jsxs)("div",{className:k().invitePlayersCard,children:[b&&this._renderCaptainPaymentInput(),(0,n.jsx)(h,{t:m,onSubmit:this._inviteToTeam,processing:g})]})]})]})]})]})})}constructor(...e){super(...e),this.state={isProcessing:!1,selected:[],subtotalInput:"",showDialog:null,error:null},this._inviteToTeam=async(e,i)=>{let t;let{t:o,user:l,dashboard:a,data:{teamSeasonID:r}}=this.props,{subtotalInput:d,error:u}=this.state;if(null==a?void 0:a.payment){let e=(0,v.priceStringToCents)(d);if(u){this._onInviteFail(o("invite:invalidInviteAmount"),Error(o("invite:invalidInviteAmount")));return}if(!e.isValid){this.setState({error:o("invite:notValidInput")});return}t=e.amountInCents}if(!r)return;let c={type:"team",teamSeasonID:r,recipients:[],amountInCents:t,expiry:s()().add(2,"month").toISOString()};if(e.length>25){let e=o("common:maxTeamInvites",{count:25});return this._onInviteFail(e,null)}if(c.recipients=e.map(e=>{let i={};return e&&(i.email=e),i}),null==a||!a.payment||await new Promise(e=>{var i;this.props.pushModal({isFullScreen:!0,shouldCloseOnOverlayClick:!1,showCloseButton:!1,content:(0,n.jsx)(g.Z,{isRedux:!0,hideModal:this.props.clearModals,title:o("invite:sendInvites"),body:o("invite:sendInviteToJoinTeamForPrice",{price:(0,v.prettifyPrice)(o,(null!=t?t:0)/100,null!==(i=a.league.currency)&&void 0!==i?i:"USD")}),options:[{text:o("helpers:cancel"),onPress:()=>{this.props.clearModals(),e(!1)}},{text:o("helpers:confirm"),onPress:()=>{this.props.clearModals(),e(!0)}}]})})})){this.setState({isProcessing:!0});try{await (0,j.IG)(c,l),this._onInviteSuccess(i)}catch(i){let e=o("helpers:unableToInviteUsers",{count:c.recipients.length});this._onInviteFail(e,i)}finally{this.setState({isProcessing:!1})}}},this._onInviteFail=(e,i)=>{this.props.pushModal({content:(0,n.jsx)(b.Z,{type:"ERROR",body:(0,v.prettifyErrorMessage)(this.props.t,i,this.props.t("common:couldNotInviteToTeam"))})})},this._createCode=async e=>{let{teamSeasonID:i}=this.props.data,{user:t,t:n}

3=this.props;if(i)try{await (0,j.RE)({type:"team",unlimited:!0,teamSeasonID:i,amountInCents:e},t),this.props.fetchTeamInvites(i,!0),this.props.clearModals()}catch(e){this.props.clearModals(),this._onInviteFail((0,v.prettifyErrorMessage)(n,e,n("invite:couldNotCreateInviteCode")),e)}},this._clearSelected=()=>this.setState({selected:[]}),this._onInviteSuccess=e=>{let{t:i,data:{teamSeasonID:t}}=this.props;e&&(e(),this.setState({subtotalInput:""})),t&&(this.props.fetchTeamInvites(t),this._clearSelected(),this.props.pushModal({content:(0,n.jsx)(b.Z,{type:"SUCCESS",title:i("common:congrats"),body:(0,n.jsx)("div",{children:i("invite:invitesSent")})})}))},this._onCreateInviteCodeClick=()=>{var e,i,t,o,l,s,a,r,d,u,v,c;let{dashboard:m,t:p,clearModals:h}=this.props,_=null!==(a=null==m?void 0:null===(e=m.league)||void 0===e?void 0:e.currency)&&void 0!==a?a:"USD",g=null!==(r=null==m?void 0:null===(i=m.payment)||void 0===i?void 0:i.owing)&&void 0!==r?r:0,y=null!==(d=null==m?void 0:null===(t=m.payment)||void 0===t?void 0:t.price)&&void 0!==d?d:0,I=null!==(u=null==m?void 0:null===(o=m.payment)||void 0===o?void 0:o.paid)&&void 0!==u?u:0,S=null!==(v=null==m?void 0:null===(l=m.league)||void 0===l?void 0:l.taxes)&&void 0!==v?v:[],x=null!==(c=null==m?void 0:null===(s=m.league)||void 0===s?void 0:s.fees)&&void 0!==c?c:[];this.props.pushModal({shouldCloseOnOverlayClick:!1,showCloseButton:!0,isFullScreen:!1,content:(0,n.jsx)(f.Z,{currency:_,t:p,owing:g,price:y,paid:I,hideModal:h,createCode:this._createCode,taxes:S,fees:x})})},this._setSubtotalInput=e=>{var i,t;let{dashboard:n}=this.props;null===e&&(e="");let o=null!==(t=null==n?void 0:null===(i=n.payment)||void 0===i?void 0:i.owing)&&void 0!==t?t:0,{price:l,isValid:s}=(0,v.parsePriceInput)(e);if(!s)return;let{amountInCents:a,isValid:r}=(0,v.priceStringToCents)(l);r||this.setState({subtotalInput:l,error:this.props.t("invite:invalidInviteAmountPeriod")});let d=null;"number"==typeof o&&a>Math.max(0,o)&&(d=this.props.t("invite:inviteAmountCannotExceedOwing")),this.setState({subtotalInput:l,error:d})},this._renderCaptainPaymentInput=()=>{var e,i,t,o,l,s,a,r;let{dashboard:d,t:u}=this.props,{subtotalInput:c,error:m}=this.state;if(!d)return null;let p=null!==(l=null==d?void 0:null===(e=d.league)||void 0===e?void 0:e.currency)&&void 0!==l?l:"USD",h=null!==(s=null===(i=d.payment)||void 0===i?void 0:i.owing)&&void 0!==s?s:0,g=(0,v.prettifyPriceComponents)(u,h,p),{amountInCents:f,isValid:y}=(0,v.priceStringToCents)(c);return(0,n.jsx)("div",{className:k().amountToBePaid,children:(0,n.jsx)(_.Z,{value:c,label:u("invite:amountToBePaid"),placeholder:"0.00",name:"price",step:".01",onChange:this._setSubtotalInput,addOnBefore:g.currencySymbol,hasError:m&&{message:m},description:(0,v.getFeesAndTaxesDescription)(u,{fees:null!==(a=null==d?void 0:null===(t=d.league)||void 0===t?void 0:t.fees)&&void 0!==a?a:[],taxes:null!==(r=null==d?void 0:null===(o=d.league)||void 0===o?void 0:o.taxes)&&void 0!==r?r:[],subtotalInCents:y?f:null,currency:p})})})},this._renderHeader=()=>(0,n.jsx)(x.Z,{headerTitle:this.props.t("invite:inviteDetails")})}}let q=L(B(z));var G=(0,w.cA)(H(q))},27881:function(e,i,t){"use strict";t.d(i,{_:function(){return b}});var n=t(85893),o=t(67294),l=t(2664),s=t(41484),a=t(9124),r=t(8334),d=t(4547),u=t.n(d),v=t(50812),c=t(88835),m=t(62662),p=t(48452),h=t(56989),_=t(93446);let{UserTeamSeasonMemberDetail:{fetchOneUserTeamSeasonMember:g}}=c.ActionCreators,{UserTeamSeasonMemberDetail:{getUserTeamSeasonMember:f},TeamSeason:{getTeamSeason:y}}=c.Selectors,I={showModal:v.K4};var S=(0,l.$j)((e,i)=>{var t,n,o,l,s;let a=f(e,i.data.teamSeasonMemberID),r=y(e,null!==(s=null==a?void 0:null===(n=a.details)||void 0===n?void 0:null===(t=n.teamSeason)||void 0===t?void 0:t.id)&&void 0!==s?s:void 0),d=null==r?void 0:null===(l=r.dashboard)||void 0===l?void 0:null===(o=l.team)||void 0===o?void 0:o.connectionID,u=e.groupDetail.list.find(e=>{var i;return e.details.id===(null==a?void 0:null===(i=a.details)||void 0===i?void 0:i.group.id)});return{user:e.auth.user,host:e.serverHeaders.host,userTeamSeasonMember:a,groupDetails:u,dashboard:null==r?void 0:r.dashboard,connectionID:d}},I)((0,s.Zh)(["helpers","league"])(function(e){var i,t,l,s,d,v,c,f,y,I,S,x,b,C,F,w,j,D,T,M,P,N;let E=(0,p.u5)(),{userTeamSeasonMember:k,dashboard:A,t:O}=e,{teamSeasonMemberID:K}=e.data,R=e.data.teamSeasonID||(null==k?void 0:null===(t=k.details)||void 0===t?void 0:null===(i=t.teamSeason)||void 0===i?void 0:i.id),U=e.data.leagueSeasonID||(null==k?void 0:null===(s=k.details)||void 0===s?void 0:null===(l=s.leagueSeason)||void 0===l?void 0:l.id),Z=!(null==k?void 0:k.receivedAt)||Date.now()-(null==k?void 0:k.receivedAt)>6e4,L=(null==A?void 0:A.team)&&(0,h.checkIfTeamCanCreateInviteCodes)(A.team);if((0,o.useEffect)(()=>{Z&&E(g(K))},[E,K,Z]),(0,o.useEffect)(()=>{var i,t;

3!e.groupDetails&&(null===(t=e.userTeamSeasonMember)||void 0===t?void 0:null===(i=t.details)||void 0===i?void 0:i.group.id)&&E((0,_.fetchOneGroup)({id:e.userTeamSeasonMember.details.group.id}))},[E,e.groupDetails,e.userTeamSeasonMember]),!k||!k.receivedAt&&k.loading)return(0,n.jsx)("div",{className:u().containerL,children:(0,n.jsx)(r.Z,{color:"#F5F0F0"})});if(!R&&!U)return(null==k?void 0:k.error)?(0,n.jsx)("div",{className:u().messageL,children:(0,h.prettifyErrorMessage)(O,k.error)}):null;let B=!!(null===(c=e.groupDetails)||void 0===c?void 0:null===(v=c.details.metadata)||void 0===v?void 0:null===(d=v.features)||void 0===d?void 0:d.includes("supportCases")),H="/leagues/teams/".concat(e.data.teamSeasonMemberID,"/"),z=[{title:O("helpers:home"),selectedKey:"Home",url:H+"home",icon:(0,n.jsx)("i",{className:"fa fa-home"})},{title:O("helpers:announcements"),selectedKey:"Announcements",url:H+"announcements",icon:(0,n.jsx)("i",{className:"fa fa-bullhorn"})},{title:O("helpers:notifications"),selectedKey:"Notifications",url:H+"notifications",icon:(0,n.jsx)("i",{className:"fa fa-bell"})}];(null==k?void 0:null===(y=k.details)||void 0===y?void 0:null===(f=y.teamSeason)||void 0===f?void 0:f.name)&&(z.push({title:O("league:matches"),selectedKey:"Matches",url:H+"matches",icon:(0,n.jsx)("i",{className:"fa fa-flag"})}),(null==k?void 0:null===(N=k.details)||void 0===N?void 0:null===(P=N.leagueSeason)||void 0===P?void 0:P.standingsPublished)&&z.push({title:O("league:standings"),selectedKey:"Standings",url:H+"standings",icon:(0,n.jsx)("i",{className:"fa fa-trophy"})})),z.push({title:O("helpers:invoices"),selectedKey:"Invoices",url:H+"invoices",icon:(0,n.jsx)("i",{className:"fa fa-money"})});let{connectionID:q}=e;if(q&&z.push({title:O("league:teamChat"),selectedKey:"Team Chat",onPress:()=>{(0,m.B_)({connectionID:q})},icon:(0,n.jsx)("i",{className:"fa fa-commenting"})}),(null==k?void 0:null===(S=k.details)||void 0===S?void 0:null===(I=S.teamSeasonMember)||void 0===I?void 0:I.isCaptain)&&L&&z.push({title:O("helpers:invite"),selectedKey:"Invites",url:H+"invite",icon:(0,n.jsx)("i",{className:"fa fa-envelope"})}),e.groupDetails&&(B||(null==k?void 0:null===(x=k.details)||void 0===x?void 0:x.supportUser)&&(null==k?void 0:null===(C=k.details)||void 0===C?void 0:null===(b=C.supportUser)||void 0===b?void 0:b.id)!==(null===(F=e.user)||void 0===F?void 0:F.id))&&z.push({title:O("helpers:getHelp"),selectedKey:"Get Help",onPress:()=>{var i,t,n;if(!k.details)return;let o=!!(null===(n=e.groupDetails)||void 0===n?void 0:null===(t=n.details.metadata)||void 0===t?void 0:null===(i=t.features)||void 0===i?void 0:i.includes("supportCases")),l={id:k.details.leagueSeason.id,title:k.details.leagueSeason.title,headerPhotoURL:null};if(!o&&k.details.supportUser){(0,m.BR)({users:[k.details.supportUser],groupID:k.details.group.id,initialMessageData:{league:[l]}});return}(0,m.Cx)({groupID:k.details.group.id,initialMessageData:{league:[l]}})},icon:(0,n.jsx)("i",{className:"fa fa-question-circle"})}),null==k?void 0:null===(w=k.details)||void 0===w?void 0:w.leagueSeason){let e="/leagues/".concat(k.details.leagueSeason.id,"/info/");z.push({title:O("league:viewRegistration"),selectedKey:"View Registration",url:e,icon:(0,n.jsx)("i",{className:"fa fa-external-link"})})}let G={...{...e.data},leagueSeasonID:U,teamSeasonID:R},V={...e,data:G};return(0,n.jsx)(a.YE,{...V,tabs:z,title:null==k?void 0:null===(D=k.details)||void 0===D?void 0:null===(j=D.teamSeason)||void 0===j?void 0:j.name,subtitle:null==k?void 0:null===(M=k.details)||void 0===M?void 0:null===(T=M.leagueSeason)||void 0===T?void 0:T.title,backLinkText:O("league:switchTeam"),backlinkHref:"/leagues/teams/overview"})})),x=t(11163);function b(e){return function(i){let t=t=>{let o={teamSeasonMemberID:(0,x.useRouter)().query.teamSeasonMemberID};return(0,n.jsx)(S,{data:o,selectedTab:e,children:(0,n.jsx)(i,{...t})})};return t.getInitialProps=async e=>{let t;return i.getInitialProps&&(t=await i.getInitialProps(e)),{...t,teamSeasonMemberID:e.query.teamSeasonMemberID,showCustomNavbar:!0}},t}}},98081:function(e){e.exports={checkbox:"Form_checkbox__Cd9T0",description:"Form_description__xezpA",dropdown:"Form_dropdown__DBcJ8",menu:"Form_menu__Qy7_F",dropdownOption:"Form_dropdownOption__Pgc_w",highlightedOption:"Form_highlightedOption__PUzaL",imageField:"Form_imageField__uQYz6",image:"Form_image___Kil9",cameraIcon:"Form_cameraIcon__rVSAu",top:"Form_top__4_Er1",right:"Form_right__lmxdr",bottom:"Form_bottom__o0Mfw",left:"Form_left__0Yfxt",clickable:"Form_clickable__elI68",invite:"Form_invite__xpLLX",buttonGroup:"Form_buttonGroup__RnXOz",inputHeading:"Form_inputHeading__lm2TI",restrictWidth:"Form_restrictWidth__

3VM3r8",edit:"Form_edit__GS_KA",noHorizontalPaddings:"Form_noHorizontalPaddings__swtuO",sportCardsContainer:"Form_sportCardsContainer__UThsL",sportCard:"Form_sportCard___erH4",error:"Form_error__SIAiB",backgroundImage:"Form_backgroundImage__2eDKS",inline:"Form_inline__gWwqq",sr:"Form_sr__yWnuY",comboBox:"Form_comboBox__hMhQy",fieldGroup:"Form_fieldGroup__dOQXx",quantity:"Form_quantity__aAmpN",price:"Form_price__0dLNT",title:"Form_title__Czz4j",accessCode:"Form_accessCode__1mA5D",headerRow:"Form_headerRow__rAfcc",narrowForm:"Form_narrowForm__xtuKn",indented:"Form_indented__ydyl9",radio:"Form_radio__PQqjo",radioInline:"Form_radioInline__bnypc",strong:"Form_strong___wLl7",notice:"Form_notice__zty_I",timeSelector:"Form_timeSelector__P9RU8",space:"Form_space__lsTm_"}}},function(e){e.O(0,[41160,92796,41886,97208,92888,49774,40179],function(){return e(e.s=10510)}),_N_E=e.O()}]);
4//# sourceMappingURL=invite-ea60501d94074297.js.map
5//# debugId=95d1fd6c-fc9c-51de-88d2-bbef08782c95