@zeniai/web-cockpit-ui 1.13.91-prod → 1.13.92-dev

package/dist/assets/{NotificationsPage-BdI4E6uL-Dtdtsrxb.js → NotificationsPage-xyLmK3l7-D0WoPK5r.js}

@@ -1,8 +1,8 @@
-import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 as ei,o as i,T as we,gp as ti,C as R,hx as ii,q as Ne,d as oi,z as et,bK as tt,ao as it,dj as ot,bS as st,jg as at,p as w,K as si,jh as ai,dh as ce,aj as ri,Q as ni,h as rt,g as S,v as li,bh as z,cg as ue,fC as he,ji as pe,w as nt,d3 as lt,dr as H,c_ as dt,fL as di,s as Q,hM as ci,f as V,e$ as ui,ab as ye,av as fe,jj as hi,be as ct,jk as Ie,aP as pi}from"./index-Bh_1R5Ob.js";import{b as x,n as r,j as O}from"./vendor-CnQcJ2Lu.js";import{k as fi}from"./SubTabSwitcher-CgJW4ZXd-DJMKxW1_.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-DVBOQJZq-DD4o-ZVG.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.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`
+import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 as ei,o as i,T as we,go as ti,C as R,hw as ii,r as Ne,e as oi,A as et,bL as tt,ao as it,dj as ot,bT as st,jf as at,q as w,K as si,jg as ai,dh as ce,aj as ri,Q as ni,h as rt,g as S,v as li,bg as z,cg as ue,fB as he,jh as pe,y as nt,d3 as lt,dr as V,c_ as dt,fK as di,t as Q,hL as ci,m as H,e_ as ui,ab as ye,av as fe,ji as hi,bd as ct,jj as Ie,aP as pi}from"./index-DEtloYMb.js";import{b as x,n as r,j as O}from"./vendor-CnQcJ2Lu.js";import{k as fi}from"./SubTabSwitcher-C7_JB54g-TfIjK1e4.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-BAKipCDG-DNDbmhPU.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.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%;
-`,{common:{timeStrings:bt,strings:xi},dateFormat:Te,timeFormat:bi}=P.getLocalizedStrings(),wt=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],ne=e=>e.type.concat(xi.underscore).concat(e.start.format(Te.visual.DdashMMdashYYYYFormat)),me=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return bt[e.type];case"earlier_that_month":return e.start.format(Te.visual.MMMYYYYFormat)}},yt=e=>{const o=g.zeniDate(e.toUTCString()),s=g.dateNow(),a=s.diff(o,"minutes"),n=s.diff(o,"seconds"),l=60,c=24*60;return n<=l?bt.justNow:a<c&&hi(o,0)?o.format(bi.hhmmAFormat):o.format(Te.visual.MMMDFormat)},Re=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:wi}}}}=P.getLocalizedStrings(),$t=e=>{e.sort((n,l)=>g.zeniDate(n.inboxNotification.notifiedAt.toUTCString()).isAfter(g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of wt){let l=0,c=0,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),h=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),a=ie(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&g.dateNow().date()>2&&(d=g.dateNow().subtract(Math.min(g.dateNow().date()-1,8),"d").startOf("d"),u=g.dateNow().subtract(2,"d").endOf("d"),a=ie(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&g.dateNow().date()>9&&(d=g.dateNow().startOf("M").startOf("d"),u=g.dateNow().subtract(9,"d").endOf("d"),a=ie(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=g.dateNow().subtract(h,"month").startOf("M").startOf("d"),m=g.dateNow().subtract(h,"month").endOf("M").endOf("d");h++,a=ie(o,f,m),o=a.remainingData,s.push({start:f,end:m,type:n,notifications:a.singleGroup})}break}}return s},ie=(e,o,s)=>{const a=[],n=e.map(l=>at(o,s,g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()).isAfter(g.zeniDate(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:n}},yi=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=wi;return o.comments.length===1?a:s},jt=new R(3,2,1,1,1),kt=new R(w[8],w[6],35,35,w[6]),le={lineClamp:jt,sectionWidth:kt},{common:{texts:ze,timeStrings:$i,strings:ee},commentsAndNotifications:{notifications:{strings:{newMessage:ji},actionStrings:{comments:{newCommentAdded:ki}}}}}=P.getLocalizedStrings(),Si=({notificationData:e,users:o,isHighlighted:s=!1,style:a,onNotificationTileClick:n})=>{const l=nt(),c=lt().analytics,{inboxNotification:{id:d,readAt:u,notifiedAt:h},thread:f}=e,{setRequestToOpenThread:m}=x.useContext(di),p=u!=null?"read":"unread",{metadata:{url:b,companyId:k,entityType:B},id:G}=f;return t.jsxs(Ri,{readStatus:p,isClickable:!!b,isHighlighted:s,style:a,onClick:()=>{b&&(n(d,g.toZeniUrl(b),p),(f.metadata.tab==="bill"||f.metadata.tab==="reimbursement")&&m({threadId:G,companyId:k,entityType:B})),f.metadata.application!=="cockpit"&&c.trackCommentActivity("notification","clicked",f.metadata.companyName,l.controllersList.controllers.map(T=>H(T)),f.resolved?"resolved":"open",{name:dt(l.loggedInUser),email:l.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(vi,{notificationData:e,users:o}),t.jsx(Ni,{...e}),t.jsx(Ti,{timestamp:h,readStatus:p})]})},St=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,n=a[0];return a.length===0||n.body==null?t.jsx($e,{children:ji}):t.jsx($e,{children:n.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Li(c)){const h=o.find(f=>f.userId===c.id);return c.id?t.jsx(Ci,{notificationData:e,user:h},`${c.id}${ee.underscore}${d}`):null}if(Ii(c)){const h=ci(c.url)??c.url;return t.jsx(Bi,{href:h,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let u=c.text;return c.bold===!0&&(u=t.jsx(Di,{children:u},d)),c.italic===!0&&(u=t.jsx(Ai,{children:u},d)),c.strikethrough===!0&&(u=t.jsx(Oi,{children:u},d)),c.code===!0&&(u=t.jsx(Mi,{children:u},d)),t.jsx(Pi,{children:u},d)});default:return t.jsx($e,{children:ki})}})})},vi=({notificationData:e,users:o})=>{const s=v();return t.jsx(Fi,{windowSize:s,children:t.jsx(St,{notificationData:e,users:o})})},Ci=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let n=t.jsxs(_e,{className:"userText",readStatus:a,children:[ee.atTheRate,ze.user,ee.space]});if(o!=null){const l=H(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(_e,{className:"userText",readStatus:a,children:[ee.atTheRate,l||ze.user,ee.space]})})}return n},vt=e=>{const o=yi(e);return t.jsx(t.Fragment,{children:o})},Ni=e=>{const o=v();return t.jsx(_i,{windowSize:o,children:t.jsx(vt,{...e})})},Ct=e=>{const{timestamp:o,readStatus:s}=e,a=yt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Gi,{isNewNotification:a===$i.justNow,children:a}),t.jsx(Ui,{readStatus:s})]})},Ti=e=>{const o=v();return t.jsx(zi,{windowSize:o,children:t.jsx(Ct,{...e})})};function Li(e){return"type"in e&&e.type==="mention"}function Ii(e){return"type"in e&&e.type==="link"}const Ri=r.div`
+`,{common:{timeStrings:bt,strings:xi},dateFormat:Te,timeFormat:bi}=P.getLocalizedStrings(),wt=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],ne=e=>e.type.concat(xi.underscore).concat(e.start.format(Te.visual.DdashMMdashYYYYFormat)),me=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return bt[e.type];case"earlier_that_month":return e.start.format(Te.visual.MMMYYYYFormat)}},yt=e=>{const o=g.zeniDate(e.toUTCString()),s=g.dateNow(),a=s.diff(o,"minutes"),n=s.diff(o,"seconds"),l=60,c=24*60;return n<=l?bt.justNow:a<c&&hi(o,0)?o.format(bi.hhmmAFormat):o.format(Te.visual.MMMDFormat)},Re=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:wi}}}}=P.getLocalizedStrings(),$t=e=>{e.sort((n,l)=>g.zeniDate(n.inboxNotification.notifiedAt.toUTCString()).isAfter(g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of wt){let l=0,c=0,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),h=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),a=ie(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&g.dateNow().date()>2&&(d=g.dateNow().subtract(Math.min(g.dateNow().date()-1,8),"d").startOf("d"),u=g.dateNow().subtract(2,"d").endOf("d"),a=ie(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&g.dateNow().date()>9&&(d=g.dateNow().startOf("M").startOf("d"),u=g.dateNow().subtract(9,"d").endOf("d"),a=ie(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=g.dateNow().subtract(h,"month").startOf("M").startOf("d"),m=g.dateNow().subtract(h,"month").endOf("M").endOf("d");h++,a=ie(o,f,m),o=a.remainingData,s.push({start:f,end:m,type:n,notifications:a.singleGroup})}break}}return s},ie=(e,o,s)=>{const a=[],n=e.map(l=>at(o,s,g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()).isAfter(g.zeniDate(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:n}},yi=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=wi;return o.comments.length===1?a:s},jt=new R(3,2,1,1,1),kt=new R(w[8],w[6],35,35,w[6]),le={lineClamp:jt,sectionWidth:kt},{common:{texts:ze,timeStrings:$i,strings:ee},commentsAndNotifications:{notifications:{strings:{newMessage:ji},actionStrings:{comments:{newCommentAdded:ki}}}}}=P.getLocalizedStrings(),Si=({notificationData:e,users:o,isHighlighted:s=!1,style:a,onNotificationTileClick:n})=>{const l=nt(),c=lt().analytics,{inboxNotification:{id:d,readAt:u,notifiedAt:h},thread:f}=e,{setRequestToOpenThread:m}=x.useContext(di),p=u!=null?"read":"unread",{metadata:{url:b,companyId:k,entityType:B},id:G}=f;return t.jsxs(Ri,{readStatus:p,isClickable:!!b,isHighlighted:s,style:a,onClick:()=>{b&&(n(d,g.toZeniUrl(b),p),(f.metadata.tab==="bill"||f.metadata.tab==="reimbursement")&&m({threadId:G,companyId:k,entityType:B})),f.metadata.application!=="cockpit"&&c.trackCommentActivity("notification","clicked",f.metadata.companyName,l.controllersList.controllers.map(T=>V(T)),f.resolved?"resolved":"open",{name:dt(l.loggedInUser),email:l.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(vi,{notificationData:e,users:o}),t.jsx(Ni,{...e}),t.jsx(Ti,{timestamp:h,readStatus:p})]})},St=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,n=a[0];return a.length===0||n.body==null?t.jsx($e,{children:ji}):t.jsx($e,{children:n.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Li(c)){const h=o.find(f=>f.userId===c.id);return c.id?t.jsx(Ci,{notificationData:e,user:h},`${c.id}${ee.underscore}${d}`):null}if(Ii(c)){const h=ci(c.url)??c.url;return t.jsx(Bi,{href:h,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let u=c.text;return c.bold===!0&&(u=t.jsx(Di,{children:u},d)),c.italic===!0&&(u=t.jsx(Ai,{children:u},d)),c.strikethrough===!0&&(u=t.jsx(Oi,{children:u},d)),c.code===!0&&(u=t.jsx(Mi,{children:u},d)),t.jsx(Pi,{children:u},d)});default:return t.jsx($e,{children:ki})}})})},vi=({notificationData:e,users:o})=>{const s=v();return t.jsx(Fi,{windowSize:s,children:t.jsx(St,{notificationData:e,users:o})})},Ci=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let n=t.jsxs(_e,{className:"userText",readStatus:a,children:[ee.atTheRate,ze.user,ee.space]});if(o!=null){const l=V(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(_e,{className:"userText",readStatus:a,children:[ee.atTheRate,l||ze.user,ee.space]})})}return n},vt=e=>{const o=yi(e);return t.jsx(t.Fragment,{children:o})},Ni=e=>{const o=v();return t.jsx(_i,{windowSize:o,children:t.jsx(vt,{...e})})},Ct=e=>{const{timestamp:o,readStatus:s}=e,a=yt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Gi,{isNewNotification:a===$i.justNow,children:a}),t.jsx(Ui,{readStatus:s})]})},Ti=e=>{const o=v();return t.jsx(zi,{windowSize:o,children:t.jsx(Ct,{...e})})};function Li(e){return"type"in e&&e.type==="mention"}function Ii(e){return"type"in e&&e.type==="link"}const Ri=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -54,7 +54,7 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 a
             }
           }
         `:null};
-`,zi=r(V)`
+`,zi=r(H)`
   width: ${e=>e.windowSize==="small"?"unset":"10%"};
   gap: ${i.sp2};
   display: flex;
@@ -89,7 +89,7 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 a
   border-radius: ${i.sp2};
   flex-shrink: 0;
   background-color: ${e=>e.readStatus==="unread"?S.info:"transparent"};
-`,je={emptyRowItemSectionWidth:new R(120,200,250,330,400),emptyLastRowItemSectionWidth:new R(w[6],50,60,w[11],120)},Ei=()=>{const e=v();return t.jsxs(Hi,{windowSize:e,children:[t.jsx(ke,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:je.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ke,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:je.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ke,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:je.emptyLastRowItemSectionWidth.value(e),height:18})})]})},Hi=r.div`
+`,je={emptyRowItemSectionWidth:new R(120,200,250,330,400),emptyLastRowItemSectionWidth:new R(w[6],50,60,w[11],120)},Ei=()=>{const e=v();return t.jsxs(Vi,{windowSize:e,children:[t.jsx(ke,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:je.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ke,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:je.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ke,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:je.emptyLastRowItemSectionWidth.value(e),height:18})})]})},Vi=r.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -120,7 +120,7 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 a
   flex: 1 1 auto;
   justify-content: ${e=>e.isLastItem?"flex-end":"start"};
   width: ${e=>e.isLastItem?"10%":kt.valuePercentage(e.windowSize)};
-`,Vi=()=>{const e=v();return t.jsxs(Yi,{windowSize:e,children:[t.jsxs(Wi,{children:[t.jsx(z,{width:180,height:w[4]}),t.jsx(z,{width:180,height:w[4]})]}),t.jsx(Ji,{children:t.jsx(z,{width:60,height:18})})]})},Yi=r.div`
+`,Hi=()=>{const e=v();return t.jsxs(Yi,{windowSize:e,children:[t.jsxs(Wi,{children:[t.jsx(z,{width:180,height:w[4]}),t.jsx(z,{width:180,height:w[4]})]}),t.jsx(Ji,{children:t.jsx(z,{width:60,height:18})})]})},Yi=r.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
@@ -158,7 +158,7 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 a
   align-items: baseline;
   flex-direction: row;
   justify-content: end;
-`,qi=()=>v()==="small"?t.jsx(Vi,{}):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`
+`,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;
@@ -175,7 +175,7 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 a
 `,to=r.div`
   display: flex;
   padding: ${i.sp3} ${i.sp0};
-`,io=({notificationData:e,users:o,isSelectionMode:s=!1,isHighlighted:a=!1,style:n,onNotificationTileClick:l,onNotificationTileLongPress:c})=>{const d=nt(),u=lt().analytics,{inboxNotification:{id:h,readAt:f,notifiedAt:m},thread:p}=e,b=f!=null?"read":"unread",k=p.metadata.url,B=x.useCallback(()=>{c?.()},[c]),G=x.useCallback(L=>{L.stopPropagation(),L.cancelable&&L.preventDefault(),s?c?.():k!=null&&(l(h,g.toZeniUrl(p.metadata.url),b),p.metadata.application!=="cockpit"&&u.trackCommentActivity("notification","clicked",p.metadata.companyName,d.controllersList.controllers.map(y=>H(y)),p.resolved?"resolved":"open",{name:dt(d.loggedInUser),email:d.loggedInUser?.userEmail??""},"db notification"))},[s,k,c,l,h,p.metadata.url,p.metadata.application,b,d.controllersList,d.loggedInUser,u,p.metadata.companyName,p.resolved]),T=ut({onLongPress:B},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(ro,{readStatus:b,isClickable:k!=null,isHighlighted:a,style:n,...T,onClick:G,children:[t.jsxs(lo,{children:[t.jsx(oo,{notificationData:e,users:o}),t.jsx(so,{...e})]}),t.jsx(ao,{timestamp:m,readStatus:b})]})},oo=({notificationData:e,users:o})=>t.jsx(Nt,{children:t.jsx(St,{notificationData:e,users:o})}),so=e=>t.jsx(Nt,{children:t.jsx(vt,{...e})}),ao=e=>t.jsx(no,{children:t.jsx(Ct,{...e})}),ro=r.div`
+`,io=({notificationData:e,users:o,isSelectionMode:s=!1,isHighlighted:a=!1,style:n,onNotificationTileClick:l,onNotificationTileLongPress:c})=>{const d=nt(),u=lt().analytics,{inboxNotification:{id:h,readAt:f,notifiedAt:m},thread:p}=e,b=f!=null?"read":"unread",k=p.metadata.url,B=x.useCallback(()=>{c?.()},[c]),G=x.useCallback(L=>{L.stopPropagation(),L.cancelable&&L.preventDefault(),s?c?.():k!=null&&(l(h,g.toZeniUrl(p.metadata.url),b),p.metadata.application!=="cockpit"&&u.trackCommentActivity("notification","clicked",p.metadata.companyName,d.controllersList.controllers.map(y=>V(y)),p.resolved?"resolved":"open",{name:dt(d.loggedInUser),email:d.loggedInUser?.userEmail??""},"db notification"))},[s,k,c,l,h,p.metadata.url,p.metadata.application,b,d.controllersList,d.loggedInUser,u,p.metadata.companyName,p.resolved]),T=ut({onLongPress:B},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(ro,{readStatus:b,isClickable:k!=null,isHighlighted:a,style:n,...T,onClick:G,children:[t.jsxs(lo,{children:[t.jsx(oo,{notificationData:e,users:o}),t.jsx(so,{...e})]}),t.jsx(ao,{timestamp:m,readStatus:b})]})},oo=({notificationData:e,users:o})=>t.jsx(Nt,{children:t.jsx(St,{notificationData:e,users:o})}),so=e=>t.jsx(Nt,{children:t.jsx(vt,{...e})}),ao=e=>t.jsx(no,{children:t.jsx(Ct,{...e})}),ro=r.div`
   display: flex;
   flex-direction: row;
   align-items: baseline;
@@ -228,7 +228,7 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 a
             }
           }
         `:null};
-`,no=r(V)`
+`,no=r(H)`
   width: 25%;
   gap: ${i.sp2};
   display: flex;
@@ -279,7 +279,7 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 a
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{in:ko,strings:Lt},dateFormat:So,commentsAndNotifications:{notifications:{actionStrings:{notifications:A}}}}=P.getLocalizedStrings(),It=e=>{e.sort((n,l)=>n.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of wt){let l=0,c=0,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),h=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&g.dateNow().date()>2&&(d=g.dateNow().subtract(Math.min(g.dateNow().date()-1,8),"d").startOf("d"),u=g.dateNow().subtract(2,"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&g.dateNow().date()>9&&(d=g.dateNow().startOf("M").startOf("d"),u=g.dateNow().subtract(9,"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=g.dateNow().subtract(h,"month").startOf("M").startOf("d"),m=g.dateNow().subtract(h,"month").endOf("M").endOf("d");h++,a=oe(o,f,m),o=a.remainingData,s.push({start:f,end:m,type:n,notifications:a.singleGroup})}break}}return s},oe=(e,o,s)=>{const a=[],n=e.map(l=>at(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:n}},vo=e=>{let o=A.newActivity;return e.code==="in_progress"?o=A.due.replace("__task_status__",Ie(e.name.toLocaleLowerCase())):o=A.due.replace("__task_status__",ko.toLocaleLowerCase().concat(Lt.space,Ie(e.name.toLocaleLowerCase()))),o},Co=e=>{const{eventData:{activities:o}}=e;let s=A.newActivity;if(o.length>0){const a=o[0].activityType,n=o[0].metadata.eventStatus;switch(a){case"task_archived":s=A.archive;break;case"task_deleted":s=A.delete;break;case"task_activities":s=A.activities;break;case"task_assigned":s=A.assign;break;case"task_created":s=A.create;break;case"task_due":s=n!=null?vo(n):A.dueTomorrow;break;case"task_overdue":s=A.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(So.visual.MMMDFormat)??Lt.empty);break;case"task_status_updated":s=A.statusUpdate;break}}return s},Rt=new R(3,2,1,1,1),zt=new R(w[8],33,33,33,35),de={lineClamp:Rt,sectionWidth:zt},{common:{and:Be,other:No,others:To,texts:Lo,timeStrings:Io,strings:D,tags:Ro}}=P.getLocalizedStrings(),zo=({notificationData:e,isHighlighted:o=!1,style:s,onNotificationTileClick:a})=>{const{status:n,notificationId:l,eventData:{entitiyId:c,activities:d},createTime:u}=e;return t.jsxs(Bo,{notificationStatus:n,isHighlighted:o,style:s,onClick:()=>{a(l,c,n,d.length>0?d[0].activityType:void 0)},children:[t.jsx(_o,{...e}),t.jsx(Ao,{...e}),t.jsx(Po,{...e}),t.jsx(Oo,{createTime:u,notificationStatus:n})]})},_t=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Ho,{notificationStatus:o,children:s||D.hyphen})},_o=e=>{const o=v();return t.jsx(Eo,{windowSize:o,children:t.jsx(_t,{...e})})},Do=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Yo,{children:[t.jsx(Fe,{backgroundColor:Re(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Wo,{}),t.jsx(Fe,{backgroundColor:Re(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Mo=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,n=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[D.atTheRate,Lo.user,D.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[D.atTheRate,H(s[0],!1),D.space]}),Be,t.jsxs(q,{className:"userText",notificationStatus:o,children:[D.space,n-1,D.space,To,D.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[D.atTheRate,H(s[0],!1),D.space]}),Be,t.jsxs(q,{className:"userText",notificationStatus:o,children:[D.space,s.length===2?D.atTheRate+H(s[1],!1):No,D.space]})]}):l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[D.atTheRate,H(s[0],!1),D.space]})),l},Dt=e=>t.jsxs(t.Fragment,{children:[t.jsx(Mo,{...e}),Co(e),t.jsx(Do,{...e})]}),Ao=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Uo,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(Dt,{...e})})},Mt=e=>{const{createTime:o,notificationStatus:s}=e,a=yt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Vo,{isNewNotification:a===Io.justNow,children:a}),t.jsx(qo,{notificationStatus:s})]})},Oo=e=>{const o=v();return t.jsx(Fo,{windowSize:o,children:t.jsx(Mt,{...e})})},At=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(ui,{tagTitle:Ro.overdue,textColor:{color:new ye(S.alert),backgroundColor:new ye("transparent"),borderColor:new ye(S.alert)},showLoader:!1}):t.jsx(Jo,{})},Po=e=>{const o=v();return t.jsx(Go,{windowSize:o,children:t.jsx(At,{...e})})},Bo=r.div`
+`,{common:{in:ko,strings:Lt},dateFormat:So,commentsAndNotifications:{notifications:{actionStrings:{notifications:A}}}}=P.getLocalizedStrings(),It=e=>{e.sort((n,l)=>n.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of wt){let l=0,c=0,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),h=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&g.dateNow().date()>2&&(d=g.dateNow().subtract(Math.min(g.dateNow().date()-1,8),"d").startOf("d"),u=g.dateNow().subtract(2,"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&g.dateNow().date()>9&&(d=g.dateNow().startOf("M").startOf("d"),u=g.dateNow().subtract(9,"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=g.dateNow().subtract(h,"month").startOf("M").startOf("d"),m=g.dateNow().subtract(h,"month").endOf("M").endOf("d");h++,a=oe(o,f,m),o=a.remainingData,s.push({start:f,end:m,type:n,notifications:a.singleGroup})}break}}return s},oe=(e,o,s)=>{const a=[],n=e.map(l=>at(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:n}},vo=e=>{let o=A.newActivity;return e.code==="in_progress"?o=A.due.replace("__task_status__",Ie(e.name.toLocaleLowerCase())):o=A.due.replace("__task_status__",ko.toLocaleLowerCase().concat(Lt.space,Ie(e.name.toLocaleLowerCase()))),o},Co=e=>{const{eventData:{activities:o}}=e;let s=A.newActivity;if(o.length>0){const a=o[0].activityType,n=o[0].metadata.eventStatus;switch(a){case"task_archived":s=A.archive;break;case"task_deleted":s=A.delete;break;case"task_activities":s=A.activities;break;case"task_assigned":s=A.assign;break;case"task_created":s=A.create;break;case"task_due":s=n!=null?vo(n):A.dueTomorrow;break;case"task_overdue":s=A.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(So.visual.MMMDFormat)??Lt.empty);break;case"task_status_updated":s=A.statusUpdate;break}}return s},Rt=new R(3,2,1,1,1),zt=new R(w[8],33,33,33,35),de={lineClamp:Rt,sectionWidth:zt},{common:{and:Be,other:No,others:To,texts:Lo,timeStrings:Io,strings:D,tags:Ro}}=P.getLocalizedStrings(),zo=({notificationData:e,isHighlighted:o=!1,style:s,onNotificationTileClick:a})=>{const{status:n,notificationId:l,eventData:{entitiyId:c,activities:d},createTime:u}=e;return t.jsxs(Bo,{notificationStatus:n,isHighlighted:o,style:s,onClick:()=>{a(l,c,n,d.length>0?d[0].activityType:void 0)},children:[t.jsx(_o,{...e}),t.jsx(Ao,{...e}),t.jsx(Po,{...e}),t.jsx(Oo,{createTime:u,notificationStatus:n})]})},_t=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Vo,{notificationStatus:o,children:s||D.hyphen})},_o=e=>{const o=v();return t.jsx(Eo,{windowSize:o,children:t.jsx(_t,{...e})})},Do=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Yo,{children:[t.jsx(Fe,{backgroundColor:Re(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Wo,{}),t.jsx(Fe,{backgroundColor:Re(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Mo=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,n=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[D.atTheRate,Lo.user,D.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[D.atTheRate,V(s[0],!1),D.space]}),Be,t.jsxs(q,{className:"userText",notificationStatus:o,children:[D.space,n-1,D.space,To,D.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[D.atTheRate,V(s[0],!1),D.space]}),Be,t.jsxs(q,{className:"userText",notificationStatus:o,children:[D.space,s.length===2?D.atTheRate+V(s[1],!1):No,D.space]})]}):l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[D.atTheRate,V(s[0],!1),D.space]})),l},Dt=e=>t.jsxs(t.Fragment,{children:[t.jsx(Mo,{...e}),Co(e),t.jsx(Do,{...e})]}),Ao=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Uo,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(Dt,{...e})})},Mt=e=>{const{createTime:o,notificationStatus:s}=e,a=yt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Ho,{isNewNotification:a===Io.justNow,children:a}),t.jsx(qo,{notificationStatus:s})]})},Oo=e=>{const o=v();return t.jsx(Fo,{windowSize:o,children:t.jsx(Mt,{...e})})},At=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(ui,{tagTitle:Ro.overdue,textColor:{color:new ye(S.alert),backgroundColor:new ye("transparent"),borderColor:new ye(S.alert)},showLoader:!1}):t.jsx(Jo,{})},Po=e=>{const o=v();return t.jsx(Go,{windowSize:o,children:t.jsx(At,{...e})})},Bo=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -329,14 +329,14 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 a
       color: ${S.brandColorJade};
     }
   }
-`,Fo=r(V)`
+`,Fo=r(H)`
   width: ${e=>e.windowSize==="small"?"unset":"10%"};
   gap: ${i.sp2};
   display: flex;
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,Go=r(V)`
+`,Go=r(H)`
   width: ${e=>e.windowSize==="small"?"unset":"10%"};
   display: flex;
   align-items: center;
@@ -366,9 +366,9 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 a
   width: ${e=>de.sectionWidth.valuePercentage(e.windowSize)};
 `,q=r(fe)`
   color: ${e=>e.notificationStatus==="read"?e.theme.colors.grey1:S.brandColorJade};
-`,Ho=r(fe)`
+`,Vo=r(fe)`
   color: inherit;
-`,Vo=r(ct)`
+`,Ho=r(ct)`
   flex-shrink: 0;
   color: ${e=>e.isNewNotification?e.theme.colors.primary:"inherit"};
 `,Yo=r.div`
@@ -377,7 +377,7 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 a
   flex-direction: row;
   gap: ${i.sp2};
   flex-wrap: wrap;
-`,Fe=r(V)`
+`,Fe=r(H)`
   color: ${S.neutralGrey5Light};
   background: ${e=>e.backgroundColor};
   border: 1px solid ${e=>e.backgroundColor};
@@ -530,14 +530,14 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 a
       color: ${S.brandColorJade};
     }
   }
-`,ps=r(V)`
+`,ps=r(H)`
   width: 25%;
   gap: ${i.sp2};
   display: flex;
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,fs=r(V)`
+`,fs=r(H)`
   width: 25%;
   display: flex;
   align-items: center;
@@ -570,11 +570,11 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 a
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:He}}=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(Ve,{htmlFor:`${o}.${He.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:me(e)}),value:He.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((f,m)=>{const p=m===0,b=e.notifications.length-1===m;return{label:t.jsx(Ve,{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%;
-`,Ve=r(pe)`
+`,He=r(pe)`
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -596,7 +596,7 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 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",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]),Ht=x.useMemo(()=>It(Y).filter($=>$.notifications.length>0),[Y]),Vt=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(()=>Vt(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:Ht,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(Hs,{children:e>1?qe.notificationsSelected:qe.notificationSelected}),e>Ft?t.jsx(Vs,{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%;
@@ -660,9 +660,9 @@ import{u as X,X as v,a as Zt,M as P,c3 as Kt,j as t,aW as Xt,l as g,F as Qt,a7 a
   align-items: center;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};
-`,Hs=r(rt)`
+`,Vs=r(rt)`
   display: flex;
-`,Vs=r(li)`
+`,Hs=r(li)`
   display: flex;
   color: ${S.important};
   margin-left: ${i.sp1};

package/dist/assets/{OpExByVendorPage-Dm90CRYi-CRnxfwgA.js → OpExByVendorPage-B63DEuJM-BARCJc78.js}

@@ -1,4 +1,4 @@
-import{X as H,hw as ye,M as B,u as q,z as be,j as t,Y as _e,bg as Se,hv as ke,aY as we,aW as ve,hx as Be,hy as $e,o as u,a9 as Oe,d as Pe,C as F,ao as le,J as ie,ab as je,p as $,a_ as Te,bE as De,bF as Ne,bG as Ee,g as a,s as ce,bd as Ie,b8 as Ae,aB as Me,q as Z,aA as Le,aJ as Fe,b9 as Ve,bb as ze,l as Re}from"./index-Bh_1R5Ob.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-CWLOazD0-DQIU7DHt.js";import{V as Ge}from"./toChartData-63e3B91H-ZtR5NJvP.js";import{m as V}from"./analyticsHelper-CZ8c8du5-BYQerWlM.js";import{p as He}from"./TimeRangeSwitcher-DQ-u6pKk-C9r3FAYu.js";import{P as qe}from"./TimeframeSwitcherWithToggle-BlbY3qcY-bVTDjcsV.js";import{C as Je}from"./NoDataChart-VE4W-RUu-D223toQY.js";import{d as Ue}from"./NoDataTable-d0_62BR0-CxXAVuhp.js";import{H as Xe,N as oe}from"./detailCommon-Cp4eknjq-BH10rVqU.js";import{n as z}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{a as Qe,r as J}from"./CollapsableReportTable-DMr2UDgH-BRQiHTxy.js";import{d as pe,l as re}from"./mapLoadingInProgressToTreeNode-DCLD3rcY-DQE4Fmbr.js";import{l as Ze}from"./mapSpacerToTreeNode-DlDwFA_F-adHbwg_D.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-B0yxn0SJ-BcwixCzj.js";import"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";import"./AccountRow-CPX-627p-DXjzC4oo.js";const eo=m.div`
+import{X as H,hv as ye,M as B,u as q,A as be,j as t,Y as _e,bf as Se,hu as ke,aY as we,aW as ve,hw as Be,hx as $e,o as u,a9 as Oe,e as Pe,C as F,ao as le,H as ie,ab as je,q as $,a_ as Te,bE as De,bF as Ne,bG as Ee,g as a,t as ce,bc as Ae,b7 as Ie,aB as Me,r as Z,aA as Le,aJ as Fe,b8 as Ve,ba as ze,l as Re}from"./index-DEtloYMb.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-DYAHlgKd-DnqAO3Rp.js";import{V as Ge}from"./toChartData-CxZEcdj_-B9fAXWHm.js";import{m as V}from"./analyticsHelper-B3QVnfWf-Ii66sXHH.js";import{p as He}from"./TimeRangeSwitcher-AWKZ7PNb-CoqhGH2B.js";import{M as qe}from"./TimeframeSwitcherWithToggle-CRnWI6xW-CcO9Smot.js";import{C as Je}from"./NoDataChart-CVM-QPHf-C-oyhVAy.js";import{d as Ue}from"./NoDataTable-CM-tApqo-CD71WwmK.js";import{H as Xe,N as oe}from"./detailCommon-CsukAL3T-lIItUxyr.js";import{n as z}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{a as Qe,r as J}from"./CollapsableReportTable-ZObwzBbY-BfOvomCm.js";import{d as pe,l as re}from"./mapLoadingInProgressToTreeNode-KYsp1YPe-CdYtsyMK.js";import{l as Ze}from"./mapSpacerToTreeNode-1YBqnFwa-K_d13sRq.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-BlL5woGb-Cmk__EzQ.js";import"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";import"./AccountRow-DVnBiB7_-BUb357r1.js";const eo=m.div`
   display: flex;
 `,oo=m.div`
   flex: display;
@@ -25,7 +25,7 @@ import{X as H,hw as ye,M as B,u as q,z as be,j as t,Y as _e,bg as Se,hv as ke,aY
 `,ao=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const l=r.filter(C=>C.name==o)[0],i=l.payload,h=l.color,n={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:h,total:p,timeframeTick:i.timeLabel})}return s},to=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(eo,{children:t.jsxs(oo,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ro,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),no=e=>{const r=ao({...e});return r.length===0?null:t.jsx(to,{barLabelsWithValues:r,getVendorName:e.getVendorName})},so=We.memo(no),se=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class N{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new N;getBarColor(r){const o=N.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=N.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!ie(s,r)}static init(){return this.#e=new N,this.#e}static instance(){return this.#e}}const lo=N.instance(),io=(e,r)=>{const o=new Set,s={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Ke(g,"actual");o.add(c),l==null&&n.balance!=null&&(l=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),l!=null?Ge(e,[...o],l,s):void 0},co=m.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`;function po({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=y.useRef(!1),h=lo,[n,p]=y.useState(void 0);y.useEffect(()=>{i.current=!0},[]);const g=io(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(b=>{const S=l===!0&&!i.current;d.push(C(b,S))}),d},C=(d,b)=>t.jsx(ze,{name:d,animationDuration:b?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),_=({active:d,payload:b})=>b?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(so,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=Re.getOpexVendorTimeframeKey(d);try{const v=b.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(ho,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const ho=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=Ye(e),g=i!==!1,c=h?(s-60)/G.operating_expenses_by_vendor*(G.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(co,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Ie,{width:_,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?$[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Me,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Le,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Fe("0,0.[00]a",f,p)}),t.jsx(Ve,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(_-120)/G.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function mo(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function go(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function uo(e){const r=go(e);if(r!=null)return fo(e.statementEndPoint,e.authParams,r)}async function fo(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(mo(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ne(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ee(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function Co({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function xo({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",h=e.classBase?.className??"-",n=J("vendor_row",[],o+i+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function yo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const bo=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=pe({balances:i,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((C,_)=>{n.push(re({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=yo({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const C=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>xo({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&C==null,config:o}));n.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(Ze({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(Co({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function _o(e,r,o,s=!0){Object.assign(e.config,r);const l=So(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const So=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new F(288,360),wrapperPadding:new F($[3],$[3],$[8]),contentPaddingLeft:new F($[0],$[0],$[0]),contentPaddingRight:new F($[3],$[3],$[8])},ko=m.div`
+`;function po({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=y.useRef(!1),h=lo,[n,p]=y.useState(void 0);y.useEffect(()=>{i.current=!0},[]);const g=io(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(b=>{const S=l===!0&&!i.current;d.push(C(b,S))}),d},C=(d,b)=>t.jsx(ze,{name:d,animationDuration:b?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),_=({active:d,payload:b})=>b?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(so,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=Re.getOpexVendorTimeframeKey(d);try{const v=b.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(ho,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const ho=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=Ye(e),g=i!==!1,c=h?(s-60)/G.operating_expenses_by_vendor*(G.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(co,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Ae,{width:_,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?$[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Ie,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Me,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Le,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Fe("0,0.[00]a",f,p)}),t.jsx(Ve,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(_-120)/G.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function mo(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function go(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function uo(e){const r=go(e);if(r!=null)return fo(e.statementEndPoint,e.authParams,r)}async function fo(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(mo(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ne(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ee(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function Co({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function xo({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",h=e.classBase?.className??"-",n=J("vendor_row",[],o+i+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function yo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const bo=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=pe({balances:i,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((C,_)=>{n.push(re({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=yo({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const C=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>xo({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&C==null,config:o}));n.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(Ze({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(Co({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function _o(e,r,o,s=!0){Object.assign(e.config,r);const l=So(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const So=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new F(288,360),wrapperPadding:new F($[3],$[3],$[8]),contentPaddingLeft:new F($[0],$[0],$[0]),contentPaddingRight:new F($[3],$[3],$[8])},ko=m.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -87,14 +87,14 @@ import{X as H,hw as ye,M as B,u as q,z as be,j as t,Y as _e,bg as Se,hv as ke,aY
 `,Eo=m.div`
   margin-top: ${u.sp5};
   margin-bottom: ${u.sp6};
-`,Io=m.div`
+`,Ao=m.div`
   display: flex;
   position: sticky;
   justify-content: center;
   padding-top: ${u.sp8};
   padding-left: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
   background-color: ${e=>e.theme.colors.grey4};
-`,Ao=m.div`
+`,Io=m.div`
   width: 100%;
   height: calc(100vh - ${u.sp11});
-`,Mo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(vo,{children:t.jsx(Pe,{size:"ExtraLarge",start:!0})}):null,hr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:C,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:b,updateDownloadStateHandler:S,onClearSearch:v,analytics:O,onClickMenuIcon:R})=>{const[j,I]=y.useState(o.searchString[o.timeframe]),[A,M]=y.useState(!1),k=H(),T=y.useRef(null),W=ye(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,U=B.getLocalizedStrings().vendors,X=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:P}=o,D=o.searchString[P],fe=y.useCallback(w=>{n(P,D,w)},[P,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,P),C(!0),n(P,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[P],...s}),O?.trackDownload(z("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}A&&o.downloadState!=="In-Progress"&&(M(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,A]),y.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs(Bo,{children:[t.jsx($o,{"data-testid":_e("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx(Oo,{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(Mo,{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:U.common.searchPlaceholder,searchText:j??"",onSearchTextChanged:x=>{I(x),x.trim().length>=2?Q(x,P):x.trim().length==0&&Q("",P)},downloadPresent:!0}),t.jsx(we,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async x=>{if(x==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(ko,{windowSize:k,children:[t.jsx(ve,{title:U.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:X.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 ${X.colors.grey3}`},onTabChange:x=>l($e(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:O}),Y!=null?t.jsx(Eo,{children:t.jsx(Xe,{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:O})]})}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(Po,{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(Je,{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),O=H(),R=q(),j=!(O==="small"||O==="medium-compact");y.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis: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,A=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Io,{windowSize:O,ref:s,children:o?t.jsx(Ue,{}):d!=null?t.jsx(Ao,{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(O),right:E.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:I,itemCount:M,loadMoreItems:A}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:l}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{hr as default};
+`,Mo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(vo,{children:t.jsx(Pe,{size:"ExtraLarge",start:!0})}):null,hr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:C,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:b,updateDownloadStateHandler:S,onClearSearch:v,analytics:O,onClickMenuIcon:R})=>{const[j,A]=y.useState(o.searchString[o.timeframe]),[I,M]=y.useState(!1),k=H(),T=y.useRef(null),W=ye(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,U=B.getLocalizedStrings().vendors,X=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:P}=o,D=o.searchString[P],fe=y.useCallback(w=>{n(P,D,w)},[P,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,P),C(!0),n(P,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[P],...s}),O?.trackDownload(z("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}I&&o.downloadState!=="In-Progress"&&(M(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,I]),y.useEffect(()=>{A(D)},[D]),e.fetchState==="Error")return t.jsxs(Bo,{children:[t.jsx($o,{"data-testid":_e("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx(Oo,{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(Mo,{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:U.common.searchPlaceholder,searchText:j??"",onSearchTextChanged:x=>{A(x),x.trim().length>=2?Q(x,P):x.trim().length==0&&Q("",P)},downloadPresent:!0}),t.jsx(we,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async x=>{if(x==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(ko,{windowSize:k,children:[t.jsx(ve,{title:U.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:X.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 ${X.colors.grey3}`},onTabChange:x=>l($e(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:O}),Y!=null?t.jsx(Eo,{children:t.jsx(Xe,{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:O})]})}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(Po,{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(Je,{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),O=H(),R=q(),j=!(O==="small"||O==="medium-compact");y.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis: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 A=k=>k<e.opexBalances.length,I=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Ao,{windowSize:O,ref:s,children:o?t.jsx(Ue,{}):d!=null?t.jsx(Io,{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(O),right:E.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:A,itemCount:M,loadMoreItems:I}})}):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{hr as default};

package/dist/assets/{OverlayContainerPage-nhe7xtoR-B2VuCGmE.js → OverlayContainerPage-C0rUb6-5-BDWmQRwQ.js}

@@ -1,4 +1,4 @@
-import{u as i,j as r}from"./index-Bh_1R5Ob.js";import{n}from"./vendor-CnQcJ2Lu.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const p=n.div`
+import{u as i,j as r}from"./index-DEtloYMb.js";import{n}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.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-DhbFHH25-B_jOsETc.js → PandLWithForecastPage-uY-ajYp4-Lez30LQU.js}

@@ -1,4 +1,4 @@
-import{j as o,I as M,u as T,X as v,Y as A,aW as re,M as c,K as ie,d as ae,C as D,q as ce,o as s,J as le,ab as de,c0 as ge,c1 as pe,aS as me,p as b,l as H,a_ as he,c2 as ue,a9 as fe,aa as xe,av as we}from"./index-Bh_1R5Ob.js";import{n as r,b as F}from"./vendor-CnQcJ2Lu.js";import{H as Se}from"./NavBarWithPicker-DbSWvh0o-CjlAab2L.js";import{m as je}from"./analyticsHelper-CZ8c8du5-BYQerWlM.js";import{P as $e}from"./TimeframeSwitcherWithToggle-BlbY3qcY-bVTDjcsV.js";import{a as Pe,W as be}from"./CollapsableReportTable-DMr2UDgH-BRQiHTxy.js";import{M as E}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import{T as Ce,I as ke,L as ye}from"./mapSectionWithAcOnlyToTreeNode-C-VOXE5I-IEIwZ2Vf.js";import{s as q}from"./mapTimeframeBalancesToTreeNode-EEyJwCnX-DL3MQtPA.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-B0yxn0SJ-BcwixCzj.js";import"./AccountRow-CPX-627p-DXjzC4oo.js";const G="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",K="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,aW as re,M as c,K as ie,e as ae,C as D,r as ce,o as s,H as le,ab as de,c0 as ge,c1 as pe,aS as me,q as C,l as H,a_ as he,c2 as ue,a9 as fe,aa as xe,av as we}from"./index-DEtloYMb.js";import{n as r,b as F}from"./vendor-CnQcJ2Lu.js";import{H as Se}from"./NavBarWithPicker-CuVAj7o5-QRyCYrfU.js";import{m as je}from"./analyticsHelper-B3QVnfWf-Ii66sXHH.js";import{M as $e}from"./TimeframeSwitcherWithToggle-CRnWI6xW-CcO9Smot.js";import{a as be,W as Ce}from"./CollapsableReportTable-ZObwzBbY-BfOvomCm.js";import{M as E}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import{T as Pe,I as ke,L as ye}from"./mapSectionWithAcOnlyToTreeNode-t5fK12Uc-CbMkSgtE.js";import{s as q}from"./mapTimeframeBalancesToTreeNode-DD1v-gTG-9n0fkm_w.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-BlL5woGb-Cmk__EzQ.js";import"./AccountRow-DVnBiB7_-BUb357r1.js";const G="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",K="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%;
@@ -23,11 +23,11 @@ import{j as o,I as M,u as T,X as v,Y as A,aW as re,M as c,K as ie,d as ae,C as D
   align-items: center;
   justify-content: center;
   margin-bottom: ${e=>e.windowSize==="small"?s.sp3:s.sp4};
-`,Ie=r.div``,J=r.div`
+`,Ie=r.div``,Z=r.div`
   width: ${e=>e.windowSize==="small"?"auto":"408px"};
   display: flex;
   flex-direction: column;
-`,Z=r.div`
+`,J=r.div`
   width: ${e=>e.windowSize==="small"?"100%":"calc(100% - 408px)"};
   overflow: hidden;
   max-width: 712px;
@@ -39,7 +39,7 @@ import{j as o,I as M,u as T,X as v,Y as A,aW as re,M as c,K as ie,d as ae,C as D
   border-radius: 12px;
   border: ${e=>`1px solid ${e.theme.colors.grey5}`};
   padding: 15px;
-`,C=r.div`
+`,P=r.div`
   border-radius: ${s.sp12};
   border: ${e=>`1px solid ${e.theme.colors.grey2}`};
   padding: ${e=>e.windowSize==="small"?`${s.sp2} ${s.sp4} ${s.sp2} ${s.sp0}`:`${s.sp3} ${s.sp5} ${s.sp3} ${s.sp0}`};
@@ -70,7 +70,7 @@ import{j as o,I as M,u as T,X as v,Y as A,aW as re,M as c,K as ie,d as ae,C as D
   margin: ${s.sp3} auto;
   max-width: 422px;
   color: ${e=>e.theme.colors.hero};
-`,Ae=()=>{const e=T(),t=v();return o.jsxs(X,{windowSize:t,children:[o.jsx(Z,{windowSize:t,children:o.jsx(Q,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:G,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(J,{windowSize:t,children:[o.jsxs(C,{windowSize:t,children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(C,{windowSize:t,children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(C,{windowSize:t,children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Fe=()=>{const e=T(),t=v();return o.jsxs(X,{windowSize:t,children:[o.jsxs(J,{windowSize:t,children:[o.jsxs(C,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(C,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(C,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(Z,{windowSize:t,children:o.jsx(Q,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:G,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Ne=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const a=T(),l=v(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(ze,{"data-testid":A("forecast-promo-page"),children:[o.jsx(re,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),o.jsxs(ve,{"data-testid":A("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Te,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Le,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ae,{}):o.jsx(Fe,{}),o.jsxs(Ie,{"data-testid":A("forecast-promo-bottom-container"),children:[o.jsx(ie,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:d}),o.jsx(Me,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Oe(e,t,n=!0){const a=c.getLocalizedStrings().reports,l=e.filter.balancesRange.numberOfPeriods,d=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],m=q({balances:d,config:t}),p=[];return p.push(m),e.idsInOrder.forEach(i=>{if(H.isPandLReportViewSectionID(i)===!0){const f=e.sections[i];if(f==null)return;f.accountGroups.length>0?p.push(Ce({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):p.push(ke({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else H.isPandLReportViewCalculatedSectionID(i)===!0&&p.push(ye({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[m]:[],contentNodes:p}}function _e(e,t,n,a=!0){Object.assign(e.config,t);const l=n.sections.expenses.balances.length>0?[...n.sections.expenses.balances,...n.sections.expenses.additionalBalances]:[...n.sections.income.balances,...n.sections.income.additionalBalances],d=q({balances:l,config:t,nodeId:e.contentNodes[0].id}),m=e.contentNodes.slice(1);return m.forEach(p=>se(p,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...m]}}function se(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(n=>se(n,t))}const L={contentPaddingLeft:new D(b[3],b[3],b[8]),contentPaddingRight:new D(b[3],b[3],b[8])},Be=r.div`
+`,Ae=()=>{const e=T(),t=v();return o.jsxs(X,{windowSize:t,children:[o.jsx(J,{windowSize:t,children:o.jsx(Q,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:G,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(Z,{windowSize:t,children:[o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Fe=()=>{const e=T(),t=v();return o.jsxs(X,{windowSize:t,children:[o.jsxs(Z,{windowSize:t,children:[o.jsxs(P,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(P,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(P,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(J,{windowSize:t,children:o.jsx(Q,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:G,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Ne=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const a=T(),l=v(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(ze,{"data-testid":A("forecast-promo-page"),children:[o.jsx(re,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),o.jsxs(ve,{"data-testid":A("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Te,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Le,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ae,{}):o.jsx(Fe,{}),o.jsxs(Ie,{"data-testid":A("forecast-promo-bottom-container"),children:[o.jsx(ie,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:d}),o.jsx(Me,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Oe(e,t,n=!0){const a=c.getLocalizedStrings().reports,l=e.filter.balancesRange.numberOfPeriods,d=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],m=q({balances:d,config:t}),p=[];return p.push(m),e.idsInOrder.forEach(i=>{if(H.isPandLReportViewSectionID(i)===!0){const f=e.sections[i];if(f==null)return;f.accountGroups.length>0?p.push(Pe({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):p.push(ke({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else H.isPandLReportViewCalculatedSectionID(i)===!0&&p.push(ye({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[m]:[],contentNodes:p}}function _e(e,t,n,a=!0){Object.assign(e.config,t);const l=n.sections.expenses.balances.length>0?[...n.sections.expenses.balances,...n.sections.expenses.additionalBalances]:[...n.sections.income.balances,...n.sections.income.additionalBalances],d=q({balances:l,config:t,nodeId:e.contentNodes[0].id}),m=e.contentNodes.slice(1);return m.forEach(p=>se(p,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...m]}}function se(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(n=>se(n,t))}const L={contentPaddingLeft:new D(C[3],C[3],C[8]),contentPaddingRight:new D(C[3],C[3],C[8])},Be=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -104,4 +104,4 @@ import{j as o,I as M,u as T,X as v,Y as A,aW as re,M as c,K as ie,d as ae,C as D
   align-items: center;
   justify-content: center;
   margin-bottom: ${s.sp3};
-`,De=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:m,onBackClick:p,isPandLReportFetching:i,onClickMenuIcon:f})=>{const h=v(),u=[];for(let g=0;g<e.length;++g)u.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:u,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ce.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const z=e[parseInt(g)];n?.(z.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:p,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:f},$={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:a,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:d,onTimeframeSelectionChanged:g=>m?.(g)}};return o.jsxs(Re,{paddingLeft:L.contentPaddingLeft.value(h),paddingRight:L.contentPaddingRight.value(h),children:[o.jsx(Se,{...x}),i?"":o.jsx(We,{children:o.jsx($e,{...$})})]})},He=({report:e,type:t,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:m,onTableScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f})=>{const h=T(),u=v(),[x,$]=F.useState(void 0),[g,z]=F.useState(void 0),P=!(u==="small"||u==="medium-compact"),I=n===!0?"actual_vs_forecast":"none";return F.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:I,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:be(t)===!0&&n===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:he()};if(x==null||!le(g,e)){const w=Oe(e,S,P);z(e),$(w)}else{const w=_e(x,S,e,P);$(w)}},[t,n,e]),x!=null?o.jsx(Pe,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:a,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:L.contentPaddingLeft.value(u),right:L.contentPaddingRight.value(u)},onAccountClick:l==null?void 0:(S,w)=>{l(S,w)},onCompareModeChanged:d,scrollPosition:m,onScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f}):null};function po({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:m,meetingUrl:p,analytics:i,onForecastSelectionChanged:f,onTimeframeChanged:h,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:P,onNodeCollapseToggled:I,onBackClick:S,onClickMenuIcon:w}){const V=[a.fetchState,d.fetchState],R=l?.index??-1;return ne(V)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Ne,{meetingUrl:p,onBackClick:S,onClickMenuIcon:w}):Y([a.fetchState])===!0?o.jsx(U,{fetchState:Ye(V)}):o.jsxs(Be,{children:[o.jsx(De,{forecastList:a.forecasts,selectedForecastIndex:R,onForecastSelectionChanged:(j,W)=>{i?.trackForecastSwitch(M.Event.profitAndLossWithForecast,a.forecasts[W].name),f?.(j,W)},vsActualOn:t,onVsActualChanged:j=>{i?.trackForecastVsActualMode(M.Event.profitAndLossWithForecast,a.forecasts[R].name,j),u?.(j)},selectedTimeframe:e,onTimeframeChanged:j=>{i?.trackTimeframeSwitch(je(j),M.Event.profitAndLossWithForecast),h?.(j)},onBackClick:S,isPandLReportFetching:Y([d.fetchState]),onClickMenuIcon:w}),d.fetchState==="In-Progress"?o.jsx(U,{fetchState:"In-Progress"}):o.jsx(Ee,{children:o.jsx(He,{report:d,type:m,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:P,onNodeCollapseToggled:I})})]})}const Ue=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),ne=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),Y=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Ye=e=>Ue(e)===!0?"Completed":ne(e)===!0?"Error":"In-Progress";export{po as default,Y as isAnyInProgress};
+`,De=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:m,onBackClick:p,isPandLReportFetching:i,onClickMenuIcon:f})=>{const h=v(),u=[];for(let g=0;g<e.length;++g)u.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:u,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ce.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const z=e[parseInt(g)];n?.(z.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:p,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:f},$={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:a,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:d,onTimeframeSelectionChanged:g=>m?.(g)}};return o.jsxs(Re,{paddingLeft:L.contentPaddingLeft.value(h),paddingRight:L.contentPaddingRight.value(h),children:[o.jsx(Se,{...x}),i?"":o.jsx(We,{children:o.jsx($e,{...$})})]})},He=({report:e,type:t,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:m,onTableScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f})=>{const h=T(),u=v(),[x,$]=F.useState(void 0),[g,z]=F.useState(void 0),b=!(u==="small"||u==="medium-compact"),I=n===!0?"actual_vs_forecast":"none";return F.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:I,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:Ce(t)===!0&&n===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:he()};if(x==null||!le(g,e)){const w=Oe(e,S,b);z(e),$(w)}else{const w=_e(x,S,e,b);$(w)}},[t,n,e]),x!=null?o.jsx(be,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:a,isSticky:{isStickyHeader:b,isStickyName:b},treeNodePadding:{left:L.contentPaddingLeft.value(u),right:L.contentPaddingRight.value(u)},onAccountClick:l==null?void 0:(S,w)=>{l(S,w)},onCompareModeChanged:d,scrollPosition:m,onScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f}):null};function po({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:m,meetingUrl:p,analytics:i,onForecastSelectionChanged:f,onTimeframeChanged:h,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:b,onNodeCollapseToggled:I,onBackClick:S,onClickMenuIcon:w}){const V=[a.fetchState,d.fetchState],R=l?.index??-1;return ne(V)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Ne,{meetingUrl:p,onBackClick:S,onClickMenuIcon:w}):Y([a.fetchState])===!0?o.jsx(U,{fetchState:Ye(V)}):o.jsxs(Be,{children:[o.jsx(De,{forecastList:a.forecasts,selectedForecastIndex:R,onForecastSelectionChanged:(j,W)=>{i?.trackForecastSwitch(M.Event.profitAndLossWithForecast,a.forecasts[W].name),f?.(j,W)},vsActualOn:t,onVsActualChanged:j=>{i?.trackForecastVsActualMode(M.Event.profitAndLossWithForecast,a.forecasts[R].name,j),u?.(j)},selectedTimeframe:e,onTimeframeChanged:j=>{i?.trackTimeframeSwitch(je(j),M.Event.profitAndLossWithForecast),h?.(j)},onBackClick:S,isPandLReportFetching:Y([d.fetchState]),onClickMenuIcon:w}),d.fetchState==="In-Progress"?o.jsx(U,{fetchState:"In-Progress"}):o.jsx(Ee,{children:o.jsx(He,{report:d,type:m,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:b,onNodeCollapseToggled:I})})]})}const Ue=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),ne=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),Y=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Ye=e=>Ue(e)===!0?"Completed":ne(e)===!0?"Error":"In-Progress";export{po as default,Y as isAnyInProgress};

package/dist/assets/{PaymentAccountSetupBillingAddressSection-Debi_lWf-DgZH-stN.js → PaymentAccountSetupBillingAddressSection-DM9NYbmX-C_WC5GD-.js}

@@ -1,4 +1,4 @@
-import{eP as Q,M as K,h5 as de,a5 as le,q as V,o as a,g as z,X as N,j as t,bB as pe,h6 as me,u as re,cg as ge,ab as F,C as W,aQ as he,eZ as ue,s as ie,h7 as fe,h8 as Se,h9 as q,ha as G,hb as X,a7 as ye,i as Y,p as xe,gi as be,f as Ce,Q as we}from"./index-Bh_1R5Ob.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";import{z as ve}from"./SetUpAccountSection-nul4pyeP-DU6cZy0a.js";const Pe={containerHeight:new W(656,720)},$e=o.div`
+import{eO as Z,M as K,h4 as de,a5 as le,r as B,o as a,g as z,X as N,j as t,bA as pe,h5 as me,u as re,cg as ge,ab as F,C as W,aQ as he,eY as ue,t as ie,h6 as fe,h7 as Se,h8 as q,h9 as G,ha as Y,a7 as ye,i as X,q as xe,gh as be,m as Ce,Q as we}from"./index-DEtloYMb.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";import{O as ve}from"./SetUpAccountSection-DDe06VBR--XDyyAq7.js";const Pe={containerHeight:new W(656,720)},$e=o.div`
   display: flex;
   flex-direction: column;
   gap: 20px;
@@ -81,14 +81,14 @@ import{eP as Q,M as K,h5 as de,a5 as le,q as V,o as a,g as z,X as N,j as t,bB as
   color: ${z.important};
   width: 434px;
   text-align: center;
-`,{cardPayment:c,common:{footer:te}}=K.getLocalizedStrings(),De=o(Ce)`
+`,{cardPayment:c,common:{footer:te}}=K.getLocalizedStrings(),Me=o(Ce)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
   margin-top: ${a.sp2};
-`,ae=e=>`${e}_form`,se="CardPaymentPaymentForm",Me=({cardPaymentView:e,clientSecret:r,cardSetupInProgress:m,handleConfirmCardSetupIntent:i,updateCardPaymentModalState:y,handleAddCardPaymentSource:d,setCardSetupInProgress:g})=>{const x=fe(),n=Se(),[l,h]=p.useState(!1),[P,$]=p.useState(!1),[b,C]=p.useState(!1),[u,w]=p.useState(!1),j=N(),_=e.cardSetupConfirmStatus.fetchState,T=e.addCardPaymentSourceStatus.fetchState,D=e.cardSetupIntentStatus.fetchState,[I,f]=p.useState(!1),H=async S=>{if(S.preventDefault(),!x||!n)return;const v=n.getElement(q),E=n.getElement(G),A=n.getElement(X);(!v||!E||!A)&&f(!0),w(!0),g(!0),v!=null&&E!=null&&A!=null&&x.confirmCardSetup(r,{payment_method:{card:v}}).then(L=>{w(!1),i(L),L.setupIntent?.id!=null&&d("card","payment_intent",L.setupIntent?.id)}).catch(()=>{w(!1),setTimeout(()=>{g(!1)},2e3)})},R=re(),U={showIcon:!0,style:{base:{...V.standardRegular.cssObject,color:R.colors.primary,"::placeholder":{color:R.colors.grey2}},invalid:{color:z.important,iconColor:z.important}}},M=_==="In-Progress"||T==="In-Progress"||D==="In-Progress"||u===!0||m===!0,O=l||P||b||_==="In-Progress"||T==="In-Progress"||D==="In-Progress"||u===!0||m===!0;return t.jsx(Ie,{windowSize:j,children:t.jsxs(je,{onSubmit:H,id:ae(se),children:[t.jsxs(Ee,{children:[t.jsx(Ae,{children:t.jsx(ke,{children:t.jsx(q,{options:U,onChange:S=>h(!!S.error)})})}),t.jsx(_e,{children:t.jsxs(Re,{children:[t.jsx(ee,{children:c.cardNumber}),t.jsx(G,{options:U,onChange:S=>$(!!S.error)})]})}),t.jsx(Te,{children:t.jsxs(Ue,{children:[t.jsx(ee,{children:c.CVC}),t.jsx(X,{options:U,onChange:S=>C(!!S.error)})]})})]}),e.cardSetupConfirmStatus.error||I?t.jsx(ne,{children:c.errorMsg}):null,t.jsx(ye,{style:{width:"100%",padding:`${a.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:ae(se),primaryBtn:{label:te.linkCard,style:{width:"104px",height:a.sp6},isLoading:M,isDisabled:O,type:"submit"},cancelBtn:{label:te.cancel,style:{width:"104px",height:a.sp6},onClick:()=>{y(!1)}}}),t.jsxs(De,{windowSize:j,children:[c.terms.term1,t.jsx(Y,{href:c.terms.term2Link,linkText:c.terms.term2}),c.terms.term3,t.jsx(Y,{href:c.terms.term4Link,linkText:c.terms.term4})]})]})})},qe=({isCardPaymentOpen:e,cardPaymentView:r,stripeKey:m,cardSetupInProgress:i,handleConfirmCardSetupIntent:y,updateCardPaymentModalState:d,handleCreateCardSetupIntent:g,handleAddCardPaymentSource:x,handleResetCardPaymentErrorStatuses:n,setCardSetupInProgress:l})=>{const[h,P]=p.useState(""),$=de(m),b=le(r.addCardPaymentSourceStatus.fetchState),C=r.addCardPaymentSourceStatus.fetchState;p.useEffect(()=>(g(["card"]),()=>{d(!1),P(""),n()}),[]),p.useEffect(()=>{n()},[e]),p.useEffect(()=>{b==="In-Progress"&&C==="Error"?(l(!1),setTimeout(()=>{d(!1)},2e3)):b==="In-Progress"&&C==="Completed"&&(g(["card"]),setTimeout(()=>{d(!1),l(!1)},2e3))},[b,C]),p.useEffect(()=>{(r.cardSetupConfirmStatus.error||r.addCardPaymentSourceStatus.error)&&(g(["card"]),setTimeout(()=>{l(!1)},2e3))},[r.cardSetupConfirmStatus.error,r.addCardPaymentSourceStatus.error]),p.useEffect(()=>{r.clientSecret!=null&&P(r.clientSecret)},[r.clientSecret]);const u={theme:"stripe",variables:{borderRadius:a.sp1,fontSizeBase:V.standardRegular.fontSize,fontFamily:V.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${z.neutralGrey3Light}`,borderRadius:a.sp1,padding:"10px",fontSize:V.standardRegular.fontSize}}},w={clientSecret:h,appearance:u},j=N();return t.jsx(pe,{open:e,children:t.jsxs($e,{windowSize:j,isError:!!r.cardSetupConfirmStatus.error,children:[t.jsx(Le,{children:c.title}),t.jsx(ze,{children:c.subtitle}),h&&$!=null?t.jsx(me,{options:w,stripe:$,children:t.jsx(Me,{clientSecret:h,handleConfirmCardSetupIntent:y,updateCardPaymentModalState:d,handleAddCardPaymentSource:x,cardPaymentView:r,cardSetupInProgress:i,setCardSetupInProgress:l})}):t.jsx(ne,{children:c.errorMsg})]})})},{cardBrands:s}=K.getLocalizedStrings().cardPayment,J={visa:{name:s.visa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/visa.svg"},mastercard:{name:s.mastercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/mastercard.svg"},american_express:{name:s.american_express,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/amex.svg"},discover:{name:s.discover,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/discover-global.svg"},jcb:{name:s.jcb,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/jcb-card.svg"},diners_club:{name:s.diners_club,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dinersclub.svg"},unionpay:{name:s.unionpay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},rupay:{name:s.rupay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rupay-card.svg"},bancontact:{name:s.bancontact,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cmr_falabella:{name:s.cmr_falabella,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},tarjeta_naranja:{name:s.tarjeta_naranja,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},nativa:{name:s.nativa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cencosud:{name:s.cencosud,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cabal:{name:s.cabal,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},argencard:{name:s.argencard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},elo:{name:s.elo,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/elo-card.svg"},hipercard:{name:s.hipercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/hipercard.svg"},carnet:{name:s.carnet,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/carnet.svg"},maestro:{name:s.maestro,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/maestro.svg"},not_applicable:{name:s.not_applicable,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},eftpos_australia:{name:s.eftpos_australia,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},girocard:{name:s.girocard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},other:{name:s.other,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},unknown:{name:s.unknown,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}},k={sectionWidth:new W(343,580,726),iconWidthHeight:new W(20,xe[4])},Be={title:new we("standardSemiBold","largeSemiBold")},oe=e=>e?J[e]??{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}:{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},Ve=(e,r,m,i)=>({header:e,title:`${Q(J[i.cardsList[0]?.brand]?.name??"")} ${r}`,subtitle:`${Q(J[i.cardsList[0]?.brand]?.name??"")} ${m} ${i.cardsList[0]?.last4}`,status:i.cardsList[0]?.status}),He=o.img`
+`,ae=e=>`${e}_form`,se="CardPaymentPaymentForm",De=({cardPaymentView:e,clientSecret:r,cardSetupInProgress:m,handleConfirmCardSetupIntent:i,updateCardPaymentModalState:y,handleAddCardPaymentSource:d,setCardSetupInProgress:g})=>{const x=fe(),n=Se(),[l,h]=p.useState(!1),[P,$]=p.useState(!1),[b,C]=p.useState(!1),[u,w]=p.useState(!1),j=N(),_=e.cardSetupConfirmStatus.fetchState,T=e.addCardPaymentSourceStatus.fetchState,M=e.cardSetupIntentStatus.fetchState,[I,f]=p.useState(!1),V=async S=>{if(S.preventDefault(),!x||!n)return;const v=n.getElement(q),E=n.getElement(G),A=n.getElement(Y);(!v||!E||!A)&&f(!0),w(!0),g(!0),v!=null&&E!=null&&A!=null&&x.confirmCardSetup(r,{payment_method:{card:v}}).then(L=>{w(!1),i(L),L.setupIntent?.id!=null&&d("card","payment_intent",L.setupIntent?.id)}).catch(()=>{w(!1),setTimeout(()=>{g(!1)},2e3)})},R=re(),U={showIcon:!0,style:{base:{...B.standardRegular.cssObject,color:R.colors.primary,"::placeholder":{color:R.colors.grey2}},invalid:{color:z.important,iconColor:z.important}}},D=_==="In-Progress"||T==="In-Progress"||M==="In-Progress"||u===!0||m===!0,H=l||P||b||_==="In-Progress"||T==="In-Progress"||M==="In-Progress"||u===!0||m===!0;return t.jsx(Ie,{windowSize:j,children:t.jsxs(je,{onSubmit:V,id:ae(se),children:[t.jsxs(Ee,{children:[t.jsx(Ae,{children:t.jsx(ke,{children:t.jsx(q,{options:U,onChange:S=>h(!!S.error)})})}),t.jsx(_e,{children:t.jsxs(Re,{children:[t.jsx(ee,{children:c.cardNumber}),t.jsx(G,{options:U,onChange:S=>$(!!S.error)})]})}),t.jsx(Te,{children:t.jsxs(Ue,{children:[t.jsx(ee,{children:c.CVC}),t.jsx(Y,{options:U,onChange:S=>C(!!S.error)})]})})]}),e.cardSetupConfirmStatus.error||I?t.jsx(ne,{children:c.errorMsg}):null,t.jsx(ye,{style:{width:"100%",padding:`${a.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:ae(se),primaryBtn:{label:te.linkCard,style:{width:"104px",height:a.sp6},isLoading:D,isDisabled:H,type:"submit"},cancelBtn:{label:te.cancel,style:{width:"104px",height:a.sp6},onClick:()=>{y(!1)}}}),t.jsxs(Me,{windowSize:j,children:[c.terms.term1,t.jsx(X,{href:c.terms.term2Link,linkText:c.terms.term2}),c.terms.term3,t.jsx(X,{href:c.terms.term4Link,linkText:c.terms.term4})]})]})})},qe=({isCardPaymentOpen:e,cardPaymentView:r,stripeKey:m,cardSetupInProgress:i,handleConfirmCardSetupIntent:y,updateCardPaymentModalState:d,handleCreateCardSetupIntent:g,handleAddCardPaymentSource:x,handleResetCardPaymentErrorStatuses:n,setCardSetupInProgress:l})=>{const[h,P]=p.useState(""),$=de(m),b=le(r.addCardPaymentSourceStatus.fetchState),C=r.addCardPaymentSourceStatus.fetchState;p.useEffect(()=>(g(["card"]),()=>{d(!1),P(""),n()}),[]),p.useEffect(()=>{n()},[e]),p.useEffect(()=>{b==="In-Progress"&&C==="Error"?(l(!1),setTimeout(()=>{d(!1)},2e3)):b==="In-Progress"&&C==="Completed"&&(g(["card"]),setTimeout(()=>{d(!1),l(!1)},2e3))},[b,C]),p.useEffect(()=>{(r.cardSetupConfirmStatus.error||r.addCardPaymentSourceStatus.error)&&(g(["card"]),setTimeout(()=>{l(!1)},2e3))},[r.cardSetupConfirmStatus.error,r.addCardPaymentSourceStatus.error]),p.useEffect(()=>{r.clientSecret!=null&&P(r.clientSecret)},[r.clientSecret]);const u={theme:"stripe",variables:{borderRadius:a.sp1,fontSizeBase:B.standardRegular.fontSize,fontFamily:B.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${z.neutralGrey3Light}`,borderRadius:a.sp1,padding:"10px",fontSize:B.standardRegular.fontSize}}},w={clientSecret:h,appearance:u},j=N();return t.jsx(pe,{open:e,children:t.jsxs($e,{windowSize:j,isError:!!r.cardSetupConfirmStatus.error,children:[t.jsx(Le,{children:c.title}),t.jsx(ze,{children:c.subtitle}),h&&$!=null?t.jsx(me,{options:w,stripe:$,children:t.jsx(De,{clientSecret:h,handleConfirmCardSetupIntent:y,updateCardPaymentModalState:d,handleAddCardPaymentSource:x,cardPaymentView:r,cardSetupInProgress:i,setCardSetupInProgress:l})}):t.jsx(ne,{children:c.errorMsg})]})})},{cardBrands:s}=K.getLocalizedStrings().cardPayment,J={visa:{name:s.visa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/visa.svg"},mastercard:{name:s.mastercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/mastercard.svg"},american_express:{name:s.american_express,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/amex.svg"},discover:{name:s.discover,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/discover-global.svg"},jcb:{name:s.jcb,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/jcb-card.svg"},diners_club:{name:s.diners_club,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dinersclub.svg"},unionpay:{name:s.unionpay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},rupay:{name:s.rupay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rupay-card.svg"},bancontact:{name:s.bancontact,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cmr_falabella:{name:s.cmr_falabella,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},tarjeta_naranja:{name:s.tarjeta_naranja,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},nativa:{name:s.nativa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cencosud:{name:s.cencosud,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cabal:{name:s.cabal,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},argencard:{name:s.argencard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},elo:{name:s.elo,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/elo-card.svg"},hipercard:{name:s.hipercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/hipercard.svg"},carnet:{name:s.carnet,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/carnet.svg"},maestro:{name:s.maestro,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/maestro.svg"},not_applicable:{name:s.not_applicable,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},eftpos_australia:{name:s.eftpos_australia,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},girocard:{name:s.girocard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},other:{name:s.other,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},unknown:{name:s.unknown,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}},k={sectionWidth:new W(343,580,726),iconWidthHeight:new W(20,xe[4])},Oe={title:new we("standardSemiBold","largeSemiBold")},oe=e=>e?J[e]??{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}:{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},Be=(e,r,m,i)=>({header:e,title:`${Z(J[i.cardsList[0]?.brand]?.name??"")} ${r}`,subtitle:`${Z(J[i.cardsList[0]?.brand]?.name??"")} ${m} ${i.cardsList[0]?.last4}`,status:i.cardsList[0]?.status}),Ve=o.img`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`,Ge=({paymentAccount:e,plaidConnectionDetails:r,connectedAccountProvider:m,sectionId:i,isDisabled:y,hasError:d=!1,isValid:g,style:x,analytics:n,onFetchLinkTokenClick:l,onEstablishConnectionClick:h,onUpdatePaymentAccountStatus:P,onUpdatePaymentAccountLoginStatus:$,onEstablishConnectionSuccess:b,updateCardPaymentModalState:C,cardPaymentView:u,resetCardPaymentViewState:w,cardSetupInProgress:j=!1,googleAPIKey:_,subscriptionBillingAddress:T,subscriptionBillingAddressSectionId:D})=>{const I=re(),f=N(),{register:H}=ge(),R=I.mode==="light"?new F(I.colors.brandColorJadeLight):new F(I.colors.brandColorJadeDark),{common:U,customerOnboardingPage:{sections:{link_payment_account:{title:M,text:O,subText:S},card_payment_method:v}}}=K.getLocalizedStrings(),E=u.cardsList.length>0,A=u.cardsList[0]?.brand??"other",L=u.addCardPaymentSourceStatus.fetchState,B=Ve(v.header,v.titleText,v.protectedCardNo,u);let Z;return E&&(Z={header:B.header,title:B.title,subtitle:B.subtitle,status:B.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:E===!0,icon:{element:t.jsx(He,{src:oe(A).iconURL,width:k.iconWidthHeight.valuePx(f),height:k.iconWidthHeight.valuePx(f),alt:oe(A).name,loading:"lazy"}),color:new F(R)},showCompletedIcon:!1,isError:L==="Error",isLoading:L==="In-Progress",isCompleted:!0,showRightArrow:!1}),t.jsxs(Fe,{windowSize:f,children:[t.jsx(We,{type:"hidden",...H(`${i}.connected`,{validate:ce=>d?ce==="true":!0}),value:g?"true":"false"}),t.jsx(ve,{connectedAccountProvider:m,paymentAccount:e,plaidConnectionDetails:r,allBankAccounts:[],header:M,sectionTitle:M,defaultSectionTitle:O,defaultSectionSubTitle:S,sectionId:i,isDisabled:y,hasError:d,showZeniAccountSection:!1,isCompleted:e?.providerVerificationStatus?.code?.includes("verified")===!0&&e?.isLoginRequired===!1,showCompletedIcon:f==="small",onFetchLinkTokenClick:l,onEstablishConnectionClick:h,onUpdatePaymentAccountStatus:P,onUpdatePaymentAccountLoginStatus:$,onEstablishConnectionSuccess:b,style:x,icon:{element:t.jsx(he,{width:k.iconWidthHeight.valuePx(f),height:k.iconWidthHeight.valuePx(f)}),color:R},analytics:n,productType:"onboarding",resetCardPaymentViewState:w,cardPaymentSectionValues:Z,cardPaymentView:u,updateCardPaymentModalState:C,referrer:"Onboarding",cardSetupInProgress:j}),Oe(f,U.headers.billingAddress,D,n,T,_,y)]})},Oe=(e,r,m,i,y,d,g)=>{const x={"Add street address":"street_address","Add suite":"suite","Add city":"city","Add state":"state","Select country":"country","Add ZIP code":"zip_code","Add secondary info":"secondary_info"};return t.jsxs(Ke,{children:[t.jsx(Je,{windowSize:e,isDisabled:g==="disabled",children:r}),t.jsx(be,{googleAPIKey:d??"",addressToEdit:y,sectionId:`${m}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:n=>{if(n.target instanceof HTMLInputElement){const{placeholder:l}=n.target;if(l){const h=x[l];h&&i.trackOnboardingBillingAddress(h)}}}})]})},Fe=o.div`
+`,Ge=({paymentAccount:e,plaidConnectionDetails:r,connectedAccountProvider:m,sectionId:i,isDisabled:y,hasError:d=!1,isValid:g,style:x,analytics:n,onFetchLinkTokenClick:l,onEstablishConnectionClick:h,onUpdatePaymentAccountStatus:P,onUpdatePaymentAccountLoginStatus:$,onEstablishConnectionSuccess:b,updateCardPaymentModalState:C,cardPaymentView:u,resetCardPaymentViewState:w,cardSetupInProgress:j=!1,googleAPIKey:_,subscriptionBillingAddress:T,subscriptionBillingAddressSectionId:M})=>{const I=re(),f=N(),{register:V}=ge(),R=I.mode==="light"?new F(I.colors.brandColorJadeLight):new F(I.colors.brandColorJadeDark),{common:U,customerOnboardingPage:{sections:{link_payment_account:{title:D,text:H,subText:S},card_payment_method:v}}}=K.getLocalizedStrings(),E=u.cardsList.length>0,A=u.cardsList[0]?.brand??"other",L=u.addCardPaymentSourceStatus.fetchState,O=Be(v.header,v.titleText,v.protectedCardNo,u);let Q;return E&&(Q={header:O.header,title:O.title,subtitle:O.subtitle,status:O.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:E===!0,icon:{element:t.jsx(Ve,{src:oe(A).iconURL,width:k.iconWidthHeight.valuePx(f),height:k.iconWidthHeight.valuePx(f),alt:oe(A).name,loading:"lazy"}),color:new F(R)},showCompletedIcon:!1,isError:L==="Error",isLoading:L==="In-Progress",isCompleted:!0,showRightArrow:!1}),t.jsxs(Fe,{windowSize:f,children:[t.jsx(We,{type:"hidden",...V(`${i}.connected`,{validate:ce=>d?ce==="true":!0}),value:g?"true":"false"}),t.jsx(ve,{connectedAccountProvider:m,paymentAccount:e,plaidConnectionDetails:r,allBankAccounts:[],header:D,sectionTitle:D,defaultSectionTitle:H,defaultSectionSubTitle:S,sectionId:i,isDisabled:y,hasError:d,showZeniAccountSection:!1,isCompleted:e?.providerVerificationStatus?.code?.includes("verified")===!0&&e?.isLoginRequired===!1,showCompletedIcon:f==="small",onFetchLinkTokenClick:l,onEstablishConnectionClick:h,onUpdatePaymentAccountStatus:P,onUpdatePaymentAccountLoginStatus:$,onEstablishConnectionSuccess:b,style:x,icon:{element:t.jsx(he,{width:k.iconWidthHeight.valuePx(f),height:k.iconWidthHeight.valuePx(f)}),color:R},analytics:n,productType:"onboarding",resetCardPaymentViewState:w,cardPaymentSectionValues:Q,cardPaymentView:u,updateCardPaymentModalState:C,referrer:"Onboarding",cardSetupInProgress:j}),He(f,U.headers.billingAddress,M,n,T,_,y)]})},He=(e,r,m,i,y,d,g)=>{const x={"Add street address":"street_address","Add suite":"suite","Add city":"city","Add state":"state","Select country":"country","Add ZIP code":"zip_code","Add secondary info":"secondary_info"};return t.jsxs(Ke,{children:[t.jsx(Je,{windowSize:e,isDisabled:g==="disabled",children:r}),t.jsx(be,{googleAPIKey:d??"",addressToEdit:y,sectionId:`${m}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:n=>{if(n.target instanceof HTMLInputElement){const{placeholder:l}=n.target;if(l){const h=x[l];h&&i.trackOnboardingBillingAddress(h)}}}})]})},Fe=o.div`
   display: flex;
   flex-direction: column;
   width: ${e=>k.sectionWidth.valuePx(e.windowSize)};
@@ -96,11 +96,11 @@ import{eP as Q,M as K,h5 as de,a5 as le,q as V,o as a,g as z,X as N,j as t,bB as
 `,We=o.input`
   display: none;
 `,Je=o.div`
-  ${e=>`${Be.title.style(e.windowSize)}`};
+  ${e=>`${Oe.title.style(e.windowSize)}`};
   margin-bottom: ${a.sp3};
   margin-top: ${a.sp3};
   color: ${e=>e.isError===!0?z.important:e.isDisabled===!0?e.theme.colors.grey1:e.theme.colors.primary};
 `,Ke=o.div`
   margin-top: ${a.sp5};
   margin-bottom: ${a.sp4};
-`;export{Ve as M,qe as e,oe as r,Ge as t};
+`;export{Be as M,qe as e,oe as r,Ge as t};