https://photobucket.com/assets/js/ManageIntegrations-dSjug4bR.js

1import{_ as e,a as s,b as pt}from"./_virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-B177jzqY.js";import{A as bt,e as Wt,W as At,f as It,G as Tt,M as _t}from"./Layout-bCGixQba.js";import{cm as yt,bY as Gt,iP as Lt,i as Rt,a as ft,iQ as Ot,iR as Pt,l as $,bR as d,bW as kt,cS as dt,bP as h,bT as ct,bS as L,bU as Dt,s as ut,bM as zt,dx as Ht,j as it,cI as Ft,iS as Nt,iT as gt,r as Et}from"./index-C8DIms-h.js";import{a as U,e as mt,b as j,c as vt}from"./_virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react__loadShare__.js-ClGO9exV.js";import{u as jt,W as Ut,a as Vt,b as Qt,S as Yt,s as $t}from"./useWebViewHasLoaded-DJlEBO_T.js";import{j as Kt,K as qt}from"./Appbar-CdqiVhJM.js";import{I as Jt}from"./index-BRb-vGx1.js";import{A as Xt,a as Zt}from"./index.esm-BNoxB-cU.js";import{I as te}from"./index.esm-C-9-vkKh.js";import{u as ee}from"./BucketCreate-W2j7i5fC.js";import{u as oe}from"./index-B6UHHHHX.js";import{M as re,F as ae,S as ie,p as ne}from"./Select-C0o-DiOk.js";import{C as se}from"./Close-CS8X6lPR.js";import{G as lt}from"./Grid-C0JuSV3X.js";import{T as ce}from"./TextField-XHezjr4a.js";import{I as le}from"./PasswordVisibilityAdornment-Bsoiby26.js";import{v as pe}from"./MediaShareCreate-BiFB7eqO.js";import{C as Bt}from"./Card-CsgkyxjA.js";import{M as st}from"./Stack-QTrU5DBN.js";import{D as ht}from"./Divider-D0Q2hE10.js";import{L as de}from"./Link-CF_mY1kC.js";import{C as ue}from"./CardContent-CMD-aL4M.js";import"./__virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react__loadShare__.js_commonjs-proxy-D_fXcg40.js";import"./_virtual_mf___mfe_internal__host__mf_owner__1__loadShare___mf_0_unleash_mf_1_proxy_mf_2_client_mf_2_react__loadShare__.js-BdtqsXmB.js";import"./_virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react_mf_2_router_mf_2_dom__loadShare__.js-CK4j7iSY.js";import"./_virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react_mf_2_dom__loadShare__.js-ckyQG2Wp.js";import"./__virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react_mf_2_dom__loadShare__.js_commonjs-proxy-BYnSnx8j.js";import"./groupsyChrome-CLCFmWEd.js";import"./index-C-9SF67q.js";import"./Popper-Dy4hrUxg.js";import"./useBucket-BIB0F6cO.js";import"./useSelectedMedia-moNafvFD.js";import"./AlbumDelete-C9KLfwcA.js";import"./moment-BQKGOo7b.js";import"./en-US-CcscABQy.js";import"./albumCacheLinks-COyuqQrC.js";import"./index-CKJ3iTdM.js";import"./useBucketMediaUpload-CDHeH3K-.js";import"./index--eSQkUPx.js";import"./placeholders-BhfK6KrI.js";import"./useAnalytics-Bqtss9LT.js";import"./List-g65CIM25.js";import"./ListItemButton-CSZvALOV.js";import"./ListItemText--jWI7Cah.js";import"./useBucketMediaFavoriteCacheUpdate-JcQ4Mztc.js";import"./Dialog-DJadggB1.js";import"./DialogContent-BYgwep7Q.js";import"./DialogActions-FWBMDTDu.js";import"./Chip-ATUcrM8H.js";import"./formatDistanceToNow-uO2sKiQN.js";import"./Avatar-DO4rlweQ.js";import"./DialogTitle-CXgQtTsT.js";import"./DialogContentText-BuA64lWT.js";import"./ShoppingCartOutlined-B9P3wYA5.js";import"./Skeleton-CHHkEUB-.js";import"./useCoverImage-LxxClbdl.js";import"./coverImageProcessor-BxMTeS1Q.js";import"./MediaDetails-DGfbi8nE.js";import"./formatBytes-jRUNT9z8.js";import"./CloudDownloadOutlined-QqXI5ZLk.js";import"./CheckCircleOutline-CinuUtlN.js";import"./useBucketMediaMove-BQjlNRvH.js";import"./logger-YHhloPCO.js";import"./ListItem-Bac8ygTt.js";import"./isMuiElement-ByswdNQJ.js";import"./preload-helper-s0Msbe4-.js";import"./SettingsMenu-DW5epDzy.js";import"./getInitials-DL7R944W.js";import"./useProfilePlan-CFYSgKgo.js";import"./UpsellModal-C_O-36_D.js";import"./useStartPlusCheckout-Cfk75TzO.js";import"./PaymentModal-BKpq6xP1.js";import"./useSubscriptionCreate-C7gk3Ixu.js";import"./index-CwMG8eoe.js";import"./StyledFormAlert-CPss5llY.js";import"./StyledFormDivider-CsAJDStv.js";import"./Autocomplete-DrFlT9WD.js";import"./CheckCircle-CEvPgtb7.js";import"./useDownloadGate-BU14gIxS.js";import"./useBucketList-Dp_j2Qaf.js";import"./Videocam-DFmQbUqM.js";import"./FilterAndSort-DXPKXNHS.js";import"./mediaSortOptions-w2yTjTeV.js";

1import"./FormControlLabel-DDOXog2C.js";import"./inviteUrl-BPL9TqJF.js";import"./__vite-browser-external-D7Ct-6yo.js";import"./virtualExposes-_ivNhQLP.js";import"./remoteEntry-uboCqDRT.js";import"./index-DM2295YJ.js";import"./_virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react_mf_2_dom_mf_1_client__loadShare__.js-_fD68H2V.js";import"./ImageOutlined-BE8VU1zz.js";import"./ArrowBack-Db3TjviE.js";import"./Menu-S9skcw_y.js";import"./groupCapUpsell-C7pFxje8.js";import"./getThemeProps-CWzAk5Hy.js";import"./useThemeProps-BR0W8aGA.js";import"./groupsy-logo-white-C4_zM7ld.js";import"./X-9gRLxPhC.js";import"./dividerClasses-DKoWjx9h.js";const wt=91,Mt=150,me=d(h)(({theme:t})=>({[t.breakpoints.down("sm")]:{marginBottom:32,height:"".concat(Mt-32,"px")},height:wt,display:"flex",width:"100%",alignContent:"flex-start"})),he=d(h)(({theme:t})=>({display:"flex",flex:1,flexDirection:"column",width:"100%",[t.breakpoints.up("sm")]:{flexDirection:"row"}})),fe=d(h)(({theme:t})=>({flex:1,[t.breakpoints.up("sm")]:{marginLeft:t.spacing(2)},marginBottom:t.spacing(1)})),ge=d(ae)(({theme:t})=>({[t.breakpoints.up("sm")]:{minWidth:"170px"}})),nt=d(L)(()=>({fontSize:"16px",fontStyle:"normal",fontWeight:400,lineHeight:"normal"})),xe=d(L)(()=>({color:"#000",fontSize:"14px",fontStyle:"normal",fontWeight:600})),Ce=d(ie,{shouldForwardProp:t=>t!=="isSelected"})(({isSelected:t,theme:C})=>({[C.breakpoints.up("sm")]:{width:"200px",fontSize:"16px"},width:"100%",fontSize:14,padding:0,margin:0,fontWeight:"600",borderRadius:"4px",color:t?"#fff":"#1C47CB",backgroundColor:t?"#1C47CB":void 0,"& .MuiSelect-select":{padding:"14px 16px"},"& .MuiSelect-icon":{color:t?"#fff":"#1C47CB"},"& .MuiOutlinedInput-notchedOutline":{borderColor:"#1967d2"},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"#1967d2"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#1967d2"}})),be=d(Bt)(({theme:t})=>({borderRadius:"16px",boxShadow:"0px 4px 10px rgba(0, 0, 0, 0.05)",width:"auto",paddingTop:t.spacing(3),[t.breakpoints.up("sm")]:{maxWidth:"1200px",width:"100%",maxHeight:"90vh",marginLeft:t.spacing(8),marginRight:t.spacing(8)}})),ye=d(h)(({theme:t})=>({paddingLeft:t.spacing(2),paddingRight:t.spacing(2),width:"100%",display:"flex",justifyContent:"flex-end",alignItems:"flex-end",flexDirection:"row-reverse",marginBottom:t.spacing(4),[t.breakpoints.up("sm")]:{flexDirection:"column",marginBottom:t.spacing(8)}})),xt=d(L)(({theme:t})=>({width:"100%",textAlign:"left",lineHeight:"1.1em",[t.breakpoints.up("sm")]:{textAlign:"center"}})),ke=d(h)(({theme:t})=>({paddingLeft:t.spacing(2),paddingRight:t.spacing(2),[t.breakpoints.up("sm")]:{paddingLeft:t.spacing(8),paddingRight:t.spacing(8)}})),ve=d(h)(({theme:t})=>({marginTop:t.spacing(4),"&:last-child":{paddingBottom:0},overflow:"auto",maxHeight:"60vh",paddingLeft:t.spacing(2),paddingRight:t.spacing(2),[t.breakpoints.up("sm")]:{paddingLeft:t.spacing(8),paddingRight:t.spacing(8)}})),Be=d(Dt)(({theme:t})=>({paddingTop:t.spacing(2),paddingBottom:t.spacing(2),display:"flex",gap:t.spacing(2),justifyContent:"space-between",paddingLeft:t.spacing(2),paddingRight:t.spacing(2),[t.breakpoints.up("sm")]:{justifyContent:"flex-end",paddingLeft:t.spacing(8),paddingRight:t.spacing(8)}})),Ct=d(ct)(({theme:t})=>({borderRadius:"80px",width:"100%",[t.breakpoints.up("sm")]:{width:"193px"}}));function we(){const t=yt();return s(h,{sx:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:t.palette.grey[500],"&:disabled":{color:t.palette.grey[500]}},children:[e(dt,{color:"text.disabled",size:14,sx:{mr:1,color:t.palette.grey[500]}}),"Creating bucket..."]})}function Me({data:t,index:C}){var I;const{rowItems:l,buckets:r,isUpdatingExitingIntegration:i,upsertSelectedBucketMap:u,removeSelectedBucketMap:R,integrationAccountId:F}=t,n=i?l[0]:l[C],[m,y]=U(i?(I=n==null?void 0:n.bucket)==null?void 0:I.id:"select"),{mutation:W,loading:O}=ee(),p=i?n.metadata.groupTitle:n.title,w="create-bucket-".concat(p),M=vt(()=>r.some(c=>c.title===p),[r,p]),P=c=>{const B=c.target.value;if(B==="select")R(i?n.externalId:n.groupId),y("select");else if(B===w){if(O)return;W({variables:{data:{title:p,description:"Bucket for ".concat(p)}}}).then(k=>{var H;const S=(H=k.data)==null?void 0:H.bucketCreate;S&&(y(S.id),u(i?n==null?void 0:n.id:n.groupId,S.id))})}else y(B),u(i?n==null?void 0:n.id:n.groupId,B)},A=i?n.externalId:n.groupId,V=i?n.metadata.memberCount:n.memberCount,N=()=>{var c;return m==="select"?"Select a Bucket":((c=r.find(B=>B.id===m))==null?void 0:c.title)||"Select a Bucket"},Q=m!=="select",{requestGroupAvatar:D,groupAvatar:Y}=jt({integrationId:F,groupId:A});return e(Jt,{as:"div",onChange:c=>{c&&(D==null||D())},children:s(me,{sx:{},children:[e(Ut,{src:Y}),s(he,{children:[s(fe,{children:[e(L,{variant:"subtitle1",style:{fontWeight:600,lineHeight:"18px",color:"#101828",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis"},children:p}),s(L,{variant:"body2",sx:{color:"#727c8c"},children:[V," members"]})]}),e(ge,{children:s(Ce,{isSelected:Q,value:m,onChange:P,renderValue:O?we:N,IconComponent:qt,inputProps:{"aria-label":"Select bucket for ".concat(p),"data-testid":"".concat(A,"-bucket-select")},disabled:O,children:[e(st,{value:"select",children:"Select a Bucket"},"select-a-bucket"),!M&&e(ht,{sx:{width:"90%",mx:"auto"}}),!M&&s(st,{sx:{maxWidth:"300px",textWrap:"wrap"},value:w,children:[e(bt,{sx:{mr:1,color:"#1C47CB"}}),'Create new "',p,'" Bucket']},w),!M&&e(ht,{sx:{width:"90%",mx:"auto"}}),r.map(c=>e(st,{value:c.id,sx:{maxWidth:"300px",textWrap:"wrap"},children:c.title},c.id))]})})]})]},A)},A)}function Se({buckets:t,isOpen:C,onClose:l,isUpdatingExitingIntegration:r,bucketIntegration:i,integrationAccountId:u,refetchIntegrationMappingsList:R,integrationMappings:F}){var f,g,_,G;const n=yt(),m=oe(n.breakpoints.down("sm")),[y,W]=U(""),[O,p]=Gt(Lt,{fetchPolicy:"network-only"}),[w,M]=U(r?new Map([[i.id,(f=i.bucket)==null?void 0:f.id]]):new Map),{createAlert:P}

1=Rt(),[A,V]=ft(Ot,{variables:{inputs:Array.from(w.entries()).map(([a,x])=>({bucketMappingId:a,bucketId:x})),integrationId:u}}),[N,Q]=ft(Pt,{variables:{integrationId:u,mappings:Array.from(w.entries()).map(([a,x])=>({externalId:a,bucketId:x}))},onCompleted:()=>{R()}}),D=V.loading,Y=Q.loading,z=D||Y,I=(_=(g=p.data)==null?void 0:g.whatsAppGroups.items)!=null?_:[],c=I.filter(a=>!F.some(x=>x.externalId===a.groupId))||[],B=y.toLowerCase(),k=c.filter(a=>a.title.toLowerCase().includes(B)),S=n.breakpoints.up("sm"),H=mt(O),K=mt(P),q=a=>!!(r?i:I[a]),J=async(a,x)=>{k[x]},X=a=>{W(a.target.value)};j(()=>{C&&!r&&H.current({variables:{integrationId:u}}).catch(a=>{$.error("Error fetching WhatsApp groups:",a),K.current("Error fetching WhatsApp groups","error")})},[u,C,r]),j(()=>{var a;C&&r&&M(new Map([[i.id,(a=i==null?void 0:i.bucket)==null?void 0:a.id]]))},[(G=i==null?void 0:i.bucket)==null?void 0:G.id,i==null?void 0:i.id,C,r]);const Z=()=>{p==null||p.refetch().then(()=>{$.info("WhatsApp Groups refetched successfully")}).catch(a=>{$.error("Error refetching WhatsApp Groups:",a)})},tt=()=>{W("")},et=(a,x)=>{M(E=>{const at=new Map(E);return at.set(a,x),at})},ot=a=>{M(x=>{const E=new Map(x);return E.delete(a),E})},T=()=>{M(new Map),l()},rt=()=>{r?A().then(()=>{T()}).catch(a=>{$.error("Error updating bucket integration mappings:",a),P("An error occurred while connecting WhatsApp Groups to your Buckets.","error")}):N().then(()=>{T()}).catch(()=>{P("An error occurred while connecting WhatsApp Groups to your Buckets.","error")})},o=m?Mt:wt,v=r?o:k.length*o+20,b=c.length>0&&!r;return e(re,{open:C,onClose:T,style:{alignItems:"center",display:"flex",justifyContent:"center",width:"100%",flexDirection:"column",overflow:"auto",margin:"0"},children:s(be,{children:[s(ye,{children:[e(kt,{onClick:T,sx:{padding:0,alignSelf:m?"flex-start":"flex-end"},children:e(se,{htmlColor:"#000"})}),r&&e(xt,{variant:m?"pb.display.medium":"pb.display.large",children:"Choose a Bucket for this Group Chat"}),!r&&e(xt,{variant:m?"pb.display.medium":"pb.display.large",children:"Choose Group Chats to Connect to Your Buckets"})]}),p.loading&&e("div",{style:{width:"100%",marginTop:"32px",marginBottom:"32px",display:"flex",justifyContent:"center",alignItems:"center"},children:e(dt,{})}),!p.loading&&k.length===0&&y.length===0&&e(lt,{container:!0,justifyContent:"center",sx:{py:4},children:s(h,{justifyContent:"center",sx:{width:"100%"},children:[s(pt,{children:[S?e(nt,{align:"center",variant:"h6",children:"You do not have any WhatsApp groups."}):e(nt,{align:"center",children:"You do not have any WhatsApp groups."}),S?e(nt,{align:"center",variant:"body1",children:"Please create a WhatsApp group and try again before you can connect your WhatsApp Groups to your buckets."}):e(nt,{align:"center",children:"Please create a WhatsApp group and try again before you can connect your WhatsApp Groups to your buckets."})]}),e(h,{justifyContent:"center",display:"flex",sx:{width:"100%"},children:e(ct,{variant:"text",size:"small",onClick:Z,children:"Refetch WhatsApp Groups"})})]})}),!p.loading&&s(pt,{children:[b&&e(ke,{children:s(lt,{size:12,flexDirection:m?"column":"row",container:!0,justifyContent:m?void 0:"space-between",children:[s(lt,{flexDirection:"row",flex:m?12:2,display:"flex",children:[e(ce,{sx:{width:m?"100%":"320px"},id:"search-whatsapp-groups",placeholder:"Search your WhatsApp Groups",value:y,onChange:X,variant:"outlined",InputProps:{endAdornment:e(le,{position:"end",children:e(Kt,{fontSize:"small",htmlColor:"#000"})}),sx:{borderRadius:"100px","& .MuiOutlinedInput-notchedOutline":{borderRadius:"100px"}}},size:"small"}),y.length>0&&e(ct,{sx:{marginLeft:1},variant:"text",onClick:tt,startIcon:e(pe,{fontSize:"small"}),children:"Clear"})]}),y.length>0&&s(xe,{variant:"body2",sx:{color:"#000",textAlign:"left",mt:1},children:["Showing ",k.length," Results of ",c.length]})]})}),e(ve,{style:r?{height:o}:{height:"50vh",display:"flex"},children:e(Xt,{children:({height:a,width:x})=>!x||!a?e("div",{}):e(te,{isItemLoaded:q,itemCount:r?1:k.length,loadMoreItems:J,children:({ref:E,onItemsRendered:at})=>e(Zt,{ref:E,onItemsRendered:at,itemData:{width:x-16,rowItems:r?[i]:k,buckets:t,isUpdatingExitingIntegration:r,upsertSelectedBucketMap:et,removeSelectedBucketMap:ot,integrationAccountId:u},width:x,itemCount:r?1:k.length,itemSize:o,height:v,layout:"vertical",children:Me})})})})]}),s(Be,{elevation:5,children:[e(Ct,{onClick:T,sx:{color:"#1C47CB",borderColor:"#1C47CB"},variant:"outlined",children:"Cancel"}),e(Ct,{onClick:rt,sx:{backgroundColor:"#1C47CB","&:hover":{backgroundColor:"#1C47CB"},boxShadow:"none"},variant:"contained",disabled:z,startIcon:z?e(dt,{size:16,color:"inherit"}

1):void 0,children:z?"Saving...":"Save"})]})]})})}const We=d(Bt)(({theme:t})=>({borderRadius:18,paddingBottom:0,border:"1px solid #B0B8C5",margin:16,[t.breakpoints.up("md")]:{margin:"64px 31px"}})),Ae=d(ue)({"&:last-child":{paddingBottom:0},padding:0}),Ie=d(ct)(({theme:t})=>({borderRadius:18,textTransform:"none",color:t.palette.primary.main,padding:"6px 12px",fontWeight:500,fontSize:14,"&:hover":{backgroundColor:"rgba(0, 0, 0, 0.04)"}}));function St({whatsAppIntegration:t=null}){var z,I,c,B,k,S,H,K,q,J,X,Z,tt,et,ot,T,rt;const{trackWhatsAppEvent:C}=Wt(),l=ut(Ft,{variables:{userId:(z=it().currentUser)==null?void 0:z.uid},skip:!((I=it().currentUser)!=null&&I.uid)});j(()=>{l.error&&$.error("Error fetching buckets",l.error)},[l.error]);const r=ut(Nt,{variables:{integrationId:t==null?void 0:t.id,limit:40,page:1},skip:!t}),i=mt(l.fetchMore),u=(B=(c=r.data)==null?void 0:c.bucketIntegrationMappingsList.items)!=null?B:[],R=u.length,F=u.filter(o=>o.status===gt.Active||o.status===gt.Failed).length,[n,m]=U(null),[y,W]=U({isOpen:!1,isUpdatingExistingIntegration:!1}),[O,p]=U(),w=!!n,M=()=>{W({isOpen:!1,isUpdatingExistingIntegration:!1})},P=o=>{var b,f;const v=(f=(b=r.data)==null?void 0:b.bucketIntegrationMappingsList.items)==null?void 0:f.find(g=>(g==null?void 0:g.id)===o);v&&(p(v),W({isOpen:!0,isUpdatingExistingIntegration:!0}))},A=()=>{W({isOpen:!0,isUpdatingExistingIntegration:!1})},V=o=>{m(o.currentTarget)},N=()=>{m(null)},Q=()=>{N(),Et("integrationDisconnectWhatsApp")},D=()=>{r.refetch()};j(()=>R===0?()=>{}:F===R?r.stopPolling():(r.startPolling(2500),()=>{r.stopPolling()}),[r,F,R]),j(()=>{var b,f,g,_,G;const o=(f=(b=l.data)==null?void 0:b.bucketsByUserId)==null?void 0:f.nextToken,v=(_=(g=l.previousData)==null?void 0:g.bucketsByUserId)==null?void 0:_.nextToken;!o||o===v||i.current({variables:{userId:(G=it().currentUser)==null?void 0:G.uid,nextToken:o}})},[(S=(k=l.data)==null?void 0:k.bucketsByUserId)==null?void 0:S.nextToken,(K=(H=l.previousData)==null?void 0:H.bucketsByUserId)==null?void 0:K.nextToken]);const Y=vt(()=>{var o,v,b;return((b=(v=(o=l.data)==null?void 0:o.bucketsByUserId)==null?void 0:v.items)!=null?b:[]).filter(f=>{var g;return(f==null?void 0:f.ownerId)===((g=it().currentUser)==null?void 0:g.uid)})},[(J=(q=l.data)==null?void 0:q.bucketsByUserId)==null?void 0:J.items]);return j(()=>{C(At.INTEGRATIONS_PAGE_VIEWED,{has_whatsapp_integration:!!t,integration_status:(t==null?void 0:t.status)||It.INTEGRATION_STATUS.NONE,source_referrer:document.referrer})},[C,t]),Vt(),s(Tt,{"data-testid":"whatsapp-gallery-layout",showSelectButton:!1,children:[e(h,{sx:{maxHeight:"100vh",overflowY:"auto",paddingBottom:{xs:"160px",md:"140px"}},children:e(We,{elevation:0,"data-testid":"whatsapp-integration-card",children:s(Ae,{"data-testid":"whatsapp-integration-card-content",children:[s(h,{sx:{p:2,display:"flex",alignItems:"center",justifyContent:"space-between",backgroundColor:"#E6FCF5"},"data-testid":"whatsapp-header",children:[s(h,{sx:{display:"flex",alignItems:"center",gap:1},"data-testid":"whatsapp-header-title",children:[e(Qt,{width:24,height:24,"aria-label":"WhatsApp Logo","data-testid":"whatsapp-logo"}),e(L,{variant:"subtitle1",fontSize:28,fontWeight:800,id:"whatsapp-integration-title","aria-label":"WhatsApp Integration","data-testid":"whatsapp-title",children:"WhatsApp"})]}),t&&e(kt,{size:"small",onClick:V,"aria-label":"Open WhatsApp account menu","aria-controls":w?"whatsapp-account-menu":void 0,"aria-haspopup":"true","aria-expanded":w?"true":void 0,"data-testid":"whatsapp-account-menu-button",children:e(_t,{})}),e(ne,{id:"whatsapp-account-menu",anchorEl:n,open:w,onClose:N,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},"aria-labelledby":"whatsapp-integration-title","data-testid":"whatsapp-account-menu",children:e(st,{onClick:Q,sx:{color:"error.main",fontWeight:600},"aria-label":"Disconnect WhatsApp Account","data-testid":"disconnect-whatsapp-account",children:"Disconnect WhatsApp Account"})})]}),e(ht,{color:"#B0B8C5","data-testid":"whatsapp-divider"}),!t&&e(h,{sx:{py:2,display:"flex",flexDirection:"column",gap:1},"data-testid":"whatsapp-integration-summary",children:s(L,{variant:"subtitle1",textAlign:"center","data-testid":"whatsapp-integration-status",children:["You have not connected your WhatsApp account yet. Please"," ",e(de,{href:"/integrations/whatsapp/setup",underline:"hover",color:"primary",children:"click here"})," ","to connect your WhatsApp account."]})}),t&&s(pt,{children:[s(h,{"data-testid":"whatsapp-group-list",children:[!((tt=(Z=(X=r.data)==null?void 0:X.bucketIntegrationMappingsList)==null?void 0:Z.items)!=null&&tt.length)&&e(h,{sx:{p:2,textAlign:"center"},"data-testid":"no-integrations-message",children:e(L,{variant:"body1",color:"textSecondary","data-testid":"no-integrations-text",children:"No group connected yet. Click the button below to connect your first group."})}),(T=(ot=(et=r.data)==null?void 0:et.bucketIntegrationMappingsList)==null?void 0:ot.items)==null?void 0:T.map(o=>{var v,b,f,g,_,G,a;return e(Yt,{groupId:o==null?void 0:o.id,bucketId:(b=(v=o==null?void 0:o.bucket)==null?void 0:v.id)!=null?b:"",bucketTitle:(g=(f=o==null?void 0:o.bucket)==null?void 0:f.title)!=null?g:"",whatsAppGroupName:(_=o.metadata)==null?void 0:_.groupTitle,status:$t(o.status),numberOfMembers:(G=o==null?void 0:o.metadata)==null?void 0:G.memberCount,onOpenChangeBucketModal:()=>P(o==null?void 0:o.id),avatarUrl:((a=o.metadata)==null?void 0:a.groupIconUrl)||""},o==null?void 0:o.id)})]}),e(h,{sx:{p:2},children:e(Ie,{onClick:A,variant:"outlined",startIcon:e(bt,{sx:{fontSize:24}}),size:"small",sx:{fontSize:14},"aria-label":"Connect more group chats","data-testid":"whatsapp-connect-more-button",children:"Connect More Group Chats"})})]})]})})}),e(Se,{buckets:Y,integrationAccountId:(rt=t==null?void 0:t.id)!=null?rt:"",isOpen:y.isOpen,isUpdatingExitingIntegration:y.isUpdatingExistingIntegration,onClose:M,bucketIntegration:O,refetchIntegrationMappingsList:D,integrationMappings:u})]})}St.defaultProps={whatsAppIntegration:null};function vr(){var l,r,i;const C=(i=(r=(l=ut(zt,{fetchPolicy:"cache-only"}).data)==null?void 0:l.userProfile)==null?void 0:r.integrations)==null?void 0:i.find(u=>(u==null?void 0:u.integrationType)===Ht.Whatsapp);return e(St,{whatsAppIntegration:C})}export{vr as default};