@zeniai/web-cockpit-ui 1.14.19-dev-betaSK01 → 1.14.20-dev

package/dist/assets/NavBar-BjyxKUvF-gwYjTp7H.js

@@ -1,189 +0,0 @@
-import{K as ie,co as se,cp as re,j as o,Z as ae,F as N,aK as F,r as E,aJ as R,cq as ne,o as t,e as le,am as ce,cr as de,aL as pe,l as P,cs as he,y as Z,i as H,ct as ue,a3 as me,b$ as fe,h as B,bH as xe,bI as ge,bJ as be}from"./index-D9zAXs3-.js";import{b as h,n as i}from"./vendor-Bs1fkIUX.js";import{t as K,v as ye,w as we,I as U}from"./liveblocks-C2xecagE.js";import{r as $e}from"./double-tick-D6s_OvsM-DFvZDijg.js";import{L as ke,h as je}from"./cockpitConstants-CT7OARAT-C430UcjZ.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./crypto-DPjkCRYF.js";const Ce=({inboxNotification:e,onNotificationClick:r})=>{const s=we(e.id),c=s.metadata.entityType.split("."),a=s.metadata.isGlobalComment&&c.length===2;return o.jsx(Te,{isClickable:a,isUnRead:e.readAt==null,onClick:()=>{r(s.metadata,s.id)},children:o.jsx(U,{inboxNotification:e,kinds:{thread:u=>o.jsx(U.Thread,{...u,showRoomName:!0})}})})},Te=i.div`
-  display: flex;
-  width: 100%;
-  cursor: ${e=>e.isClickable?"pointer":"initial"};
-  box-sizing: border-box;
-  flex-direction: column;
-  background-color: ${e=>e.isUnRead?e.theme.colors.background:e.theme.colors.grey5};
-  border-radius: ${t.sp2};
-  padding: ${t.sp1};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  ${Z.standardRegular.css};
-
-  &:focus-within,
-  &:hover {
-    border: 1px solid ${e=>e.theme.colors.grey1};
-  }
-
-  box-shadow: ${e=>`${t.sp0} 1px 2px ${t.sp0} ${e.theme.colors.grey1}3D`};
-`,{common:{headers:{notifications:ve}},commentsAndNotifications:{notifications:{texts:De}},timeFormat:{hmmADashDDMMMCommaYYYY:G}}=N.getLocalizedStrings(),Se=e=>{const{inboxNotifications:r,isLoading:s,isFetchingMore:c,hasFetchedAll:a,fetchMore:u}=K();h.useEffect(()=>{const d=setTimeout(()=>u?.(),0);return()=>clearTimeout(d)});const n=s||c===!0||a!==!0,m=ye(),[x,b]=h.useState(!1),{isDrawerOpen:M,application:k,onNotificationClick:j,onCloseAllInboxNotificationsDrawer:C}=e,y=h.useMemo(()=>{if(!r)return[];const d=[...r];return d.sort((p,g)=>{const T=P.zeniDate(p.notifiedAt.toDateString(),G),v=P.zeniDate(g.notifiedAt.toDateString(),G);return T.isSame(v,"day")?0:T.isSameOrBefore(v,"day")?-1:1}),d.filter(p=>p.roomId?.includes(k)===!0)},[k,r]),w=h.useCallback(()=>{b(!0);const d=y.filter(p=>p.readAt==null);d.length===0?b(!1):d.forEach((p,g)=>{m(p.id),g===d.length-1&&setTimeout(()=>{b(!1)},1e3)})},[m,y]);return o.jsx(he,{anchor:"right",open:M,style:{display:"flex",justifyContent:"space-between"},onClose:C,transitionDuration:250,children:o.jsx(Ie,{children:o.jsxs(Ne,{children:[o.jsxs(Le,{children:[o.jsx(Ee,{}),o.jsx(Re,{onClick:C,children:o.jsx(Pe,{})})]}),o.jsxs(Me,{children:[o.jsxs(_e,{children:[o.jsx(Fe,{children:ve}),o.jsx(ze,{variant:"tertiary",size:"small",label:De.markAllAsRead,onClick:w,prefixIcon:n||x?o.jsx(H,{size:"Small",start:!0}):o.jsx(Ae,{className:"mark-as-read"}),disabled:n||x,textStyle:{...Z.smallRegular.cssObject},style:{borderRadius:t.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:t.sp0,cursor:n||x?"default":"pointer"}})]}),s===!0?o.jsx(He,{children:o.jsx(H,{size:"Standard",style:{color:"inherit"},start:!0})}):o.jsx(Oe,{children:y.map(d=>o.jsx(Ce,{inboxNotification:d,onNotificationClick:(p,g)=>j(p,g)},d.id))})]})]})})})},Ie=i.div`
-  height: 100%; // Drawer header height
-`,Ne=i.div`
-  width: 400px;
-  height: 100%;
-  padding: ${t.sp0} ${t.sp5};
-  background-color: ${e=>e.theme.colors.grey4};
-`,Me=i.div`
-  width: 100%;
-  height: calc(100% - 59px); // Drawer header height
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  padding: ${t.sp0};
-  background-color: inherit;
-  border: none;
-  gap: ${t.sp0};
-`,ze=i(E)`
-  .mark-as-read {
-    color: ${e=>e.theme.colors.hero};
-  }
-  :hover {
-    .mark-as-read {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Ae=i($e)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-`,Oe=i.div`
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: ${t.sp3};
-  padding: ${t.sp0} ${t.sp4};
-  overflow: auto;
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  padding-bottom: ${t.sp5};
-  &::-webkit-scrollbar {
-    width: ${t.sp2};
-    height: ${t.sp2};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${t.sp2};
-      height: ${t.sp2};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-track {
-      box-shadow: inset 0 0 2px ${B.scrollbarBoxShadow};
-      -webkit-box-shadow: inset 0 0 2px ${B.scrollbarBoxShadow};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${e=>e.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`,Le=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  gap: ${t.sp3};
-  padding: ${t.sp3} ${t.sp4};
-`,_e=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background-color: inherit;
-  padding: ${t.sp0};
-  margin: ${t.sp0} ${t.sp4} ${t.sp4} ${t.sp4};
-`,Ee=i.div`
-  width: ${t.sp3};
-  height: ${t.sp3};
-`,Fe=i(fe)`
-  ${e=>e.theme.colors.primary};
-`,Re=i.div`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  display: flex;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Pe=i(me)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-`,He=i.div`
-  display: flex;
-  width: 100%;
-  height: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: inherit;
-`;function Be(e){if(e.tabsFileType!=null)return{locale_id:N.getAppLocaleID(),tabs_file_type:e.tabsFileType,tabs:e.tabs,filter_by_tabs:e.filterByTabs,time_zone:e.timezone}}function Ue(e){const{tabs:r,filterByTabs:s,tabsFileType:c,timezone:a}=e.defaultOptions;return{tabsFileType:c,tabs:r,filterByTabs:s,timezone:a}}function Ge(e){const r=Ue(e);return Je(e.downloadParams.cockpitEndPoint,e.downloadParams.authParams,r)}async function Je(e,r,s){const c=`${e}?query=${encodeURIComponent(JSON.stringify(Be(s)))}`,{cockpit:a,download:u}=N.getLocalizedStrings();try{if(s.tabsFileType==null)throw new Error(u.errorMessages.unsupportedFileType);const n=await xe({urlEndPoint:c,authParams:r,fileType:s.tabsFileType});if(n.ok){const m=ge(n.headers,a.defaultFileName),x=await n.arrayBuffer();be(x,m)}else console.error(`${u.errorMessages.fileDownloadError.replace("__feature__",a.cockpitHeader)} ${n.statusText}`)}catch(n){console.error(`${u.errorMessages.fileDownloadError.replace("__feature__",a.cockpitHeader)} ${JSON.stringify(n)}`)}}const Ye=({downloadCockpitOptions:e})=>o.jsx(ue,{downloadMenuItems:e.downloadMenu.simpleMenuItems,onDownloadClick:e.downloadMenu.onDownloadClick});function qe(e){const[r,s]=h.useState(!1),{analytics:c,updateDownloadStateHandler:a,downloadState:u,currentCockpitTab:n}=e;return h.useEffect(()=>{async function m(){await Ge({...e}),a("Completed"),c.trackDownload(je(n),"months","excel",!1)}r&&e.downloadState!=="In-Progress"&&(s(!1),a("In-Progress"),m())},[u,r,a,c,e,n]),o.jsx(Ye,{downloadCockpitOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDownloading:e.downloadState==="In-Progress"}],onDownloadClick:async m=>{if(m==="excel"){if(e.downloadState==="In-Progress")return;s(!0)}}}}})}const J=i.div`
-  width: 100%;
-  flex-direction: column;
-  display: flex;
-  justify-content: space-between;
-  position: sticky;
-  row-gap: ${t.sp2};
-  background-color: ${e=>e.theme.colors.grey4};
-  padding: ${t.sp3} ${t.sp8} ${t.sp0} ${t.sp8};
-  box-sizing: border-box;
-  &.mobileHeader {
-    padding: ${t.sp3} ${t.sp3} ${t.sp0} ${t.sp3};
-  }
-  height: 60px;
-  z-index: 2;
-`,Ze=i(ce)`
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-`,Y=i.div`
-  width: 100%;
-  justify-content: space-between;
-  display: flex;
-  &.mobileTitle {
-    align-items: center;
-  }
-`,Ke=i.div`
-  display: flex;
-  align-content: center;
-  align-items: center;
-`,Xe=i(le)`
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-  height: ${t.sp4};
-`,Qe=i.div`
-  display: flex;
-  align-items: center;
-`,Ve=i.div`
-  display: flex;
-  gap: ${t.sp5};
-  align-items: center;
-`,q=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,We=i(de)`
-  display: flex;
-  width: ${t.sp4};
-  height: ${t.sp4};
-  align-items: center;
-  justify-content: center;
-`,et=i(pe)`
-  display: flex;
-  width: ${t.sp4};
-  height: ${t.sp4};
-  align-items: center;
-  justify-content: center;
-`,tt=i.div``,{cockpit:_,common:ot}=N.getLocalizedStrings();function mt({defaultOptions:e,downloadState:r,downloadParams:s,signedInUser:c,cockpitHeader:a,analytics:u,currentTab:n,updateDownloadStateHandler:m,onZeniLogoClick:x,onLogOutClick:b,onThreadClick:M,onNotificationClick:k,onNewCustomerClick:j}){const C=ie(),[y,w]=h.useState(!1),[d,p]=h.useState(!1),{inboxNotifications:g,isLoading:T,isFetchingMore:v,hasFetchedAll:X,fetchMore:Q}=K(),{threads:z,isLoading:$}=se({application:"cockpit",isGlobalComment:!0},"both",!0),V=h.useMemo(()=>z.filter(l=>l.resolved===!1),[z]).length,{setOpenThread:D,setRequestToOpenThread:S,openThread:I}=h.useContext(re);h.useEffect(()=>{const l=setTimeout(()=>Q?.(),0);return()=>clearTimeout(l)});const A=T||v===!0||X!==!0,W=g?.filter(l=>l.readAt==null&&l.roomId?.includes("cockpit")===!0).length,ee=ke(n),te=h.useCallback((l,f)=>{const{companyId:O,entityType:L}=l;I===f?D(null):(w(!1),S({threadId:f,companyId:O,entityType:L}))},[I,D,S]),oe=h.useCallback((l,f)=>{const{companyId:O,entityType:L}=l;I===f?D(null):(p(!1),S({threadId:f,companyId:O,entityType:L}))},[I,D,S]);return C!=="small"?o.jsxs(J,{children:[o.jsxs(Y,{children:[o.jsx(Qe,{children:o.jsx(Xe,{"data-testid":ae("zeni-logo-cockpit-nav-bar"),onClick:x})}),o.jsx(Ze,{children:a??_.cockpitHeader}),o.jsxs(Ve,{children:[o.jsxs(q,{isDisabled:$,onClick:$?()=>null:()=>w(!0),children:[o.jsx(F,{count:$?void 0:V,isLoading:$,style:{left:"12px"}}),o.jsx(We,{})]}),o.jsxs(q,{isDisabled:A,onClick:A?()=>null:()=>p(!0),children:[o.jsx(F,{count:W,isLoading:A,style:{left:"12px"}}),o.jsx(et,{})]}),o.jsx(qe,{defaultOptions:e,downloadParams:s,downloadState:r,analytics:u,currentCockpitTab:ee,updateDownloadStateHandler:m}),o.jsx(E,{variant:"primary",size:"small",style:{whiteSpace:"nowrap"},label:_.newCustomer,onClick:j}),o.jsx(Ke,{children:o.jsx(R,{signedInUser:c,pageName:"Cockpit",onLogOutClick:b})})]})]}),o.jsx(ne,{isDrawerOpen:y,filter:{application:"cockpit",isGlobalComment:!0},autoExpand:!0,autoFocus:!1,drawerTitle:ot.headers.comments,onCloseAllThreadsDrawer:()=>w(!1),onThreadClick:(l,f)=>{M(l,f,te)},style:{cursor:"pointer"},showReactions:!0,showActions:!0,allowExpand:!0,threads:z,isLoading:$,allowComposer:!1,textOverrides:{},withRoomProvider:!0}),o.jsx(Se,{application:"cockpit",isDrawerOpen:d,onNotificationClick:(l,f)=>{k(l,f,oe)},onCloseAllInboxNotificationsDrawer:()=>p(!1)})]}):o.jsx(J,{className:"mobileHeader",children:o.jsxs(Y,{className:"mobileTitle",children:[o.jsx(E,{variant:"primary",size:"small",style:{whiteSpace:"nowrap"},label:_.newCustomer,onClick:j}),o.jsx(tt,{children:o.jsx(R,{signedInUser:c,pageName:"Cockpit",onLogOutClick:b})})]})})}export{mt as default};

package/dist/assets/NavHeader-9VET6uub-DBlTa1KF.js

@@ -1,236 +0,0 @@
-import{F as g,h as T,j as t,ac as de,ak as pe,o as i,$ as ue,bt as ge,eA as me,K as te,n as he,eB as fe,y as xe,eC as be,k as M,ao as ye,u as F,b2 as V,ci as $e,cl as je,bf as Ce,b3 as z,ap as oe,b0 as ie,eD as I,O as ve,a3 as Se,eE as ke,bQ as we}from"./index-D9zAXs3-.js";import{b as p,n as s,i as B,k as Oe}from"./vendor-Bs1fkIUX.js";import{_ as Le,u as Te,g as ze,p as Ae,h as Me,b as _e,$ as De,Q as ne,K as Ne,m as Fe,y as Re,n as Ve}from"./MatchingOperatorDropdown-C5zSNKmV-DBpzsPUC.js";import{o as H,R as Ee,O as Ie,p as Be,i as He}from"./cockpitConstants-CT7OARAT-C430UcjZ.js";import{r as Pe}from"./avatar-Dz7aEm3d-D64JGSQG.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./filter-cZIFUNvj-B9dfJXS9.js";import"./ZeniDatePicker-El_phkQ0-z80YcUbm.js";import"./zeniDatePicker.helpers-Bv0wGqkO-0jS7nOtw.js";const ae=e=>{switch(e){case"management":return He;case"subscription":return Be;case"portfolio":return Ie;case"healthMonitor":return Ee;default:return[]}},R=(e,n)=>{const{cockpit:{filters:{filterCategories:c}}}=g.getLocalizedStrings();switch(e){case"management":return c.management[n];case"portfolio":return c.portfolio[n];case"subscription":return c.subscription[n];case"healthMonitor":default:return c.healthMonitor[n]}},Ye=s.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,Ke=s(ie)`
-  color: ${e=>e.theme.colors.primary};
-  width: ${i.sp4};
-  height: ${i.sp4};
-`,P=({onChange:e,value:n,categoryIndex:c,defaultMenuIsOpen:d=!1,selectedCockpitOption:h})=>{const u=F(),$=p.useRef(null),a=ne(u),x=ae(h),f=x.find(m=>m.value===n);p.useEffect(()=>{const m=setTimeout(()=>{$.current!=null&&d&&$.current.focus()},300);return()=>{clearTimeout(m)}},[d]);const v=m=>{const k=R(h,m.data.value);return t.jsx(z.SingleValue,{...m,children:t.jsx(oe,{children:k})})},S=m=>{const{isSelected:k}=m,j=R(h,m.data.value);return t.jsx(z.Option,{...m,children:t.jsxs(Ye,{children:[t.jsx(M,{children:j}),k&&t.jsx(Ke,{})]})})};return t.jsx(V,{ref:$,isMulti:!1,value:f,onChange:m=>{e(m,c)},placeholder:g.getLocalizedStrings().cockpit.filters.categoryPlaceholder,options:x,styles:a,menuPosition:"fixed",openMenuOnFocus:!0,components:{Option:S,SingleValue:v}})},Qe=({selectedRanges:e,options:n,onNumericRangeChange:c})=>{const d=te(),h=F(),u=e.start,$=e.end,[a,x]=p.useState(u),[f,v]=p.useState($),[S,m]=p.useState(n);p.useEffect(()=>{a!=null&&f!=null&&(c({start:a,end:f}),a>f&&v(a)),a!=null?m(n.filter(l=>l>=a)):m(n)},[a,f]);const k=l=>{x(l)},j=l=>{v(l)},r=g.getLocalizedStrings().spendManagement.filters;return t.jsxs(We,{size:d,children:[t.jsx(Y,{children:t.jsx(I,{onSelectedValueChanged:k,placeholder:r.from,defaultValue:{allOptions:n,selectedOption:a},hasError:!1,customStyleConfig:{input:()=>({input:{textAlign:"left"}}),control:()=>({backgroundColor:h.colors.background})}})}),t.jsx(Je,{children:r.enDash}),t.jsx(Y,{children:t.jsx(I,{onSelectedValueChanged:j,placeholder:r.to,defaultValue:{allOptions:S,selectedOption:f},hasError:!1,customStyleConfig:{input:()=>({input:{textAlign:"left"}}),control:()=>({backgroundColor:h.colors.background})}})})]})},We=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${i.sp3};
-  width: 100%;
-`,Y=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${i.sp2};
-  width: 100%;
-  min-height: ${i.sp4};
-`,Je=s(M)`
-  color: ${e=>e.theme.colors.hero};
-  background: ${e=>e.theme.colors.grey5};
-`,qe={delighted:{id:"delighted",name:g.getLocalizedStrings().cockpit.management.customerSatisfaction.customerOptions.delighted.name,color:T.info,iconName:"VeryHappy",description:g.getLocalizedStrings().cockpit.management.customerSatisfaction.customerOptions.delighted.description},happy:{id:"happy",name:g.getLocalizedStrings().cockpit.management.customerSatisfaction.customerOptions.happy.name,color:T.successDark,iconName:"Happy",description:g.getLocalizedStrings().cockpit.management.customerSatisfaction.customerOptions.happy.description},complaining:{id:"complaining",name:g.getLocalizedStrings().cockpit.management.customerSatisfaction.customerOptions.complaining.name,color:T.alertDark,iconName:"NotHappy",description:g.getLocalizedStrings().cockpit.management.customerSatisfaction.customerOptions.complaining.description},looking_for_transition:{id:"looking_for_transition",name:g.getLocalizedStrings().cockpit.management.customerSatisfaction.customerOptions.looking_for_transition.name,color:T.important,iconName:"Angry",description:g.getLocalizedStrings().cockpit.management.customerSatisfaction.customerOptions.looking_for_transition.description}},K={exceeds_expectations:{id:"exceeds_expectations",name:g.getLocalizedStrings().cockpit.management.customerSatisfaction.teamOptions.exceeds_expectations.name,color:T.info,iconName:"VeryHappy",description:g.getLocalizedStrings().cockpit.management.customerSatisfaction.teamOptions.exceeds_expectations.description},meets_expectations:{id:"meets_expectations",name:g.getLocalizedStrings().cockpit.management.customerSatisfaction.teamOptions.meets_expectations.name,color:T.successDark,iconName:"Happy",description:g.getLocalizedStrings().cockpit.management.customerSatisfaction.teamOptions.meets_expectations.description},improvement_needed:{id:"improvement_needed",name:g.getLocalizedStrings().cockpit.management.customerSatisfaction.teamOptions.improvement_needed.name,color:T.alertDark,iconName:"NotHappy",description:g.getLocalizedStrings().cockpit.management.customerSatisfaction.teamOptions.improvement_needed.description},unsatisfactory:{id:"unsatisfactory",name:g.getLocalizedStrings().cockpit.management.customerSatisfaction.teamOptions.unsatisfactory.name,color:T.important,iconName:"Angry",description:g.getLocalizedStrings().cockpit.management.customerSatisfaction.teamOptions.unsatisfactory.description}},Q=({stopAnimation:e=!1,iconName:n,width:c,height:d,style:h})=>{const[u]=de(n);return u!=null?t.jsx(pe,{style:{width:c??37,height:d??37,...h},animationData:u,loop:!e,play:!e,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null},W=[{value:"ANY",label:"Any"},{value:"ALL",label:"All"}],Ue=({onChange:e,value:n,categoryIndex:c})=>{const d=F(),h={...ne(d),menu:a=>({...a,boxShadow:`${i.sp0} 2px ${i.sp2} ${d.colors.dropShadowHover}`,width:i.sp11}),control:a=>({...a,minHeight:"unset",border:"none",boxShadow:"none",outline:"none",padding:i.sp1,width:"33px",background:d.colors.grey2,cursor:"pointer"}),valueContainer:a=>({...a,padding:0}),singleValue:a=>({...a,color:d.colors.champion,textAlign:"center"})},u=W.find(a=>a.value===n),$=a=>t.jsx(z.SingleValue,{...a,children:t.jsx(ve,{children:a.children})});return t.jsx(V,{isSearchable:!1,isMulti:!1,value:u,onChange:a=>{e?.(a,c)},options:W,styles:h,menuPosition:"fixed",components:{Option:Ve,SingleValue:$}})},Xe=s.div`
-  background-color: ${e=>e.color};
-  height: ${i.sp3};
-  width: ${i.sp3};
-  border-radius: ${i.sp2};
-`,Ze=s.div`
-  display: flex;
-  align-items: flex-start;
-  padding: ${e=>e.categoryType!=="dropdownRange"?`${i.sp2} ${i.sp3}`:`${i.sp0}`};
-  column-gap: ${i.sp2};
-`,Ge=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${i.sp2};
-  width: 100%;
-  min-height: ${i.sp4};
-`,et=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${i.sp1};
-`,tt=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${i.sp2};
-`,ot=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${i.sp2};
-  justify-content: space-between;
-`,it=s.img`
-  height: ${i.sp3};
-  width: ${i.sp3};
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,nt=s(ie)`
-  color: ${e=>e.theme.colors.primary};
-  height: ${i.sp4};
-  width: ${i.sp4};
-`,at=s(Pe)`
-  color: ${e=>e.theme.colors.hero};
-  height: ${i.sp4};
-  width: ${i.sp4};
-`,st=s(Se)`
-  color: ${e=>e.theme.colors.primary};
-  height: 10px;
-  width: 10px;
-`,rt=s(oe)`
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,lt=({options:e,categoryIndex:n,value:c,categoryType:d,categoryLabel:h,valuesCombinationOperator:u,showAnyAll:$,onChange:a,onValuesCombinationOperatorChange:x})=>{const f=F(),v=Fe(f),{common:{filters:S,texts:m},cockpit:{userProfileAltText:k}}=g.getLocalizedStrings(),j=c.map(o=>e.find(O=>O.value===o)),r=(o,O,D,E)=>d!=="user"?null:o==null?t.jsx(ke,{firstName:O,lastName:D,size:`${i.sp3}`,index:E,fontSize:"9px"}):t.jsx(it,{src:o.href,alt:k,onError:({currentTarget:N})=>{N.onerror=null,N.src=we},loading:"lazy"}),l=o=>d!=="rating"?null:Object.keys(K).includes(o)?t.jsx(Q,{iconName:K[o].iconName,width:18,height:18,stopAnimation:!0,style:{margin:0}}):t.jsx(Q,{iconName:qe[o].iconName,stopAnimation:!0,width:18,height:18,style:{margin:0}}),b=o=>d!=="runway"?null:t.jsx(Xe,{color:o}),y=o=>{const O=e.findIndex(D=>D.value===o.data.value);return t.jsx(z.MultiValueLabel,{...o,children:t.jsxs(et,{children:[r(o.data.photo,o.data.label.split(" ")[0],o.data.label.split(" ")[1]!=null?o.data.label.split(" ")[1]:"",O),l(o.data.value),b(o.data.iconColor),t.jsx(rt,{children:o.children})]})})},C=o=>t.jsx(z.MultiValueRemove,{...o,children:t.jsx(st,{})}),w=o=>{const{onMouseMove:O,onMouseOver:D,isSelected:E,...N}=o.innerProps,re=e.findIndex(ce=>ce.value===o.data.value),le={...o,innerProps:N};return t.jsx(z.Option,{...le,children:t.jsxs(ot,{children:[t.jsxs(tt,{children:[r(o.data.photo,o.data.label.split(" ")[0],o.data.label.split(" ")[1]!=null?o.data.label.split(" ")[1]:"",re),l(o.data.value),b(o.data.iconColor),t.jsx(M,{children:o.label})]}),o.isSelected&&t.jsx(nt,{})]})})},A=(o,O)=>d==="user"&&o.data.email!=null?o.data.label.toLowerCase().includes(O.toLowerCase())||o.data.email.toLowerCase().includes(O.toLowerCase()):o.data.label.toLowerCase().includes(O.toLowerCase()),_=$&&j.length>1,L=()=>{switch(d){case"dateRange":return t.jsx(Re,{onDateRangeChange:o=>{o.startDate!=null&&o.endDate!=null&&a([{label:S.startDate,value:o.startDate},{label:S.endDate,value:o.endDate}],n)},selectedDates:c});case"dropdownRange":return t.jsx(Qe,{options:e.map(o=>parseInt(o.label)),onNumericRangeChange:o=>{o.start!=null&&o.end!=null&&a([{label:S.startDate,value:o.start.toString()},{label:S.endDate,value:o.end.toString()}],n)},selectedRanges:c!=null&&c.length>0?{start:parseInt(c[0].toString()),end:parseInt(c[1].toString())}:{start:void 0,end:void 0}});case"user":default:return t.jsxs(Ge,{children:[j.length===0&&d==="user"?t.jsx(at,{}):null,t.jsx(V,{isMulti:!0,hideSelectedOptions:!1,value:j,onChange:o=>{Array.isArray(o)===!0&&a(o,n)},placeholder:`${m.select} ${h}`,options:e,styles:v,menuPosition:"fixed",components:{Option:w,MultiValueLabel:y,MultiValueRemove:C},filterOption:A})]})}};return t.jsxs(Ze,{categoryType:d,children:[L(),_&&t.jsx(Ue,{categoryIndex:n,value:u,onChange:x})]})},J=s.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${i.sp4};
-`,q=s.div`
-  display: flex;
-  column-gap: ${i.sp3};
-  align-items: flex-start;
-`,U=s.div`
-  width: 90px;
-  color: ${e=>e.theme.colors.primary};
-`,X=s.div`
-  width: 194px;
-`,Z=s.button`
-  display: flex;
-  align-items: center;
-  column-gap: ${i.sp1};
-  background: none;
-  outline: none;
-  box-shadow: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,ct=s(je)`
-  width: ${i.sp4};
-  height: ${i.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,dt=s(Ce)`
-  width: ${i.sp4};
-  height: ${i.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,pt=s.div`
-  width: ${i.sp10};
-`,ut=s.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,G=s(ye)`
-  color: ${e=>e.theme.colors.primary};
-`,gt=s.button`
-  border: none;
-  background: none;
-  cursor: pointer;
-  padding: 0;
-  &:hover {
-    svg {
-      color: ${T.important};
-    }
-  }
-`,mt=s($e)`
-  width: ${i.sp4};
-  height: ${i.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,ht=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${i.sp3};
-`,ft=s.div`
-  width: 315px;
-  ${e=>e.categoryType!=="dropdownRange"?B`
-          background: ${e.theme.colors.background};
-        `:B`
-          background: none;
-        `};
-  border-radius: ${i.sp1};
-`,ee=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${i.sp3};
-`,xt=Oe`
-0% {
-  opacity: 0;
-}
-100% {
-  opacity: 1;
-}
-`,bt=s.div`
-  display: flex;
-  align-items: flex-start;
-  column-gap: ${i.sp3};
-  animation: ${xt} 0.4s;
-`,se=p.forwardRef(({filters:e,onFiltersChange:n,filterValues:c,selectedCockpitOption:d},h)=>{const u=p.useCallback((r,l)=>{const b=ze({currentFilters:e,selectedOption:r,categoryIndex:l});n(b)},[e,n]),$=p.useCallback((r,l)=>{const b=Ae({currentFilters:e,selectedOption:r,categoryIndex:l});n(b)},[e,n]),a=p.useCallback((r,l)=>{if(e.categories==null)return;const b={...e,categories:e.categories.map((y,C)=>C!=l?y:{...y,valuesCombinationOperator:r.value})};n(b)},[e,n]),x=p.useCallback(r=>{if(e!=null){const l={...e,categoryCombinationOperator:r};n(l)}},[e,n]),f=p.useCallback(r=>{if(r===0&&e.categories!=null&&e.categories.length===1){n({});return}if(e.categories!=null){if([...e.categories.slice(0,r),...e.categories.slice(r+1)].filter(l=>l.field!=null).length){const l={...e,categories:[...e.categories.slice(0,r),...e.categories.slice(r+1)]};n(l);return}n({})}},[n,e]),v=()=>{e.categories!=null&&n({...e,categories:[...e.categories,{...Ne}]})},S=()=>{n({})},m=p.useCallback((r,l)=>{const b=Me({currentFilters:e,selectedOptions:r,categoryIndex:l});n(b)},[e,n]),k=()=>e.categories!=null?t.jsxs(ut,{children:[t.jsxs(Z,{onClick:v,children:[t.jsx(ct,{}),t.jsx(M,{children:g.getLocalizedStrings().cockpit.filters.addFilterBtnText})]}),t.jsxs(Z,{onClick:S,children:[t.jsx(dt,{}),t.jsx(M,{children:g.getLocalizedStrings().cockpit.filters.clearAllBtnText})]})]}):null,j=()=>e.categories==null?t.jsx(J,{children:t.jsx(q,{children:t.jsxs(ee,{children:[t.jsx(U,{children:t.jsx(G,{children:g.getLocalizedStrings().cockpit.filters.filterByLabel})}),t.jsx(X,{children:t.jsx(P,{defaultMenuIsOpen:!0,onChange:u,selectedCockpitOption:d})})]})})}):t.jsx(p.Fragment,{children:e.categories.map((r,l)=>{const b=ae(d).find(A=>A.value===r.field),y=b?.multiple,C=b?.type,w=b!=null?R(d,b?.value):"";return t.jsxs(q,{children:[t.jsxs(ee,{children:[t.jsxs(U,{children:[l===0&&t.jsx(G,{children:g.getLocalizedStrings().cockpit.filters.filterByLabel}),l!==0?t.jsx(_e,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:x,buttonsDisabled:l>1}):null]}),t.jsx(X,{children:t.jsx(P,{categoryIndex:l,value:r.field,onChange:u,selectedCockpitOption:d})})]}),r.field&&t.jsxs(bt,{children:[t.jsx(pt,{children:t.jsx(De,{categoryIndex:l,value:r.matchingOperator,onChange:$})}),t.jsxs(ht,{children:[t.jsx(ft,{categoryType:C,children:t.jsx(lt,{options:c[r.field]!=null?c[r.field]:[],value:r.values,categoryIndex:l,categoryType:C,categoryLabel:w,showAnyAll:y??!1,onChange:m,valuesCombinationOperator:r.valuesCombinationOperator,onValuesCombinationOperatorChange:a})}),t.jsx(gt,{onClick:()=>f(l),children:t.jsx(mt,{})})]})]})]},r.field?r.field+l:l)})});return t.jsxs(J,{ref:h,children:[j(),k()]})});se.displayName="FiltersSelection";const yt=s.div`
-  padding: ${i.sp4};
-  box-sizing: border-box;
-  height: ${e=>`${typeof e.height=="number"?e.height+"px":e.height}`};
-  background: ${e=>e.theme.colors.grey5};
-  max-height: 650px;
-  overflow: ${e=>e.height>"650"?"scroll":"visible"};
-`,$t=({selectedCockpitOption:e,filters:n,disableFilters:c=!1,onFiltersChange:d,onSearchTextChanged:h,getCategoryWiseOptions:u,companiesLoaded:$=!0,filterText:a})=>{const x=p.useRef(null),[f,v]=p.useState(!1),S=p.useRef(!1),[m,k]=p.useState({management:{},portfolio:{},subscription:{},onboarding:{},audit:{},healthMonitor:{},taskManager:{}}),[j,r]=p.useState(136),l=p.useRef(null),b=te(),y=p.useCallback(()=>{v(!1)},[]),C=p.useCallback(()=>{c===!1&&v(!0)},[c]);p.useEffect(()=>{u&&Object.keys(m[e]).length===0&&$&&k(L=>({...L,[e]:u()}))},[e,m,$]);const w=p.useCallback(()=>{if(n?.categories==null)return H;const L=l.current,o=L!=null?L.clientHeight:0;return he[7]+(o>0?o:H)},[n]);p.useEffect(()=>{if(f!==S.current){r("auto");return}r(w())},[w,f]),p.useEffect(()=>{S.current=f},[f]),p.useEffect(()=>{j==="auto"&&r(w())},[j,w]);const A=()=>t.jsx(Te,{anchorEl:x.current,open:f,onClose:y,paperStyle:{overflow:"visible"},children:t.jsx(yt,{height:j,windowSize:b,children:n&&t.jsx(se,{filters:n,onFiltersChange:d,filterValues:m[e],selectedCockpitOption:e,ref:l})})},n?.categories==null||n.categories.length===0?"smallBox":"largeBox"),_=n?.categories==null||n.categories.length===0?0:n.categories.filter(L=>L.field!=null&&L.values.length>0).length;return t.jsxs(p.Fragment,{children:[t.jsx(Le,{isFilterBtnActive:f||_>0,searchPlaceholder:g.getLocalizedStrings().cockpit.searchplaceholder,ref:x,isFilterDisabled:c,onSearchTextChanged:h,onFilterButtonClick:C,filtersCount:_,filterText:a}),c!=!0&&A()]})},{common:{numbers:jt,strings:Ct}}=g.getLocalizedStrings(),vt=({onTabChange:e,allTabOptions:n,selectedOption:c,tabCounterDetails:d,getTitle:h})=>{const u=(a,x)=>{e(x)},$=a=>{let x=0;if(d?.forEach(f=>{f.tab===a&&(x=f.count)}),x!==0)return x<100?`${x}`:`${jt.maximumCount}${Ct.plus}`};return t.jsx(kt,{children:t.jsx(St,{value:c,onChange:u,centered:!0,children:n.map(a=>t.jsx(wt,{count:$(a),label:h(a),disableRipple:!0},a))})})},St=s(fe)`
-  .MuiTabs-indicator {
-    background-color: ${e=>e.theme.colors.primary};
-    width: calc(100% - 20px);
-  }
-`,kt=s.div`
-  padding-left: 60px;
-  transform: translateY(2px);
-`,wt=s(be)`
-  text-transform: capitalize;
-  color: ${e=>e.theme.colors.hero};
-  ${xe.smallMedium.css};
-  letter-spacing: normal;
-  cursor: pointer;
-  transform: translateY(-2px);
-  display: flex;
-  flex-direction: row;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    ::after {
-      border-color: ${e=>e.theme.colors.primary};
-    }
-  }
-  &.Mui-selected {
-    cursor: default;
-    color: ${e=>e.theme.colors.primary};
-    ::after {
-      border-color: ${e=>e.theme.colors.primary};
-    }
-  }
-  ::after {
-    content: " ${e=>e.count!=null&&e.count} ";
-    padding: ${e=>e.count!=null?`${i.sp0} ${i.sp1}`:i.sp0};
-    border: ${e=>e.count!=null?"1px":i.sp0} solid
-      ${e=>e.theme.colors.grey1};
-    border-radius: ${i.sp12};
-    margin-left: 2px;
-  }
-`,Ot=({headerData:e,headerActions:n})=>{const{filterData:c,showBackButton:d=!1,allTabOptions:h,selectedTabOption:u,companiesLoaded:$,tabCounterDetails:a}=e,{onNavigateBack:x,onTabChange:f,filterActions:v}=n,S=v?.onFilterTextChanged,m=v?.onFiltersChange,k=y=>{let C="";return me.forEach(w=>{w===y&&(C=g.getLocalizedStrings().cockpit.titles[y])}),C.length!=0,C};let j=-1;h?.forEach((y,C)=>{y===u&&(j=C)}),j===-1&&u!=null&&console.warn("Selected unsupported tab option");const r=p.useCallback(y=>{u&&S?.(u,y)},[S,u]),l=p.useCallback(y=>{m&&u&&m(u,y)},[m,u]),b=y=>{const C=h?.[y];C!=null&&f?.(C)};return t.jsxs(Mt,{children:[t.jsx(At,{onClick:()=>{x&&x()},children:d===!0&&t.jsxs(t.Fragment,{children:[t.jsx(zt,{}),t.jsx(Tt,{children:g.getLocalizedStrings().cockpit.cockpitHeaderBackButton})]})}),h&&j!==-1&&h!=null&&f&&t.jsx(vt,{tabCounterDetails:a,onTabChange:b,allTabOptions:h,selectedOption:j,getTitle:k}),t.jsx(Lt,{children:c&&v&&t.jsx($t,{selectedCockpitOption:u,filters:c.filters,disableFilters:c.disableFilters,getCategoryWiseOptions:v.getCategoryWiseOptions,onSearchTextChanged:r,onFiltersChange:l,companiesLoaded:$,filterText:c.filterText})})]})},Lt=s.div`
-  min-width: 250px;
-  display: flex;
-  justify-content: flex-end;
-  padding-bottom: 10px;
-`,Tt=s.span`
-  transform: translateY(8px);
-`,zt=s(ge)`
-  cursor: pointer;
-  height: ${i.sp4};
-  width: ${i.sp4};
-  transform: translateY(7px) scale3d(0.8, 0.8, 0.8);
-`,At=s(ue)`
-  padding: 0;
-  margin: auto 0;
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  flex-direction: row;
-  min-width: 60px;
-  &:hover {
-    cursor: pointer;
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Mt=s.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  width: calc(100% - 112px);
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-  margin: ${i.sp3} ${i.sp8} ${i.sp2} ${i.sp8};
-`,Jt=Object.freeze(Object.defineProperty({__proto__:null,default:Ot},Symbol.toStringTag,{value:"Module"}));export{qe as C,Ot as N,Q as S,K as T,Jt as a};

package/dist/assets/NotificationsListConfig-CyQxEQ13-D7e4Z7fR.js

@@ -1 +0,0 @@
-import{y as e,n as a}from"./index-D9zAXs3-.js";const r=a[5],n=59,o=a[5],i=e.standardRegular.lineHeightValue,l=1,s=1e3;export{i as A,o as E,l as I,s as L,n as a,r as t};