@zeniai/web-app-ui 4.14.27-qa → 4.14.28-dev

package/dist/assets/SpendManagementListViewPage-D_RrkezV-ELAXLz4H.js

@@ -0,0 +1,134 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-BnugLA94-vwewauIW.js","assets/index-DorX0WX8.js","assets/sentry-tRTnR5ia.js","assets/pdf-BNA4Ou8X.js","assets/zeni-epic-state-DiMW9axO.js","assets/core-ADrPabGT.js","assets/mui-gZ2J-2YO.js","assets/recharts-BKvR8EI0.js","assets/lottie-sNoV77jf.js","assets/liveblocks-f_lxxH57.js","assets/dnd-83aXbnEf.js","assets/analytics-D7HtemTn.js","assets/plaid-DS3FargU.js","assets/utils-VuBQoQGa.js","assets/index-D-vub4_t.css","assets/BusyIndication-Nz8htndZ-ChVc54FQ.js","assets/StatusSwitcher-CgzMvf5t-ncrbliMU.js","assets/common-DspMM85g-eqBRfeMW.js","assets/calculateSize-DtEgyuiA-BJxqaIDz.js","assets/useLongPress-GCK2COYQ-BErt8Gng.js"])))=>i.map(i=>d[i]);
+import{Fo as Ue,Fp as He,Fq as We,Fr as H,Fs as Je,Ei as Ve,Ft as Ge,Fu as qe,Fv as Ke,Fb as Ze,Fa as Qe,Fk as Xe,_ as Ye}from"./zeni-epic-state-DiMW9axO.js";import{V as n,y as et,t as tt,J as W,fy as ot,fA as at,fW as nt,a_ as it,j as st,o as t,cQ as rt,g9 as N,aD as lt,fJ as ct,b as T,O as J,ga as dt,gb as ut,gc as pt,gd as mt,e as $,m as ht,u as k,f8 as bt,ge as yt,a8 as gt,bi as ft,s as wt,bB as Ct,gf as vt,aA as xt,W as St}from"./index-DorX0WX8.js";import{a as h}from"./sentry-tRTnR5ia.js";import{n as c,k as V}from"./mui-gZ2J-2YO.js";import{_ as Tt}from"./liveblocks-f_lxxH57.js";import{t as kt}from"./SpendManagementSection-DCk1isQq-BuKHrb4M.js";import{K as $t}from"./StatusSwitcher-CgzMvf5t-ncrbliMU.js";import"./core-ADrPabGT.js";import"./pdf-BNA4Ou8X.js";import"./lottie-sNoV77jf.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./recharts-BKvR8EI0.js";import"./utils-VuBQoQGa.js";import"./MoreMenuButton-BWNCapgP-CobtazoG.js";import"./spend-limit-D6SyboD4-B-j1Sn9h.js";import"./dollar-round-D18u7nlm-DpqHsegv.js";import"./money-2cg1MuG4-DajJjl7a.js";import"./page-summary-D7_VQHwN-DhjZazqO.js";import"./transaction-placeholder-CpOwZAMG-B1W5bE7h.js";import"./unlock-BPWn2I5L-DofDRoYu.js";import"./filter-cZIFUNvj-FUBo8Jnl.js";import"./ZeniDatePicker--Wk1Y9-b-Ikkm7YIY.js";import"./avatar-Dz7aEm3d-C2PjdQVT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="84806ad1-7285-4eee-a46f-e64606babbfe",e._sentryDebugIdIdentifier="sentry-dbid-84806ad1-7285-4eee-a46f-e64606babbfe")}catch{}})();const M=e=>h.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},h.createElement("path",{d:"M22.781 11.8215C22.7883 14.6988 21.6612 17.4629 19.6441 19.5146C17.627 21.5664 14.8825 22.7404 12.0055 22.7822C10.6005 22.8033 9.20515 22.5453 7.90056 22.023C6.59596 21.5008 5.40804 20.7247 4.40567 19.7399C3.40331 18.755 2.60645 17.5809 2.06132 16.2857C1.51619 14.9905 1.23362 13.6 1.23002 12.1948C1.22199 9.31703 2.34875 6.55215 4.36593 4.49975C6.38312 2.44735 9.1281 1.27292 12.0055 1.23117C13.4108 1.21016 14.8063 1.46837 16.111 1.99085C17.4158 2.51332 18.6038 3.28965 19.6061 4.27481C20.6085 5.25996 21.4053 6.43433 21.9503 7.72981C22.4953 9.02529 22.7777 10.4161 22.781 11.8215Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{d:"M17.1573 10.374H9.83934C9.05979 10.374 8.31216 10.6766 7.76093 11.2151C7.2097 11.7537 6.90002 12.4841 6.90002 13.2457C6.90002 14.0074 7.2097 14.7378 7.76093 15.2764C8.31216 15.8149 9.05979 16.1175 9.83934 16.1175H11.309",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{d:"M14.2151 13.2434L17.1544 10.3717L14.2151 7.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),It=c.div`
+  min-width: ${t.sp3};
+  width: ${t.sp3};
+  height: ${t.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,At=c(ut)`
+  min-width: inherit;
+  width: ${t.sp3};
+  height: ${t.sp3};
+`;function Bo(e){return e.repaymentType==="scheduled"||e.repaymentType==null&&e.paidByUser==null}function Bt(e,s,u){return e!=null&&e!==""?`${e}${s!=null&&s!==""?` •••• ${s}`:""}`:u}function jo(e){return e.iconType==="zeniChecking"&&e.iconColor!=null&&e.iconColor!==""?n.jsx(It,{children:n.jsx(At,{color:e.iconColor})}):null}const v={width:new T(343,545,545),containerTop:new T(17,25,25),containerPaddingLeftRight:new T(k[4],k[7])},jt=c.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${$.overlayDark};
+  .fade {
+    animation: ${e=>Lt(e)} 0.25s linear;
+  }
+`,Lt=({windowSize:e})=>V`
+0% {
+  top: ${v.containerTop.valuePercentage(e)};
+}
+100% {
+  top: 100%;
+}
+`,Et=c.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${t.sp2};
+  position: relative;
+  top: ${e=>e.fade?"100%":v.containerTop.valuePercentage(e.windowSize)};
+  padding: ${e=>`${t.sp7}  ${v.containerPaddingLeftRight.valuePx(e.windowSize)}`};
+  width: ${e=>v.width.valuePx(e.windowSize)};
+  animation: ${e=>(({windowSize:s})=>V`
+0% {
+  top: 100%;
+}
+100% {
+  top: ${v.containerTop.valuePercentage(s)};
+}
+`)(e)} 0.25s linear;
+  box-shadow: ${$.Elevation2Dark};
+`,Pt=c(ft)`
+  margin-bottom: ${t.sp5};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,Dt=c.div`
+  margin-right: ${t.sp3};
+  height: ${t.sp7};
+  width: ${t.sp7};
+  background-color: ${e=>e.theme.mode==="dark"?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
+  border-radius: ${t.sp4};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,_t=c(wt)`
+  width: calc(100% - ${t.sp7});
+  color: ${e=>e.theme.colors.primary};
+  text-align: start;
+`,Ot=c.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${t.sp5};
+`,Ft=c.div`
+  display: flex;
+  align-items: center;
+  padding: ${t.sp2} ${t.sp3};
+  border-radius: ${t.sp2};
+  cursor: ${e=>e.showCopyIcon?"pointer":"default"};
+  border: 1px solid
+    ${e=>e.showCopyText?e.theme.colors.champion:e.theme.colors.primary};
+`,Rt=c(vt)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Nt=c.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.showCopyText?e.theme.colors.primary:e.theme.colors.grey1};
+`,Mt=c(Ct)`
+  margin-right: ${t.sp2};
+  color: ${e=>e.showCopyText?e.theme.colors.champion:e.theme.colors.primary};
+`,zt=c(xt)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  color: ${$.success};
+`,Ut=c(gt)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${e=>e.theme.colors.hero};
+  position: fixed;
+  top: ${t.sp3};
+  right: ${t.sp4};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ht=c.div`
+  width: 100%;
+`,Wt=c(St)`
+  color: ${e=>e.theme.colors.primary};
+  position: absolute;
+  bottom: 22px;
+`,z=J.getLocalizedStrings().common.copyToClipBoard;function Jt(e){const s=W(),[,u]=pt(),[p,f]=h.useState(!0),[d,i]=h.useState(!1),[o,r]=h.useState(!1),{isMobileOrTabletScreen:a}=mt();return h.useEffect(()=>{p===!1&&setTimeout(()=>{f(!0)},2e3)},[p]),n.jsx(jt,{windowSize:s,role:"presentation",style:{background:$.overlayDark,...e.style},children:n.jsx(ht,{onClickAway:()=>{r(!0),setTimeout(()=>e.onCancelClick?.(),250)},children:n.jsxs(Et,{windowSize:s,className:o?"fade":"",fade:o,children:[n.jsx(Ut,{onClick:()=>{r(!0),setTimeout(()=>e.onCancelClick?.(),250)}}),n.jsx(Pt,{children:e.title}),n.jsx(Ht,{children:e.descriptionLines.map((y,C)=>n.jsxs(Ot,{children:[n.jsx(Dt,{children:y.icon}),n.jsx(_t,{windowSize:s,children:y.text})]},C))}),n.jsxs(Ft,{onClick:()=>{if(p){const y=e.botEmail;u(y),f(!1)}},onMouseOver:()=>{i(!0)},onMouseLeave:()=>{i(!1)},showCopyIcon:p,showCopyText:d,children:[n.jsx(Mt,{showCopyText:d,children:e.botEmail}),p?n.jsx(Nt,{windowSize:s,showCopyText:d&&!a,children:n.jsx(Rt,{})}):n.jsx(zt,{})]}),n.jsx(Wt,{children:p?d&&!a?z.copy:null:z.copied})]})})})}const G=J.getLocalizedStrings(),m=G.spendManagement,{common:{texts:{comments:Vt}},collaboration:{threads:{placeholder:{addANewComment:Gt,replyAComment:qt},tooltip:{resolveComment:Kt,unResolveComment:Zt}}}}=G,Qt={drawerSectionPaddingLeftRight:new T(k[4],k[5])},Xt=yt(()=>Ye(()=>import("./SpendManagementPerTabPage-BnugLA94-vwewauIW.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]))),Yt=e=>e.base64!==void 0?`${bt}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",U=(e,s,u,p,f)=>{const d=m.filters.filterOptions;return e==="bill_pay"?Ue.reduce((i,o)=>{switch(o.value){case"amount":return{...i,[o.value]:d.billAmountOptions};case"paymentMethod":return{...i,[o.value]:d.paymentMethodOptions};case"status":return{...i,[o.value]:[...d.commonStatusOptions,...d.billStatusOptions]};case"paymentType":return{...i,[o.value]:d.billPaymentTypeOptions};default:return{...i,[o.value]:[]}}},{}):e==="reimbursement"?(H(u)?He:We).reduce((i,o)=>{switch(o.value){case"createdBy":{if(s?.length===0)return{...i,[o.value]:[]};const r=s.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...i,[o.value]:r}}case"paymentMethod":return{...i,[o.value]:d.paymentMethodOptions};case"status":return{...i,[o.value]:d.commonStatusOptions};case"amount":return{...i,[o.value]:d.reimbursementAmountOptions};default:return{...i,[o.value]:[]}}},{}):e==="charge_card_payment_history"?(Je??[]).reduce((i,o)=>{switch(o.value){case"status":return{...i,[o.value]:d.paymentHistoryStatusOptions};case"initiatedBy":{if(s?.length===0)return{...i,[o.value]:[]};const r=s.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...i,[o.value]:[{label:"Autopay",value:"autopay"},...r]}}case"sourceAccount":{const r=f?Object.entries(f).map(([a,y])=>{const C=Bt(y.depositAccountName,y.depositAccountLast4,m.chargeCard.paymentHistory.sourceAccountUnknown),w=function(b,A){if(b.accountType==="depositAccount"&&b.depositAccountName!=null&&b.depositAccountName!=="")return{iconType:"zeniChecking",iconColor:dt(0)};if(b.accountType==="paymentAccount"&&b.accountLogo!=null&&(b.accountLogo.base64||b.accountLogo.url)){const S=A(b.accountLogo);if(S!=="")return{photo:S}}return{}}(y,Yt),x=w.iconType!=null&&w.iconColor!=null,l=w.photo,I=l!=null&&l!=="";return{label:C,value:a,...x&&{iconType:w.iconType,iconColor:w.iconColor},...I&&{photo:Ve(l)}}}):[];return{...i,[o.value]:r}}case"repaymentDate":return{...i,[o.value]:[]};default:return{...i,[o.value]:[]}}},{}):Ge.reduce((i,o)=>{switch(o.value){case"assignee":{if(s?.length===0)return{...i,[o.value]:[]};const r=s.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...i,[o.value]:r}}case"status":return{...i,[o.value]:[...Ke.map(r=>({label:r.name,value:r.code}))]};case"priority":return{...i,[o.value]:[...qe.map(r=>({label:r.name,value:r.code}))]};case"tag":return{...i,[o.value]:[...p.map(r=>({label:r.name,value:r.tagId}))]};default:return{...i,[o.value]:[]}}},{})},eo=c.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,to=c.div`
+  display: block;
+  flex-wrap: wrap;
+  justify-content: center;
+  height: calc(100vh - ${t.sp10});
+`,oo=c.div`
+  display: flex;
+  margin-top: ${t.sp3};
+  justify-content: center;
+`,Lo=Object.freeze(Object.defineProperty({__proto__:null,default:e=>{const s=et(),u=tt(),p=W(),{transactionList:f,allSubTabs:d,isAdmin:i,botEmail:o,isEmployee:r=!1,currentTab:a,currentSubTab:y,approvalCount:C,fetchState:w,analytics:x,entity:l,uiState:I,searchText:b,filters:A,vendorSearchAutoCompleteData:S,vendorSearchAutoCompleteActions:q,createdByUserList:K,createdByUserListFetchState:j,downloadParams:Z,downloadState:Q,isDownloadEnabled:X,isShowDeletedBillsEnabled:Y,isShowDeletedReimbursementEnabled:ee,billPayApprovalRulesAffectedEntityIds:te,remiApprovalRulesAffectedEntityIds:oe,isBillPayCommentingEnabled:L,isReimbursementCommentingEnabled:E,isDetectInsufficientFundsEnabled:ae=!1,updateTabToState:ne,onSubtabChange:P,onReloadTransactions:ie,onTransactionClick:D,onClickSetupIcon:_,onBackClick:se,onAddTransactionClick:re,onColumnSortConfigChanged:le,onSearchTextChanged:ce,onClickMenuIcon:de,onFiltersChange:ue,updateDownloadStateHandler:pe,bulkSubmissionLimit:me=10,isBulkActionAllowed:he=!1,isRecurringBillInBulkActionList:be=!1,transactionsSelectedForBulkAction:ye=[],allowedBulkActions:ge=[],bulkSubmissionFetchState:fe,updateBulkActionList:we,removeAllTransactionsFromBulkActionList:Ce,onProceedForBulkActionClick:ve}=e,xe=n.jsx(Xt,{botEmail:o,transactionList:f,allSubTabs:d,isAdmin:i,selectedTab:a,selectedSubTab:y,fetchState:w,onSubtabChange:P,onTransactionRowClick:g=>{D(g,a)},onReloadTransactions:ie,onColumnSortConfigChanged:le,analytics:x,entity:l,uiState:I,searchText:b,isShowDeletedBillsEnabled:Y,isShowDeletedReimbursementEnabled:ee,billPayApprovalRulesAffectedEntityIds:te,remiApprovalRulesAffectedEntityIds:oe,isBillPayCommentingEnabled:L,isReimbursementCommentingEnabled:E,bulkSubmissionLimit:me,isBulkActionAllowed:he,isRecurringBillInBulkActionList:be,transactionsSelectedForBulkAction:ye,isDetectInsufficientFundsEnabled:ae,allowedBulkActions:ge,bulkSubmissionFetchState:fe,updateBulkActionList:we,removeAllTransactionsFromBulkActionList:Ce,onProceedForBulkActionClick:ve}),Se=Ze(u.loggedInUserRoleMap),[O,Te]=h.useState(!1),[ke,F]=h.useState(!1),$e=l==="bill_pay"?Qe(u.loggedInUserRoleMap):Xe(u.loggedInUserRoleMap),Ie={entity:l,showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!0,newButtonLabel:"New",isSearchOpen:O,searchPlaceHolder:l==="bill_pay"?m.billPay.billsByTabs.searchPlaceHolder:m.reimbursement.reimbursementByTabs.searchPlaceHolder,searchText:b,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:$e,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:X===!1,downloadParams:Z,downloadState:Q,filters:A,vendorSearchAutoCompleteData:S,vendorSearchAutoCompleteActions:q,createdByUserListLoaded:!(l!=="bill_pay"&&!H(u.loggedInUserRole??[]))||j==="Completed"||j==="Error",analytics:x,onNewButtonClick:re,onSearchOpen:g=>{Te(g)},onSearchTextChanged:ce,onClickSetupIcon:_,onClickEmailInfoIcon:()=>F(!0),onFiltersChange:ue,getFilterOptions:l==="bill_pay"||l==="reimbursement"?()=>U(l,K??[],u.loggedInUserRole??[],[]):void 0,updateDownloadStateHandler:pe},Ae=n.jsx(kt,{spendManagementSectionProps:Ie}),[Be,je]=h.useState(null),[Le,B]=h.useState(!1),{setRequestToOpenThread:Ee}=h.useContext(ot),Pe=`dashboard_${u.currentTenant?.companyId}`,R=l==="bill_pay"?"bill":"reimbursement",{threads:De}=at({application:"dashboard",companyId:u.currentTenant?.companyId,tab:R,entityId:Be?.entityId,isGlobalComment:!1},"both",!1),_e={openAllThreadsDrawer:g=>{je({...g}),B(!0)}};return n.jsx(nt,{sharedItems:{sharedFunctions:{subtreeFunctions:_e},sharedRef:void 0},children:n.jsxs(eo,{children:[n.jsx(it,{source:"SpendManagementListViewPage",title:l==="bill_pay"?m.billPay.billsByTabs.pageTitle:m.reimbursement.reimbursementByTabs.pageTitle,showBackButton:!r&&!Se,showMenuIcon:p==="medium-compact"||p==="small",backgroundColor:s.colors.grey4,style:{zIndex:3,...st.largeSemiBold.cssObject},onBackClick:se,rightSideComponent:Ae,onClickMenuIcon:de,isSearchOpen:O}),n.jsxs(to,{children:[n.jsx(oo,{children:n.jsx($t,{tabIds:["draft","pending_approval","scheduled","paid"],approvalCount:C,selectedTab:a,entity:l,enablePerformanceTracking:!1,onTabSelectedChange:g=>{ne(g),P("all")},onClickSetupIcon:_})}),xe]}),ke?n.jsx(Jt,{botEmail:o,onCancelClick:()=>F(!1),title:l==="bill_pay"?m.billPay.billsByTabs.emailInfoTitle:m.reimbursement.reimbursementByTabs.emailInfoTitle,descriptionLines:l==="bill_pay"?[{icon:n.jsx(M,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription1},{icon:n.jsx(rt,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription2},{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription3}]:[{icon:n.jsx(M,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription1},{icon:n.jsx(lt,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription2},{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription3}]}):null,l==="bill_pay"&&L||l==="reimbursement"&&E?n.jsx(Tt,{id:Pe,children:n.jsx(ct,{isDrawerOpen:Le,allowComposer:!1,drawerTitle:Vt,threads:De,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:u.currentTenant?.companyId,isGlobalComment:!1,tab:R},isLoading:!1,textOverrides:{composerPlaceholder:Gt,replyComposerPlaceholder:qt,threadResolve:Kt,threadUnResolve:Zt},onThreadClick:(g,Oe)=>((Fe,Re)=>{const{companyId:Ne,entityId:Me,entityType:ze}=Fe;B(!1),Ee({threadId:Re,companyId:Ne,entityType:ze}),D(Me,a)})(g,Oe),onCloseAllThreadsDrawer:()=>B(!1),drawerSectionStyle:{width:p==="small"?"100%":"400px",boxSizing:p==="small"?"border-box":"content-box",padding:`${t.sp0} ${Qt.drawerSectionPaddingLeftRight.valuePx(p)}`,backgroundColor:s.colors.background},collapsibleThreadStyle:{width:p==="small"?"100%":"360px"}})}):null]})})},getDashboardFilterCategoryValues:U},Symbol.toStringTag,{value:"Module"}));export{Lo as S,U as a,Bt as g,Bo as i,jo as r};