https://contact.xyz/static/js/9656.0370dc04.chunk.js

1"use strict";(self.webpackChunkgloss=self.webpackChunkgloss||[]).push([[9656],{59656(e,n,o){o.d(n,{BookerCompany:()=>Z});var r,t,i,a=o(10467),s=o(5544),d=o(34546),l=o(65030),c=o(27565),h=o(84702),u=o(55334),m=o(88702),v=o(45153),x=o(26709),g=o(62266),p=o(83361),j=o(286),b=o(95578),y=o(57832),f=o(23627),C=o(27929),k=e=>{var n,o,r,t=e.bookerCompany,i=(0,c.useState)({column:"createdAt",direction:x.UE.Desc}),l=(0,s.A)(i,2),k=l[0],$=l[1],I=(0,c.useState)(""),N=(0,s.A)(I,2),D=N[0],B=N[1],S=(0,c.useState)(""),A=(0,s.A)(S,2),E=A[0],O=A[1],w=(0,d.I)(p.mH,{notifyOnNetworkStatusChange:!0,nextFetchPolicy:"cache-only",variables:{sortField:k.column,sortDirection:k.direction,kind:E,nameOrEmail:D,first:20,companyId:null===t||void 0===t?void 0:t.id}}),z=w.data,P=w.loading,Y=w.fetchMore,F=w.error,M=w.refetch;(0,f.bs)([D,E]);var L=(0,b.P8)(null===z||void 0===z?void 0:z.bookers),q=(null===z||void 0===z||null===(n=z.bookers)||void 0===n?void 0:n.totalCount)||0;return(0,c.useEffect)(()=>{M()},[D,E,k]),(0,f.bs)([D,E,k]),(0,C.jsxs)(u.so,{css:{flex:1,gap:"20px",flexDirection:"column"},children:[(0,C.jsx)(u.so,{css:{gap:"$3"},children:(0,C.jsxs)(m.BI,{children:[(0,C.jsx)(m.N_,{to:"/dashboard/agent/clients/teams",children:"Teams"}),(0,C.jsx)(m.N_,{to:"#",children:(0,h.capitalize)(null===t||void 0===t?void 0:t.name)}),(0,C.jsx)(m.N_,{to:"#",children:"Members"})]})}),(0,C.jsxs)(u.so,{css:{gap:"$4"},children:[(0,C.jsx)(j.EY,{variant:"nh3",children:"Members "}),(0,C.jsx)(j.EY,{as:"span",variant:"b1",children:"".concat(Number(q)||"No"," ").concat(1===Number(q)?"member":"members"," found")})]}),(0,C.jsxs)(u.so,{css:{display:"none",gap:"14px","@md":{display:"flex"}},children:[(0,C.jsx)(v.$6,{placeholder:"Search by name or email",search:D,onChange:B}),(0,C.jsx)(g.j,{bookerKind:E,setBookerKind:O})]}),(0,C.jsx)(y.tR,{bookers:L,loading:P,error:!!F,canFetchMore:null===z||void 0===z||null===(o=z.bookers)||void 0===o||null===(r=o.pageInfo)||void 0===r?void 0:r.hasNextPage,loadMore:()=>{var e,n;return Y({variables:{first:20,after:(null===z||void 0===z||null===(e=z.bookers)||void 0===e||null===(n=e.pageInfo)||void 0===n?void 0:n.endCursor)||"",kind:E,nameOrEmail:D,companyId:null===t||void 0===t?void 0:t.id}})},sortOrder:k,onSortOrderChange:function(){var e=(0,a.A)(function*(e){$(e)});return function(n){return e.apply(this,arguments)}}(),nameOrEmail:D,setNameOrEmail:B,bookerKind:E,setBookerKind:O})]})},$=o(26248),I=o(35619),N=o(50588),D=o(77265),B=o(14292),S=o(8545),A=o(70161),E=o(40024),O=o(55228),w=o(70187),z=o(62890),P=o(57528),Y=o(31438),F=(0,Y.J1)(r||(r=(0,P.A)(["\n  mutation CreateBookingCompanyNote($bookingCompanyId: ID!, $body: String!) {\n    createBookingCompanyNote(bookingCompanyId: $bookingCompanyId, body: $body) {\n      ...NoteDetails\n    }\n  }\n  ","\n"])),O.hQ),M=(0,Y.J1)(t||(t=(0,P.A)(["\n  mutation DeleteBookingCompanyNote($bookingCompanyId: ID!, $noteId: ID!) {\n    deleteBookingCompanyNote(\n      bookingCompanyId: $bookingCompanyId\n      noteId: $noteId\n    ) {\n      id\n    }\n  }\n"]))),L=o(78744),q=e=>{var n=e.bookerCompany,o=e.loading,r=e.showHeading,t=(0,f.wm)("currentUser").me,i=(0,c.useState)(!1),d=(0,s.A)(i,2),l=d[0],v=d[1],x=(0,c.useState)(void 0),g=(0,s.A)(x,2),p=g[0],y=g[1],k=(0,D.n)(F,{update(e,o){var r=o.data.createBookingCompanyNote;e.modify({id:"BookingCompany:".concat(null===n||void 0===n?void 0:n.id),fields:{notes(){return[...arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e.writeFragment({data:r,fragment:O.hQ})]}}})}}),P=(0,s.A)(k,2),Y=P[0],q=P[1],_=q.loading,R=q.error,U=(0,D.n)(M,{update(e,o){var r=o.data.deleteBookingCompanyNote;e.modify({id:"BookingCompany:".concat(null===n||void 0===n?void 0:n.id),fields:{notes(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=(arguments.length>1?arguments[1]:void 0).readField;return e.filter(e=>r.id!==n("id",e))}}})}}),J=(0,s.A)(U,2),T=J[0],H=J[1],K=H.loading,V=H.error;if(o)return(0,C.jsx)(w._x,{FooterComponent:L.RebrandFooter,children:(0,C.jsx)(u.N,{variant:"gutter",children:(0,C.jsx)(A.Rh,{})})});var W=(0,S.LN)(n.notes||[]);return(0,C.jsxs)(C.Fragment,{children:[r&&(0,C.jsxs)(u.so,{css:{gap:"$4",mb:"$6"},children:[(0,C.jsx)(j.EY,{variant:"nh3",children:"Notes"}),(0,C.jsx)(j.EY,{as:"span",variant:"b1",children:"".concat((0,h.size)(W)||"No"," ").concat(1===(0,h.size)(W)?"note":"notes"," found")})]}),R&&(0,C.jsx)(z.z2,{variant:"error",title:R.message}),V&&(0,C.jsx)(z.z2,{variant:"error",title:V.message}),(0,C.jsx)($.l1,{initialValues:{body:""},onSubmit:function(){var e=(0,a.A)(function*(e,o){var r=o.resetForm;yield Y({variables:{bookingCompanyId:n.id,body:e.body.replace(/^\s+|\s+$/g,"")}}),r()});return function(n,o){return e.apply(this,arguments)}}(),validationSchema:N.Ik({body:N.Yj().required("Required")}),children:(0,C.jsxs)($.lV,{children:[(0,C.jsx)(B.D0,{variant:"b2Bold",label:"Leave a note",name:"body",children:(0,C.jsx)(B.zX,{variant:"rebrand",name:"body",rows:5,placeholder:'e.g. "Needs to update polaroids"',disabled:_})}),(0,C.jsx)(m.$n,{type:"submit",variant:"primaryCta",disabled:_,css:{mb:"$8"},children:"Save"})]})}),(0,h.map)(W,e=>{var n,o,r,i,a;return(0,C.jsx)(j.L7,{showDeleteButton:(null===(n=e.user)||void 0===n?void 0:n.id)===(null===t||void 0===t?void 0:t.id),onDelete:()=>{y(e.id),v(!0)},deleteButtonDisabled:K,heading:(0,C.jsxs)(u.so,{css:{gap:"14px"},children:[(0,C.jsx)(u.az,{css:{width:"$10"},children:(0,C.jsx)(E.eu,{imageUrl:null===(o=e.user)||void 0===o||null===(r=o.featuredAsset)||void 0===r?void 0:r.mediaUrl,size:"$11",initials:(0,b.IM)(null===(i=e.user)||void 0===i?void 0:i.name)})}),(0,C.jsxs)(u.so,{css:{flexDirection:"column",gap:"7px"},children:[(0,C.jsx)(j.EY,{variant:"button",children:null===(a=e.user)||void 0===a?void 0:a.name}),(0,C.jsxs)(j.EY,{variant:"b3",color:"grey5",children:[(0,I.A)(new Date(e.createdAt))," ago"]})]})]}),children:(0,C.jsx)(A.u$,{text:e.body,css:{paddingTop:"14px"}})},e.id)}),(0,C.jsx)(j.uo,{title:"Please confirm",isOpen:l,confirmButtonTitle:"Delete",confirmButtonLoadingTitle:"Deleting...",cancelButtonTitle:"Cancel",onCancel:()=>{v(!1)},onConfirm:(0,a.A)(function*(){void 0!==p&&(yield T({variables:{bookingCompanyId:n.id,noteId:p}}),y(void 0),v(!1))}),isDisabled:K,children:(0,C.jsx)(j.EY,{children:"Are you sure you want to delete this note?"})})]})},_=o(21812),R=o(25758),U=(0,Y.J1)(i||(i=(0,P.A)(['\n  query BookerCompany(\n    $id: ID!\n    $first: Int!\n    $after: String\n    $sortOrder: SortOrderInput\n  ) {\n    bookerCompany(id: $id) {\n      id\n      name\n      jobs(first: $first, after: $after, sortOrder: $sortOrder)\n        @connection(key: "jobs", filter: ["sortOrder"]) {\

1n        pageInfo {\n          hasNextPage\n          startCursor\n          endCursor\n        }\n        totalCount\n        edges {\n          node {\n            name\n            slug\n            startDate\n            endDate\n            spansMultipleDays\n            brand\n            state\n            jobVerticals {\n              vertical\n            }\n          }\n        }\n      }\n      notes {\n        id\n        body\n        createdAt\n        user {\n          id\n          name\n        }\n      }\n      invoices {\n        id\n        state\n        invoiceNumber\n        paymentMethod\n        paymentReference\n        invoiceDate\n        dueDate\n        total\n        xeroReference\n        pdfUrl\n        job {\n          name\n          slug\n        }\n      }\n    }\n  }\n']))),J=o(61972),T=o(98221),H=o(53919),K=o(23452),V=e=>{var n=e.text;return(0,C.jsx)(j.EY,{variant:"mini",color:"grey6",children:n})},W=e=>{var n=e.sortOrder,o=e.setSortOrder;return(0,C.jsxs)(H.A,{children:[(0,C.jsx)(H.B,{widthPercentage:40,fieldName:"name",active:(0,K.h)("name",n),currentSortDirection:(0,K.P)("name",n),onSortChange:o,children:(0,C.jsx)(V,{text:"Job"})}),(0,C.jsx)(H.B,{widthPercentage:40,fieldName:"created_at",active:(0,K.h)("created_at",n),currentSortDirection:(0,K.P)("created_at",n),onSortChange:o,children:(0,C.jsx)(V,{text:"Jobs date"})}),(0,C.jsx)(H.B,{widthPercentage:20,fieldName:"state",active:(0,K.h)("state",n),currentSortDirection:(0,K.P)("state",n),onSortChange:o,children:(0,C.jsx)(V,{text:"Status"})})]})},Q=e=>{var n=e.bookerCompany,o=e.loading,r=e.onLoadMore,t=e.hasMore,i=e.agencyId,a=e.slug,s=e.withPaymentLink,d=e.containerCss,l=e.showHeading,c=void 0===l||l,v=e.sortOrder,g=e.onSortOrderChange,p=(0,h.get)(n,"jobs.edges")||[],b=(0,S.LN)(p.map(e=>null===e||void 0===e?void 0:e.node).filter(e=>(e=>void 0!==e&&(e.state!==x.dq.Approved||(0,J.A)((0,T.A)(new Date(e.endDate)))))(e)));return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)(u.so,{css:d||{},children:[c&&(0,C.jsxs)(u.so,{css:{gap:"$4"},children:[(0,C.jsx)(j.EY,{variant:"nh3",children:"Booking history"}),(0,C.jsx)(j.EY,{as:"span",variant:"b1",children:"".concat((0,h.size)(b)||"No"," ").concat(1===(0,h.size)(b)?"job":"jobs"," found")})]}),s&&(0,h.size)(b)>0&&(0,C.jsx)(C.Fragment,{children:(0,C.jsxs)(u.so,{css:{mt:"$3","@bp2":{mt:"$0"}},children:[(0,C.jsx)(j.In,{variant:"moneyBudget",size:14,css:{mr:"$3",mt:"$2"}}),(0,C.jsx)(m.N_,{to:i?"/dashboard/agent/agencies/".concat(i,"/talent/").concat(a,"/payments"):"/dashboard/agent/talent/".concat(a,"/payments"),children:"View payment history"})]})})]}),(0,C.jsx)(u.az,{css:{mt:"$6",pb:"$9"},children:(0,h.size)(b)>0?(0,C.jsxs)(C.Fragment,{children:[v&&g&&(0,C.jsx)(W,{sortOrder:v,setSortOrder:(e,n)=>g({column:e,direction:n})}),(0,h.map)(b,(e,n)=>(0,C.jsx)(u.az,{css:{borderBottomWidth:1,borderBottomColor:"$grey3",borderBottomStyle:"solid",py:"$6"},children:(0,C.jsx)(A.$P,{job:e,jobLink:e=>"/dashboard/agent/jobs/".concat(e),context:"agent"})},"job-history-job-".concat(n))),o&&(0,C.jsx)(u.az,{children:(0,C.jsx)(A.Rh,{})}),!o&&t&&(0,C.jsx)(u.so,{css:{justifyContent:"center"},children:(0,C.jsx)(m.$n,{variant:"primaryCta",onClick:r,children:"Load more"})})]}):(0,C.jsxs)(u.so,{css:{my:"$7",flexDirection:"column",alignItems:"center",gap:"18px"},children:[(0,C.jsx)(j.In,{variant:"empty",color:"grey6",size:40}),(0,C.jsxs)(u.so,{css:{flexDirection:"column",alignItems:"center",gap:"12px"},children:[(0,C.jsx)(j.EY,{variant:"nh4",color:"grey5",children:"NO JOBS YET"}),(0,C.jsxs)(j.EY,{variant:"b2",color:"grey6",css:{fontWeight:"$regular"},children:[n.name," has no active shortlistings, or confirmed/completed jobs."]})]})]})})]})},X=o(8838),G=e=>{var n=e.bookerCompany,o=(0,c.useMemo)(()=>null===n||void 0===n?void 0:n.invoices,[n]);return(0,C.jsxs)(u.so,{css:{gap:"20px",flexDirection:"column"},children:[(0,C.jsxs)(u.so,{css:{gap:"$4"},children:[(0,C.jsx)(j.EY,{variant:"nh3",children:"Invoices"}),(0,C.jsx)(j.EY,{as:"span",variant:"b1",children:"".concat((0,h.size)(o)||"No"," ").concat(1===(0,h.size)(o)?"invoice":"invoices"," found")})]}),(0,C.jsx)(X.v,{invoices:o})]})},Z=()=>{var e,n=(0,l.W5)().path,o=(0,c.useState)({column:"created_at",direction:x.UE.Desc}),r=(0,s.A)(o,2),t=r[0],i=r[1],h=(0,l.g)().slug,m=(0,f.wm)("currentUser").isFirstPartyAgent,v=(0,d.I)(U,{skip:!m,variables:{id:h,first:10}}),g=v.loading,p=v.error,j=v.data,b=v.fetchMore,y=v.refetch,$=null===j||void 0===j?void 0:j.bookerCompany;if((0,f.rI)({title:(null===$||void 0===$?void 0:$.name)||""}),(0,c.useEffect)(()=>{m&&y()},[t]),!m)return(0,C.jsx)(R.NotFoundError,{});if(g)return(0,C.jsx)(u.N,{variant:"gutter",children:(0,C.jsx)(A.Rh,{})});if(!$||p)return(0,C.jsx)(u.N,{variant:"gutter",children:(0,C.jsx)(R.hD,{})});var I=null===$||void 0===$||null===(e=$.jobs)||void 0===e?void 0:e.pageInfo,N=(null===I||void 0===I?void 0:I.hasNextPage)||!1;return(0,C.jsxs)(l.dO,{children:[(0,C.jsx)(l.qh,{path:"".concat(n,"/members/:slug"),children:(0,C.jsx)(_.v,{bookerCompany:$})}),(0,C.jsx)(l.qh,{path:"".concat(n,"/members"),children:(0,C.jsx)(k,{bookerCompany:$})}),(0,C.jsx)(l.qh,{path:"".concat(n,"/jobs"),children:(0,C.jsx)(Q,{bookerCompany:$,loading:g,onLoadMore:()=>{b({variables:{first:10,after:(null===I||void 0===I?void 0:I.endCursor)||""}})},hasMore:N,slug:h,withPaymentLink:!1,sortOrder:t,onSortOrderChange:function(){var e=(0,a.A)(function*(e){i(e)});return function(n){return e.apply(this,arguments)}}()})}),(0,C.jsx)(l.qh,{path:"".concat(n,"/invoices"),children:(0,C.jsx)(G,{bookerCompany:$})}),(0,C.jsx)(l.qh,{path:"".concat(n,"/notes"),children:(0,C.jsx)(q,{bookerCompany:$,loading:g,showHeading:!0})})]})}}}]);
2//# sourceMappingURL=9656.0370dc04.chunk.js.map