@zeniai/web-components 3.17.8 → 3.17.9

package/dist/SpendManagementListViewPage-hajpzSry.cjs

@@ -0,0 +1,122 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),b=require("react"),d=require("@emotion/styled"),Ne=require("@liveblocks/react"),x=require("@zeniai/client-epic-state"),e=require("./index-BQB0Z3KX.cjs"),ze=require("./SpendManagementSection-B3HWIQjS.cjs"),Ue=require("./StatusSwitcher-BN7AMHhs.cjs"),_=require("@emotion/react");function qe(t){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(p,r,i.get?i:{enumerable:!0,get:()=>t[r]})}}return p.default=t,Object.freeze(p)}const C=qe(b),D=t=>C.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...t},C.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"}),C.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"}),C.createElement("path",{d:"M14.2151 13.2434L17.1544 10.3717L14.2151 7.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),y={width:new e.ResponsiveSized(343,545,545),containerTop:new e.ResponsiveSized(17,25,25),containerPaddingLeftRight:new e.ResponsiveSized(e.sp[4],e.sp[7])},He=d.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${e.Colors.overlayDark};
+  .fade {
+    animation: ${t=>Ge(t)} 0.25s linear;
+  }
+`,Ve=({windowSize:t})=>_.keyframes`
+0% {
+  top: 100%;
+}
+100% {
+  top: ${y.containerTop.valuePercentage(t)};
+}
+`,Ge=({windowSize:t})=>_.keyframes`
+0% {
+  top: ${y.containerTop.valuePercentage(t)};
+}
+100% {
+  top: 100%;
+}
+`,We=d.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  background: ${t=>t.theme.colors.grey5};
+  border-radius: ${e.Space.sp2};
+  position: relative;
+  top: ${t=>t.fade?"100%":y.containerTop.valuePercentage(t.windowSize)};
+  padding: ${t=>`${e.Space.sp7}  ${y.containerPaddingLeftRight.valuePx(t.windowSize)}`};
+  width: ${t=>y.width.valuePx(t.windowSize)};
+  animation: ${t=>Ve(t)} 0.25s linear;
+  box-shadow: ${e.Colors.Elevation2Dark};
+`,Je=d(e.H6Medium)`
+  margin-bottom: ${e.Space.sp5};
+  color: ${t=>t.theme.colors.primary};
+  word-break: break-word;
+`,Ke=d.div`
+  margin-right: ${e.Space.sp3};
+  height: ${e.Space.sp7};
+  width: ${e.Space.sp7};
+  background-color: ${t=>t.theme.mode==="dark"?t.theme.colors.brandColorJadeDark:t.theme.colors.brandColorJadeLight};
+  border-radius: ${e.Space.sp4};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Ye=d(e.StandardRegular)`
+  width: calc(100% - ${e.Space.sp7});
+  color: ${t=>t.theme.colors.primary};
+  text-align: start;
+`,Ze=d.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${e.Space.sp5};
+`,Qe=d.div`
+  display: flex;
+  align-items: center;
+  padding: ${e.Space.sp2} ${e.Space.sp3};
+  border-radius: ${e.Space.sp2};
+  cursor: ${t=>t.showCopyIcon?"pointer":"default"};
+  border: 1px solid
+    ${t=>t.showCopyText?t.theme.colors.champion:t.theme.colors.primary};
+`,Xe=d(e.SvgCopy)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  cursor: pointer;
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,et=d.div`
+  display: flex;
+  align-items: center;
+  color: ${t=>t.showCopyText?t.theme.colors.primary:t.theme.colors.grey1};
+`,tt=d(e.StandardMedium)`
+  margin-right: ${e.Space.sp2};
+  color: ${t=>t.showCopyText?t.theme.colors.champion:t.theme.colors.primary};
+`,nt=d(e.SvgTickRoundFill)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: ${e.Colors.success};
+`,ot=d(e.SvgClose)`
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  color: ${t=>t.theme.colors.hero};
+  position: fixed;
+  top: ${e.Space.sp3};
+  right: ${e.Space.sp4};
+  cursor: pointer;
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,at=d.div`
+  width: 100%;
+`,st=d(e.ExtraSmallRegular)`
+  color: ${t=>t.theme.colors.primary};
+  position: absolute;
+  bottom: 22px;
+`,M=e.appLocale.getLocalizedStrings().common.copyToClipBoard;function it(t){const p=e.useWindowSizeContext(),[,r]=e.useCopyToClipboard(),[i,m]=b.useState(!0),[S,s]=b.useState(!1),[o,l]=b.useState(!1),{isMobileOrTabletScreen:a}=e.useDeviceDetect(),T=()=>{if(i){const g=t.botEmail;r(g),m(!1)}},f=()=>{s(!0)},v=()=>{s(!1)};return b.useEffect(()=>{i===!1&&setTimeout(()=>{m(!0)},2e3)},[i]),n.jsxRuntimeExports.jsx(He,{windowSize:p,role:"presentation",style:{background:e.Colors.overlayDark,...t.style},children:n.jsxRuntimeExports.jsx(n.ClickAwayListener,{onClickAway:()=>{l(!0),setTimeout(()=>t.onCancelClick?.(),250)},children:n.jsxRuntimeExports.jsxs(We,{windowSize:p,className:o?"fade":"",fade:o,children:[n.jsxRuntimeExports.jsx(ot,{onClick:()=>{l(!0),setTimeout(()=>t.onCancelClick?.(),250)}}),n.jsxRuntimeExports.jsx(Je,{children:t.title}),n.jsxRuntimeExports.jsx(at,{children:t.descriptionLines.map((g,c)=>n.jsxRuntimeExports.jsxs(Ze,{children:[n.jsxRuntimeExports.jsx(Ke,{children:g.icon}),n.jsxRuntimeExports.jsx(Ye,{windowSize:p,children:g.text})]},c))}),n.jsxRuntimeExports.jsxs(Qe,{onClick:T,onMouseOver:f,onMouseLeave:v,showCopyIcon:i,showCopyText:S,children:[n.jsxRuntimeExports.jsx(tt,{showCopyText:S,children:t.botEmail}),i?n.jsxRuntimeExports.jsx(et,{windowSize:p,showCopyText:S&&!a,children:n.jsxRuntimeExports.jsx(Xe,{})}):n.jsxRuntimeExports.jsx(nt,{})]}),n.jsxRuntimeExports.jsx(st,{children:i?S&&!a?M.copy:null:M.copied})]})})})}const F=e.appLocale.getLocalizedStrings(),u=F.spendManagement,{common:{texts:{comments:rt}},collaboration:{threads:{placeholder:{addANewComment:lt,replyAComment:ct},tooltip:{resolveComment:dt,unResolveComment:pt}}}}=F,mt={drawerSectionPaddingLeftRight:new e.ResponsiveSized(e.sp[4],e.sp[5])},ut=n.loadable$2(()=>Promise.resolve().then(()=>require("./SpendManagementPerTabPage-IitUgqxT.cjs"))),ht=t=>{const p=n.useTheme(),r=e.useGlobalInfoContext(),i=e.useWindowSizeContext(),{transactionList:m,allSubTabs:S,isAdmin:s,botEmail:o,isEmployee:l=!1,currentTab:a,currentSubTab:T,approvalCount:f,fetchState:v,analytics:g,entity:c,uiState:z,searchText:R,filters:U,vendorSearchAutoCompleteData:q,vendorSearchAutoCompleteActions:H,createdByUserList:V,createdByUserListFetchState:j,downloadParams:G,downloadState:W,isDownloadEnabled:J,isShowDeletedBillsEnabled:K,isShowDeletedReimbursementEnabled:Y,isListeningToPusherEventForBillPayApprovalRules:Z,isListeningToPusherEventForReimbursementApprovalRules:Q,isBillPayCommentingEnabled:I,isReimbursementCommentingEnabled:k,isDetectInsufficientFundsEnabled:X=!1,updateTabToState:ee,onSubtabChange:B,onReloadTransactions:te,onTransactionClick:$,onClickSetupIcon:P,onBackClick:ne,onAddTransactionClick:oe,onColumnSortConfigChanged:ae,onSearchTextChanged:se,onClickMenuIcon:ie,onFiltersChange:re,updateDownloadStateHandler:le,bulkSubmissionLimit:ce=10,isBulkActionAllowed:de=!1,isRecurringBillInBulkActionList:pe=!1,transactionsSelectedForBulkAction:me=[],allowedBulkActions:ue=[],bulkSubmissionFetchState:he,updateBulkActionList:xe,removeAllTransactionsFromBulkActionList:be,onProceedForBulkActionClick:Se}=t,ge=["draft","pending_approval","scheduled","paid"],ye=h=>{$(h,a)},Ce=n.jsxRuntimeExports.jsx(ut,{botEmail:o,transactionList:m,allSubTabs:S,isAdmin:s,selectedTab:a,selectedSubTab:T,fetchState:v,onSubtabChange:B,onTransactionRowClick:ye,onReloadTransactions:te,onColumnSortConfigChanged:ae,analytics:g,entity:c,uiState:z,searchText:R,isShowDeletedBillsEnabled:K,isShowDeletedReimbursementEnabled:Y,isListeningToPusherEventForBillPayApprovalRules:Z,isListeningToPusherEventForReimbursementApprovalRules:Q,isBillPayCommentingEnabled:I,isReimbursementCommentingEnabled:k,bulkSubmissionLimit:ce,isBulkActionAllowed:de,isRecurringBillInBulkActionList:pe,transactionsSelectedForBulkAction:me,isDetectInsufficientFundsEnabled:X,allowedBulkActions:ue,bulkSubmissionFetchState:he,updateBulkActionList:xe,removeAllTransactionsFromBulkActionList:be,onProceedForBulkActionClick:Se}),Te=h=>{ee(h),B("all")},fe=x.hasOnlyBillPayAccess(r.loggedInUserRoleMap),[L,ve]=b.useState(!1),[we,O]=b.useState(!1),Ee=h=>{ve(h)},Re=c==="bill_pay"?x.hasBillPayAdminLevelAccess(r.loggedInUserRoleMap):x.hasReimbursementAdminLevelAccess(r.loggedInUserRoleMap),je={entity:c,showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!0,newButtonLabel:"New",isSearchOpen:L,searchPlaceHolder:c==="bill_pay"?u.billPay.billsByTabs.searchPlaceHolder:u.reimbursement.reimbursementByTabs.searchPlaceHolder,searchText:R,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:Re,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:J===!1,downloadParams:G,downloadState:W,filters:U,vendorSearchAutoCompleteData:q,vendorSearchAutoCompleteActions:H,createdByUserListLoaded:c==="bill_pay"||x.hideCreatedByFilter(r.loggedInUserRole??[])?!0:j==="Completed"||j==="Error",analytics:g,onNewButtonClick:oe,onSearchOpen:Ee,onSearchTextChanged:se,onClickSetupIcon:P,onClickEmailInfoIcon:()=>O(!0),onFiltersChange:re,getFilterOptions:c==="bill_pay"||c==="reimbursement"?()=>N(c,V??[],r.loggedInUserRole??[],[]):void 0,updateDownloadStateHandler:le},Ie=n.jsxRuntimeExports.jsx(ze.SpendManagementSection,{spendManagementSectionProps:je}),[ke,Be]=b.useState(null),[$e,w]=b.useState(!1),{setRequestToOpenThread:Pe}=b.useContext(e.ThreadsContext),Le=`dashboard_${r.currentTenant?.companyId}`,A=c==="bill_pay"?"bill":"reimbursement",{threads:Oe}=e.useFilteredThreads({application:"dashboard",companyId:r.currentTenant?.companyId,tab:A,entityId:ke?.entityId,isGlobalComment:!1},"both",!1),Ae={openAllThreadsDrawer:h=>{Be({...h}),w(!0)}},De=(h,E)=>{const{companyId:Me,entityId:_e,entityType:Fe}=h;w(!1),Pe({threadId:E,companyId:Me,entityType:Fe}),$(_e,a)};return n.jsxRuntimeExports.jsx(e.ComponentConnectProvider,{sharedItems:{sharedFunctions:{subtreeFunctions:Ae},sharedRef:void 0},children:n.jsxRuntimeExports.jsxs(xt,{children:[n.jsxRuntimeExports.jsx(e.NavBar,{source:"SpendManagementListViewPage",title:c==="bill_pay"?u.billPay.billsByTabs.pageTitle:u.reimbursement.reimbursementByTabs.pageTitle,showBackButton:!l&&!fe,showMenuIcon:i==="medium-compact"||i==="small",backgroundColor:p.colors.grey4,style:{zIndex:3,...e.textStyles.largeSemiBold.cssObject},onBackClick:ne,rightSideComponent:Ie,onClickMenuIcon:ie,isSearchOpen:L}),n.jsxRuntimeExports.jsxs(bt,{children:[n.jsxRuntimeExports.jsx(St,{children:n.jsxRuntimeExports.jsx(Ue.TabSwitcher,{tabIds:ge,approvalCount:f,selectedTab:a,entity:c,enablePerformanceTracking:!1,onTabSelectedChange:Te,onClickSetupIcon:P})}),Ce]}),we?n.jsxRuntimeExports.jsx(it,{botEmail:o,onCancelClick:()=>O(!1),title:c==="bill_pay"?u.billPay.billsByTabs.emailInfoTitle:u.reimbursement.reimbursementByTabs.emailInfoTitle,descriptionLines:c==="bill_pay"?[{icon:n.jsxRuntimeExports.jsx(D,{width:e.Space.sp4,height:e.Space.sp4}),text:u.billPay.billsByTabs.emailInfoDescription1},{icon:n.jsxRuntimeExports.jsx(e.SvgVendors,{width:e.Space.sp4,height:e.Space.sp4}),text:u.billPay.billsByTabs.emailInfoDescription2},{icon:n.jsxRuntimeExports.jsx(e.SvgProTip,{width:e.Space.sp4,height:e.Space.sp4}),text:u.billPay.billsByTabs.emailInfoDescription3}]:[{icon:n.jsxRuntimeExports.jsx(D,{width:e.Space.sp4,height:e.Space.sp4}),text:u.reimbursement.reimbursementByTabs.emailInfoDescription1},{icon:n.jsxRuntimeExports.jsx(e.SvgBills,{width:e.Space.sp4,height:e.Space.sp4}),text:u.reimbursement.reimbursementByTabs.emailInfoDescription2},{icon:n.jsxRuntimeExports.jsx(e.SvgProTip,{width:e.Space.sp4,height:e.Space.sp4}),text:u.reimbursement.reimbursementByTabs.emailInfoDescription3}]}):null,c==="bill_pay"&&I||c==="reimbursement"&&k?n.jsxRuntimeExports.jsx(Ne.RoomProvider,{id:Le,children:n.jsxRuntimeExports.jsx(e.AllThreadsDrawer,{isDrawerOpen:$e,allowComposer:!1,drawerTitle:rt,threads:Oe,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:r.currentTenant?.companyId,isGlobalComment:!1,tab:A},isLoading:!1,textOverrides:{composerPlaceholder:lt,replyComposerPlaceholder:ct,threadResolve:dt,threadUnResolve:pt},onThreadClick:(h,E)=>De(h,E),onCloseAllThreadsDrawer:()=>w(!1),drawerSectionStyle:{width:i==="small"?"100%":"400px",boxSizing:i==="small"?"border-box":"content-box",padding:`${e.Space.sp0} ${mt.drawerSectionPaddingLeftRight.valuePx(i)}`,backgroundColor:p.colors.background},collapsibleThreadStyle:{width:i==="small"?"100%":"360px"}})}):null]})})},N=(t,p,r,i)=>{const m=u.filters.filterOptions;return t==="bill_pay"?x.BILL_PAY_FILTER_CATEGORIES.reduce((s,o)=>{switch(o.value){case"amount":return{...s,[o.value]:m.billAmountOptions};case"paymentMethod":return{...s,[o.value]:m.paymentMethodOptions};case"status":return{...s,[o.value]:[...m.commonStatusOptions,...m.billStatusOptions]};case"paymentType":return{...s,[o.value]:m.billPaymentTypeOptions};default:return{...s,[o.value]:[]}}},{}):t==="reimbursement"?(x.hideCreatedByFilter(r)?x.REIMBURSEMENT_FILTER_CATEGORIES_RESTRICTED:x.REIMBURSEMENT_FILTER_CATEGORIES).reduce((s,o)=>{switch(o.value){case"createdBy":{if(p?.length===0)return{...s,[o.value]:[]};const l=p.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]:m.paymentMethodOptions};case"status":return{...s,[o.value]:m.commonStatusOptions};case"amount":return{...s,[o.value]:m.reimbursementAmountOptions};default:return{...s,[o.value]:[]}}},{}):x.TASK_LIST_FILTER_CATEGORIES.reduce((s,o)=>{switch(o.value){case"assignee":{if(p?.length===0)return{...s,[o.value]:[]};const l=p.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]:[...x.allTaskStatus.map(l=>({label:l.name,value:l.code}))]};case"priority":return{...s,[o.value]:[...x.allTaskPriority.map(l=>({label:l.name,value:l.code}))]};case"tag":return{...s,[o.value]:[...i.map(l=>({label:l.name,value:l.tagId}))]};default:return{...s,[o.value]:[]}}},{})},xt=d.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,bt=d.div`
+  display: block;
+  flex-wrap: wrap;
+  justify-content: center;
+  height: calc(100vh - ${e.Space.sp10});
+`,St=d.div`
+  display: flex;
+  margin-top: ${e.Space.sp3};
+  justify-content: center;
+`;exports.default=ht;exports.getDashboardFilterCategoryValues=N;