@zeniai/web-cockpit-ui 1.14.72-dev → 1.14.72-dev-betaSK01

package/dist/assets/PandLWithForecastPage-W4jlNjml-Bcn3UKYp.js

@@ -1,107 +0,0 @@
-import{j as o,B as M,d as T,q as v,aM as A,bF as re,O as c,n as ie,P as ae,y as D,C as ce,o as s,aC as le,aU as de,_ as ge,cQ as me,bC as pe,u as C,l as U,bK as he,cR as ue,aS as fe,aT as xe,b9 as we}from"./index-sAOH0Fje.js";import{n as r,b as F}from"./vendor-Bs1fkIUX.js";import{R as Se}from"./NavBarWithPicker-CKh_HMfV-U1f60LTo.js";import{m as je}from"./analyticsHelper-or1KkBWk-Plh_6I_p.js";import{M as $e}from"./TimeframeSwitcherWithToggle-DH-PfsTQ-Dd12kokF.js";import{I as be,a as Ce}from"./CollapsableReportTable-7iAngywY-CxWB4sRz.js";import{M as E}from"./usp-line-BBd1wKwW-ZlUrfnG1.js";import{T as Pe,I as ye,L as ke}from"./mapSectionWithAcOnlyToTreeNode-C9O-C2dp-BYZLhSZo.js";import{s as Y}from"./mapTimeframeBalancesToTreeNode-Cv4d4PqE-C559SZVp.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./TimeframeSwitcher-BP-PxO5g-DG6ysLlp.js";import"./AccountRow-Be3LIHO--AtWCxnkE.js";const H="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%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,ve=r.div`
-  padding: ${e=>e.windowSize==="small"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
-  text-align: center;
-`,Le=r(me)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${s.sp7} ${s.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,Te=r(ge)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${s.sp5} ${s.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,Q=r.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${e=>e.windowSize==="small"?s.sp3:s.sp4};
-`,Ie=r.div``,J=r.div`
-  width: ${e=>e.windowSize==="small"?"auto":"408px"};
-  display: flex;
-  flex-direction: column;
-`,X=r.div`
-  width: ${e=>e.windowSize==="small"?"100%":"calc(100% - 408px)"};
-  overflow: hidden;
-  max-width: 712px;
-  display: flex;
-`,Z=r.div`
-  margin-left: ${e=>e.windowSize==="small"?s.sp0:s.sp6};
-  margin-bottom: ${e=>e.windowSize==="small"?s.sp4:s.sp0};
-  background: ${e=>e.theme.colors.background};
-  border-radius: 12px;
-  border: ${e=>`1px solid ${e.theme.colors.grey5}`};
-  padding: 15px;
-`,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}`};
-  background: ${e=>e.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${s.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  box-sizing: border-box;
-`,N=r(we)`
-  color: ${e=>e.theme.colors.champion};
-`,O=r(xe)`
-  color: ${e=>e.theme.colors.champion};
-`,_=r(fe)`
-  color: ${e=>e.theme.colors.champion};
-`,B=r(ue)`
-  color: ${e=>e.theme.colors.champion};
-`,y=r.div``,k=r.div`
-  padding-left: ${s.sp3};
-`,ee=r(E)`
-  color: ${e=>e.theme.colors.graphColor18};
-`,oe=r(E)`
-  color: ${e=>e.theme.colors.graphColor25};
-`,te=r(E)`
-  color: ${e=>e.theme.colors.graphColor04};
-`,Me=r(pe)`
-  margin: ${s.sp3} auto;
-  max-width: 422px;
-  color: ${e=>e.theme.colors.hero};
-`,Ae=()=>{const e=T(),t=v();return o.jsxs(Q,{windowSize:t,children:[o.jsx(X,{windowSize:t,children:o.jsx(Z,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(J,{windowSize:t,children:[o.jsxs(P,{windowSize:t,children:[o.jsx(y,{children:o.jsx(ee,{})}),o.jsxs(k,{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(y,{children:o.jsx(oe,{})}),o.jsxs(k,{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(y,{children:o.jsx(te,{})}),o.jsxs(k,{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(Q,{windowSize:t,children:[o.jsxs(J,{windowSize:t,children:[o.jsxs(P,{windowSize:t,style:{width:"408px"},children:[o.jsx(y,{children:o.jsx(ee,{})}),o.jsxs(k,{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(y,{children:o.jsx(oe,{})}),o.jsxs(k,{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(y,{children:o.jsx(te,{})}),o.jsxs(k,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(X,{windowSize:t,children:o.jsx(Z,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:H,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:[],p=Y({balances:d,config:t}),m=[];return m.push(p),e.idsInOrder.forEach(i=>{if(U.isPandLReportViewSectionID(i)===!0){const f=e.sections[i];if(f==null)return;f.accountGroups.length>0?m.push(Pe({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):m.push(ye({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else U.isPandLReportViewCalculatedSectionID(i)===!0&&m.push(ke({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[p]:[],contentNodes:m}}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=Y({balances:l,config:t,nodeId:e.contentNodes[0].id}),p=e.contentNodes.slice(1);return p.forEach(m=>se(m,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...p]}}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%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Ee=r.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  width: 99.9%;
-  margin-top: ${s.sp2};
-  background-color: ${e=>e.theme.colors.grey4};
-`,Re=r.div`
-  display: flex;
-  width: 100%;
-  flex: 1;
-  height: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-`,q=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?o.jsx(Re,{children:o.jsx(ae,{size:"ExtraLarge",start:!0})}):null,Ve=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  padding-left: ${e=>e.paddingLeft}px;
-  padding-right: ${e=>e.paddingRight}px;
-`,We=r.div`
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${s.sp3};
-`,De=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:p,onBackClick:m,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:m,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=>p?.(g)}};return o.jsxs(Ve,{paddingLeft:L.contentPaddingLeft.value(h),paddingRight:L.contentPaddingRight.value(h),children:[o.jsx(Se,{...x}),i?"":o.jsx(We,{children:o.jsx($e,{...$})})]})},Ue=({report:e,type:t,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:p,onTableScroll:m,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:p,onScroll:m,nodeOpenStatus:i,onNodeCollapseToggled:f}):null};function mo({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:p,meetingUrl:m,analytics:i,onForecastSelectionChanged:f,onTimeframeChanged:h,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:b,onNodeCollapseToggled:I,onBackClick:S,onClickMenuIcon:w}){const R=[a.fetchState,d.fetchState],V=l?.index??-1;return ne(R)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Ne,{meetingUrl:m,onBackClick:S,onClickMenuIcon:w}):G([a.fetchState])===!0?o.jsx(q,{fetchState:Ge(R)}):o.jsxs(Be,{children:[o.jsx(De,{forecastList:a.forecasts,selectedForecastIndex:V,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[V].name,j),u?.(j)},selectedTimeframe:e,onTimeframeChanged:j=>{i?.trackTimeframeSwitch(je(j),M.Event.profitAndLossWithForecast),h?.(j)},onBackClick:S,isPandLReportFetching:G([d.fetchState]),onClickMenuIcon:w}),d.fetchState==="In-Progress"?o.jsx(q,{fetchState:"In-Progress"}):o.jsx(Ee,{children:o.jsx(Ue,{report:d,type:p,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:b,onNodeCollapseToggled:I})})]})}const qe=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),ne=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),G=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Ge=e=>qe(e)===!0?"Completed":ne(e)===!0?"Error":"In-Progress";export{mo as default,G as isAnyInProgress};

package/dist/assets/ReimbursementApprovalRuleDetailPage-eidNY097-DmIjK42h.js

@@ -1,26 +0,0 @@
-import{y as O,u as U,d as M,q as W,O as D,aa as G,aP as J,j as s,aJ as Q,cS as X,bF as H,ad as K,aQ as Y,o as f}from"./index-sAOH0Fje.js";import{b as j,n as h}from"./vendor-Bs1fkIUX.js";import{b as Z,f as ee,l as B,o as L}from"./FollowStepsSection-DdwEVWhG-XjqeMDlz.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const $="reimbursementApprovalRuleDetailPage",T="lowerBound",k="upperBound",y="steps",te={footerPadding:new O(U[2],U[3])};function ye({localData:e,approvalUpdateActionType:r,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:l=!0,hideUpperBoundField:o=!1,onBackClick:d,onApprovalRuleDataUpdated:b,onResetClick:N,onSaveRuleClick:E,onSaveRuleSuccess:S}){const _=M(),A=W(),a=D.getLocalizedStrings().commonSetUp.approval,I=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=ae(e,r==="approval_create"&&!t),g=G({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,P=J(u?.fetchState),{upperBound:w}=x,{allApprovalRules:n,allAccountingClasses:F,remiSetupApproverViewUpdateData:c}=e;let m=n.length>1?n.length-1:0,v=n.length>0?n[m].criteria[0].range.min.amount:0;if(c!=null&&c.type==="approval_update"&&c.data!=null){const{approvalRuleId:i}=c.data;m=n.findIndex(p=>p.approvalRuleId===i),v=m>0?n[m-1].criteria[0].range.min.amount:0}const q=g.handleSubmit(()=>{E()}),V=async(i,p)=>{b(p)};return j.useEffect(()=>{const i=g.watch((p,{name:R})=>{if(R!=null&&p!=null){const z=Q(p);X(()=>V(R,z))}});return()=>{i.unsubscribe()}}),j.useEffect(()=>{P==="In-Progress"&&u?.fetchState==="Completed"&&S()},[P,u?.fetchState,S]),s.jsxs(se,{children:[s.jsx(H,{title:r==="approval_create"?a.newApproval:a.editApproval,backgroundColor:_.colors.grey4,style:{zIndex:4},onBackClick:()=>{d()},source:"ReimbursementApprovalRuleDetailPage"}),s.jsx(ne,{children:s.jsx(K,{...g,children:s.jsx("form",{id:C($),onSubmit:q,children:s.jsxs(ie,{children:[s.jsx(Z,{label:{label:o?I.amountPerRemiGreaterLabel:I.amountPerRemiLabel},firstText:{type:"number",name:T,placeholder:"$0",options:{required:!0,max:w===1/0?Number.MAX_SAFE_INTEGER-1:w-1,min:v,validate:i=>t?!0:i!=null&&i>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:l,hideField:o,additionalInfoLabel:a.upperBoundInfoLabel}}),s.jsx(pe,{}),s.jsx(ee,{sectionId:y,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:F,stepsInfo:x[y],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Y,{formId:C($),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:N},containerStyle:{justifyContent:A==="small"?"space-between":"center"},style:{padding:te.footerPadding.valuePx(A)},separatorStyle:{marginRight:f.sp4}})]})}const ae=(e,r)=>{const{criteria:t,steps:l}=e.remiSetupApproverViewUpdateData?.data??{};return{[y]:re(e.allApprovers.map(o=>o.user),e.filteredApprovers.map(o=>o.user),L(e.allAttributes),L(e.filteredAttributes),l??[])??[],[T]:r?void 0:t!=null?t.range.min.amount??0:0,[k]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},re=(e,r,t,l,o)=>o&&o.length>0?o.map((d,b)=>({stepIndex:b,stepType:{selectedOption:d.action,allOptions:B},actors:{allUsers:r,selectedUsers:le(e,d.actors),allNonUsers:l,selectedNonUsers:oe(t,d.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:B},actors:{allUsers:r,selectedUsers:[],allNonUsers:l,selectedNonUsers:[]}}],le=(e,r)=>e.filter(t=>t.userId!=null&&r.findIndex(l=>l.userId===t.userId)>-1),oe=(e,r)=>e.filter(t=>r.findIndex(l=>l.subType===t.value)>-1),C=e=>`${e}_form`,Se=e=>`${e}`,se=h.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,ie=h.div`
-  display: flex;
-  flex-direction: column;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${f.sp0} 2px ${f.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${f.sp2};
-`,ne=h.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,pe=h.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`;export{te as D,ye as default,C as uniqueFormName,Se as uniqueName};

package/dist/assets/ReimbursementDetailPage-AvqEBxbz-fUbgpa2M.js

@@ -1,314 +0,0 @@
-import{ax as Mt,a9 as Rt,q as Pt,d as Bt,cr as Nt,y as m,O as Ze,l as ie,gr as Lt,gt as Ot,gu as _t,j as t,cD as ze,cE as Ae,cF as Me,aM as y,bF as Re,bs as Wt,dN as Et,gv as Ft,gG as Pe,o as a,gw as Be,fu as b,fw as w,gz as x,aN as Ne,ft as Le,C as F,gB as Oe,aQ as Kt,ap as Ut,gC as Vt,gD as ae,bB as Gt,gE as Yt,A as Ht,c as qt,H as Jt,am as et,b8 as tt,h as K,an as Qt,c7 as Xt,ai as Zt,gV as ei,gR as ti,u as c,cw as ii,d8 as ai}from"./index-sAOH0Fje.js";import{b as p,n as r}from"./vendor-Bs1fkIUX.js";import{_ as ri}from"./liveblocks-8ht9CoL5.js";import oi from"./InvoiceUploadSection-DoR834b4-BezkawDL.js";import{r as ni,h as f,u as li}from"./types-DyvtCprH-BcZYcgaq.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./crypto-cQYYQPTZ.js";import"./AttachmentView-DhluaeAV-DnrJUkr5.js";import"./uploadReceipts-Dp1dvCjf-Bw0_dVvQ.js";const s={labelWidth:new m(120,160,160),largeLabelWidth:new m(150,235,235),rightMargin:new m(c[3],c[8]),leftMargin:new m(c[3],c[6]),invoiceRightMargin:new m(c[3],c[6]),invoiceLeftMargin:new m(c[3],c[8]),topMargin:new m(c[3],0),bottomMargin:new m(c[4],27),activityBottomMargin:new m(96,0),totalBottomMargin:new m(c[5],c[3]),formBottomMargin:new m(c[5],c[3]),navBarHeight:new m(44,62),closeMarginTop:new m(0,0),rightSectionWidth:new m(100,58),leftSectionWidth:new m(100,42),footerButtonWidth:new m(120,165),right:new m(c[3],c[0]),actionsContainerRight:new m(c[0],c[6]),otherActionsContainerBottom:new m(58,44),duplicateBannerWrapperMarginTop:new m(c[5],c[3]),duplicateBannerWrapperMarginRight:new m(c[3],c[8]),duplicateBannerWrapperMarginBottom:new m(c[5],c[3]),duplicateBannerWrapperMarginLeft:new m(c[3],c[6])},si={formTitle:new qt("h6Regular","h5Regular")},aa=({remiDetails:e,uploadInvoiceEndPoint:U,authParams:it,isAdmin:oe,signedInUser:ne,showApproveRejectBtns:le,isRealTimeApprovalEnabled:se,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:de,isSignedInUserReimbursementCreator:at,updateEditRealTimeApproverClicked:ce,onSaveRealTimeApprovals:me,redirectToReimbursementListScreen:V,redirectToEditableReimbursementScreen:rt,onDuplicateLineClick:ot,approveOrRejectRemi:pe,deleteReimbursement:nt,cancelAndDeleteReport:ue,handleZeniLogoClick:lt,onAddNewRule:he})=>{const d=Mt(),st=Rt().analytics,o=Pt(),ye=Bt(),[dt,k]=p.useState(!1),[G,Y]=p.useState(!1),[ct,H]=p.useState(!1),[q,J]=p.useState("approved"),P=p.useRef(null),[S,Q]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[C,mt]=p.useState(null),[pt,B]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,ge=p.useRef({}),be=l=>{const n=ge.current[l];n!=null&&setTimeout(()=>li(n,P.current),100)};p.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&V()},[e,V]),p.useEffect(()=>{const l=window.location.hash;if(l&&l.startsWith("#L")){const n=l.substring(1);be(n)}},[]);const ut=()=>{V()};Nt({componentName:"reimbursement.details"});const ht={onOkClick:()=>{k(!1),S.primaryButtonText===i.buttons.delete?nt?.():S.title===i.cancelReportTitle?ue?.():S.title===i.cancelAndDeleteReportTitle&&ue?.(!0)},onCancelClick:()=>{k(!1)}},D=s.labelWidth.value(o),z=s.largeLabelWidth.value(o),we=Ze.getLocalizedStrings(),{common:{texts:{comments:yt},strings:{empty:xe}},collaboration:{threads:{placeholder:{addANewComment:gt,replyAComment:bt},tooltip:{resolveComment:wt,unResolveComment:xt}}},dateFormat:fe}=we,{reimbursementDetail:i,bulkActions:N}=we.spendManagement.reimbursement,X=e.remiDetails?.reportTitle,j=e.remiDetails?.lines??[],L=e.remiDetails?.reimbursementInfo.stage,O=e.remiDetails?.reimbursementInfo.billStatus,_=e.remiDetails?.reimbursementInfo.billPaymentStatus,$e=L?.code==="paid",ft=$e?L:O?.code=="approved"&&_?.code?_:O,$=di(e.remiDetails),A=O?.code=="approved"&&_?.code?_:O,W=e.remiDetails?.isDeleted??!1,ve=e.remiDetails?.amount,Te=e.remiDetails?.amount.amount??0,je=()=>{Q({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),k(!0)},$t=()=>{Q({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},vt=()=>{Q({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},Se=()=>{rt()},Tt={onOkClick:l=>{H(!1),pe({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{H(!1)}},jt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?Se():(J("approved"),pe({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},St=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(J("delete"),je()):(J("rejected"),H(!0))},Dt=e.remiDetails?.reimbursementInfo.paymentDate!=null?ie.zeniDate(ie.getNextNthWorkingDay(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,Z=e.remiDetails?.reimbursementInfo.expectedDepositDate??Dt,It=e.remiDetails?.lines?.some(l=>{const n=l.lineDetail;return n?.account?.isDeleted===!0&&n?.account?.isBillEditableCoaAccountType===!1})??!1,De=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&at&&!It,Ct=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",ee=ft?.code,kt=ni(e.duplicateLineByLineId),Ie=e.duplicateReimbursementStatus.fetchState==="Completed"&&kt>0,{requestToOpenThread:te,setRequestToOpenThread:Ce,setOpenThread:E}=p.useContext(Lt),{threads:M,isLoading:I}=Ot({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),zt=p.useMemo(()=>M.filter(l=>l.resolved===!1&&!l.id.includes(_t)),[M]).length,At=p.useCallback((l,n)=>{E(n),B(!1)},[E,B]);p.useEffect(()=>{te?.threadId!=null&&M.length>0&&!I&&(E(te.threadId),Ce(null))},[te,M,I,E,Ce]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},R=ie.isBulkProcessing(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Ni,{windowSize:o,ref:P,children:[dt?t.jsx(ze,{titleComponent:t.jsx(Me,{children:S.title}),descriptionComponent:t.jsx(Ae,{children:S.description}),primaryButtonText:S.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:S.secondaryButtonText,action:ht}):null,ct?t.jsx(ze,{titleComponent:t.jsx(Me,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(Ae,{children:i.rejectRemiDescription}),primaryButtonText:i.buttons.send,secondaryButtonText:i.buttons.cancel,action:Tt,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(ki,{windowSize:o,"data-testid":y("reimbursement-detail-page-nav-bar-container"),children:[o!=="small"?t.jsx(Re,{"data-testid":y("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(zi,{onClick:()=>lt?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:ye.colors.background,keepBackgroundOnScroll:!0,scrollableContent:P,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(Di,{}):null,t.jsx(Re,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:X??xe,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:o!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Mi,{children:[u?t.jsxs(Ri,{isDisabled:I,onClick:I?()=>null:l=>{l.preventDefault(),l.stopPropagation(),mt({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),B(!0),st.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(n=>Et(n)),void 0,void 0,"page icon")},"data-testid":y("remi-comments-section"),children:[t.jsx(Wt,{count:I?void 0:zt,isLoading:I,style:{left:"12px"}}),t.jsx(Pi,{})]}):null,t.jsx(Bi,{size:o,onClick:()=>ut(),"data-testid":y("remi-detail-page-close"),children:t.jsx(Ai,{})})]}),scrollableContent:P,enableTitleOnScroll:o!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Ki,{children:[o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(He,{windowSize:o,children:t.jsx(qe,{windowsSize:o,children:X})}),e.createdBy?.userId!=null?t.jsx(Ue,{windowSize:o,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,de&&$!=null?t.jsx(Ve,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null,A?.code!=null?o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Ft,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W}),R?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):Ie?t.jsxs(_e,{size:o,children:[t.jsx(Ke,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ye,{windowSize:o,children:t.jsx(Be,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null]}):null,j.map((l,n)=>{const v=e.duplicateLineByLineId[l.lineId];return t.jsxs(Xe,{windowSize:o,children:[t.jsx(Wi,{windowSize:o,children:t.jsx(Ei,{bottomSeperator:j.length!==1,windowSize:o,children:t.jsx(oi,{showAutofill:!1,uploadInvoiceEndPoint:U,authParams:it,entityId:e.remiDetails?.id,file:l.file,showTitlebar:!0,showTitlebarIcon:!1,pdfTitle:j.length>1?`#${n+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:j.length-1===n||n===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:i.noReceiptAttached,type:"reimbursement"})})}),t.jsxs(_i,{windowSize:o,children:[n===0&&o!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(He,{windowSize:o,children:[t.jsx(qe,{windowsSize:o,children:X}),de&&$!=null?t.jsx(Ve,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ue,{windowSize:o,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,A?.code!=null?t.jsx(Ye,{windowSize:o,children:t.jsx(Be,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null,R?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):Ie?t.jsxs(_e,{size:o,children:[t.jsx(Ke,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(yi,{windowSize:o,ref:ke=>{ke!=null&&(ge.current[`L${l.lineId}`]=ke)},children:[o!=="small"?t.jsx(hi,{children:t.jsx(gi,{children:j.length>1?`#${n+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs(bi,{windowSize:o,children:[v?.duplicateLineId!=null?t.jsxs(pi,{children:[i.thisExpenseReview," ",t.jsx(ui,{onClick:()=>{if(v.isDuplicateWithinTransaction&&v.duplicateLineId!=null)return be(`L${v.duplicateLineId}`);v.duplicateTransactionId!=null&&v.duplicateLineId!=null&&ot(v.duplicateTransactionId,v.duplicateLineId)},"data-testid":y("remi-view-duplicate-expense"),children:i.viewOriginalExpense})]}):null,t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:l.type===i.mileageKey?`${n}.mileage.reimbursementType`:`${n}.out_of_pocket.reimbursementType`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("reimbursementType",n,l.type===i.mileageKey?"mileage":"out_of_pocket")}`},style:{borderRadius:v?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"},children:t.jsx(x,{label:{label:i.reimbursementType,width:z},text:l.type===i.mileageKey?i.mileage:i.outOfPocket,style:{width:"auto",borderRadius:v?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"}})}),t.jsx(T,{}),l.type===i.mileageKey?t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"mileage")}`},children:t.jsx(x,{label:{label:i.transactionDate,width:z},text:l.transactionDate?.format(fe.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.distanceInMiles`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("distanceInMiles",n,"mileage")}`},children:t.jsx(x,{label:{label:i.distanceInMiles,width:z},text:l.distanceMileage.value.toString()??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"mileage")}`},children:t.jsx(x,{label:{label:i.amount,width:D},text:l.homeCurrencyConversions!=null?Ne("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"mileage")}`},children:t.jsx(x,{label:{label:i.memo,width:D},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"mileage")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(x,{label:{label:i.department,width:D},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]}):t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.merchant`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("merchant",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.merchant,width:z},text:l.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.transactionDate,width:z},text:l.transactionDate?.format(fe.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.amount,width:D},text:l.homeCurrencyConversions!=null?Ne("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.memo,width:D},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.account`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("account",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.category,width:D},text:l.lineDetail.account?.accountName??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"out_of_pocket")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(x,{label:{label:i.department,width:D},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),j.length!==1&&j.length===n+1&&t.jsxs(Oi,{windowSize:o,children:[t.jsxs(Je,{windowSize:o,children:[t.jsx(Qe,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:F.h6Regular.cssObject,decimalStyles:F.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(Oe,{amount:Te,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:he,entity:"reimbursement",realTimeApproval:{allApprovers:e.filteredApprovers,filteredAttributes:e.filteredAttributes,allAccountingClass:e.allAccountingClasses,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:oe,signedInUserId:ne?.userId,showRealTimeApproval:se,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:ce,onSaveRealTimeApprovals:me},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),j.length===1&&t.jsxs(Xe,{windowSize:o,children:[t.jsx(Ge,{}),t.jsxs(ci,{windowSize:o,children:[t.jsx(Li,{windowSize:o,children:t.jsxs(Je,{windowSize:o,children:[t.jsx(Qe,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:F.h6Regular.cssObject,decimalStyles:F.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(mi,{windowSize:o,children:t.jsx(Oe,{amount:Te,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:he,entity:"reimbursement",historicActivities:e.remiHistory.activities,realTimeApproval:{allApprovers:e.filteredApprovers,allAccountingClass:e.allAccountingClasses,filteredAttributes:e.filteredAttributes,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:oe,signedInUserId:ne?.userId,showRealTimeApproval:se,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:ce,onSaveRealTimeApprovals:me}})})]})]}),t.jsx(Fi,{})]}),$e||W===!0?null:t.jsxs(Ci,{children:[o!=="small"?t.jsx(Ge,{}):null,t.jsx(xi,{windowSize:o,"data-testid":y("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),G===!0&&Y(!1)},children:t.jsx(Kt,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||le,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||le,cancelBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.delete:i.buttons.deleteReport:o==="small"?i.buttons.reject:i.buttons.rejectReport,isLoading:q==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||q==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:St,style:{width:s.footerButtonWidth.value(o)},reverseSpinnerColor:!1},primaryBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.edit:i.buttons.editAndResubmit:o==="small"?i.buttons.approve:i.buttons.approveReport,isLoading:q==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:jt,style:{width:s.footerButtonWidth.value(o)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx(wi,{children:t.jsxs(Ii,{windowSize:o,children:[!R&&G?t.jsx(Ut,{onClickAway:()=>Y(!1),children:t.jsxs(Si,{windowSize:o,children:[ee!=="processing"?t.jsx(re,{onClick:je,"data-testid":y("remi-delete-action"),children:i.buttons.deleteReport}):null,ee==="processing"?t.jsx(re,{onClick:$t,"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,ee==="processing"?t.jsx(re,{onClick:vt,"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(ji,{windowSize:o,children:[!R&&De?t.jsx(Ti,{onClick:Se,"data-testid":y("remi-edit-button"),children:t.jsx(vi,{})}):null,!R&&Ct===!0?t.jsx($i,{windowSize:o,showEditIcon:De,children:t.jsx(fi,{onClick:()=>Y(!G),"data-testid":y("remi-more-actions-button")})}):null]})]})}),style:{minHeight:62}})})]}),u?t.jsx(ri,{id:h,children:t.jsx(Vt,{isDrawerOpen:pt,allowComposer:!0,drawerTitle:yt,threads:M,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:C?.companyId??xe,isGlobalComment:!1,tab:"reimbursement"},isLoading:I,threadMetadata:C?{companyName:C.companyName,companyId:C.companyId,entityId:C.entityId,entityType:C.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:gt,replyComposerPlaceholder:bt,threadResolve:wt,threadUnResolve:xt},onThreadClick:(l,n)=>At(l,n),onCloseAllThreadsDrawer:()=>B(!1),drawerSectionStyle:{width:"400px",backgroundColor:ye.colors.background}})}):null]})},di=e=>{const U=Ze.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:U.tabsById.deleted,color:ae.deleted.color,bgColor:ae.deleted.bgColor,borderColor:ae.deleted.borderColor,code:"deleted"}},ci=r.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,mi=r.div`
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-  margin-bottom: ${e=>s.activityBottomMargin.valuePx(e.windowSize)};
-`,pi=r(Qt)`
-  padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
-  background-color: ${K.alertLight};
-  color: ${K.brandColorGoldDark};
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
-`,ui=r.span`
-  border-bottom: 1px solid currentColor;
-  cursor: pointer;
-`,_e=r.div`
-  display: flex;
-  gap: ${a.sp2};
-  padding: ${a.sp3};
-  border-radius: ${a.sp2};
-  align-items: start;
-  margin-top: ${e=>s.duplicateBannerWrapperMarginTop.valuePx(e.size)};
-  margin-right: ${e=>s.duplicateBannerWrapperMarginRight.valuePx(e.size)};
-  margin-bottom: ${e=>s.duplicateBannerWrapperMarginBottom.valuePx(e.size)};
-  margin-left: ${e=>s.duplicateBannerWrapperMarginLeft.valuePx(e.size)};
-  background-color: ${K.alertLight};
-  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
-`,We=r(ii)`
-  color: ${e=>e.theme.colors.brandColorGoldDark};
-`,Ee=r.div`
-  width: 100%;
-`,Fe=r(et)`
-  color: ${e=>e.theme.colors.brandColorGoldDark};
-`,Ke=r(ai)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${K.brandColorGoldDark};
-`,Ue=r(et)`
-  margin-bottom: ${e=>s.bottomMargin.valuePx(e.windowSize)};
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-  color: ${e=>e.theme.colors.primary};
-`,hi=r.div`
-  display: flex;
-  justify-content: space-between;
-`,yi=r.div`
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,gi=r(tt)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${a.sp3};
-`,bi=r.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-  margin-bottom: ${e=>s.formBottomMargin.valuePx(e.windowSize)};
-  z-index: 3;
-`,wi=r.div`
-  display: flex;
-  justify-content: flex-end;
-`,xi=r.div`
-  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,fi=r(ti)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp5};
-  height: ${a.sp5};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,$i=r.div`
-  display: flex;
-  margin-left: ${e=>e.windowSize==="small"?e.showEditIcon===!0?a.sp3:a.sp4:a.sp5};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,vi=r(ei)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp5};
-  height: ${a.sp5};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ti=r.div`
-  display: flex;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.grey1};
-  margin-left: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ve=r(tt)`
-  display: flex;
-  color: ${e=>e.borderColor};
-  align-items: center;
-  justify-content: flex-end;
-  margin-left: ${a.sp3};
-  padding: 1px 6px 1px 6px;
-  border: ${e=>`1px solid ${e.borderColor}`};
-  border-radius: ${a.sp1};
-  min-width: fit-content;
-  max-width: fit-content;
-`,ji=r.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,Si=r.div`
-  display: flex;
-  width: max-content;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  padding-top: ${a.sp1};
-  padding-bottom: ${a.sp1};
-  position: absolute;
-  bottom: ${e=>s.otherActionsContainerBottom.valuePx(e.windowSize)};
-  z-index: 3;
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${a.sp1};
-  right: ${e=>s.right.valuePx(e.windowSize)};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.grey1} 3D`};
-`,Di=r.div`
-  position: fixed;
-  top: 0;
-  left: 42vw;
-  width: 100%;
-  height: 100vh;
-  background: transparent;
-  box-shadow: 0 2px ${a.sp1} ${({theme:e})=>e.colors.dropShadowNormal};
-  pointer-events: none;
-  z-index: 1;
-`,Ii=r.div`
-  width: auto;
-  justify-content: flex-end;
-  position: ${e=>e.windowSize==="small"?"static":"relative"};
-  right: ${e=>s.actionsContainerRight.valuePx(e.windowSize)};
-  height: 100%;
-  display: flex;
-`,re=r(Zt)`
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding-left: ${a.sp3};
-  padding-right: ${a.sp3};
-  height: ${a.sp6};
-  box-sizing: border-box;
-  &:hover {
-    background-color: ${e=>e.theme.colors.background};
-  }
-`,Ci=r.div`
-  display: flex;
-  width: 100%;
-  position: sticky;
-  bottom: 0;
-  z-index: 2;
-`,ki=r.div`
-  min-height: ${e=>s.navBarHeight.valuePx(e.windowSize)};
-  height: ${e=>s.navBarHeight.valuePx(e.windowSize)};
-  display: flex;
-  align-items: center;
-  width: 100%;
-  justify-content: space-between;
-  position: fixed;
-  z-index: 4;
-`,zi=r(Gt)`
-  color: ${e=>e.theme.colors.brandColorJade};
-  cursor: pointer;
-  width: ${a.sp4};
-  height: ${a.sp4};
-`,T=r.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Ai=r(Ht)`
-  cursor: pointer;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  float: right;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Mi=r.div`
-  margin-top: ${e=>s.closeMarginTop.valuePx(e.windowSize)};
-  display: flex;
-  float: right;
-`,Ri=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Pi=r(Yt)`
-  display: flex;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  align-items: center;
-  justify-content: center;
-`,Bi=r.div`
-  margin-top: ${e=>s.closeMarginTop.valuePx(e.size)};
-  margin-left: ${a.sp5};
-`,Ni=r.div`
-  display: flex;
-  flex-direction: column;
-  width: 100vw;
-  background: -webkit-linear-gradient(
-    to right,
-    ${e=>e.theme.colors.background} 42%,
-    ${e=>e.theme.colors.grey4} 42%
-  );
-  background: -moz-linear-gradient(
-    to right,
-    ${e=>e.theme.colors.background} 42%,
-    ${e=>e.theme.colors.grey4} 42%
-  );
-  background: -o-linear-gradient(
-    to right,
-    ${e=>e.theme.colors.background} 42%,
-    ${e=>e.theme.colors.grey4} 42%
-  );
-  background: linear-gradient(
-    to right,
-    ${e=>e.theme.colors.background} 42%,
-    ${e=>e.theme.colors.grey4} 42%
-  );
-  ${e=>e.windowSize==="small"&&`
-    background: ${e.theme.colors.grey4};
-  `}
-  height: 100vh;
-  overflow: scroll;
-`,Ge=r.div`
-  width: 42%;
-`,Li=r.div`
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,Ye=r.div`
-  margin-bottom: ${e=>s.bottomMargin.valuePx(e.windowSize)};
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,He=r.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"unset":"center"};
-  margin-top: ${e=>s.topMargin.valuePx(e.windowSize)};
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-  width: ${e=>e.windowSize==="small"?"fit-content":"unset"};
-`,qe=r(Jt)`
-  flex-grow: 1;
-  ${e=>`${si.formTitle.style(e.windowsSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-all;
-`,Oi=r.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,Je=r.div`
-  padding: ${a.sp3};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: ${e=>e.theme.colors.grey3};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${a.sp2};
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${e=>s.totalBottomMargin.valuePx(e.windowSize)};
-  justify-content: space-between;
-`,Qe=r(Xt)`
-  display: flex;
-  width: 176px;
-  color: ${e=>e.theme.colors.primary};
-`,_i=r.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,Xe=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"center":"flex-start"};
-`,Wi=r.div`
-  width: ${e=>s.leftSectionWidth.valuePercentage(e.windowSize)};
-`,Ei=r.div`
-  background: ${e=>e.theme.colors.grey3};
-  border-radius: ${a.sp2};
-  margin-top: ${e=>s.topMargin.valuePx(e.windowSize)};
-  margin-left: ${e=>s.invoiceLeftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.invoiceRightMargin.valuePx(e.windowSize)};
-  margin-bottom: ${e=>e.bottomSeperator===!0&&e.windowSize!=="small"?"107px":a.sp5};
-`,Fi=r.div`
-  display: flex;
-  flex-direction: column;
-  height: ${a.sp11};
-`,Ki=r.div`
-  margin-top: 78px;
-`;export{aa as default};

package/dist/assets/ReimbursementPromoPage-PshodHUZ-B_XNUegE.js

@@ -1,84 +0,0 @@
-import{ax as le,d as $,q as k,aP as ae,l as L,O as E,j as e,aM as a,bF as me,n as u,af as m,o as s,ar as ce,_ as de,aS as F,an as pe,y as xe,h as z,cR as he,aT as ue,b9 as ge,u as we}from"./index-sAOH0Fje.js";import{b as j,n as t}from"./vendor-Bs1fkIUX.js";import{x as je}from"./MeetingCalenderPopup-BxV_UIXP-B9VDTxkT.js";import{f as be}from"./VideoPopup-DJrQQTPq-DoXO-Vwb.js";import{M as v}from"./usp-line-BBd1wKwW-ZlUrfnG1.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./VideoPlayer-ByyqUuhG-DTMNeCaX.js";const Z="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",O="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",fe={midContainerMarginBottom:new xe(we[5],44)},ye=t.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${i=>i.theme.colors.grey4};
-`,Se=t.div`
-  padding: ${i=>i.windowSize==="small"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
-  text-align: center;
-`,$e=t(de)`
-  max-width: 648px;
-  margin: auto;
-  padding: ${s.sp7} ${s.sp0};
-  color: ${i=>i.theme.colors.primary};
-`,ke=t(ce)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${s.sp5} ${s.sp0};
-  color: ${i=>i.theme.colors.primary};
-`,q=t.div`
-  display: flex;
-  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${i=>fe.midContainerMarginBottom.valuePx(i.windowSize)};
-`,ze=t.div``,M=t.div`
-  display: flex;
-  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-`,g=t.img``,N=t.div`
-  width: ${i=>i.windowSize==="small"?"auto":"376px"};
-  display: flex;
-  flex-direction: column;
-`,V=t.div`
-  width: ${i=>i.windowSize==="small"?"100%":"calc(100% - 376px)"};
-  overflow: hidden;
-  max-width: 712px;
-  display: flex;
-  align-content: center;
-  justify-content: center;
-  align-items: center;
-`,H=t.div`
-  margin-left: ${i=>i.windowSize==="small"?s.sp0:s.sp6};
-  margin-bottom: ${i=>i.windowSize==="small"?s.sp4:s.sp0};
-  background: ${i=>i.theme.colors.grey3};
-  border-radius: 12px;
-  border: ${i=>`1px solid ${i.theme.colors.grey3}`};
-  padding: 15px;
-`,c=t.div`
-  border-radius: ${s.sp12};
-  border: ${i=>`1px solid ${i.theme.colors.grey2}`};
-  padding: ${i=>i.windowSize==="small"?`${s.sp2} ${s.sp4} ${s.sp2} ${s.sp0}`:`${s.sp3} ${s.sp5} ${s.sp3} ${s.sp0}`};
-  background: ${i=>i.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${s.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  box-sizing: border-box;
-`,b=t(ge)`
-  color: ${i=>i.theme.colors.champion};
-`,f=t(ue)`
-  color: ${i=>i.theme.colors.champion};
-`,y=t(F)`
-  color: ${i=>i.theme.colors.champion};
-`,S=t(he)`
-  color: ${i=>i.theme.colors.champion};
-`,d=t.div``,p=t.div`
-  padding-left: ${s.sp3};
-`,I=t(F)`
-  margin: ${i=>i.windowSize==="small"?s.sp1:`auto ${s.sp5}`};
-  color: ${i=>i.theme.colors.grey1};
-`,_=t(v)`
-  color: ${z.graphColor16Dark};
-`,G=t(v)`
-  color: ${z.graphColor09Dark};
-`,K=t(v)`
-  color: ${z.success};
-`,D=t(pe)`
-  margin: ${s.sp3} auto;
-  max-width: 772px;
-  color: ${i=>i.theme.colors.hero};
-`,r=E.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=E.getLocalizedStrings().commonSetUp.businessVerification.terms,ve=()=>{const i=$(),o=k();return e.jsxs(q,{windowSize:o,children:[e.jsx(V,{windowSize:o,children:e.jsx(H,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:O,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(N,{windowSize:o,children:[e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(_,{})}),e.jsxs(p,{children:[e.jsx(S,{children:r.simplestText.bold}),e.jsx(y,{children:r.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx(S,{children:r.aiPoweredText.bold}),e.jsx(y,{children:r.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(K,{})}),e.jsxs(p,{children:[e.jsx(S,{children:r.multiLevelApprovalText.bold}),e.jsx(y,{children:r.multiLevelApprovalText.regular})]})]})]})]})},Te=()=>{const i=$(),o=k();return e.jsxs(q,{windowSize:o,children:[e.jsxs(N,{windowSize:o,children:[e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(_,{})}),e.jsxs(p,{children:[e.jsx(f,{children:r.simplestText.bold}),e.jsx(b,{children:r.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx(f,{children:r.aiPoweredText.bold}),e.jsx(b,{children:r.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(K,{})}),e.jsxs(p,{children:[e.jsx(f,{children:r.multiLevelApprovalText.bold}),e.jsx(b,{children:r.multiLevelApprovalText.regular})]})]})]}),e.jsx(V,{windowSize:o,children:e.jsx(H,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:O,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})},Oe=({reimbursementSetupView:i,userReimbursementInfo:o,meetingUrl:Q,videoUrl:W,analytics:x,onSetupButtonClick:J,onCreateNewRemiButtonClick:X,onBackClick:Y,onSetupReimbursementSuccess:T,onClickMenuIcon:ee})=>{const C=le(),[ie,re]=j.useState(!1),[se,P]=j.useState(!1),te=$(),l=k(),{remiTermsDetails:h}=i,R=ae(h?.fetchStatus.fetchState),oe=L.hasReimbursementAdminLevelAccess(C.loggedInUserRoleMap),w=L.hasReimbursementAccess(C.loggedInUserRoleMap)&&!oe,ne=!!o?.isReimbursementTOSAccepted,U=!!i.companyRemiInfo?.isReimbursementEnabled,A=w?U?r.employeeAcceptPromoText:r.employeePendingPromoText:r.promoText;j.useEffect(()=>{R==="In-Progress"&&h?.fetchStatus.fetchState==="Completed"&&T?.()},[R,T,h?.fetchStatus]);const B=()=>{x?.trackReimbursementPromoScheduleDemo(),P(!0)};return e.jsxs(ye,{children:[ie===!0?e.jsx(be,{onCancelClick:()=>{re(!1)},videoUrl:W,"data-testid":a("remi-promo-page-video-popup")}):null,se===!0?e.jsx(je,{onCancelClick:()=>{P(!1)},meetingUrl:Q,"data-testid":a("remi-promo-page-meeting-popup")}):null,e.jsx(me,{title:r.title,backgroundColor:te.colors.grey4,onBackClick:Y,showBackButton:!w,showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:ee,source:"ReimbursementPromoPage"}),e.jsxs(Se,{windowSize:l,children:[l==="small"?e.jsx(ke,{children:A}):e.jsx($e,{children:A}),l==="small"?e.jsx(ve,{}):e.jsx(Te,{}),e.jsx(ze,{children:w?e.jsx(e.Fragment,{children:U&&!ne?e.jsxs(e.Fragment,{children:[e.jsxs(M,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:r.scheduleDemoButton,onClick:B,"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(I,{windowSize:l,children:r.orText}),e.jsx(u,{variant:"primary",label:r.createNewReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:X,"data-testid":a("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(D,{children:[r.terms.createTerms1,e.jsx(m,{href:r.terms.tosUrl,linkText:r.terms.zeniAgreement,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),r.terms.terms2,e.jsx(m,{href:r.terms.privacyPolicyUrl,linkText:r.terms.privacyPolicy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),r.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(M,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:r.scheduleDemoButton,onClick:B,style:{width:216},"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(I,{windowSize:l,children:r.orText}),e.jsx(u,{variant:"primary",label:r.setupReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:J,style:{width:216},"data-testid":a("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(D,{children:[r.terms.setupTerms1,e.jsx(m,{href:n.consentUrl,linkText:n.consent}),n.term2,e.jsx(m,{href:n.depositUrl,linkText:n.depositTerms}),n.term3,e.jsx(m,{href:n.privacyPolicyUrl,linkText:n.privacy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),n.term4,e.jsx(m,{href:n.tosUrl,linkText:n.tos,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),n.term5,r.terms.terms3]})]})})]})]})};export{Oe as default};