@hiver/connector-admin 4.10.0-customFields-beta.7 → 4.10.0

package/index.es.js

@@ -32739,7 +32739,7 @@ const Ga = {
     const k = f[e] || [];
     if (!Array.isArray(o)) return !1;
     const W = ps(o, k);
-    if (p.length != W.length) return !1;
+    if (p.length !== W.length) return !1;
     for (let L = 0; L < W.length; L++) {
       const K = W[L], de = p[L];
       if (p && (K.key !== de.key || K.enabled !== de.enabled || K.fieldAccessMode !== de.fieldAccessMode))

package/index.umd.js

@@ -2846,7 +2846,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     color: ${g.palette.gray.gray3};
     margin-top: 0.5px;
   }
-`,Jm=({options:e=[],type:t,placeholder:n,labelKey:r="label",valueKey:A="id",onChangeFunc:o,currentSelectedOptions:s=[],isSingleSelect:a=!1,inputVariant:i="standard"})=>{const l=!s.length;return u.jsx(UG,{children:a?u.jsx(g.Autocomplete,{value:Object.keys((s==null?void 0:s[0])||{}).length?s[0]:null,getOptionLabel:c=>c[r]??"",onChange:o,options:e,renderOption:(c,d)=>u.jsx(g.Box,{component:"li",...c,minHeight:"34px !important",children:d[r]}),renderInput:c=>u.jsx(QC,{...c,ref:c.inputProps.ref,variant:i,placeholder:n})}):u.jsx(g.Autocomplete,{value:s,slotProps:{popper:{modifiers:[{name:"flip",options:{rootBoundary:"document"}}]}},"data-testid":`${t}-dropdown`,disablePortal:!0,multiple:!0,disableCloseOnSelect:!0,limitTags:2,options:e,isOptionEqualToValue:(c,d)=>(d==null?void 0:d[A])===""?!0:c[A]===d[A],renderOption:(c,d,{selected:f})=>{const{key:B,...I}=c;return u.jsxs(g.Box,{component:"li",...I,minHeight:"36px",children:[u.jsx(g.Checkbox,{style:{marginRight:8},checked:f}),d[r]]},B)},renderTags:(c,d)=>c.map((f,B)=>u.jsx("div",{children:u.jsx(qG,{...d({index:B}),label:f[r],variant:"outlined",deleteIcon:u.jsx(g.icons.Close,{})})},f[A])),renderInput:c=>u.jsx(QC,{...c,variant:i,placeholder:l?n:""}),getOptionLabel:c=>c[r],ListboxProps:{style:{maxHeight:250}},onChange:o})})},ZG="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3803_129233)'%3e%3cpath%20d='M7.3335%204.66683H8.66683V6.00016H7.3335V4.66683ZM7.3335%207.3335H8.66683V11.3335H7.3335V7.3335ZM8.00016%201.3335C4.32016%201.3335%201.3335%204.32016%201.3335%208.00016C1.3335%2011.6802%204.32016%2014.6668%208.00016%2014.6668C11.6802%2014.6668%2014.6668%2011.6802%2014.6668%208.00016C14.6668%204.32016%2011.6802%201.3335%208.00016%201.3335ZM8.00016%2013.3335C5.06016%2013.3335%202.66683%2010.9402%202.66683%208.00016C2.66683%205.06016%205.06016%202.66683%208.00016%202.66683C10.9402%202.66683%2013.3335%205.06016%2013.3335%208.00016C13.3335%2010.9402%2010.9402%2013.3335%208.00016%2013.3335Z'%20fill='%236F7C90'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3803_129233'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",Xm=e=>{const{selectedEmailInboxes:t,setSelectedEmailInboxes:n,selectedRoles:r,setSelectedRoles:A}=e,o=_e(ii)??[],s=_e(_s)??[];return[{type:Dm,options:s,label:Wj,isSingleSelect:!1},{type:Jj,options:o,label:zj,isSingleSelect:!0}].map(({type:i,options:l,label:c,isSingleSelect:d})=>{const f=i===Dm,B=f?t:r;return u.jsxs(g.Box,{marginBottom:"20px",children:[u.jsx(cV,{variant:"h4",children:c}),u.jsx(Jm,{isSingleSelect:d,currentSelectedOptions:d?[B]:B,options:l,type:i,placeholder:f?Hj:Yj,onChangeFunc:(I,C)=>f?n(C):A(C??{}),valueKey:"id",labelKey:f?"name":"displayName"}),d?u.jsxs(uV,{width:"fit-content",children:[u.jsx("img",{src:ZG}),u.jsx(g.Typography,{variant:"caption",color:g.palette.gray.gray3,fontSize:"11px",children:Uj})]}):null]},i)})},wo={CARD_VISIBILITY:{ID:0,LABEL:"Card visibility"},FIELD_VISIBILITY:{ID:1,LABEL:"Field visibility"}},Um="New fields",KG=({handleClose:e,id:t,emailSMs:n,setShowEnabledModal:r,roles:A,currentConnectorId:o,title:s,fields:a,setVisitedFieldVisTab:i})=>{var X,Ae;const{availableFeatures:l,sendTrackingEvent:c}=m.useContext(Qt),d=or(),f=_e($r),B=_e(ii)??[],I=_e(_s)??[],C=_e(bC),E=_e(yC),{userId:h}=Qr()||{},p=(Ae=(X=f==null?void 0:f[o])==null?void 0:X.cardList)==null?void 0:Ae.find(Z=>Z.id===t),[Q,y]=m.useState(()=>(I==null?void 0:I.filter(Z=>n==null?void 0:n.includes(Z.id)))??[]),[b,x]=m.useState(()=>(B==null?void 0:B.find(Z=>A==null?void 0:A.includes(Z.name)))??{}),[w,v]=m.useState(()=>(p==null?void 0:p.fields)??[]),[T,V]=m.useState(wo.CARD_VISIBILITY.ID);m.useEffect(()=>{d(bs(t))},[d,t]),m.useEffect(()=>{C[t]&&v(Z=>ui(Z,C[t]||[]))},[C,t]);const O=m.useMemo(()=>!Array.isArray(n)||n.length!==Q.length?!1:n.every(Z=>Q.some(({id:ie})=>ie===Z)),[n,Q]),M=m.useMemo(()=>Array.isArray(A)?A.length?!!(A!=null&&A.every(Z=>b.name===Z)):!Object.keys(b).length:!1,[A,b]),z=m.useMemo(()=>{const Z=C[t]||[];if(!Array.isArray(a))return!1;const ie=ui(a,Z);if(w.length!=ie.length)return!1;for(let ee=0;ee<ie.length;ee++){const ae=ie[ee],Le=w[ee];if(w&&(ae.key!==Le.key||ae.enabled!==Le.enabled||ae.fieldAccessMode!==Le.fieldAccessMode))return!1}return!0},[a,w,C,t]),R=Q.length!==0&&w.filter(Z=>Z.enabled).length===0,q=E===he.LOADING||O&&M&&z||R,ce=m.useMemo(()=>!!(a!=null&&a.some(Z=>Z.isFieldNew)),[a]),ue=h&&HC(t,h),te=ms(l)&&ce&&!ue?Um:"",H=Z=>{Z.stopPropagation();const ie=b!=null&&b.name?[b.name]:[],ee=Q.map(Le=>Le.id),ae=w.map((Le,J)=>({...Le,priority:J+1}));d(ys({cardId:t,data:{roles:ie,inboxes:{email:ee,chat:[]},fields:ae},currentConnector:o})).unwrap().then(()=>{var He,De,Ke;const Le=(He=f==null?void 0:f[o])==null?void 0:He.name,J=(Ke=(De=f==null?void 0:f[o])==null?void 0:De.cardList)==null?void 0:Ke.some(Tt=>{var bn;if(Tt.id===t)return!1;const{email:Cn,chat:Dt}=Tt.inboxes,Jt=!!(((Cn==null?void 0:Cn.length)??0)+((Dt==null?void 0:Dt.length)??0)),yt=!!((bn=Tt==null?void 0:Tt.roles)!=null&&bn.length);return Jt&&yt});c(Ye.CARD_VISIBILITY_UPDATED,{new_status:ee.length&&(b!=null&&b.name)?vs:xs,pre_status:n!=null&&n.length&&(B!=null&&B.length)?vs:xs,connector_name:Le,card_title:s}),!J&&(b!=null&&b.name)&&ee.length?r(!0):Le&&Pt({message:Om.replace(Yc,Le),type:CA})}).catch(()=>{Pt({message:wC,type:Hn})}).finally(()=>e())},G=()=>{e(),c(Ye.CARD_VISIBILITY_UPDATE_CLOSED)},D=(Z,ie)=>{V(ie),ie===wo.FIELD_VISIBILITY.ID&&(c(Ye.CONNECTOR_VISIBILITY_FIELD_TAB_CLICKED),i(!0))},F=(Z,ie)=>{var ae;const ee=(ae=Object.values(wo).find(Le=>Le.ID===Z))==null?void 0:ae.LABEL;return u.jsxs(g.Stack,{direction:"row",alignItems:"center",gap:1.25,children:[ee,ie?u.jsx(ws,{label:ie}):null]})},P=(p==null?void 0:p.cardAccessMode)===dn.READ_WRITE;return u.jsx(SC,{children:u.jsxs(OC,{style:{height:"max-content"},children:[u.jsx(lV,{variant:"h2",children:vC}),u.jsx(g.Box,{marginBottom:"24px",children:u.jsxs(g.Tabs,{value:T,onChange:D,children:[u.jsx(Nm,{label:F(wo.CARD_VISIBILITY.ID)}),u.jsx(Nm,{label:F(wo.FIELD_VISIBILITY.ID,te)})]})}),u.jsx("div",{hidden:T!==wo.CARD_VISIBILITY.ID,style:{height:"100%"},children:u.jsx(Xm,{selectedEmailInboxes:Q,setSelectedEmailInboxes:y,selectedRoles:b,setSelectedRoles:x})}),u.jsx("div",{hidden:T!==wo.FIELD_VISIBILITY.ID,style:{height:"100%"},children:u.jsx(Ym,{showCreate:P,fields:w,setFields:v,cardId:t})}),u.jsxs(_C,{children:[u.jsx(NC,{onClick:G,variant:"text",children:xC}),u.jsx(g.Tooltip,{title:R?Lm:null,children:u.jsx("div",{children:u.jsx(LC,{onClick:H,disabled:q,children:E!==he.LOADING?u.jsx(g.Typography,{variant:"body2_medium",children:TC}):u.jsx(g.Grid,{height:"22px",children:u.jsx(DC,{size:22})})})})})]})]})})},$G=({id:e,title:t,emailSMs:n,roles:r,currentConnectorId:A,handleClose:o,setShowEnabledModal:s})=>{var O;const{sendTrackingEvent:a}=m.useContext(Qt),i=or(),l=_e($r),c=_e(ii)??[],d=_e(_s)??[],f=_e(bC),B=_e(yC),I=l==null?void 0:l[A],C=(O=I==null?void 0:I.cardList)==null?void 0:O.find(M=>M.id===e),[E,h]=m.useState(()=>(d==null?void 0:d.filter(M=>n==null?void 0:n.includes(M.id)))??[]),[p,Q]=m.useState(()=>(c==null?void 0:c.find(M=>r==null?void 0:r.includes(M.name)))??{}),[y,b]=m.useState(()=>(C==null?void 0:C.fields)??[]);m.useEffect(()=>{i(bs(e))},[i,e]),m.useEffect(()=>{f[e]&&b(M=>ui(M,f[e]||[]))},[f,e]);const x=m.useMemo(()=>!Array.isArray(n)||n.length!==E.length?!1:n.every(M=>E.some(({id:z})=>z===M)),[n,E]),w=m.useMemo(()=>Array.isArray(r)?r.length?!!(r!=null&&r.every(M=>p.name===M)):!Object.keys(p).length:!1,[r,p]),v=B===he.LOADING||x&&w,T=M=>{M.stopPropagation();const z=p!=null&&p.name?[p.name]:[],R=E.map(ce=>ce.id),q=y.map((ce,ue)=>({...ce,priority:ue+1}));i(ys({cardId:e,data:{roles:z,inboxes:{email:R,chat:[]},fields:q},currentConnector:A})).unwrap().then(()=>{var Ie;const ce=I==null?void 0:I.name,ue=(Ie=I==null?void 0:I.cardList)==null?void 0:Ie.some(te=>{var P;if(te.id===e)return!1;const{email:H,chat:G}=te.inboxes,D=!!(((H==null?void 0:H.length)??0)+((G==null?void 0:G.length)??0)),F=!!((P=te==null?void 0:te.roles)!=null&&P.length);return D&&F});a(Ye.CARD_VISIBILITY_UPDATED,{new_status:R.length&&(p!=null&&p.name)?vs:xs,pre_status:n!=null&&n.length&&(c!=null&&c.length)?vs:xs,connector_name:ce,card_title:t}),!ue&&(p!=null&&p.name)&&R.length?s(!0):ce&&Pt({message:Om.replace(Yc,ce),type:CA})}).catch(()=>{Pt({message:wC,type:Hn})}).finally(()=>o())},V=()=>{o(),a(Ye.CARD_VISIBILITY_UPDATE_CLOSED)};return u.jsx(SC,{children:u.jsxs(OC,{children:[u.jsx(g.Typography,{variant:"h2",children:vC}),u.jsx(g.Typography,{variant:"body2",marginBottom:"24px",color:g.theme.palette.gray.gray3,children:Vj.replace(Yc,(I==null?void 0:I.name)??"")}),u.jsx("div",{style:{height:"100%"},children:u.jsx(Xm,{selectedEmailInboxes:E,setSelectedEmailInboxes:h,selectedRoles:p,setSelectedRoles:Q})}),u.jsxs(_C,{children:[u.jsx(NC,{onClick:V,variant:"text",children:xC}),u.jsx(LC,{onClick:T,disabled:v,children:B!==he.LOADING?u.jsx(g.Typography,{variant:"body2_medium",children:TC}):u.jsx(g.Grid,{height:"22px",children:u.jsx(DC,{size:22})})})]})]})})},eH=({id:e,title:t,emailSMs:n,roles:r,currentConnectorId:A,fields:o,preSelectTab:s,handleClose:a})=>{var O;const{sendTrackingEvent:i}=m.useContext(Qt),l=or(),c=_e($r),d=_e(ii),f=_e(_s),B=_e(bC),I=_e(yC),C=c==null?void 0:c[A],E=(O=C==null?void 0:C.cardList)==null?void 0:O.find(M=>M.id===e),h=m.useMemo(()=>(f==null?void 0:f.filter(M=>n==null?void 0:n.includes(M.id)))??[],[n,f]),p=m.useMemo(()=>(d==null?void 0:d.find(M=>r==null?void 0:r.includes(M.name)))??{},[r,d]),[Q,y]=m.useState(()=>(E==null?void 0:E.fields)??[]);m.useEffect(()=>{l(bs(e))},[l,e]),m.useEffect(()=>{B[e]&&y(M=>ui(M,B[e]||[]))},[B,e]);const b=m.useMemo(()=>{const M=B[e]||[];if(!Array.isArray(o))return!1;const z=ui(o,M);if(Q.length!=z.length)return!1;for(let R=0;R<z.length;R++){const q=z[R],ce=Q[R];if(Q&&(q.key!==ce.key||q.enabled!==ce.enabled||q.fieldAccessMode!==ce.fieldAccessMode))return!1}return!0},[o,Q,B,e]),x=h.length!==0&&Q.filter(M=>M.enabled).length===0,w=I===he.LOADING||b||x,v=(E==null?void 0:E.cardAccessMode)===dn.READ_WRITE,T=M=>{M.stopPropagation();const z=p!=null&&p.name?[p.name]:[],R=h.map(ue=>ue.id),ce=Q.map((ue,Ie)=>({...ue,priority:Ie+1})).map(ue=>{if(ue.fieldAccessMode||!v)return ue;const Ie={...ue};return ue.enabled&&ue.isWriteRequired?Ie.fieldAccessMode=dn.READ_WRITE:ue.enabled?Ie.fieldAccessMode=dn.READ:ue.isWriteRequired&&(Ie.fieldAccessMode=dn.WRITE),Ie});l(ys({cardId:e,data:{roles:z,inboxes:{email:R,chat:[]},fields:ce},currentConnector:A})).unwrap().then(()=>{const ue=C==null?void 0:C.name;i(Ye.CARD_VISIBILITY_UPDATED,{new_status:R.length&&(p!=null&&p.name)?vs:xs,pre_status:n!=null&&n.length&&(d!=null&&d.length)?vs:xs,connector_name:ue,card_title:t}),Pt({message:Xj,type:CA})}).catch(()=>{Pt({message:wC,type:Hn})}).finally(()=>a())},V=()=>{a(),i(Ye.CARD_VISIBILITY_UPDATE_CLOSED)};return u.jsx(SC,{children:u.jsxs(OC,{style:{height:"max-content"},children:[u.jsx(g.Typography,{variant:"h2",children:Sm}),u.jsx(g.Typography,{variant:"body2",marginBottom:"24px",color:g.theme.palette.gray.gray3,children:Gj.replace(Yc,(C==null?void 0:C.name)??"")}),u.jsx(Ym,{showCreate:v,fields:Q,setFields:y,cardId:e,preSelectTab:s}),u.jsxs(_C,{children:[u.jsx(NC,{onClick:V,variant:"text",children:xC}),u.jsx(g.Tooltip,{title:x?Lm:null,children:u.jsx("div",{children:u.jsx(LC,{onClick:T,disabled:w,children:I!==he.LOADING?u.jsx(g.Typography,{variant:"body2_medium",children:TC}):u.jsx(g.Grid,{height:"22px",children:u.jsx(DC,{size:22})})})})})]})]})})},tH=g.styled(g.Box)`
+`,Jm=({options:e=[],type:t,placeholder:n,labelKey:r="label",valueKey:A="id",onChangeFunc:o,currentSelectedOptions:s=[],isSingleSelect:a=!1,inputVariant:i="standard"})=>{const l=!s.length;return u.jsx(UG,{children:a?u.jsx(g.Autocomplete,{value:Object.keys((s==null?void 0:s[0])||{}).length?s[0]:null,getOptionLabel:c=>c[r]??"",onChange:o,options:e,renderOption:(c,d)=>u.jsx(g.Box,{component:"li",...c,minHeight:"34px !important",children:d[r]}),renderInput:c=>u.jsx(QC,{...c,ref:c.inputProps.ref,variant:i,placeholder:n})}):u.jsx(g.Autocomplete,{value:s,slotProps:{popper:{modifiers:[{name:"flip",options:{rootBoundary:"document"}}]}},"data-testid":`${t}-dropdown`,disablePortal:!0,multiple:!0,disableCloseOnSelect:!0,limitTags:2,options:e,isOptionEqualToValue:(c,d)=>(d==null?void 0:d[A])===""?!0:c[A]===d[A],renderOption:(c,d,{selected:f})=>{const{key:B,...I}=c;return u.jsxs(g.Box,{component:"li",...I,minHeight:"36px",children:[u.jsx(g.Checkbox,{style:{marginRight:8},checked:f}),d[r]]},B)},renderTags:(c,d)=>c.map((f,B)=>u.jsx("div",{children:u.jsx(qG,{...d({index:B}),label:f[r],variant:"outlined",deleteIcon:u.jsx(g.icons.Close,{})})},f[A])),renderInput:c=>u.jsx(QC,{...c,variant:i,placeholder:l?n:""}),getOptionLabel:c=>c[r],ListboxProps:{style:{maxHeight:250}},onChange:o})})},ZG="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3803_129233)'%3e%3cpath%20d='M7.3335%204.66683H8.66683V6.00016H7.3335V4.66683ZM7.3335%207.3335H8.66683V11.3335H7.3335V7.3335ZM8.00016%201.3335C4.32016%201.3335%201.3335%204.32016%201.3335%208.00016C1.3335%2011.6802%204.32016%2014.6668%208.00016%2014.6668C11.6802%2014.6668%2014.6668%2011.6802%2014.6668%208.00016C14.6668%204.32016%2011.6802%201.3335%208.00016%201.3335ZM8.00016%2013.3335C5.06016%2013.3335%202.66683%2010.9402%202.66683%208.00016C2.66683%205.06016%205.06016%202.66683%208.00016%202.66683C10.9402%202.66683%2013.3335%205.06016%2013.3335%208.00016C13.3335%2010.9402%2010.9402%2013.3335%208.00016%2013.3335Z'%20fill='%236F7C90'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3803_129233'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",Xm=e=>{const{selectedEmailInboxes:t,setSelectedEmailInboxes:n,selectedRoles:r,setSelectedRoles:A}=e,o=_e(ii)??[],s=_e(_s)??[];return[{type:Dm,options:s,label:Wj,isSingleSelect:!1},{type:Jj,options:o,label:zj,isSingleSelect:!0}].map(({type:i,options:l,label:c,isSingleSelect:d})=>{const f=i===Dm,B=f?t:r;return u.jsxs(g.Box,{marginBottom:"20px",children:[u.jsx(cV,{variant:"h4",children:c}),u.jsx(Jm,{isSingleSelect:d,currentSelectedOptions:d?[B]:B,options:l,type:i,placeholder:f?Hj:Yj,onChangeFunc:(I,C)=>f?n(C):A(C??{}),valueKey:"id",labelKey:f?"name":"displayName"}),d?u.jsxs(uV,{width:"fit-content",children:[u.jsx("img",{src:ZG}),u.jsx(g.Typography,{variant:"caption",color:g.palette.gray.gray3,fontSize:"11px",children:Uj})]}):null]},i)})},wo={CARD_VISIBILITY:{ID:0,LABEL:"Card visibility"},FIELD_VISIBILITY:{ID:1,LABEL:"Field visibility"}},Um="New fields",KG=({handleClose:e,id:t,emailSMs:n,setShowEnabledModal:r,roles:A,currentConnectorId:o,title:s,fields:a,setVisitedFieldVisTab:i})=>{var X,Ae;const{availableFeatures:l,sendTrackingEvent:c}=m.useContext(Qt),d=or(),f=_e($r),B=_e(ii)??[],I=_e(_s)??[],C=_e(bC),E=_e(yC),{userId:h}=Qr()||{},p=(Ae=(X=f==null?void 0:f[o])==null?void 0:X.cardList)==null?void 0:Ae.find(Z=>Z.id===t),[Q,y]=m.useState(()=>(I==null?void 0:I.filter(Z=>n==null?void 0:n.includes(Z.id)))??[]),[b,x]=m.useState(()=>(B==null?void 0:B.find(Z=>A==null?void 0:A.includes(Z.name)))??{}),[w,v]=m.useState(()=>(p==null?void 0:p.fields)??[]),[T,V]=m.useState(wo.CARD_VISIBILITY.ID);m.useEffect(()=>{d(bs(t))},[d,t]),m.useEffect(()=>{C[t]&&v(Z=>ui(Z,C[t]||[]))},[C,t]);const O=m.useMemo(()=>!Array.isArray(n)||n.length!==Q.length?!1:n.every(Z=>Q.some(({id:ie})=>ie===Z)),[n,Q]),M=m.useMemo(()=>Array.isArray(A)?A.length?!!(A!=null&&A.every(Z=>b.name===Z)):!Object.keys(b).length:!1,[A,b]),z=m.useMemo(()=>{const Z=C[t]||[];if(!Array.isArray(a))return!1;const ie=ui(a,Z);if(w.length!=ie.length)return!1;for(let ee=0;ee<ie.length;ee++){const ae=ie[ee],Le=w[ee];if(w&&(ae.key!==Le.key||ae.enabled!==Le.enabled||ae.fieldAccessMode!==Le.fieldAccessMode))return!1}return!0},[a,w,C,t]),R=Q.length!==0&&w.filter(Z=>Z.enabled).length===0,q=E===he.LOADING||O&&M&&z||R,ce=m.useMemo(()=>!!(a!=null&&a.some(Z=>Z.isFieldNew)),[a]),ue=h&&HC(t,h),te=ms(l)&&ce&&!ue?Um:"",H=Z=>{Z.stopPropagation();const ie=b!=null&&b.name?[b.name]:[],ee=Q.map(Le=>Le.id),ae=w.map((Le,J)=>({...Le,priority:J+1}));d(ys({cardId:t,data:{roles:ie,inboxes:{email:ee,chat:[]},fields:ae},currentConnector:o})).unwrap().then(()=>{var He,De,Ke;const Le=(He=f==null?void 0:f[o])==null?void 0:He.name,J=(Ke=(De=f==null?void 0:f[o])==null?void 0:De.cardList)==null?void 0:Ke.some(Tt=>{var bn;if(Tt.id===t)return!1;const{email:Cn,chat:Dt}=Tt.inboxes,Jt=!!(((Cn==null?void 0:Cn.length)??0)+((Dt==null?void 0:Dt.length)??0)),yt=!!((bn=Tt==null?void 0:Tt.roles)!=null&&bn.length);return Jt&&yt});c(Ye.CARD_VISIBILITY_UPDATED,{new_status:ee.length&&(b!=null&&b.name)?vs:xs,pre_status:n!=null&&n.length&&(B!=null&&B.length)?vs:xs,connector_name:Le,card_title:s}),!J&&(b!=null&&b.name)&&ee.length?r(!0):Le&&Pt({message:Om.replace(Yc,Le),type:CA})}).catch(()=>{Pt({message:wC,type:Hn})}).finally(()=>e())},G=()=>{e(),c(Ye.CARD_VISIBILITY_UPDATE_CLOSED)},D=(Z,ie)=>{V(ie),ie===wo.FIELD_VISIBILITY.ID&&(c(Ye.CONNECTOR_VISIBILITY_FIELD_TAB_CLICKED),i(!0))},F=(Z,ie)=>{var ae;const ee=(ae=Object.values(wo).find(Le=>Le.ID===Z))==null?void 0:ae.LABEL;return u.jsxs(g.Stack,{direction:"row",alignItems:"center",gap:1.25,children:[ee,ie?u.jsx(ws,{label:ie}):null]})},P=(p==null?void 0:p.cardAccessMode)===dn.READ_WRITE;return u.jsx(SC,{children:u.jsxs(OC,{style:{height:"max-content"},children:[u.jsx(lV,{variant:"h2",children:vC}),u.jsx(g.Box,{marginBottom:"24px",children:u.jsxs(g.Tabs,{value:T,onChange:D,children:[u.jsx(Nm,{label:F(wo.CARD_VISIBILITY.ID)}),u.jsx(Nm,{label:F(wo.FIELD_VISIBILITY.ID,te)})]})}),u.jsx("div",{hidden:T!==wo.CARD_VISIBILITY.ID,style:{height:"100%"},children:u.jsx(Xm,{selectedEmailInboxes:Q,setSelectedEmailInboxes:y,selectedRoles:b,setSelectedRoles:x})}),u.jsx("div",{hidden:T!==wo.FIELD_VISIBILITY.ID,style:{height:"100%"},children:u.jsx(Ym,{showCreate:P,fields:w,setFields:v,cardId:t})}),u.jsxs(_C,{children:[u.jsx(NC,{onClick:G,variant:"text",children:xC}),u.jsx(g.Tooltip,{title:R?Lm:null,children:u.jsx("div",{children:u.jsx(LC,{onClick:H,disabled:q,children:E!==he.LOADING?u.jsx(g.Typography,{variant:"body2_medium",children:TC}):u.jsx(g.Grid,{height:"22px",children:u.jsx(DC,{size:22})})})})})]})]})})},$G=({id:e,title:t,emailSMs:n,roles:r,currentConnectorId:A,handleClose:o,setShowEnabledModal:s})=>{var O;const{sendTrackingEvent:a}=m.useContext(Qt),i=or(),l=_e($r),c=_e(ii)??[],d=_e(_s)??[],f=_e(bC),B=_e(yC),I=l==null?void 0:l[A],C=(O=I==null?void 0:I.cardList)==null?void 0:O.find(M=>M.id===e),[E,h]=m.useState(()=>(d==null?void 0:d.filter(M=>n==null?void 0:n.includes(M.id)))??[]),[p,Q]=m.useState(()=>(c==null?void 0:c.find(M=>r==null?void 0:r.includes(M.name)))??{}),[y,b]=m.useState(()=>(C==null?void 0:C.fields)??[]);m.useEffect(()=>{i(bs(e))},[i,e]),m.useEffect(()=>{f[e]&&b(M=>ui(M,f[e]||[]))},[f,e]);const x=m.useMemo(()=>!Array.isArray(n)||n.length!==E.length?!1:n.every(M=>E.some(({id:z})=>z===M)),[n,E]),w=m.useMemo(()=>Array.isArray(r)?r.length?!!(r!=null&&r.every(M=>p.name===M)):!Object.keys(p).length:!1,[r,p]),v=B===he.LOADING||x&&w,T=M=>{M.stopPropagation();const z=p!=null&&p.name?[p.name]:[],R=E.map(ce=>ce.id),q=y.map((ce,ue)=>({...ce,priority:ue+1}));i(ys({cardId:e,data:{roles:z,inboxes:{email:R,chat:[]},fields:q},currentConnector:A})).unwrap().then(()=>{var Ie;const ce=I==null?void 0:I.name,ue=(Ie=I==null?void 0:I.cardList)==null?void 0:Ie.some(te=>{var P;if(te.id===e)return!1;const{email:H,chat:G}=te.inboxes,D=!!(((H==null?void 0:H.length)??0)+((G==null?void 0:G.length)??0)),F=!!((P=te==null?void 0:te.roles)!=null&&P.length);return D&&F});a(Ye.CARD_VISIBILITY_UPDATED,{new_status:R.length&&(p!=null&&p.name)?vs:xs,pre_status:n!=null&&n.length&&(c!=null&&c.length)?vs:xs,connector_name:ce,card_title:t}),!ue&&(p!=null&&p.name)&&R.length?s(!0):ce&&Pt({message:Om.replace(Yc,ce),type:CA})}).catch(()=>{Pt({message:wC,type:Hn})}).finally(()=>o())},V=()=>{o(),a(Ye.CARD_VISIBILITY_UPDATE_CLOSED)};return u.jsx(SC,{children:u.jsxs(OC,{children:[u.jsx(g.Typography,{variant:"h2",children:vC}),u.jsx(g.Typography,{variant:"body2",marginBottom:"24px",color:g.theme.palette.gray.gray3,children:Vj.replace(Yc,(I==null?void 0:I.name)??"")}),u.jsx("div",{style:{height:"100%"},children:u.jsx(Xm,{selectedEmailInboxes:E,setSelectedEmailInboxes:h,selectedRoles:p,setSelectedRoles:Q})}),u.jsxs(_C,{children:[u.jsx(NC,{onClick:V,variant:"text",children:xC}),u.jsx(LC,{onClick:T,disabled:v,children:B!==he.LOADING?u.jsx(g.Typography,{variant:"body2_medium",children:TC}):u.jsx(g.Grid,{height:"22px",children:u.jsx(DC,{size:22})})})]})]})})},eH=({id:e,title:t,emailSMs:n,roles:r,currentConnectorId:A,fields:o,preSelectTab:s,handleClose:a})=>{var O;const{sendTrackingEvent:i}=m.useContext(Qt),l=or(),c=_e($r),d=_e(ii),f=_e(_s),B=_e(bC),I=_e(yC),C=c==null?void 0:c[A],E=(O=C==null?void 0:C.cardList)==null?void 0:O.find(M=>M.id===e),h=m.useMemo(()=>(f==null?void 0:f.filter(M=>n==null?void 0:n.includes(M.id)))??[],[n,f]),p=m.useMemo(()=>(d==null?void 0:d.find(M=>r==null?void 0:r.includes(M.name)))??{},[r,d]),[Q,y]=m.useState(()=>(E==null?void 0:E.fields)??[]);m.useEffect(()=>{l(bs(e))},[l,e]),m.useEffect(()=>{B[e]&&y(M=>ui(M,B[e]||[]))},[B,e]);const b=m.useMemo(()=>{const M=B[e]||[];if(!Array.isArray(o))return!1;const z=ui(o,M);if(Q.length!==z.length)return!1;for(let R=0;R<z.length;R++){const q=z[R],ce=Q[R];if(Q&&(q.key!==ce.key||q.enabled!==ce.enabled||q.fieldAccessMode!==ce.fieldAccessMode))return!1}return!0},[o,Q,B,e]),x=h.length!==0&&Q.filter(M=>M.enabled).length===0,w=I===he.LOADING||b||x,v=(E==null?void 0:E.cardAccessMode)===dn.READ_WRITE,T=M=>{M.stopPropagation();const z=p!=null&&p.name?[p.name]:[],R=h.map(ue=>ue.id),ce=Q.map((ue,Ie)=>({...ue,priority:Ie+1})).map(ue=>{if(ue.fieldAccessMode||!v)return ue;const Ie={...ue};return ue.enabled&&ue.isWriteRequired?Ie.fieldAccessMode=dn.READ_WRITE:ue.enabled?Ie.fieldAccessMode=dn.READ:ue.isWriteRequired&&(Ie.fieldAccessMode=dn.WRITE),Ie});l(ys({cardId:e,data:{roles:z,inboxes:{email:R,chat:[]},fields:ce},currentConnector:A})).unwrap().then(()=>{const ue=C==null?void 0:C.name;i(Ye.CARD_VISIBILITY_UPDATED,{new_status:R.length&&(p!=null&&p.name)?vs:xs,pre_status:n!=null&&n.length&&(d!=null&&d.length)?vs:xs,connector_name:ue,card_title:t}),Pt({message:Xj,type:CA})}).catch(()=>{Pt({message:wC,type:Hn})}).finally(()=>a())},V=()=>{a(),i(Ye.CARD_VISIBILITY_UPDATE_CLOSED)};return u.jsx(SC,{children:u.jsxs(OC,{style:{height:"max-content"},children:[u.jsx(g.Typography,{variant:"h2",children:Sm}),u.jsx(g.Typography,{variant:"body2",marginBottom:"24px",color:g.theme.palette.gray.gray3,children:Gj.replace(Yc,(C==null?void 0:C.name)??"")}),u.jsx(Ym,{showCreate:v,fields:Q,setFields:y,cardId:e,preSelectTab:s}),u.jsxs(_C,{children:[u.jsx(NC,{onClick:V,variant:"text",children:xC}),u.jsx(g.Tooltip,{title:x?Lm:null,children:u.jsx("div",{children:u.jsx(LC,{onClick:T,disabled:w,children:I!==he.LOADING?u.jsx(g.Typography,{variant:"body2_medium",children:TC}):u.jsx(g.Grid,{height:"22px",children:u.jsx(DC,{size:22})})})})})]})]})})},tH=g.styled(g.Box)`
   height: 52px;
   box-sizing: border-box;
   width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hiver/connector-admin",
-  "version": "4.10.0-customFields-beta.7",
+  "version": "4.10.0",
   "main": "index.es.js",
   "module": "index.es.js",
   "types": "index.d.ts",