https://xyrus.ai/_next/static/chunks/3407.0a941b137860c64e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3407],{60919:(e,t,a)=>{a.d(t,{pe:()=>r});let{Axios:s,AxiosError:r,CanceledError:n,isCancel:l,CancelToken:c,VERSION:i,all:o,Cancel:d,isAxiosError:m,spread:x,toFormData:h,AxiosHeaders:p,HttpStatusCode:u,formToJSON:b,getAdapter:g,mergeConfig:j}=a(95125).A},78553:(e,t,a)=>{a.r(t),a.d(t,{default:()=>x});var s=a(95155),r=a(87133),n=a(24033),l=a(23664),c=a(28990),i=a(47520),o=a(12115),d=a(30866),m=a(41180);function x(e){let{data:t}=e,{clientId:a,onSubmit:x,onSetPrimary:h,onDeleteContact:p}=t||{},{isDropdownOpen:u,primaryContacts:b,secondaryContacts:g,isAllSelected:j,isIndeterminate:y,selectedXQtivContacts:v,primaryXQtivContact:f,xqtivContactSearchTerm:N,showAddXQtivSection:k,filteredXQtivContactsPool:w,xqtivContacts:C,xqtivContactsHasMore:_,isLoadingMoreXQtivContacts:E,isDeletingXQtivContact:A,isSettingPrimaryXQtivContact:I,handleSubmit:M,toggleDropdown:P,handleContactSelect:S,handleContactSelectAll:Q,handleDeleteContact:X,handleSetPrimaryContact:$,handleXQtivContactSearchChange:F,handleToggleXQtivAddSection:O,handleXQtivContactCancel:R,loadMoreXQtivContacts:Z,setPrimaryXQtivContact:L,isContactAlreadyAdded:z,generateEmail:T,getContactInitials:q}=function(e){let{clientId:t,onSubmit:a,onSetPrimary:s,onDeleteContact:r}=e,{selectedXQtivContacts:n,primaryXQtivContact:l,xqtivContactSearchTerm:c,showAddXQtivSection:i,filteredXQtivContactsPool:x,xqtivContactsPool:h,xqtivContacts:p,xqtivContactsCurrentPage:u,xqtivContactsTotalCount:b,xqtivContactsHasMore:g,isLoadingMoreXQtivContacts:j,isLoadingXQtivContactsList:y,handleXQtivContactSelect:v,setPrimaryXQtivContact:f,handleXQtivContactSearchChange:N,handleToggleXQtivAddSection:k,handleXQtivContactCancel:w,loadMoreXQtivContacts:C,handleDeleteXQtivContact:_,isDeletingXQtivContact:E,handleSetPrimaryXQtivContact:A,isSettingPrimaryXQtivContact:I}=(0,d.a)({detailView:!0,clientId:t||void 0}),[M,P]=(0,o.useState)(!1),S=(0,o.useMemo)(()=>p.filter(e=>"primary"===e.type),[p]),Q=(0,o.useMemo)(()=>p.filter(e=>"secondary"===e.type),[p]),X=(0,o.useCallback)(e=>p.some(t=>t.name===e),[p]),$=(0,o.useMemo)(()=>[...n,...p.map(e=>e.name)].filter((e,t,a)=>a.indexOf(e)===t),[n,p]),F=(0,o.useMemo)(()=>$.length===x.length&&x.length>0,[$.length,x.length]),O=(0,o.useMemo)(()=>$.length>0&&$.length<x.length,[$.length,x.length]),R=(0,o.useCallback)(()=>{a&&(a(h.filter(e=>n.includes(e.name)).map(e=>e.id)),setTimeout(()=>{window.dispatchEvent(new CustomEvent("modalClosed"))},500)),w()},[a,h,n,w]),Z=(0,o.useCallback)(()=>{P(!M)},[M]),L=(0,o.useCallback)(e=>{X(e)||v(e)},[X,v]),z=(0,o.useCallback)(()=>{let e=x.filter(e=>!X(e.name));F?e.forEach(e=>{n.includes(e.name)&&v(e.name)}):e.forEach(e=>{n.includes(e.name)||v(e.name)})},[x,X,F,n,v]),T=(0,o.useCallback)(async e=>{if(r)try{await r(e)}catch(e){console.error("Failed to delete XQtiv contact:",e)}else if(t&&e)try{await _(t,e),window.dispatchEvent(new CustomEvent("modalClosed"))}catch(e){console.error("Failed to delete XQtiv contact:",e)}},[t,r,_]),q=(0,o.useCallback)(async e=>{if(s)try{await s(e)}catch(e){console.error("Failed to set primary XQtiv contact:",e)}else if(t&&e.id)try{await A(t,{set_primary:!0,contact_id:e.id,organization_member_id:e.organizationMemberId||e.id,is_primary:!0}),m.Lx.closeAllModals(),window.dispatchEvent(new CustomEvent("modalClosed"))}catch(e){console.error("Failed to set primary XQtiv contact:",e)}},[t,s,A]);return{isDropdownOpen:M,primaryContacts:S,secondaryContacts:Q,allSelectedOrAddedContacts:$,isAllSelected:F,isIndeterminate:O,selectedXQtivContacts:n,primaryXQtivContact:l,xqtivContactSearchTerm:c,showAddXQtivSection:i,filteredXQtivContactsPool:x,xqtivContactsPool:h,xqtivContacts:p,xqtivContactsCurrentPage:u,xqtivContactsTotalCount:b,xqtivContactsHasMore:g,isLoadingMoreXQtivContacts:j,isLoadingXQtivContactsList:y,isDeletingXQtivContact:E,isSettingPrimaryXQtivContact:I,handleSubmit:R,toggleDropdown:Z,handleContactSelect:L,handleContactSelectAll:z,handleDeleteContact:T,handleSetPrimaryContact:q,handleXQtivContactSearchChange:N,handleToggleXQtivAddSection:k,handleXQtivContactCancel:w,loadMoreXQtivContacts:C,setPrimaryXQtivContact:f,isContactAlreadyAdded:X,generateEmail:(0,o.useCallback)(e=>"".concat(e.toLowerCase().replace(/\s+/g,"."),"@xqtiv.com"),[]),getContactInitials:(0,o.useCallback)(e=>e.split(" ").map(e=>e[0]).join(""),[])}}({clientId:a,onSubmit:x,onSetPrimary:h,onDeleteContact:p}),D=(0,o.useRef)(null),V=(0,o.useRef)(null);return(0,o.useEffect)(()=>{let e=D.current,t=V.current;if(!e||!t)return;let a=new IntersectionObserver(e=>{let t=e[0];(null==t?void 0:t.isIntersecting)&&_&&!E&&Z()},{root:e,rootMargin:"0px 0px 200px 0px",threshold:.01});return a.observe(t),()=>a.disconnect()},[_,E,Z,u]),(0,s.jsxs)("div",{className:"w-full max-w-md mx-auto 

1space-y-4",children:[(0,s.jsxs)("button",{className:"cursor-pointer inline-flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary",onClick:O,children:[(0,s.jsx)("span",{className:"text-lg leading-none",children:"+"}),"Add"]}),k&&(0,s.jsxs)("div",{className:"space-y-4 border rounded-lg p-4 bg-[var(--color-card-bg)] shadow-sm",children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)("label",{className:"block text-sm font-medium text-gray-700",children:["Select Contact",(0,s.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,s.jsx)("div",{className:"relative mt-1",children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{type:"text",placeholder:"Search Contact",value:N,onChange:e=>{F(e),e.target.value.trim()&&!u&&P()},onFocus:()=>{u||P()},className:"w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring focus:ring-blue-500 pr-10"}),(0,s.jsx)("button",{type:"button",onClick:P,className:"absolute inset-y-0 right-0 flex items-center pr-3 cursor-pointer","aria-label":"Toggle dropdown",children:(0,s.jsx)(n.A,{className:"w-4 h-4 text-gray-400 transition-transform ".concat(u?"rotate-180":"")})})]})})]}),u&&(v.length>0||C.length>0)&&(0,s.jsxs)("div",{className:"flex flex-wrap gap-2",children:[v.map(e=>(0,s.jsxs)("span",{className:"bg-[var(--color-checkbox-bg)] text-[var(--color-brand-primary)] text-xs px-2 rounded-md flex items-center gap-1 group font-semibold",children:[e,(0,s.jsx)("button",{type:"button",className:"text-xl hover:text-text-placeholder ml-1 mb-1 cursor-pointer",onClick:t=>{t.stopPropagation(),S(e)},"aria-label":"Remove ".concat(e),children:"\xd7"})]},"selected-".concat(e))),C.map(e=>(0,s.jsxs)("span",{className:"bg-[var(--color-checkbox-bg)] text-[var(--color-brand-primary)] text-xs px-2 rounded-md flex items-center gap-1 group font-semibold",children:[e.name,(0,s.jsx)("button",{type:"button",className:"text-xl hover:text-text-placeholder ml-1 mb-1 cursor-pointer",onClick:async t=>{t.stopPropagation(),await X(e.id)},disabled:A,"aria-label":"Remove ".concat(e.name),children:"\xd7"})]},"added-".concat(e.id)))]}),u&&(0,s.jsxs)("div",{ref:D,className:"border rounded-md divide-y max-h-50 overflow-y-auto scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-transparent",children:[w.length>0&&(0,s.jsxs)("div",{className:"flex items-center p-2 hover:bg-gray-50 cursor-pointer border-b",onClick:Q,children:[(0,s.jsx)("input",{type:"checkbox",checked:j,ref:e=>{e&&(e.indeterminate=y)},readOnly:!0,className:"mr-3 accent-[var(--color-brand-primary)]"}),(0,s.jsx)("span",{className:"text-sm font-medium text-gray-700",children:"All Contact"})]}),w.length>0?w.map(e=>{let t=z(e.name),a=v.includes(e.name),r=t||a;return(0,s.jsxs)("div",{className:"flex items-center p-2 ".concat(t?"bg-gray-100 cursor-not-allowed opacity-60":"hover:bg-gray-50 cursor-pointer"),onClick:()=>!t&&S(e.name),children:[(0,s.jsx)("input",{type:"checkbox",checked:r,readOnly:!0,disabled:t,className:"mr-3 accent-[var(--color-brand-primary)]"}),(0,s.jsx)("div",{className:"flex-shrink-0 w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center text-gray-600 font-semibold",children:q(e.name)}),(0,s.jsxs)("div",{className:"ml-3",children:[(0,s.jsx)("p",{className:"text-sm font-medium",children:e.name}),(0,s.jsx)("p",{className:"text-xs text-gray-500",children:e.title})]})]},e.id)}):(0,s.jsxs)("div",{className:"p-4 text-center text-gray-500 text-sm",children:['No contacts found matching "',N,'"']}),E&&(0,s.jsx)("div",{className:"flex items-center justify-center py-3 border-t bg-gray-50",children:(0,s.jsx)("div",{className:"text-sm text-gray-500",children:"Loading more contacts..."})}),(0,s.jsx)("div",{ref:V,"aria-hidden":"true"})]}),u&&(0,s.jsxs)("div",{className:"flex justify-start gap-3",children:[(0,s.jsx)(r.$n,{type:"button",onClick:M,children:"Add"}),(0,s.jsx)(r.$n,{type:"button",variant:"outline",onClick:R,children:"Cancel"})]})]}),(0,s.jsx)("div",{className:"space-y-3",children:b.map(e=>(0,s.jsx)("div",{className:"rounded-xl border border-text-stroke p-3",children:(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)("div",{className:"w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center text-sm font-semibold text-gray-700",children:q(e.name)}

1),(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsx)("div",{className:"text-sm font-semibold text-text-primary truncate flex items-center gap-1",children:e.name}),(0,s.jsx)("div",{className:"text-xs text-text-placeholder",children:e.title})]}),(0,s.jsxs)("div",{className:"flex flex-col items-center text-xs",children:[(0,s.jsxs)("div",{className:"flex items-center",children:[(e.email||e.name)&&(0,s.jsxs)(i.m_,{children:[(0,s.jsx)(i.k$,{asChild:!0,children:(0,s.jsx)("button",{className:"p-2 rounded-full hover:bg-gray-100 cursor-pointer transition-colors",onClick:()=>{let t=e.email||T(e.name);t&&window.open("mailto:".concat(t),"_blank")},"aria-label":"Send email to ".concat(e.name),"data-testid":"email-button-".concat(e.id),children:(0,s.jsx)(l.A,{className:"w-5 h-5 text-text-primary"})})}),(0,s.jsx)(i.ZI,{side:"top",children:(0,s.jsx)("div",{className:"w-auto",children:(0,s.jsx)("p",{className:"bg-[var(--color-brand-primary)] p-2 rounded-md",children:(0,s.jsx)("span",{className:"text-[var(--color-item-bg)]","data-testid":"email-".concat(e.id),children:e.email||T(e.name)})})})})]}),e.phone&&(0,s.jsxs)(i.m_,{children:[(0,s.jsx)(i.k$,{asChild:!0,children:(0,s.jsx)("button",{className:"p-2 rounded-full hover:bg-gray-100 cursor-pointer transition-colors",onClick:()=>{e.phone&&window.open("tel:".concat(e.phone),"_blank")},"aria-label":"Call ".concat(e.name),"data-testid":"phone-button-".concat(e.id),children:(0,s.jsx)(c.A,{icon:"/PhoneIcon.svg",className:"text-text-primary"})})}),(0,s.jsx)(i.ZI,{side:"top",children:(0,s.jsx)("div",{className:"w-auto",children:(0,s.jsx)("p",{className:"bg-[var(--color-brand-primary)] p-2 rounded-md mr-1",children:(0,s.jsx)("span",{className:"text-[var(--color-item-bg)]","data-testid":"phone-".concat(e.id),children:e.phone})})})})]})]}),f?(0,s.jsx)("span",{className:"px-2 py-1 rounded-full text-text-primary bg-text-stroke",children:"Primary"}):(0,s.jsx)("button",{className:"px-2 py-1 rounded-md text-text-secondary hover:bg-gray-50 cursor-pointer transition-colors",onClick:()=>L(e.name),children:"Set Primary"})]})]})},e.id))}),g.length>0&&(0,s.jsx)("div",{className:"space-y-3",children:g.map(e=>(0,s.jsx)("div",{className:"rounded-xl border border-text-stroke p-3",children:(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)("div",{className:"w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center text-sm font-semibold text-gray-700",children:q(e.name)}),(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsx)("div",{className:"text-sm font-semibold text-text-primary truncate flex items-center gap-1",children:e.name}),(0,s.jsx)("div",{className:"text-xs text-text-placeholder",children:e.title})]}),(0,s.jsxs)("div",{className:"flex flex-col items-center text-xs",children:[(0,s.jsxs)("div",{className:"flex items-center",children:[(e.email||e.name)&&(0,s.jsxs)(i.m_,{children:[(0,s.jsx)(i.k$,{asChild:!0,children:(0,s.jsx)("button",{className:"p-2 rounded-full hover:bg-gray-100 cursor-pointer transition-colors",onClick:()=>{let t=e.email||T(e.name);t&&window.open("mailto:".concat(t),"_blank")},"aria-label":"Send email to ".concat(e.name),"data-testid":"email-button-".concat(e.id),children:(0,s.jsx)(l.A,{className:"w-5 h-5 text-text-primary"})})}),(0,s.jsx)(i.ZI,{side:"top",children:(0,s.jsx)("div",{className:"w-auto",children:(0,s.jsx)("p",{className:"bg-[var(--color-brand-primary)] p-2 rounded-md",children:(0,s.jsx)("span",{className:"text-[var(--color-item-bg)]","data-testid":"email-".concat(e.id),children:e.email||T(e.name)})})})})]}),e.phone&&(0,s.jsxs)(i.m_,{children:[(0,s.jsx)(i.k$,{asChild:!0,children:(0,s.jsx)("button",{className:"p-2 rounded-full hover:bg-gray-100 cursor-pointer transition-colors",onClick:()=>{e.phone&&window.open("tel:".concat(e.phone),"_blank")},"aria-label":"Call ".concat(e.name),"data-testid":"phone-button-".concat(e.id),children:(0,s.jsx)(c.A,{icon:"/PhoneIcon.svg",className:"text-text-primary"})})}),(0,s.jsx)(i.ZI,{side:"top",children:(0,s.jsx)("div",{className:"w-auto",children:(0,s.jsx)("p",{className:"bg-[var(--color-brand-primary)] p-2 rounded-md mr-1",children:(0,s.jsx)("span",{className:"text-[var(--color-item-bg)]","data-testid":"phone-".concat(e.id),children:e.phone})})})})]})]}),(0,s.jsx)("button",{className:"px-2 py-1 rounded-md text-text-secondary hover:bg-gray-50 cursor-pointer transition-colors",onClick:async()=>{await $(e)},disabled:I,children:"Set Primary"})]})]})},e.id))}),0===C.length&&(0,s.jsxs)("div",{className:"text-center py-8",children:[(0,s.jsx)("p",{className:"text-sm text-gray-500",children:"No XQtiv contacts added yet"}),(0,s.jsx)("p",{className:"text-xs text-gray-400 mt-1",children:'Click "Add" to add XQtiv contacts'})]})]})}}}]);