@zeniai/web-cockpit-ui 1.15.49-dev → 1.15.50-dev

package/dist/assets/SpendManagementListViewPage-D3eISFuA-BJKHzfnG.js

@@ -0,0 +1,134 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-BWDjZyLp-B3fMmOF_.js","assets/index-DmMELGnq.js","assets/sentry-D7VPqxYq.js","assets/liveblocks-Ckq-Ca_6.js","assets/core-DhOBLUcR.js","assets/recharts-BGD0T3Yu.js","assets/zeni-epic-state-C513CLlc.js","assets/mui-D89AqdoX.js","assets/lottie-D9uGWJnR.js","assets/analytics-CahM0ApT.js","assets/lexical-CjsD_DZd.js","assets/utils-HSFXD1Qz.js","assets/index-t8y498Dk.css","assets/StatusSwitcher-B9MARTyR-RwzQ_fCz.js","assets/useLongPress-GCK2COYQ-BEJWN3qx.js"])))=>i.map(i=>d[i]);
+import{FU as Ve,FV as We,FW as Ye,FX as z,FY as Je,Eb as Ze,FZ as Ke,cd as qe,ce as Qe,FH as Xe,FG as et,FQ as tt,ba as ot}from"./zeni-epic-state-C513CLlc.js";import{V as n,d as at,aw as nt,J as U,gk as st,gm as it,gI as lt,bD as rt,b as ct,o as t,dB as dt,gZ as F,bj as ut,gv as pt,y as v,F as H,g_ as mt,g$ as ht,h0 as bt,h1 as yt,p as S,ao as gt,u as x,fT as ft,h2 as wt,x as Ct,bW as Tt,al as vt,cj as xt,h3 as St,h as kt,am as It}from"./index-DmMELGnq.js";import{a as h}from"./sentry-D7VPqxYq.js";import{n as c,k as G}from"./mui-D89AqdoX.js";import{a as $t}from"./liveblocks-Ckq-Ca_6.js";import{t as At}from"./SpendManagementSection-D8rBpC-y-aWPmGHDr.js";import{K as Et}from"./StatusSwitcher-B9MARTyR-RwzQ_fCz.js";import"./core-DhOBLUcR.js";import"./lottie-D9uGWJnR.js";import"./recharts-BGD0T3Yu.js";import"./analytics-CahM0ApT.js";import"./lexical-CjsD_DZd.js";import"./utils-HSFXD1Qz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="5b778520-2789-4561-be41-be3e06025937",e._sentryDebugIdIdentifier="sentry-dbid-5b778520-2789-4561-be41-be3e06025937")}catch{}})();const N=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"})),Bt=c.div`
+  min-width: ${t.sp3};
+  width: ${t.sp3};
+  height: ${t.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Lt=c(ht)`
+  min-width: inherit;
+  width: ${t.sp3};
+  height: ${t.sp3};
+`;function xo(e){return e.repaymentType==="scheduled"||e.repaymentType==null&&e.paidByUser==null}function jt(e,i,d){return e!=null&&e!==""?`${e}${i!=null&&i!==""?` •••• ${i}`:""}`:d}function Rt(e,i){if(e.accountType==="depositAccount"&&e.depositAccountName!=null&&e.depositAccountName!=="")return{iconType:"zeniChecking",iconColor:mt(0)};if(e.accountType==="paymentAccount"&&e.accountLogo!=null&&(e.accountLogo.base64||e.accountLogo.url)){const d=i(e.accountLogo);if(d!=="")return{photo:d}}return{}}function So(e){return e.iconType==="zeniChecking"&&e.iconColor!=null&&e.iconColor!==""?n.jsx(Bt,{children:n.jsx(Lt,{color:e.iconColor})}):null}const T={width:new v(343,545,545),containerTop:new v(17,25,25),containerPaddingLeftRight:new v(x[4],x[7])},_t=c.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${S.overlayDark};
+  .fade {
+    animation: ${e=>Ot(e)} 0.25s linear;
+  }
+`,Pt=({windowSize:e})=>G`
+0% {
+  top: 100%;
+}
+100% {
+  top: ${T.containerTop.valuePercentage(e)};
+}
+`,Ot=({windowSize:e})=>G`
+0% {
+  top: ${T.containerTop.valuePercentage(e)};
+}
+100% {
+  top: 100%;
+}
+`,Dt=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%":T.containerTop.valuePercentage(e.windowSize)};
+  padding: ${e=>`${t.sp7}  ${T.containerPaddingLeftRight.valuePx(e.windowSize)}`};
+  width: ${e=>T.width.valuePx(e.windowSize)};
+  animation: ${e=>Pt(e)} 0.25s linear;
+  box-shadow: ${S.Elevation2Dark};
+`,Ft=c(Tt)`
+  margin-bottom: ${t.sp5};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,Nt=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;
+`,Mt=c(vt)`
+  width: calc(100% - ${t.sp7});
+  color: ${e=>e.theme.colors.primary};
+  text-align: start;
+`,zt=c.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${t.sp5};
+`,Ut=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};
+`,Ht=c(St)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Gt=c.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.showCopyText?e.theme.colors.primary:e.theme.colors.grey1};
+`,Vt=c(xt)`
+  margin-right: ${t.sp2};
+  color: ${e=>e.showCopyText?e.theme.colors.champion:e.theme.colors.primary};
+`,Wt=c(kt)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  color: ${S.success};
+`,Yt=c(Ct)`
+  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};
+  }
+`,Jt=c.div`
+  width: 100%;
+`,Zt=c(It)`
+  color: ${e=>e.theme.colors.primary};
+  position: absolute;
+  bottom: 22px;
+`,M=H.getLocalizedStrings().common.copyToClipBoard;function Kt(e){const i=U(),[,d]=bt(),[p,f]=h.useState(!0),[u,s]=h.useState(!1),[o,l]=h.useState(!1),{isMobileOrTabletScreen:a}=yt(),w=()=>{if(p){const g=e.botEmail;d(g),f(!1)}},C=()=>{s(!0)},y=()=>{s(!1)};return h.useEffect(()=>{p===!1&&setTimeout(()=>{f(!0)},2e3)},[p]),n.jsx(_t,{windowSize:i,role:"presentation",style:{background:S.overlayDark,...e.style},children:n.jsx(gt,{onClickAway:()=>{l(!0),setTimeout(()=>e.onCancelClick?.(),250)},children:n.jsxs(Dt,{windowSize:i,className:o?"fade":"",fade:o,children:[n.jsx(Yt,{onClick:()=>{l(!0),setTimeout(()=>e.onCancelClick?.(),250)}}),n.jsx(Ft,{children:e.title}),n.jsx(Jt,{children:e.descriptionLines.map((g,r)=>n.jsxs(zt,{children:[n.jsx(Nt,{children:g.icon}),n.jsx(Mt,{windowSize:i,children:g.text})]},r))}),n.jsxs(Ut,{onClick:w,onMouseOver:C,onMouseLeave:y,showCopyIcon:p,showCopyText:u,children:[n.jsx(Vt,{showCopyText:u,children:e.botEmail}),p?n.jsx(Gt,{windowSize:i,showCopyText:u&&!a,children:n.jsx(Ht,{})}):n.jsx(Wt,{})]}),n.jsx(Zt,{children:p?u&&!a?M.copy:null:M.copied})]})})})}const V=H.getLocalizedStrings(),m=V.spendManagement,{common:{texts:{comments:qt}},collaboration:{threads:{placeholder:{addANewComment:Qt,replyAComment:Xt},tooltip:{resolveComment:eo,unResolveComment:to}}}}=V,oo={drawerSectionPaddingLeftRight:new v(x[4],x[5])},ao=wt(()=>ot(()=>import("./SpendManagementPerTabPage-BWDjZyLp-B3fMmOF_.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]))),no=e=>{const i=at(),d=nt(),p=U(),{transactionList:f,allSubTabs:u,isAdmin:s,botEmail:o,isEmployee:l=!1,currentTab:a,currentSubTab:w,approvalCount:C,fetchState:y,analytics:g,entity:r,uiState:k,searchText:A,filters:Y,vendorSearchAutoCompleteData:J,vendorSearchAutoCompleteActions:Z,createdByUserList:K,createdByUserListFetchState:E,downloadParams:q,downloadState:Q,isDownloadEnabled:X,isShowDeletedBillsEnabled:ee,isShowDeletedReimbursementEnabled:te,billPayApprovalRulesAffectedEntityIds:oe,remiApprovalRulesAffectedEntityIds:ae,isBillPayCommentingEnabled:B,isReimbursementCommentingEnabled:L,isDetectInsufficientFundsEnabled:ne=!1,updateTabToState:se,onSubtabChange:j,onReloadTransactions:ie,onTransactionClick:R,onClickSetupIcon:_,onBackClick:le,onAddTransactionClick:re,onColumnSortConfigChanged:ce,onSearchTextChanged:de,onClickMenuIcon:ue,onFiltersChange:pe,updateDownloadStateHandler:me,bulkSubmissionLimit:he=10,isBulkActionAllowed:be=!1,isRecurringBillInBulkActionList:ye=!1,transactionsSelectedForBulkAction:ge=[],allowedBulkActions:fe=[],bulkSubmissionFetchState:we,updateBulkActionList:Ce,removeAllTransactionsFromBulkActionList:Te,onProceedForBulkActionClick:ve}=e,xe=["draft","pending_approval","scheduled","paid"],Se=b=>{R(b,a)},ke=n.jsx(ao,{botEmail:o,transactionList:f,allSubTabs:u,isAdmin:s,selectedTab:a,selectedSubTab:w,fetchState:y,onSubtabChange:j,onTransactionRowClick:Se,onReloadTransactions:ie,onColumnSortConfigChanged:ce,analytics:g,entity:r,uiState:k,searchText:A,isShowDeletedBillsEnabled:ee,isShowDeletedReimbursementEnabled:te,billPayApprovalRulesAffectedEntityIds:oe,remiApprovalRulesAffectedEntityIds:ae,isBillPayCommentingEnabled:B,isReimbursementCommentingEnabled:L,bulkSubmissionLimit:he,isBulkActionAllowed:be,isRecurringBillInBulkActionList:ye,transactionsSelectedForBulkAction:ge,isDetectInsufficientFundsEnabled:ne,allowedBulkActions:fe,bulkSubmissionFetchState:we,updateBulkActionList:Ce,removeAllTransactionsFromBulkActionList:Te,onProceedForBulkActionClick:ve}),Ie=b=>{se(b),j("all")},$e=Xe(d.loggedInUserRoleMap),[P,Ae]=h.useState(!1),[Ee,O]=h.useState(!1),Be=b=>{Ae(b)},Le=r==="bill_pay"?et(d.loggedInUserRoleMap):tt(d.loggedInUserRoleMap),je={entity:r,showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!0,newButtonLabel:"New",isSearchOpen:P,searchPlaceHolder:r==="bill_pay"?m.billPay.billsByTabs.searchPlaceHolder:m.reimbursement.reimbursementByTabs.searchPlaceHolder,searchText:A,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:Le,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:X===!1,downloadParams:q,downloadState:Q,filters:Y,vendorSearchAutoCompleteData:J,vendorSearchAutoCompleteActions:Z,createdByUserListLoaded:r==="bill_pay"||z(d.loggedInUserRole??[])?!0:E==="Completed"||E==="Error",analytics:g,onNewButtonClick:re,onSearchOpen:Be,onSearchTextChanged:de,onClickSetupIcon:_,onClickEmailInfoIcon:()=>O(!0),onFiltersChange:pe,getFilterOptions:r==="bill_pay"||r==="reimbursement"?()=>W(r,K??[],d.loggedInUserRole??[],[]):void 0,updateDownloadStateHandler:me},Re=n.jsx(At,{spendManagementSectionProps:je}),[_e,Pe]=h.useState(null),[Oe,I]=h.useState(!1),{setRequestToOpenThread:De}=h.useContext(st),Fe=`dashboard_${d.currentTenant?.companyId}`,D=r==="bill_pay"?"bill":"reimbursement",{threads:Ne}=it({application:"dashboard",companyId:d.currentTenant?.companyId,tab:D,entityId:_e?.entityId,isGlobalComment:!1},"both",!1),Me={openAllThreadsDrawer:b=>{Pe({...b}),I(!0)}},ze=(b,$)=>{const{companyId:Ue,entityId:He,entityType:Ge}=b;I(!1),De({threadId:$,companyId:Ue,entityType:Ge}),R(He,a)};return n.jsx(lt,{sharedItems:{sharedFunctions:{subtreeFunctions:Me},sharedRef:void 0},children:n.jsxs(io,{children:[n.jsx(rt,{source:"SpendManagementListViewPage",title:r==="bill_pay"?m.billPay.billsByTabs.pageTitle:m.reimbursement.reimbursementByTabs.pageTitle,showBackButton:!l&&!$e,showMenuIcon:p==="medium-compact"||p==="small",backgroundColor:i.colors.grey4,style:{zIndex:3,...ct.largeSemiBold.cssObject},onBackClick:le,rightSideComponent:Re,onClickMenuIcon:ue,isSearchOpen:P}),n.jsxs(lo,{children:[n.jsx(ro,{children:n.jsx(Et,{tabIds:xe,approvalCount:C,selectedTab:a,entity:r,enablePerformanceTracking:!1,onTabSelectedChange:Ie,onClickSetupIcon:_})}),ke]}),Ee?n.jsx(Kt,{botEmail:o,onCancelClick:()=>O(!1),title:r==="bill_pay"?m.billPay.billsByTabs.emailInfoTitle:m.reimbursement.reimbursementByTabs.emailInfoTitle,descriptionLines:r==="bill_pay"?[{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription1},{icon:n.jsx(dt,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription2},{icon:n.jsx(F,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription3}]:[{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription1},{icon:n.jsx(ut,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription2},{icon:n.jsx(F,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription3}]}):null,r==="bill_pay"&&B||r==="reimbursement"&&L?n.jsx($t,{id:Fe,children:n.jsx(pt,{isDrawerOpen:Oe,allowComposer:!1,drawerTitle:qt,threads:Ne,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:d.currentTenant?.companyId,isGlobalComment:!1,tab:D},isLoading:!1,textOverrides:{composerPlaceholder:Qt,replyComposerPlaceholder:Xt,threadResolve:eo,threadUnResolve:to},onThreadClick:(b,$)=>ze(b,$),onCloseAllThreadsDrawer:()=>I(!1),drawerSectionStyle:{width:p==="small"?"100%":"400px",boxSizing:p==="small"?"border-box":"content-box",padding:`${t.sp0} ${oo.drawerSectionPaddingLeftRight.valuePx(p)}`,backgroundColor:i.colors.background},collapsibleThreadStyle:{width:p==="small"?"100%":"360px"}})}):null]})})},so=e=>e.base64!==void 0?`${ft}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",W=(e,i,d,p,f)=>{const u=m.filters.filterOptions;return e==="bill_pay"?Ve.reduce((s,o)=>{switch(o.value){case"amount":return{...s,[o.value]:u.billAmountOptions};case"paymentMethod":return{...s,[o.value]:u.paymentMethodOptions};case"status":return{...s,[o.value]:[...u.commonStatusOptions,...u.billStatusOptions]};case"paymentType":return{...s,[o.value]:u.billPaymentTypeOptions};default:return{...s,[o.value]:[]}}},{}):e==="reimbursement"?(z(d)?We:Ye).reduce((s,o)=>{switch(o.value){case"createdBy":{if(i?.length===0)return{...s,[o.value]:[]};const l=i.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...s,[o.value]:l}}case"paymentMethod":return{...s,[o.value]:u.paymentMethodOptions};case"status":return{...s,[o.value]:u.commonStatusOptions};case"amount":return{...s,[o.value]:u.reimbursementAmountOptions};default:return{...s,[o.value]:[]}}},{}):e==="charge_card_payment_history"?(Je??[]).reduce((s,o)=>{switch(o.value){case"status":return{...s,[o.value]:u.paymentHistoryStatusOptions};case"initiatedBy":{if(i?.length===0)return{...s,[o.value]:[]};const l=i.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...s,[o.value]:[{label:"Autopay",value:"autopay"},...l]}}case"sourceAccount":{const l=f?Object.entries(f).map(([a,w])=>{const C=jt(w.depositAccountName,w.depositAccountLast4,m.chargeCard.paymentHistory.sourceAccountUnknown),y=Rt(w,so),g=y.iconType!=null&&y.iconColor!=null,r=y.photo,k=r!=null&&r!=="";return{label:C,value:a,...g&&{iconType:y.iconType,iconColor:y.iconColor},...k&&{photo:Ze(r)}}}):[];return{...s,[o.value]:l}}case"repaymentDate":return{...s,[o.value]:[]};default:return{...s,[o.value]:[]}}},{}):Ke.reduce((s,o)=>{switch(o.value){case"assignee":{if(i?.length===0)return{...s,[o.value]:[]};const l=i.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...s,[o.value]:l}}case"status":return{...s,[o.value]:[...Qe.map(l=>({label:l.name,value:l.code}))]};case"priority":return{...s,[o.value]:[...qe.map(l=>({label:l.name,value:l.code}))]};case"tag":return{...s,[o.value]:[...p.map(l=>({label:l.name,value:l.tagId}))]};default:return{...s,[o.value]:[]}}},{})},io=c.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,lo=c.div`
+  display: block;
+  flex-wrap: wrap;
+  justify-content: center;
+  height: calc(100vh - ${t.sp10});
+`,ro=c.div`
+  display: flex;
+  margin-top: ${t.sp3};
+  justify-content: center;
+`,ko=Object.freeze(Object.defineProperty({__proto__:null,default:no,getDashboardFilterCategoryValues:W},Symbol.toStringTag,{value:"Module"}));export{ko as S,W as a,jt as g,xo as i,So as r};