@zeniai/web-cockpit-ui 1.13.96-dev → 1.13.97-dev

package/dist/assets/{ReimbursementsBulkReviewDrawerPage-CAo_NjTX-O9TR0kFt.js → ReimbursementsBulkReviewDrawerPage-CgRo7VeI-Bt0c1YwP.js}

@@ -1 +1 @@
-import{M as N,j as b,bO as z,bQ as V,bR as W,jl as q,aa as G,l as Q}from"./index-DyBH5SZv.js";import{b as f}from"./vendor-CnQcJ2Lu.js";import{m as X}from"./ReviewOverlay-BYJdokfW-C97jtxei.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const{common:n,spendManagement:{reimbursement:k}}=N.getLocalizedStrings(),o=k.bulkActions;let I;const ae=({remisReviewView:e,isAdmin:l,analytics:i,onProceedForBulkActionClick:d,onCloseReviewItem:r,onCloseOverlay:s})=>{const{fetchState:p,bulkSubmissionFetchState:c,bulkOperationTypeSelected:t,currentTab:v,currentSubTab:g}=e,h=!1,[w,a]=f.useState(!1),[m,_]=f.useState(R(e,h,l)),[x,P]=f.useState(h),[B,H]=f.useState(0),[y,A]=f.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});f.useEffect(()=>(B===m.length&&x&&(P(!1),clearInterval(I)),e.fetchState==="Completed"&&_(R(e,!1,l)),()=>{clearInterval(I)}),[m.length,B,x,e.fetchState,h,e,l]);const E=m.length,S=m.filter(u=>u.reviewStatus.code!=="error").length,F=()=>{const{title:u,description:T}=Y(S);A({type:"reject",title:u,description:T,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),i.trackReimbursementBulkSubmit(t,v,g),a(!0)},$={onOkClick:u=>{a(!1);const T=e.remisForReview.map(j=>j.reimbursement);i.trackReimbursementBulkPopupConfirm(t,v,g,Q.getRemiListUniqueType(T.map(j=>j?.reimbursementTypesIncluded??[]))),d("reject",u)},onCancelClick:()=>{a(!1)}},{title:L,description:U}=Z(p,S,E,x),C=e.fetchState==="Completed"&&S===0,O=()=>{i.trackReimbursementBulkSubmit(t,v,g),d(t)},D=()=>{let u=n.footer.approve;return C?u=n.texts.close:t==="send_for_approval"&&(u=n.footer.submit),{label:u,isDisabled:p!=="Completed"||t==="reject"&&c==="In-Progress",isLoading:c==="In-Progress"&&(t==="send_for_approval"||t==="approve"),onClick:C?s:O,style:t==="send_for_approval"?{minWidth:"92px"}:{}}},M={label:t==="send_for_approval"?n.texts.goBack:n.footer.reject,isDisabled:t!=="reject"&&c==="In-Progress",isLoading:t==="reject"&&c==="In-Progress",reverseSpinnerColor:!1,onClick:t==="send_for_approval"?s:F,style:t==="approve"?{minWidth:"92px"}:{}};return b.jsxs(b.Fragment,{children:[w?b.jsx(z,{titleComponent:b.jsx(W,{children:y.title}),descriptionComponent:b.jsx(V,{children:y.description}),primaryButtonText:y.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:y.secondaryButtonText,action:$,isNotesIncluded:!0,isEditPopup:!0}):null,b.jsx(X,{title:L,description:{content:U,isError:e.fetchState==="Completed"&&S===0},reviewItems:m,onCloseReviewItem:r,onCloseOverlay:s,showFooter:e.fetchState==="Completed"&&!x,footerProps:{primaryButton:D(),cancelButton:M,hideCancel:C}})]})},R=(e,l,i)=>{const d=e.fetchState==="In-Progress";return e.remisForReview.map(r=>{const s=q(i,r.submittedBy);return{id:r.transactionId,leftSideText:{title:r.reimbursement?.reportTitle!=null?r.reimbursement.reportTitle:k.reimbursementDetail.newReimbursementTitle,subTitle:s!=null?`${n.by} ${s?.firstName} ${s?.lastName}`:n.strings.empty},rightSideText:{title:G("0,0.[00]",r.reimbursement?.amount?.amount,r.reimbursement?.amount?.currencySymbol),showThunderIcon:!1,subTitle:r.reviewInfoMessage??""},reviewStatus:{isLoading:d,code:r.reviewStatus??""}}})},Y=e=>{const{this_:l,these:i,report:d,reports:r,payment:s,payments:p}=n.texts;return e>1?{title:o.popUps.reject.title.replace("__report__",o.reports),description:o.popUps.reject.description.replaceAll("<_this_>",i).replaceAll("<_payment_>",p).replaceAll("__report__",r)}:{title:o.popUps.reject.title.replace("__report__",o.report),description:o.popUps.reject.description.replaceAll("<_this_>",l).replaceAll("<_payment_>",s).replaceAll("__report__",d)}},Z=(e,l,i,d)=>{const{has:r,have:s,report:p,reports:c,are:t,is:v,do_:g,does:h}=n.texts,w=l>1,a=i>1;let m="",_="";return e==="Completed"&&!d?(m=o.reviewPage.reportsReviewed.title.replace("__report__",a?k.bulkActions.reports:o.report).replace("<_has_>",a?s:r),l===0?_=o.reviewPage.reportsReviewed.descriptionError.replace("__report__",a?c:p).replace("<_do_>",a?g:h):_=`${l}/${i} ${o.reviewPage.reportsReviewed.description.replace("__report__",i>1?c:p).replace("<_is_>",w?t:v)}`):(m=o.reviewPage.reportsReviewing.title.replace("__report__",a?c:p),_=o.reviewPage.reportsReviewing.description.replace("__report__",a?c:p)),{title:m,description:_}};export{ae as default};
+import{M as N,j as b,bO as q,bQ as V,bR as W,jn as z,aJ as H,l as J}from"./index-CEwYV-nF.js";import{b as f}from"./vendor-CnQcJ2Lu.js";import{m as Q}from"./ReviewOverlay-BLxhto7d-C71dqQqP.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const{common:n,spendManagement:{reimbursement:k}}=N.getLocalizedStrings(),o=k.bulkActions;let I;const ae=({remisReviewView:e,isAdmin:l,analytics:i,onProceedForBulkActionClick:d,onCloseReviewItem:r,onCloseOverlay:s})=>{const{fetchState:p,bulkSubmissionFetchState:c,bulkOperationTypeSelected:t,currentTab:v,currentSubTab:g}=e,h=!1,[w,a]=f.useState(!1),[m,_]=f.useState(R(e,h,l)),[x,P]=f.useState(h),[B,Z]=f.useState(0),[y,A]=f.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});f.useEffect(()=>(B===m.length&&x&&(P(!1),clearInterval(I)),e.fetchState==="Completed"&&_(R(e,!1,l)),()=>{clearInterval(I)}),[m.length,B,x,e.fetchState,h,e,l]);const E=m.length,S=m.filter(u=>u.reviewStatus.code!=="error").length,F=()=>{const{title:u,description:T}=X(S);A({type:"reject",title:u,description:T,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),i.trackReimbursementBulkSubmit(t,v,g),a(!0)},$={onOkClick:u=>{a(!1);const T=e.remisForReview.map(j=>j.reimbursement);i.trackReimbursementBulkPopupConfirm(t,v,g,J.getRemiListUniqueType(T.map(j=>j?.reimbursementTypesIncluded??[]))),d("reject",u)},onCancelClick:()=>{a(!1)}},{title:L,description:U}=Y(p,S,E,x),C=e.fetchState==="Completed"&&S===0,O=()=>{i.trackReimbursementBulkSubmit(t,v,g),d(t)},D=()=>{let u=n.footer.approve;return C?u=n.texts.close:t==="send_for_approval"&&(u=n.footer.submit),{label:u,isDisabled:p!=="Completed"||t==="reject"&&c==="In-Progress",isLoading:c==="In-Progress"&&(t==="send_for_approval"||t==="approve"),onClick:C?s:O,style:t==="send_for_approval"?{minWidth:"92px"}:{}}},M={label:t==="send_for_approval"?n.texts.goBack:n.footer.reject,isDisabled:t!=="reject"&&c==="In-Progress",isLoading:t==="reject"&&c==="In-Progress",reverseSpinnerColor:!1,onClick:t==="send_for_approval"?s:F,style:t==="approve"?{minWidth:"92px"}:{}};return b.jsxs(b.Fragment,{children:[w?b.jsx(q,{titleComponent:b.jsx(W,{children:y.title}),descriptionComponent:b.jsx(V,{children:y.description}),primaryButtonText:y.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:y.secondaryButtonText,action:$,isNotesIncluded:!0,isEditPopup:!0}):null,b.jsx(Q,{title:L,description:{content:U,isError:e.fetchState==="Completed"&&S===0},reviewItems:m,onCloseReviewItem:r,onCloseOverlay:s,showFooter:e.fetchState==="Completed"&&!x,footerProps:{primaryButton:D(),cancelButton:M,hideCancel:C}})]})},R=(e,l,i)=>{const d=e.fetchState==="In-Progress";return e.remisForReview.map(r=>{const s=z(i,r.submittedBy);return{id:r.transactionId,leftSideText:{title:r.reimbursement?.reportTitle!=null?r.reimbursement.reportTitle:k.reimbursementDetail.newReimbursementTitle,subTitle:s!=null?`${n.by} ${s?.firstName} ${s?.lastName}`:n.strings.empty},rightSideText:{title:H("0,0.[00]",r.reimbursement?.amount?.amount,r.reimbursement?.amount?.currencySymbol),showThunderIcon:!1,subTitle:r.reviewInfoMessage??""},reviewStatus:{isLoading:d,code:r.reviewStatus??""}}})},X=e=>{const{this_:l,these:i,report:d,reports:r,payment:s,payments:p}=n.texts;return e>1?{title:o.popUps.reject.title.replace("__report__",o.reports),description:o.popUps.reject.description.replaceAll("<_this_>",i).replaceAll("<_payment_>",p).replaceAll("__report__",r)}:{title:o.popUps.reject.title.replace("__report__",o.report),description:o.popUps.reject.description.replaceAll("<_this_>",l).replaceAll("<_payment_>",s).replaceAll("__report__",d)}},Y=(e,l,i,d)=>{const{has:r,have:s,report:p,reports:c,are:t,is:v,do_:g,does:h}=n.texts,w=l>1,a=i>1;let m="",_="";return e==="Completed"&&!d?(m=o.reviewPage.reportsReviewed.title.replace("__report__",a?k.bulkActions.reports:o.report).replace("<_has_>",a?s:r),l===0?_=o.reviewPage.reportsReviewed.descriptionError.replace("__report__",a?c:p).replace("<_do_>",a?g:h):_=`${l}/${i} ${o.reviewPage.reportsReviewed.description.replace("__report__",i>1?c:p).replace("<_is_>",w?t:v)}`):(m=o.reviewPage.reportsReviewing.title.replace("__report__",a?c:p),_=o.reviewPage.reportsReviewing.description.replace("__report__",a?c:p)),{title:m,description:_}};export{ae as default};

package/dist/assets/{ReloadCard-BA_JCHcV-DL7NGQyj.js → ReloadCard-CpauR6-c-D0tZ9Fyb.js}

@@ -1,6 +1,6 @@
-import{u as h,j as r,W as a,Y as m,ah as j,M as w,a4 as l,aY as x,w as g,o as c,ai as C}from"./index-DyBH5SZv.js";import{n as s,b as d}from"./vendor-CnQcJ2Lu.js";function f({backgroundColor:e,foregroundColor:o,animated:t,width:i,height:n}){return r.jsxs(x,{speed:2,width:i,height:n,viewBox:`0 0 ${i} ${n}`,animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"64",y:"0",rx:"4",ry:"4",width:`${i-128}`,height:"21"}),r.jsx("rect",{x:"24",y:"45",rx:"4",ry:"4",width:`${i-48}`,height:"228"})]})}function p({backgroundColor:e,foregroundColor:o,animated:t}){return r.jsxs(x,{speed:2,width:240,height:98,viewBox:"0 0 240 98",animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"66",y:"0",rx:"4",ry:"4",width:"108",height:"21"}),r.jsx("rect",{x:"44",y:"77",rx:"4",ry:"4",width:"152",height:"21"}),r.jsx("rect",{x:"0",y:"29",rx:"4",ry:"4",width:"240",height:"40"})]})}const u=s(l)`
+import{u as h,j as r,U as a,Y as m,an as j,M as C,a8 as l,bJ as x,v as g,o as c,ao as f}from"./index-CEwYV-nF.js";import{n as s,b as d}from"./vendor-CnQcJ2Lu.js";function p({backgroundColor:e,foregroundColor:o,animated:t,width:n,height:i}){return r.jsxs(x,{speed:2,width:n,height:i,viewBox:`0 0 ${n} ${i}`,animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"64",y:"0",rx:"4",ry:"4",width:`${n-128}`,height:"21"}),r.jsx("rect",{x:"24",y:"45",rx:"4",ry:"4",width:`${n-48}`,height:"228"})]})}function w({backgroundColor:e,foregroundColor:o,animated:t}){return r.jsxs(x,{speed:2,width:240,height:98,viewBox:"0 0 240 98",animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"66",y:"0",rx:"4",ry:"4",width:"108",height:"21"}),r.jsx("rect",{x:"44",y:"77",rx:"4",ry:"4",width:"152",height:"21"}),r.jsx("rect",{x:"0",y:"29",rx:"4",ry:"4",width:"240",height:"40"})]})}const u=s(l)`
   justify-content: flex-start;
-`;function T({dimension:e,animated:o}){const t=h();return r.jsx(a,{dimension:e,children:r.jsx(u,{children:r.jsx(p,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o})})})}function M({dimension:e,animated:o}){const t=h();return r.jsx(a,{dimension:e,children:r.jsx(u,{children:r.jsx("div",{style:{width:"100%",height:"100%"},children:r.jsx(C,{children:({height:i,width:n})=>r.jsx(f,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o,width:n,height:i})})})})})}const y=e=>d.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("rect",{opacity:.2,width:72,height:72,rx:36,fill:"#97C3B9"}),d.createElement("path",{d:"M46.7755 32.5635L43.8368 36.9716L40.4082 33.0533",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),d.createElement("path",{d:"M34.5307 44.8163C32.6902 44.8163 30.8909 44.2705 29.3605 43.248C27.8301 42.2254 26.6374 40.772 25.933 39.0715C25.2286 37.3711 25.0443 35.4999 25.4034 33.6947C25.7625 31.8895 26.6488 30.2313 27.9503 28.9298C29.2518 27.6283 30.91 26.742 32.7152 26.3829C34.5204 26.0238 36.3916 26.2081 38.092 26.9125C39.7925 27.6169 41.2459 28.8096 42.2685 30.34C43.291 31.8704 43.8369 33.6697 43.8369 35.5102V36.9737",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),k=s(l)`
+`;function T({dimension:e,animated:o}){const t=h();return r.jsx(a,{dimension:e,children:r.jsx(u,{children:r.jsx(w,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o})})})}function M({dimension:e,animated:o}){const t=h();return r.jsx(a,{dimension:e,children:r.jsx(u,{children:r.jsx("div",{style:{width:"100%",height:"100%"},children:r.jsx(f,{children:({height:n,width:i})=>r.jsx(p,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o,width:i,height:n})})})})})}const y=e=>d.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("rect",{opacity:.2,width:72,height:72,rx:36,fill:"#97C3B9"}),d.createElement("path",{d:"M46.7755 32.5635L43.8368 36.9716L40.4082 33.0533",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),d.createElement("path",{d:"M34.5307 44.8163C32.6902 44.8163 30.8909 44.2705 29.3605 43.248C27.8301 42.2254 26.6374 40.772 25.933 39.0715C25.2286 37.3711 25.0443 35.4999 25.4034 33.6947C25.7625 31.8895 26.6488 30.2313 27.9503 28.9298C29.2518 27.6283 30.91 26.742 32.7152 26.3829C34.5204 26.0238 36.3916 26.2081 38.092 26.9125C39.7925 27.6169 41.2459 28.8096 42.2685 30.34C43.291 31.8704 43.8369 33.6697 43.8369 35.5102V36.9737",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),k=s(l)`
   justify-content: space-between;
 `,b=s.div`
   height: ${c.sp10};
@@ -19,8 +19,8 @@ import{u as h,j as r,W as a,Y as m,ah as j,M as w,a4 as l,aY as x,w as g,o as c,
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,$=s(g)`
-  color: ${e=>e.theme.colors.champion};
 `,v=s(g)`
+  color: ${e=>e.theme.colors.champion};
+`,$=s(g)`
   color: ${e=>e.theme.colors.hero};
-`,L=s(y)``;function S({dimension:e,cardType:o,cardIndex:t,reportTitle:i,onReloadData:n}){return r.jsx(a,{"data-testid":m("dashboard-reload",o),dimension:e,onClick:()=>n(t,o),children:r.jsxs(k,{children:[r.jsxs($,{children:[i??j(o)," "]}),r.jsx(b,{children:r.jsx(L,{})}),r.jsx(v,{children:w.getLocalizedStrings().card.failedText})]})})}export{T as E,M as I,S as T};
+`,L=s(y)``;function S({dimension:e,cardType:o,cardIndex:t,reportTitle:n,onReloadData:i}){return r.jsx(a,{"data-testid":m("dashboard-reload",o),dimension:e,onClick:()=>i(t,o),children:r.jsxs(k,{children:[r.jsxs(v,{children:[n??j(o)," "]}),r.jsx(b,{children:r.jsx(L,{})}),r.jsx($,{children:C.getLocalizedStrings().card.failedText})]})})}export{T as E,M as I,S as T};

package/dist/assets/ReportTableViewSelector-D6DHFt_R-CaLxLhCV.js

@@ -0,0 +1,150 @@
+import{u as Q,X as ie,aV as me,a as fe,j as o,p as ge,M as X,bD as ee,F as xe,C as F,a7 as be,o as a,bE as ye,bF as _e,bG as we,ah as $e,bH as ve,m as ce,bI as Ce,q as p,v as ke,D as K,bJ as je,ab as Ie,t as Se,b0 as Ne}from"./index-CEwYV-nF.js";import{b as f,f as de,n as d}from"./vendor-CnQcJ2Lu.js";import{r as O,a as Fe}from"./CollapsableReportTable-BGT77T9W-C2GRNmrk.js";const W=X.getLocalizedStrings().dateFormat.analytics.YYYYDashMMDashDDFormat,Oe=e=>({this_period:{start_date:e.thisPeriod.startDate.format(W),end_date:e.thisPeriod.endDate.format(W)},number_of_periods:e.numberOfPeriods,order_by:e.orderBy}),De=e=>e!=null?{start_date:e.startDate.format(W),end_date:e.endDate.format(W)}:void 0;function Pe(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,include_cover_page:e.includeCoverPage,company_name:e.companyName,statement_file_type:e.statementFileType,statements:e.statements,first_month_of_fy:e.firstMonthOfFY,book_close_date:e.bookCloseDate!=null?e.bookCloseDate.format(W):void 0,timeframe:e.timeframe,additional_balances:e.additionalBalances,format:e.format,balances_filter:Oe(e.balancesFilter),account_view_mode:e.accountViewMode,classes_to_filter_out:e.classesToFilterOut,data_available:De(e.dataAvailable),is_zeni_coa_used:e.isZeniCOAUsed}}async function ao(e,c,n){const t=X.getLocalizedStrings().downloadReport,r=`${e}?query=${encodeURIComponent(JSON.stringify(Pe(n)))}`;try{const h=await ye({urlEndPoint:r,authParams:c,fileType:n.statementFileType});if(h.ok){const b=_e(h.headers,t.defaultFileName),y=await h.arrayBuffer();we(y,b)}else console.error(`${t.reportErrorMessage} ${h.statusText}`)}catch(h){console.error(`${t.reportErrorMessage} ${JSON.stringify(h)}`)}}const Ee=d.div`
+  padding: 0 ${a.sp3} 0 ${a.sp3};
+  border: 1px solid ${e=>e.theme.colors.primary};
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${a.sp1};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+  height: ${a.sp8};
+  cursor: pointer;
+`,Be=d(Se)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: -2px;
+`,Le=d(Ne)`
+  color: ${e=>e.theme.colors.hero};
+  width: 12px;
+  height: 12px;
+  margin: auto ${a.sp0};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ae=e=>{const{value:c,onClick:n}=e,t=Q();return o.jsxs(Ee,{onClick:n,children:[o.jsx(Be,{style:{color:t.colors.primary},children:c}),o.jsx(Le,{})]})},Te=de.memo(Ae);function Me({backgroundColor:e,foregroundColor:c,animated:n,width:t,height:r}){return o.jsxs(je,{speed:2,width:t,height:r,viewBox:`0 0 ${t} ${r}`,animate:n!=!1,backgroundColor:e,foregroundColor:c,style:{marginBottom:a.sp2},children:[o.jsx("rect",{x:"45",y:p[3],rx:"5",ry:"5",width:"120",height:p[4]}),o.jsx("rect",{x:"45",y:p[8],rx:"5",ry:"5",width:"120",height:p[4]}),o.jsx("rect",{x:"45",y:"96",rx:"5",ry:"5",width:"120",height:p[4]}),o.jsx("rect",{x:"45",y:"136",rx:"5",ry:"5",width:"120",height:p[4]})]})}function he({nestedClass:e,isLastNode:c,config:n,parentNodeIDs:t}){const r=O("checkbox_and_name_only",[],e.classId[0]),h={children:[],id:r,isLastNode:c,reportElementData:{element:{kind:"checkbox_and_name_only",title:e.className,data:e,numOfBalances:0},config:n}};return h.children=e.children.map((b,y)=>he({nestedClass:b,config:n,isLastNode:y===e.children.length-1,parentNodeIDs:[...t,r]})),h}function Re(e,c){const n=e.map((t,r)=>{const h=O("checkbox_and_name_only",[],t.classId[0]),b={children:[],id:h,isLastNode:t.children.length!==0,reportElementData:{element:{kind:"checkbox_and_name_only",title:t.className,data:t,numOfBalances:0},config:c}},y=t.children.map(D=>he({nestedClass:D,config:c,isLastNode:r===t.children.length-1,parentNodeIDs:[h]}));return b.children.push(...y),b});return{config:c,headerNodes:[],contentNodes:[...n]}}function ze(e,c){Object.assign(e.config,c);const n=e.contentNodes;return n.forEach(t=>ue(t,c)),{config:c,headerNodes:[],contentNodes:[...n]}}function ue(e,c){Object.assign(e.reportElementData.config,c),e.children.forEach(n=>ue(n,c))}const oe={contentPaddingLeft:new F(p[3],p[3],p[2]),contentPaddingRight:new F(p[3],p[3],p[2])},We=d.div`
+  height: ${e=>e.height}px;
+  width: 100%;
+`,Ye=({reportId:e,firstMonthOfFY:c,nestedClassHierarchy:n,classesToBeFilteredOut:t,selectedView:r,showClassAccountNumber:h,scrollPosition:b,onScroll:y,nodeOpenStatus:D,onNodeCollapseToggled:Z,onToggleCheck:P})=>{const Y=Q(),G=ie(),[$,j]=f.useState(void 0),[T,_]=f.useState(!1),[M,E]=f.useState({}),[g,R]=f.useState(void 0),[B,v]=f.useState(r),H="none",L=i=>r==="account_group"?!0:t?.length>0?t.find(l=>l[0]===i[0])!=null:!1,I=(i,l)=>{_(!0),E(i),P?.(i,l,r==="account_group"?!0:void 0),w(i,l)},w=(i,l)=>{const m=V(i);for(const C of m.children)P?.(C.classId,l),w(C.classId,l)},V=i=>{let l=n.filter(m=>m.classId[0]===i[i.length-1])[0];for(let m=i.length-2;m>=0;m--)l=l.children.filter(C=>C.classId[0]===i[m])[0];return l},q=i=>{if(i.length>1){const l=V(i.slice(1));let m=!1;for(const C of l.children)if(t.find(s=>s[0]===C.classId[0])===void 0){m=!0;break}m===!0?P?.(l.classId,!0):P?.(l.classId,!1),E(l.classId)}};f.useEffect(()=>{T&&q(M)}),f.useEffect(()=>{const i={reportId:e,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:H,firstMonthOfFY:c,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,isClassToBeFilteredOut:L,showClassAccountNumber:h};if($==null||!K(g,n)||!K(B,r)||T===!0){const l=Re(n,i);R(n),j(l),v(r)}else{const l=ze($,i);j(l),v(r)}},[n,r,t]);const[U,J]=f.useState(5),A=i=>{const l=i+p[6];J(l)};return $!=null?o.jsx(We,{height:U,children:o.jsx(Fe,{backgroundColor:r==="classes"?new Ie(Y.colors.background):void 0,rootNodes:$,type:"name_only",compareMode:"compare_mode_amount",isSticky:{isStickyHeader:!1,isStickyName:!1},treeNodePadding:{left:oe.contentPaddingLeft.value(G),right:oe.contentPaddingRight.value(G)},scrollPosition:b,onScroll:y,nodeOpenStatus:D,onNodeCollapseToggled:Z,onToggleCheck:I,onReportTableHeightChanged:A})}):null},k={width:new F(350,400,400),height:new F(165,165,165),buttonWidth:new F(62,62),buttonHeight:new F(p[5],p[5]),containerWidth:new F(150,400,400)},Ge=d.div`
+  position: relative;
+  pointer-events: ${e=>e.isDisabled===!0?"none":"initial"};
+`,He=d.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>k.containerWidth.valuePx(e.windowSize)};
+`,Ve=d($e)`
+  display: flex;
+  flex-direction: row;
+  width: fit-content;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.primary};
+  .dropdownIcon {
+    color: ${e=>e.theme.colors.hero};
+  }
+  &:hover {
+    .dropdownIcon {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  gap: ${a.sp2};
+  margin-top: 12px;
+  align-items: center;
+`,qe=d(ve)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp4};
+  height: ${a.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ue=d.div`
+  display: flex;
+  width: ${e=>e.width}px;
+  align-items: flex-start;
+  justify-content: space-between;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey5};
+  border-radius: ${a.sp1};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp2} ${e.theme.colors.dropShadowHover}`};
+  margin-top: 10px;
+  padding-top: ${a.sp1};
+  background: ${e=>e.theme.colors.grey5};
+`,te=d.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.checked===!0?e.theme.colors.background:"transparent"};
+  & input[type="radio"] {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    display: inline-block;
+    width: ${a.sp3};
+    height: ${a.sp3};
+    padding: 2px;
+    background-clip: content-box;
+    border: 1px solid ${e=>e.theme.colors.primary};
+    border-radius: 50%;
+    margin: ${a.sp0} ${a.sp2} ${a.sp0} ${a.sp2};
+    cursor: pointer;
+  }
+
+  input[type="radio"]:checked {
+    background-color: ${e=>e.theme.colors.primary};
+  }
+
+  input[type="radio"]:disabled {
+    cursor: default;
+  }
+
+  &:hover {
+    background: ${e=>e.theme.colors.background};
+  }
+`,se=d(ke)`
+  height: ${a.sp6};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Ze=d.div`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  height: 100%;
+  width: inherit;
+  overflow-y: auto;
+  .hide-icon {
+    display: none;
+  }
+  min-height: 165px;
+  max-height: 353px;
+  overscroll-behavior: contain;
+`,Je=d.div`
+  width: 100%;
+  height: 65px;
+`,ne=d.label`
+  color: ${e=>e.theme.colors.primary};
+  cursor: ${e=>e.disabled===!0?"default":"pointer"};
+`,Ke=d(ce)`
+  display: flex;
+  align-items: center;
+  column-gap: ${a.sp2};
+  margin-left: ${a.sp5};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    cursor: pointer;
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Qe=d.div`
+  display: flex;
+  flex: 1;
+  width: inherit;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Xe=d(Ce)`
+  width: ${a.sp3};
+  height: ${a.sp3};
+`,eo=d(ce)`
+  margin-left: ${a.sp5};
+  margin-top: -12px;
+  color: ${e=>e.theme.colors.hero};
+`,{reportViewSelector:N,common:{footer:ae}}=X.getLocalizedStrings(),re="tableViewSelector",le=e=>`${e}_form`;function ro({reportId:e,firstMonthOfFY:c,nodes:n,classesListFetchState:t,selectedView:r,classesToBeFilteredOut:h,showClassAccountNumber:b,onOpenAccountViewMode:y,onSaveClick:D,isClassViewDisabled:Z,downloadPage:P,showAccountGroups:Y=!0,onResyncReports:G,reportsResyncFetchState:$,lastRefreshSuccessTime:j}){const T=Q(),_=ie(),[M,E]=f.useState(!1),[g,R]=f.useState(r),[B,v]=f.useState({}),H=(s,u)=>(s.forEach(x=>{u.push(x.classId),u=H(x.children,u)}),u),L=H(n,[]),[I,w]=f.useState(g==="classes"?h:L),V=t!=="Completed"||g==="classes"&&I.length===L.length;me({componentName:`reports.${e}`});const q=s=>s==="classes"?N.classes.label:Y===!0?N.accountGroups.label:N.accounts.label,U=fe({mode:"all"}),J=U.handleSubmit(()=>{E(!1),g==="classes"?D?.("classes",I):D?.("account_group")}),A=s=>{if(R(s),s==="classes")v({}),w([]);else{w(L);let u={};n.forEach(x=>{const S=O("checkbox_and_name_only",[],x.classId[0]);u=Object.assign({},u,{[S]:!1})}),v(u)}},i=()=>{M===!0&&m(),E(!M);let s={};n.forEach(u=>{const x=O("checkbox_and_name_only",[],u.classId[0]);r==="account_group"||I.find(S=>S[0]===u.classId[0])!==void 0?s=Object.assign({},s,{[x]:!1}):s=Object.assign({},s,{[x]:!0})}),v(s)},l=(s,u,x)=>{if(x===!0&&(R("classes"),w(L)),u===!0){const S=O("checkbox_and_name_only",[],s[0]);B[S]=!0,v(B),w(z=>z.filter(pe=>pe[0]!==s[0]))}else{const S=O("checkbox_and_name_only",[],s[0]);B[S]=!1,I.find(z=>z[0]===s[0])===void 0&&w(z=>[...z,s])}},m=()=>{E(!1),R(r),w(h)},C=()=>{$!=="In-Progress"&&G?.()};return f.useEffect(()=>{if(t==="Completed"&&g==="account_group"){let s={};n.forEach(u=>{const x=O("checkbox_and_name_only",[],u.classId[0]);s=Object.assign({},s,{[x]:!1})}),v(s)}},[t]),o.jsx(ge,{onClickAway:m,children:o.jsxs(Ge,{isDisabled:Z??!1,children:[P===!0?o.jsx(Te,{value:q(r),onClick:()=>{y?.(),i()}}):o.jsxs(He,{windowSize:_,children:[o.jsxs(Ve,{onClick:s=>{s.preventDefault(),y?.(),i()},children:[o.jsx(qe,{className:"dropdownIcon"}),q(r)]}),r==="classes"?o.jsx(Ke,{onClick:C,children:$==="In-Progress"?N.generatingReportByClass:o.jsxs(o.Fragment,{children:[j&&`${ee(j)}`,o.jsx(Xe,{})]})}):null]}),M?o.jsx(xe,{...U,children:o.jsx("form",{id:le(re),onSubmit:J,children:o.jsxs(Ue,{width:k.width.value(_),children:[o.jsx(te,{checked:g==="account_group",children:o.jsxs(se,{onClick:()=>g!=="account_group"?A("account_group"):null,children:[o.jsx("input",{type:"radio",value:"account_group",id:"accountGroups",name:"formgroup",onChange:s=>A(s.currentTarget.value),checked:g==="account_group",disabled:t!=="Completed"}),o.jsx(ne,{disabled:t!=="Completed",children:Y===!0?N.accountGroups.dropdownLabel:N.accounts.dropdownLabel})]})}),o.jsx(Qe,{}),o.jsxs(te,{checked:g==="classes",children:[o.jsxs(se,{onClick:()=>t==="Completed"?A("classes"):null,children:[o.jsx("input",{type:"radio",value:"classes",id:"classes",name:"formgroup",onChange:s=>t==="Completed"?A(s.currentTarget.value):null,checked:g==="classes",disabled:t!=="Completed"}),o.jsx(ne,{disabled:t!=="Completed",children:N.classes.dropdownLabel})]}),$!=="In-Progress"&&j?o.jsx(eo,{children:ee(j)}):null,t==="Completed"?o.jsx(Ze,{id:"sectionformcontainer",children:o.jsx(oo,{reportId:e,firstMonthOfFY:c,nestedClassHierarchy:n,classesToBeFilteredOut:I,selectedView:g,nodeOpenStatus:B,showClassAccountNumber:b,onToggleCheck:l})}):o.jsx(Me,{backgroundColor:T.colors.grey3,foregroundColor:T.colors.grey4,width:k.width.value(_),height:k.height.value(_),animated:!0})]}),o.jsx(Je,{children:o.jsx(be,{formId:le(re),primaryBtn:{label:ae.save,style:{width:k.buttonWidth.valuePx(_),height:k.buttonHeight.valuePx(_)},isLoading:!1,isDisabled:V,size:"small"},showCancel:!0,cancelBtn:{label:ae.cancel,style:{width:k.buttonWidth.valuePx(_),height:k.buttonHeight.valuePx(_)},onClick:m,size:"small",shouldResetOnCancel:!0},style:{padding:a.sp3}})})]})})}):null]})})}const oo=de.memo(Ye,K);export{ao as c,ro as h};

package/dist/assets/ReportsPage-D4mI3T0w-Do8bVyWV.js

@@ -0,0 +1,120 @@
+import{X as W,u as G,M as y,V as le,l as _,j as c,Y as k,bf as de,aY as pe,aW as ue,C as B,o as C,a9 as he,e as fe,bg as me,q as w,B as A,D as K,bh as ge,ab as _e,b4 as be,a_ as Se}from"./index-CEwYV-nF.js";import{b as T,f as J,n as g}from"./vendor-CnQcJ2Lu.js";import{m as z,l as H}from"./analyticsHelper-CkzpobMi-BfnXXtCD.js";import{h as we}from"./ReportTableViewSelector-D6DHFt_R-CaLxLhCV.js";import{a as X,p as Ce}from"./TimeRangeSwitcher-BJfy3akS-OfTTOizn.js";import{M as ye}from"./TimeframeSwitcherWithToggle-L1nNDGOE-WAQaP0VD.js";import{DownloadOverlayButton as xe}from"./DownloadOverlay-D1kGkMFo-DoqMhO9h.js";import{a as Oe,r as F,b as Q}from"./CollapsableReportTable-BGT77T9W-C2GRNmrk.js";import{T as ee,I as te,L as $,D as Re,g as se}from"./mapSectionWithAcOnlyToTreeNode-caUW45t5-Bg9OIhnk.js";import{s as Y}from"./mapTimeframeBalancesToTreeNode-DKrYq4x5-fbf9_UTv.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-M9tK6u0Y-Bxtbdng5.js";import"./page-detail-CWX5S47F-B6DjZ3Gi.js";import"./AccountRow--5DnpNqk-CZEL3hfP.js";function oe({section:e,sectionId:t,numOfBalances:a,config:i}){return Q("no_filter",i.filterAccountsWithNilBalances,i.filterAccountGroupsWithNilBalances).compactedAccountGroupsSelector(e.accountGroups).map(o=>Ae({accountGroup:o,sectionType:t,numOfBalances:a,title:o.accountGroupName,isLastNode:!0,config:i}))}function Ae({accountGroup:e,sectionType:t,numOfBalances:a,title:i,isLastNode:o,config:r}){const p=F("section",[],i+t),d={children:[],id:p,isLastNode:o,reportElementData:{element:{kind:"section",title:i,sectionType:t,data:e,numOfBalances:a},config:r}},n=Q("no_filter",r.filterAccountsWithNilBalances,r.filterAccountGroupsWithNilBalances).compactedAccountsSelectorVariant(e.accounts),f=n.map((m,b)=>se({account:m,sectionType:t,numOfBalances:a,title:m.account.accountName,config:r,isLastNode:b===n.length-1,parentNodeIDs:[p],ancestorMetadata:{subAccountAncestorMetadata:[{depth:0,hasSibling:n.length>1,hasChildren:m.children.length>0,isLastNode:b===n.length-1}]}}));return d.children.push(...f),d}function ne({sectionWithAcOnly:e,sectionType:t,numOfBalances:a,config:i}){return e.accounts.map((o,r)=>se({account:o,sectionType:t,numOfBalances:a,title:o.account.accountName,config:i,isLastNode:r===e.accounts.length-1,parentNodeIDs:[],ancestorMetadata:{subAccountAncestorMetadata:[{depth:0,hasSibling:e.accounts.length>1,hasChildren:o.children.length>0,isLastNode:r===e.accounts.length-1}]}}))}function ae({balances:e,config:t,nodeId:a}){return{children:[],id:a??F("timeframe_header",[]),isLastNode:!1,reportElementData:{element:{kind:t.mode==="actual_vs_forecast"?"timeframe_headers_with_forecast":"timeframe_headers",title:"",data:e,numOfBalances:e.length},config:t}}}function Be(e,t,a,i=!0){Object.assign(e.config,t);const o=ie(a),r=Y({balances:o,config:t});return{config:t,headerNodes:i?[r]:[],contentNodes:[r,...e.contentNodes.slice(1)]}}const ie=e=>{switch(e.reportId){case"profit_and_loss":{const t=e;return t.sections.expenses.balances.length>0?[...t.sections.expenses.balances,...t.sections.expenses.additionalBalances]:[...t.sections.income.balances,...t.sections.income.additionalBalances]}case"profit_and_loss_by_classes":{const t=e;return t.sections.expenses.balances.length>0?[...t.sections.expenses.balances,...t.sections.expenses.additionalBalances]:[...t.sections.income.balances,...t.sections.income.additionalBalances]}case"cash_flow":{const t=e;return[...t.calculatedSections.operatingActivitiesTotal.balances,...t.calculatedSections.operatingActivitiesTotal.additionalBalances]}case"balance_sheet":{const t=e;let a=[];return Object.keys(t.sections).forEach(i=>{t.sections[i].balances.length>0&&(a=[...t.sections[i].balances,...t.sections[i].additionalBalances])}),a}default:return[]}};function ve(e,t,a=!0){const i=y.getLocalizedStrings().reports.sections,o=y.getLocalizedStrings().reports.balanceSheet,r=ie(e),p=t.mode!=null&&t.mode==="this_period_vs_period_before"&&r.length>1?e.filter.balancesRange.numberOfPeriods+2:e.filter.balancesRange.numberOfPeriods+1,d=ae({balances:r,config:t}),n=[];return n.push(d),Object.keys(e.rootSectionsWithSubSectionIds).forEach(f=>{const m=F("title_string_only",[],f),b={children:[],id:m,isLastNode:!0,reportElementData:{element:{kind:"title_string_only",title:i[f],data:void 0,numOfBalances:0},config:t}};n.push(b),e.rootSectionsWithSubSectionIds[f].forEach(s=>{if(_.isBalanceSheetReportViewSectionID(s)===!0)if(e.sections[s].accountGroups.length>0)if(s==="equity"){const l=oe({sectionId:s,section:e.sections[s],numOfBalances:p,config:t});n.push(...l)}else n.push(ee({section:e.sections[s],sectionType:s,numOfBalances:p,title:o[s],isLastNode:!0,config:t}));else if(s==="equity"){const l=ne({sectionWithAcOnly:e.sections[s],sectionType:s,numOfBalances:p,config:t});n.push(...l)}else{const l=e.sections[s];n.push(te({sectionWithAcOnly:l,sectionType:s,numOfBalances:p,title:o[s],isLastNode:!0,config:t}))}else _.isBalanceSheetReportViewCalculatedSectionID(s)===!0&&n.push($({calculatedSection:e.calculatedSections[s],numOfBalances:p,title:o[s],isLastNode:!0,config:t}))})}),{config:t,headerNodes:a?[d]:[],contentNodes:n}}function Le({calculatedSection:e,numOfBalances:t,title:a,isLastNode:i,config:o}){return{children:[],id:F("calculated_section_type1",[],a),isLastNode:i,reportElementData:{element:{kind:"calculated_section_type1",title:a,data:e,numOfBalances:t},config:o}}}function Te(e,t,a=!0){const i=y.getLocalizedStrings().reports.sections,o=y.getLocalizedStrings().reports.cashFlow,r=[...e.calculatedSections.operatingActivitiesTotal.balances,...e.calculatedSections.operatingActivitiesTotal.additionalBalances],p=t.mode!=null&&t.mode==="this_period_vs_period_before"&&r.length>1?e.filter.balancesRange.numberOfPeriods+2:e.filter.balancesRange.numberOfPeriods+1,d=ae({balances:r,config:t}),n=[];return Object.keys(e.rootSectionsWithSubSectionIds).forEach(f=>{const m=F("title_string_only",[],f),b={children:[],id:m,isLastNode:!0,reportElementData:{element:{kind:"title_string_only",title:i[f],data:void 0,numOfBalances:0},config:t}};n.push(b),e.rootSectionsWithSubSectionIds[f].forEach(s=>{if(_.isCashFlowReportViewSectionID(s)===!0)if(e.sections[s].accountGroups.length>0){const l=oe({sectionId:s,section:e.sections[s],numOfBalances:p,config:t});n.push(...l)}else{const l=ne({sectionWithAcOnly:e.sections[s],sectionType:s,numOfBalances:p,config:t});n.push(...l)}else _.isCashFlowReportViewCalculatedSectionType1ID(s)===!0?n.push(Le({calculatedSection:e.calculatedSections[s],numOfBalances:p,title:o[s],isLastNode:!0,config:t})):_.isCashFlowReportViewCalculatedSectionID(s)===!0&&n.push($({calculatedSection:e.calculatedSections[s],numOfBalances:p,title:o[s],isLastNode:!0,config:t}))})}),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...n]}}function ke(e,t,a=!0){const i=y.getLocalizedStrings().reports,o=e.sections.expenses.balances.length>0?[...e.sections.expenses.balances,...e.sections.expenses.additionalBalances]:e.sections.income.balances.length>0?[...e.sections.income.balances,...e.sections.income.additionalBalances]:e.sections.cogs.balances.length>0?[...e.sections.cogs.balances,...e.sections.cogs.additionalBalances]:e.sections.otherIncome.balances.length>0?[...e.sections.otherIncome.balances,...e.sections.otherIncome.additionalBalances]:e.sections.otherExpenses.balances.length>0?[...e.sections.otherExpenses.balances,...e.sections.otherExpenses.additionalBalances]:[],r=t.mode!=null&&t.mode==="this_period_vs_period_before"&&o.length>1?e.filter.balancesRange.numberOfPeriods+2:e.filter.balancesRange.numberOfPeriods+1,p=Y({balances:o,config:t}),d=[];return d.push(p),e.idsInOrder.forEach(n=>{_.isPandLReportViewSectionID(n)===!0?d.push(Re({section:e.sections[n],sectionType:n,numOfBalances:r,title:i.sections[n],isLastNode:!0,config:t})):_.isPandLReportViewCalculatedSectionID(n)===!0&&d.push($({calculatedSection:e.calculatedSections[n],numOfBalances:r,title:i.sections[n],isLastNode:!0,config:t}))}),{config:t,headerNodes:a?[p]:[],contentNodes:d}}function Pe(e,t,a=!0){const i=y.getLocalizedStrings().reports,o=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?[...e.sections.expenses.balances,...e.sections.expenses.additionalBalances]:e.sections.income!=null&&e.sections.income.balances.length>0?[...e.sections.income.balances,...e.sections.income.additionalBalances]:e.sections.cogs!=null&&e.sections.cogs.balances.length>0?[...e.sections.cogs.balances,...e.sections.cogs.additionalBalances]:e.sections.otherIncome!=null&&e.sections.otherIncome.balances.length>0?[...e.sections.otherIncome.balances,...e.sections.otherIncome.additionalBalances]:e.sections.otherExpenses!=null&&e.sections.otherExpenses.balances.length>0?[...e.sections.otherExpenses.balances,...e.sections.otherExpenses.additionalBalances]:[],r=t.mode!=null&&t.mode==="this_period_vs_period_before"&&o.length>1?e.filter.balancesRange.numberOfPeriods+2:e.filter.balancesRange.numberOfPeriods+1,p=Y({balances:o,config:t}),d=[];return d.push(p),e.idsInOrder.forEach(n=>{if(_.isPandLReportViewSectionID(n)===!0&&(e.sections[n].accountGroups.length>0?d.push(ee({section:e.sections[n],sectionType:n,numOfBalances:r,title:i.sections[n],isLastNode:!0,config:t})):d.push(te({sectionWithAcOnly:e.sections[n],sectionType:n,numOfBalances:r,title:i.sections[n],isLastNode:!0,config:t}))),_.isPandLReportViewCalculatedSectionID(n)===!0){const f=e.calculatedSections[n];f!=null&&d.push($({calculatedSection:f,numOfBalances:r,title:i.sections[n],isLastNode:!0,config:t}))}}),{config:t,headerNodes:a?[p]:[],contentNodes:d}}const Z={contentPaddingLeft:new B(w[0],w[0],w[0]),contentPaddingRight:new B(w[3],w[3],w[8])},Ne=g.div`
+  height: ${e=>e.height}px;
+  width: 99.9%;
+  margin-top: ${C.sp2};
+  background-color: ${e=>e.theme.colors.grey4};
+`;function Ie({report:e,displayOrder:t,reportFormat:a,analytics:i,isZeniUser:o,onAdditionalBalanceSelectionChanged:r,onAccountBalanceClick:p,onTableScroll:d,onElementCollapseStateChanged:n,isCompareModeOn:f}){const m=W(),b=G(),[s,l]=T.useState(void 0),[N,x]=T.useState(void 0),v=!(m==="small"||m==="medium-compact"),E="name+balances_actual",V=f===!0?"this_period_vs_period_before":"none",j=()=>{let h=[];switch(e.reportId){case"profit_and_loss":{const u=e;h=(u.sections.expenses.balances.length>0?u.sections.expenses:u.sections.income).additionalBalances.map(D=>_.toTimeframeTick(D));break}case"profit_and_loss_by_classes":{const u=e;h=(u.sections.expenses.balances.length>0?u.sections.expenses:u.sections.income).additionalBalances.map(D=>_.toTimeframeTick(D));break}case"cash_flow":{h=e.calculatedSections.investingActivitiesTotal.additionalBalances.map(u=>_.toTimeframeTick(u));break}case"balance_sheet":{h=e.sections.equity.additionalBalances.map(u=>_.toTimeframeTick(u));break}}return h.length>0&&h.find(u=>u.balanceType==="this_period_vs_last_period")?"compare_mode_amount":"compare_mode_percent"};T.useEffect(()=>{const h={reportId:e.reportId,bookCloseDate:e.bookCloseDate,mode:V,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",displayOrder:t,reportFormat:a,dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:Se(),showClassAccountNumber:o};if(s==null||!K(N,e)){const u=Me(e,h,v);x(e),l(u)}else{const u=Be(s,h,e,v);l(u)}},[f,e]);const[O,R]=T.useState(5),I=h=>{const u=h+135;R(u)},M=h=>h?.trackPageLoaded(Fe(e));return s!=null?c.jsxs(c.Fragment,{children:[c.jsx(ge,{analytics:i,onLoad:M}),c.jsx(Ne,{height:O,children:c.jsx(Oe,{backgroundColor:new _e(b.colors.grey4),rootNodes:s,type:E,compareMode:j(),isSticky:{isStickyHeader:v,isStickyName:v},treeNodePadding:{left:Z.contentPaddingLeft.value(m),right:Z.contentPaddingRight.value(m)},onAccountClick:p==null?void 0:(h,u)=>{p(h,u)},nodeOpenStatus:e.uiState.nodeCollapseState,scrollPosition:e.uiState.scrollPosition,onCompareModeChanged:h=>r?.(h==="compare_mode_amount"?"this_period_vs_last_period":"this_period_vs_last_period_percent","dropdown"),onNodeCollapseToggled:(h,u)=>n?.(e.reportId,h,u),onReportTableHeightChanged:I,onScroll:h=>d?.(e.reportId,h)})})]}):null}const Me=(e,t,a=!0)=>{switch(e.reportId){case"profit_and_loss":return Pe(e,t,a);case"profit_and_loss_by_classes":return ke(e,t,a);case"cash_flow":return Te(e,t,a);case"balance_sheet":return ve(e,t,a);default:return}},Fe=e=>{switch(e.reportId){case"profit_and_loss":case"profit_and_loss_by_classes":return A.Event.profitAndLoss;case"cash_flow":return A.Event.cashFlow;case"balance_sheet":return A.Event.balanceSheet;default:return A.Event.reports}},je=g.div`
+  display: flex;
+  flex-direction: row;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  justify-content: center;
+  width: 100%;
+  align-items: center;
+`,$e=g.div`
+  display: flex;
+  position: relative;
+`,Ee=g(be)`
+  padding: 12px;
+  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+  cursor: ${e=>e.isSelected?"default":"pointer"};
+  margin: ${e=>e.spaceAround?`0 ${C.sp4}`:0};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ve=g.div`
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: 1px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  transition: left 0.35s;
+  &.profit_and_loss {
+    width: 106px;
+    left: 0;
+  }
+
+  &.profit_and_loss_by_classes {
+    width: 106px;
+    left: 0;
+  }
+  &.balance_sheet {
+    width: 114px;
+    left: 30%;
+  }
+  &.cash_flow {
+    width: 160px;
+    left: 63%;
+  }
+`;function De({reportId:e,isSelected:t,onClick:a}){const i=o=>{switch(o){case"profit_and_loss":case"profit_and_loss_by_classes":case"balance_sheet":case"cash_flow":return y.getLocalizedStrings().reportTitleById[o];default:return console.warn("Unsupported report"),""}};return c.jsx(Ee,{"data-testid":k("reportSwitcher",e),onClick:()=>{t===!1&&a(e)},isSelected:t,spaceAround:e==="balance_sheet",children:i(e)})}function ze({reportIds:e,selectedReport:t,onReportSelectionChanged:a}){const i=o=>{a?.(o)};return c.jsx(je,{"data-testid":k("report-switcher-container"),children:c.jsx($e,{"data-testid":k("report-switcher-content"),children:e.map(o=>o!=="profit_and_loss_by_classes"&&c.jsxs("div",{children:[c.jsx(De,{reportId:o,isSelected:t===o,onClick:i}),c.jsx(Ve,{className:`Slider ${t}`})]},`reportSegment-${o}`))})})}const P={contentContainerLeftRightMargin:new B(w[3],w[3],w[8]),contentRightPadding:new B(w[3],w[3],w[8]),tickSkelectionContainerWidth:new B(343,600,905,1240)},Ue=new B(4,4),We=new B(4,4),Ge={selectedNumberOfPeriods:(e,t)=>e?We.value(t):Ue.value(t)},Ye=g.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,He=g.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  height: calc(100vh - ${C.sp10});
+  margin: ${e=>`${C.sp2} ${C.sp0} ${C.sp0} ${P.contentContainerLeftRightMargin.valuePx(e.windowSize)}`};
+`,Ze=g.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,qe=g.div`
+  position: absolute;
+  margin-top: ${e=>e.windowSize==="small"?"250px":"195px"};
+`,Ke=g.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Je=g.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${C.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Xe=g(he)`
+  margin-top: ${C.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,ce=({style:e,isLoading:t})=>t?c.jsx(Ze,{style:e,children:c.jsx(fe,{size:"ExtraLarge",start:!0})}):null,S=e=>{switch(e.selectedReport){case"cash_flow":return e.cashFlowReport;case"balance_sheet":return e.balanceSheetReport;case"profit_and_loss_by_classes":return e.profitAndLossClassesViewReport;case"profit_and_loss":default:return e.profitAndLossReport}},U=({selectedReport:e,isCompareModeOn:t,windowSize:a})=>{const i=e.availableNumberOfPeriods;let o=Ge.selectedNumberOfPeriods(t,a);return i!=null&&(o=Math.min(o,i)),o};function Lt(e){const t=W(),a=G(),{onUpdateAccountViewMode:i,onUpdateClassesToFilterOut:o,onAdditionalBalanceSelectionChanged:r,onTimeframeSelectionChanged:p,isCompareMode:d,selectedReportAndTimeframeFetchState:n,onClickMenuIcon:f}=e,m=(O,R)=>{O!==b?.accountViewMode&&i?.(O),R&&o?.(R)};T.useEffect(()=>{if(e.fetchState==="Completed"){const O=S(e).filter.additionalBalances;e.onUpdateHighlightedNumberOfPeriods?.(O,e.isCompareMode,U({selectedReport:S(e),isCompareModeOn:e.isCompareMode,windowSize:t}),e.balancesInTimeframe)}},[t,e.fetchState]);const b=tt(e),s=y.getLocalizedStrings().reports.common,l=le(),N=l!=null&&_.hasInvestorBankerLevelAccess(l.loggedInUserRole)?"detailed":"more_detailed",x=l!=null&&_.hasInvestorBankerLevelAccess(l.loggedInUserRole)?["more_detailed"]:[];e.showAccountGroups===!1&&b?.accountViewMode==="account_group"&&x.push("detailed");const[v,E]=J.useState(x.includes("more_detailed")?"detailed":"more_detailed"),V={selectedFormat:v,disabledFormatForRole:x,roleBasedClassesSelectedFormat:N,setSelectedFormat:E};if(n.fetchState==="Error"||e.fetchState==="Error")return c.jsxs(Ke,{"data-testid":k("report-page-error-reload-page"),children:[c.jsx(Je,{"data-testid":k("report-page-error-reload-icon"),onClick:e.onReloadReport,children:c.jsx(de,{})}),c.jsx(Xe,{children:s.failed})]});const j=e.fetchState;if(n.fetchState!=="Completed"&&(j==="In-Progress"||j==="Not-Started"))return c.jsx(ce,{isLoading:!0});{const O=c.jsx(pe,{downloadReportOptions:{type:"detailed_menu",downloadMenu:{detailedMenu:b!=null&&e.dataAvailable!=null?c.jsx(xe,{defaultOptions:b,analytics:e.analytics,referrer:L(e.selectedReport),dataAvailable:e.dataAvailable,downloadState:e.downloadState,statementEndPoint:e.statementEndPoint,authParams:e.authParams,currentTenantCompanyName:e.currentTenantCompanyName,classesFetchState:e.profitAndLossClassesViewReport.fetchState,showAccountGroups:e.showAccountGroups,reportFormatProps:V,updateDownloadStateHandler:e.updateDownloadStateHandler,onUpdateDisplayOrder:e.onUpdateDisplayOrder,onUpdateReportFormat:e.onUpdateReportFormat,onClose:()=>null,onOpenAccountViewMode:e.onOpenAccountViewMode,onSaveClickHandler:m,onThisPeriodChanged:e.onThisPeriodChanged,onAdditionalBalanceSelectionChanged:(R,I,M)=>{r(d,R,I,M)},onTimeframeSelectionChanged:(R,I,M)=>{p?.(R,I,M)}}):c.jsx(c.Fragment,{})}}});return c.jsxs(Ye,{children:[c.jsx(ue,{title:y.getLocalizedStrings().reports.title,backgroundColor:a.colors.grey4,onBackClick:e.onBackClick,showMenuIcon:t==="medium-compact"||t==="small",onClickMenuIcon:f,rightSideComponent:O,downloadPresent:!0,source:"ReportsPage",hideSearchBtn:!0}),c.jsx(Qe,{...e})]})}}function Qe(e){const t=W(),a=G(),i=T.useRef(null),{selectedReportAndTimeframeFetchState:o}=e,r=["month","quarter","year"],p=(s,l)=>{e.analytics?.trackCompareFilterChange(s==="this_period_vs_last_period_percent"?"percentage":"amount",L(e.selectedReport),z(e.selectedTimeframe),l);const N=Array.from(new Set(s==="this_period_vs_last_period_percent"?[...S(e).filter.additionalBalances,"this_period_vs_last_period_percent"].filter(x=>x!=="this_period_vs_last_period"):[...S(e).filter.additionalBalances,"this_period_vs_last_period"].filter(x=>x!=="this_period_vs_last_period_percent")));e.onAdditionalBalanceSelectionChanged?.(e.isCompareMode,N,U({selectedReport:S(e),isCompareModeOn:e.isCompareMode,windowSize:t}))},d=(s,l)=>{s!==e.profitAndLossClassesViewReport?.uiState.accountViewMode&&e.onUpdateAccountViewMode?.(s),l&&e.onUpdateClassesToFilterOut?.(l)},n=S(e),f=i.current?.clientWidth??P.tickSkelectionContainerWidth.value(t),m=(e.profitAndLossClassesViewReport.fetchState==="In-Progress"||e.reportsResyncFetchState==="In-Progress")&&e.profitAndLossClassesViewReport.uiState.accountViewMode==="classes",b=o.fetchState==="In-Progress"||m;return c.jsxs(He,{windowSize:t,"data-testid":k("reports-page-content-container"),children:[c.jsx(nt,{windowSize:t,ref:i,children:c.jsx(ye,{timeframe:{allowedTimeframes:r,selectedTimeframe:e.selectedTimeframe,onTimeframeSelectionChanged:s=>{e.analytics?.trackTimeframeSwitch(z(s),L(e.selectedReport)),e.onTimeframeSelectionChanged?.(s,!0)}},toggle:{label:y.getLocalizedStrings().compareSwitchLabel,isOn:e.isCompareMode,onValueChanged:s=>{e.analytics?.trackCompareMode(s,L(e.selectedReport),z(e.selectedTimeframe));const l=S(e).filter;e.onAdditionalBalanceSelectionChanged?.(s,l.additionalBalances,l.balancesRange.numberOfPeriods)}}})}),o.fetchState==="Not-Started"||o.fetchState==="In-Progress"?c.jsx(it,{windowSize:t,children:c.jsx(ct,{children:c.jsx(me,{width:f,height:X-w[2],backgroundColor:a.colors.grey3,style:{borderRadius:C.sp2}})})}):c.jsx(at,{windowSize:t,children:c.jsx(Ce,{firstMonthOfFY:n.firstMonthOfFY,timeframe:e.selectedTimeframe,timeframeTicks:e.allTimeframeTicks,selection:{selectedTicks:q(e.allTimeframeTicks,e.selectedCOABalancesRange),highlightedOfSelectedTicks:q(e.allTimeframeTicks,e.selectedCOABalancesRange)},onClick:(s,l)=>{e.analytics?.trackDateRangeFilterChange(L(e.selectedReport),"range filter",e.isCompareMode,H(n.firstMonthOfFY,e.selectedTimeframe,l)),e.onThisPeriodChanged?.(l,U({selectedReport:S(e),isCompareModeOn:e.isCompareMode,windowSize:t}))},onSelectionChanged:s=>{const l=et(e.allTimeframeTicks,s.fromEnd);e.analytics?.trackDateRangeFilterChange(L(e.selectedReport),"range filter",e.isCompareMode,H(n.firstMonthOfFY,e.selectedTimeframe,l.thisPeriod)),e.onCOABalancesRangeChanged?.(l)}})}),c.jsx(rt,{windowSize:t,children:c.jsx(ze,{reportIds:["profit_and_loss","balance_sheet","cash_flow","profit_and_loss_by_classes"],selectedReport:e.selectedReport,onReportSelectionChanged:s=>{e.analytics?.trackPageLoaded(st(s)),s==="profit_and_loss"&&e.profitAndLossClassesViewReport?.uiState.accountViewMode==="classes"?e.onReportSelectionChanged?.("profit_and_loss_by_classes"):e.onReportSelectionChanged?.(s)}})}),o.fetchState==="Not-Started"||o.fetchState==="In-Progress"||m?c.jsx(ce,{style:{boxShadow:"none",backgroundColor:"inherit"},isLoading:b}):c.jsxs(c.Fragment,{children:[c.jsx(re,{report:S(e),displayOrder:e.displayOrder,reportFormat:e.reportFormat,analytics:e.analytics,onAdditionalBalanceSelectionChanged:p,onAccountBalanceClick:e.onAccountBalanceClick,onElementCollapseStateChanged:e.onElementCollapseStateChanged,onTableScroll:e.onTableScroll,isCompareModeOn:e.isCompareMode,isZeniUser:e.isZeniUser}),_.isPAndLReport(e.selectedReport)?c.jsx(qe,{windowSize:t,children:c.jsx(we,{reportId:e.selectedReport,firstMonthOfFY:e.profitAndLossClassesViewReport.firstMonthOfFY,nodes:e.profitAndLossClassesViewReport?.classHierarchy,classesListFetchState:e.profitAndLossClassesViewReport?.fetchState,selectedView:e.profitAndLossClassesViewReport?.uiState.accountViewMode,showClassAccountNumber:e.isZeniUser,showAccountGroups:e.showAccountGroups,onSaveClick:d,classesToBeFilteredOut:e.profitAndLossClassesViewReport?.classesToFilterOut,onOpenAccountViewMode:e.onOpenAccountViewMode,onResyncReports:e.onResyncReports,reportsResyncFetchState:e.reportsResyncFetchState,lastRefreshSuccessTime:e.profitAndLossClassesViewReport?.status?.lastRefreshSuccessTime})}):null]})]})}const q=(e,t)=>{if(t.orderBy!=="ascending_date")throw new Error("Invalid ordering of dates!!");let a=e.length-1;return t.thisPeriod!=null&&(a=e.findIndex(i=>i.startDate.isSame(t.thisPeriod.startDate,"date")&&i.endDate.isSameOrBefore(t.thisPeriod.endDate))),{startIndex:Math.max(a+1-t.numberOfPeriods,0),length:t.numberOfPeriods}},et=(e,t)=>{const a=e.length-1-t.offsetFromEnd;return{thisPeriod:e[a],numberOfPeriods:t.length,orderBy:"ascending_date"}};function tt(e){let t=e.selectedCOABalancesRange.thisPeriod;if(t==null){const p=e.displayOrder,d=e.profitAndLossReport.sections.expenses!=null&&e.profitAndLossReport.sections.expenses.balances.length>0?e.profitAndLossReport.sections.expenses:e.profitAndLossReport.sections.income;if(d!=null&&d.balances.length>0){const n=p==="ascending_date"?d.balances.length-1:0;t=d.balances[n]}}const a=S(e).firstMonthOfFY,i=S(e).bookCloseDate,o=S(e).dataAvailable,r=S(e).filter.additionalBalances;if(t!=null)return{localeId:y.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",includeCoverPage:!0,companyName:e.currentTenantCompanyName,statementFileType:"pdf",statements:e.profitAndLossClassesViewReport.uiState.accountViewMode==="account_group"?["profit_and_loss","balance_sheet","cash_flow"]:["profit_and_loss_by_classes","balance_sheet","cash_flow"],firstMonthOfFY:a,bookCloseDate:i,dataAvailable:o,timeframe:e.selectedTimeframe,additionalBalances:r,format:e.reportFormat,balancesFilter:{thisPeriod:t,numberOfPeriods:e.selectedCOABalancesRange.numberOfPeriods,orderBy:e.displayOrder},accountViewMode:e.profitAndLossClassesViewReport.uiState.accountViewMode,nestedClassHierarchy:e.profitAndLossClassesViewReport?.classHierarchy,classesToFilterOut:e.profitAndLossClassesViewReport.classesToFilterOut,showClassAccountNumber:e.isZeniUser,isZeniCOAUsed:e.isZeniCOAUsed}}const L=e=>{switch(e){case"profit_and_loss":case"profit_and_loss_by_classes":return"Profit & Loss";case"balance_sheet":return"Balance Sheet";case"cash_flow":return"Cash Flow";default:return"Reports"}},st=e=>{switch(e){case"profit_and_loss":case"profit_and_loss_by_classes":return A.Event.profitAndLoss;case"cash_flow":return A.Event.cashFlow;case"balance_sheet":return A.Event.balanceSheet;default:return A.Event.reports}},re=J.memo(Ie,(e,t)=>ot(e,t,["report","analytics","isCompareModeOn","isZeniUser"]));re.displayName="Reports table";const ot=(e,t,a)=>a.reduce((i,o)=>i===!0&&K(e[`${o}`],t[`${o}`]),!0),nt=g.div`
+  padding-right: ${e=>P.contentRightPadding.valuePx(e.windowSize)};
+`,at=g.div`
+  margin-top: ${C.sp3};
+  padding-right: ${e=>P.contentRightPadding.valuePx(e.windowSize)};
+`,it=g.div`
+  margin-top: ${C.sp3};
+  padding-right: ${e=>P.contentRightPadding.valuePx(e.windowSize)};
+`,ct=g.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  min-height: ${X}px;
+  box-sizing: content-box;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+`,rt=g.div`
+  margin-top: ${C.sp4};
+  padding-right: ${e=>P.contentRightPadding.valuePx(e.windowSize)};
+`;export{Lt as default};

package/dist/assets/{RevenueChart-D33p-PFq-CGRJwc_N.js → RevenueChart-JdtvK4L6-Ngpoc51c.js}

@@ -1,4 +1,4 @@
-import{u as A,j as a,M as S,X as de,Y as Ae,ai as Q,b5 as Te,n as E,b6 as J,au as ee,v as M,at as ae,aa as re,b7 as oe,b8 as ge,o as m,b9 as te,g,H as Fe,ba as pe,bb as me,C as xe,bc as fe,q as R,bd as F,ao as V}from"./index-DyBH5SZv.js";import{b as P,f as le,n as x}from"./vendor-CnQcJ2Lu.js";import{p as b,d as ne,y as W,b as N,g as ce,u as T}from"./chartTypes-qpvW4LwC-4Ag0mdD1.js";import{i as K,h as se,c as I}from"./toCOABalancesWithID-DeWKaovX-C_3xC96w.js";import{V as Z}from"./toChartData-Dkp488IJ-Cg1gF7al.js";const q={legendLabelMarginLeft:new xe(2,2),legendLabelMarginRight:new xe(E[3],E[4])},Ve=x.div`
+import{u as A,j as a,M as S,X as de,Y as Ae,ao as Q,b6 as Te,q as E,b7 as J,aB as ee,r as M,aA as ae,aJ as re,b8 as oe,b9 as ge,o as m,ba as te,g,D as Fe,bb as pe,bc as me,C as xe,bd as fe,t as R,be as F,av as V}from"./index-CEwYV-nF.js";import{b as P,f as le,n as x}from"./vendor-CnQcJ2Lu.js";import{p as b,d as ne,y as W,b as N,g as ce,u as T}from"./chartTypes-JD2mR9iq-D7wZaUzd.js";import{i as K,h as se,c as I}from"./toCOABalancesWithID-DOgHiMwn-g7DirtT0.js";import{V as Z}from"./toChartData-CNfdaXyM-BIB6n4VL.js";const q={legendLabelMarginLeft:new xe(2,2),legendLabelMarginRight:new xe(E[3],E[4])},Ve=x.div`
   display: flex;
 `,He=x.div`
   margin: ${m.sp2} ${m.sp0} ${m.sp2} ${m.sp0};

package/dist/assets/{ReviewDetailsPage-D35NcQnx-Cbn86Yy5.js → ReviewDetailsPage-BwQoOV2Q-BnMNYLWI.js}

@@ -1,4 +1,4 @@
-import{X as vt,t as Tt,C as y,cB as jt,M as St,cC as Ct,cD as Dt,j as t,cE as It,cF as le,cG as At,l as d,cH as Pt,cI as kt,Y as j,cJ as Mt,_ as k,cK as Bt,cL as Nt,cM as ke,cN as Me,cO as Be,v as G,cP as O,cQ as z,cR as _,g as S,cS as Rt,cT as Ft,cU as Et,cV as Lt,bs as Ne,o as n,a3 as Ot,n as c,r as zt,bo as _t,Q as Wt,h as Ut,cW as Ht,bH as Zt,q as se,f as de,cX as Yt,cY as Vt,aA as Gt,k as Kt,an as qt,Z as Xe,b4 as Xt,w as Qe,aN as Qt,cZ as Jt}from"./index-DyBH5SZv.js";import{b as U,n as i}from"./vendor-CnQcJ2Lu.js";import{t as en,o as tn}from"./LowBalancePopup-CwcYMtuk-B-vSGd6a.js";import{S as W}from"./LabeledText-bruKdeAH-E98_Q-Ht.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const Je=["small","medium-compact","medium-regular"],p={largeLabelWidth:new y(150,215,215),infoMinWidth:new y(0,0,0,142,142),infoMarginRight:new y(0,0,0,c[2],c[2]),footerButtonWidth:new y(120,165),iconContainerMarginTop:new y(6,c[1]),navBarContainerPaddingTop:new y(10,c[3]),sectionTitleMarginLeft:new y(c[3],c[0]),reviewContainerMarginLeft:new y(c[3],c[6]),reviewContainerMarginRight:new y(c[3],c[8]),footerRightIconMarginRight:new y(c[0],c[0],c[7]),infoLabelPaddingRight:new y(c[0],c[3]),infoLabelMarginTop:new y(c[1],c[0])},nn={sectionTitle:new Wt("h6Medium","h5Medium")},{dateFormat:Re,common:{currency:T,labels:Fe,edit:an,strings:{empty:h}},spendManagement:{billPay:ln}}=St.getLocalizedStrings(),{billDetails:a,paymentDetails:Ee}=ln,Le=({attachment:e})=>{const[w,x]=U.useState(!1),M=()=>{x(!1)},C=e.fileId?.length===0;return t.jsxs(Bn,{isDisabled:e.fileId?.length===0,"data-testid":j("attachment-tag",e.fileName),onClick:()=>C===!1?x(!0):null,children:[w&&e?.fileDownloadUrl!=null?t.jsx(Yt,{title:e.fileName,file:e,onCrossClick:()=>M(),setShowFullScreenView:x}):null,t.jsx(Nn,{children:t.jsx(Vt,{contentType:e.contentType})})]})},ti=({billDetails:e,billpayApprovalView:w,isBillPayCommentingEnabled:x,currentTenant:M,isInternationalPaymentShaVsOurEnabled:C,isLocalCurrencyEnabled:et,style:tt,analytics:$,isRecurringBillsFeatureEnabled:nt,isApprovalRequiredForMarkAsPaid:it,isDetectInsufficientFundsEnabled:at,billId:f,onClickEdit:ce,discardBillDetailsFromLocalStore:me,saveBillDetails:pe,discardOutsideZeniPaymentData:lt,updateBillDetailSaveBillCode:ue,redirectToBillsScreen:ye,onAttachmentClick:Q,retryPayment:ot})=>{const s=vt(),m=Tt(),B={application:"dashboard",companyId:m.currentTenant?.companyId,tab:"bill",entityId:f},N=x&&f!=null,R=`dashboard_${m.currentTenant?.companyId}`,F=p.largeLabelWidth.value(s),E=e.saveStatus,J=e.zeniAssistRetryStatus,ee=e.vendor?.vendorCurrencyCode,o=jt(C,et,e.billPayConfigList.filter(l=>l.method.includes(e.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,e.paymentDetailsSection?.paymentType,ee),D=Re.visual.MMMDCommaYYYYformat,he={amount:e.recipientTotalAmount.amount/(e.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},u={amount:o?.method.includes("international")===!0?Ct(he,o):e.recipientTotalAmount.amount+(o?.fee.amount??0),currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},L={amount:o?.method.includes("international")===!0?Dt(he,o):o?.fee.amount??0,currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},[rt,ge]=U.useState(!1),[st,xe]=U.useState(!1),fe=()=>ge(!1),dt=()=>{$.trackBillPayMagicLinkPreviewEmail("review_bill"),ge(!0)},ct=e.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${a.magicLink.collectFrom} ${e.toAccountVendorEmail}`,t.jsx(Pn,{size:s,children:t.jsx(An,{})})]}):It(e.paymentDetailsSection?.paymentTo);U.useEffect(()=>{(E?.fetchState==="Completed"||J?.fetchState==="Completed")&&(me(),ue(),ye())},[E,J,ye,me,ue]);const v=e.billPayInfo?.stage,A=e.billPayInfo?.billStatus,H=e.billPayInfo?.billPaymentStatus,mt=e.billPayInfo?.billPaymentRefundStatus,te=v?.code==="paid"?v:A?.code=="approved"&&H?.code?H:A,pt=e.billPayInfo?.isRefundInitiated===!0?mt:A?.code=="approved"&&H?.code?H:A,ne=()=>{ce()},be=()=>{ce()},Z=e.paymentDetailsSection?.paymentDate,ie=le(o?.method??""),we=ie.replace("Same Day",""),ut=e.isCollectToAccountInfoFromVendorContact?t.jsx(At,{paymentTypeLabel:we,onClick:dt}):a.addedByZeni,Y=w.allApprovalRules.length>0,yt=d.toAmount(o?.method!=null&&(o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)||o?.fee.amount!=null&&o.fee.amount!==0)?u.amount-L.amount:u.amount,o?.fee.currencyCode??d.defaultVendorCurrency.currencyCode,o?.fee.currencySymbol??d.defaultVendorCurrency.currencySymbol),g=d.isPaymentMethodOutsideZeni(e.paymentDetailsSection?.paymentType?.method),ht=l=>{$.trackBillPayMarkAsPaidSubmit(l.paymentMode??"other",v?.code??"draft",te?.code??""),pe(!0,l)},$e=()=>{xe(!0),$.trackBillPayMarkAsPaid(v?.code??"draft",te?.code??"")},gt=()=>{lt(),xe(!1)},P=g&&(v?.code!=null?v.code==="draft"||A?.code==="approved":!0),b=P&&!it,ve=Oe(b,Y,e.isBillMarkedForRetry),xt=()=>g?b?void 0:a.paymentOutsideZeni.reviewInfo:o?.method!=null&&o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&C&&ee===T.currencyCode?Ft(e.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0,ae=at&&e.paymentDetailsSection!=null?Pt(u,e.paymentDetailsSection.withdrawFrom,e.paymentDetailsSection.paymentDate):void 0,ft=()=>{const l=e.paymentDetailsSection?.paymentDate,r=e.isCollectToAccountInfoFromVendorContact,I=e.recurringConfig,wt=e.recipientTotalAmount;if(e.isInvoiceDateAutoUpdated===!0&&$.trackBillPayAutoDateChange(f??"new_bill"),o?.method!=null&&l!=null){const $t=g?a.paymentOutsideZeni.offline:le(o.method);if($.trackBillPaySendForApproval($t,l.format(Re.analytics.MMMDashDDDashYYYYFormat),r,e.isRecurring,f,e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:d.zeniDate(I?.startDate?.toString()??"").format(D),endDate:d.zeniDate(I?.endDate?.toString()??"").format(D),frequency:I?.frequency??"monthly",totalAmount:wt.amount,totalPaymentCycles:I?.totalPaymentCycles??0,isApprovalRequired:I?.isApprovalRequired??!1,updateCurrentBill:e.recurringConfig?.id!=null?I?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:e.recurringConfig?.id!=null?I?.updateRecurringBills==="all":void 0}),ae!=null){const Se=v?.code??"draft",Ce=A?.code??"",De=e.isRecurring?["Recurring"]:["One-Time"],Ie=e.invoiceNumber??"",Ae=Jt(m.loggedInUser),Pe=e.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";ve===a.scheduleBill?$.trackLowBalanceAccountSchedule(Se,Ce,De,Ie,Ae,Pe):ve===a.sendForApproval&&$.trackLowBalanceAccountSentForApproval(Se,Ce,De,Ie,Ae,Pe)}}},Te=()=>{je===!0&&V(!1),e.isBillMarkedForRetry===!0?(ot(),$.trackRetryConfirmClick(te?.code??"",v?.code??"",pt?.description??"",e.isRecurring?["Recurring"]:["One-Time"],e.invoiceNumber??"")):e.vendor!=null&&(ft(),pe(!1,{}))},bt=d.checkIfCreatorIsApprover(u.amount,w.allApprovalRules,m.loggedInUser),[je,V]=U.useState(!1);return t.jsxs(hn,{children:[st?t.jsx(en,{onCancel:gt,onProceedForMarkAsPaid:ht,saveDetailsFetchState:E?.fetchState,paymentData:e.outsideZeniPaymentInfo}):null,je?t.jsx(tn,{withdrawFrom:e.paymentDetailsSection?.withdrawFrom,paymentDate:e.paymentDetailsSection?.paymentDate,onOkClick:Te,onCancelClick:()=>{V(!1),ne()},onClickAway:()=>{V(!1)}}):null,t.jsx(kt,{anchor:"right",open:rt,onClose:fe,transitionDuration:250,"data-testid":j("vendor-email-preview-drawer"),children:t.jsx(Mt,{companyName:Bt(M.company?.companyInfo),vendor:e.vendor?.name,paymentDate:Z?.format(D)??"",paymentType:we,amount:k("0,0[.]00",u),isInvoiceAttached:!!e.file,onClose:fe})}),t.jsxs(gn,{windowSize:s,style:tt,children:[s==="small"?t.jsxs(In,{windowSize:s,children:[t.jsx(Ye,{onClick:be,"data-testid":j("review-detail-nav-bar-small-back")}),t.jsx(We,{windowSize:s,children:a.oneLastLook})]}):t.jsx(Dn,{"data-testid":j("review-details-nav-bar-back"),children:t.jsx(Ye,{onClick:be})}),s!=="small"?t.jsx(fn,{children:t.jsx(We,{windowSize:s,children:a.oneLastLook})}):null,e.duplicateBillTransactions.length>0?t.jsxs(bn,{children:[t.jsxs(wn,{children:[t.jsx(zn,{}),t.jsxs($n,{children:[t.jsx(Tn,{children:a.duplicateBillPayWarning}),t.jsxs(vn,{children:[a.duplicateBillPayWarningSubHeading,t.jsxs("span",{"data-testid":j("review-detail-attachment-button"),onClick:()=>Q(e.duplicateBillTransactions[0].id,e.duplicateBillTransactions[0].billPayInfo.stage.code),style:{textDecoration:"underline",cursor:"pointer"},children:[a.viewBill,e.duplicateBillTransactions[0].documentId]})]})]})]}),t.jsxs(En,{children:[t.jsx(On,{children:a.duplicateInvoiceFound}),e.duplicateBillTransactions.map(l=>{const r=Nt(l);return l!=null?t.jsx(Ln,{children:Je.includes(s)?t.jsxs(Ue,{windowSize:s,children:[t.jsxs(jn,{children:[t.jsxs(Sn,{children:[l.attachments&&l.attachments.length>0?t.jsx(Le,{attachment:l.attachments[0]}):t.jsx(Ve,{children:t.jsx(Ge,{})}),t.jsx(q,{children:t.jsxs(t.Fragment,{children:[l.documentId!=null?a.invoiceNo:null,l.documentId]})})]}),t.jsx(Ke,{windowSize:s,children:k("0,0[.]00",l.recipientTotalAmount)})]}),t.jsxs(Rn,{"data-testid":j("review-detail-mobile-info"),onClick:()=>Q(l.id,l.billPayInfo.stage.code),children:[t.jsxs(q,{children:[l.dueDate!=null?a.due:null," ",l.dueDate?.format(D)]}),t.jsx(qe,{children:r!=null?ke.includes(r.code)?t.jsx(Me,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})]}):t.jsxs(Ue,{windowSize:s,children:[l.attachments&&l.attachments.length>0?t.jsx(Le,{attachment:l.attachments[0]}):t.jsx(Ve,{children:t.jsx(Ge,{})}),t.jsxs(Fn,{"data-testid":j("review-detail-info"),onClick:()=>Q(l.id,l.billPayInfo.stage.code),children:[t.jsx(q,{style:{width:"50%"},children:t.jsxs("div",{children:[l.documentId!=null?a.invoiceNo:null," ",l.documentId]})}),t.jsxs(q,{style:{width:"25%"},children:[l.dueDate!=null?a.due:null," ",l.dueDate?.format(D)]}),t.jsx(Ke,{style:{width:"25%"},windowSize:s,children:k("0,0[.]00",l.amount)})]}),t.jsx(qe,{children:r!=null?ke.includes(r.code)?t.jsx(Me,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})},l.id):null})]})]}):null,t.jsxs(Cn,{children:[t.jsx(He,{children:a.pay}),t.jsx(Ze,{children:t.jsx(Be,{amount:yt,integerStyles:G.largeMedium.cssObject,decimalStyles:G.smallMedium.cssObject})}),t.jsx(He,{children:a.to}),t.jsx(Ze,{children:e.vendor?.name})]}),t.jsxs(xn,{children:[g?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"withdrawFrom"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("withdrawFrom")}`},children:t.jsx(W,{label:{label:a.withdrawFrom,width:F},style:{width:"auto"},value:e.paymentDetailsSection?.withdrawFrom!=null?Rt(e.paymentDetailsSection.withdrawFrom,s):h,infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(s),marginTop:p.infoLabelMarginTop.valuePx(s),color:S.brandColorGoldDark},additionalInfoLabel:ae})}),t.jsx(K,{})]}),t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentType"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentType")}`},children:t.jsx(W,{label:{label:a.paymentMethod,width:F},style:{width:"auto"},value:le(o?.method??""),additionalInfoLabel:xt()})}),t.jsx(K,{}),!g&&Z!=null?t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentDate"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentDate")}`},children:t.jsx(W,{label:{label:a.paymentDate,width:F},style:{width:"auto"},value:Z.format(D),additionalInfoLabel:`${a.estimatedArrival}${d.zeniDate(d.getNextNthWorkingDay(Z.toDate(),[0,6],o?.maxPeriod.value??0).toDateString()).format(D)} - (${ie.length>0?`${ie} `:""}${a.deliveryTimeLabel} = ${o?.maxPeriod.value??"0"} ${a.deliveryTimeUnits})`})}),t.jsx(K,{})]}):null,g?null:t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentTo"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentTo")}`},children:t.jsx(W,{label:{label:a.paymentTo,width:F},style:{width:"auto"},value:ct??"",additionalInfoLabel:ut})}),g||nt?t.jsxs(t.Fragment,{children:[t.jsx(K,{}),t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"recurringPaymentType"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("recurringPaymentType")}`},children:t.jsx(W,{label:{label:a.paymentType,width:F},style:{width:"auto"},value:Lt(e.isRecurring,g,e.recurringBillInstance??1,e.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:Et(s,e.isRecurring,g,e.recurringConfig)})})]}):null]}),!g&&o?.method!=null&&(o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)||o?.fee.amount!=null&&o.fee.amount!==0)?t.jsx(mn,{children:t.jsxs(pn,{windowSize:s,children:[t.jsxs(un,{children:[t.jsx(sn,{children:a.total}),t.jsx(Ne,{style:{padding:`12px ${n.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:t.jsxs(cn,{children:[t.jsxs(_e,{children:[t.jsx(re,{children:o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&ee!==T.currencyCode?Ee.conversionAmountColon:Fe.invoiceAmount}),t.jsx(oe,{children:k("0,0[.]00",{amount:u.amount-L.amount,currencySymbol:L.currencySymbol})})]}),t.jsxs(_e,{children:[t.jsx(re,{children:Ee.transactionFee}),t.jsx(oe,{children:k("0,0[.]00",{amount:L.amount,currencySymbol:L.currencySymbol})})]}),t.jsx(dn,{}),t.jsxs(rn,{children:[t.jsx(re,{children:Fe.total}),t.jsx(oe,{children:k("0,0[.]00",{amount:u.amount,currencyCode:u.currencyCode,currencySymbol:u.currencySymbol})})]})]}),placement:"top-end",children:t.jsx(on,{})})]}),t.jsx(yn,{children:t.jsx(Be,{amount:d.toAmount(u.amount,u.currencyCode,u.currencySymbol),integerStyles:G.h6Medium.cssObject,decimalStyles:G.standardMedium.cssObject})})]})}):null]}),t.jsx(Ot,{cancelBtn:{label:P&&!b?a.paymentOutsideZeni.markAsPaid:a.editBill,onClick:P&&!b?$e:ne,style:{width:ze(!1,P,b,Y,s)}},primaryBtn:{label:Oe(b,Y,e.isBillMarkedForRetry),isLoading:E?.fetchState==="In-Progress"||J?.fetchState==="In-Progress",onClick:b?$e:()=>{bt&&ae!=null?V(!0):Te()},style:{width:ze(!0,P,b,Y,s)}},rightSideComponent:P&&!b&&E.fetchState!=="In-Progress"?t.jsx(_n,{windowSize:s,children:t.jsx(Ne,{style:{color:S.heroDark,padding:`2px ${n.sp2}`},display:"flex",title:an,placement:"top",children:t.jsx(Un,{onClick:ne,"data-testid":j("review-detail-edit-bill-button"),children:t.jsx(Wn,{})})})}):null,style:{minHeight:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)?127:62,...e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&{padding:n.sp3,rowGap:n.sp3}},children:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)?t.jsxs(kn,{children:[a.internationalText1,t.jsx(Mn,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:a.internationalTerms}),a.internationalText2]}):null})]})},Oe=(e,w,x)=>e?a.paymentOutsideZeni.markAsPaid:x===!0?a.retryPayment:w?a.sendForApproval:a.scheduleBill,ze=(e,w,x,M,C)=>x?128:w&&!e&&C==="small"?"auto":M?165:p.footerButtonWidth.value(C),on=i(Xt)`
+import{X as vt,V as Tt,C as y,cB as jt,M as St,cC as Ct,cD as Dt,j as t,cE as It,cF as le,cG as Pt,l as d,cH as kt,cI as At,Y as j,cJ as Mt,_ as A,cK as Bt,cL as Nt,cM as Ae,cN as Me,cO as Be,r as q,cP as O,cQ as z,cR as _,g as S,cS as Rt,cT as Ft,cU as Et,cV as Lt,bt as Ne,o as n,a7 as Ot,q as c,c as zt,bp as _t,Q as Wt,h as Ut,cW as Zt,ah as Ht,t as se,m as de,cX as Vt,cY as Yt,cZ as qt,k as Gt,as as Kt,Z as Xe,b5 as Xt,v as Qe,aN as Qt,c_ as Jt}from"./index-CEwYV-nF.js";import{b as U,n as i}from"./vendor-CnQcJ2Lu.js";import{t as en,o as tn}from"./LowBalancePopup-BLfeh0xm-Cx_IhGZO.js";import{S as W}from"./LabeledText-CqZ-udSP-pLTRiq1L.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const Je=["small","medium-compact","medium-regular"],p={largeLabelWidth:new y(150,215,215),infoMinWidth:new y(0,0,0,142,142),infoMarginRight:new y(0,0,0,c[2],c[2]),footerButtonWidth:new y(120,165),iconContainerMarginTop:new y(6,c[1]),navBarContainerPaddingTop:new y(10,c[3]),sectionTitleMarginLeft:new y(c[3],c[0]),reviewContainerMarginLeft:new y(c[3],c[6]),reviewContainerMarginRight:new y(c[3],c[8]),footerRightIconMarginRight:new y(c[0],c[0],c[7]),infoLabelPaddingRight:new y(c[0],c[3]),infoLabelMarginTop:new y(c[1],c[0])},nn={sectionTitle:new Wt("h6Medium","h5Medium")},{dateFormat:Re,common:{currency:T,labels:Fe,edit:an,strings:{empty:h}},spendManagement:{billPay:ln}}=St.getLocalizedStrings(),{billDetails:a,paymentDetails:Ee}=ln,Le=({attachment:e})=>{const[w,x]=U.useState(!1),M=()=>{x(!1)},C=e.fileId?.length===0;return t.jsxs(Bn,{isDisabled:e.fileId?.length===0,"data-testid":j("attachment-tag",e.fileName),onClick:()=>C===!1?x(!0):null,children:[w&&e?.fileDownloadUrl!=null?t.jsx(Vt,{title:e.fileName,file:e,onCrossClick:()=>M(),setShowFullScreenView:x}):null,t.jsx(Nn,{children:t.jsx(Yt,{contentType:e.contentType})})]})},ti=({billDetails:e,billpayApprovalView:w,isBillPayCommentingEnabled:x,currentTenant:M,isInternationalPaymentShaVsOurEnabled:C,isLocalCurrencyEnabled:et,style:tt,analytics:$,isRecurringBillsFeatureEnabled:nt,isApprovalRequiredForMarkAsPaid:it,isDetectInsufficientFundsEnabled:at,billId:f,onClickEdit:ce,discardBillDetailsFromLocalStore:me,saveBillDetails:pe,discardOutsideZeniPaymentData:lt,updateBillDetailSaveBillCode:ue,redirectToBillsScreen:ye,onAttachmentClick:Q,retryPayment:ot})=>{const s=vt(),m=Tt(),B={application:"dashboard",companyId:m.currentTenant?.companyId,tab:"bill",entityId:f},N=x&&f!=null,R=`dashboard_${m.currentTenant?.companyId}`,F=p.largeLabelWidth.value(s),E=e.saveStatus,J=e.zeniAssistRetryStatus,ee=e.vendor?.vendorCurrencyCode,o=jt(C,et,e.billPayConfigList.filter(l=>l.method.includes(e.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,e.paymentDetailsSection?.paymentType,ee),D=Re.visual.MMMDCommaYYYYformat,he={amount:e.recipientTotalAmount.amount/(e.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},u={amount:o?.method.includes("international")===!0?Ct(he,o):e.recipientTotalAmount.amount+(o?.fee.amount??0),currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},L={amount:o?.method.includes("international")===!0?Dt(he,o):o?.fee.amount??0,currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},[rt,ge]=U.useState(!1),[st,xe]=U.useState(!1),fe=()=>ge(!1),dt=()=>{$.trackBillPayMagicLinkPreviewEmail("review_bill"),ge(!0)},ct=e.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${a.magicLink.collectFrom} ${e.toAccountVendorEmail}`,t.jsx(kn,{size:s,children:t.jsx(Pn,{})})]}):It(e.paymentDetailsSection?.paymentTo);U.useEffect(()=>{(E?.fetchState==="Completed"||J?.fetchState==="Completed")&&(me(),ue(),ye())},[E,J,ye,me,ue]);const v=e.billPayInfo?.stage,P=e.billPayInfo?.billStatus,Z=e.billPayInfo?.billPaymentStatus,mt=e.billPayInfo?.billPaymentRefundStatus,te=v?.code==="paid"?v:P?.code=="approved"&&Z?.code?Z:P,pt=e.billPayInfo?.isRefundInitiated===!0?mt:P?.code=="approved"&&Z?.code?Z:P,ne=()=>{ce()},be=()=>{ce()},H=e.paymentDetailsSection?.paymentDate,ie=le(o?.method??""),we=ie.replace("Same Day",""),ut=e.isCollectToAccountInfoFromVendorContact?t.jsx(Pt,{paymentTypeLabel:we,onClick:dt}):a.addedByZeni,V=w.allApprovalRules.length>0,yt=d.toAmount(o?.method!=null&&(o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)||o?.fee.amount!=null&&o.fee.amount!==0)?u.amount-L.amount:u.amount,o?.fee.currencyCode??d.defaultVendorCurrency.currencyCode,o?.fee.currencySymbol??d.defaultVendorCurrency.currencySymbol),g=d.isPaymentMethodOutsideZeni(e.paymentDetailsSection?.paymentType?.method),ht=l=>{$.trackBillPayMarkAsPaidSubmit(l.paymentMode??"other",v?.code??"draft",te?.code??""),pe(!0,l)},$e=()=>{xe(!0),$.trackBillPayMarkAsPaid(v?.code??"draft",te?.code??"")},gt=()=>{lt(),xe(!1)},k=g&&(v?.code!=null?v.code==="draft"||P?.code==="approved":!0),b=k&&!it,ve=Oe(b,V,e.isBillMarkedForRetry),xt=()=>g?b?void 0:a.paymentOutsideZeni.reviewInfo:o?.method!=null&&o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&C&&ee===T.currencyCode?Ft(e.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0,ae=at&&e.paymentDetailsSection!=null?kt(u,e.paymentDetailsSection.withdrawFrom,e.paymentDetailsSection.paymentDate):void 0,ft=()=>{const l=e.paymentDetailsSection?.paymentDate,r=e.isCollectToAccountInfoFromVendorContact,I=e.recurringConfig,wt=e.recipientTotalAmount;if(e.isInvoiceDateAutoUpdated===!0&&$.trackBillPayAutoDateChange(f??"new_bill"),o?.method!=null&&l!=null){const $t=g?a.paymentOutsideZeni.offline:le(o.method);if($.trackBillPaySendForApproval($t,l.format(Re.analytics.MMMDashDDDashYYYYFormat),r,e.isRecurring,f,e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:d.zeniDate(I?.startDate?.toString()??"").format(D),endDate:d.zeniDate(I?.endDate?.toString()??"").format(D),frequency:I?.frequency??"monthly",totalAmount:wt.amount,totalPaymentCycles:I?.totalPaymentCycles??0,isApprovalRequired:I?.isApprovalRequired??!1,updateCurrentBill:e.recurringConfig?.id!=null?I?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:e.recurringConfig?.id!=null?I?.updateRecurringBills==="all":void 0}),ae!=null){const Se=v?.code??"draft",Ce=P?.code??"",De=e.isRecurring?["Recurring"]:["One-Time"],Ie=e.invoiceNumber??"",Pe=Jt(m.loggedInUser),ke=e.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";ve===a.scheduleBill?$.trackLowBalanceAccountSchedule(Se,Ce,De,Ie,Pe,ke):ve===a.sendForApproval&&$.trackLowBalanceAccountSentForApproval(Se,Ce,De,Ie,Pe,ke)}}},Te=()=>{je===!0&&Y(!1),e.isBillMarkedForRetry===!0?(ot(),$.trackRetryConfirmClick(te?.code??"",v?.code??"",pt?.description??"",e.isRecurring?["Recurring"]:["One-Time"],e.invoiceNumber??"")):e.vendor!=null&&(ft(),pe(!1,{}))},bt=d.checkIfCreatorIsApprover(u.amount,w.allApprovalRules,m.loggedInUser),[je,Y]=U.useState(!1);return t.jsxs(hn,{children:[st?t.jsx(en,{onCancel:gt,onProceedForMarkAsPaid:ht,saveDetailsFetchState:E?.fetchState,paymentData:e.outsideZeniPaymentInfo}):null,je?t.jsx(tn,{withdrawFrom:e.paymentDetailsSection?.withdrawFrom,paymentDate:e.paymentDetailsSection?.paymentDate,onOkClick:Te,onCancelClick:()=>{Y(!1),ne()},onClickAway:()=>{Y(!1)}}):null,t.jsx(At,{anchor:"right",open:rt,onClose:fe,transitionDuration:250,"data-testid":j("vendor-email-preview-drawer"),children:t.jsx(Mt,{companyName:Bt(M.company?.companyInfo),vendor:e.vendor?.name,paymentDate:H?.format(D)??"",paymentType:we,amount:A("0,0[.]00",u),isInvoiceAttached:!!e.file,onClose:fe})}),t.jsxs(gn,{windowSize:s,style:tt,children:[s==="small"?t.jsxs(In,{windowSize:s,children:[t.jsx(Ve,{onClick:be,"data-testid":j("review-detail-nav-bar-small-back")}),t.jsx(We,{windowSize:s,children:a.oneLastLook})]}):t.jsx(Dn,{"data-testid":j("review-details-nav-bar-back"),children:t.jsx(Ve,{onClick:be})}),s!=="small"?t.jsx(fn,{children:t.jsx(We,{windowSize:s,children:a.oneLastLook})}):null,e.duplicateBillTransactions.length>0?t.jsxs(bn,{children:[t.jsxs(wn,{children:[t.jsx(zn,{}),t.jsxs($n,{children:[t.jsx(Tn,{children:a.duplicateBillPayWarning}),t.jsxs(vn,{children:[a.duplicateBillPayWarningSubHeading,t.jsxs("span",{"data-testid":j("review-detail-attachment-button"),onClick:()=>Q(e.duplicateBillTransactions[0].id,e.duplicateBillTransactions[0].billPayInfo.stage.code),style:{textDecoration:"underline",cursor:"pointer"},children:[a.viewBill,e.duplicateBillTransactions[0].documentId]})]})]})]}),t.jsxs(En,{children:[t.jsx(On,{children:a.duplicateInvoiceFound}),e.duplicateBillTransactions.map(l=>{const r=Nt(l);return l!=null?t.jsx(Ln,{children:Je.includes(s)?t.jsxs(Ue,{windowSize:s,children:[t.jsxs(jn,{children:[t.jsxs(Sn,{children:[l.attachments&&l.attachments.length>0?t.jsx(Le,{attachment:l.attachments[0]}):t.jsx(Ye,{children:t.jsx(qe,{})}),t.jsx(K,{children:t.jsxs(t.Fragment,{children:[l.documentId!=null?a.invoiceNo:null,l.documentId]})})]}),t.jsx(Ge,{windowSize:s,children:A("0,0[.]00",l.recipientTotalAmount)})]}),t.jsxs(Rn,{"data-testid":j("review-detail-mobile-info"),onClick:()=>Q(l.id,l.billPayInfo.stage.code),children:[t.jsxs(K,{children:[l.dueDate!=null?a.due:null," ",l.dueDate?.format(D)]}),t.jsx(Ke,{children:r!=null?Ae.includes(r.code)?t.jsx(Me,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})]}):t.jsxs(Ue,{windowSize:s,children:[l.attachments&&l.attachments.length>0?t.jsx(Le,{attachment:l.attachments[0]}):t.jsx(Ye,{children:t.jsx(qe,{})}),t.jsxs(Fn,{"data-testid":j("review-detail-info"),onClick:()=>Q(l.id,l.billPayInfo.stage.code),children:[t.jsx(K,{style:{width:"50%"},children:t.jsxs("div",{children:[l.documentId!=null?a.invoiceNo:null," ",l.documentId]})}),t.jsxs(K,{style:{width:"25%"},children:[l.dueDate!=null?a.due:null," ",l.dueDate?.format(D)]}),t.jsx(Ge,{style:{width:"25%"},windowSize:s,children:A("0,0[.]00",l.amount)})]}),t.jsx(Ke,{children:r!=null?Ae.includes(r.code)?t.jsx(Me,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})},l.id):null})]})]}):null,t.jsxs(Cn,{children:[t.jsx(Ze,{children:a.pay}),t.jsx(He,{children:t.jsx(Be,{amount:yt,integerStyles:q.largeMedium.cssObject,decimalStyles:q.smallMedium.cssObject})}),t.jsx(Ze,{children:a.to}),t.jsx(He,{children:e.vendor?.name})]}),t.jsxs(xn,{children:[g?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"withdrawFrom"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("withdrawFrom")}`},children:t.jsx(W,{label:{label:a.withdrawFrom,width:F},style:{width:"auto"},value:e.paymentDetailsSection?.withdrawFrom!=null?Rt(e.paymentDetailsSection.withdrawFrom,s):h,infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(s),marginTop:p.infoLabelMarginTop.valuePx(s),color:S.brandColorGoldDark},additionalInfoLabel:ae})}),t.jsx(G,{})]}),t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentType"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentType")}`},children:t.jsx(W,{label:{label:a.paymentMethod,width:F},style:{width:"auto"},value:le(o?.method??""),additionalInfoLabel:xt()})}),t.jsx(G,{}),!g&&H!=null?t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentDate"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentDate")}`},children:t.jsx(W,{label:{label:a.paymentDate,width:F},style:{width:"auto"},value:H.format(D),additionalInfoLabel:`${a.estimatedArrival}${d.zeniDate(d.getNextNthWorkingDay(H.toDate(),[0,6],o?.maxPeriod.value??0).toDateString()).format(D)} - (${ie.length>0?`${ie} `:""}${a.deliveryTimeLabel} = ${o?.maxPeriod.value??"0"} ${a.deliveryTimeUnits})`})}),t.jsx(G,{})]}):null,g?null:t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentTo"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentTo")}`},children:t.jsx(W,{label:{label:a.paymentTo,width:F},style:{width:"auto"},value:ct??"",additionalInfoLabel:ut})}),g||nt?t.jsxs(t.Fragment,{children:[t.jsx(G,{}),t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"recurringPaymentType"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("recurringPaymentType")}`},children:t.jsx(W,{label:{label:a.paymentType,width:F},style:{width:"auto"},value:Lt(e.isRecurring,g,e.recurringBillInstance??1,e.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:Et(s,e.isRecurring,g,e.recurringConfig)})})]}):null]}),!g&&o?.method!=null&&(o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)||o?.fee.amount!=null&&o.fee.amount!==0)?t.jsx(mn,{children:t.jsxs(pn,{windowSize:s,children:[t.jsxs(un,{children:[t.jsx(sn,{children:a.total}),t.jsx(Ne,{style:{padding:`12px ${n.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:t.jsxs(cn,{children:[t.jsxs(_e,{children:[t.jsx(re,{children:o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&ee!==T.currencyCode?Ee.conversionAmountColon:Fe.invoiceAmount}),t.jsx(oe,{children:A("0,0[.]00",{amount:u.amount-L.amount,currencySymbol:L.currencySymbol})})]}),t.jsxs(_e,{children:[t.jsx(re,{children:Ee.transactionFee}),t.jsx(oe,{children:A("0,0[.]00",{amount:L.amount,currencySymbol:L.currencySymbol})})]}),t.jsx(dn,{}),t.jsxs(rn,{children:[t.jsx(re,{children:Fe.total}),t.jsx(oe,{children:A("0,0[.]00",{amount:u.amount,currencyCode:u.currencyCode,currencySymbol:u.currencySymbol})})]})]}),placement:"top-end",children:t.jsx(on,{})})]}),t.jsx(yn,{children:t.jsx(Be,{amount:d.toAmount(u.amount,u.currencyCode,u.currencySymbol),integerStyles:q.h6Medium.cssObject,decimalStyles:q.standardMedium.cssObject})})]})}):null]}),t.jsx(Ot,{cancelBtn:{label:k&&!b?a.paymentOutsideZeni.markAsPaid:a.editBill,onClick:k&&!b?$e:ne,style:{width:ze(!1,k,b,V,s)}},primaryBtn:{label:Oe(b,V,e.isBillMarkedForRetry),isLoading:E?.fetchState==="In-Progress"||J?.fetchState==="In-Progress",onClick:b?$e:()=>{bt&&ae!=null?Y(!0):Te()},style:{width:ze(!0,k,b,V,s)}},rightSideComponent:k&&!b&&E.fetchState!=="In-Progress"?t.jsx(_n,{windowSize:s,children:t.jsx(Ne,{style:{color:S.heroDark,padding:`2px ${n.sp2}`},display:"flex",title:an,placement:"top",children:t.jsx(Un,{onClick:ne,"data-testid":j("review-detail-edit-bill-button"),children:t.jsx(Wn,{})})})}):null,style:{minHeight:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)?127:62,...e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&{padding:n.sp3,rowGap:n.sp3}},children:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)?t.jsxs(An,{children:[a.internationalText1,t.jsx(Mn,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:a.internationalTerms}),a.internationalText2]}):null})]})},Oe=(e,w,x)=>e?a.paymentOutsideZeni.markAsPaid:x===!0?a.retryPayment:w?a.sendForApproval:a.scheduleBill,ze=(e,w,x,M,C)=>x?128:w&&!e&&C==="small"?"auto":M?165:p.footerButtonWidth.value(C),on=i(Xt)`
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -68,7 +68,7 @@ import{X as vt,t as Tt,C as y,cB as jt,M as St,cC as Ct,cD as Dt,j as t,cE as It
   border-radius: ${n.sp2};
   margin-bottom: ${n.sp3};
   margin-top: ${n.sp3};
-`,K=i.div`
+`,G=i.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
@@ -102,7 +102,7 @@ import{X as vt,t as Tt,C as y,cB as jt,M as St,cC as Ct,cD as Dt,j as t,cE as It
 `,vn=i(se)`
   padding-bottom: ${n.sp3};
   color: ${S.brandColorGoldDark};
-`,Tn=i(Zt)`
+`,Tn=i(Ht)`
   padding-top: ${n.sp3};
   color: ${S.brandColorGoldDark};
 `,Ue=i.div`
@@ -121,15 +121,15 @@ import{X as vt,t as Tt,C as y,cB as jt,M as St,cC as Ct,cD as Dt,j as t,cE as It
 `,Cn=i.div`
   display: flex;
   padding-top: ${n.sp3};
-`,He=i(Kt)`
+`,Ze=i(Gt)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   margin-right: ${n.sp1};
-`,Ze=i(qt)`
+`,He=i(Kt)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   margin-right: ${n.sp1};
-`,Ye=i(_t)`
+`,Ve=i(_t)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: 20px;
@@ -152,17 +152,17 @@ import{X as vt,t as Tt,C as y,cB as jt,M as St,cC as Ct,cD as Dt,j as t,cE as It
   padding-left: ${n.sp0};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,An=i(zt)`
+`,Pn=i(zt)`
   height: ${n.sp3};
   width: ${n.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Pn=i.span`
+`,kn=i.span`
   display: flex;
   align-items: center;
   margin-left: ${n.sp2};
   margin-top: ${e=>p.iconContainerMarginTop.valuePx(e.size)};
   align-self: ${e=>e.size==="small"?"baseline":"center"};
-`,kn=i(de)`
+`,An=i(de)`
   color: ${e=>e.theme.colors.grey1};
   display: flex;
   flex-wrap: wrap;
@@ -193,23 +193,23 @@ import{X as vt,t as Tt,C as y,cB as jt,M as St,cC as Ct,cD as Dt,j as t,cE as It
   width: ${n.sp4};
   height: ${n.sp4};
   display: flex;
-`,Ve=i.div`
+`,Ye=i.div`
   cursor: default;
   display: flex;
   align-items: center;
   margin-right: ${n.sp1};
-`,Ge=i(Gt)`
+`,qe=i(qt)`
   cursor: pointer;
   width: ${n.sp4};
   height: ${n.sp4};
   color: ${e=>e.theme.colors.hero};
-`,q=i(se)`
+`,K=i(se)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   align-items: center;
   min-width: 142px;
   flex-grow: 1;
-`,Ke=i(se)`
+`,Ge=i(se)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
@@ -221,7 +221,7 @@ import{X as vt,t as Tt,C as y,cB as jt,M as St,cC as Ct,cD as Dt,j as t,cE as It
   cursor: pointer;
   column-gap: ${n.sp1};
   margin-left: ${n.sp5};
-`,qe=i.div`
+`,Ke=i.div`
   width: 120px;
   display: flex;
   justify-content: flex-end;
@@ -260,7 +260,7 @@ import{X as vt,t as Tt,C as y,cB as jt,M as St,cC as Ct,cD as Dt,j as t,cE as It
 `,On=i(de)`
   margin-top: ${n.sp3};
   color: ${S.alert};
-`,zn=i(Ht)`
+`,zn=i(Zt)`
   min-width: ${n.sp4};
   height: ${n.sp4};
   width: ${n.sp4};