@zeniai/web-cockpit-ui 1.14.44-qa → 1.14.45-dev

package/dist/assets/{NavigationArrow-DSMn_azz-Bn7cke7g.js → NavigationArrow-kQmX-M7U-Qn8Td-4a.js}

@@ -1,4 +1,4 @@
-import{j as e,o as r,af as i,by as h}from"./index-BKug3-eP.js";import{j as l,n as s}from"./vendor-rkTZJa59.js";const c=l`
+import{j as e,o as r,af as i,by as h}from"./index-0QGih61V.js";import{j as l,n as s}from"./vendor-rkTZJa59.js";const c=l`
   border-left-style: none;
   margin-left: -${r.sp3};
   border-top-right-radius: ${r.sp2};

package/dist/assets/{NavigationDots-BiiEFlFj-xZJ5-o7_.js → NavigationDots-nUALE4y--DPaRfQ3k.js}

@@ -1,4 +1,4 @@
-import{j as e,W as v,o as t}from"./index-BKug3-eP.js";import{n as l}from"./vendor-rkTZJa59.js";const C=l.div`
+import{j as e,W as v,o as t}from"./index-0QGih61V.js";import{n as l}from"./vendor-rkTZJa59.js";const C=l.div`
   text-align: center;
   cursor: pointer;
 `,y=l.div`

package/dist/assets/{NewGlobalMerchantPage-DJ0zT8Xy-Cj0gRV8r.js → NewGlobalMerchantPage-D1NQ_h-e-CCmfop3O.js}

@@ -1,4 +1,4 @@
-import{e as z,a as A,ca as X,a2 as Y,j as t,R as C,F as Q,a4 as Z,C as i,o as a,a3 as ee,X as _,g as te,gp as ae,y as le,cn as O,hC as ne,cf as U,cd as oe,q as l,ao as re,cv as ie,ct as de,cH as se,m as ce,eu as me,dj as he,aB as ge,f as V}from"./index-BKug3-eP.js";import{b as j,n as o,j as be}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const w={width:new i(343,580,726),height:new i(l[6],l[6]),controlHeight:new i(l[6],l[6]),paddingTopBottom:new i(l[2],l[2]),marginRight:new i(l[2],l[2]),labelMarginLeft:new i(l[3],l[4]),labelMarginRight:new i(l[3],l[4]),labelMarginTop:new i(l[2],l[2])},ue={infoLabel:new _("smallRegular","standardRegular")},pe=C.getLocalizedStrings();function we({label:e,textField:n,additionalInfo:h,checkBoxFields:m,fetchState:b,style:v,toolTip:M,isOptionalLabel:y}){const s=z(),{formState:{errors:d}}=O(),$=ie(d,n.name);return t.jsxs(fe,{windowSize:s,style:v,isDisabled:n.isDisabled!=null,isError:$,children:[t.jsx(de,{isDisabled:n.isDisabled,label:e.label,style:{marginLeft:w.labelMarginLeft.value(s),marginRight:w.labelMarginRight.value(s),marginTop:w.labelMarginTop.value(s),width:e.width??"auto"},showTooltip:M!=null,tooltipTitle:M?.title,toolTipWidth:M?.width,isOptional:y}),t.jsxs(xe,{labelWidth:e.width,children:[t.jsx(se,{...n,style:{...n.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:w.controlHeight.value(s),cursor:"inherit"}}),b?.fetchState==="In-Progress"?t.jsx($e,{children:t.jsx(ce,{size:"Standard",start:!0})}):t.jsxs(Se,{children:[t.jsxs(Me,{windowSize:s,isRecommendationVisible:m.length>0,isError:$,children:[h.icon,h.label]}),m.length>0?m.map((u,p)=>t.jsxs(t.Fragment,{children:[t.jsx(me,{isHighlighted:!0,label:{label:u.label},checkBoxField:u.field,defaultChecked:u.field.defaultChecked,isDisabled:u.field.isDisabled!=null},he()),p<m.length-1?t.jsx(ve,{children:pe.common.texts.or}):null]})):null]})]})]})}const fe=o.div`
+import{e as z,a as K,ca as X,a2 as Y,j as t,R as C,F as Q,a4 as Z,C as i,o as a,a3 as ee,X as _,g as te,gp as ae,x as le,cn as O,hC as ne,cf as U,cd as oe,q as l,ao as re,cv as ie,ct as de,cH as se,m as ce,eu as me,dj as he,aB as ge,f as V}from"./index-0QGih61V.js";import{b as j,n as o,j as be}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const w={width:new i(343,580,726),height:new i(l[6],l[6]),controlHeight:new i(l[6],l[6]),paddingTopBottom:new i(l[2],l[2]),marginRight:new i(l[2],l[2]),labelMarginLeft:new i(l[3],l[4]),labelMarginRight:new i(l[3],l[4]),labelMarginTop:new i(l[2],l[2])},ue={infoLabel:new _("smallRegular","standardRegular")},pe=C.getLocalizedStrings();function we({label:e,textField:n,additionalInfo:h,checkBoxFields:m,fetchState:b,style:v,toolTip:M,isOptionalLabel:y}){const s=z(),{formState:{errors:d}}=O(),$=ie(d,n.name);return t.jsxs(xe,{windowSize:s,style:v,isDisabled:n.isDisabled!=null,isError:$,children:[t.jsx(de,{isDisabled:n.isDisabled,label:e.label,style:{marginLeft:w.labelMarginLeft.value(s),marginRight:w.labelMarginRight.value(s),marginTop:w.labelMarginTop.value(s),width:e.width??"auto"},showTooltip:M!=null,tooltipTitle:M?.title,toolTipWidth:M?.width,isOptional:y}),t.jsxs(fe,{labelWidth:e.width,children:[t.jsx(se,{...n,style:{...n.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:w.controlHeight.value(s),cursor:"inherit"}}),b?.fetchState==="In-Progress"?t.jsx($e,{children:t.jsx(ce,{size:"Standard",start:!0})}):t.jsxs(Se,{children:[t.jsxs(Me,{windowSize:s,isRecommendationVisible:m.length>0,isError:$,children:[h.icon,h.label]}),m.length>0?m.map((u,p)=>t.jsxs(t.Fragment,{children:[t.jsx(me,{isHighlighted:!0,label:{label:u.label},checkBoxField:u.field,defaultChecked:u.field.defaultChecked,isDisabled:u.field.isDisabled!=null},he()),p<m.length-1?t.jsx(ve,{children:pe.common.texts.or}):null]})):null]})]})]})}const xe=o.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -38,7 +38,7 @@ import{e as z,a as A,ca as X,a2 as Y,j as t,R as C,F as Q,a4 as Z,C as i,o as a,
       background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?V.importantLight:e.theme.colors.background};
     }
   }
-`,xe=o.div`
+`,fe=o.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
@@ -94,7 +94,7 @@ import{e as z,a as A,ca as X,a2 as Y,j as t,R as C,F as Q,a4 as Z,C as i,o as a,
   color: ${e=>e.theme.colors.brandColorJade};
   width: ${a.sp3};
   height: ${a.sp3};
-`,S={containerPaddingLeft:new i(l[3],l[3],l[6]),containerPaddingRight:new i(l[3],l[3],l[8]),navbarContainerPaddingTop:new i(l[2],l[3]),navbarContainerPaddingBottom:new i(l[4],l[5]),sectionTitleMarginTop:new i(0,l[3]),sectionTitleMarginLeft:new i(l[3],0)},Ce={sectionTitle:new _("h6Regular","h5Regular")},I="newGlobalMerchantPage",x="newGlobalMerchant",Fe=C.getLocalizedStrings(),{common:{footer:B,sectionTitles:Te},vendorReview:{globalReview:Le}}=Fe,nt=({globalMerchantView:e,analytics:n,tenantMerchant:h,isDisabled:m,updateCreateGlobalMerchantLocalData:b,fetchRecommendation:v,onBackClick:M,onSaveClick:y})=>{const s=z(),d=A({mode:"all",reValidateMode:"onChange",defaultValues:j.useMemo(()=>q(e),[e]),values:j.useMemo(()=>q(e),[e]),resetOptions:{keepDefaultValues:!0,keepDirtyValues:!0}}),$=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,g=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorRequested({reviewSource:"global_review",newRequestedVendorName:g,tenantName:r,newRequestedVendorNameSource:r!=null?"text_edit":"new_vendor_button",isVendorNameRecommendationSelected:c===g,recommendedVendorName:c,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null})}v()},u=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,g=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorSaved({reviewSource:"global_review",saveRequestedVendorName:g,tenantName:r,recommendedVendorName:c,saveRequestedVendorSource:r!=null?"text_edit":"new_vendor_button",recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null,isVendorNameRecommendationSelected:c===g})}y()},p=()=>{e.newGlobalMerchantData!=null&&n.trackVendorReviewNewVendorCanceled({reviewSource:"global_review",newRequestedVendorName:e.newGlobalMerchantData.globalMerchantName,tenantName:h?.tenantName??null,recommendedVendorName:e.recommendedGlobalMerchants[0]?.globalMerchantName??null,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null}),M()},D=()=>{u()},G=async(r,g)=>{const{newGlobalMerchant:{globalMerchantName:c,recommendedFirst:T,recommendedSecond:L,globalMerchantWebsiteUrl:K}}=g;if(r.includes("globalMerchantName")||r.includes("globalMerchantWebsiteUrl")){let P=null;c===e.recommendedGlobalMerchants[0]?.globalMerchantName?P="recommendedFirst":c===e.recommendedGlobalMerchants[1]?.globalMerchantName&&(P="recommendedSecond"),b(c,P,K)}else(r.includes("recommendedFirst")||r.includes("recommendedSecond"))&&(r.includes("recommendedFirst")&&T&&e.recommendedGlobalMerchants[0]?.globalMerchantName?(b(e.recommendedGlobalMerchants[0]?.globalMerchantName,"recommendedFirst",e.recommendedGlobalMerchants[0]?.websiteUrl?.toString()),e.recommendedGlobalMerchants[0]?.websiteUrl!=null&&d.setValue(`${x}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[0].websiteUrl.toString())):r.includes("recommendedSecond")&&L&&e.recommendedGlobalMerchants[1]?.globalMerchantName?(b(e.recommendedGlobalMerchants[1].globalMerchantName,"recommendedSecond",e.recommendedGlobalMerchants[1].websiteUrl?.toString()),e.recommendedGlobalMerchants[1]?.websiteUrl!=null&&d.setValue(`${x}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[1].websiteUrl.toString())):!T&&!L&&(d.resetField(`${x}.globalMerchantName`),d.resetField(`${x}.globalMerchantWebsiteUrl`)))};j.useEffect(()=>{const r=d.watch((g,{name:c})=>{c!=null&&g!=null&&X(()=>G(c,g))});return()=>{r.unsubscribe()}});const{newGlobalMerchantData:f,fetchState:N,error:H,recommendedGlobalMerchants:J}=e,F=Y(N);return j.useEffect(()=>{F==="In-Progress"&&N==="Completed"&&f?.globalMerchantName!=null&&(d.resetField(`${x}.globalMerchantName`,{defaultValue:f.globalMerchantName}),e.recommendedGlobalMerchants.forEach(r=>{r.globalMerchantName===f.globalMerchantName&&r.websiteUrl!=null&&d.setValue(`${x}.globalMerchantWebsiteUrl`,r.websiteUrl.toString())}))},[F,N,d,f?.globalMerchantName,f?.globalMerchantWebsiteUrl,e.recommendedGlobalMerchants]),t.jsxs(Ue,{windowSize:s,children:[t.jsxs(We,{windowSize:s,children:[t.jsx(Be,{children:t.jsx(Ee,{onClick:p})}),t.jsx(qe,{windowSize:s,children:Te.newVendor}),t.jsx(_e,{children:t.jsxs(Oe,{children:[t.jsx(Je,{children:t.jsx(Ke,{})}),t.jsx(He,{children:Le.newGlobalMerchant.tip})]})})]}),t.jsx(Ie,{children:t.jsx(Q,{...d,children:t.jsx("form",{id:E(I),onSubmit:d.handleSubmit(D),children:t.jsx(Re,{sectionId:x,isDisabled:f?.status.fetchState==="In-Progress"?"readonly":m,newGlobalMerchantData:f,recommendationFetchState:{fetchState:N,error:H},recommendedGlobalMerchants:J,fetchRecommendation:$})})})}),t.jsx(Z,{formId:E(I),primaryBtn:{label:B.save,isLoading:f?.status.fetchState==="In-Progress",isDisabled:N==="In-Progress"},cancelBtn:{label:B.cancel,shouldResetOnCancel:!0,onClick:p}})]})},E=e=>`${e}_form`,q=e=>{const{newGlobalMerchantData:n}=e;return{[x]:{globalMerchantName:n?.globalMerchantName??"",globalMerchantWebsiteUrl:n?.globalMerchantWebsiteUrl?.toString(),recommendedFirst:n?.currentSelection==="recommendedFirst",recommendedSecond:n?.currentSelection==="recommendedSecond",newGlobalMerchantId:n?.newGlobalMerchantId}}},Ue=o.div`
+`,S={containerPaddingLeft:new i(l[3],l[3],l[6]),containerPaddingRight:new i(l[3],l[3],l[8]),navbarContainerPaddingTop:new i(l[2],l[3]),navbarContainerPaddingBottom:new i(l[4],l[5]),sectionTitleMarginTop:new i(0,l[3]),sectionTitleMarginLeft:new i(l[3],0)},Ce={sectionTitle:new _("h6Regular","h5Regular")},I="newGlobalMerchantPage",f="newGlobalMerchant",Fe=C.getLocalizedStrings(),{common:{footer:B,sectionTitles:Te},vendorReview:{globalReview:Le}}=Fe,nt=({globalMerchantView:e,analytics:n,tenantMerchant:h,isDisabled:m,updateCreateGlobalMerchantLocalData:b,fetchRecommendation:v,onBackClick:M,onSaveClick:y})=>{const s=z(),d=K({mode:"all",reValidateMode:"onChange",defaultValues:j.useMemo(()=>q(e),[e]),values:j.useMemo(()=>q(e),[e]),resetOptions:{keepDefaultValues:!0,keepDirtyValues:!0}}),$=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,g=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorRequested({reviewSource:"global_review",newRequestedVendorName:g,tenantName:r,newRequestedVendorNameSource:r!=null?"text_edit":"new_vendor_button",isVendorNameRecommendationSelected:c===g,recommendedVendorName:c,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null})}v()},u=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,g=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorSaved({reviewSource:"global_review",saveRequestedVendorName:g,tenantName:r,recommendedVendorName:c,saveRequestedVendorSource:r!=null?"text_edit":"new_vendor_button",recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null,isVendorNameRecommendationSelected:c===g})}y()},p=()=>{e.newGlobalMerchantData!=null&&n.trackVendorReviewNewVendorCanceled({reviewSource:"global_review",newRequestedVendorName:e.newGlobalMerchantData.globalMerchantName,tenantName:h?.tenantName??null,recommendedVendorName:e.recommendedGlobalMerchants[0]?.globalMerchantName??null,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null}),M()},D=()=>{u()},G=async(r,g)=>{const{newGlobalMerchant:{globalMerchantName:c,recommendedFirst:T,recommendedSecond:L,globalMerchantWebsiteUrl:J}}=g;if(r.includes("globalMerchantName")||r.includes("globalMerchantWebsiteUrl")){let P=null;c===e.recommendedGlobalMerchants[0]?.globalMerchantName?P="recommendedFirst":c===e.recommendedGlobalMerchants[1]?.globalMerchantName&&(P="recommendedSecond"),b(c,P,J)}else(r.includes("recommendedFirst")||r.includes("recommendedSecond"))&&(r.includes("recommendedFirst")&&T&&e.recommendedGlobalMerchants[0]?.globalMerchantName?(b(e.recommendedGlobalMerchants[0]?.globalMerchantName,"recommendedFirst",e.recommendedGlobalMerchants[0]?.websiteUrl?.toString()),e.recommendedGlobalMerchants[0]?.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[0].websiteUrl.toString())):r.includes("recommendedSecond")&&L&&e.recommendedGlobalMerchants[1]?.globalMerchantName?(b(e.recommendedGlobalMerchants[1].globalMerchantName,"recommendedSecond",e.recommendedGlobalMerchants[1].websiteUrl?.toString()),e.recommendedGlobalMerchants[1]?.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[1].websiteUrl.toString())):!T&&!L&&(d.resetField(`${f}.globalMerchantName`),d.resetField(`${f}.globalMerchantWebsiteUrl`)))};j.useEffect(()=>{const r=d.watch((g,{name:c})=>{c!=null&&g!=null&&X(()=>G(c,g))});return()=>{r.unsubscribe()}});const{newGlobalMerchantData:x,fetchState:N,error:H,recommendedGlobalMerchants:A}=e,F=Y(N);return j.useEffect(()=>{F==="In-Progress"&&N==="Completed"&&x?.globalMerchantName!=null&&(d.resetField(`${f}.globalMerchantName`,{defaultValue:x.globalMerchantName}),e.recommendedGlobalMerchants.forEach(r=>{r.globalMerchantName===x.globalMerchantName&&r.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,r.websiteUrl.toString())}))},[F,N,d,x?.globalMerchantName,x?.globalMerchantWebsiteUrl,e.recommendedGlobalMerchants]),t.jsxs(Ue,{windowSize:s,children:[t.jsxs(We,{windowSize:s,children:[t.jsx(Be,{children:t.jsx(Ee,{onClick:p})}),t.jsx(qe,{windowSize:s,children:Te.newVendor}),t.jsx(_e,{children:t.jsxs(Oe,{children:[t.jsx(Ae,{children:t.jsx(Je,{})}),t.jsx(He,{children:Le.newGlobalMerchant.tip})]})})]}),t.jsx(Ie,{children:t.jsx(Q,{...d,children:t.jsx("form",{id:E(I),onSubmit:d.handleSubmit(D),children:t.jsx(Re,{sectionId:f,isDisabled:x?.status.fetchState==="In-Progress"?"readonly":m,newGlobalMerchantData:x,recommendationFetchState:{fetchState:N,error:H},recommendedGlobalMerchants:A,fetchRecommendation:$})})})}),t.jsx(Z,{formId:E(I),primaryBtn:{label:B.save,isLoading:x?.status.fetchState==="In-Progress",isDisabled:N==="In-Progress"},cancelBtn:{label:B.cancel,shouldResetOnCancel:!0,onClick:p}})]})},E=e=>`${e}_form`,q=e=>{const{newGlobalMerchantData:n}=e;return{[f]:{globalMerchantName:n?.globalMerchantName??"",globalMerchantWebsiteUrl:n?.globalMerchantWebsiteUrl?.toString(),recommendedFirst:n?.currentSelection==="recommendedFirst",recommendedSecond:n?.currentSelection==="recommendedSecond",newGlobalMerchantId:n?.newGlobalMerchantId}}},Ue=o.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -149,11 +149,11 @@ import{e as z,a as A,ca as X,a2 as Y,j as t,R as C,F as Q,a4 as Z,C as i,o as a,
   display: flex;
   flex-grow: 1;
   color: ${e=>e.theme.colors.hero};
-`,Je=o.div`
+`,Ae=o.div`
   display: flex;
   align-items: center;
   margin-right: ${a.sp2};
-`,Ke=o(ae)`
+`,Je=o(ae)`
   color: ${e=>e.theme.colors.primary};
   width: ${a.sp4};
   height: ${a.sp4};

package/dist/assets/{NoDataChart-O6Mg_gf4-BzMtzTAz.js → NoDataChart-BmcrokSp-mktpp4Ge.js}

@@ -1,17 +1,17 @@
-import{e as l,j as t,f as s,o as h,y as r,C as m,u as o}from"./index-BKug3-eP.js";import{n as i,b as a}from"./vendor-rkTZJa59.js";const v=e=>a.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{fill:"#3E4043",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),a.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#3E4043"})),c=e=>a.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{fill:"#E9ECF0",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),a.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#E9ECF0"})),d={chartMinHeight:new m(288,360)},z=i.div`
+import{e as l,j as t,f as s,o as h,x as r,C as m,u as o}from"./index-0QGih61V.js";import{n as i,b as a}from"./vendor-rkTZJa59.js";const v=e=>a.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{fill:"#3E4043",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),a.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#3E4043"})),c=e=>a.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{fill:"#E9ECF0",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),a.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#E9ECF0"})),d={chartMinHeight:new m(288,360)},x=i.div`
   display: flex;
   width: 100%;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,w=i.div`
+`,z=i.div`
   display: flex;
   width: 100%;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   margin-bottom: ${h.sp8};
-`,x=i.div`
+`,w=i.div`
   display: flex;
   width: 100%;
   height: 35vh;
@@ -23,4 +23,4 @@ import{e as l,j as t,f as s,o as h,y as r,C as m,u as o}from"./index-BKug3-eP.js
 `,p=i(r)`
   color: ${s.alert};
   margin: ${h.sp3} ${h.sp0} ${h.sp5} ${h.sp0};
-`;function f(){switch(o().mode){case"light":return t.jsx(c,{width:"100%",height:"100%",preserveAspectRatio:"none"});case"dark":default:return t.jsx(v,{width:"100%",height:"100%",preserveAspectRatio:"none"})}}function E({title:e}){const n=l();return t.jsxs(z,{children:[e!=null?t.jsx(p,{children:e}):null,t.jsx(w,{children:t.jsx(x,{windowSize:n,children:t.jsx(f,{})})})]})}export{E as C};
+`;function f(){switch(o().mode){case"light":return t.jsx(c,{width:"100%",height:"100%",preserveAspectRatio:"none"});case"dark":default:return t.jsx(v,{width:"100%",height:"100%",preserveAspectRatio:"none"})}}function E({title:e}){const n=l();return t.jsxs(x,{children:[e!=null?t.jsx(p,{children:e}):null,t.jsx(z,{children:t.jsx(w,{windowSize:n,children:t.jsx(f,{})})})]})}export{E as C};

package/dist/assets/{NoDataTable-BgKg_U0s-CmmkF752.js → NoDataTable-BKAiKOOM-BMD8AGW2.js}

@@ -1,4 +1,4 @@
-import{j as e,o as t,u as s}from"./index-BKug3-eP.js";import{n as i}from"./vendor-rkTZJa59.js";import{r as n,o}from"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";const r=i.div`
+import{j as e,o as t,u as s}from"./index-0QGih61V.js";import{n as i}from"./vendor-rkTZJa59.js";import{r as n,o}from"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";const r=i.div`
   display: flex;
   width: 100%;
   padding: ${t.sp8} ${t.sp0} ${t.sp8} ${t.sp0};

package/dist/assets/{NotFoundPage-DA6cvlNW-DlMJJWcU.js → NotFoundPage-B-wGvM-5-CoGsI8QE.js}

@@ -1,9 +1,9 @@
-import{j as o,R as i,bv as s,c7 as l,y as c,f as a,n as d}from"./index-BKug3-eP.js";import{n as t}from"./vendor-rkTZJa59.js";import{a as h}from"./ZeniCopyright-B6fSw5kZ-BEYdzvFL.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const g=t.div`
+import{j as o,R as i,bv as s,c7 as l,x as c,f as a,n as d}from"./index-0QGih61V.js";import{n as t}from"./vendor-rkTZJa59.js";import{a as h}from"./ZeniCopyright-1d-n5uOX-ChnFnWfn.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const x=t.div`
   width: 100%;
   height: 100vh;
   position: relative;
   background-color: ${e=>e.theme.colors.background};
-`,x=t.div`
+`,g=t.div`
   height: 54px;
 `,m=t.div`
   flex: 1 1;
@@ -43,4 +43,4 @@ import{j as o,R as i,bv as s,c7 as l,y as c,f as a,n as d}from"./index-BKug3-eP.
     text-decoration: underline;
     cursor: pointer;
   }
-`;function w({onGoBack:e,onGoHome:r}){return o.jsxs(g,{children:[o.jsx(v,{children:"404"}),o.jsxs(f,{children:[o.jsx(x,{}),o.jsxs(m,{children:[o.jsx(u,{children:i.getLocalizedStrings().notFoundPage.cantFindText}),o.jsxs(j,{children:[i.getLocalizedStrings().notFoundPage.pleaseText,o.jsx(n,{onClick:e,children:i.getLocalizedStrings().notFoundPage.goBackText}),i.getLocalizedStrings().notFoundPage.startOverText,o.jsx(n,{onClick:r,children:i.getLocalizedStrings().notFoundPage.homePageText})]})]}),o.jsx(p,{children:o.jsx(h,{})})]})]})}export{w as default};
+`;function w({onGoBack:e,onGoHome:r}){return o.jsxs(x,{children:[o.jsx(v,{children:"404"}),o.jsxs(f,{children:[o.jsx(g,{}),o.jsxs(m,{children:[o.jsx(u,{children:i.getLocalizedStrings().notFoundPage.cantFindText}),o.jsxs(j,{children:[i.getLocalizedStrings().notFoundPage.pleaseText,o.jsx(n,{onClick:e,children:i.getLocalizedStrings().notFoundPage.goBackText}),i.getLocalizedStrings().notFoundPage.startOverText,o.jsx(n,{onClick:r,children:i.getLocalizedStrings().notFoundPage.homePageText})]})]}),o.jsx(p,{children:o.jsx(h,{})})]})]})}export{w as default};

package/dist/assets/{NotificationSettingsPage-BwqCG-6J-DWqf_cVg.js → NotificationSettingsPage-BKQcK-_r-CZ2o6aQV.js}

@@ -1,4 +1,4 @@
-import{j as t,fF as ne,o as i,bg as se,R as I,a6 as re,u as Y,e as J,a as le,ca as ae,l as P,aX as ce,F as de,_ as w,a4 as pe,C as T,fa as me,fG as ue,eH as he,fH as ge,fI as fe,af as xe,q as S,ao as K,w as Q,y as W,n as $e}from"./index-BKug3-eP.js";import{n as o,b as E}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const{common:ye}=I.getLocalizedStrings(),B={notePadding:new T(S[3],S[4]),noteGap:new T(S[0],6)},z=(e,n)=>`${e}.${n}`,be=o.div`
+import{j as t,fF as ne,o as i,bg as se,R as I,a6 as re,u as Y,e as J,a as le,ca as ae,l as P,aX as ce,F as de,_ as w,a4 as pe,C as T,fa as me,fG as ue,eH as he,fH as fe,fI as ge,af as xe,q as S,ao as K,w as Q,x as W,n as $e}from"./index-0QGih61V.js";import{n as o,b as E}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const{common:ye}=I.getLocalizedStrings(),B={notePadding:new T(S[3],S[4]),noteGap:new T(S[0],6)},z=(e,n)=>`${e}.${n}`,be=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
@@ -74,7 +74,7 @@ import{j as t,fF as ne,o as i,bg as se,R as I,a6 as re,u as Y,e as J,a as le,ca
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
   gap: ${e=>B.noteGap.valuePx(e.windowSize)};
-`,Ce=o.div``,Pe=o.span``;function Oe({sectionId:e,monthEndInsightsNotificationLocalData:n,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:g,classList:m,controllersList:x}){const u=Y(),c=J(),{sectionTitle:$,monthEndInsights:l,mode:y}=ye.settings.notifications,h=x[0],O=x.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(be,{children:[t.jsxs(je,{children:[t.jsx(we,{children:$.monthEndInsights}),t.jsx(Ce,{children:t.jsx(Ee,{children:y.email})})]}),t.jsxs(Se,{children:[t.jsxs(ve,{disabled:s.enabled==null,children:[t.jsx(q,{children:l.labels.notifyMe}),t.jsx(he,{defaultChecked:n.notify,checkBoxValue:z(e,"notify"),name:z(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(w,{controller:s.enabled!=null,children:t.jsxs(Ie,{children:[t.jsx(F,{children:t.jsx(q,{children:l.labels.notifyOthers})}),t.jsx(F,{children:t.jsx(ge,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:g,selectedUsers:g.filter(d=>n.recipientEmailIds.includes(d.email)),allNonUsers:[],selectedNonUsers:[]},hideMultiValueOnBlur:!1,valueToSubtitle:d=>{const r=a.findIndex(p=>p.userId===d),b=[];if(r!==-1){const p=a[r],j=fe(p.userRole.userRoles);j.length>0&&b.push(j);const N=m.find(R=>R.classId===p.userRole.accountingClassIDs[0]);return N!=null&&b.push(N.className),b}else return[]},name:z(e,"recipientEmailIds"),placeholderLabel:l.userFieldPlaceholder,customStyleConfig:{valueContainer:(d,{selectProps:r})=>({justifyContent:r.menuIsOpen===!1?"flex-end":"flex-start"}),input:(d,{selectProps:r})=>({display:r.menuIsOpen===!1?"none":"inline-grid"}),control:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),container:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),multiValue:(d,{selectProps:r})=>({outline:r.menuIsOpen===!1?"unset":`1px solid ${u.colors.primary}`})}})})]})}),t.jsx(w,{controller:s.enabled==null,children:t.jsxs(ke,{windowSize:c,children:[l.stopReceivingEmailsText,h?t.jsxs(Ne,{href:`mailto:${h.email}?cc=${O}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Pe,{children:`${h.firstName} ${h.lastName}`}),t.jsx(xe,{className:"arrowIcon"})]}):null]})})]})]})}const A=(e,n,s)=>`${e}.${n}.${s}`,Re=o.div`
+`,Ce=o.div``,Pe=o.span``;function Oe({sectionId:e,monthEndInsightsNotificationLocalData:n,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:f,classList:m,controllersList:x}){const u=Y(),c=J(),{sectionTitle:$,monthEndInsights:l,mode:y}=ye.settings.notifications,h=x[0],O=x.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(be,{children:[t.jsxs(je,{children:[t.jsx(we,{children:$.monthEndInsights}),t.jsx(Ce,{children:t.jsx(Ee,{children:y.email})})]}),t.jsxs(Se,{children:[t.jsxs(ve,{disabled:s.enabled==null,children:[t.jsx(q,{children:l.labels.notifyMe}),t.jsx(he,{defaultChecked:n.notify,checkBoxValue:z(e,"notify"),name:z(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(w,{controller:s.enabled!=null,children:t.jsxs(Ie,{children:[t.jsx(F,{children:t.jsx(q,{children:l.labels.notifyOthers})}),t.jsx(F,{children:t.jsx(fe,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:f,selectedUsers:f.filter(d=>n.recipientEmailIds.includes(d.email)),allNonUsers:[],selectedNonUsers:[]},hideMultiValueOnBlur:!1,valueToSubtitle:d=>{const r=a.findIndex(p=>p.userId===d),b=[];if(r!==-1){const p=a[r],j=ge(p.userRole.userRoles);j.length>0&&b.push(j);const N=m.find(R=>R.classId===p.userRole.accountingClassIDs[0]);return N!=null&&b.push(N.className),b}else return[]},name:z(e,"recipientEmailIds"),placeholderLabel:l.userFieldPlaceholder,customStyleConfig:{valueContainer:(d,{selectProps:r})=>({justifyContent:r.menuIsOpen===!1?"flex-end":"flex-start"}),input:(d,{selectProps:r})=>({display:r.menuIsOpen===!1?"none":"inline-grid"}),control:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),container:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),multiValue:(d,{selectProps:r})=>({outline:r.menuIsOpen===!1?"unset":`1px solid ${u.colors.primary}`})}})})]})}),t.jsx(w,{controller:s.enabled==null,children:t.jsxs(ke,{windowSize:c,children:[l.stopReceivingEmailsText,h?t.jsxs(Ne,{href:`mailto:${h.email}?cc=${O}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Pe,{children:`${h.firstName} ${h.lastName}`}),t.jsx(xe,{className:"arrowIcon"})]}):null]})})]})]})}const A=(e,n,s)=>`${e}.${n}.${s}`,Re=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
@@ -118,7 +118,7 @@ import{j as t,fF as ne,o as i,bg as se,R as I,a6 as re,u as Y,e as J,a as le,ca
     border-bottom-left-radius: ${e=>e.lastElement===!0?i.sp2:i.sp0};
     border-bottom-right-radius: ${e=>e.lastElement===!0?i.sp2:i.sp0};
   }
-`;function qe({sectionId:e,remindersLocalData:n,reminderNotificationSettings:s}){const{texts:a,settings:g}=I.getLocalizedStrings().common,{notifications:m}=g,x=P.NOTIFICATION_MODES.slice(0,1),u=P.REMINDER_NOTIFICATION_TYPES.filter(c=>s[c]!=null);return t.jsxs(Re,{children:[t.jsxs(Le,{children:[t.jsx(ze,{children:m.sectionTitle.reminders}),t.jsxs(D,{children:[t.jsx(V,{children:a.frequency}),t.jsx(V,{children:m.mode.email})]})]}),t.jsx(Be,{children:u.map((c,$)=>t.jsxs(Fe,{firstElement:$===0,lastElement:$===u.length-1,children:[t.jsx(Ue,{children:m.reminders[c]}),t.jsxs(D,{children:[t.jsx(Te,{children:t.jsx(me,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:n[c].frequency},name:A(e,c,"frequency")})}),t.jsx(Me,{children:t.jsx(ue,{mode:"always_on",checkBoxes:x.map(l=>({label:"",value:l,defaultChecked:n[c].preferredMode.includes(l),groupLabel:!1})),name:A(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const M={contentPadding:new T(S[3],S[8])},f="reminders",v="monthEndInsights",_="notificationSettingsPage",G=e=>`${e}_form`,{settings:Z,reloadPage:Ae}=I.getLocalizedStrings().common,De=e=>{const n=Y(),s=J(),{notificationSettingsView:a,signedInUser:g,onFormDataChange:m,resetUpdateStatus:x,onSave:u,onCancel:c,onClickMenuIcon:$}=e,{notificationSettingsLocalData:l,allUsers:y,notificationSettings:h,classList:O,managersList:d,updateStatus:r,controllersList:b}=a,p=le({defaultValues:X(l,y)}),j=E.useCallback(L=>{m(Ye(L))},[m]),N=p.handleSubmit(()=>{u()}),R=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(X(l,y)),x())},[l,a.updateStatus.fetchState,y]),E.useEffect(()=>{const L=p.watch((U,{name:oe})=>{oe!=null&&U!=null&&ae(()=>j(U))});return()=>{L.unsubscribe()}},[p,j]);const ee=Object.keys(p.formState.dirtyFields).length>0,te=g.userEmail!=null?P.isMonthEndNotificationsSectionVisibleOnSettingsPage(h.monthEndInsightsNotificationSettings,g.userEmail):!1,ie=P.isRemindersSectionVisibleOnSettingsPage(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(Ve,{children:[t.jsx(ce,{source:"NotificationSettingsPage",title:Z.title.notifications,backgroundColor:n.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:$}),t.jsx(_e,{windowSize:s,children:t.jsx(de,{...p,children:t.jsx("form",{id:G(_),onSubmit:N,children:t.jsxs(Ge,{children:[t.jsx(w,{controller:ie,children:t.jsx(qe,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:f})}),t.jsx(w,{controller:te,children:t.jsx(Oe,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:v,allUsers:y,classList:O,managersList:d,controllersList:b})})]})})})})]}),t.jsx(w,{controller:ee,children:t.jsx(pe,{style:{width:"100%"},formId:G(_),primaryBtn:{label:I.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:I.getLocalizedStrings().common.footer.cancel,onClick:R,style:{width:"82px"}}})})]})};function nt(e){const{notificationSettingsView:n,onRefresh:s}=e,{fetchState:a}=n;return a==="Not-Started"||a==="In-Progress"?t.jsx(H,{children:t.jsx(ne,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(H,{children:[t.jsx(He,{onClick:s,children:t.jsx(se,{})}),t.jsx(Xe,{children:Ae.label})]}):t.jsx(De,{...e})}const Ve=o.div`
+`;function qe({sectionId:e,remindersLocalData:n,reminderNotificationSettings:s}){const{texts:a,settings:f}=I.getLocalizedStrings().common,{notifications:m}=f,x=P.NOTIFICATION_MODES.slice(0,1),u=P.REMINDER_NOTIFICATION_TYPES.filter(c=>s[c]!=null);return t.jsxs(Re,{children:[t.jsxs(Le,{children:[t.jsx(ze,{children:m.sectionTitle.reminders}),t.jsxs(D,{children:[t.jsx(V,{children:a.frequency}),t.jsx(V,{children:m.mode.email})]})]}),t.jsx(Be,{children:u.map((c,$)=>t.jsxs(Fe,{firstElement:$===0,lastElement:$===u.length-1,children:[t.jsx(Ue,{children:m.reminders[c]}),t.jsxs(D,{children:[t.jsx(Te,{children:t.jsx(me,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:n[c].frequency},name:A(e,c,"frequency")})}),t.jsx(Me,{children:t.jsx(ue,{mode:"always_on",checkBoxes:x.map(l=>({label:"",value:l,defaultChecked:n[c].preferredMode.includes(l),groupLabel:!1})),name:A(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const M={contentPadding:new T(S[3],S[8])},g="reminders",v="monthEndInsights",_="notificationSettingsPage",G=e=>`${e}_form`,{settings:Z,reloadPage:Ae}=I.getLocalizedStrings().common,De=e=>{const n=Y(),s=J(),{notificationSettingsView:a,signedInUser:f,onFormDataChange:m,resetUpdateStatus:x,onSave:u,onCancel:c,onClickMenuIcon:$}=e,{notificationSettingsLocalData:l,allUsers:y,notificationSettings:h,classList:O,managersList:d,updateStatus:r,controllersList:b}=a,p=le({defaultValues:X(l,y)}),j=E.useCallback(L=>{m(Ye(L))},[m]),N=p.handleSubmit(()=>{u()}),R=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(X(l,y)),x())},[l,a.updateStatus.fetchState,y]),E.useEffect(()=>{const L=p.watch((U,{name:oe})=>{oe!=null&&U!=null&&ae(()=>j(U))});return()=>{L.unsubscribe()}},[p,j]);const ee=Object.keys(p.formState.dirtyFields).length>0,te=f.userEmail!=null?P.isMonthEndNotificationsSectionVisibleOnSettingsPage(h.monthEndInsightsNotificationSettings,f.userEmail):!1,ie=P.isRemindersSectionVisibleOnSettingsPage(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(Ve,{children:[t.jsx(ce,{source:"NotificationSettingsPage",title:Z.title.notifications,backgroundColor:n.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:$}),t.jsx(_e,{windowSize:s,children:t.jsx(de,{...p,children:t.jsx("form",{id:G(_),onSubmit:N,children:t.jsxs(Ge,{children:[t.jsx(w,{controller:ie,children:t.jsx(qe,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:g})}),t.jsx(w,{controller:te,children:t.jsx(Oe,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:v,allUsers:y,classList:O,managersList:d,controllersList:b})})]})})})})]}),t.jsx(w,{controller:ee,children:t.jsx(pe,{style:{width:"100%"},formId:G(_),primaryBtn:{label:I.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:I.getLocalizedStrings().common.footer.cancel,onClick:R,style:{width:"82px"}}})})]})};function nt(e){const{notificationSettingsView:n,onRefresh:s}=e,{fetchState:a}=n;return a==="Not-Started"||a==="In-Progress"?t.jsx(H,{children:t.jsx(ne,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(H,{children:[t.jsx(He,{onClick:s,children:t.jsx(se,{})}),t.jsx(Xe,{children:Ae.label})]}):t.jsx(De,{...e})}const Ve=o.div`
   display: flex;
   width: 100%;
   min-height: 100vh;
@@ -160,4 +160,4 @@ import{j as t,fF as ne,o as i,bg as se,R as I,a6 as re,u as Y,e as J,a as le,ca
 `,Xe=o(re)`
   margin-top: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`;function k(e){const n=Z.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:n}}}function X(e,n){return{[f]:{missingReceiptNotification:k(e.reminders.missingReceiptNotification),uncategorizedTransactionNotification:k(e.reminders.uncategorizedTransactionNotification),pendingBillApprovalNotification:k(e.reminders.pendingBillApprovalNotification),pendingReimbursementApprovalNotification:k(e.reminders.pendingReimbursementApprovalNotification)},[v]:{notify:e.monthEndInsights.notify,recipientEmailIds:{allNonUsers:[],selectedNonUsers:[],allUsers:n,selectedUsers:n.filter(s=>e.monthEndInsights.recipientEmailIds.includes(s.email))}}}}function C(e){return{preferredMode:e.preferredMode,frequency:e.frequency.selectedOption}}function Ye(e){return{[f]:{missingReceiptNotification:C(e[f].missingReceiptNotification),uncategorizedTransactionNotification:C(e[f].uncategorizedTransactionNotification),pendingBillApprovalNotification:C(e[f].pendingBillApprovalNotification),pendingReimbursementApprovalNotification:C(e[f].pendingReimbursementApprovalNotification)},[v]:{...e[v],recipientEmailIds:e[v].recipientEmailIds.selectedUsers.map(n=>n.email)}}}export{nt as default,G as uniqueName};
+`;function k(e){const n=Z.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:n}}}function X(e,n){return{[g]:{missingReceiptNotification:k(e.reminders.missingReceiptNotification),uncategorizedTransactionNotification:k(e.reminders.uncategorizedTransactionNotification),pendingBillApprovalNotification:k(e.reminders.pendingBillApprovalNotification),pendingReimbursementApprovalNotification:k(e.reminders.pendingReimbursementApprovalNotification)},[v]:{notify:e.monthEndInsights.notify,recipientEmailIds:{allNonUsers:[],selectedNonUsers:[],allUsers:n,selectedUsers:n.filter(s=>e.monthEndInsights.recipientEmailIds.includes(s.email))}}}}function C(e){return{preferredMode:e.preferredMode,frequency:e.frequency.selectedOption}}function Ye(e){return{[g]:{missingReceiptNotification:C(e[g].missingReceiptNotification),uncategorizedTransactionNotification:C(e[g].uncategorizedTransactionNotification),pendingBillApprovalNotification:C(e[g].pendingBillApprovalNotification),pendingReimbursementApprovalNotification:C(e[g].pendingReimbursementApprovalNotification)},[v]:{...e[v],recipientEmailIds:e[v].recipientEmailIds.selectedUsers.map(n=>n.email)}}}export{nt as default,G as uniqueName};

package/dist/assets/{NotificationsListConfig-DqM-Z8oE-CAKzU3R_.js → NotificationsListConfig-C5pyiij--CMy_5rqB.js}

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

package/dist/assets/{NotificationsPage-iYF222-C-DUKthO_-.js → NotificationsPage-kpBbd-do-DQ3PZPcz.js}

@@ -1,8 +1,8 @@
-import{u as Q,e as v,a as Jt,R as P,ca as qt,j as t,aX as Zt,l as g,F as Xt,a4 as Qt,o as i,_ as we,gu as Kt,C as R,hu as ei,v as Ne,m as ti,D as et,bS as tt,aj as it,dl as ot,b_ as st,jd as at,q as y,Q as ii,je as oi,dj as ce,ae as si,X as ai,g as rt,f as S,w as ri,bh as z,cn as ue,fG as he,jf as pe,Y as nt,b as lt,dt as E,d4 as dt,fP as ni,y as K,hI as li,n as H,f3 as di,a8 as ye,ap as fe,jg as ci,be as ct,jh as Ie,aR as ui}from"./index-BKug3-eP.js";import{b as x,n as r,j as A}from"./vendor-rkTZJa59.js";import{k as hi}from"./SubTabSwitcher-C4Kvmep7-DJj8T55V.js";import{d as ut}from"./useLongPress-GCK2COYQ-BoJXFS3o.js";import{A as ht,t as pt,a as ft,E as mt,L as gt,I as xt}from"./NotificationsListConfig-DqM-Z8oE-CAKzU3R_.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";function pi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:u}){const h=v(),p=Q(),m=x.useCallback(b=>{d(b.id)},[d]),f=x.useCallback(b=>{u(b.id)},[u]);return e.length===0?null:t.jsxs(fi,{windowSize:h,children:[t.jsx(ei,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${p.colors.grey3}`},onTabChange:m}),t.jsx(hi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:f})]})}const fi=r.div`
+import{u as Q,e as v,a as Jt,R as P,ca as qt,j as t,aX as Zt,l as g,F as Xt,a4 as Qt,o as i,_ as we,gu as Kt,C as R,hu as ei,v as Ne,m as ti,B as et,bS as tt,aj as it,dl as ot,b_ as st,jd as at,q as y,Q as ii,je as oi,dj as ce,ae as si,X as ai,g as rt,f as S,w as ri,bh as z,cn as ue,fG as he,jf as pe,Y as nt,b as lt,dt as E,d4 as dt,fP as ni,x as K,hI as li,n as H,f3 as di,a8 as ye,ap as fe,jg as ci,be as ct,jh as Ie,aR as ui}from"./index-0QGih61V.js";import{b as x,n as r,j as A}from"./vendor-rkTZJa59.js";import{k as hi}from"./SubTabSwitcher-D3bFqk8P-DL4oUfiQ.js";import{d as ut}from"./useLongPress-GCK2COYQ-BoJXFS3o.js";import{A as ht,t as pt,a as ft,E as mt,L as gt,I as xt}from"./NotificationsListConfig-C5pyiij--CMy_5rqB.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";function pi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:u}){const h=v(),p=Q(),m=x.useCallback(b=>{d(b.id)},[d]),f=x.useCallback(b=>{u(b.id)},[u]);return e.length===0?null:t.jsxs(fi,{windowSize:h,children:[t.jsx(ei,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${p.colors.grey3}`},onTabChange:m}),t.jsx(hi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:f})]})}const fi=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,{common:{timeStrings:bt,strings:mi},dateFormat:Te,timeFormat:gi}=P.getLocalizedStrings(),wt=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],ne=e=>e.type.concat(mi.underscore).concat(e.start.format(Te.visual.DdashMMdashYYYYFormat)),me=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return bt[e.type];case"earlier_that_month":return e.start.format(Te.visual.MMMYYYYFormat)}},yt=e=>{const o=g.zeniDate(e.toUTCString()),s=g.dateNow(),a=s.diff(o,"minutes"),n=s.diff(o,"seconds"),l=60,c=24*60;return n<=l?bt.justNow:a<c&&ci(o,0)?o.format(gi.hhmmAFormat):o.format(Te.visual.MMMDFormat)},Re=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:xi}}}}=P.getLocalizedStrings(),$t=e=>{e.sort((n,l)=>g.zeniDate(n.inboxNotification.notifiedAt.toUTCString()).isAfter(g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of wt){let l=0,c=0,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),h=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),a=ie(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&g.dateNow().date()>2&&(d=g.dateNow().subtract(Math.min(g.dateNow().date()-1,8),"d").startOf("d"),u=g.dateNow().subtract(2,"d").endOf("d"),a=ie(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&g.dateNow().date()>9&&(d=g.dateNow().startOf("M").startOf("d"),u=g.dateNow().subtract(9,"d").endOf("d"),a=ie(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=g.dateNow().subtract(h,"month").startOf("M").startOf("d"),m=g.dateNow().subtract(h,"month").endOf("M").endOf("d");h++,a=ie(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},ie=(e,o,s)=>{const a=[],n=e.map(l=>at(o,s,g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()).isAfter(g.zeniDate(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:n}},bi=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=xi;return o.comments.length===1?a:s},jt=new R(3,2,1,1,1),kt=new R(y[8],y[6],35,35,y[6]),le={lineClamp:jt,sectionWidth:kt},{common:{texts:ze,timeStrings:wi,strings:ee},commentsAndNotifications:{notifications:{strings:{newMessage:yi},actionStrings:{comments:{newCommentAdded:$i}}}}}=P.getLocalizedStrings(),ji=({notificationData:e,users:o,isHighlighted:s=!1,style:a,onNotificationTileClick:n})=>{const l=nt(),c=lt().analytics,{inboxNotification:{id:d,readAt:u,notifiedAt:h},thread:p}=e,{setRequestToOpenThread:m}=x.useContext(ni),f=u!=null?"read":"unread",{metadata:{url:b,companyId:k,entityType:B},id:D}=p;return t.jsxs(Li,{readStatus:f,isClickable:!!b,isHighlighted:s,style:a,onClick:()=>{b&&(n(d,g.toZeniUrl(b),f),(p.metadata.tab==="bill"||p.metadata.tab==="reimbursement")&&m({threadId:D,companyId:k,entityType:B})),p.metadata.application!=="cockpit"&&c.trackCommentActivity("notification","clicked",p.metadata.companyName,l.controllersList.controllers.map(T=>E(T)),p.resolved?"resolved":"open",{name:dt(l.loggedInUser),email:l.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(ki,{notificationData:e,users:o}),t.jsx(vi,{...e}),t.jsx(Ci,{timestamp:h,readStatus:f})]})},St=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,n=a[0];return a.length===0||n.body==null?t.jsx($e,{children:yi}):t.jsx($e,{children:n.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Ni(c)){const h=o.find(p=>p.userId===c.id);return c.id?t.jsx(Si,{notificationData:e,user:h},`${c.id}${ee.underscore}${d}`):null}if(Ti(c)){const h=li(c.url)??c.url;return t.jsx(Ai,{href:h,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let u=c.text;return c.bold===!0&&(u=t.jsx(zi,{children:u},d)),c.italic===!0&&(u=t.jsx(_i,{children:u},d)),c.strikethrough===!0&&(u=t.jsx(Mi,{children:u},d)),c.code===!0&&(u=t.jsx(Di,{children:u},d)),t.jsx(Oi,{children:u},d)});default:return t.jsx($e,{children:$i})}})})},ki=({notificationData:e,users:o})=>{const s=v();return t.jsx(Pi,{windowSize:s,children:t.jsx(St,{notificationData:e,users:o})})},Si=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let n=t.jsxs(De,{className:"userText",readStatus:a,children:[ee.atTheRate,ze.user,ee.space]});if(o!=null){const l=E(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(De,{className:"userText",readStatus:a,children:[ee.atTheRate,l||ze.user,ee.space]})})}return n},vt=e=>{const o=bi(e);return t.jsx(t.Fragment,{children:o})},vi=e=>{const o=v();return t.jsx(Ri,{windowSize:o,children:t.jsx(vt,{...e})})},Ct=e=>{const{timestamp:o,readStatus:s}=e,a=yt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Bi,{isNewNotification:a===wi.justNow,children:a}),t.jsx(Fi,{readStatus:s})]})},Ci=e=>{const o=v();return t.jsx(Ii,{windowSize:o,children:t.jsx(Ct,{...e})})};function Ni(e){return"type"in e&&e.type==="mention"}function Ti(e){return"type"in e&&e.type==="link"}const Li=r.div`
+`,{common:{timeStrings:bt,strings:mi},dateFormat:Te,timeFormat:gi}=P.getLocalizedStrings(),wt=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],ne=e=>e.type.concat(mi.underscore).concat(e.start.format(Te.visual.DdashMMdashYYYYFormat)),me=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return bt[e.type];case"earlier_that_month":return e.start.format(Te.visual.MMMYYYYFormat)}},yt=e=>{const o=g.zeniDate(e.toUTCString()),s=g.dateNow(),a=s.diff(o,"minutes"),n=s.diff(o,"seconds"),l=60,c=24*60;return n<=l?bt.justNow:a<c&&ci(o,0)?o.format(gi.hhmmAFormat):o.format(Te.visual.MMMDFormat)},Re=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:xi}}}}=P.getLocalizedStrings(),$t=e=>{e.sort((n,l)=>g.zeniDate(n.inboxNotification.notifiedAt.toUTCString()).isAfter(g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of wt){let l=0,c=0,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),h=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),a=ie(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&g.dateNow().date()>2&&(d=g.dateNow().subtract(Math.min(g.dateNow().date()-1,8),"d").startOf("d"),u=g.dateNow().subtract(2,"d").endOf("d"),a=ie(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&g.dateNow().date()>9&&(d=g.dateNow().startOf("M").startOf("d"),u=g.dateNow().subtract(9,"d").endOf("d"),a=ie(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=g.dateNow().subtract(h,"month").startOf("M").startOf("d"),m=g.dateNow().subtract(h,"month").endOf("M").endOf("d");h++,a=ie(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},ie=(e,o,s)=>{const a=[],n=e.map(l=>at(o,s,g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()).isAfter(g.zeniDate(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:n}},bi=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=xi;return o.comments.length===1?a:s},jt=new R(3,2,1,1,1),kt=new R(y[8],y[6],35,35,y[6]),le={lineClamp:jt,sectionWidth:kt},{common:{texts:ze,timeStrings:wi,strings:ee},commentsAndNotifications:{notifications:{strings:{newMessage:yi},actionStrings:{comments:{newCommentAdded:$i}}}}}=P.getLocalizedStrings(),ji=({notificationData:e,users:o,isHighlighted:s=!1,style:a,onNotificationTileClick:n})=>{const l=nt(),c=lt().analytics,{inboxNotification:{id:d,readAt:u,notifiedAt:h},thread:p}=e,{setRequestToOpenThread:m}=x.useContext(ni),f=u!=null?"read":"unread",{metadata:{url:b,companyId:k,entityType:B},id:_}=p;return t.jsxs(Li,{readStatus:f,isClickable:!!b,isHighlighted:s,style:a,onClick:()=>{b&&(n(d,g.toZeniUrl(b),f),(p.metadata.tab==="bill"||p.metadata.tab==="reimbursement")&&m({threadId:_,companyId:k,entityType:B})),p.metadata.application!=="cockpit"&&c.trackCommentActivity("notification","clicked",p.metadata.companyName,l.controllersList.controllers.map(T=>E(T)),p.resolved?"resolved":"open",{name:dt(l.loggedInUser),email:l.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(ki,{notificationData:e,users:o}),t.jsx(vi,{...e}),t.jsx(Ci,{timestamp:h,readStatus:f})]})},St=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,n=a[0];return a.length===0||n.body==null?t.jsx($e,{children:yi}):t.jsx($e,{children:n.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Ni(c)){const h=o.find(p=>p.userId===c.id);return c.id?t.jsx(Si,{notificationData:e,user:h},`${c.id}${ee.underscore}${d}`):null}if(Ti(c)){const h=li(c.url)??c.url;return t.jsx(Ai,{href:h,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let u=c.text;return c.bold===!0&&(u=t.jsx(zi,{children:u},d)),c.italic===!0&&(u=t.jsx(Di,{children:u},d)),c.strikethrough===!0&&(u=t.jsx(Mi,{children:u},d)),c.code===!0&&(u=t.jsx(_i,{children:u},d)),t.jsx(Oi,{children:u},d)});default:return t.jsx($e,{children:$i})}})})},ki=({notificationData:e,users:o})=>{const s=v();return t.jsx(Pi,{windowSize:s,children:t.jsx(St,{notificationData:e,users:o})})},Si=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let n=t.jsxs(_e,{className:"userText",readStatus:a,children:[ee.atTheRate,ze.user,ee.space]});if(o!=null){const l=E(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(_e,{className:"userText",readStatus:a,children:[ee.atTheRate,l||ze.user,ee.space]})})}return n},vt=e=>{const o=bi(e);return t.jsx(t.Fragment,{children:o})},vi=e=>{const o=v();return t.jsx(Ri,{windowSize:o,children:t.jsx(vt,{...e})})},Ct=e=>{const{timestamp:o,readStatus:s}=e,a=yt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Bi,{isNewNotification:a===wi.justNow,children:a}),t.jsx(Fi,{readStatus:s})]})},Ci=e=>{const o=v();return t.jsx(Ii,{windowSize:o,children:t.jsx(Ct,{...e})})};function Ni(e){return"type"in e&&e.type==="mention"}function Ti(e){return"type"in e&&e.type==="link"}const Li=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -68,14 +68,14 @@ import{u as Q,e as v,a as Jt,R as P,ca as qt,j as t,aX as Zt,l as g,F as Xt,a4 a
   -webkit-line-clamp: ${e=>le.lineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   width: ${e=>le.sectionWidth.valuePercentage(e.windowSize)};
-`,zi=r.strong``,Di=r.code``,_i=r.em``,Mi=r.s``,Oi=r.span``,Ai=r.a``,Pi=r(K)`
+`,zi=r.strong``,_i=r.code``,Di=r.em``,Mi=r.s``,Oi=r.span``,Ai=r.a``,Pi=r(K)`
   color: inherit;
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: ${e=>le.lineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   width: ${e=>le.sectionWidth.valuePercentage(e.windowSize)};
-`,De=r(fe)`
+`,_e=r(fe)`
   color: ${e=>e.readStatus==="read"?e.theme.colors.grey1:S.brandColorJade};
 `,$e=r(fe)`
   color: inherit;
@@ -175,7 +175,7 @@ import{u as Q,e as v,a as Jt,R as P,ca as qt,j as t,aX as Zt,l as g,F as Xt,a4 a
 `,Ki=r.div`
   display: flex;
   padding: ${i.sp3} ${i.sp0};
-`,eo=({notificationData:e,users:o,isSelectionMode:s=!1,isHighlighted:a=!1,style:n,onNotificationTileClick:l,onNotificationTileLongPress:c})=>{const d=nt(),u=lt().analytics,{inboxNotification:{id:h,readAt:p,notifiedAt:m},thread:f}=e,b=p!=null?"read":"unread",k=f.metadata.url,B=x.useCallback(()=>{c?.()},[c]),D=x.useCallback(w=>{w.stopPropagation(),w.cancelable&&w.preventDefault(),s?c?.():k!=null&&(l(h,g.toZeniUrl(f.metadata.url),b),f.metadata.application!=="cockpit"&&u.trackCommentActivity("notification","clicked",f.metadata.companyName,d.controllersList.controllers.map(L=>E(L)),f.resolved?"resolved":"open",{name:dt(d.loggedInUser),email:d.loggedInUser?.userEmail??""},"db notification"))},[s,k,c,l,h,f.metadata.url,f.metadata.application,b,d.controllersList,d.loggedInUser,u,f.metadata.companyName,f.resolved]),T=ut({onLongPress:B},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(so,{readStatus:b,isClickable:k!=null,isHighlighted:a,style:n,...T,onClick:D,children:[t.jsxs(ro,{children:[t.jsx(to,{notificationData:e,users:o}),t.jsx(io,{...e})]}),t.jsx(oo,{timestamp:m,readStatus:b})]})},to=({notificationData:e,users:o})=>t.jsx(Nt,{children:t.jsx(St,{notificationData:e,users:o})}),io=e=>t.jsx(Nt,{children:t.jsx(vt,{...e})}),oo=e=>t.jsx(ao,{children:t.jsx(Ct,{...e})}),so=r.div`
+`,eo=({notificationData:e,users:o,isSelectionMode:s=!1,isHighlighted:a=!1,style:n,onNotificationTileClick:l,onNotificationTileLongPress:c})=>{const d=nt(),u=lt().analytics,{inboxNotification:{id:h,readAt:p,notifiedAt:m},thread:f}=e,b=p!=null?"read":"unread",k=f.metadata.url,B=x.useCallback(()=>{c?.()},[c]),_=x.useCallback(w=>{w.stopPropagation(),w.cancelable&&w.preventDefault(),s?c?.():k!=null&&(l(h,g.toZeniUrl(f.metadata.url),b),f.metadata.application!=="cockpit"&&u.trackCommentActivity("notification","clicked",f.metadata.companyName,d.controllersList.controllers.map(L=>E(L)),f.resolved?"resolved":"open",{name:dt(d.loggedInUser),email:d.loggedInUser?.userEmail??""},"db notification"))},[s,k,c,l,h,f.metadata.url,f.metadata.application,b,d.controllersList,d.loggedInUser,u,f.metadata.companyName,f.resolved]),T=ut({onLongPress:B},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(so,{readStatus:b,isClickable:k!=null,isHighlighted:a,style:n,...T,onClick:_,children:[t.jsxs(ro,{children:[t.jsx(to,{notificationData:e,users:o}),t.jsx(io,{...e})]}),t.jsx(oo,{timestamp:m,readStatus:b})]})},to=({notificationData:e,users:o})=>t.jsx(Nt,{children:t.jsx(St,{notificationData:e,users:o})}),io=e=>t.jsx(Nt,{children:t.jsx(vt,{...e})}),oo=e=>t.jsx(ao,{children:t.jsx(Ct,{...e})}),so=r.div`
   display: flex;
   flex-direction: row;
   align-items: baseline;
@@ -244,7 +244,7 @@ import{u as Q,e as v,a as Jt,R as P,ca as qt,j as t,aX as Zt,l as g,F as Xt,a4 a
   display: -webkit-box;
   overflow: hidden;
   -webkit-box-orient: vertical;
-`,Tt=e=>v()==="small"?t.jsx(eo,{...e}):t.jsx(ji,{...e}),{common:{all:_e}}=P.getLocalizedStrings(),no=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:u}=ue(),h=u(s);return t.jsx(lo,{style:n,children:t.jsx(he,{mode:a,checkBoxes:[{label:t.jsx(co,{htmlFor:`${s}.${_e.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:me(e)}),value:_e.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,b=e.notifications.length-1===m;return{label:t.jsx(Tt,{notificationData:p,users:o,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0},isHighlighted:h?.includes(p.inboxNotification.id)===!0,onNotificationTileClick:c}),value:p.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},lo=r.div`
+`,Tt=e=>v()==="small"?t.jsx(eo,{...e}):t.jsx(ji,{...e}),{common:{all:De}}=P.getLocalizedStrings(),no=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:u}=ue(),h=u(s);return t.jsx(lo,{style:n,children:t.jsx(he,{mode:a,checkBoxes:[{label:t.jsx(co,{htmlFor:`${s}.${De.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:me(e)}),value:De.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,b=e.notifications.length-1===m;return{label:t.jsx(Tt,{notificationData:p,users:o,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0},isHighlighted:h?.includes(p.inboxNotification.id)===!0,onNotificationTileClick:c}),value:p.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},lo=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -262,7 +262,7 @@ import{u as Q,e as v,a as Jt,R as P,ca as qt,j as t,aX as Zt,l as g,F as Xt,a4 a
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,po=r(Tt)``,fo=e=>v()==="small"?t.jsx(uo,{...e}):t.jsx(no,{...e}),{commentsAndNotifications:{notifications:{message:mo}}}=P.getLocalizedStrings(),Ae={rowGap:new R(y[0],y[5],y[5])},go=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:n,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:u,onUpdateScrollYOffset:h,onFetchNotificationGroups:p,onNotificationClick:m})=>{const f=v(),b=x.useRef(null),k=x.useRef({});x.useEffect(()=>{b.current?.resetAfterIndex(0,!0)},[f,b,e]),x.useEffect(()=>{b.current?.scrollTo(c)},[d]);const B=x.useCallback(C=>{if(k.current?.[C]!=null){const G=f==="small"&&a===!1&&C===e.length-1?Ae.rowGap.value("medium-regular"):Ae.rowGap.value(f);return k.current[C]+G}return(ht*jt.value(f)+pt)*3+ft+mt},[f,k,e]),D=x.useCallback((C,G)=>{k.current={...k.current,[C]:G},b.current?.resetAfterIndex(0,!0)},[f,b,e]),T=x.useCallback(()=>{p()},[p]),w=x.useCallback(()=>{},[]),L=et(C=>h(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,Y=x.useCallback(()=>a&&!s?T():w(),[a,s,T,w]),I=a?e.length+1:e.length;return t.jsx(bo,{children:t.jsx(wo,{windowSize:f,children:s&&e.length===0?t.jsx(qi,{}):s===!1&&e.length===0?t.jsx(tt,{message:mo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(yo,{windowSize:f,children:t.jsx(it,{children:({height:C,width:G})=>t.jsx(ot,{isItemLoaded:j,itemCount:gt,loadMoreItems:Y,children:({onItemsRendered:V,ref:U})=>t.jsx(st,{ref:W=>{U(W),b.current=W},height:C,itemCount:I,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:u,isItemLoaded:j,setRowHeight:D,onNotificationClick:m},onItemsRendered:V,itemSize:B,width:G,style:{willChange:"auto"},overscanCount:xt,onScroll:({scrollOffset:W})=>{L(W)},initialScrollOffset:c,children:xo})})})})})})},xo=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:n,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:u,setRowHeight:h,onNotificationClick:p}=s,m=x.useRef(null),f=v();if(x.useEffect(()=>{m.current?.firstElementChild!=null&&h(e,m.current.firstElementChild.clientHeight)},[e,m,f,a[e]?.notifications]),d(e)===!0){const b=a[e],k=ne(b);return t.jsx(Pe,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:m,children:t.jsx(fo,{notificationGroup:b,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:u,users:n,onNotificationTileClick:p})},k)}return t.jsx(Pe,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(Se,{numberOfRows:3})},ce())},bo=r.div`
+`,po=r(Tt)``,fo=e=>v()==="small"?t.jsx(uo,{...e}):t.jsx(no,{...e}),{commentsAndNotifications:{notifications:{message:mo}}}=P.getLocalizedStrings(),Ae={rowGap:new R(y[0],y[5],y[5])},go=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:n,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:u,onUpdateScrollYOffset:h,onFetchNotificationGroups:p,onNotificationClick:m})=>{const f=v(),b=x.useRef(null),k=x.useRef({});x.useEffect(()=>{b.current?.resetAfterIndex(0,!0)},[f,b,e]),x.useEffect(()=>{b.current?.scrollTo(c)},[d]);const B=x.useCallback(C=>{if(k.current?.[C]!=null){const G=f==="small"&&a===!1&&C===e.length-1?Ae.rowGap.value("medium-regular"):Ae.rowGap.value(f);return k.current[C]+G}return(ht*jt.value(f)+pt)*3+ft+mt},[f,k,e]),_=x.useCallback((C,G)=>{k.current={...k.current,[C]:G},b.current?.resetAfterIndex(0,!0)},[f,b,e]),T=x.useCallback(()=>{p()},[p]),w=x.useCallback(()=>{},[]),L=et(C=>h(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,Y=x.useCallback(()=>a&&!s?T():w(),[a,s,T,w]),I=a?e.length+1:e.length;return t.jsx(bo,{children:t.jsx(wo,{windowSize:f,children:s&&e.length===0?t.jsx(qi,{}):s===!1&&e.length===0?t.jsx(tt,{message:mo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(yo,{windowSize:f,children:t.jsx(it,{children:({height:C,width:G})=>t.jsx(ot,{isItemLoaded:j,itemCount:gt,loadMoreItems:Y,children:({onItemsRendered:V,ref:U})=>t.jsx(st,{ref:W=>{U(W),b.current=W},height:C,itemCount:I,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:u,isItemLoaded:j,setRowHeight:_,onNotificationClick:m},onItemsRendered:V,itemSize:B,width:G,style:{willChange:"auto"},overscanCount:xt,onScroll:({scrollOffset:W})=>{L(W)},initialScrollOffset:c,children:xo})})})})})})},xo=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:n,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:u,setRowHeight:h,onNotificationClick:p}=s,m=x.useRef(null),f=v();if(x.useEffect(()=>{m.current?.firstElementChild!=null&&h(e,m.current.firstElementChild.clientHeight)},[e,m,f,a[e]?.notifications]),d(e)===!0){const b=a[e],k=ne(b);return t.jsx(Pe,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:m,children:t.jsx(fo,{notificationGroup:b,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:u,users:n,onNotificationTileClick:p})},k)}return t.jsx(Pe,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(Se,{numberOfRows:3})},ce())},bo=r.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -279,7 +279,7 @@ import{u as Q,e as v,a as Jt,R as P,ca as qt,j as t,aX as Zt,l as g,F as Xt,a4 a
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{in:$o,strings:Lt},dateFormat:jo,commentsAndNotifications:{notifications:{actionStrings:{notifications:O}}}}=P.getLocalizedStrings(),It=e=>{e.sort((n,l)=>n.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of wt){let l=0,c=0,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),h=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&g.dateNow().date()>2&&(d=g.dateNow().subtract(Math.min(g.dateNow().date()-1,8),"d").startOf("d"),u=g.dateNow().subtract(2,"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&g.dateNow().date()>9&&(d=g.dateNow().startOf("M").startOf("d"),u=g.dateNow().subtract(9,"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=g.dateNow().subtract(h,"month").startOf("M").startOf("d"),m=g.dateNow().subtract(h,"month").endOf("M").endOf("d");h++,a=oe(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},oe=(e,o,s)=>{const a=[],n=e.map(l=>at(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:n}},ko=e=>{let o=O.newActivity;return e.code==="in_progress"?o=O.due.replace("__task_status__",Ie(e.name.toLocaleLowerCase())):o=O.due.replace("__task_status__",$o.toLocaleLowerCase().concat(Lt.space,Ie(e.name.toLocaleLowerCase()))),o},So=e=>{const{eventData:{activities:o}}=e;let s=O.newActivity;if(o.length>0){const a=o[0].activityType,n=o[0].metadata.eventStatus;switch(a){case"task_archived":s=O.archive;break;case"task_deleted":s=O.delete;break;case"task_activities":s=O.activities;break;case"task_assigned":s=O.assign;break;case"task_created":s=O.create;break;case"task_due":s=n!=null?ko(n):O.dueTomorrow;break;case"task_overdue":s=O.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(jo.visual.MMMDFormat)??Lt.empty);break;case"task_status_updated":s=O.statusUpdate;break}}return s},Rt=new R(3,2,1,1,1),zt=new R(y[8],33,33,33,35),de={lineClamp:Rt,sectionWidth:zt},{common:{and:Be,other:vo,others:Co,texts:No,timeStrings:To,strings:M,tags:Lo}}=P.getLocalizedStrings(),Io=({notificationData:e,isHighlighted:o=!1,style:s,onNotificationTileClick:a})=>{const{status:n,notificationId:l,eventData:{entitiyId:c,activities:d},createTime:u}=e;return t.jsxs(Ao,{notificationStatus:n,isHighlighted:o,style:s,onClick:()=>{a(l,c,n,d.length>0?d[0].activityType:void 0)},children:[t.jsx(Ro,{...e}),t.jsx(_o,{...e}),t.jsx(Oo,{...e}),t.jsx(Mo,{createTime:u,notificationStatus:n})]})},Dt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Uo,{notificationStatus:o,children:s||M.hyphen})},Ro=e=>{const o=v();return t.jsx(Go,{windowSize:o,children:t.jsx(Dt,{...e})})},zo=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Ho,{children:[t.jsx(Fe,{backgroundColor:Re(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Yo,{}),t.jsx(Fe,{backgroundColor:Re(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Do=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,n=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,No.user,M.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Be,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,n-1,M.space,Co,M.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Be,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,s.length===2?M.atTheRate+E(s[1],!1):vo,M.space]})]}):l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]})),l},_t=e=>t.jsxs(t.Fragment,{children:[t.jsx(Do,{...e}),So(e),t.jsx(zo,{...e})]}),_o=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Fo,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(_t,{...e})})},Mt=e=>{const{createTime:o,notificationStatus:s}=e,a=yt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Eo,{isNewNotification:a===To.justNow,children:a}),t.jsx(Wo,{notificationStatus:s})]})},Mo=e=>{const o=v();return t.jsx(Po,{windowSize:o,children:t.jsx(Mt,{...e})})},Ot=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(di,{tagTitle:Lo.overdue,textColor:{color:new ye(S.alert),backgroundColor:new ye("transparent"),borderColor:new ye(S.alert)},showLoader:!1}):t.jsx(Vo,{})},Oo=e=>{const o=v();return t.jsx(Bo,{windowSize:o,children:t.jsx(Ot,{...e})})},Ao=r.div`
+`,{common:{in:$o,strings:Lt},dateFormat:jo,commentsAndNotifications:{notifications:{actionStrings:{notifications:O}}}}=P.getLocalizedStrings(),It=e=>{e.sort((n,l)=>n.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of wt){let l=0,c=0,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),h=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&g.dateNow().date()>2&&(d=g.dateNow().subtract(Math.min(g.dateNow().date()-1,8),"d").startOf("d"),u=g.dateNow().subtract(2,"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&g.dateNow().date()>9&&(d=g.dateNow().startOf("M").startOf("d"),u=g.dateNow().subtract(9,"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=g.dateNow().subtract(h,"month").startOf("M").startOf("d"),m=g.dateNow().subtract(h,"month").endOf("M").endOf("d");h++,a=oe(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},oe=(e,o,s)=>{const a=[],n=e.map(l=>at(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:n}},ko=e=>{let o=O.newActivity;return e.code==="in_progress"?o=O.due.replace("__task_status__",Ie(e.name.toLocaleLowerCase())):o=O.due.replace("__task_status__",$o.toLocaleLowerCase().concat(Lt.space,Ie(e.name.toLocaleLowerCase()))),o},So=e=>{const{eventData:{activities:o}}=e;let s=O.newActivity;if(o.length>0){const a=o[0].activityType,n=o[0].metadata.eventStatus;switch(a){case"task_archived":s=O.archive;break;case"task_deleted":s=O.delete;break;case"task_activities":s=O.activities;break;case"task_assigned":s=O.assign;break;case"task_created":s=O.create;break;case"task_due":s=n!=null?ko(n):O.dueTomorrow;break;case"task_overdue":s=O.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(jo.visual.MMMDFormat)??Lt.empty);break;case"task_status_updated":s=O.statusUpdate;break}}return s},Rt=new R(3,2,1,1,1),zt=new R(y[8],33,33,33,35),de={lineClamp:Rt,sectionWidth:zt},{common:{and:Be,other:vo,others:Co,texts:No,timeStrings:To,strings:M,tags:Lo}}=P.getLocalizedStrings(),Io=({notificationData:e,isHighlighted:o=!1,style:s,onNotificationTileClick:a})=>{const{status:n,notificationId:l,eventData:{entitiyId:c,activities:d},createTime:u}=e;return t.jsxs(Ao,{notificationStatus:n,isHighlighted:o,style:s,onClick:()=>{a(l,c,n,d.length>0?d[0].activityType:void 0)},children:[t.jsx(Ro,{...e}),t.jsx(Do,{...e}),t.jsx(Oo,{...e}),t.jsx(Mo,{createTime:u,notificationStatus:n})]})},_t=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Uo,{notificationStatus:o,children:s||M.hyphen})},Ro=e=>{const o=v();return t.jsx(Go,{windowSize:o,children:t.jsx(_t,{...e})})},zo=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Ho,{children:[t.jsx(Fe,{backgroundColor:Re(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Yo,{}),t.jsx(Fe,{backgroundColor:Re(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},_o=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,n=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,No.user,M.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Be,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,n-1,M.space,Co,M.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Be,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,s.length===2?M.atTheRate+E(s[1],!1):vo,M.space]})]}):l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]})),l},Dt=e=>t.jsxs(t.Fragment,{children:[t.jsx(_o,{...e}),So(e),t.jsx(zo,{...e})]}),Do=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Fo,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(Dt,{...e})})},Mt=e=>{const{createTime:o,notificationStatus:s}=e,a=yt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Eo,{isNewNotification:a===To.justNow,children:a}),t.jsx(Wo,{notificationStatus:s})]})},Mo=e=>{const o=v();return t.jsx(Po,{windowSize:o,children:t.jsx(Mt,{...e})})},Ot=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(di,{tagTitle:Lo.overdue,textColor:{color:new ye(S.alert),backgroundColor:new ye("transparent"),borderColor:new ye(S.alert)},showLoader:!1}):t.jsx(Vo,{})},Oo=e=>{const o=v();return t.jsx(Bo,{windowSize:o,children:t.jsx(Ot,{...e})})},Ao=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -479,7 +479,7 @@ import{u as Q,e as v,a as Jt,R as P,ca as qt,j as t,aX as Zt,l as g,F as Xt,a4 a
 `,ss=r.div`
   display: flex;
   padding: ${i.sp3} ${i.sp0};
-`,as=({notificationData:e,isSelectionMode:o=!1,isHighlighted:s=!1,style:a,onNotificationTileClick:n,onNotificationTileLongPress:l})=>{const{status:c,createTime:d,eventData:{entitiyId:u,activities:h},notificationId:p}=e,m=x.useCallback(()=>{l?.()},[l]),f=x.useCallback(k=>{k.stopPropagation(),k.cancelable&&k.preventDefault(),o?l?.():n(p,u,c,h.length>0?h[0].activityType:void 0)},[p,u,c,h,o,l,n]),b=ut({onLongPress:m},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(cs,{notificationStatus:c,isHighlighted:s,style:a,...b,onClick:f,children:[t.jsxs(Ue,{children:[t.jsx(rs,{...e}),t.jsx(ls,{createTime:d,notificationStatus:c})]}),t.jsxs(Ue,{children:[t.jsx(ns,{...e}),h.length>0&&h[0].activityType==="task_status_updated"?null:t.jsx(ds,{...e})]})]})},rs=e=>t.jsx(At,{statusUpdate:!1,children:t.jsx(Dt,{...e})}),ns=e=>{const{eventData:{activities:o}}=e;return t.jsx(At,{statusUpdate:o.length>0&&o[0].activityType==="task_status_updated"&&o[0].metadata.updates.find(s=>s.field==="status")!=null,children:t.jsx(_t,{...e})})},ls=e=>t.jsx(us,{children:t.jsx(Mt,{...e})}),ds=e=>t.jsx(hs,{children:t.jsx(Ot,{...e})}),cs=r.div`
+`,as=({notificationData:e,isSelectionMode:o=!1,isHighlighted:s=!1,style:a,onNotificationTileClick:n,onNotificationTileLongPress:l})=>{const{status:c,createTime:d,eventData:{entitiyId:u,activities:h},notificationId:p}=e,m=x.useCallback(()=>{l?.()},[l]),f=x.useCallback(k=>{k.stopPropagation(),k.cancelable&&k.preventDefault(),o?l?.():n(p,u,c,h.length>0?h[0].activityType:void 0)},[p,u,c,h,o,l,n]),b=ut({onLongPress:m},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(cs,{notificationStatus:c,isHighlighted:s,style:a,...b,onClick:f,children:[t.jsxs(Ue,{children:[t.jsx(rs,{...e}),t.jsx(ls,{createTime:d,notificationStatus:c})]}),t.jsxs(Ue,{children:[t.jsx(ns,{...e}),h.length>0&&h[0].activityType==="task_status_updated"?null:t.jsx(ds,{...e})]})]})},rs=e=>t.jsx(At,{statusUpdate:!1,children:t.jsx(_t,{...e})}),ns=e=>{const{eventData:{activities:o}}=e;return t.jsx(At,{statusUpdate:o.length>0&&o[0].activityType==="task_status_updated"&&o[0].metadata.updates.find(s=>s.field==="status")!=null,children:t.jsx(Dt,{...e})})},ls=e=>t.jsx(us,{children:t.jsx(Mt,{...e})}),ds=e=>t.jsx(hs,{children:t.jsx(Ot,{...e})}),cs=r.div`
   display: flex;
   flex-direction: column;
   align-items: baseline;
@@ -579,7 +579,7 @@ import{u as Q,e as v,a as Jt,R as P,ca as qt,j as t,aX as Zt,l as g,F as Xt,a4 a
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,bs=r(Pt)``,ws=e=>v()==="small"?t.jsx(gs,{...e}):t.jsx(ps,{...e}),{commentsAndNotifications:{notifications:{message:ys}}}=P.getLocalizedStrings(),Ve={rowGap:new R(y[0],y[5],y[5])},$s=({notificationGroups:e,isFetching:o,hasMore:s,sectionId:a,checkBoxMode:n,scrollYOffset:l,currentSubTab:c,isDisabled:d,onUpdateScrollYOffset:u,onFetchNotificationGroups:h,onNotificationClick:p})=>{const m=v(),f=x.useRef(null),b=x.useRef({});x.useEffect(()=>{f.current?.resetAfterIndex(0,!0)},[m,f,e]),x.useEffect(()=>{f.current?.scrollTo(l)},[c]);const k=x.useCallback(I=>{if(b.current?.[I]!=null){const C=m==="small"&&s===!1&&I===e.length-1?Ve.rowGap.value("medium-regular"):Ve.rowGap.value(m);return b.current[I]+C}return(ht*Rt.value(m)+pt)*3+ft+mt},[m,b,e]),B=x.useCallback((I,C)=>{b.current={...b.current,[I]:C},f.current?.resetAfterIndex(0,!0)},[m,f,e]),D=x.useCallback(()=>{h()},[h]),T=x.useCallback(()=>{},[]),w=et(I=>u(I),1e3,{trailing:!0}),L=I=>!s||I<e.length,j=x.useCallback(()=>s&&!o?D():T(),[s,o,D,T]),Y=s?e.length+1:e.length;return t.jsx(ks,{children:t.jsx(Ss,{windowSize:m,children:o&&e.length===0?t.jsx(es,{}):o===!1&&e.length===0?t.jsx(tt,{message:ys.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(vs,{windowSize:m,children:t.jsx(it,{children:({height:I,width:C})=>t.jsx(ot,{isItemLoaded:L,itemCount:gt,loadMoreItems:j,children:({onItemsRendered:G,ref:V})=>t.jsx(st,{ref:U=>{V(U),f.current=U},height:I,itemCount:Y,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:n,isDisabled:d,isItemLoaded:L,setRowHeight:B,onNotificationClick:p},onItemsRendered:G,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:xt,onScroll:({scrollOffset:U})=>{w(U)},initialScrollOffset:l,children:js})})})})})})},js=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:n,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:u,onNotificationClick:h}=s,p=x.useRef(null),m=v();if(x.useEffect(()=>{p.current?.firstElementChild!=null&&u(e,p.current.firstElementChild.clientHeight)},[e,p,m,a[e]?.notifications]),c(e)===!0){const f=a[e],b=ne(f);return t.jsx(We,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:p,children:t.jsx(ws,{notificationGroup:f,sectionId:`${n}.${b}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:h})},b)}return t.jsx(We,{ref:p,style:{...o,paddingBottom:i.sp0},children:t.jsx(ve,{numberOfRows:3})},ce())},ks=r.div`
+`,bs=r(Pt)``,ws=e=>v()==="small"?t.jsx(gs,{...e}):t.jsx(ps,{...e}),{commentsAndNotifications:{notifications:{message:ys}}}=P.getLocalizedStrings(),Ve={rowGap:new R(y[0],y[5],y[5])},$s=({notificationGroups:e,isFetching:o,hasMore:s,sectionId:a,checkBoxMode:n,scrollYOffset:l,currentSubTab:c,isDisabled:d,onUpdateScrollYOffset:u,onFetchNotificationGroups:h,onNotificationClick:p})=>{const m=v(),f=x.useRef(null),b=x.useRef({});x.useEffect(()=>{f.current?.resetAfterIndex(0,!0)},[m,f,e]),x.useEffect(()=>{f.current?.scrollTo(l)},[c]);const k=x.useCallback(I=>{if(b.current?.[I]!=null){const C=m==="small"&&s===!1&&I===e.length-1?Ve.rowGap.value("medium-regular"):Ve.rowGap.value(m);return b.current[I]+C}return(ht*Rt.value(m)+pt)*3+ft+mt},[m,b,e]),B=x.useCallback((I,C)=>{b.current={...b.current,[I]:C},f.current?.resetAfterIndex(0,!0)},[m,f,e]),_=x.useCallback(()=>{h()},[h]),T=x.useCallback(()=>{},[]),w=et(I=>u(I),1e3,{trailing:!0}),L=I=>!s||I<e.length,j=x.useCallback(()=>s&&!o?_():T(),[s,o,_,T]),Y=s?e.length+1:e.length;return t.jsx(ks,{children:t.jsx(Ss,{windowSize:m,children:o&&e.length===0?t.jsx(es,{}):o===!1&&e.length===0?t.jsx(tt,{message:ys.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(vs,{windowSize:m,children:t.jsx(it,{children:({height:I,width:C})=>t.jsx(ot,{isItemLoaded:L,itemCount:gt,loadMoreItems:j,children:({onItemsRendered:G,ref:V})=>t.jsx(st,{ref:U=>{V(U),f.current=U},height:I,itemCount:Y,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:n,isDisabled:d,isItemLoaded:L,setRowHeight:B,onNotificationClick:p},onItemsRendered:G,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:xt,onScroll:({scrollOffset:U})=>{w(U)},initialScrollOffset:l,children:js})})})})})})},js=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:n,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:u,onNotificationClick:h}=s,p=x.useRef(null),m=v();if(x.useEffect(()=>{p.current?.firstElementChild!=null&&u(e,p.current.firstElementChild.clientHeight)},[e,p,m,a[e]?.notifications]),c(e)===!0){const f=a[e],b=ne(f);return t.jsx(We,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:p,children:t.jsx(ws,{notificationGroup:f,sectionId:`${n}.${b}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:h})},b)}return t.jsx(We,{ref:p,style:{...o,paddingBottom:i.sp0},children:t.jsx(ve,{numberOfRows:3})},ce())},ks=r.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -596,7 +596,7 @@ import{u as Q,e as v,a as Jt,R as P,ca as qt,j as t,aX as Zt,l as g,F as Xt,a4 a
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{all:Ce,texts:re,footer:Cs,strings:{plus:Ns},numbers:{maximumCount:Je}},commentsAndNotifications:{notifications:{title:Ts,texts:Bt,strings:qe}}}=P.getLocalizedStrings(),te={tableContainerLeftPadding:new R(y[2],y[2],y[2]),tableContainerRightPadding:new R(y[3],y[6],y[8]),tabsContainerLeftRightPadding:new R(y[3],y[6],y[8]),selectedNotificationsTextMarginLeft:new R(y[0],y[6],y[6])},Ls={selectedNotificationsText:new ai("smallRegular","standardRegular")},Ze="notificationsPage",Z="commentsNotificationsTable",X="notificationsTable",Ft=20,aa=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:n,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:u,onUpdateNotificationViewSubTab:h,onFetchMoreNotifications:p,onUpdateNotificationStatus:m,onSettingsClick:f,onBackClick:b,onMarkAllNotificationsAsRead:k})=>{const B=Q(),D=v(),T=Jt({mode:"all",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Ke(e),[e]),values:x.useMemo(()=>Ke(e),[e])}),{currentTab:w,currentSubTab:L,notificationDetailsByTab:j,allSubTabs:Y,allNotifications:I,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:V}=e,U=x.useMemo(()=>Object.keys(j).map($=>({label:re[$],id:re[$].toLocaleLowerCase(),countDetails:{count:j[$].uiState.unreadCount,isFetching:j[$].fetchCountState.fetchState==="In-Progress"}})),[j]),W=x.useMemo(()=>Y.map($=>({label:$==="all"?Ce:re[$],id:$})),[Y]),Gt=x.useMemo(()=>$t(V).filter($=>$.notifications.length>0),[V]),Ut=x.useMemo(()=>It(G).filter($=>$.notifications.length>0),[G]),Et=async($,N)=>{const F=$.split(".")[0],J=[];F!=null&&(F===Z||F===X)&&(Object.values(N[F]).forEach(_=>{J.push(..._.filter(Wt=>Wt.includes(Ce.toLowerCase())===!1))}),d({selectedNotificationIds:J},w))};x.useEffect(()=>{const $=T.watch((N,{name:F})=>{F!=null&&N!=null&&qt(()=>Et(F,N))});return()=>{$.unsubscribe()}});const ge=x.useCallback(()=>{const $=[],N=j[w].selectedNotificationIdsForSubTab,F="read";if(w==="comments"){const J=C.filter(_=>_.inboxNotification.readAt==null).map(_=>_.inboxNotification.id);N.forEach(_=>{J.includes(_)&&$.push(_)})}else{const J=I.filter(_=>_.status!==F).map(_=>_.notificationId);N.forEach(_=>{J.includes(_)&&$.push(_)})}return $},[C,I,w,j]),Ht=ge().length>Ft?"disabled":a,xe=T.watch(Z),be=T.watch(X),Le=x.useCallback(()=>{p(w,L)},[p,w,L]),Yt=x.useCallback(()=>{if(w==="comments"){const $={};Object.keys(xe).forEach(N=>{$[N]=[]}),T.reset({[Z]:$,[X]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const $={};Object.keys(be).forEach(N=>{$[N]=[]}),T.reset({[X]:$,[Z]:xe},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},w)},[be,xe]),Vt=x.useCallback(()=>{const $=j[w].selectedNotificationIdsForSubTab,N="read",F=ge();m(w,$,N,F)},[w,j,ge,m]);return t.jsxs(Rs,{children:[t.jsx(Zt,{source:"NotificationsPage",title:Ts.notifications,backgroundColor:B.colors.grey4,onBackClick:b,rightSideComponent:s===!0?t.jsx(Vs,{onClick:f}):t.jsx(Ys,{})}),t.jsx(_s,{}),t.jsx(Ds,{windowSize:D,children:t.jsx(pi,{tabs:U,selectedTab:w,onTabChange:$=>{const N=g.toNotificationTabTypeStrict($);N!=null&&u(N)},subTabs:W,selectedSubTab:L,onSubTabChange:$=>{const N=g.toNotificationSubTabTypeStrict($);N!=null&&h(N)},subTabRightComponent:t.jsx(Is,{notificationCount:j[w].uiState.unreadCount,markAsAllReadUpdateState:j[w].markAsAllReadState.fetchState,markAsReadUpdateState:j[w].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(w)}})})}),t.jsx(zs,{windowSize:D,children:t.jsx(Xt,{...T,children:t.jsx("form",{id:Qe(Ze),onSubmit:T.handleSubmit(Vt),style:{width:"100%"},children:w==="comments"?t.jsx(go,{users:o,hasMore:j[w].uiState.hasMore,isFetching:j[w].fetchState==="In-Progress",scrollYOffset:j[w].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[w].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Gt,sectionId:Z,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[w].uiState.scrollYOffset,[L]:$}},w),onNotificationClick:l}):t.jsx($s,{hasMore:j[w].uiState.hasMore,isFetching:j[w].fetchState==="In-Progress",scrollYOffset:j[w].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[w].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ut,sectionId:X,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[w].uiState.scrollYOffset,[L]:$}},w),onNotificationClick:n})})})}),j[w].selectedNotificationIdsForSubTab.length?t.jsx(Qt,{formId:Qe(Ze),primaryBtn:{label:Bt.markAsRead,isLoading:j[w].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Ht!=null},cancelBtn:{label:Cs.cancel,isDisabled:j[w].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Yt},helperContainerStyle:D==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(we,{controller:D!=="small",children:t.jsx(Xe,{selectedNotificationsCount:j[w].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(we,{controller:D==="small",children:t.jsx(Xe,{selectedNotificationsCount:j[w].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(we,{controller:D!=="small",children:t.jsx(As,{})})}):null]})},Is=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const n=s===0,l=x.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!n&&a()},[e,o,n,a]);return t.jsx(Ms,{variant:"tertiary",size:"small",label:Bt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(ti,{size:"Small",start:!0}):t.jsx(Os,{className:"mark-as-read"}),disabled:n,textStyle:{fontWeight:Ne.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||n?"default":"pointer"}})},Xe=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Ps,{windowSize:o,children:[t.jsx(Fs,{children:t.jsx(Bs,{isCircular:e<10,children:t.jsx(Gs,{children:e>Je?`${Je}${Ns}`:e})})}),t.jsxs(Hs,{windowSize:o,children:[t.jsx(Us,{children:e>1?qe.notificationsSelected:qe.notificationSelected}),e>Ft?t.jsx(Es,{children:re.maxLimit}):null]})]})},Rs=r.div`
+`,{common:{all:Ce,texts:re,footer:Cs,strings:{plus:Ns},numbers:{maximumCount:Je}},commentsAndNotifications:{notifications:{title:Ts,texts:Bt,strings:qe}}}=P.getLocalizedStrings(),te={tableContainerLeftPadding:new R(y[2],y[2],y[2]),tableContainerRightPadding:new R(y[3],y[6],y[8]),tabsContainerLeftRightPadding:new R(y[3],y[6],y[8]),selectedNotificationsTextMarginLeft:new R(y[0],y[6],y[6])},Ls={selectedNotificationsText:new ai("smallRegular","standardRegular")},Ze="notificationsPage",Z="commentsNotificationsTable",X="notificationsTable",Ft=20,aa=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:n,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:u,onUpdateNotificationViewSubTab:h,onFetchMoreNotifications:p,onUpdateNotificationStatus:m,onSettingsClick:f,onBackClick:b,onMarkAllNotificationsAsRead:k})=>{const B=Q(),_=v(),T=Jt({mode:"all",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Ke(e),[e]),values:x.useMemo(()=>Ke(e),[e])}),{currentTab:w,currentSubTab:L,notificationDetailsByTab:j,allSubTabs:Y,allNotifications:I,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:V}=e,U=x.useMemo(()=>Object.keys(j).map($=>({label:re[$],id:re[$].toLocaleLowerCase(),countDetails:{count:j[$].uiState.unreadCount,isFetching:j[$].fetchCountState.fetchState==="In-Progress"}})),[j]),W=x.useMemo(()=>Y.map($=>({label:$==="all"?Ce:re[$],id:$})),[Y]),Gt=x.useMemo(()=>$t(V).filter($=>$.notifications.length>0),[V]),Ut=x.useMemo(()=>It(G).filter($=>$.notifications.length>0),[G]),Et=async($,N)=>{const F=$.split(".")[0],J=[];F!=null&&(F===Z||F===X)&&(Object.values(N[F]).forEach(D=>{J.push(...D.filter(Wt=>Wt.includes(Ce.toLowerCase())===!1))}),d({selectedNotificationIds:J},w))};x.useEffect(()=>{const $=T.watch((N,{name:F})=>{F!=null&&N!=null&&qt(()=>Et(F,N))});return()=>{$.unsubscribe()}});const ge=x.useCallback(()=>{const $=[],N=j[w].selectedNotificationIdsForSubTab,F="read";if(w==="comments"){const J=C.filter(D=>D.inboxNotification.readAt==null).map(D=>D.inboxNotification.id);N.forEach(D=>{J.includes(D)&&$.push(D)})}else{const J=I.filter(D=>D.status!==F).map(D=>D.notificationId);N.forEach(D=>{J.includes(D)&&$.push(D)})}return $},[C,I,w,j]),Ht=ge().length>Ft?"disabled":a,xe=T.watch(Z),be=T.watch(X),Le=x.useCallback(()=>{p(w,L)},[p,w,L]),Yt=x.useCallback(()=>{if(w==="comments"){const $={};Object.keys(xe).forEach(N=>{$[N]=[]}),T.reset({[Z]:$,[X]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const $={};Object.keys(be).forEach(N=>{$[N]=[]}),T.reset({[X]:$,[Z]:xe},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},w)},[be,xe]),Vt=x.useCallback(()=>{const $=j[w].selectedNotificationIdsForSubTab,N="read",F=ge();m(w,$,N,F)},[w,j,ge,m]);return t.jsxs(Rs,{children:[t.jsx(Zt,{source:"NotificationsPage",title:Ts.notifications,backgroundColor:B.colors.grey4,onBackClick:b,rightSideComponent:s===!0?t.jsx(Vs,{onClick:f}):t.jsx(Ys,{})}),t.jsx(Ds,{}),t.jsx(_s,{windowSize:_,children:t.jsx(pi,{tabs:U,selectedTab:w,onTabChange:$=>{const N=g.toNotificationTabTypeStrict($);N!=null&&u(N)},subTabs:W,selectedSubTab:L,onSubTabChange:$=>{const N=g.toNotificationSubTabTypeStrict($);N!=null&&h(N)},subTabRightComponent:t.jsx(Is,{notificationCount:j[w].uiState.unreadCount,markAsAllReadUpdateState:j[w].markAsAllReadState.fetchState,markAsReadUpdateState:j[w].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(w)}})})}),t.jsx(zs,{windowSize:_,children:t.jsx(Xt,{...T,children:t.jsx("form",{id:Qe(Ze),onSubmit:T.handleSubmit(Vt),style:{width:"100%"},children:w==="comments"?t.jsx(go,{users:o,hasMore:j[w].uiState.hasMore,isFetching:j[w].fetchState==="In-Progress",scrollYOffset:j[w].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[w].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Gt,sectionId:Z,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[w].uiState.scrollYOffset,[L]:$}},w),onNotificationClick:l}):t.jsx($s,{hasMore:j[w].uiState.hasMore,isFetching:j[w].fetchState==="In-Progress",scrollYOffset:j[w].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[w].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ut,sectionId:X,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[w].uiState.scrollYOffset,[L]:$}},w),onNotificationClick:n})})})}),j[w].selectedNotificationIdsForSubTab.length?t.jsx(Qt,{formId:Qe(Ze),primaryBtn:{label:Bt.markAsRead,isLoading:j[w].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Ht!=null},cancelBtn:{label:Cs.cancel,isDisabled:j[w].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Yt},helperContainerStyle:_==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(we,{controller:_!=="small",children:t.jsx(Xe,{selectedNotificationsCount:j[w].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(we,{controller:_==="small",children:t.jsx(Xe,{selectedNotificationsCount:j[w].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(we,{controller:_!=="small",children:t.jsx(As,{})})}):null]})},Is=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const n=s===0,l=x.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!n&&a()},[e,o,n,a]);return t.jsx(Ms,{variant:"tertiary",size:"small",label:Bt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(ti,{size:"Small",start:!0}):t.jsx(Os,{className:"mark-as-read"}),disabled:n,textStyle:{fontWeight:Ne.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||n?"default":"pointer"}})},Xe=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Ps,{windowSize:o,children:[t.jsx(Fs,{children:t.jsx(Bs,{isCircular:e<10,children:t.jsx(Gs,{children:e>Je?`${Je}${Ns}`:e})})}),t.jsxs(Hs,{windowSize:o,children:[t.jsx(Us,{children:e>1?qe.notificationsSelected:qe.notificationSelected}),e>Ft?t.jsx(Es,{children:re.maxLimit}):null]})]})},Rs=r.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -610,12 +610,12 @@ import{u as Q,e as v,a as Jt,R as P,ca as qt,j as t,aX as Zt,l as g,F as Xt,a4 a
   padding-bottom: ${i.sp0};
   padding-left: ${e=>te.tableContainerLeftPadding.valuePx(e.windowSize)};
   padding-right: ${e=>te.tableContainerRightPadding.valuePx(e.windowSize)};
-`,Ds=r.div`
+`,_s=r.div`
   padding-top: ${i.sp0};
   padding-bottom: ${i.sp0};
   padding-left: ${e=>te.tabsContainerLeftRightPadding.valuePx(e.windowSize)};
   padding-right: ${e=>te.tabsContainerLeftRightPadding.valuePx(e.windowSize)};
-`,_s=r.div`
+`,Ds=r.div`
   min-height: ${i.sp3};
   width: 100%;
 `,Ms=r(ii)`

package/dist/assets/{OpExByVendorPage-BwekpbHo-BjGBd6JN.js → OpExByVendorPage-CWi3CBRt-C5BCEXdz.js}

@@ -1,4 +1,4 @@
-import{e as H,ht as xe,R as B,u as q,bJ as be,D as _e,j as t,W as Se,bg as ke,hs as we,aZ as ve,aX as Be,hu as $e,hv as Oe,o as u,a6 as je,m as Pe,C as F,aj as le,J as ie,a8 as Te,q as $,b0 as De,bL as Ne,bM as Ee,bN as Ie,f as a,y as ce,bd as Ae,b8 as Me,aw as Le,v as Z,av as Fe,ab as Re,b9 as Ve,bb as ze,l as We}from"./index-BKug3-eP.js";import{b as x,n as m,f as Ke}from"./vendor-rkTZJa59.js";import{p as Ye,d as Ge,y as G,b as de,u as ee}from"./chartTypes-BFc-FQm9-DH8jC-PX.js";import{V as He}from"./toChartData-CD4rOlNx-CQ_TJxU1.js";import{m as R}from"./analyticsHelper-BIYs-BU5-DiR7zn-J.js";import{p as qe}from"./TimeRangeSwitcher-CMNnx0hW-DfOU0-FY.js";import{M as Je}from"./TimeframeSwitcherWithToggle-Bp8FBsnD-NXYHSu6I.js";import{C as Qe}from"./NoDataChart-O6Mg_gf4-BzMtzTAz.js";import{d as Ue}from"./NoDataTable-BgKg_U0s-CmmkF752.js";import{H as Xe,N as oe}from"./detailCommon-CoFrLjgw-DYR8VDfk.js";import{n as V}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Ze,W as J}from"./CollapsableReportTable-CHthdzdj-DiXbx-o4.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-BpcCExFt-aaQ9hedR.js";import{d as re}from"./mapLoadingInProgressToTreeNode-xaG_j34l-BbRC2p3V.js";import{l as eo}from"./mapSpacerToTreeNode-CiLMcagY-B9z3eGZE.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";import"./TimeframeSwitcher-BAkn3cys-dF_t-50z.js";import"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";import"./AccountRow-DnMX1pTV-Dch-yrS1.js";const oo=m.div`
+import{e as H,ht as ye,R as B,u as q,bJ as be,B as _e,j as t,W as Se,bg as ke,hs as ve,aZ as we,aX as Be,hu as $e,hv as Oe,o as u,a6 as je,m as Pe,C as F,aj as le,J as ie,a8 as Te,q as $,b0 as De,bL as Ne,bM as Ee,bN as Ie,f as a,x as ce,bd as Ae,b8 as Me,aw as Le,v as Q,av as Fe,ab as Re,b9 as Ve,bb as ze,l as We}from"./index-0QGih61V.js";import{b as y,n as m,f as Ke}from"./vendor-rkTZJa59.js";import{p as Ye,d as Ge,y as G,b as de,u as ee}from"./chartTypes-D1Bn4xHa-xYwPwpPb.js";import{V as He}from"./toChartData-BRdwPc1X-CHkEigWV.js";import{m as R}from"./analyticsHelper-I0lsXzXl-DMfD2BoN.js";import{p as qe}from"./TimeRangeSwitcher-CQd079aU-C6Twt9kC.js";import{M as Je}from"./TimeframeSwitcherWithToggle-DPManiX8-CS5OwAMc.js";import{C as Ue}from"./NoDataChart-BmcrokSp-mktpp4Ge.js";import{d as Xe}from"./NoDataTable-BKAiKOOM-BMD8AGW2.js";import{H as Ze,N as oe}from"./detailCommon-CtOYz9rQ-C2GqRiaA.js";import{n as V}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Qe,W as J}from"./CollapsableReportTable-s_gsuEBP-C1aC-SHP.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-Gxa-yiq_-Dyh-lexC.js";import{d as re}from"./mapLoadingInProgressToTreeNode-CMYVZuQF-Dz_C0WS4.js";import{l as eo}from"./mapSpacerToTreeNode-B_jfScE8-BZjIqfg0.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";import"./TimeframeSwitcher-Du60ffZv-BeSFHMlL.js";import"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";import"./AccountRow-B8_6Pf4a-BXi7G1sU.js";const oo=m.div`
   display: flex;
 `,ro=m.div`
   flex: display;
@@ -25,7 +25,7 @@ import{e as H,ht as xe,R as B,u as q,bJ as be,D as _e,j as t,W as Se,bg as ke,hs
 `,to=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const l=r.filter(C=>C.name==o)[0],i=l.payload,h=l.color,n={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:h,total:p,timeframeTick:i.timeLabel})}return s},no=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),so=e=>{const r=to({...e});return r.length===0?null:t.jsx(no,{barLabelsWithValues:r,getVendorName:e.getVendorName})},lo=Ke.memo(so),se=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class N{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new N;getBarColor(r){const o=N.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=N.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!ie(s,r)}static init(){return this.#e=new N,this.#e}static instance(){return this.#e}}const io=N.instance(),co=(e,r)=>{const o=new Set,s={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Ye(g,"actual");o.add(c),l==null&&n.balance!=null&&(l=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),l!=null?He(e,[...o],l,s):void 0},po=m.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`;function ho({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=x.useRef(!1),h=io,[n,p]=x.useState(void 0);x.useEffect(()=>{i.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(b=>{const S=l===!0&&!i.current;d.push(C(b,S))}),d},C=(d,b)=>t.jsx(ze,{name:d,animationDuration:b?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),_=({active:d,payload:b})=>b?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(lo,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=We.getOpexVendorTimeframeKey(d);try{const v=b.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(mo,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=Ge(e),g=i!==!1,c=h?(s-60)/G.operating_expenses_by_vendor*(G.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Ae,{width:_,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?$[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Me,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Le,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Fe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Re("0,0.[00]a",f,p)}),t.jsx(Ve,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(_-120)/G.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function go(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function uo(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function fo(e){const r=uo(e);if(r!=null)return Co(e.statementEndPoint,e.authParams,r)}async function Co(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const i=await Ne({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ee(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ie(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function yo({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function xo({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",h=e.classBase?.className??"-",n=J("vendor_row",[],o+i+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function bo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const _o=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=pe({balances:i,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((C,_)=>{n.push(re({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=bo({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const C=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>xo({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&C==null,config:o}));n.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(eo({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(yo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function So(e,r,o,s=!0){Object.assign(e.config,r);const l=ko(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const ko=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new F(288,360),wrapperPadding:new F($[3],$[3],$[8]),contentPaddingLeft:new F($[0],$[0],$[0]),contentPaddingRight:new F($[3],$[3],$[8])},wo=m.div`
+`;function ho({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=y.useRef(!1),h=io,[n,p]=y.useState(void 0);y.useEffect(()=>{i.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(b=>{const S=l===!0&&!i.current;d.push(C(b,S))}),d},C=(d,b)=>t.jsx(ze,{name:d,animationDuration:b?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const w=S.record;return(w[d]?.amount!=null?w[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),_=({active:d,payload:b})=>b?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(lo,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=We.getOpexVendorTimeframeKey(d);try{const w=b.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(w)].vendor.name}catch(w){return console.warn("Was not able to parse vendor index for tooltip ",w),""}};return g==null?null:t.jsx(mo,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=Ge(e),g=i!==!1,c=h?(s-60)/G.operating_expenses_by_vendor*(G.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Ae,{width:_,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?$[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Me,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Le,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Q.extraSmallRegular.cssObject}}),t.jsx(Fe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Q.extraSmallRegular.cssObject},tickFormatter:f=>Re("0,0.[00]a",f,p)}),t.jsx(Ve,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(_-120)/G.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function go(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function uo(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function fo(e){const r=uo(e);if(r!=null)return Co(e.statementEndPoint,e.authParams,r)}async function Co(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const i=await Ne({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ee(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ie(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function xo({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function yo({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",h=e.classBase?.className??"-",n=J("vendor_row",[],o+i+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function bo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const _o=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=pe({balances:i,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((C,_)=>{n.push(re({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=bo({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const C=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>yo({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&C==null,config:o}));n.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(eo({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(xo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function So(e,r,o,s=!0){Object.assign(e.config,r);const l=ko(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const ko=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new F(288,360),wrapperPadding:new F($[3],$[3],$[8]),contentPaddingLeft:new F($[0],$[0],$[0]),contentPaddingRight:new F($[3],$[3],$[8])},vo=m.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -34,7 +34,7 @@ import{e as H,ht as xe,R as B,u as q,bJ as be,D as _e,j as t,W as Se,bg as ke,hs
   background-color: ${e=>e.theme.colors.grey5};
   padding: ${u.sp0};
   gap: 2px;
-`,vo=m.div`
+`,wo=m.div`
   position: relative;
   box-shadow: ${e=>`2px 2px ${u.sp1} ${e.theme.colors.dropShadowNormal}`};
   background-color: ${e=>e.theme.colors.grey5};
@@ -97,4 +97,4 @@ import{e as H,ht as xe,R as B,u as q,bJ as be,D as _e,j as t,W as Se,bg as ke,hs
 `,Mo=m.div`
   width: 100%;
   height: calc(100vh - ${u.sp11});
-`,Lo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx(Pe,{size:"ExtraLarge",start:!0})}):null,gr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:C,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:b,updateDownloadStateHandler:S,onClearSearch:v,analytics:O,onClickMenuIcon:z})=>{const[P,I]=x.useState(o.searchString[o.timeframe]),[A,M]=x.useState(!1),k=H(),T=x.useRef(null),W=xe(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,Q=B.getLocalizedStrings().vendors,U=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:j}=o,D=o.searchString[j];be({componentName:"vendors.opex_by_vendor.list"});const fe=x.useCallback(w=>{n(j,D,w)},[j,D,n]),Ce=x.useCallback((w,y)=>{window.scrollTo({top:T.current?.offsetTop,behavior:"smooth"}),w.length>0?(C(!0),n(y,w,!1)):(C(!1),v(y))},[v,n,C]),X=x.useRef(_e((w,y)=>Ce(w,y),500,{trailing:!0})).current,ye=(w,y)=>{c(w,y,j),C(!0),n(j,D,!1)};if(x.useEffect(()=>{async function w(){await fo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[j],...s}),O?.trackDownload(V("operating_expenses_by_vendor"),R(o.timeframe),"excel",L),S("Completed")}A&&o.downloadState!=="In-Progress"&&(M(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,A]),x.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs($o,{children:[t.jsx(Oo,{"data-testid":Se("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(ke,{})}),t.jsx(jo,{children:me.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Lo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const w=t.jsxs(t.Fragment,{children:[t.jsx(we,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:Q.common.searchPlaceholder,searchText:P??"",onSearchTextChanged:y=>{I(y),y.trim().length>=2?X(y,j):y.trim().length==0&&X("",j)},downloadPresent:!0}),t.jsx(ve,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async y=>{if(y==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(wo,{windowSize:k,children:[t.jsx(Be,{title:Q.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:U.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:z,source:"OpExByVendorPage"}),t.jsxs(vo,{windowSize:k,children:[he?t.jsx($e,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${U.colors.grey3}`},onTabChange:y=>l(Oe(y.id)),previousTabPosition:d,setPreviousTabPosition:b}):null,t.jsx(Fo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:O}),Y!=null?t.jsx(Io,{children:t.jsx(Xe,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Ro,{report:e,isEmptyPeriod:K})]}),t.jsx(Vo,{reference:T,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:ye,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Fo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(Do,{children:t.jsxs(To,{children:[t.jsx(Po,{children:t.jsx(Je,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(R(c),V("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&i(c),n==="compare_mode"&&!p&&h(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,V("operating_expenses_by_vendor"),R(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(qe,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Ro=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(Eo,{children:t.jsx(Qe,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(No,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(ho,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Vo=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const C=r.mode==="compare_mode",_=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",V("operating_expenses_by_vendor"),R(r.timeframe),"dropdown"),l(C,[k==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,b]=x.useState(void 0),[S,v]=x.useState(void 0),O=H(),z=q(),P=!(O==="small"||O==="medium-compact");x.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:De(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:n}};if(d==null||!ie(S,e)){const T=_o(e,r,k,P);v(e),b(T)}else{const T=So(d,k,e,P);b(T)}},[r.mode,e]);const I=k=>k<e.opexBalances.length,A=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Ao,{windowSize:O,ref:s,children:o?t.jsx(Ue,{}):d!=null?t.jsx(Mo,{children:t.jsx(Ze,{backgroundColor:new Te(z.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:E.contentPaddingLeft.value(O),right:E.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:I,itemCount:M,loadMoreItems:A}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:l}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{gr as default};
+`,Lo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx(Pe,{size:"ExtraLarge",start:!0})}):null,gr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:C,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:b,updateDownloadStateHandler:S,onClearSearch:w,analytics:O,onClickMenuIcon:z})=>{const[P,I]=y.useState(o.searchString[o.timeframe]),[A,M]=y.useState(!1),k=H(),T=y.useRef(null),W=ye(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,U=B.getLocalizedStrings().vendors,X=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:j}=o,D=o.searchString[j];be({componentName:"vendors.opex_by_vendor.list"});const fe=y.useCallback(v=>{n(j,D,v)},[j,D,n]),Ce=y.useCallback((v,x)=>{window.scrollTo({top:T.current?.offsetTop,behavior:"smooth"}),v.length>0?(C(!0),n(x,v,!1)):(C(!1),w(x))},[w,n,C]),Z=y.useRef(_e((v,x)=>Ce(v,x),500,{trailing:!0})).current,xe=(v,x)=>{c(v,x,j),C(!0),n(j,D,!1)};if(y.useEffect(()=>{async function v(){await fo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[j],...s}),O?.trackDownload(V("operating_expenses_by_vendor"),R(o.timeframe),"excel",L),S("Completed")}A&&o.downloadState!=="In-Progress"&&(M(!1),S("In-Progress"),v())},[e,o,L,s,o.downloadState,A]),y.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs($o,{children:[t.jsx(Oo,{"data-testid":Se("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(ke,{})}),t.jsx(jo,{children:me.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Lo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const v=t.jsxs(t.Fragment,{children:[t.jsx(ve,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:U.common.searchPlaceholder,searchText:P??"",onSearchTextChanged:x=>{I(x),x.trim().length>=2?Z(x,j):x.trim().length==0&&Z("",j)},downloadPresent:!0}),t.jsx(we,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async x=>{if(x==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(vo,{windowSize:k,children:[t.jsx(Be,{title:U.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:X.colors.grey5,onBackClick:h,rightSideComponent:v,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:z,source:"OpExByVendorPage"}),t.jsxs(wo,{windowSize:k,children:[he?t.jsx($e,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${X.colors.grey3}`},onTabChange:x=>l(Oe(x.id)),previousTabPosition:d,setPreviousTabPosition:b}):null,t.jsx(Fo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:O}),Y!=null?t.jsx(Io,{children:t.jsx(Ze,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Ro,{report:e,isEmptyPeriod:K})]}),t.jsx(Vo,{reference:T,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:xe,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Fo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(Do,{children:t.jsxs(To,{children:[t.jsx(Po,{children:t.jsx(Je,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(R(c),V("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&i(c),n==="compare_mode"&&!p&&h(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,V("operating_expenses_by_vendor"),R(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(qe,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Ro=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(Eo,{children:t.jsx(Ue,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(No,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(ho,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Vo=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const C=r.mode==="compare_mode",_=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",V("operating_expenses_by_vendor"),R(r.timeframe),"dropdown"),l(C,[k==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,b]=y.useState(void 0),[S,w]=y.useState(void 0),O=H(),z=q(),P=!(O==="small"||O==="medium-compact");y.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:De(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:n}};if(d==null||!ie(S,e)){const T=_o(e,r,k,P);w(e),b(T)}else{const T=So(d,k,e,P);b(T)}},[r.mode,e]);const I=k=>k<e.opexBalances.length,A=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Ao,{windowSize:O,ref:s,children:o?t.jsx(Xe,{}):d!=null?t.jsx(Mo,{children:t.jsx(Qe,{backgroundColor:new Te(z.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:E.contentPaddingLeft.value(O),right:E.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:I,itemCount:M,loadMoreItems:A}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:l}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{gr as default};

package/dist/assets/{OverlayContainerPage-Bmu909Fo-BQsfSCAm.js → OverlayContainerPage-Bmu909Fo-A-nPKfyl.js}

@@ -1,4 +1,4 @@
-import{u as i,j as r}from"./index-BKug3-eP.js";import{n}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const p=n.div`
+import{u as i,j as r}from"./index-0QGih61V.js";import{n}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const p=n.div`
   display: ${({isOpen:o})=>o?"block":"none"};
   position: fixed;
   top: 0;