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

package/dist/assets/SpendManagementListViewPage-DUBWXnF--DVg116ep.js

@@ -0,0 +1,134 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-RLv6LS-z-CYo8kes0.js","assets/index-Cq3X29cS.js","assets/sentry-DQ_HstYV.js","assets/liveblocks-hPir54fv.js","assets/core-CCdM5htn.js","assets/recharts-CiLmNGsl.js","assets/zeni-epic-state-B4gyGBI3.js","assets/mui-DzE-7sTl.js","assets/lottie-B9oE3WTk.js","assets/analytics-BxsZVqMD.js","assets/lexical-BfjdJw9p.js","assets/utils-wDk5ojg7.js","assets/index-t8y498Dk.css","assets/StatusSwitcher-C4MmXvmy-xYxIiuBt.js","assets/useLongPress-GCK2COYQ-BEGNcNvC.js"])))=>i.map(i=>d[i]);
+import{GB as We,GC as qe,GD as Je,GE as M,GF as Ye,EU as Ze,GG as Ke,cd as Xe,ce as Qe,Go as et,Gn as tt,Gx as at,ba as ot}from"./zeni-epic-state-B4gyGBI3.js";import{V as n,y as nt,ay as F,J as z,gn as st,gM as it,bE as rt,w as lt,o as t,dC as ct,h3 as O,bk as dt,b as G,h4 as ut,h5 as pt,h6 as mt,h7 as ht,p as v,aq as bt,h8 as yt,gy as gt,x,fV as ft,h9 as wt,d as Ct,bX as Tt,an as xt,ck as St,ha as vt,g as kt,ao as It,u as S}from"./index-Cq3X29cS.js";import{a as h}from"./sentry-DQ_HstYV.js";import{n as d,k as U}from"./mui-DzE-7sTl.js";import{a as $t}from"./liveblocks-hPir54fv.js";import{t as At}from"./SpendManagementSection-DJfAJzAL-ig4GL1ZT.js";import{K as Et}from"./StatusSwitcher-C4MmXvmy-xYxIiuBt.js";import"./core-CCdM5htn.js";import"./lottie-B9oE3WTk.js";import"./recharts-CiLmNGsl.js";import"./analytics-BxsZVqMD.js";import"./lexical-BfjdJw9p.js";import"./utils-wDk5ojg7.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]="ba4503e7-bc7e-4716-b76e-2431d500647e",e._sentryDebugIdIdentifier="sentry-dbid-ba4503e7-bc7e-4716-b76e-2431d500647e")}catch{}})();const D=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=d.div`
+  min-width: ${t.sp3};
+  width: ${t.sp3};
+  height: ${t.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Lt=d(pt)`
+  min-width: inherit;
+  width: ${t.sp3};
+  height: ${t.sp3};
+`;function Sa(e){return e.repaymentType==="scheduled"||e.repaymentType==null&&e.paidByUser==null}function jt(e,i,u){return e!=null&&e!==""?`${e}${i!=null&&i!==""?` •••• ${i}`:""}`:u}function Rt(e,i){if(e.accountType==="depositAccount"&&e.depositAccountName!=null&&e.depositAccountName!=="")return{iconType:"zeniChecking",iconColor:ut(0)};if(e.accountType==="paymentAccount"&&e.accountLogo!=null&&(e.accountLogo.base64||e.accountLogo.url)){const u=i(e.accountLogo);if(u!=="")return{photo:u}}return{}}function va(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 x(343,545,545),containerTop:new x(17,25,25),containerPaddingLeftRight:new x(S[4],S[7])},_t=d.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${v.overlayDark};
+  .fade {
+    animation: ${e=>Ot(e)} 0.25s linear;
+  }
+`,Pt=({windowSize:e})=>U`
+0% {
+  top: 100%;
+}
+100% {
+  top: ${T.containerTop.valuePercentage(e)};
+}
+`,Ot=({windowSize:e})=>U`
+0% {
+  top: ${T.containerTop.valuePercentage(e)};
+}
+100% {
+  top: 100%;
+}
+`,Dt=d.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: ${v.Elevation2Dark};
+`,Nt=d(Tt)`
+  margin-bottom: ${t.sp5};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,Mt=d.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;
+`,Ft=d(xt)`
+  width: calc(100% - ${t.sp7});
+  color: ${e=>e.theme.colors.primary};
+  text-align: start;
+`,zt=d.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${t.sp5};
+`,Gt=d.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};
+`,Ut=d(vt)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ht=d.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.showCopyText?e.theme.colors.primary:e.theme.colors.grey1};
+`,Vt=d(St)`
+  margin-right: ${t.sp2};
+  color: ${e=>e.showCopyText?e.theme.colors.champion:e.theme.colors.primary};
+`,Wt=d(kt)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  color: ${v.success};
+`,qt=d(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=d.div`
+  width: 100%;
+`,Yt=d(It)`
+  color: ${e=>e.theme.colors.primary};
+  position: absolute;
+  bottom: 22px;
+`,N=G.getLocalizedStrings().common.copyToClipBoard;function Zt(e){const i=z(),[,u]=mt(),[p,y]=h.useState(!0),[l,s]=h.useState(!1),[a,r]=h.useState(!1),{isMobileOrTabletScreen:o}=ht(),g=()=>{if(p){const f=e.botEmail;u(f),y(!1)}},C=()=>{s(!0)},b=()=>{s(!1)};return h.useEffect(()=>{p===!1&&setTimeout(()=>{y(!0)},2e3)},[p]),n.jsx(_t,{windowSize:i,role:"presentation",style:{background:v.overlayDark,...e.style},children:n.jsx(bt,{onClickAway:()=>{r(!0),setTimeout(()=>e.onCancelClick?.(),250)},children:n.jsxs(Dt,{windowSize:i,className:a?"fade":"",fade:a,children:[n.jsx(qt,{onClick:()=>{r(!0),setTimeout(()=>e.onCancelClick?.(),250)}}),n.jsx(Nt,{children:e.title}),n.jsx(Jt,{children:e.descriptionLines.map((f,c)=>n.jsxs(zt,{children:[n.jsx(Mt,{children:f.icon}),n.jsx(Ft,{windowSize:i,children:f.text})]},c))}),n.jsxs(Gt,{onClick:g,onMouseOver:C,onMouseLeave:b,showCopyIcon:p,showCopyText:l,children:[n.jsx(Vt,{showCopyText:l,children:e.botEmail}),p?n.jsx(Ht,{windowSize:i,showCopyText:l&&!o,children:n.jsx(Ut,{})}):n.jsx(Wt,{})]}),n.jsx(Yt,{children:p?l&&!o?N.copy:null:N.copied})]})})})}const H=G.getLocalizedStrings(),m=H.spendManagement,{common:{texts:{comments:Kt}},collaboration:{threads:{placeholder:{addANewComment:Xt,replyAComment:Qt},tooltip:{resolveComment:ea,unResolveComment:ta}}}}=H,aa={drawerSectionPaddingLeftRight:new x(S[4],S[5])},oa=({threadData:e,collaborationTab:i,isThreadsOpen:u,setIsThreadsOpen:p,handleThreadClick:y,windowSize:l,backgroundColor:s})=>{const a=F(),r=h.useMemo(()=>({application:"dashboard",companyId:a.currentTenant?.companyId,tab:i,entityId:e?.entityId,isGlobalComment:!1}),[a.currentTenant?.companyId,i,e?.entityId]),{threads:o,isLoading:g}=yt({filter:r});return n.jsx(gt,{isDrawerOpen:u,allowComposer:!1,drawerTitle:Kt,threads:o,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:a.currentTenant?.companyId,isGlobalComment:!1,tab:i},isLoading:g,textOverrides:{composerPlaceholder:Xt,replyComposerPlaceholder:Qt,threadResolve:ea,threadUnResolve:ta},onThreadClick:(C,b)=>y(C,b),onCloseAllThreadsDrawer:()=>p(!1),drawerSectionStyle:{width:l==="small"?"100%":"400px",boxSizing:l==="small"?"border-box":"content-box",padding:`${t.sp0} ${aa.drawerSectionPaddingLeftRight.valuePx(l)}`,backgroundColor:s},collapsibleThreadStyle:{width:l==="small"?"100%":"360px"}})},na=wt(()=>ot(()=>import("./SpendManagementPerTabPage-RLv6LS-z-CYo8kes0.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]))),sa=e=>{const i=nt(),u=F(),p=z(),{transactionList:y,allSubTabs:l,isAdmin:s,botEmail:a,isEmployee:r=!1,currentTab:o,currentSubTab:g,approvalCount:C,fetchState:b,analytics:f,entity:c,uiState:k,searchText:$,filters:W,vendorSearchAutoCompleteData:q,vendorSearchAutoCompleteActions:J,createdByUserList:Y,createdByUserListFetchState:A,downloadParams:Z,downloadState:K,isDownloadEnabled:X,isShowDeletedBillsEnabled:Q,isShowDeletedReimbursementEnabled:ee,billPayApprovalRulesAffectedEntityIds:te,remiApprovalRulesAffectedEntityIds:ae,isBillPayCommentingEnabled:E,isReimbursementCommentingEnabled:B,isDetectInsufficientFundsEnabled:oe=!1,updateTabToState:ne,onSubtabChange:L,onReloadTransactions:se,onTransactionClick:j,onClickSetupIcon:R,onBackClick:ie,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:Te}=e,xe=["draft","pending_approval","scheduled","paid"],Se=w=>{j(w,o)},ve=n.jsx(na,{botEmail:a,transactionList:y,allSubTabs:l,isAdmin:s,selectedTab:o,selectedSubTab:g,fetchState:b,onSubtabChange:L,onTransactionRowClick:Se,onReloadTransactions:se,onColumnSortConfigChanged:le,analytics:f,entity:c,uiState:k,searchText:$,isShowDeletedBillsEnabled:Q,isShowDeletedReimbursementEnabled:ee,billPayApprovalRulesAffectedEntityIds:te,remiApprovalRulesAffectedEntityIds:ae,isBillPayCommentingEnabled:E,isReimbursementCommentingEnabled:B,bulkSubmissionLimit:me,isBulkActionAllowed:he,isRecurringBillInBulkActionList:be,transactionsSelectedForBulkAction:ye,isDetectInsufficientFundsEnabled:oe,allowedBulkActions:ge,bulkSubmissionFetchState:fe,updateBulkActionList:we,removeAllTransactionsFromBulkActionList:Ce,onProceedForBulkActionClick:Te}),ke=w=>{ne(w),L("all")},Ie=et(u.loggedInUserRoleMap),[_,$e]=h.useState(!1),[Ae,P]=h.useState(!1),Ee=w=>{$e(w)},Be=c==="bill_pay"?tt(u.loggedInUserRoleMap):at(u.loggedInUserRoleMap),Le={entity:c,showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!0,newButtonLabel:"New",isSearchOpen:_,searchPlaceHolder:c==="bill_pay"?m.billPay.billsByTabs.searchPlaceHolder:m.reimbursement.reimbursementByTabs.searchPlaceHolder,searchText:$,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:Be,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:X===!1,downloadParams:Z,downloadState:K,filters:W,vendorSearchAutoCompleteData:q,vendorSearchAutoCompleteActions:J,createdByUserListLoaded:c==="bill_pay"||M(u.loggedInUserRole??[])?!0:A==="Completed"||A==="Error",analytics:f,onNewButtonClick:re,onSearchOpen:Ee,onSearchTextChanged:ce,onClickSetupIcon:R,onClickEmailInfoIcon:()=>P(!0),onFiltersChange:ue,getFilterOptions:c==="bill_pay"||c==="reimbursement"?()=>V(c,Y??[],u.loggedInUserRole??[],[]):void 0,updateDownloadStateHandler:pe},je=n.jsx(At,{spendManagementSectionProps:Le}),[Re,_e]=h.useState(null),[Pe,I]=h.useState(!1),{setRequestToOpenThread:Oe}=h.useContext(st),De=`dashboard_${u.currentTenant?.companyId}`,Ne=c==="bill_pay"?"bill":"reimbursement",Me=c==="bill_pay"&&E||c==="reimbursement"&&B,Fe={openAllThreadsDrawer:w=>{_e({...w}),I(!0)}},ze=(w,Ge)=>{const{companyId:Ue,entityId:He,entityType:Ve}=w;I(!1),Oe({threadId:Ge,companyId:Ue,entityType:Ve}),j(He,o)};return n.jsx(it,{sharedItems:{sharedFunctions:{subtreeFunctions:Fe},sharedRef:void 0},children:n.jsxs(ra,{children:[n.jsx(rt,{source:"SpendManagementListViewPage",title:c==="bill_pay"?m.billPay.billsByTabs.pageTitle:m.reimbursement.reimbursementByTabs.pageTitle,showBackButton:!r&&!Ie,showMenuIcon:p==="medium-compact"||p==="small",backgroundColor:i.colors.grey4,style:{zIndex:3,...lt.largeSemiBold.cssObject},onBackClick:ie,rightSideComponent:je,onClickMenuIcon:de,isSearchOpen:_}),n.jsxs(la,{children:[n.jsx(ca,{children:n.jsx(Et,{tabIds:xe,approvalCount:C,selectedTab:o,entity:c,enablePerformanceTracking:!1,onTabSelectedChange:ke,onClickSetupIcon:R})}),ve]}),Ae?n.jsx(Zt,{botEmail:a,onCancelClick:()=>P(!1),title:c==="bill_pay"?m.billPay.billsByTabs.emailInfoTitle:m.reimbursement.reimbursementByTabs.emailInfoTitle,descriptionLines:c==="bill_pay"?[{icon:n.jsx(D,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription1},{icon:n.jsx(ct,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription2},{icon:n.jsx(O,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription3}]:[{icon:n.jsx(D,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription1},{icon:n.jsx(dt,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription2},{icon:n.jsx(O,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription3}]}):null,Me?n.jsx($t,{id:De,children:n.jsx(oa,{threadData:Re,collaborationTab:Ne,isThreadsOpen:Pe,setIsThreadsOpen:I,handleThreadClick:ze,windowSize:p,backgroundColor:i.colors.background})}):null]})})},ia=e=>e.base64!==void 0?`${ft}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",V=(e,i,u,p,y)=>{const l=m.filters.filterOptions;return e==="bill_pay"?We.reduce((s,a)=>{switch(a.value){case"amount":return{...s,[a.value]:l.billAmountOptions};case"paymentMethod":return{...s,[a.value]:l.paymentMethodOptions};case"status":return{...s,[a.value]:[...l.commonStatusOptions,...l.billStatusOptions]};case"paymentType":return{...s,[a.value]:l.billPaymentTypeOptions};default:return{...s,[a.value]:[]}}},{}):e==="reimbursement"?(M(u)?qe:Je).reduce((s,a)=>{switch(a.value){case"createdBy":{if(i?.length===0)return{...s,[a.value]:[]};const r=i.map(o=>({label:o?.firstName||o?.lastName?`${o?.firstName} ${o?.lastName}`:o?.email??"",value:o.userId,photo:o?.photo,email:o?.email}));return{...s,[a.value]:r}}case"paymentMethod":return{...s,[a.value]:l.paymentMethodOptions};case"status":return{...s,[a.value]:l.commonStatusOptions};case"amount":return{...s,[a.value]:l.reimbursementAmountOptions};default:return{...s,[a.value]:[]}}},{}):e==="charge_card_payment_history"?(Ye??[]).reduce((s,a)=>{switch(a.value){case"status":return{...s,[a.value]:l.paymentHistoryStatusOptions};case"initiatedBy":{if(i?.length===0)return{...s,[a.value]:[]};const r=i.map(o=>({label:o?.firstName||o?.lastName?`${o?.firstName} ${o?.lastName}`:o?.email??"",value:o.userId,photo:o?.photo,email:o?.email}));return{...s,[a.value]:[{label:"Autopay",value:"autopay"},...r]}}case"sourceAccount":{const r=y?Object.entries(y).map(([o,g])=>{const C=jt(g.depositAccountName,g.depositAccountLast4,m.chargeCard.paymentHistory.sourceAccountUnknown),b=Rt(g,ia),f=b.iconType!=null&&b.iconColor!=null,c=b.photo,k=c!=null&&c!=="";return{label:C,value:o,...f&&{iconType:b.iconType,iconColor:b.iconColor},...k&&{photo:Ze(c)}}}):[];return{...s,[a.value]:r}}case"repaymentDate":return{...s,[a.value]:[]};default:return{...s,[a.value]:[]}}},{}):Ke.reduce((s,a)=>{switch(a.value){case"assignee":{if(i?.length===0)return{...s,[a.value]:[]};const r=i.map(o=>({label:o?.firstName||o?.lastName?`${o?.firstName} ${o?.lastName}`:o?.email??"",value:o.userId,photo:o?.photo,email:o?.email}));return{...s,[a.value]:r}}case"status":return{...s,[a.value]:[...Qe.map(r=>({label:r.name,value:r.code}))]};case"priority":return{...s,[a.value]:[...Xe.map(r=>({label:r.name,value:r.code}))]};case"tag":return{...s,[a.value]:[...p.map(r=>({label:r.name,value:r.tagId}))]};default:return{...s,[a.value]:[]}}},{})},ra=d.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,la=d.div`
+  display: block;
+  flex-wrap: wrap;
+  justify-content: center;
+  height: calc(100vh - ${t.sp10});
+`,ca=d.div`
+  display: flex;
+  margin-top: ${t.sp3};
+  justify-content: center;
+`,ka=Object.freeze(Object.defineProperty({__proto__:null,default:sa,getDashboardFilterCategoryValues:V},Symbol.toStringTag,{value:"Module"}));export{ka as S,V as a,jt as g,Sa as i,va as r};