1"use strict";(self.webpackChunkgloss=self.webpackChunkgloss||[]).push([[4947],{9392(e,i,t){t.d(i,{h:()=>c});var n,a,s=t(27565),r=["title","titleId"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var t=arguments[i];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(null,arguments)}function l(e,i){var t=e.title,l=e.titleId,c=function(e,i){if(null==e)return{};var t,n,a=function(e,i){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==i.indexOf(n))continue;t[n]=e[n]}return t}(e,i);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],-1===i.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,r);return s.createElement("svg",o({width:140,height:140,viewBox:"0 0 140 140",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:i,"aria-labelledby":l},c),t?s.createElement("title",{id:l},t):null,n||(n=s.createElement("g",{opacity:.5,clipPath:"url(#clip0_1973_118080)"},s.createElement("path",{d:"M103.229 69.8416C103.229 75.7207 98.4631 80.4866 92.584 80.4866L86.1523 80.4866L76.5273 80.4866L48.1856 80.4866C44.7482 80.4866 41.4946 82.0389 39.3318 84.7107L36.1999 88.5796C35.1619 89.862 33.0995 89.3564 32.7723 87.7393C31.9184 83.52 28.2097 80.4866 23.9049 80.4866L19.1228 80.4866C14.8166 80.4866 11.3257 76.9957 11.3257 72.6895L11.3257 29.7487C11.3257 23.8696 16.0916 19.1037 21.9707 19.1037L92.584 19.1037C98.4631 19.1037 103.229 23.8696 103.229 29.7487L103.229 69.8416Z",stroke:"#131313",strokeWidth:7.09668}),s.createElement("path",{opacity:.1,d:"M106.777 67.3627C106.777 75.2015 100.423 81.5561 92.584 81.5561L86.1523 81.5561L66.9019 81.5561L45.831 81.5561C43.9066 81.5561 42.0518 82.2761 40.6314 83.5746L39.7987 84.3359C37.066 86.8341 32.8134 86.5971 30.3752 83.8107C29.1215 82.3779 27.3103 81.5561 25.4065 81.5561L21.9647 81.5561C14.1293 81.5561 7.77735 75.2042 7.77735 67.3687L7.77736 29.7487C7.77736 21.9099 14.1319 15.5553 21.9707 15.5553L92.584 15.5554C100.423 15.5554 106.777 21.9099 106.777 29.7487L106.777 67.3627Z",fill:"#CFCFCF"}),s.createElement("path",{d:"M134.445 99.4299C134.445 107.269 128.091 113.623 120.252 113.623L116.112 113.623L99.0005 113.623L80.2798 113.623C78.5645 113.623 76.9123 114.271 75.6535 115.436L74.9206 116.114C72.4941 118.36 68.6892 118.148 66.5272 115.647C65.4168 114.362 63.8027 113.623 62.1045 113.623L59.0242 113.623C52.0771 113.623 46.4453 107.992 46.4453 101.044L46.4453 68.416C46.4453 60.5773 52.7999 54.2227 60.6387 54.2227L120.252 54.2227C128.091 54.2227 134.445 60.5773 134.445 68.416L134.445 99.4299Z",fill:"#CFCFCF"}),s.createElement("path",{d:"M130.897 98.8872C130.897 104.766 126.131 109.532 120.252 109.532L115.348 109.532L106.436 109.532L80.1746 109.532C76.9312 109.532 73.8584 110.985 71.8005 113.492L68.8547 117.081C68.0409 118.072 66.4413 117.676 66.1835 116.42C65.3606 112.41 61.8318 109.532 57.7386 109.532L53.297 109.532C49.4475 109.532 46.327 106.412 46.327 102.562L46.327 64.749C46.327 58.87 51.0929 54.104 56.972 54.104L120.252 54.104C126.131 54.104 130.897 58.87 130.897 64.749L130.897 98.8872Z",stroke:"#131313",strokeWidth:7.09668}))),a||(a=s.createElement("defs",null,s.createElement("clipPath",{id:"clip0_1973_118080"},s.createElement("rect",{width:140,height:140,fill:"white"})))))}var c=s.forwardRef(l);t.p},8088(e,i,t){t.d(i,{L:()=>l});var n=t(20454),a=t(40024),s=t(55334),r=t(95578),o=t(27929),l=e=>{var i=Object.assign({},((0,n.A)(e),e));return 1==i.avatars.length?(0,o.jsx)(s.so,{css:{justifyContent:"center",alignItems:"center",width:"100%"},children:(0,o.jsx)(a.eu,{css:{width:"47px",height:"47px"},imageUrl:i.avatars[0].image,initials:(0,r.IM)(i.avatars[0].name)})}):(0,o.jsxs)(s.so,{children:[(0,o.jsx)(a.eu,{css:{height:"38px",width:"38px",border:"2px solid var(--White, #FFF)"},imageUrl:i.avatars[0].image,initials:(0,r.IM)(i.avatars[0].name)}),i.avatars.length>2?(0,o.jsx)(a.eu,{css:{height:"38px",width:"38px",backgroundColor:"white",border:"1.5px solid var(--Grey-3, #CFCFCF)",position:"relative",top:"14px",right:"24px"},initials:"+"+(i.avatars.length-1),fontColor:"grey5",fontVariant:"title"}):(0,o.jsx)(a.eu,{css:{height:"38px",width:"38px",position:"relative",top:"14px",right:"24px",border:"2px s
1olid var(--White, #FFF)"},imageUrl:i.avatars[1].image,initials:(0,r.IM)(i.avatars[1].name)})]})}},79519(e,i,t){t.d(i,{s:()=>W});var n=t(89379),a=t(10467),s=t(5544),r=t(27565),o=t(12386),l=t(77265),c=t(78119),d=t(47629),h=t(40024),x=t(286),p=t(93825),u=t(55334),g=t(29425),v=t(95578),j=t(27929),m=e=>{var i,t,n=e.isUser,a=void 0!==n&&n,o=e.isAdmin,l=void 0!==o&&o,c=e.content,d=e.createdAt,m=e.messageAssets,b=e.sender,f=(0,r.useState)(null),y=(0,s.A)(f,2),C=y[0],w=y[1],k=new Date(d).toLocaleTimeString("en-GB",{day:"2-digit",month:"long",year:"numeric",hour:"numeric",minute:"2-digit",hour12:!0}),I=(0,r.useContext)(g.yA).mediaProvider===g.YE.TWICPICS;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(u.so,{css:{flexDirection:"column",maxWidth:"700px",minWidth:"250px",alignSelf:a?"flex-end":"flex-start",marginTop:"8px",wordBreak:"break-word",overflowWrap:"break-word",whiteSpace:"normal"},children:[(0,j.jsxs)(u.so,{css:{marginBottom:"8px",justifyContent:"space-between",alignItems:"center"},children:[(0,j.jsxs)(u.so,{css:{alignItems:"center"},children:[l?(0,j.jsx)(u.so,{css:{height:"28px",width:"28px",alignItems:"center",justifyContent:"center",backgroundColor:"$black",borderRadius:"29px",marginRight:"12px"},children:(0,j.jsx)(x.In,{variant:"rebrandLogo",size:18,color:"white"})}):(0,j.jsx)(h.eu,{css:{width:"28px",height:"28px",marginRight:"12px",backgroundColor:"$grey2",border:null!==b&&void 0!==b&&null!==(i=b.featuredAsset)&&void 0!==i&&i.mediaUrl?void 0:"1.65px solid #131313"},imageUrl:null===b||void 0===b||null===(t=b.featuredAsset)||void 0===t?void 0:t.mediaUrl,initials:(0,v.IM)(b.name),fontColor:"black"}),(0,j.jsx)(x.EY,{variant:"b3Bold",children:l?"Contact (".concat(b.name,")"):b.name})]}),(0,j.jsx)(x.EY,{variant:"b3",css:{marginLeft:"8px"},children:k})]}),(0,j.jsxs)(u.so,{css:{borderRadius:"8px",padding:"12px 16px 12px 16px",backgroundColor:a?"$black":"$grey2",gap:"10px",flexDirection:"column"},children:[(0,j.jsx)(x.EY,{variant:"body2",color:a?"white":"black",children:c}),m&&m.length>0&&(0,j.jsx)(u.so,{css:{gap:"$2",flexWrap:"wrap"},children:m.map(e=>(0,j.jsx)(u.so,{css:{position:"relative",width:"100px",height:"100px",borderRadius:"$md",overflow:"hidden",cursor:"pointer"},onClick:()=>w(e.mediaUrl),children:I?(0,j.jsx)(p.e,{src:"messaging".concat(new URL(e.mediaUrl).pathname),alt:e.filename,style:{width:"100%",height:"100%",objectFit:"cover"}}):(0,j.jsx)("img",{src:e.mediaUrl,alt:e.filename,style:{width:"100%",height:"100%",objectFit:"cover"}})},e.id))})]})]}),C&&(0,j.jsx)(x.aF,{isOpen:!!C,onClose:()=>w(null),width:"wide",children:(0,j.jsx)(u.so,{css:{justifyContent:"center",alignItems:"center"},children:(0,j.jsx)("img",{src:C,style:{maxWidth:"100%",maxHeight:"80vh",objectFit:"contain"}})})})]})},b=t(72079),f=t(84702),y=t(88702),C=t(70161),w=t(83361),k=t(26709),I=t(63654),A=t(59531),E=t(12249),L=t(40217),D=e=>{var i,t,n,a,l,c=e.onClose,d=e.isJobDetails,p=void 0!==d&&d,g=e.jobId,m=e.jobSlug,D=e.chatroomName,F=e.participants,$=(0,o._)(w.io,{variables:{jobId:g}}),S=(0,s.A)($,2),R=S[0],P=S[1],Y=P.data,T=P.loading;(0,r.useEffect)(()=>{R()},[]);var z=F.filter(b.Ic);return(0,j.jsx)(u.so,{css:{width:"477px",boxShadow:"0px 5px 20px 0px #00000033",marginLeft:"16px",flexDirection:"column",padding:"8px 16px",overflow:"auto","@md":{height:"962px",position:"absolute",right:0,backgroundColor:"$white"}},children:p?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(u.so,{css:{justifyContent:"space-between",alignItems:"center"},children:[(0,j.jsxs)(u.so,{css:{alignItems:"center",gap:"8px"},children:[(0,j.jsx)(x.In,{variant:"jobs"}),(0,j.jsx)(x.EY,{variant:"headline3",children:"Job details"})]}),(0,j.jsx)(y.$n,{css:{marginLeft:"12px"},variant:"tertiaryLight",disabled:T,onClick:()=>{var e="jobs/".concat(m);window.open(e,"_blank","noopener, noreferrer")},children:(0,j.jsxs)(u.so,{css:{alignItems:"center"},children:[(0,j.jsx)(x.In,{variant:"eye",color:"grey5",css:{marginRight:"6px"}}),"View full job"]})}),(0,j.jsx)(y.$n,{variant:"unstyled",onClick:c,children:(0,j.jsx)(x.In,{variant:"cross"})})]}),T?(0,j.jsx)(C.Rh,{}):(0,j.jsx)(j.Fragment,{children:(null===Y||void 0===Y?void 0:Y.job)&&(0,j.jsxs)(u.xA,{css:{gridColumns:2,gap:"$6",marginTop:"12px"},children:[(0,j.jsx)(u.az,{css:{gridColumn:"span 2"},children:(0,j.jsxs)(u.so,{css:{alignContent:"center",gap:"8px"},children:[(0,j.jsx)(x.In,{variant:"jobType",size:24}),(0,j.jsx)(x.EY,{variant:"nh2",css:{fontSize:"24px"},children:Y.job.name})]})}),(0,j.jsx)(u.az,{css:{gridColumn:"span 2"},children:(0,j.jsx)(C.cu,{title:"Owned by",body:(0,j.jsx)(u.so,{css:{gap:"$4",flexDirection:"column"},children:(0,j.jsxs)(u.so,{css:{alignItems:"center",gap:"$3"},children:[(0,j.jsx)(h.eu,{size:"$largeAvatar",imageUrl:null===(i=Y.job.assignedAgent)||void 0===i||null===(t=i.featuredAsset)||void 0===t?void 0:t.mediaUrl,initials:(0,v.IM)(null===(n=Y.job.assignedAgent)||void 0===n?void 0:n.name)}),(0,j.jsx)(x.EY,{variant:"b2",css:{fontWeight:"$normal"},children:Y.job.assignedAgent?null===(a=Y.job.assignedAgent)||void 0===a?void 0:a.name:"No owner"})]})})})}),(0,j.jsx)(u.az,{css:{mr:"$10"},children:(0,j.jsx)(C.cu,{title:"Date",body:(0,j.jsx)("span",{children:Y.job.endD
1ate&&Y.job.startDate!==Y.job.endDate?"".concat(new Date(Y.job.startDate).toLocaleDateString("en-GB",{day:"2-digit",month:"long",year:"numeric"})," to \n").concat(new Date(Y.job.endDate).toLocaleDateString("en-GB",{day:"2-digit",month:"long",year:"numeric"})):new Date(Y.job.startDate).toLocaleDateString("en-GB",{day:"2-digit",month:"long",year:"numeric"})})})}),[k.dq.Finalized,k.dq.Completed].includes(Y.job.state)&&(0,j.jsx)(u.az,{children:(0,j.jsx)(C.cu,{title:"Location",body:Y.job.virtual?"Virtual":Y.job.fullAddress||Y.job.location})}),[k.dq.PendingApproval,k.dq.Approved,k.dq.Rejected,k.dq.Expired,k.dq.Cancelled].includes(Y.job.state)&&(0,j.jsx)(u.az,{children:(0,j.jsx)(C.cu,{title:"Location",body:Y.job.virtual?"Virtual":Y.job.location})}),(0,j.jsx)(u.az,{css:{gridColumn:"span 2"},children:(0,j.jsx)(C.cu,{title:"Description",body:(0,j.jsx)(C.u$,{text:Y.job.description})})}),Y.job.brand&&(0,j.jsx)(C.cu,{title:"Brand",body:Y.job.brand}),Y.job.booker&&(0,j.jsx)(C.cu,{title:"Booked by",body:(0,j.jsx)(x.EY,{css:{textDecoration:"underline"},children:Y.job.booker.name})}),Y.job.headcountEstimate&&(0,j.jsx)(C.cu,{title:"Headcount Estimate",body:(0,E.k)(k.a_,Y.job.headcountEstimate)}),(0,j.jsx)(C.cu,{title:"Travel Expenses Covered",body:(0,A.UE)(Y.job)}),(0,j.jsx)(C.cu,{title:"Nudity Involved",body:Y.job.nudityType?(0,E.k)(k.nT,Y.job.nudityType):"No"}),(0,j.jsx)(C.cu,{title:"Self Tape Required",body:Y.job.selfTapeRequired?"Yes":"No"}),(0,j.jsx)(C.cu,{title:"Catering Provided",body:Y.job.cateringProvided?"Yes":"No"}),(null===(l=Y.job)||void 0===l?void 0:l.usages)&&Y.job.usages.length>0&&(0,j.jsx)(u.az,{css:{gridColumn:"span 2"},children:(0,j.jsx)(C.cu,{title:"Usages",body:(0,j.jsx)(C.ec,{usages:Y.job.usages})})}),Y.job.additionalNotes&&(0,j.jsx)(C.cu,{title:"Additional Notes",body:(0,j.jsx)(C.u$,{text:Y.job.additionalNotes})})]})})]}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(u.so,{css:{justifyContent:"space-between",alignItems:"center"},children:[(0,j.jsx)(x.EY,{variant:"headline3",children:"Chat details"}),(0,j.jsx)(y.$n,{variant:"unstyled",onClick:c,children:(0,j.jsx)(x.In,{variant:"cross"})})]}),(0,j.jsx)(x.EY,{variant:"b1Bold",css:{marginTop:"24px"},children:D}),(0,j.jsxs)(x.EY,{variant:"b2",children:[z.length+1," Participants"]}),z.map(e=>{var i,t,n,a,s,r,o,l,c,d,p,g,m=!(null===(i=e.participant)||void 0===i||null===(t=i.talentProfile)||void 0===t||!t.vertical);return(0,j.jsxs)(u.so,{css:{gap:"16px",alignItems:"center",marginTop:"16px"},children:[(0,j.jsx)(h.eu,{css:{height:"58px",width:"58px"},imageUrl:null===(n=e.participant)||void 0===n||null===(a=n.featuredAsset)||void 0===a?void 0:a.mediaUrl,initials:(0,v.IM)(e.participant.name)}),(0,j.jsxs)(u.so,{css:{flexDirection:"column"},children:[(0,j.jsxs)(x.EY,{variant:"b2",children:[e.participant.name," ",(null===(s=I.M_.getState().currentUser.me)||void 0===s?void 0:s.id)===e.participant.id&&"(You)"]}),(0,j.jsxs)(u.so,{css:{gap:"8px",alignItems:"center"},children:[m&&(0,j.jsx)(u.so,{css:{borderRadius:"100px",width:"30px",height:"30px",background:"$".concat(L.o9[null===(r=e.participant)||void 0===r||null===(o=r.talentProfile)||void 0===o?void 0:o.vertical]),border:"2px solid var(--White, #FFF)",alignItems:"center",justifyContent:"center"},children:(0,j.jsx)(x.In,{variant:L.gP[null===(l=e.participant)||void 0===l||null===(c=l.talentProfile)||void 0===c?void 0:c.vertical]})}),(0,j.jsx)(x.EY,{variant:"b3",children:m?(0,f.capitalize)(L.To[null===(d=e.participant)||void 0===d||null===(p=d.talentProfile)||void 0===p?void 0:p.vertical]):(null===(g=e.participant)||void 0===g?void 0:g.kinds)&&(0,f.capitalize)(e.participant.kinds[0])})]})]})]},e.participant.id)}),(0,j.jsxs)(u.so,{css:{gap:"16px",alignItems:"center",marginTop:"16px"},children:[(0,j.jsx)(u.so,{css:{height:"58px",width:"58px",alignItems:"center",justifyContent:"center",backgroundColor:"$black",borderRadius:"29px"},children:(0,j.jsx)(x.In,{variant:"rebrandLogo",size:40,color:"white"})}),(0,j.jsxs)(u.so,{css:{flexDirection:"column"},children:[(0,j.jsx)(x.EY,{variant:"b2",children:"Contact"}),(0,j.jsx)(u.so,{css:{gap:"8px",alignItems:"center"},children:(0,j.jsx)(x.EY,{variant:"b3",children:"Admin"})})]})]})]})})},F=t(8088),$=t(20454),S=e=>{var i=Object.assign({},((0,$.A)(e),e));return i.roles.map((e,t)=>(0,j.jsx)(u.so,{css:{position:"relative",left:"".concat(6*(i.roles.length-t-1),"px"),borderRadius:"100px",width:"30px",height:"30px",background:"$".concat(L.o9[e]),border:"2px s
1olid var(--White, #FFF)",padding:"6px"},children:(0,j.jsx)(x.In,{variant:L.gP[e]})},t))},R=t(9392),P=t(14292),Y=t(42746),T=t(84953),z=t(31884),B=t(23627),M=t(80161),U=t(77329),O=function(){var e=(0,a.A)(function*(e){return(0,U.A)(e,{maxSizeMB:1,useWebWorker:!0,fileType:"image/jpeg"})});return function(i){return e.apply(this,arguments)}}(),X=e=>[...e].sort((e,i)=>new Date(e.createdAt).getTime()-new Date(i.createdAt).getTime()),W=e=>{var i,t=e.chatroom,h=e.archive,p=void 0!==h&&h,g=e.autoFocus,v=void 0!==g&&g,f=(0,B.wm)("s3").uploadFile,A=(0,r.useState)(!1),E=(0,s.A)(A,2),L=E[0],$=E[1],U=(0,r.useRef)(null),W=(0,r.useState)([]),N=(0,s.A)(W,2),G=N[0],q=N[1],_=(0,r.useState)(""),H=(0,s.A)(_,2),V=H[0],Z=H[1],J=(0,r.useState)(!1),K=(0,s.A)(J,2),Q=K[0],ee=K[1],ie=(0,r.useState)(!1),te=(0,s.A)(ie,2),ne=te[0],ae=te[1],se=(0,r.useState)([]),re=(0,s.A)(se,2),oe=re[0],le=re[1],ce=(0,r.useState)(!1),de=(0,s.A)(ce,2),he=de[0],xe=de[1],pe=(0,r.useState)(""),ue=(0,s.A)(pe,2),ge=ue[0],ve=ue[1],je=(0,r.useRef)(null),me=(0,o._)(w.Q4,{fetchPolicy:"network-only",variables:{id:null===t||void 0===t?void 0:t.id}}),be=(0,s.A)(me,2),fe=be[0],ye=be[1],Ce=ye.data,we=ye.loading,ke=(0,l.n)(Y.TV,{onCompleted:e=>{var i=null===e||void 0===e?void 0:e.addMessageToChatroom;i&&q(e=>X([...e,i]))}}),Ie=(0,s.A)(ke,2),Ae=Ie[0],Ee=Ie[1].loading,Le=(0,l.n)(z.c),De=(0,s.A)(Le,1)[0];(0,c.R)(T.s,{onData:e=>{var i,n=e.data;if("MESSAGE"===(null===n||void 0===n||null===(i=n.data)||void 0===i?void 0:i.notificationAdded.type)){var a=n.data.notificationAdded.message;a.chatroom.id===t.id&&q(e=>e.some(e=>e.id===a.id)?e:X([...e,a]))}}}),(0,r.useEffect)(()=>{null!==t&&void 0!==t&&t.id&&fe()},[null===t||void 0===t?void 0:t.id]),(0,r.useEffect)(()=>{var e,i,t=null===Ce||void 0===Ce||null===(e=Ce.chatroom)||void 0===e||null===(i=e.messages)||void 0===i?void 0:i.nodes;t&&q(X(t))},[Ce]),(0,r.useEffect)(()=>{var e;null===(e=je.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},[G]);var Fe=(0,d.V)({accept:["image/*"],multiple:!0,onDrop:function(){var e=(0,a.A)(function*(e){xe(!0);var i=[],t=function*(){var e,t=yield O(n),a=n.name.split(".").slice(0,-1).join(".")+".jpg",s=new File([t],a,{type:"image/jpeg"}),r=yield(0,M.n)(s),o=yield De({variables:{attachment:"messages",byteSize:s.size,checksum:r,contentType:s.type,filename:s.name}}),l=null===o||void 0===o||null===(e=o.data)||void 0===e?void 0:e.generatePresignedUrl;if(l){var c=new Headers;if(l.headers.forEach(e=>{c.append(e.key,e.value)}),yield f.request({url:l.url,headers:c,body:s})){var d={url:URL.createObjectURL(s),upload:{key:l.key,filename:s.name,contentType:s.type,contentLength:s.size}};i.push(d)}}};for(var n of e)yield*t();le(i),xe(!1)});return function(i){return e.apply(this,arguments)}}()}),$e=Fe.getRootProps,Se=Fe.getInputProps,Re=function(){var e=(0,a.A)(function*(){if(!Ee&&(V.trim()||0!==oe.length)){ve("");try{yield Ae({variables:{content:V,chatroomId:t.id,messageAssets:oe.map(e=>e.upload)}})}catch(e){return void ve(e instanceof Error?e.message:"Please try again.")}Z(""),le([])}});return function(){return e.apply(this,arguments)}}(),Pe=new Date(null===t||void 0===t?void 0:t.createdAt).toLocaleDateString("en-GB",{day:"2-digit",month:"long",year:"numeric"}),Ye=null===t||void 0===t||null===(i=t.chatroomParticipants)||void 0===i?void 0:i.filter(b.Ic),Te=null===Ye||void 0===Ye?void 0:Ye.map(e=>{var i;return{name:e.participant.name,image:null===(i=e.participant.featuredAsset)||void 0===i?void 0:i.mediaUrl}}),ze=[k.XX.FashionModel,k.XX.Hmua,k.XX.Influencer,k.XX.Photographer].filter(e=>null===t||void 0===t?void 0:t.chatroomParticipants.some(i=>{var t,n;return(null===(t=i.participant)||void 0===t||null===(n=t.talentProfile)||void 0===n?void 0:n.vertical)===e}));return(0,r.useEffect)(()=>{var e;(null===U||void 0===U||null===(e=U.current)||void 0===e?void 0:e.clientWidth)>840&&$(!0)},[U]),(0,j.jsx)(j.Fragment,{children:(0,j.jsxs)(u.so,{css:{flexGrow:1,position:"relative",maxHeight:"962px"},children:[t?(0,j.jsxs)(u.so,{css:{flexDirection:"column",flexGrow:1},children:[(0,j.jsxs)(u.so,{css:{justifyContent:"space-between"},ref:U,children:[(0,j.jsxs)(u.so,{css:{alignItems:"center"},children:[(0,j.jsx)(F.L,{avatars:Te}
1),(0,j.jsx)(u.so,{css:{cursor:"pointer"},onClick:()=>{ae(!1),ee(!0)},children:(0,j.jsx)(x.EY,{variant:"b1Bold",css:{textOverflow:"ellipsis"},children:t.name})}),L&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(x.In,{css:{marginRight:"10px"},variant:"casting",size:24}),(0,j.jsx)(x.EY,{variant:"b2",color:"grey5",children:t.job.name}),(0,j.jsx)(x.In,{css:{marginRight:"10px"},variant:"calendar",size:24,color:"grey4"}),(0,j.jsx)(x.EY,{variant:"b2",color:"grey5",children:Pe})]})]}),(0,j.jsxs)(u.so,{css:{alignItems:"center"},children:[(0,j.jsx)(S,{roles:ze}),(0,j.jsx)(y.$n,{css:{marginLeft:"12px"},variant:"secondaryPill",onClick:()=>{ae(!0),ee(!0)},children:(0,j.jsxs)(u.so,{css:{alignItems:"center"},children:[(0,j.jsx)(x.In,{variant:"eye",color:"grey5",css:{marginRight:"6px"}}),"View job details"]})})]})]}),(0,j.jsx)(u.so,{css:{flexGrow:1,overflowY:"auto",marginBlock:"16px"},children:(null===G||void 0===G?void 0:G.length)>=1?(0,j.jsxs)(u.so,{css:{flexDirection:"column",width:"100%"},children:[G.map(e=>{var i;return(0,j.jsx)(m,{content:e.content,sender:e.sender,messageAssets:e.messageAssets,createdAt:e.createdAt,isUser:e.sender.id===(null===(i=I.M_.getState().currentUser.me)||void 0===i?void 0:i.id),isAdmin:t.chatroomParticipants.some(i=>e.sender.id===i.participant.id&&i.isAdmin)},e.id)}),(0,j.jsx)("div",{ref:je})]}):(0,j.jsx)(u.so,{css:{alignItems:"center",alignSelf:"center",flexGrow:1,flexDirection:"column"},children:we?(0,j.jsx)(C.Rh,{}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(R.h,{style:{height:"80px"}}),(0,j.jsx)(x.EY,{variant:"headline3",color:"grey4",children:"No messages yet"})]})})}),p||!1===t.canPost?(0,j.jsx)(u.so,{css:{justifyContent:"center"},children:(0,j.jsx)(x.EY,{variant:"b2",color:"grey5",children:p?"Messages can no longer be sent on archived chats.":"You are following this chat for your talent. Only the people on the job can post."})}):(0,j.jsxs)(u.so,{css:{flexDirection:"column",flexShrink:0},children:[(0,j.jsx)(u.so,{children:(0,j.jsx)(P.TM,{css:{height:"216px",resize:"none"},variant:"rebrand",placeholder:"Type your message",autoFocus:v,value:V,onChange:e=>Z(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),Re())}})}),ge&&(0,j.jsx)(x.EY,{role:"alert",children:ge}),oe.length>0&&(0,j.jsx)(u.so,{css:{gap:"$2",mt:"$2",flexWrap:"wrap"},children:oe.map((e,i)=>(0,j.jsxs)(u.so,{css:{position:"relative",width:"100px",height:"100px",borderRadius:"$md",overflow:"hidden"},children:[(0,j.jsx)("img",{src:e.url,alt:e.upload.filename,style:{width:"100%",height:"100%",objectFit:"cover"}}),(0,j.jsx)(y.$n,{variant:"circle",css:{position:"absolute",top:"4px",right:"4px",width:"24px",height:"24px",minWidth:"24px",backgroundColor:"$grey1"},onClick:()=>{le(oe.filter((e,t)=>t!==i))},children:(0,j.jsx)(x.In,{variant:"cross",size:12})})]},i))}),he&&(0,j.jsx)(u.so,{css:{justifyContent:"center"},children:(0,j.jsx)(C.Rh,{})}),(0,j.jsxs)(u.so,{css:{justifyContent:"space-between",marginTop:"8px"},children:[(0,j.jsx)(u.so,{children:(0,j.jsxs)(y.$n,(0,n.A)((0,n.A)({css:{marginRight:"16px"},variant:"link"},$e()),{},{children:[(0,j.jsx)(x.In,{variant:"image",size:32}),(0,j.jsx)("input",(0,n.A)({},Se()))]}))}),(0,j.jsx)(u.so,{children:(0,j.jsx)(y.$n,{variant:"circle",disabled:!V.trim(),onClick:Re,css:{backgroundColor:"$black","&:hover":{backgroundColor:"$grey4",color:"$grey1"},"&:disabled":{color:"$grey3",backgroundColor:"$grey2","&:hover":{color:"$grey3",backgroundColor:"$grey2"}}},children:(0,j.jsx)(x.In,{variant:"plane",color:"white"})})})]})]})]}):(0,j.jsx)(u.so,{css:{height:"inherit",maxWidth:"1312px",justifyContent:"center",alignItems:"center",flexGrow:1},children:(0,j.jsxs)(u.so,{css:{flexDirection:"column",alignItems:"center"},children:[(0,j.jsx)(R.h,{}),(0,j.jsx)(x.EY,{variant:"headline3",color:"grey5",children:"No chat selected"})]})}),Q&&(0,j.jsx)(D,{onClose:()=>{ee(!1)},chatroomName:t.name,participants:t.chatroomParticipants,isJobDetails:ne,jobId:t.job.id,jobSlug:t.job.slug})]})})}},35313(e,i,t){t.d(i,{F:()=>y});var n=t(5544),a=t(12386),s=t(77265),r=t(27565),o=t(84702),l=t(40024),c=t(14292),d=t(286),h=t(55334),x=t(95578),p=t(40217),u=t(27929),g=e=>{var i=e.id,t=e.avatar,n=e.name,a=e.role,s=e.checked,r=e.onChange,g=e.isContact;return(0,u.jsxs)(h.so,{css:{gap:"16px",alignItems:"center",cursor:"pointer"},onClick:r,children:[(0,u.jsx)(c.Sc,{checked:s,variant:"rebrand",css:{height:"18px",width:"18px"},value:i,onChange:r,disabled:g}),g?(0,u.jsx)(h.so,{css:{height:"58px",width:"58px",alignItems:"center",justifyContent:"center",backgroundColor:"$black",borderRadius:"29px"}
1,children:(0,u.jsx)(d.In,{variant:"rebrandLogo",size:40,color:"white"})}):(0,u.jsx)(l.eu,{css:{height:"58px",width:"58px"},imageUrl:t,initials:(0,x.IM)(n)}),(0,u.jsxs)(h.so,{css:{flexDirection:"column"},children:[(0,u.jsx)(d.EY,{variant:"b2Bold",children:n}),(0,u.jsx)(h.so,{css:{gap:"8px"},children:a&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(h.so,{css:{borderRadius:"100px",width:"30px",height:"30px",background:"$".concat(p.o9[a]),border:"2px solid var(--White, #FFF)",alignItems:"center",justifyContent:"center"},children:(0,u.jsx)(d.In,{variant:p.gP[a]})}),(0,u.jsx)(d.EY,{children:(0,o.capitalize)(p.To[a])})]})})]})]})},v=t(88702),j=t(83361),m=t(26709),b=t(42746),f=t(70161),y=e=>{var i,t=e.job,o=e.broadcast,x=e.onBack,p=e.onCreate,y=(0,r.useState)(),C=(0,n.A)(y,2),w=C[0],k=C[1],I=(0,r.useState)(""),A=(0,n.A)(I,2),E=A[0],L=A[1],D=(0,r.useState)([]),F=(0,n.A)(D,2),$=F[0],S=F[1],R=(0,r.useState)(""),P=(0,n.A)(R,2),Y=P[0],T=P[1],z=(0,a._)(j.Ih),B=(0,n.A)(z,2),M=B[0],U=B[1],O=U.data,X=U.loading,W=()=>M({variables:{jobId:t}}),N=(0,s.n)(b.ZP,{onCompleted:()=>T(""),onError:W}),G=(0,n.A)(N,2),q=G[0],_=G[1],H=_.data,V=_.error,Z=(0,s.n)(b.bd,{onCompleted:()=>T(""),onError:W}),J=(0,n.A)(Z,2),K=J[0],Q=J[1],ee=Q.data,ie=Q.error,te=V||ie,ne=(null!==(i=null===w||void 0===w?void 0:w.jobTalent)&&void 0!==i?i:[]).filter(e=>e.state!==m.D.Rejected&&e.state!==m.D.RejectedByBooker),ae=[{value:"choose",label:"Cho
1ose Recipients..."},{value:"all",label:"All Talents"},{value:"models",label:"Only Models"},{value:"influencers",label:"Only Influencers"},{value:"photographers",label:"Only Photographers"},{value:"hmua",label:"Only HMUA"}],se=(0,r.useState)(ae[0]),re=(0,n.A)(se,2),oe=re[0],le=re[1],ce=()=>{S([])},de=e=>{var i=[];ne.forEach(t=>{var n;(null===(n=t.profile)||void 0===n?void 0:n.vertical)===e&&i.push(t.talent.slug)}),S(i)},he=()=>{w&&(w.state===m.dq.Finalized?q({variables:{messageAssets:[],userSlugs:$,jobId:w.id,message:Y,name:E}}):w.state===m.dq.Approved&&K({variables:{messageAssets:[],userSlugs:$,jobId:w.id,message:Y,name:E}}))};(0,r.useEffect)(()=>{var e;null!==H&&void 0!==H&&null!==(e=H.createChatroom)&&void 0!==e&&e.id&&(p(H.createChatroom.id),x&&x())},[H]),(0,r.useEffect)(()=>{var e;null!==ee&&void 0!==ee&&null!==(e=ee.createBroadcast)&&void 0!==e&&e.success&&(p(),x&&x())},[ee]);return(0,r.useEffect)(()=>{M({variables:{jobId:t}})},[]),(0,r.useEffect)(()=>{k(null===O||void 0===O?void 0:O.job)},[O]),X?(0,u.jsx)(f.Rh,{}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(h.so,{css:{gap:"12px"},children:[x&&(0,u.jsx)(v.$n,{variant:"unstyled",onClick:x,children:(0,u.jsx)(d.In,{variant:"chevronLeft"})}),o?(0,u.jsx)(d.EY,{variant:"headline3",children:"Create a broadcast message"}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(d.EY,{variant:"headline3",children:["Create a new Chat"," "]}),(0,u.jsxs)(d.EY,{children:["for ",null===w||void 0===w?void 0:w.name]})]})]}),o&&(0,u.jsx)(d.EY,{css:{marginTop:"16px"},variant:"modalB1",children:"This job is not yet confirmed, you may send a broadcast message to all, or selected talents that you wish to reach out to before finalizing your shortlist and confirming the job."}),(0,u.jsx)("hr",{style:{marginTop:"16px"}}),(0,u.jsx)(d.EY,{variant:"b2Bold",css:{marginTop:"16px"},children:"Chat Name"}),(0,u.jsx)(l.tU,{name:"chatName",value:E,active:!1,placeholder:"Type the chat name",withinModal:!0,css:{width:"100%"},onChange:L}),(0,u.jsx)(d.EY,{variant:"b2Bold",css:{marginTop:"16px"},children:"Send to"}),(0,u.jsx)(c.Og,{variant:"rebrand",options:ae,onChange:e=>{if(le(e),w)switch(e.value){case"all":ce(),S(ne.map(e=>e.talent.slug));break;case"models":ce(),de(m.XX.FashionModel);break;case"influencers":ce(),de(m.XX.Influencer);break;case"photographers":ce(),de(m.XX.Photographer);break;case"hmua":ce(),de(m.XX.Hmua)}},initialValues:ae[0],value:oe}),(0,u.jsx)("hr",{style:{marginTop:"16px"}}),(0,u.jsxs)("div",{style:{overflowY:"auto",gap:"16px",padding:"8px 0px",maxHeight:"262px",display:"grid"},children:[(0,u.jsx)(g,{id:"",name:"Contact",avatar:"",checked:!0,onChange:()=>{},isContact:!0}),ne.map(e=>{var i;return(0,u.jsx)(g,{id:e.id,name:e.name,role:null===(i=e.profile)||void 0===i?void 0:i.vertical,avatar:e.assets?null===e||void 0===e?void 0:e.assets[0].mediaUrl:void 0,checked:$.includes(e.talent.slug),onChange:()=>{"choose"!==oe.value&&le(ae[0]),$.includes(e.talent.slug)?S($.filter(i=>i!==e.talent.slug)):S([...$,e.talent.slug])}},e.id)})]}),(0,u.jsx)("hr",{style:{marginBottom:"16px"}}),te&&(0,u.jsx)(d.EY,{role:"alert",css:{color:"$red",marginBottom:"8px"},children:te.message}),(0,u.jsxs)(h.so,{css:{flexDirection:"column"},children:[(0,u.jsx)(h.so,{children:(0,u.jsx)(c.TM,{css:{height:"216px",resize:"none"},variant:"rebrand",placeholder:"Type your message",value:Y,onChange:e=>T(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),he())}})}),(0,u.jsxs)(h.so,{css:{justifyContent:"space-between",marginTop:"8px"},children:[(0,u.jsxs)(h.so,{css:{visibility:"hidden"},children:[(0,u.jsx)(v.$n,{css:{marginRight:"16px"},variant:"link",children:(0,u.jsx)(d.In,{variant:"cameraPhotoAltOutline",size:32})}),(0,u.jsx)(v.$n,{css:{marginRight:"16px"},variant:"link",children:(0,u.jsx)(d.In,{variant:"image",size:32})}),(0,u.jsx)(v.$n,{variant:"circle",css:{backgroundColor:"$grey4"},children:(0,u.jsx)(d.In,{variant:"plus",size:12,color:"white"})})]}),(0,u.jsx)(h.so,{children:(0,u.jsx)(v.$n,{variant:"circle","aria-label":"Send message",disabled:!Y.trim(),onClick:he,css:{backgroundColor:"$black","&:hover":{backgroundColor:"$grey4",color:"$grey1"},"&:disabled":{color:"$grey3",backgroundColor:"$grey2","&:hover":{color:"$grey3",backgroundColor:"$grey2"}}},children:(0,u.jsx)(d.In,{variant:"plane",color:"white"})})})]})]})]})}},76485(e,i,t){t.d(i,{$:()=>d});t(27565);var n=t(8088),a=t(72079),s=t(286),r=t(55334),o=t(26709),l=t(40217),c=t(27929),d=e=>{var i,t=e.chatroom,d=e.isActive,h=e.onClick,x=e.isJobModal,p=t.chatroomParticipants.filter(a.Ic).map(e=>{var i,t,n;return{name:null===(i=e.participant)||void 0===i?void 0:i.name,image:null===(t=e.participant)||void 0===t||null===(n=t.featuredAsset)||void 0===n?void 0:n.mediaUrl}}),u=null!==(i=(e=>{var i=(Date.now()-+new Date(e))/1e3,t=i/60,n=t/60,a=n/24;return a<1?n<1?t<1?"".concat(Math.floor(i),"s"):"".concat(Math.floor(t),"m"):"".concat(Math.floor(n),"h"):a>7?"".concat(Math.floor(a),"d"):void 0})(t.lastSentAt))&&void 0!==i?i:new Date(t.lastSentAt).toLocaleDateString("en-GB",{day:"2-digit",month:"long",year:"numeric"}),g=new Date(t.job.startDate).toLocaleDateString("en-GB",{day:"2-digit",month:"short",year:"numeric"}),v=(e,i)=>e.length>i?e.slice(0,i)+"...":e,j=[o.XX.FashionModel,o.XX.Hmua,o.XX.Influencer,o.XX.Photographer].filter(e=>t.chatroomParticipants.some(i=>{var t,n;return(null===(t=i.participant)||void 0===t||null===(n=t.talentProfile)||void 0===n?void 0:n.vertical)===e}));return(0,c.jsx)(r.so,{css:{height:"146px",width:"100%",borderRadius:"12px",border:d?"2px solid var(--Black, #131313)":"1.5px solid #E5E5E5",marginBottom:"12px",padding:"26px",cursor:"pointer"},onClick:h,children:(0,c.jsxs)(r.so,{css:{flexDirection:"column",width:"100%"},children:[(0,c.jsxs)(r.so,{css:{alignItems:"center",justifyContent:"space-between"},children:[(0,c.jsxs)(r.so,{css:{alignItems:"center"},children:[(0,c.jsx)(r.so,{css:{height:"54px",width:"52px",marginRight:"16px"},children:(0,c.jsx)(n.L,{avatars:p})}),(0,c.jsx)(s.EY,{variant:"b1Bold",children:v(t.name,35)})]}),(0,c.jsx)(r.so,{css:{justifyContent:"flex-end"},children:j.map((e,i)=>(0,c.jsx)(r.so,{css:{position:"relative",left:"".concat(6*(j.length-i-1),"px"),borderRadius:"100px",width:"30px",height:"30px",background:"$".concat(l.o9[e]),border:"2px s
1olid var(--White, #FFF)",padding:"6px"},children:(0,c.jsx)(s.In,{variant:l.gP[e]})},i))})]}),(0,c.jsxs)(r.so,{css:{justifyContent:"space-between",marginTop:"14px"},children:[(0,c.jsxs)(r.so,{css:{alignItems:"center"},children:["CONFIRMED"===t.kind&&(0,c.jsx)(s.In,{variant:"chatBubble",color:"black",size:24,css:{marginRight:"12px"}}),"BROADCAST"===t.kind&&(0,c.jsx)(s.In,{variant:"broadcast",color:"black",size:24,css:{marginRight:"12px"}}),x?(0,c.jsxs)(s.EY,{variant:"b2",color:"grey5",children:["Created on ",g]}):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(r.so,{children:[(0,c.jsx)(s.In,{css:{marginRight:"10px"},variant:"casting",size:24}),(0,c.jsx)(s.EY,{variant:"b2",color:"grey5",children:v(t.job.name,25)})]}),(0,c.jsxs)(r.so,{css:{marginLeft:"16px"},children:[(0,c.jsx)(s.In,{css:{marginRight:"10px"},variant:"calendar",size:24,color:"grey4"}),(0,c.jsx)(s.EY,{variant:"b2",color:"grey5",children:g})]})]})]}),(0,c.jsx)(s.EY,{variant:"b2",color:"grey5",children:u})]})]})})}},72079(e,i,t){t.d(i,{Ic:()=>n,px:()=>a,zz:()=>o});var n=e=>!e.isAdmin&&!e.isObserver,a=(e,i,t)=>Array.from(new Set([e,i,...t])).filter(Boolean),s=e=>"CONFIRMED"===e.kind?0:1,r=e=>new Date(e.lastSentAt).getTime(),o=(e,i)=>{var t=new Set(i);return(null!==e&&void 0!==e?e:[]).filter(e=>{var i=new Set(e.chatroomParticipants.filter(n).map(e=>{var i;return null===(i=e.participant)||void 0===i?void 0:i.id}).filter(e=>!!e));return i.size===t.size&&Array.from(i).every(e=>t.has(e))}).sort((e,i)=>s(e)-s(i)||r(i)-r(e))[0]}}}]); 2//# sourceMappingURL=4947.215c8231.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.