@zeniai/web-app-ui 4.14.35-prod → 4.14.36-dev

package/dist/assets/SpendManagementListViewPage-9V9u1jPF-impkLVzs.js

@@ -0,0 +1,134 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-COvEPq7V-9dexPOGi.js","assets/index-T6cemxxv.js","assets/sentry-BoIfGJBF.js","assets/pdf-DWoGjGSw.js","assets/zeni-epic-state-BtVcBgvu.js","assets/core-BSWMBnrJ.js","assets/mui-GaW5Gk_e.js","assets/recharts-BQ8VH5gX.js","assets/lottie-DOxhyevU.js","assets/liveblocks--WiFaeN0.js","assets/dnd-DJrh3JTW.js","assets/analytics-BZz0SPy3.js","assets/plaid-CNcdZ4gc.js","assets/utils-BGRwbgi2.js","assets/index-D-vub4_t.css","assets/BusyIndication-DizZe0Gu-Ui3yaqtY.js","assets/StatusSwitcher-CaoFw0cf-DekkCuBN.js","assets/common-DEB71I4X-BRhAN_mv.js","assets/calculateSize-Bn1NnCzV-CbPGQ475.js","assets/useLongPress-GCK2COYQ-CkGyzLnK.js"])))=>i.map(i=>d[i]);
+import{Fo as Ue,Fp as He,Fq as Ve,Fr as H,Fs as We,Ei as Je,Ft as Ge,Fu as qe,Fv as Ze,Fb as Ke,Fa as Qe,Fk as Xe,_ as Ye}from"./zeni-epic-state-BtVcBgvu.js";import{V as n,y as et,t as tt,J as V,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 W,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-T6cemxxv.js";import{a as h}from"./sentry-BoIfGJBF.js";import{n as c,k as J}from"./mui-GaW5Gk_e.js";import{_ as Tt}from"./liveblocks--WiFaeN0.js";import{t as kt}from"./SpendManagementSection-dT-N4bSQ-zSvxEGhY.js";import{K as $t}from"./StatusSwitcher-CaoFw0cf-DekkCuBN.js";import"./core-BSWMBnrJ.js";import"./pdf-DWoGjGSw.js";import"./lottie-DOxhyevU.js";import"./dnd-DJrh3JTW.js";import"./analytics-BZz0SPy3.js";import"./plaid-CNcdZ4gc.js";import"./recharts-BQ8VH5gX.js";import"./utils-BGRwbgi2.js";import"./MoreMenuButton-CJue6xR9-DxdJkjEQ.js";import"./spend-limit-D6SyboD4-D6KSyTVe.js";import"./dollar-round-D18u7nlm-qWQy8tOr.js";import"./money-2cg1MuG4-ZZWEE1BS.js";import"./page-summary-D7_VQHwN-C4mva4td.js";import"./transaction-placeholder-CpOwZAMG-DpSw-x8s.js";import"./unlock-BPWn2I5L-C7FVhrTq.js";import"./filter-cZIFUNvj-CBGTjKNF.js";import"./ZeniDatePicker-DCurorsW-jSixMxUp.js";import"./avatar-Dz7aEm3d-B59e782o.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]="5e9c3abc-cb00-40c9-85b8-06c4d98491e8",e._sentryDebugIdIdentifier="sentry-dbid-5e9c3abc-cb00-40c9-85b8-06c4d98491e8")}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})=>J`
+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})=>J`
+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%;
+`,Vt=c(St)`
+  color: ${e=>e.theme.colors.primary};
+  position: absolute;
+  bottom: 22px;
+`,z=W.getLocalizedStrings().common.copyToClipBoard;function Wt(e){const s=V(),[,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(Vt,{children:p?d&&!a?z.copy:null:z.copied})]})})})}const G=W.getLocalizedStrings(),m=G.spendManagement,{common:{texts:{comments:Jt}},collaboration:{threads:{placeholder:{addANewComment:Gt,replyAComment:qt},tooltip:{resolveComment:Zt,unResolveComment:Kt}}}}=G,Qt={drawerSectionPaddingLeftRight:new T(k[4],k[5])},Xt=yt(()=>Ye(()=>import("./SpendManagementPerTabPage-COvEPq7V-9dexPOGi.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:Ve).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"?(We??[]).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:Je(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]:[...Ze.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=V(),{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:Z,createdByUserListFetchState:j,downloadParams:K,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=Ke(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:K,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,Z??[],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(Wt,{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:Jt,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:Zt,threadUnResolve:Kt},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};