@zeniai/web-cockpit-ui 1.14.0-qa → 1.14.1-dev

package/dist/assets/{NewGlobalMerchantPage-B7muJVCL-mgLBgn6F.js → NewGlobalMerchantPage-BKlPnipd-BUgMD2pk.js}

@@ -1,4 +1,4 @@
-import{X as z,a as Q,c3 as A,a1 as X,j as t,M as C,F as Y,a3 as Z,C as i,o as a,a2 as ee,Q as _,h as te,gh as ae,q as le,cg as O,hC as ne,c8 as U,c6 as oe,n as l,an as re,co as ie,cm as de,cA as se,c as ce,eo as me,dg as he,az as be,g as V}from"./index-B6_cg6uw.js";import{b as j,n as o,j as ge}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.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:g,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"}}),g?.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`
+import{X as z,a as Q,c3 as A,a1 as X,j as t,M as C,F as Y,a3 as Z,C as i,o as a,a2 as ee,Q as q,h as te,gh as ae,s as le,cg as O,hC as ne,c8 as U,c6 as oe,m as l,an as re,co as ie,cm as de,cA as se,c as ce,eo as me,dg as he,az as be,g as V}from"./index-CWmqNC4C.js";import{b as j,n as o,j as ge}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.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 q("smallRegular","standardRegular")},pe=C.getLocalizedStrings();function we({label:e,textField:n,additionalInfo:h,checkBoxFields:m,fetchState:g,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"}}),g?.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;
@@ -94,7 +94,7 @@ import{X as z,a as Q,c3 as A,a1 as X,j as t,M as C,F as Y,a3 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",f="newGlobalMerchant",Fe=C.getLocalizedStrings(),{common:{footer:E,sectionTitles:Te},vendorReview:{globalReview:Le}}=Fe,nt=({globalMerchantView:e,analytics:n,tenantMerchant:h,isDisabled:m,updateCreateGlobalMerchantLocalData:g,fetchRecommendation:v,onBackClick:M,onSaveClick:y})=>{const s=z(),d=Q({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,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorRequested({reviewSource:"global_review",newRequestedVendorName:b,tenantName:r,newRequestedVendorNameSource:r!=null?"text_edit":"new_vendor_button",isVendorNameRecommendationSelected:c===b,recommendedVendorName:c,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null})}v()},u=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorSaved({reviewSource:"global_review",saveRequestedVendorName:b,tenantName:r,recommendedVendorName:c,saveRequestedVendorSource:r!=null?"text_edit":"new_vendor_button",recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null,isVendorNameRecommendationSelected:c===b})}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,b)=>{const{newGlobalMerchant:{globalMerchantName:c,recommendedFirst:T,recommendedSecond:L,globalMerchantWebsiteUrl:K}}=b;if(r.includes("globalMerchantName")||r.includes("globalMerchantWebsiteUrl")){let P=null;c===e.recommendedGlobalMerchants[0]?.globalMerchantName?P="recommendedFirst":c===e.recommendedGlobalMerchants[1]?.globalMerchantName&&(P="recommendedSecond"),g(c,P,K)}else(r.includes("recommendedFirst")||r.includes("recommendedSecond"))&&(r.includes("recommendedFirst")&&T&&e.recommendedGlobalMerchants[0]?.globalMerchantName?(g(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?(g(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((b,{name:c})=>{c!=null&&b!=null&&A(()=>G(c,b))});return()=>{r.unsubscribe()}});const{newGlobalMerchantData:x,fetchState:N,error:H,recommendedGlobalMerchants:J}=e,F=X(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(Ee,{children:t.jsx(Be,{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(Y,{...d,children:t.jsx("form",{id:B(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:J,fetchRecommendation:$})})})}),t.jsx(Z,{formId:B(I),primaryBtn:{label:E.save,isLoading:x?.status.fetchState==="In-Progress",isDisabled:N==="In-Progress"},cancelBtn:{label:E.cancel,shouldResetOnCancel:!0,onClick:p}})]})},B=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`
+`,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 q("h6Regular","h5Regular")},I="newGlobalMerchantPage",f="newGlobalMerchant",Fe=C.getLocalizedStrings(),{common:{footer:E,sectionTitles:Te},vendorReview:{globalReview:Le}}=Fe,nt=({globalMerchantView:e,analytics:n,tenantMerchant:h,isDisabled:m,updateCreateGlobalMerchantLocalData:g,fetchRecommendation:v,onBackClick:M,onSaveClick:y})=>{const s=z(),d=Q({mode:"all",reValidateMode:"onChange",defaultValues:j.useMemo(()=>_(e),[e]),values:j.useMemo(()=>_(e),[e]),resetOptions:{keepDefaultValues:!0,keepDirtyValues:!0}}),$=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorRequested({reviewSource:"global_review",newRequestedVendorName:b,tenantName:r,newRequestedVendorNameSource:r!=null?"text_edit":"new_vendor_button",isVendorNameRecommendationSelected:c===b,recommendedVendorName:c,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null})}v()},u=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorSaved({reviewSource:"global_review",saveRequestedVendorName:b,tenantName:r,recommendedVendorName:c,saveRequestedVendorSource:r!=null?"text_edit":"new_vendor_button",recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null,isVendorNameRecommendationSelected:c===b})}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,b)=>{const{newGlobalMerchant:{globalMerchantName:c,recommendedFirst:T,recommendedSecond:L,globalMerchantWebsiteUrl:K}}=b;if(r.includes("globalMerchantName")||r.includes("globalMerchantWebsiteUrl")){let P=null;c===e.recommendedGlobalMerchants[0]?.globalMerchantName?P="recommendedFirst":c===e.recommendedGlobalMerchants[1]?.globalMerchantName&&(P="recommendedSecond"),g(c,P,K)}else(r.includes("recommendedFirst")||r.includes("recommendedSecond"))&&(r.includes("recommendedFirst")&&T&&e.recommendedGlobalMerchants[0]?.globalMerchantName?(g(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?(g(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((b,{name:c})=>{c!=null&&b!=null&&A(()=>G(c,b))});return()=>{r.unsubscribe()}});const{newGlobalMerchantData:x,fetchState:N,error:H,recommendedGlobalMerchants:J}=e,F=X(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(Ee,{children:t.jsx(Be,{onClick:p})}),t.jsx(_e,{windowSize:s,children:Te.newVendor}),t.jsx(qe,{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(Y,{...d,children:t.jsx("form",{id:B(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:J,fetchRecommendation:$})})})}),t.jsx(Z,{formId:B(I),primaryBtn:{label:E.save,isLoading:x?.status.fetchState==="In-Progress",isDisabled:N==="In-Progress"},cancelBtn:{label:E.cancel,shouldResetOnCancel:!0,onClick:p}})]})},B=e=>`${e}_form`,_=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%;
@@ -128,14 +128,14 @@ import{X as z,a as Q,c3 as A,a1 as X,j as t,M as C,F as Y,a3 as Z,C as i,o as a,
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,qe=o(te)`
+`,_e=o(te)`
   display: flex;
   width: 100%;
   color: ${e=>e.theme.colors.primary};
   margin-left: ${e=>S.sectionTitleMarginLeft.valuePx(e.windowSize)};
   margin-top: ${e=>S.sectionTitleMarginTop.valuePx(e.windowSize)};
   ${e=>`${Ce.sectionTitle.style(e.windowSize)}`};
-`,_e=o.div`
+`,qe=o.div`
   display: flex;
   width: 100%;
   background-color: transparent;

package/dist/assets/NoDataChart-Dhg-k7iX-B526qZJD.js

@@ -0,0 +1,26 @@
+import{X as l,j as t,g as r,o as a,s,C as m,u as o}from"./index-CWmqNC4C.js";import{n as i,b as h}from"./vendor-CnQcJ2Lu.js";const v=e=>h.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{fill:"#3E4043",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),h.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=>h.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{fill:"#E9ECF0",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),h.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`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,w=i.div`
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${a.sp8};
+`,x=i.div`
+  display: flex;
+  width: 100%;
+  height: 35vh;
+  min-height: ${e=>d.chartMinHeight.valuePx(e.windowSize)};
+  flex-grow: 0;
+  max-width: 100%;
+  flex-basis: 100%;
+  flex-direction: column;
+`,p=i(s)`
+  color: ${r.alert};
+  margin: ${a.sp3} ${a.sp0} ${a.sp5} ${a.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};

package/dist/assets/{NoDataTable-rfVgRk3Q-BEaILjFs.js → NoDataTable-jpCLeiDv-DPfhsNYe.js}

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

package/dist/assets/{NotFoundPage-DfZN-1Pf-B4NaWN5R.js → NotFoundPage-DrKqVOry-CJmDZfXH.js}

@@ -1,4 +1,4 @@
-import{j as o,M as i,bB as s,c0 as l,q as c,g as a,f as d}from"./index-B6_cg6uw.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import{i as h}from"./ZeniCopyright-DEdrnsiw-Eg-xo07J.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const g=t.div`
+import{j as o,M as i,bB as s,c0 as l,s as c,g as a,e as d}from"./index-CWmqNC4C.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import{i as h}from"./ZeniCopyright-CxC3wvp1-gbMTqRLu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const g=t.div`
   width: 100%;
   height: 100vh;
   position: relative;
@@ -15,7 +15,7 @@ import{j as o,M as i,bB as s,c0 as l,q as c,g as a,f as d}from"./index-B6_cg6uw.
 `,p=t(d)`
   height: 74px;
   color: ${e=>e.theme.colors.grey1};
-`,f=t.div`
+`,u=t.div`
   top: 0;
   left: 0;
   width: 100%;
@@ -25,7 +25,7 @@ import{j as o,M as i,bB as s,c0 as l,q as c,g as a,f as d}from"./index-B6_cg6uw.
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,u=t(l)`
+`,f=t(l)`
   color: ${e=>e.theme.colors.primary};
 `,j=t(c)`
   color: ${e=>e.theme.colors.hero};
@@ -43,4 +43,4 @@ import{j as o,M as i,bB as s,c0 as l,q as c,g as a,f as d}from"./index-B6_cg6uw.
     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(g,{children:[o.jsx(v,{children:"404"}),o.jsxs(u,{children:[o.jsx(x,{}),o.jsxs(m,{children:[o.jsx(f,{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-CZ7uvC_h-LtcJvSnH.js → NotificationSettingsPage-lojoBPQ8-BBTvd9G7.js}

@@ -1,18 +1,18 @@
-import{j as t,fy as oe,o as i,be as se,M as I,a5 as re,u as W,X,a as le,c3 as ae,l as P,aV as ce,F as de,T as w,a3 as pe,C as T,f3 as me,fz as ue,eB as he,fA as fe,fB as ge,ae as xe,n as S,an as J,w as K,q as Q,f as $e}from"./index-B6_cg6uw.js";import{n,b as E}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const{common:ye}=I.getLocalizedStrings(),U={notePadding:new T(S[3],S[4]),noteGap:new T(S[0],6)},M=(e,o)=>`${e}.${o}`,be=n.div`
+import{j as t,fy as ne,o as i,be as se,M as I,a5 as re,u as W,X,a as le,c3 as ae,l as P,aV as ce,F as de,T as w,a3 as pe,C as T,f3 as me,fz as ue,eB as he,fA as fe,fB as ge,ae as xe,m as S,an as J,v as K,s as Q,e as $e}from"./index-CWmqNC4C.js";import{n as o,b as E}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const{common:ye}=I.getLocalizedStrings(),U={notePadding:new T(S[3],S[4]),noteGap:new T(S[0],6)},M=(e,n)=>`${e}.${n}`,be=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
-`,je=n.div`
+`,je=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,we=n(J)`
+`,we=o(J)`
   color: ${e=>e.theme.colors.primary};
-`,Se=n.div`
+`,Se=o.div`
   border-radius: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,ve=n.div`
+`,ve=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -25,7 +25,7 @@ import{j as t,fy as oe,o as i,be as se,M as I,a5 as re,u as W,X,a as le,c3 as ae
     border-top-right-radius: ${i.sp2};
     border-top-left-radius: ${i.sp2};
   }
-`,Ie=n.div`
+`,Ie=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -37,7 +37,7 @@ import{j as t,fy as oe,o as i,be as se,M as I,a5 as re,u as W,X,a as le,c3 as ae
     border-bottom-right-radius: ${i.sp2};
     border-bottom-left-radius: ${i.sp2};
   }
-`,Ne=n.a`
+`,Ne=o.a`
   color: ${e=>e.theme.colors.hero};
   text-decoration: none;
   cursor: pointer;
@@ -55,16 +55,16 @@ import{j as t,fy as oe,o as i,be as se,M as I,a5 as re,u as W,X,a as le,c3 as ae
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,A=n.div`
+`,A=o.div`
   flex: 1;
-`,q=n(Q)`
+`,q=o(Q)`
   color: ${e=>e.theme.colors.hero};
-`,Ee=n(K)`
+`,Ee=o(K)`
   color: ${e=>e.theme.colors.primary};
   flex: 1;
   width: 120px;
   text-align: center;
-`,ke=n($e)`
+`,ke=o($e)`
   padding: ${e=>`${i.sp1}  ${U.notePadding.valuePx(e.windowSize)}`};
   background: ${e=>e.theme.colors.grey4};
   border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2};
@@ -74,37 +74,37 @@ import{j as t,fy as oe,o as i,be as se,M as I,a5 as re,u as W,X,a as le,c3 as ae
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
   gap: ${e=>U.noteGap.valuePx(e.windowSize)};
-`,Ce=n.div``,Pe=n.span``;function Oe({sectionId:e,monthEndInsightsNotificationLocalData:o,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:f,classList:m,controllersList:x}){const u=W(),c=X(),{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:o.notify,checkBoxValue:M(e,"notify"),name:M(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(A,{children:t.jsx(q,{children:l.labels.notifyOthers})}),t.jsx(A,{children:t.jsx(fe,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:f,selectedUsers:f.filter(d=>o.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(L=>L.classId===p.userRole.accountingClassIDs[0]);return N!=null&&b.push(N.className),b}else return[]},name:M(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 D=(e,o,s)=>`${e}.${o}.${s}`,Le=n.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=W(),c=X(),{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:M(e,"notify"),name:M(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(A,{children:t.jsx(q,{children:l.labels.notifyOthers})}),t.jsx(A,{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(L=>L.classId===p.userRole.accountingClassIDs[0]);return N!=null&&b.push(N.className),b}else return[]},name:M(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 D=(e,n,s)=>`${e}.${n}.${s}`,Le=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
-`,Re=n.div`
+`,Re=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,Me=n(J)`
+`,Me=o(J)`
   color: ${e=>e.theme.colors.primary};
-`,F=n.div`
+`,F=o.div`
   display: flex;
-`,V=n(K)`
+`,V=o(K)`
   color: ${e=>e.theme.colors.primary};
   flex: 1;
   width: 120px;
   text-align: center;
-`,ze=n.div`
+`,ze=o.div`
   width: 120px;
   display: flex;
-`,Te=n.div`
+`,Te=o.div`
   width: 120px;
   display: flex;
   padding-right: 12px;
-`,Be=n(Q)`
+`,Be=o(Q)`
   color: ${e=>e.theme.colors.hero};
-`,Ue=n.div`
+`,Ue=o.div`
   border-radius: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Ae=n.div`
+`,Ae=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -118,14 +118,14 @@ import{j as t,fy as oe,o as i,be as se,M as I,a5 as re,u as W,X,a as le,c3 as ae
     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:o,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(Le,{children:[t.jsxs(Re,{children:[t.jsx(Me,{children:m.sectionTitle.reminders}),t.jsxs(F,{children:[t.jsx(V,{children:a.frequency}),t.jsx(V,{children:m.mode.email})]})]}),t.jsx(Ue,{children:u.map((c,$)=>t.jsxs(Ae,{firstElement:$===0,lastElement:$===u.length-1,children:[t.jsx(Be,{children:m.reminders[c]}),t.jsxs(F,{children:[t.jsx(Te,{children:t.jsx(me,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:o[c].frequency},name:D(e,c,"frequency")})}),t.jsx(ze,{children:t.jsx(ue,{mode:"always_on",checkBoxes:x.map(l=>({label:"",value:l,defaultChecked:o[c].preferredMode.includes(l),groupLabel:!1})),name:D(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const z={contentPadding:new T(S[3],S[8])},g="reminders",v="monthEndInsights",_="notificationSettingsPage",G=e=>`${e}_form`,{settings:Z,reloadPage:De}=I.getLocalizedStrings().common,Fe=e=>{const o=W(),s=X(),{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:Y(l,y)}),j=E.useCallback(R=>{m(We(R))},[m]),N=p.handleSubmit(()=>{u()}),L=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(Y(l,y)),x())},[l,a.updateStatus.fetchState,y]),E.useEffect(()=>{const R=p.watch((B,{name:ne})=>{ne!=null&&B!=null&&ae(()=>j(B))});return()=>{R.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:o.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:L,style:{width:"82px"}}})})]})};function ot(e){const{notificationSettingsView:o,onRefresh:s}=e,{fetchState:a}=o;return a==="Not-Started"||a==="In-Progress"?t.jsx(H,{children:t.jsx(oe,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(H,{children:[t.jsx(He,{onClick:s,children:t.jsx(se,{})}),t.jsx(Ye,{children:De.label})]}):t.jsx(Fe,{...e})}const Ve=n.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(Le,{children:[t.jsxs(Re,{children:[t.jsx(Me,{children:m.sectionTitle.reminders}),t.jsxs(F,{children:[t.jsx(V,{children:a.frequency}),t.jsx(V,{children:m.mode.email})]})]}),t.jsx(Ue,{children:u.map((c,$)=>t.jsxs(Ae,{firstElement:$===0,lastElement:$===u.length-1,children:[t.jsx(Be,{children:m.reminders[c]}),t.jsxs(F,{children:[t.jsx(Te,{children:t.jsx(me,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:n[c].frequency},name:D(e,c,"frequency")})}),t.jsx(ze,{children:t.jsx(ue,{mode:"always_on",checkBoxes:x.map(l=>({label:"",value:l,defaultChecked:n[c].preferredMode.includes(l),groupLabel:!1})),name:D(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const z={contentPadding:new T(S[3],S[8])},g="reminders",v="monthEndInsights",_="notificationSettingsPage",G=e=>`${e}_form`,{settings:Z,reloadPage:De}=I.getLocalizedStrings().common,Fe=e=>{const n=W(),s=X(),{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:Y(l,y)}),j=E.useCallback(R=>{m(We(R))},[m]),N=p.handleSubmit(()=>{u()}),L=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(Y(l,y)),x())},[l,a.updateStatus.fetchState,y]),E.useEffect(()=>{const R=p.watch((B,{name:oe})=>{oe!=null&&B!=null&&ae(()=>j(B))});return()=>{R.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:L,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(Ye,{children:De.label})]}):t.jsx(Fe,{...e})}const Ve=o.div`
   display: flex;
   width: 100%;
   min-height: 100vh;
   flex-direction: column;
   row-gap: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,H=n.div`
+`,H=o.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -134,15 +134,15 @@ import{j as t,fy as oe,o as i,be as se,M as I,a5 as re,u as W,X,a as le,c3 as ae
   align-items: center;
   row-gap: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,_e=n.div`
+`,_e=o.div`
   padding-left: ${e=>z.contentPadding.valuePx(e.windowSize)};
   padding-right: ${e=>z.contentPadding.valuePx(e.windowSize)};
   padding-bottom: ${e=>z.contentPadding.valuePx(e.windowSize)};
-`,Ge=n.div`
+`,Ge=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp8};
-`,He=n.div`
+`,He=o.div`
   height: 96px;
   width: 96px;
   background: ${e=>e.theme.colors.background};
@@ -157,7 +157,7 @@ import{j as t,fy as oe,o as i,be as se,M as I,a5 as re,u as W,X,a as le,c3 as ae
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Ye=n(re)`
+`,Ye=o(re)`
   margin-top: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`;function k(e){const o=Z.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:o}}}function Y(e,o){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:o,selectedUsers:o.filter(s=>e.monthEndInsights.recipientEmailIds.includes(s.email))}}}}function C(e){return{preferredMode:e.preferredMode,frequency:e.frequency.selectedOption}}function We(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(o=>o.email)}}}export{ot as default,G as uniqueName};
+`;function k(e){const n=Z.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:n}}}function Y(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 We(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-jbIMYvrE-DMMvGaQE.js

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

package/dist/assets/{NotificationsPage-CkhbN-kU-CscacZfe.js → NotificationsPage-DJNUS9wc-8qosqB88.js}

@@ -1,4 +1,4 @@
-import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aV as Kt,l as g,F as Qt,a3 as ei,o as i,T as we,gm as ti,C as R,hu as ii,v as Ne,c as oi,z as et,bL as tt,ai as it,di as ot,bT as st,jd as at,n as w,K as si,je as ai,dg as ce,ad as ri,Q as ni,h as rt,g as S,w as li,bf as z,cg as ue,fz as he,jf as pe,t as nt,d2 as lt,dq as V,cZ as dt,fI as di,q as Q,hI as ci,f as H,eY as ui,a7 as ye,ao as fe,jg as hi,bc as ct,jh as Ie,aP as pi}from"./index-B6_cg6uw.js";import{b as x,n as r,j as O}from"./vendor-CnQcJ2Lu.js";import{k as fi}from"./SubTabSwitcher-DEu0w6xG-DlkNkJ2W.js";import{d as ut}from"./useLongPress-GCK2COYQ-gxLtL5O4.js";import{A as ht,t as pt,a as ft,E as mt,L as gt,I as xt}from"./NotificationsListConfig-D1qLw3pV-z9oKAegH.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";function mi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:u}){const h=v(),f=K(),m=x.useCallback(b=>{d(b.id)},[d]),p=x.useCallback(b=>{u(b.id)},[u]);return e.length===0?null:t.jsxs(gi,{windowSize:h,children:[t.jsx(ii,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${f.colors.grey3}`},onTabChange:m}),t.jsx(fi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:p})]})}const gi=r.div`
+import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aV as Xt,l as g,F as Qt,a3 as ei,o as i,T as we,gm as ti,C as R,hu as ii,p as Ne,c as oi,z as et,bL as tt,ai as it,di as ot,bT as st,jd as at,m as w,K as si,je as ai,dg as ce,ad as ri,Q as ni,h as rt,g as S,v as li,bf as z,cg as ue,fz as he,jf as pe,w as nt,d2 as lt,dq as V,cZ as dt,fI as di,s as Q,hI as ci,e as H,eY as ui,a7 as ye,ao as fe,jg as hi,bc as ct,jh as Ie,aP as pi}from"./index-CWmqNC4C.js";import{b as x,n as r,j as O}from"./vendor-CnQcJ2Lu.js";import{k as fi}from"./SubTabSwitcher-B3rFIZQy-fhfcG8ZL.js";import{d as ut}from"./useLongPress-GCK2COYQ-gxLtL5O4.js";import{A as ht,t as pt,a as ft,E as mt,L as gt,I as xt}from"./NotificationsListConfig-jbIMYvrE-DMMvGaQE.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";function mi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:u}){const h=v(),f=X(),m=x.useCallback(b=>{d(b.id)},[d]),p=x.useCallback(b=>{u(b.id)},[u]);return e.length===0?null:t.jsxs(gi,{windowSize:h,children:[t.jsx(ii,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${f.colors.grey3}`},onTabChange:m}),t.jsx(fi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:p})]})}const gi=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -158,7 +158,7 @@ import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aV as Kt,l as g,F as Qt,a3 a
   align-items: baseline;
   flex-direction: row;
   justify-content: end;
-`,qi=()=>v()==="small"?t.jsx(Hi,{}):t.jsx(Ei,{}),Zi={marginLeft:new R(w[2],w[5],w[7])},Xi=()=>t.jsxs(Ki,{children:[t.jsx(Se,{numberOfRows:5}),t.jsx(Se,{numberOfRows:3})]}),Se=({numberOfRows:e})=>{const o=v();return t.jsxs(Qi,{windowSize:o,children:[t.jsx(to,{children:t.jsx(z,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(eo,{children:[...Array(e)].map(s=>t.jsx(qi,{},ce()))})]})},Ki=r.div`
+`,qi=()=>v()==="small"?t.jsx(Hi,{}):t.jsx(Ei,{}),Zi={marginLeft:new R(w[2],w[5],w[7])},Ki=()=>t.jsxs(Xi,{children:[t.jsx(Se,{numberOfRows:5}),t.jsx(Se,{numberOfRows:3})]}),Se=({numberOfRows:e})=>{const o=v();return t.jsxs(Qi,{windowSize:o,children:[t.jsx(to,{children:t.jsx(z,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(eo,{children:[...Array(e)].map(s=>t.jsx(qi,{},ce()))})]})},Xi=r.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -244,7 +244,7 @@ import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aV as Kt,l as g,F as Qt,a3 a
   display: -webkit-box;
   overflow: hidden;
   -webkit-box-orient: vertical;
-`,Tt=e=>v()==="small"?t.jsx(io,{...e}):t.jsx(Si,{...e}),{common:{all:De}}=P.getLocalizedStrings(),co=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=K(),{getValues:u}=ue(),h=u(s);return t.jsx(uo,{style:n,children:t.jsx(he,{mode:a,checkBoxes:[{label:t.jsx(ho,{htmlFor:`${s}.${De.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:me(e)}),value:De.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((f,m)=>{const p=m===0,b=e.notifications.length-1===m;return{label:t.jsx(Tt,{notificationData:f,users:o,style:{borderTopLeftRadius:p?i.sp2:void 0,borderTopRightRadius:p?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0},isHighlighted:h?.includes(f.inboxNotification.id)===!0,onNotificationTileClick:c}),value:f.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},uo=r.div`
+`,Tt=e=>v()==="small"?t.jsx(io,{...e}):t.jsx(Si,{...e}),{common:{all:De}}=P.getLocalizedStrings(),co=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=X(),{getValues:u}=ue(),h=u(s);return t.jsx(uo,{style:n,children:t.jsx(he,{mode:a,checkBoxes:[{label:t.jsx(ho,{htmlFor:`${s}.${De.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:me(e)}),value:De.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((f,m)=>{const p=m===0,b=e.notifications.length-1===m;return{label:t.jsx(Tt,{notificationData:f,users:o,style:{borderTopLeftRadius:p?i.sp2:void 0,borderTopRightRadius:p?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0},isHighlighted:h?.includes(f.inboxNotification.id)===!0,onNotificationTileClick:c}),value:f.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},uo=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -253,7 +253,7 @@ import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aV as Kt,l as g,F as Qt,a3 a
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:Me}}=P.getLocalizedStrings(),po=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=K(),{getValues:u}=ue(),h=u(s),f=x.useRef([]);return x.useEffect(()=>{f.current=f.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(fo,{style:n,children:t.jsx(he,{mode:a,checkBoxes:[{label:t.jsx(Ae,{htmlFor:`${s}.${Me.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:me(e)}),value:Me.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((m,p)=>{const b=p===0,k=e.notifications.length-1===p;return{label:t.jsx(Ae,{ref:B=>f.current[p]=B,htmlFor:`${s}.${m.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(mo,{notificationData:m,users:o,style:{borderTopLeftRadius:b?i.sp2:void 0,borderTopRightRadius:b?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:h?.includes(m.inboxNotification.id)===!0,isSelectionMode:a==="always_on",onNotificationTileClick:c,onNotificationTileLongPress:()=>{f.current[p]?.click()}})}),value:m.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:d.colors.grey5}})})},fo=r.div`
+`,{common:{all:Me}}=P.getLocalizedStrings(),po=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=X(),{getValues:u}=ue(),h=u(s),f=x.useRef([]);return x.useEffect(()=>{f.current=f.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(fo,{style:n,children:t.jsx(he,{mode:a,checkBoxes:[{label:t.jsx(Ae,{htmlFor:`${s}.${Me.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:me(e)}),value:Me.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((m,p)=>{const b=p===0,k=e.notifications.length-1===p;return{label:t.jsx(Ae,{ref:B=>f.current[p]=B,htmlFor:`${s}.${m.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(mo,{notificationData:m,users:o,style:{borderTopLeftRadius:b?i.sp2:void 0,borderTopRightRadius:b?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:h?.includes(m.inboxNotification.id)===!0,isSelectionMode:a==="always_on",onNotificationTileClick:c,onNotificationTileLongPress:()=>{f.current[p]?.click()}})}),value:m.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:d.colors.grey5}})})},fo=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -262,7 +262,7 @@ import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aV as Kt,l as g,F as Qt,a3 a
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,mo=r(Tt)``,go=e=>v()==="small"?t.jsx(po,{...e}):t.jsx(co,{...e}),{commentsAndNotifications:{notifications:{message:xo}}}=P.getLocalizedStrings(),Oe={rowGap:new R(w[0],w[5],w[5])},bo=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:n,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:u,onUpdateScrollYOffset:h,onFetchNotificationGroups:f,onNotificationClick:m})=>{const p=v(),b=x.useRef(null),k=x.useRef({});x.useEffect(()=>{b.current?.resetAfterIndex(0,!0)},[p,b,e]),x.useEffect(()=>{b.current?.scrollTo(c)},[d]);const B=x.useCallback(N=>{if(k.current?.[N]!=null){const U=p==="small"&&a===!1&&N===e.length-1?Oe.rowGap.value("medium-regular"):Oe.rowGap.value(p);return k.current[N]+U}return(ht*jt.value(p)+pt)*3+ft+mt},[p,k,e]),G=x.useCallback((N,U)=>{k.current={...k.current,[N]:U},b.current?.resetAfterIndex(0,!0)},[p,b,e]),T=x.useCallback(()=>{f()},[f]),L=x.useCallback(()=>{},[]),y=et(N=>h(N),1e3,{trailing:!0}),M=N=>!a||N<e.length,j=x.useCallback(()=>a&&!s?T():L(),[a,s,T,L]),I=a?e.length+1:e.length;return t.jsx(yo,{children:t.jsx($o,{windowSize:p,children:s&&e.length===0?t.jsx(Xi,{}):s===!1&&e.length===0?t.jsx(tt,{message:xo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(jo,{windowSize:p,children:t.jsx(it,{children:({height:N,width:U})=>t.jsx(ot,{isItemLoaded:M,itemCount:gt,loadMoreItems:j,children:({onItemsRendered:Y,ref:E})=>t.jsx(st,{ref:W=>{E(W),b.current=W},height:N,itemCount:I,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:u,isItemLoaded:M,setRowHeight:G,onNotificationClick:m},onItemsRendered:Y,itemSize:B,width:U,style:{willChange:"auto"},overscanCount:xt,onScroll:({scrollOffset:W})=>{y(W)},initialScrollOffset:c,children:wo})})})})})})},wo=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:n,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:u,setRowHeight:h,onNotificationClick:f}=s,m=x.useRef(null),p=v();if(x.useEffect(()=>{m.current?.firstElementChild!=null&&h(e,m.current.firstElementChild.clientHeight)},[e,m,p,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(go,{notificationGroup:b,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:u,users:n,onNotificationTileClick:f})},k)}return t.jsx(Pe,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(Se,{numberOfRows:3})},ce())},yo=r.div`
+`,mo=r(Tt)``,go=e=>v()==="small"?t.jsx(po,{...e}):t.jsx(co,{...e}),{commentsAndNotifications:{notifications:{message:xo}}}=P.getLocalizedStrings(),Oe={rowGap:new R(w[0],w[5],w[5])},bo=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:n,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:u,onUpdateScrollYOffset:h,onFetchNotificationGroups:f,onNotificationClick:m})=>{const p=v(),b=x.useRef(null),k=x.useRef({});x.useEffect(()=>{b.current?.resetAfterIndex(0,!0)},[p,b,e]),x.useEffect(()=>{b.current?.scrollTo(c)},[d]);const B=x.useCallback(N=>{if(k.current?.[N]!=null){const U=p==="small"&&a===!1&&N===e.length-1?Oe.rowGap.value("medium-regular"):Oe.rowGap.value(p);return k.current[N]+U}return(ht*jt.value(p)+pt)*3+ft+mt},[p,k,e]),G=x.useCallback((N,U)=>{k.current={...k.current,[N]:U},b.current?.resetAfterIndex(0,!0)},[p,b,e]),T=x.useCallback(()=>{f()},[f]),L=x.useCallback(()=>{},[]),y=et(N=>h(N),1e3,{trailing:!0}),M=N=>!a||N<e.length,j=x.useCallback(()=>a&&!s?T():L(),[a,s,T,L]),I=a?e.length+1:e.length;return t.jsx(yo,{children:t.jsx($o,{windowSize:p,children:s&&e.length===0?t.jsx(Ki,{}):s===!1&&e.length===0?t.jsx(tt,{message:xo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(jo,{windowSize:p,children:t.jsx(it,{children:({height:N,width:U})=>t.jsx(ot,{isItemLoaded:M,itemCount:gt,loadMoreItems:j,children:({onItemsRendered:Y,ref:E})=>t.jsx(st,{ref:W=>{E(W),b.current=W},height:N,itemCount:I,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:u,isItemLoaded:M,setRowHeight:G,onNotificationClick:m},onItemsRendered:Y,itemSize:B,width:U,style:{willChange:"auto"},overscanCount:xt,onScroll:({scrollOffset:W})=>{y(W)},initialScrollOffset:c,children:wo})})})})})})},wo=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:n,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:u,setRowHeight:h,onNotificationClick:f}=s,m=x.useRef(null),p=v();if(x.useEffect(()=>{m.current?.firstElementChild!=null&&h(e,m.current.firstElementChild.clientHeight)},[e,m,p,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(go,{notificationGroup:b,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:u,users:n,onNotificationTileClick:f})},k)}return t.jsx(Pe,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(Se,{numberOfRows:3})},ce())},yo=r.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -397,7 +397,7 @@ import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aV as Kt,l as g,F as Qt,a3 a
   border-radius: ${i.sp2};
   flex-shrink: 0;
   background-color: ${e=>e.notificationStatus==="unread"?S.info:"transparent"};
-`,se={emptyRowItemSectionWidth:new R(120,200,280,330,400),emptyLastRowItemSectionWidth:new R(w[6],50,60,w[11],120)},Zo=()=>{const e=v();return t.jsxs(Xo,{windowSize:e,children:[t.jsx(ae,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:se.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ae,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:se.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ae,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:se.emptyLastRowItemSectionWidth.value(e),height:18})}),t.jsx(ae,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:se.emptyLastRowItemSectionWidth.value(e),height:18})})]})},Xo=r.div`
+`,se={emptyRowItemSectionWidth:new R(120,200,280,330,400),emptyLastRowItemSectionWidth:new R(w[6],50,60,w[11],120)},Zo=()=>{const e=v();return t.jsxs(Ko,{windowSize:e,children:[t.jsx(ae,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:se.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ae,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:se.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ae,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:se.emptyLastRowItemSectionWidth.value(e),height:18})}),t.jsx(ae,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:se.emptyLastRowItemSectionWidth.value(e),height:18})})]})},Ko=r.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -428,7 +428,7 @@ import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aV as Kt,l as g,F as Qt,a3 a
   flex: 1 1 auto;
   justify-content: ${e=>e.isLastItem?"flex-end":"start"};
   width: ${e=>e.isLastItem?"10%":zt.valuePercentage(e.windowSize)};
-`,Ko=()=>{const e=v();return t.jsxs(Qo,{windowSize:e,children:[t.jsxs(Ge,{children:[t.jsx(z,{width:180,height:w[4]}),t.jsx(z,{width:60,height:18})]}),t.jsxs(Ge,{children:[t.jsx(z,{width:180,height:w[4]}),t.jsx(z,{width:60,height:18})]})]})},Qo=r.div`
+`,Xo=()=>{const e=v();return t.jsxs(Qo,{windowSize:e,children:[t.jsxs(Ge,{children:[t.jsx(z,{width:180,height:w[4]}),t.jsx(z,{width:60,height:18})]}),t.jsxs(Ge,{children:[t.jsx(z,{width:180,height:w[4]}),t.jsx(z,{width:60,height:18})]})]})},Qo=r.div`
   display: flex;
   flex-direction: column;
   align-items: baseline;
@@ -462,7 +462,7 @@ import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aV as Kt,l as g,F as Qt,a3 a
   gap: ${i.sp2};
   flex: 1 1 auto;
   width: 100%;
-`,es=()=>v()==="small"?t.jsx(Ko,{}):t.jsx(Zo,{}),ts={marginLeft:new R(w[2],w[5],w[7])},is=()=>t.jsxs(os,{children:[t.jsx(ve,{numberOfRows:5}),t.jsx(ve,{numberOfRows:3})]}),ve=({numberOfRows:e})=>{const o=v();return t.jsxs(ss,{windowSize:o,children:[t.jsx(rs,{children:t.jsx(z,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(as,{children:[...Array(e)].map(s=>t.jsx(es,{},ce()))})]})},os=r.div`
+`,es=()=>v()==="small"?t.jsx(Xo,{}):t.jsx(Zo,{}),ts={marginLeft:new R(w[2],w[5],w[7])},is=()=>t.jsxs(os,{children:[t.jsx(ve,{numberOfRows:5}),t.jsx(ve,{numberOfRows:3})]}),ve=({numberOfRows:e})=>{const o=v();return t.jsxs(ss,{windowSize:o,children:[t.jsx(rs,{children:t.jsx(z,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(as,{children:[...Array(e)].map(s=>t.jsx(es,{},ce()))})]})},os=r.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -561,7 +561,7 @@ import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aV as Kt,l as g,F as Qt,a3 a
           -webkit-box-orient: horizontal;
           gap: ${i.sp1};
         `};
-`,Pt=e=>v()==="small"?t.jsx(ns,{...e}):t.jsx(zo,{...e}),{common:{all:Ee}}=P.getLocalizedStrings(),ms=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=K(),{getValues:d}=ue(),u=d(o);return t.jsx(gs,{style:a,children:t.jsx(he,{mode:s,checkBoxes:[{label:t.jsx(xs,{htmlFor:`${o}.${Ee.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:me(e)}),value:Ee.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((h,f)=>{const m=f===0,p=e.notifications.length-1===f;return{label:t.jsx(Pt,{notificationData:h,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:p?i.sp2:void 0,borderBottomRightRadius:p?i.sp2:void 0},isHighlighted:u?.includes(h.notificationId)===!0,onNotificationTileClick:l}),value:h.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},gs=r.div`
+`,Pt=e=>v()==="small"?t.jsx(ns,{...e}):t.jsx(zo,{...e}),{common:{all:Ee}}=P.getLocalizedStrings(),ms=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=X(),{getValues:d}=ue(),u=d(o);return t.jsx(gs,{style:a,children:t.jsx(he,{mode:s,checkBoxes:[{label:t.jsx(xs,{htmlFor:`${o}.${Ee.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:me(e)}),value:Ee.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((h,f)=>{const m=f===0,p=e.notifications.length-1===f;return{label:t.jsx(Pt,{notificationData:h,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:p?i.sp2:void 0,borderBottomRightRadius:p?i.sp2:void 0},isHighlighted:u?.includes(h.notificationId)===!0,onNotificationTileClick:l}),value:h.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},gs=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -570,7 +570,7 @@ import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aV as Kt,l as g,F as Qt,a3 a
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:Ve}}=P.getLocalizedStrings(),bs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=K(),{getValues:d}=ue(),u=d(o),h=x.useRef([]);return x.useEffect(()=>{h.current=h.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(ws,{style:a,children:t.jsx(he,{mode:s,checkBoxes:[{label:t.jsx(He,{htmlFor:`${o}.${Ve.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:me(e)}),value:Ve.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((f,m)=>{const p=m===0,b=e.notifications.length-1===m;return{label:t.jsx(He,{ref:k=>h.current[m]=k,htmlFor:`${o}.${f.notificationId}`,style:{padding:i.sp0},children:t.jsx(ys,{notificationData:f,style:{borderTopLeftRadius:p?i.sp2:void 0,borderTopRightRadius:p?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:u?.includes(f.notificationId)===!0,isSelectionMode:s==="always_on",onNotificationTileClick:l,onNotificationTileLongPress:()=>{h.current[m]?.click()}})}),value:f.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:c.colors.grey5}})})},ws=r.div`
+`,{common:{all:Ve}}=P.getLocalizedStrings(),bs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=X(),{getValues:d}=ue(),u=d(o),h=x.useRef([]);return x.useEffect(()=>{h.current=h.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(ws,{style:a,children:t.jsx(he,{mode:s,checkBoxes:[{label:t.jsx(He,{htmlFor:`${o}.${Ve.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:me(e)}),value:Ve.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((f,m)=>{const p=m===0,b=e.notifications.length-1===m;return{label:t.jsx(He,{ref:k=>h.current[m]=k,htmlFor:`${o}.${f.notificationId}`,style:{padding:i.sp0},children:t.jsx(ys,{notificationData:f,style:{borderTopLeftRadius:p?i.sp2:void 0,borderTopRightRadius:p?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:u?.includes(f.notificationId)===!0,isSelectionMode:s==="always_on",onNotificationTileClick:l,onNotificationTileLongPress:()=>{h.current[m]?.click()}})}),value:f.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:c.colors.grey5}})})},ws=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -596,7 +596,7 @@ import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aV as Kt,l as g,F as Qt,a3 a
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{all:Ce,texts:re,footer:Ts,strings:{plus:Ls},numbers:{maximumCount:Je}},commentsAndNotifications:{notifications:{title:Is,texts:Bt,strings:qe}}}=P.getLocalizedStrings(),te={tableContainerLeftPadding:new R(w[2],w[2],w[2]),tableContainerRightPadding:new R(w[3],w[6],w[8]),tabsContainerLeftRightPadding:new R(w[3],w[6],w[8]),selectedNotificationsTextMarginLeft:new R(w[0],w[6],w[6])},Rs={selectedNotificationsText:new ni("smallRegular","standardRegular")},Ze="notificationsPage",Z="commentsNotificationsTable",X="notificationsTable",Ft=20,na=({notificationView:e,users:o,isNotificationSettingsVisible:s,isZeniUser:a,isDisabled:n,onNotificationClick:l,onCommentNotificationClick:c,onUpdateNotificationViewUIState:d,onUpdateNotificationTabState:u,onUpdateNotificationViewCurrentTabAndSubTab:h,onUpdateNotificationViewSubTab:f,onFetchMoreNotifications:m,onUpdateNotificationStatus:p,onSettingsClick:b,onBackClick:k,onMarkAllNotificationsAsRead:B})=>{const G=K(),T=v(),L=Zt({mode:"all",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Qe(e),[e]),values:x.useMemo(()=>Qe(e),[e])}),{currentTab:y,currentSubTab:M,notificationDetailsByTab:j,allSubTabs:I,allNotifications:N,allExternalNotifications:U,notificationsForCurrentTabAndSubTab:Y,externalNotificationsForCurrentTabAndSubTab:E}=e,W=($,C)=>$||C==="comments",Gt=x.useMemo(()=>Object.keys(j).map($=>({label:re[$],id:re[$].toLocaleLowerCase(),countDetails:{count:j[$].uiState.unreadCount,isFetching:j[$].fetchCountState.fetchState==="In-Progress"}})).filter($=>W(a,$.id)),[j,a]),Ut=x.useMemo(()=>I.map($=>({label:$==="all"?Ce:re[$],id:$})),[I]),Et=x.useMemo(()=>$t(E).filter($=>$.notifications.length>0),[E]),Vt=x.useMemo(()=>It(Y).filter($=>$.notifications.length>0),[Y]),Ht=async($,C)=>{const F=$.split(".")[0],J=[];F!=null&&(F===Z||F===X)&&(Object.values(C[F]).forEach(_=>{J.push(..._.filter(qt=>qt.includes(Ce.toLowerCase())===!1))}),u({selectedNotificationIds:J},y))};x.useEffect(()=>{const $=L.watch((C,{name:F})=>{F!=null&&C!=null&&Xt(()=>Ht(F,C))});return()=>{$.unsubscribe()}});const ge=x.useCallback(()=>{const $=[],C=j[y].selectedNotificationIdsForSubTab,F="read";if(y==="comments"){const J=U.filter(_=>_.inboxNotification.readAt==null).map(_=>_.inboxNotification.id);C.forEach(_=>{J.includes(_)&&$.push(_)})}else{const J=N.filter(_=>_.status!==F).map(_=>_.notificationId);C.forEach(_=>{J.includes(_)&&$.push(_)})}return $},[U,N,y,j]),Yt=ge().length>Ft?"disabled":n,xe=L.watch(Z),be=L.watch(X),Le=x.useCallback(()=>{m(y,M)},[m,y,M]),Wt=x.useCallback(()=>{if(y==="comments"){const $={};Object.keys(xe).forEach(C=>{$[C]=[]}),L.reset({[Z]:$,[X]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const $={};Object.keys(be).forEach(C=>{$[C]=[]}),L.reset({[X]:$,[Z]:xe},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}u({selectedNotificationIds:[]},y)},[be,xe]),Jt=x.useCallback(()=>{const $=j[y].selectedNotificationIdsForSubTab,C="read",F=ge();p(y,$,C,F)},[y,j,ge,p]);return t.jsxs(_s,{children:[t.jsx(Kt,{source:"NotificationsPage",title:Is.notifications,backgroundColor:G.colors.grey4,onBackClick:k,rightSideComponent:s===!0?t.jsx(Js,{onClick:b}):t.jsx(Ws,{})}),t.jsx(As,{}),t.jsx(Ms,{windowSize:T,children:t.jsx(mi,{tabs:Gt,selectedTab:y,onTabChange:$=>{const C=g.toNotificationTabTypeStrict($);C!=null&&h(C)},subTabs:Ut,selectedSubTab:M,onSubTabChange:$=>{const C=g.toNotificationSubTabTypeStrict($);C!=null&&f(C)},subTabRightComponent:t.jsx(zs,{notificationCount:j[y].uiState.unreadCount,markAsAllReadUpdateState:j[y].markAsAllReadState.fetchState,markAsReadUpdateState:j[y].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{B(y)}})})}),t.jsx(Ds,{windowSize:T,children:t.jsx(Qt,{...L,children:t.jsx("form",{id:Ke(Ze),onSubmit:L.handleSubmit(Jt),style:{width:"100%"},children:y==="comments"?t.jsx(bo,{users:o,hasMore:j[y].uiState.hasMore,isFetching:j[y].fetchState==="In-Progress",scrollYOffset:j[y].uiState.scrollYOffset[M],currentSubTab:M,checkBoxMode:j[y].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Et,sectionId:Z,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>d({scrollYOffset:{...j[y].uiState.scrollYOffset,[M]:$}},y),onNotificationClick:c}):t.jsx(ks,{hasMore:j[y].uiState.hasMore,isFetching:j[y].fetchState==="In-Progress",scrollYOffset:j[y].uiState.scrollYOffset[M],currentSubTab:M,checkBoxMode:j[y].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Vt,sectionId:X,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>d({scrollYOffset:{...j[y].uiState.scrollYOffset,[M]:$}},y),onNotificationClick:l})})})}),j[y].selectedNotificationIdsForSubTab.length?t.jsx(ei,{formId:Ke(Ze),primaryBtn:{label:Bt.markAsRead,isLoading:j[y].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Yt!=null},cancelBtn:{label:Ts.cancel,isDisabled:j[y].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Wt},helperContainerStyle:T==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(we,{controller:T!=="small",children:t.jsx(Xe,{selectedNotificationsCount:j[y].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(we,{controller:T==="small",children:t.jsx(Xe,{selectedNotificationsCount:j[y].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(we,{controller:T!=="small",children:t.jsx(Bs,{})})}):null]})},zs=({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(Os,{variant:"tertiary",size:"small",label:Bt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(oi,{size:"Small",start:!0}):t.jsx(Ps,{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(Fs,{windowSize:o,children:[t.jsx(Us,{children:t.jsx(Gs,{isCircular:e<10,children:t.jsx(Es,{children:e>Je?`${Je}${Ls}`:e})})}),t.jsxs(Ys,{windowSize:o,children:[t.jsx(Vs,{children:e>1?qe.notificationsSelected:qe.notificationSelected}),e>Ft?t.jsx(Hs,{children:re.maxLimit}):null]})]})},_s=r.div`
+`,{common:{all:Ce,texts:re,footer:Ts,strings:{plus:Ls},numbers:{maximumCount:Je}},commentsAndNotifications:{notifications:{title:Is,texts:Bt,strings:qe}}}=P.getLocalizedStrings(),te={tableContainerLeftPadding:new R(w[2],w[2],w[2]),tableContainerRightPadding:new R(w[3],w[6],w[8]),tabsContainerLeftRightPadding:new R(w[3],w[6],w[8]),selectedNotificationsTextMarginLeft:new R(w[0],w[6],w[6])},Rs={selectedNotificationsText:new ni("smallRegular","standardRegular")},Ze="notificationsPage",Z="commentsNotificationsTable",K="notificationsTable",Ft=20,na=({notificationView:e,users:o,isNotificationSettingsVisible:s,isZeniUser:a,isDisabled:n,onNotificationClick:l,onCommentNotificationClick:c,onUpdateNotificationViewUIState:d,onUpdateNotificationTabState:u,onUpdateNotificationViewCurrentTabAndSubTab:h,onUpdateNotificationViewSubTab:f,onFetchMoreNotifications:m,onUpdateNotificationStatus:p,onSettingsClick:b,onBackClick:k,onMarkAllNotificationsAsRead:B})=>{const G=X(),T=v(),L=Zt({mode:"all",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Qe(e),[e]),values:x.useMemo(()=>Qe(e),[e])}),{currentTab:y,currentSubTab:M,notificationDetailsByTab:j,allSubTabs:I,allNotifications:N,allExternalNotifications:U,notificationsForCurrentTabAndSubTab:Y,externalNotificationsForCurrentTabAndSubTab:E}=e,W=($,C)=>$||C==="comments",Gt=x.useMemo(()=>Object.keys(j).map($=>({label:re[$],id:re[$].toLocaleLowerCase(),countDetails:{count:j[$].uiState.unreadCount,isFetching:j[$].fetchCountState.fetchState==="In-Progress"}})).filter($=>W(a,$.id)),[j,a]),Ut=x.useMemo(()=>I.map($=>({label:$==="all"?Ce:re[$],id:$})),[I]),Et=x.useMemo(()=>$t(E).filter($=>$.notifications.length>0),[E]),Vt=x.useMemo(()=>It(Y).filter($=>$.notifications.length>0),[Y]),Ht=async($,C)=>{const F=$.split(".")[0],J=[];F!=null&&(F===Z||F===K)&&(Object.values(C[F]).forEach(_=>{J.push(..._.filter(qt=>qt.includes(Ce.toLowerCase())===!1))}),u({selectedNotificationIds:J},y))};x.useEffect(()=>{const $=L.watch((C,{name:F})=>{F!=null&&C!=null&&Kt(()=>Ht(F,C))});return()=>{$.unsubscribe()}});const ge=x.useCallback(()=>{const $=[],C=j[y].selectedNotificationIdsForSubTab,F="read";if(y==="comments"){const J=U.filter(_=>_.inboxNotification.readAt==null).map(_=>_.inboxNotification.id);C.forEach(_=>{J.includes(_)&&$.push(_)})}else{const J=N.filter(_=>_.status!==F).map(_=>_.notificationId);C.forEach(_=>{J.includes(_)&&$.push(_)})}return $},[U,N,y,j]),Yt=ge().length>Ft?"disabled":n,xe=L.watch(Z),be=L.watch(K),Le=x.useCallback(()=>{m(y,M)},[m,y,M]),Wt=x.useCallback(()=>{if(y==="comments"){const $={};Object.keys(xe).forEach(C=>{$[C]=[]}),L.reset({[Z]:$,[K]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const $={};Object.keys(be).forEach(C=>{$[C]=[]}),L.reset({[K]:$,[Z]:xe},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}u({selectedNotificationIds:[]},y)},[be,xe]),Jt=x.useCallback(()=>{const $=j[y].selectedNotificationIdsForSubTab,C="read",F=ge();p(y,$,C,F)},[y,j,ge,p]);return t.jsxs(_s,{children:[t.jsx(Xt,{source:"NotificationsPage",title:Is.notifications,backgroundColor:G.colors.grey4,onBackClick:k,rightSideComponent:s===!0?t.jsx(Js,{onClick:b}):t.jsx(Ws,{})}),t.jsx(As,{}),t.jsx(Ms,{windowSize:T,children:t.jsx(mi,{tabs:Gt,selectedTab:y,onTabChange:$=>{const C=g.toNotificationTabTypeStrict($);C!=null&&h(C)},subTabs:Ut,selectedSubTab:M,onSubTabChange:$=>{const C=g.toNotificationSubTabTypeStrict($);C!=null&&f(C)},subTabRightComponent:t.jsx(zs,{notificationCount:j[y].uiState.unreadCount,markAsAllReadUpdateState:j[y].markAsAllReadState.fetchState,markAsReadUpdateState:j[y].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{B(y)}})})}),t.jsx(Ds,{windowSize:T,children:t.jsx(Qt,{...L,children:t.jsx("form",{id:Xe(Ze),onSubmit:L.handleSubmit(Jt),style:{width:"100%"},children:y==="comments"?t.jsx(bo,{users:o,hasMore:j[y].uiState.hasMore,isFetching:j[y].fetchState==="In-Progress",scrollYOffset:j[y].uiState.scrollYOffset[M],currentSubTab:M,checkBoxMode:j[y].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Et,sectionId:Z,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>d({scrollYOffset:{...j[y].uiState.scrollYOffset,[M]:$}},y),onNotificationClick:c}):t.jsx(ks,{hasMore:j[y].uiState.hasMore,isFetching:j[y].fetchState==="In-Progress",scrollYOffset:j[y].uiState.scrollYOffset[M],currentSubTab:M,checkBoxMode:j[y].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Vt,sectionId:K,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>d({scrollYOffset:{...j[y].uiState.scrollYOffset,[M]:$}},y),onNotificationClick:l})})})}),j[y].selectedNotificationIdsForSubTab.length?t.jsx(ei,{formId:Xe(Ze),primaryBtn:{label:Bt.markAsRead,isLoading:j[y].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Yt!=null},cancelBtn:{label:Ts.cancel,isDisabled:j[y].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Wt},helperContainerStyle:T==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(we,{controller:T!=="small",children:t.jsx(Ke,{selectedNotificationsCount:j[y].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(we,{controller:T==="small",children:t.jsx(Ke,{selectedNotificationsCount:j[y].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(we,{controller:T!=="small",children:t.jsx(Bs,{})})}):null]})},zs=({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(Os,{variant:"tertiary",size:"small",label:Bt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(oi,{size:"Small",start:!0}):t.jsx(Ps,{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"}})},Ke=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Fs,{windowSize:o,children:[t.jsx(Us,{children:t.jsx(Gs,{isCircular:e<10,children:t.jsx(Es,{children:e>Je?`${Je}${Ls}`:e})})}),t.jsxs(Ys,{windowSize:o,children:[t.jsx(Vs,{children:e>1?qe.notificationsSelected:qe.notificationSelected}),e>Ft?t.jsx(Hs,{children:re.maxLimit}):null]})]})},_s=r.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -683,4 +683,4 @@ import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aV as Kt,l as g,F as Qt,a3 a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ke=e=>`${e}_form`,Qe=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:n}}}=e,l={};It(o).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(h=>h.notificationId);l[ne(d)]=a.filter(h=>u.includes(h))});const c={};return $t(s).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(h=>h.inboxNotification.id);c[ne(d)]=n.filter(h=>u.includes(h))}),{[Z]:c,[X]:l}},la=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(n=>{n.includes(Ce.toLocaleLowerCase())===!1&&o.includes(n)&&s.push(n)})}),s};export{na as default,la as getSelectedNotificationIds,Ke as uniqueFormName};
+`,Xe=e=>`${e}_form`,Qe=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:n}}}=e,l={};It(o).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(h=>h.notificationId);l[ne(d)]=a.filter(h=>u.includes(h))});const c={};return $t(s).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(h=>h.inboxNotification.id);c[ne(d)]=n.filter(h=>u.includes(h))}),{[Z]:c,[K]:l}},la=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(n=>{n.includes(Ce.toLocaleLowerCase())===!1&&o.includes(n)&&s.push(n)})}),s};export{na as default,la as getSelectedNotificationIds,Xe as uniqueFormName};

package/dist/assets/{OpExByVendorPage--OssjAU3-Cxrn-N9W.js → OpExByVendorPage-xMyUkO51-DLNCDIdB.js}

@@ -1,4 +1,4 @@
-import{X as H,ht as ye,M as B,u as q,z as be,j as t,Y as _e,be as Se,hs as ke,aX as we,aV as ve,hu as Be,hv as Oe,o as u,a5 as Pe,c as je,C as F,ai as le,H as ie,a7 as $e,n as O,a_ as Te,bE as De,bF as Ne,bG as Ee,g as a,q as ce,bb as Ie,b6 as Me,au as Ae,v as Z,at as Le,aa as Fe,b7 as Ve,b9 as ze,l as Re}from"./index-B6_cg6uw.js";import{b as y,n as m,f as We}from"./vendor-CnQcJ2Lu.js";import{p as Ke,d as Ye,y as G,b as de,u as ee}from"./chartTypes-B0MskeA2-BTAh8Hyp.js";import{V as Ge}from"./toChartData-DGP41gut-CFOU4ScM.js";import{m as V}from"./analyticsHelper-w8iM5r14-BY4FkEnG.js";import{p as He}from"./TimeRangeSwitcher-I6PTIuko-DBb9vjYZ.js";import{M as qe}from"./TimeframeSwitcherWithToggle-CrMpS9eg-BeZVTjXb.js";import{C as Xe}from"./NoDataChart-D-NrGJT9-D0Ryfefk.js";import{d as Je}from"./NoDataTable-rfVgRk3Q-BEaILjFs.js";import{H as Ue,k as oe}from"./detailCommon-B0KC7weQ-BYWcy2mw.js";import{n as z}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Qe,W as X}from"./CollapsableReportTable-DlPsnWiz-CNQqG22W.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-BibBSUgv-BIs_vXe5.js";import{d as re}from"./mapLoadingInProgressToTreeNode-wdFfuF9A-Z50BhTnf.js";import{l as Ze}from"./mapSpacerToTreeNode-WahUVvQq-Ch5M-kA9.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-OwZhofpM-BF4jSXHi.js";import"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";import"./AccountRow-BZ3Sp_Zw-D-QDfd_i.js";const eo=m.div`
+import{X as H,ht as ye,M as B,u as q,z as be,j as t,Y as _e,be as Se,hs as ke,aX as we,aV as ve,hu as Be,hv as Oe,o as u,a5 as Pe,c as $e,C as F,ai as le,H as ie,a7 as je,m as O,a_ as Te,bE as De,bF as Ne,bG as Ee,g as a,s as ce,bb as Ie,b6 as Me,au as Ae,p as Z,at as Le,aa as Fe,b7 as Ve,b9 as ze,l as Re}from"./index-CWmqNC4C.js";import{b as y,n as m,f as We}from"./vendor-CnQcJ2Lu.js";import{p as Ke,d as Ye,y as G,b as de,u as ee}from"./chartTypes-mKuCmPTG-BM7hqR_d.js";import{V as Ge}from"./toChartData-D2kGY49E-CsLrqkFw.js";import{m as V}from"./analyticsHelper-3y6VD3VH-4b12iNu9.js";import{p as He}from"./TimeRangeSwitcher-BXXqX3m6-DBFCX_F3.js";import{M as qe}from"./TimeframeSwitcherWithToggle-RH8QHQFd-tstiafTX.js";import{C as Xe}from"./NoDataChart-Dhg-k7iX-B526qZJD.js";import{d as Je}from"./NoDataTable-jpCLeiDv-DPfhsNYe.js";import{H as Ue,k as oe}from"./detailCommon-1QwSQL9C-CMTdKXNR.js";import{n as z}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Qe,W as X}from"./CollapsableReportTable-CyQ4sWuS-DlLXYbkM.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-y3lzh3vX-QR9PSTFA.js";import{d as re}from"./mapLoadingInProgressToTreeNode-CKZd1bh4-H6b75J9k.js";import{l as Ze}from"./mapSpacerToTreeNode-CzcEW1Rc-DpU4PyGc.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-Bk9rjDg4-BqMFgpEZ.js";import"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";import"./AccountRow-Ca-OS9TF-boQKAn9P.js";const eo=m.div`
   display: flex;
 `,oo=m.div`
   flex: display;
@@ -73,10 +73,10 @@ import{X as H,ht as ye,M as B,u as q,z as be,j as t,Y as _e,be as Se,hs as ke,aX
 `,Po=m(Pe)`
   margin-top: ${u.sp3};
   color: ${e=>e.theme.colors.hero};
-`,jo=m.div`
+`,$o=m.div`
   display: flex;
   padding: ${u.sp2} ${u.sp0} ${u.sp4} ${u.sp0};
-`,$o=m.div``,To=m.div``,Do=m.div`
+`,jo=m.div``,To=m.div``,Do=m.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -97,4 +97,4 @@ import{X as H,ht as ye,M as B,u as q,z as be,j as t,Y as _e,be as Se,hs as ke,aX
 `,Mo=m.div`
   width: 100%;
   height: calc(100vh - ${u.sp11});
-`,Ao=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(vo,{children:t.jsx(je,{size:"ExtraLarge",start:!0})}):null,mr=({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:P,onClickMenuIcon:R})=>{const[$,I]=y.useState(o.searchString[o.timeframe]),[M,A]=y.useState(!1),k=H(),T=y.useRef(null),W=ye(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,J=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],fe=y.useCallback(w=>{n(j,D,w)},[j,D,n]),Ce=y.useCallback((w,x)=>{window.scrollTo({top:T.current?.offsetTop,behavior:"smooth"}),w.length>0?(C(!0),n(x,w,!1)):(C(!1),v(x))},[v,n,C]),Q=y.useRef(be((w,x)=>Ce(w,x),500,{trailing:!0})).current,xe=(w,x)=>{c(w,x,j),C(!0),n(j,D,!1)};if(y.useEffect(()=>{async function w(){await uo({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}),P?.trackDownload(z("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}M&&o.downloadState!=="In-Progress"&&(A(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,M]),y.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs(Bo,{children:[t.jsx(Oo,{"data-testid":_e("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx(Po,{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(Ao,{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(ke,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:J.common.searchPlaceholder,searchText:$??"",onSearchTextChanged:x=>{I(x),x.trim().length>=2?Q(x,j):x.trim().length==0&&Q("",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 A(!0)}}}})]});return t.jsxs(ko,{windowSize:k,children:[t.jsx(ve,{title:J.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:R,source:"OpExByVendorPage"}),t.jsxs(wo,{windowSize:k,children:[he?t.jsx(Be,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${U.colors.grey3}`},onTabChange:x=>l(Oe(x.id)),previousTabPosition:d,setPreviousTabPosition:b}):null,t.jsx(Lo,{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:P}),Y!=null?t.jsx(Eo,{children:t.jsx(Ue,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Fo,{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:P})]})}return t.jsx(t.Fragment,{})},Lo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(To,{children:t.jsxs($o,{children:[t.jsx(jo,{children:t.jsx(qe,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),z("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,z("operating_expenses_by_vendor"),V(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(He,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Fo=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(No,{children:t.jsx(Xe,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(Do,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(po,{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",z("operating_expenses_by_vendor"),V(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,v]=y.useState(void 0),P=H(),R=q(),$=!(P==="small"||P==="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:Te(),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=bo(e,r,k,$);v(e),b(T)}else{const T=_o(d,k,e,$);b(T)}},[r.mode,e]);const I=k=>k<e.opexBalances.length,M=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},A=e.opexBalances.length;return t.jsx(Io,{windowSize:P,ref:s,children:o?t.jsx(Je,{}):d!=null?t.jsx(Mo,{children:t.jsx(Qe,{backgroundColor:new $e(R.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:$,isStickyName:$},treeNodePadding:{left:E.contentPaddingLeft.value(P),right:E.contentPaddingRight.value(P)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:I,itemCount:A,loadMoreItems:M}})}):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{mr as default};
+`,Ao=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(vo,{children:t.jsx($e,{size:"ExtraLarge",start:!0})}):null,mr=({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:P,onClickMenuIcon:R})=>{const[j,I]=y.useState(o.searchString[o.timeframe]),[M,A]=y.useState(!1),k=H(),T=y.useRef(null),W=ye(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,J=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:$}=o,D=o.searchString[$],fe=y.useCallback(w=>{n($,D,w)},[$,D,n]),Ce=y.useCallback((w,x)=>{window.scrollTo({top:T.current?.offsetTop,behavior:"smooth"}),w.length>0?(C(!0),n(x,w,!1)):(C(!1),v(x))},[v,n,C]),Q=y.useRef(be((w,x)=>Ce(w,x),500,{trailing:!0})).current,xe=(w,x)=>{c(w,x,$),C(!0),n($,D,!1)};if(y.useEffect(()=>{async function w(){await uo({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[$],...s}),P?.trackDownload(z("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}M&&o.downloadState!=="In-Progress"&&(A(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,M]),y.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs(Bo,{children:[t.jsx(Oo,{"data-testid":_e("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx(Po,{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(Ao,{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(ke,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:J.common.searchPlaceholder,searchText:j??"",onSearchTextChanged:x=>{I(x),x.trim().length>=2?Q(x,$):x.trim().length==0&&Q("",$)},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 A(!0)}}}})]});return t.jsxs(ko,{windowSize:k,children:[t.jsx(ve,{title:J.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:R,source:"OpExByVendorPage"}),t.jsxs(wo,{windowSize:k,children:[he?t.jsx(Be,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${U.colors.grey3}`},onTabChange:x=>l(Oe(x.id)),previousTabPosition:d,setPreviousTabPosition:b}):null,t.jsx(Lo,{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:P}),Y!=null?t.jsx(Eo,{children:t.jsx(Ue,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Fo,{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:P})]})}return t.jsx(t.Fragment,{})},Lo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(To,{children:t.jsxs(jo,{children:[t.jsx($o,{children:t.jsx(qe,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),z("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,z("operating_expenses_by_vendor"),V(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(He,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Fo=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(No,{children:t.jsx(Xe,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(Do,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(po,{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",z("operating_expenses_by_vendor"),V(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,v]=y.useState(void 0),P=H(),R=q(),j=!(P==="small"||P==="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:Te(),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=bo(e,r,k,j);v(e),b(T)}else{const T=_o(d,k,e,j);b(T)}},[r.mode,e]);const I=k=>k<e.opexBalances.length,M=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},A=e.opexBalances.length;return t.jsx(Io,{windowSize:P,ref:s,children:o?t.jsx(Je,{}):d!=null?t.jsx(Mo,{children:t.jsx(Qe,{backgroundColor:new je(R.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:j,isStickyName:j},treeNodePadding:{left:E.contentPaddingLeft.value(P),right:E.contentPaddingRight.value(P)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:I,itemCount:A,loadMoreItems:M}})}):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{mr as default};

package/dist/assets/{OverlayContainerPage-GWXnlbZH-03aTtMTb.js → OverlayContainerPage-GWXnlbZH-DExKUjLx.js}

@@ -1,4 +1,4 @@
-import{u as i,j as r}from"./index-B6_cg6uw.js";import{n}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const p=n.div`
+import{u as i,j as r}from"./index-CWmqNC4C.js";import{n}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const p=n.div`
   display: ${({isOpen:o})=>o?"block":"none"};
   position: fixed;
   top: 0;

package/dist/assets/{PandLWithForecastPage-ClndDOYh-B9wT1Nlc.js → PandLWithForecastPage-BHtPelIT-DOZ7XwiG.js}

@@ -1,4 +1,4 @@
-import{j as o,D as M,u as T,X as v,Y as A,aV as re,M as c,K as ie,c as ae,C as D,v as ce,o as s,H as le,a7 as de,c0 as ge,c1 as pe,aS as me,n as P,l as Y,a_ as he,c2 as ue,a5 as fe,a6 as xe,ao as we}from"./index-B6_cg6uw.js";import{n as r,b as F}from"./vendor-CnQcJ2Lu.js";import{L as Se}from"./NavBarWithPicker-Dn4oWjCF-N2jxIvIh.js";import{m as je}from"./analyticsHelper-w8iM5r14-BY4FkEnG.js";import{M as $e}from"./TimeframeSwitcherWithToggle-CrMpS9eg-BeZVTjXb.js";import{R as Ce,a as Pe}from"./CollapsableReportTable-DlPsnWiz-CNQqG22W.js";import{M as E}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import{T as be,I as ke,L as ye}from"./mapSectionWithAcOnlyToTreeNode-tV6QhZnt-DXfr4cSR.js";import{s as H}from"./mapTimeframeBalancesToTreeNode-B6T9ekBs-bqck2H0q.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-OwZhofpM-BF4jSXHi.js";import"./AccountRow-BZ3Sp_Zw-D-QDfd_i.js";const K="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",q="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ze=r.div`
+import{j as o,D as M,u as T,X as v,Y as A,aV as re,M as c,K as ie,c as ae,C as D,p as ce,o as s,H as le,a7 as de,c0 as ge,c1 as pe,aS as me,m as P,l as Y,a_ as he,c2 as ue,a5 as fe,a6 as xe,ao as we}from"./index-CWmqNC4C.js";import{n as r,b as F}from"./vendor-CnQcJ2Lu.js";import{L as Se}from"./NavBarWithPicker-BC2xbV2b-BcYENhJM.js";import{m as je}from"./analyticsHelper-3y6VD3VH-4b12iNu9.js";import{M as $e}from"./TimeframeSwitcherWithToggle-RH8QHQFd-tstiafTX.js";import{R as Ce,a as Pe}from"./CollapsableReportTable-CyQ4sWuS-DlLXYbkM.js";import{M as E}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import{T as be,I as ke,L as ye}from"./mapSectionWithAcOnlyToTreeNode-CO6ix8Ks-D7LvCMfp.js";import{s as H}from"./mapTimeframeBalancesToTreeNode-CEDhLCxY-D-EnNeIG.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-Bk9rjDg4-BqMFgpEZ.js";import"./AccountRow-Ca-OS9TF-boQKAn9P.js";const K="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",q="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ze=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;