@zeniai/web-cockpit-ui 1.15.55-dev → 1.15.56-dev

package/dist/assets/TrendWithTransactions-CmQO_iYM-CWBGfczA.js

@@ -1,116 +0,0 @@
-import{Q as H,V as t,L as z,o as r,b as D,ac as S,b5 as E,x as c,b9 as I,e as V,u as a,an as A,d as Q}from"./index-DceSoL0X.js";import{a as k}from"./sentry-DSwgNZrO.js";import{n}from"./mui-B9ZZxqGv.js";import q from"./TrendChart-DWFAkD1M-rLrsd-Rc.js";import{C as K}from"./NoDataChart-BO4tisNf-D8owAUYk.js";import{F as W}from"./InsightsSection-CbrrmEg4-D4vQ_6my.js";import{D as Z}from"./TransactionList-BWV8LDN--T7E1cgUU.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]="4adb0dee-427f-4894-9617-95f06f3bc3f7",e._sentryDebugIdIdentifier="sentry-dbid-4adb0dee-427f-4894-9617-95f06f3bc3f7")}catch{}})();const G=n.div`
-  display: inline-block;
-`,J=n.div`
-  background-color: ${e=>e.theme.colors.grey3};
-  display: flex;
-  align-items: center;
-  padding: ${r.sp0} ${r.sp3};
-  border-radius: ${r.sp6};
-  height: ${r.sp6};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    background-color: ${e=>e.theme.colors.grey2};
-    color: ${e=>e.theme.colors.primary};
-  }
-`,U=n.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-`,X=n(A)`
-  margin-right: ${r.sp2};
-`,ee=n(Q)`
-  width: ${r.sp3};
-  height: ${r.sp3};
-  color: inherit;
-  &:hover {
-    color: inherit;
-  }
-`;function te({selectedTimeframeTick:e,onTimeFilterClosed:i}){const d=()=>{i?.()};return t.jsx(G,{children:t.jsx(J,{onClick:d,"data-testid":S("time-filter-indicator"),children:t.jsxs(U,{children:[t.jsx(X,{children:ie(e)}),t.jsx(ee,{preserveAspectRatio:"none"})]})})})}const ie=e=>{const i=e.startDate,d=D.getLocalizedStrings();return`${i.format(d.dateFormat.visual.MMMYYFormat)}`},re={filterMarginLeft:new c(a[3],a[8])},ne=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  width: 100%;
-  flex-direction: column;
-`,ae=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  margin: ${r.sp0};
-`,oe=n.div`
-  margin: ${e=>`${r.sp4} ${r.sp0} ${r.sp3} 
-    ${re.filterMarginLeft.valuePx(e.windowSize)}`};
-`,se=n.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin-top: ${r.sp8};
-`;function de({firstMonthOfFY:e,selectedTimePeriod:i,showSelectedPeriodTags:d,fetchState:o,transactions:l,isDetailPage:g,onTransactionItemClick:f,onSelectedTimePeriodClear:h,onLoadPreviousTransactionsClick:x,onTransactionListHeightChanged:w}){const $=o==="In-Progress"||o==="Not-Started",P=l.length===0&&$,v=l.length>0&&$,y=g!==!0&&d!==!0?{isLoading:v&&(o==="In-Progress"||o==="Not-Started"),onLoadPreviousClick:(M,b)=>{x?.(M,b)}}:void 0,m=H();return t.jsx(ne,{"data-testid":S("trend-transactions-list-container"),children:P===!1?t.jsxs(t.Fragment,{children:[g===!1&&d===!0&&i!=null&&t.jsx(oe,{windowSize:m,children:t.jsx(te,{selectedTimeframeTick:i,onTimeFilterClosed:h})}),i!=null&&t.jsx(ae,{"data-testid":S("trend-transactions-list"),children:t.jsx(Z,{firstMonthOfFY:e,timeframe:"quarter",timePeriod:i,transactions:l,isFirstLotLoading:$&&!v,componentName:"trend.transactions.list",trackPerformance:!1,onTransactionItemClick:f,showLoadPrevious:y,onListInnerElementHeightChanged:w})})]}):t.jsx(se,{children:t.jsx(z,{size:"Standard",start:!0})})})}const s={headingMarginLeftRight:new c(a[3],a[8]),headingMarginTop:new c(a[3],a[6]),headingMarginTopDetail:new c(0,0),headingMarginBottom:new c(a[4],a[5]),chartMarginLeftRight:new c(a[3],a[8]),smallHeadingMarginTop:new c(a[7],a[5]),smallHeadingMarginBottom:new c(a[4],a[3])},T={trendChartHeight:360,emptyTrendChartHeight:new c(360,432),selectedTimeHeight:136,loaderTrendChartHeight:new c(470,470)},le=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.isDetailPage===!0||e.page==="vendorDetailPage"?e.theme.colors.grey4:e.theme.colors.grey5};
-`,ce=n.div`
-  display: flex;
-  justify-content: center;
-  padding: ${r.sp6} ${r.sp8};
-`,ge=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  height: 360px;
-  margin: ${e=>`${r.sp0} ${s.chartMarginLeftRight.valuePx(e.windowSize)}`};
-  margin-bottom: ${e=>e.bottomMarginNeeded===!0?r.sp8:r.sp0};
-`,he=n(V)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${e=>s.headingMarginTop.valuePx(e.windowSize)};
-  margin-left: ${e=>s.headingMarginLeftRight.valuePx(e.windowSize)};
-  margin-bottom: ${e=>s.headingMarginBottom.valuePx(e.windowSize)};
-  margin-right: ${e=>s.headingMarginLeftRight.valuePx(e.windowSize)};
-`,me=n(I)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${e=>s.smallHeadingMarginTop.valuePx(e.windowSize)};
-  margin-left: ${e=>s.headingMarginLeftRight.valuePx(e.windowSize)};
-  margin-bottom: ${e=>s.smallHeadingMarginBottom.valuePx(e.windowSize)};
-  margin-right: ${e=>s.headingMarginLeftRight.valuePx(e.windowSize)};
-`,fe=n(I)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${e=>s.headingMarginTopDetail.valuePx(e.windowSize)};
-  margin-left: ${e=>s.headingMarginLeftRight.valuePx(e.windowSize)};
-  margin-bottom: ${e=>s.headingMarginBottom.valuePx(e.windowSize)};
-  margin-right: ${e=>s.headingMarginLeftRight.valuePx(e.windowSize)};
-`,pe=n.div`
-  display: flex;
-  margin: ${r.sp0} ${r.sp8};
-`,ue=n.div`
-  display: flex;
-  flex-direction: column;
-  flex: 1 1 auto;
-  height: ${e=>e.height}px;
-`,xe=n.div`
-  position: relative;
-  box-shadow: ${e=>e.page==="vendorDetailPage"?"unset":`${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
-  background-color: ${e=>e.page==="vendorDetailPage"?e.theme.colors.grey4:e.theme.colors.grey5};
-`,we=n.div`
-  position: relative;
-`,$e=n.div`
-  flex: 1 1 auto;
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Pe=n.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: ${e=>e.isDetailPage===!0?"inherited":"100vh"};
-  margin-top: ${r.sp8};
-`,ve=n.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: ${e=>T.loaderTrendChartHeight.valuePx(e.windowSize)};
-  margin-top: ${r.sp8};
-`;function ze({firstMonthOfFY:e,trendWithTransactionsReport:i,graphColor:d,isDetailPage:o,initialTransactionListHeight:l=5,page:g,onTransactionItemClick:f,onTimePeriodChange:h}){const x=i.fetchState!=="Completed",w=i.selectedPeriod??{timeframe:"quarter",timePeriod:i.transactionTimePeriod},$="month",P=w?.timeframe==="month",v=i.trendReport?.dataAvailable==null,y=()=>i.trendReport?.fetchState==="In-Progress"&&i.fetchState==="Completed",m=i.trendReport?.trendReport,M=()=>{h?.("TransactionList")},b=(p,u)=>{const L={timeframe:u,addTimePeriod:p,currentTimePeriod:i.selectedPeriod?.timePeriod};h?.("TransactionListLoadMore",L)},j=H(),[Y,O]=k.useState(l),C=k.useRef(null),F=()=>{const p=m?.insights!=null&&m?.insights.length>0;return t.jsxs(t.Fragment,{children:[v?y()?t.jsx(ve,{windowSize:j,children:t.jsx(z,{size:"Standard",start:!0})}):t.jsx(pe,{children:t.jsx(K,{title:D.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(ge,{windowSize:j,"data-testid":S("trend-with-transactions-chart",g),bottomMarginNeeded:!p,children:t.jsx(E,{children:({height:u,width:L})=>t.jsx(t.Fragment,{children:t.jsx(q,{firstMonthOfFY:e,trendReport:m,timeframe:$,selectedTimePeriod:P===!0?w?.timePeriod:void 0,graphColor:d,onTimeframeSelectionChanged:(B,_)=>{h?.("Chart",{timeframe:B,addTimePeriod:_})},width:L,height:u})})})}),m?.insights!=null&&m?.insights.length>0&&t.jsx(ce,{ref:C,children:t.jsx(W,{insights:m?.insights})})]})},R=p=>t.jsx(t.Fragment,{children:t.jsx(de,{firstMonthOfFY:p.firstMonthOfFY,selectedTimePeriod:w?.timePeriod,showSelectedPeriodTags:P,isDetailPage:o,fetchState:i.transactionView?.fetchState??"Not-Started",transactions:i.transactionView?.transactions??[],onTransactionItemClick:f,onLoadPreviousTransactionsClick:b,onSelectedTimePeriodClear:M,onTransactionListHeightChanged:u=>{O(u)}})}),N=p=>{const u=C.current!=null?C.current.clientHeight:56;return(v===!0?T.emptyTrendChartHeight.value(j):T.trendChartHeight)+(P===!0?T.selectedTimeHeight:0)+u+p};return t.jsx(le,{page:g,isDetailPage:o,children:x===!0?t.jsx(Pe,{isDetailPage:o,children:t.jsx(z,{size:"Standard",start:!0})}):t.jsxs(t.Fragment,{children:[t.jsx(je,{windowSize:j,report:i,isDetailPage:o,page:g}),t.jsx(ue,{windowSize:j,height:N(Y),children:o===!0?t.jsxs(t.Fragment,{children:[t.jsx(we,{children:t.jsx(F,{})}),t.jsx(R,{firstMonthOfFY:e})]}):t.jsxs(t.Fragment,{children:[t.jsx(xe,{page:g,children:t.jsx(F,{})}),t.jsx($e,{children:t.jsx(R,{firstMonthOfFY:e})})]})})]})})}const je=({windowSize:e,report:i,isDetailPage:d,page:o})=>{const l=i.trendReport?.trendReport;if(l==null)return null;const g=l?.balancesKind==="income"?l.customer.name:l.vendor.name,f=D.getLocalizedStrings().reports.trend[l?.balancesKind],h=S("trend-with-transactions-chart-container-title",o);if(d)return t.jsx(fe,{windowSize:e,"data-testid":h,children:f});const x=g+" "+f;return o==="vendorDetailPage"?t.jsx(me,{windowSize:e,"data-testid":h,children:f}):t.jsx(he,{windowSize:e,"data-testid":h,children:x})};export{ze as R};

package/dist/assets/UploadAdditionalDocumentOverlay-CF3ZYMeP-BxK_8i6B.js

@@ -1,38 +0,0 @@
-import{aa as U,fE as b,aS as k,Q as R,b as W,cJ as A,V as i,ae as q,ac as J,fF as Q,o as a,p as X,cW as G,aT as H,x,d as K,e as Y,bc as Z,bb as ee,u as c}from"./index-DceSoL0X.js";import{a as f}from"./sentry-DSwgNZrO.js";import{n as o}from"./mui-B9ZZxqGv.js";import{FC as te}from"./zeni-epic-state-BKQAT3eK.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},m=new e.Error().stack;m&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[m]="028d4e8d-043a-44d0-9388-802d17363cfc",e._sentryDebugIdIdentifier="sentry-dbid-028d4e8d-043a-44d0-9388-802d17363cfc")}catch{}})();const F={marginRight:new x(c[3],c[8]),marginLeft:new x(c[3],c[8]),height:new x(c[5],62)},u="additionalDocumentsForm",s="ssnCard";function pe(e){const{filesEndPoint:m,authParams:S,companyOfficer:t,updateStatus:p,onClose:$,onEditFileName:D,onDeleteFile:E,updateFilesEntity:P,onSendForVerificationClick:v,onCompanyOfficerUpdated:z}=e,n=U({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>({additionalDocumentsForm:{selectDocumentType:s,front:b(!0,t?.additionalFiles??[],s)}}),[t?.additionalFiles])}),[C,w]=f.useState(!1),[T,N]=f.useState(!1),I=k(p.fetchState),j=t?.deleteFileStatusById??{},O=t?.updateFileStatusById??{},V=Object.values(j??{}).filter(l=>l!=null),B=te(V);f.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&n.reset({additionalDocumentsForm:{selectDocumentType:s,front:b(!0,t?.additionalFiles??[],s)}})},[I,p,n,t?.additionalFiles]);const r=R(),g=W.getLocalizedStrings().commonSetUp.businessVerification,{additionalDocumentsOverlay:y}=g,L=`${y.officerInfoLabel} ${t?.firstName??""} ${t?.lastName??""}`,_=n.handleSubmit(()=>{B.fetchState!=="In-Progress"&&v?.(t?.officerType??"Officer_1")}),M=async(l,h)=>{const d=h[u].front;l.includes("front")&&d?.fileId!=null?(z?.(t?.officerType??"Officer_1",[d?.fileId]),w(!0)):w(!1)};return f.useEffect(()=>{const l=n.watch((h,{name:d})=>{d!=null&&h!=null&&A(()=>M(d,h))});return()=>{l.unsubscribe()}}),i.jsx(q,{...n,children:i.jsxs("form",{id:u,onSubmit:_,children:[i.jsxs(re,{size:r,children:[i.jsx(le,{size:r,children:i.jsx(ne,{size:r,onClick:$,"data-testid":J("upload-additional-documents-close",u)})}),i.jsxs(de,{children:[i.jsx(ie,{children:y.title[s]}),i.jsx(ae,{children:y.description[s]})]}),i.jsx(oe,{children:i.jsx(se,{children:L})}),i.jsx(Q,{name:u,allFiles:t?.additionalFiles??[],label:{width:276},sizeLimit:G,style:{width:"100%",borderRadius:a.sp2,boxShadow:`${a.sp0} 1px 2px ${a.sp0} ${X.boxShadowElevation}`},isDocumentSelectDisabled:!0,defaultValue:{defaultSelectDocumentType:s,allSelectDocumentType:[s],files:{front:b(!0,t?.additionalFiles??[],s)}},acceptableTypes:["image/jpg","image/jpeg","image/png","image/heic","image/heif"],officerIndex:0,deleteFileStatusById:j,updateFileStatusById:O,filesEndPoint:m,authParams:S,hasError:T,onEditFileName:D,onDeleteFile:E,updateFilesEntity:P,onFileSizeError:l=>N(l),registerOptions:{required:!0},companyOfficerName:{firstName:t?.firstName??"",lastName:t?.lastName??""},showWebCamPopUpCloseIcon:!1})]}),C?i.jsx(H,{formId:u,primaryBtn:{label:g.sendForVerificationButton,style:{width:"auto",minWidth:r==="small"?"auto":"181px"},isLoading:p.fetchState==="In-Progress"},cancelBtn:{label:g.cancel,style:{width:r==="small"?"auto":"181px"},onClick:$},style:{position:"absolute",width:"100%"}}):null]})})}const ie=o(Y)`
-  margin-top: 19px;
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${a.sp2};
-  display: flex;
-  justify-content: flex-start;
-`,ae=o(Z)`
-  color: ${e=>e.theme.colors.hero};
-  white-space: pre-line;
-  display: flex;
-  justify-content: flex-start;
-`,se=o(ee)`
-  color: ${e=>e.theme.colors.primary};
-  white-space: pre-line;
-`,oe=o.div`
-  padding: ${a.sp3} ${a.sp0};
-`,le=o.div`
-  height: ${e=>F.height.valuePx(e.size)};
-`,ne=o(K)`
-  cursor: pointer;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  position: absolute;
-  right: ${e=>e.size==="small"?a.sp4:a.sp8};
-  top: 19px;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,re=o.div`
-  margin-right: ${e=>F.marginRight.valuePx(e.size)};
-  margin-left: ${e=>F.marginLeft.valuePx(e.size)};
-`,de=o.div`
-  padding: ${a.sp3} ${a.sp0};
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-`;export{pe as g};

package/dist/assets/VendorACHDetailsPage-C4ZWGPWZ-DEvx49Vu.js

@@ -1 +0,0 @@
-import{V as p}from"./index-DceSoL0X.js";import{a as m}from"./sentry-DSwgNZrO.js";import{f as u}from"./ACHDetailsPage-C98HijMx-DIRaMQaw.js";import"./liveblocks-C3olwiFW.js";import"./core-CddRDKK5.js";import"./recharts-Df6P8LTk.js";import"./zeni-epic-state-BKQAT3eK.js";import"./mui-B9ZZxqGv.js";import"./lottie-DHSNlrty.js";import"./analytics-BBPxpXjb.js";import"./lexical-CRAxrDKi.js";import"./utils-bhjg_GlW.js";import"./BankAccountWarningSection-CqyeSTWe-C-YFtMtw.js";import"./MagicLinkTitleSection-D1tjQ-VI-B06aRvZu.js";import"./BankAccountSection-BvIYx2co-BamiC5Ie.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new t.Error().stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="10afd7c1-0429-4b99-aedf-f7fc5c7b1a81",t._sentryDebugIdIdentifier="sentry-dbid-10afd7c1-0429-4b99-aedf-f7fc5c7b1a81")}catch{}})();const I=({vendorViewDetails:t,bankAccountContext:e,isDisabled:n,onSaveHandler:i,onACHDetailsUpdated:r,onBackClick:a,onFetchBankName:d})=>{const{bankAccountCreationState:o,bankNameByRouting:s,bankAccountToCreate:c,fetchBankNameByRoutingStatus:f}=t;return m.useEffect(()=>{(e==="vendor"&&o?.fetchState==="Completed"||t.editVendorState?.saveStatus.fetchState==="Completed"&&e!=="express-pay")&&a()},[o,t.editVendorState?.saveStatus.fetchState,e,a]),p.jsx(u,{bankAccountToCreate:c,bankAccountCreationState:o,bankNameByRouting:s,fetchBankNameByRoutingStatus:f,isDisabled:n,onSaveHandler:i,onACHDetailsUpdated:r,onBackClick:a,onFetchBankName:d})};export{I as default};

package/dist/assets/VendorDetailPage-BaCVjTbp-CB0Ap7RS.js

@@ -1,257 +0,0 @@
-import{y as Ue,Q as ne,x as u,aG as Ce,cM as wt,aa as Ct,hl as $e,hm as $t,aX as St,cJ as Dt,V as t,bD as jt,ae as Tt,hn as Lt,ho as be,u as l,cK as _t,aT as Vt,bE as kt,b as R,hp as qe,hq as Ye,hr as Ge,o as s,bR as D,cN as It,ac as v,gV as Se,hs as Ot,cO as Pt,cP as Mt,cQ as zt,ht as Ft,gj as Nt,cX as Wt,hu as Rt,hv as Ht,p as W,b9 as Je,ak as Qe,bT as Bt,b1 as At,hw as Et,hx as Ut,an as qt,cq as Yt,dw as Gt,d5 as Jt,a_ as me,hy as Qt,cl as Xe,hz as Xt,O as De,M as Ke}from"./index-DceSoL0X.js";import{a as S}from"./sentry-DSwgNZrO.js";import{n as o,c as Kt}from"./mui-B9ZZxqGv.js";import{bi as je,GL as Zt,GM as ea}from"./zeni-epic-state-BKQAT3eK.js";import{R as ta}from"./SubTabSwitcher-JZ9r8Gvy-CmdEzTPr.js";import{D as aa}from"./TransactionList-BWV8LDN--T7E1cgUU.js";import{R as sa}from"./TrendWithTransactions-CmQO_iYM-CWBGfczA.js";import{o as oa,t as na}from"./arrow-south-east-round-PEovUgvH-CRAkJ5eu.js";import{C as la}from"./LabeledAddressValueField-BJl_17nw-BoellP6H.js";import{Y as ia}from"./LabeledDropDownFormattedTextField-Dy4sKbHt-B82hYqdR.js";import"./liveblocks-C3olwiFW.js";import"./core-CddRDKK5.js";import"./recharts-Df6P8LTk.js";import"./lottie-DHSNlrty.js";import"./analytics-BBPxpXjb.js";import"./lexical-CRAxrDKi.js";import"./utils-bhjg_GlW.js";import"./ConstrainedInnerElement-BeIpAPjB-D303BiU-.js";import"./BoxItem-F9HlKmjN-xqfWS_hX.js";import"./commonDimensions-CL818jc5-C1bPf58V.js";import"./panelSelectedMixin-Cddsb26L-BJi_hKr3.js";import"./TrendChart-DWFAkD1M-rLrsd-Rc.js";import"./chartTypes-Bka0fHvt-LIfMG0zS.js";import"./toCOABalancesWithID-D45JW5mT-zLfAfLgo.js";import"./toChartData-C9xZuC9A-cKZFGcPF.js";import"./NoDataChart-BO4tisNf-D8owAUYk.js";import"./InsightsSection-CbrrmEg4-D4vQ_6my.js";import"./NavigationDots-C2ylmmp9-BUZFmr7S.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="2bef4462-3da6-4343-8acd-f10109aa2acd",e._sentryDebugIdIdentifier="sentry-dbid-2bef4462-3da6-4343-8acd-f10109aa2acd")}catch{}})();const da=o.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-`,ra=o.div`
-  display: flex;
-  position: relative;
-  padding: 12px 12px 14px 12px;
-`,ca=o.div``,pa=o(Qe)`
-  color: ${e=>e.isDisabled?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
-  cursor: ${e=>e.isSelected&&!e.isDisabled?"default":"pointer"};
-  margin: ${e=>e.leftMargin?`${s.sp0} ${s.sp0} ${s.sp0} ${s.sp8}`:s.sp0};
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  &:hover {
-    color: ${e=>e.isDisabled?e.theme.colors.grey2:e.theme.colors.primary};
-  }
-`,ma=o.div`
-  height: 2px;
-  background-color: ${e=>e.theme.colors.primary};
-  border-radius: 1px;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  transition: left 0.25s;
-
-  ${e=>e.optionCss?Kt`
-          ${e.optionCss}
-        `:null}
-`,ha=e=>{let a="";return e.forEach(d=>{a=`${a}
-      &.${d.id} {
-        width: ${d.style.width}px;
-        left: ${d.style.left}%;
-      }`}),a};function ga({option:e,isSelected:a,onClick:d}){const i=n=>n.label;return t.jsx(pa,{onClick:()=>{a===!1&&!(e.disabled??!1)&&d(e)},isSelected:a,leftMargin:e.leftMargin,isDisabled:e.disabled??!1,"data-testid":v("nav-switcher-tab",e.id),children:t.jsx(ca,{children:i(e)})})}function ua({allTabs:e,selectedTab:a,containerStyle:d,onOptionSelectionChanged:i}){const n=c=>{i(c)};return t.jsx(da,{style:d,children:t.jsxs(ra,{children:[e.map(c=>t.jsx(ga,{option:c,isSelected:c===a,onClick:n},c.id)),t.jsx(ma,{className:`Slider ${a.id}`,optionCss:ha(e)})]})})}const M={logoWidth:new u(l[6],l[6]),logoHeight:new u(l[6],l[6]),pageHeaderHorizontalPadding:new u(l[3],l[3],l[8]),pageHeaderVerticalPadding:new u(l[2],l[2],l[4]),spendTrendsColumnGap:new u(l[1],l[1],l[4],l[11]),spendTrendsMarginBottom:new u(l[2],l[2],l[4]),spendTrendHeadingSkeletonWidth:new u(90,90,120,150)},Ze={spendValue:new De("standardMedium","largeSemiBold"),spendDuration:new De("extraSmallRegular","standardRegular")},va=o.div`
-  padding: ${e=>`${M.pageHeaderVerticalPadding.valuePx(e.size)} ${M.pageHeaderHorizontalPadding.valuePx(e.size)}`};
-  display: flex;
-  justify-content: space-between;
-  box-shadow: ${s.sp0} 2px ${s.sp1} ${W.boxShadowElevation};
-  flex-direction: ${e=>e.isMobile===!0?"column":"row"};
-  align-items: ${e=>e.isMobile?"flex-start":"center"};
-  row-gap: ${s.sp3};
-  margin-bottom: ${e=>M.spendTrendsMarginBottom.valuePx(e.size)};
-  background-color: ${e=>e.theme.colors.grey5};
-`,Te=o.div`
-  display: flex;
-  column-gap: ${e=>e.isMobile===!0?"unset":M.spendTrendsColumnGap.valuePx(e.size)};
-  justify-content: space-between;
-  width: ${e=>e.isMobile===!0?"100%":"unset"};
-  align-items: center;
-`,Le=o.div`
-  display: flex;
-  column-gap: ${s.sp3};
-  align-items: center;
-  max-width: ${e=>e.isMobile===!1?"50%":"unset"};
-`,he=o(Ke)`
-  ${e=>`${Ze.spendDuration.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.hero};
-`,ge=o(Ke)`
-  ${e=>`${Ze.spendValue.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: ${e=>e.isMobile===!0?"left":"right"};
-`,ya=o.div`
-  background-color: ${e=>e.theme.colors.graphColor34Light};
-  color: ${W.importantDark};
-  padding: ${s.sp1} 12px;
-  border-radius: 50px;
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp1};
-  cursor: pointer;
-  svg {
-    color: ${W.importantDark};
-  }
-`,ba=o.div`
-  background-color: ${W.successLight};
-  color: ${W.successDark};
-  padding: ${s.sp1} 12px;
-  border-radius: 50px;
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp1};
-  cursor: pointer;
-
-  svg {
-    color: ${W.successDark};
-  }
-`,xa=o.div`
-  background-color: ${e=>e.theme.colors.grey3};
-  color: ${e=>e.theme.colors.hero};
-  padding: ${s.sp1} 12px;
-  border-radius: 50px;
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp1};
-  cursor: pointer;
-`,ue=o(Xe)``,_e=o(Xt)`
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-all;
-`,Ve=o(Xe)`
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-all;
-`,ke=o.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp3};
-`,fa=o.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${s.sp1};
-`,wa=o.div`
-  display: flex;
-  justify-content: ${e=>e.isMobile?"flex-start":"flex-end"};
-`,ve=o.div``,Ca=({spend:e,vendorName:a,vendorLogo:d,isPageLoading:i,isSpendTrendLoading:n,onPercentChangeClick:c})=>{const p=ne(),f=R.getLocalizedStrings().spendManagement.billPay.vendorCreation.vendorDetails.spends,h=p==="small"||p==="medium-compact",w=(j,g)=>g==null?null:j==="increased"?t.jsxs(ya,{onClick:c,"data-testid":v("vendor_detail_score_badge",g),children:[t.jsx(oa,{width:s.sp3,height:s.sp3}),t.jsx(ue,{children:g})]}):j==="decreased"?t.jsxs(ba,{onClick:c,"data-testid":v("vendor_detail_score_badge",g),children:[t.jsx(na,{width:s.sp3,height:s.sp3}),t.jsx(ue,{children:g})]}):t.jsx(xa,{onClick:c,"data-testid":v("vendor_detail_score_badge",g),children:t.jsxs(ue,{children:[g,"%"]})}),A=()=>i===!0?t.jsxs(Le,{isMobile:h,children:[t.jsx(Yt,{width:l[6],height:l[6]}),t.jsx(D,{width:140,height:l[6]}),t.jsx(D,{width:70,height:l[5]})]}):t.jsxs(Le,{isMobile:h,children:[d!=null?t.jsxs(ke,{children:[t.jsx(Gt,{photoUrl:d.toString(),styles:{width:M.logoWidth.valuePx(p),height:M.logoHeight.valuePx(p)}}),h?t.jsx(Ve,{"data-testid":v("vendor-detail-name",a),children:a}):t.jsx(_e,{"data-testid":v("vendor-detail-name",a),children:a})]}):t.jsxs(ke,{children:[t.jsx(Jt,{name:a,size:s.sp6}),h?t.jsx(Ve,{"data-testid":v("vendor-detail-name",a),children:a}):t.jsx(_e,{"data-testid":v("vendor-detail-name",a),children:a})]}),w(e.changeType,e.percentChange)]}),E=()=>n||i?t.jsx(Te,{size:p,isMobile:h,children:[...Array(3)].map((j,g)=>t.jsxs(fa,{children:[t.jsx(D,{width:M.spendTrendHeadingSkeletonWidth.value(p),height:l[4]}),t.jsx(wa,{isMobile:h,children:t.jsx(D,{width:M.spendTrendHeadingSkeletonWidth.value(p)/2,height:l[4]})})]},g))}):t.jsxs(Te,{size:p,isMobile:h,children:[t.jsxs(ve,{children:[t.jsx(he,{windowSize:p,isMobile:h,"data-testid":v("vendor_detail_last_30_days_label"),children:f.last30Days}),t.jsx(ge,{windowSize:p,isMobile:h,"data-testid":v("vendor_detail_last_30_days_amount"),children:me("0,0.[00]",e.last30DaysSpend,e.currencySymbol)})]}),t.jsxs(ve,{children:[t.jsx(he,{windowSize:p,isMobile:h,"data-testid":v("vendor_detail_last_90_days_label"),children:f.last90Days}),t.jsx(ge,{windowSize:p,isMobile:h,"data-testid":v("vendor_detail_last_90_days_amount"),children:me("0,0.[00]",e.last90DaysSpend,e.currencySymbol)})]}),t.jsxs(ve,{children:[t.jsx(he,{windowSize:p,isMobile:h,"data-testid":v("vendor_detail_ytd_spend_label"),children:f.ytdSpend}),t.jsx(ge,{windowSize:p,isMobile:h,"data-testid":v("vendor_detail_ytd_spend_amount"),children:me("0,0.[00]",e.yearToDateSpend,e.currencySymbol)})]})]});return t.jsxs(va,{isMobile:h,size:p,children:[A(),E()]})},z={labelWidth:new u(120,145,270),largeLabelWidth:new u(130,200,332),largeTinLabelWidth:new u(130,200,276),controlWidth:new u(110,145,160),labelMarginLeft:new u(l[3],l[4]),labelMarginTop:new u(l[2],l[3]),labelMarginBottom:new u(l[2],l[3])},Y=(e,a)=>`${e}.${a}`,$a=R.getLocalizedStrings().spendManagement,se=R.getLocalizedStrings().companyPassport,G=$a.billPay.vendorCreation,k=R.getLocalizedStrings().common,Sa=({vendorTypeList:e=[],isDisabled:a,sectionId:d,selectedVendorDetails:i,onAddressClick:n})=>{const c=ne(),p=z.labelWidth.value(c),f=z.largeLabelWidth.value(c),h=z.largeTinLabelWidth.value(c),w=z.controlWidth.value(c);return t.jsxs(Da,{children:[t.jsx(ja,{children:G.vendorDetails.titleFor1099Section}),t.jsxs(Ta,{children:[t.jsx(Pt,{isDisabled:a,label:{label:se.companyInfo.legalName,width:p},text:{type:"text",style:{width:w},name:Y(d,"legalName"),placeholder:zt(se.companyInfo.legalName),defaultValue:i.vendorBasic.legalName,autoComplete:"new-password",options:{required:!!i.vendorBasic.legalName,pattern:Mt}},style:{width:"100%"}}),t.jsx(ye,{}),t.jsxs(Ie,{children:[t.jsx(_a,{width:f,windowSize:c,children:G.vendorDetails.vendorType}),t.jsx(La,{size:c,children:t.jsx(Ft,{name:Y(d,"vendorType"),value:{allTypes:e,selectedType:i.vendorDetailLocalData?.vendorType},placeholderLabel:G.placeholders.type})})]}),t.jsx(ye,{}),t.jsx(Ie,{children:t.jsx(ia,{name:Y(d,"tinType"),menuPlacement:"auto",style:{height:s.sp6,width:"100%",marginLeft:s.sp4},dropdownStyle:{width:"40%"},defaultValue:{dropDownValue:i.vendorDetailLocalData?.tin?.type??k.strings.empty,dropDownList:[{code:k.texts.ein,label:k.texts.ein.toUpperCase()},{code:k.texts.ssn,label:k.texts.ssn.toUpperCase()}]},registerOptions:{required:!1},label:{width:h},placeholderLabel:G.placeholders.tinType,formattedText:{type:"text",name:Y(d,"tinValue"),placeholder:G.placeholders.tinValue,format:i.vendorDetailLocalData?.tin?.type===k.texts.ssn?Rt:Ht,registerOptions:{required:!!i.vendorDetailLocalData?.tin?.type,pattern:i.vendorDetailLocalData?.tin?.type===k.texts.ssn?Nt:Wt},style:{width:"100%",height:s.sp6},defaultValue:i.vendorDetailLocalData?.tin?.value??k.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:i.vendorDetailLocalData?.tin?.type===null?"disabled":void 0}})}),t.jsx(ye,{}),t.jsx(la,{isDisabled:a,label:{label:se.companyInfo.address,width:p},addressValueField:{name:Y(d,"address"),placeholder:se.address.titleAdd,defaultValue:i.vendorNewAddressStatus?.addressToCreate,onClick:()=>n("vendor_address",i.vendorAddress?.addressId)},showAdditionalInfoLabel:!1,style:{width:"100%"}})]})]})},Da=o.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${s.sp5};
-  padding-bottom: ${s.sp5};
-`,ja=o(Je)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${s.sp3};
-  margin-right: ${s.sp6};
-`,Ta=o.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${s.sp0} 2px ${s.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${s.sp2};
-`,ye=o.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Ie=o.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  height: ${s.sp8};
-  width: 100%;
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    input {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-`,La=o.div`
-  width: ${e=>e.controlWidth!=null?`calc(100% - ${e.controlWidth}px)`:"100%"};
-  display: flex;
-  flex-grow: ${e=>e.size==="small"?1:0};
-  align-items: center;
-  margin-right: ${s.sp2};
-`,_a=o(qt)`
-  width: ${e=>e.width}px;
-  color: ${e=>e.theme.colors.hero};
-  margin: ${e=>`${z.labelMarginTop.valuePx(e.windowSize)} ${z.labelMarginLeft.valuePx(e.windowSize)} ${z.labelMarginBottom.valuePx(e.windowSize)} ${z.labelMarginLeft.valuePx(e.windowSize)}`};
-`,Oe=R.getLocalizedStrings().vendors.common.transactionTabTitles,Va=()=>ka,ka=[{id:"spend_transactions",label:Oe.spendTransactions,leftMargin:!1,style:{width:136,left:2}},{id:"all_transactions",label:Oe.allTransactions,leftMargin:!0,style:{width:122,left:60}}],Pe={labelWidth:new u(120,145,160),controlWidth:new u(110,145,160)},N=(e,a)=>`${e}.${a}`,et=R.getLocalizedStrings(),{common:oe,cockpit:Me}=et,I=et.spendManagement.billPay.vendorCreation,Ia=({accountsHierarchyList:e,allAccounts:a,allClasses:d,allOwners:i,classHierarchyList:n,enableRecommendationUpdateCheckbox:c,readOnlyMode:p,isDisabled:f,recommendations:h,sectionId:w,selectedAccountId:A,selectedClassId:E,selectedOwnerId:j,selectedVendorDetails:g,uiState:U,isFiling1099FeatureEnabled:J,onClickShowMoreOrLess:le})=>{const Q=ne(),X=Ue(),{getValues:K}=It(),H=Pe.labelWidth.value(Q),ie=Pe.controlWidth.value(Q),de=$=>a.filter(L=>L.accountId===$)[0]?.coaId??"",re=$=>d.filter(L=>L.classId===$)[0]?.accountingClassNumber??"",B=$=>{const L=a.find(ee=>ee.accountId===$)?.accountName;return[Et,Ut].includes(L??"")},T=I.vendorDetails.recommendation.tooltip,q=T.category.replace("__based__",g?.vendorDetailLocalData?.recommendedCategory?.reason?.toLocaleLowerCase()??""),Z=T.class.replace("__based__",g?.vendorDetailLocalData?.recommendedClass?.reason?.toLocaleLowerCase()??""),ce=g?.vendorDetailLocalData?.recommendedCategory!=null&&!!c,pe=g?.vendorDetailLocalData?.recommendedClass!=null&&!!c;return t.jsxs(Oa,{children:[t.jsxs(Pa,{children:[t.jsx(Ma,{"data-testid":v("vendor_detail_section_title"),children:I.vendorDetails.title}),J?t.jsxs(Fa,{onClick:()=>le(),"data-testid":v("vendor_detail_show_more_button"),children:[U?.collapsableStatus==="expand"?`${oe.show}${oe.strings.space}${Me.subscription.lessBtnText}`:`${oe.show}${oe.strings.space}${Me.subscription.moreBtnText}`,U?.collapsableStatus==="expand"?t.jsx(Na,{}):t.jsx(Wa,{})]}):null]}),t.jsxs(za,{children:[t.jsx(Se,{isLoading:!1,label:{label:I.vendorDetails.category,width:H},groupedSingleSelectField:{name:N(w,"vendorCategory"),placeholder:I.placeholders.category,valueToInfo:$=>de($),defaultValue:{selectedOption:A,allOptions:Ye(e,h)},style:{width:"auto"},registerOptions:{required:!1},shouldShowChevronIcon:ce},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${X.colors.grey3}`},isDisabled:p?"readonly":f,disableCurrentOption:B,fullWidthSelect:!1,zIndexOnFocus:!0,recommendationCheckboxField:g?.vendorDetailLocalData?.recommendedCategory!=null&&c?{tooltipProps:{text:q},label:{label:g?.vendorDetailLocalData?.recommendedCategory?.accountName},checkBoxField:{name:N(w,"isRecommendedCategorySelected"),defaultChecked:K(N(w,"isRecommendedCategorySelected"))}}:void 0}),t.jsx(Se,{isLoading:!1,label:{label:I.vendorDetails.class,width:H},zIndexOnFocus:!0,groupedSingleSelectField:{name:N(w,"vendorClass"),placeholder:I.placeholders.class,valueToInfo:$=>re($),defaultValue:{selectedOption:E,allOptions:qe(n,h)},registerOptions:{required:!1},style:{width:"auto"},shouldShowChevronIcon:pe},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${X.colors.grey3}`},isDisabled:p===!0?"readonly":f,fullWidthSelect:!1,recommendationCheckboxField:g?.vendorDetailLocalData?.recommendedClass!=null&&c?{tooltipProps:{text:Z},label:{label:g?.vendorDetailLocalData?.recommendedClass?.className},checkBoxField:{name:N(w,"isRecommendedClassSelected"),defaultChecked:K(N(w,"isRecommendedClassSelected"))}}:void 0}),t.jsx(Ot,{label:{label:I.vendorDetails.vendorOwner,width:H},userSingleSelectField:{name:N(w,"vendorOwner"),placeholder:I.placeholders.owner,defaultValue:{allOptions:Ge(i),selectedOption:j},registerOptions:{required:!1},style:{width:"auto"}},isDisabled:p===!0?"readonly":f,style:{justifyContent:"space-between"},controlWidth:ie,fullWidthSelect:!1})]})]})},Oa=o.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${s.sp3};
-  padding-bottom: ${s.sp3};
-`,Pa=o.div`
-  display: flex;
-  justify-content: space-between;
-`,Ma=o(Je)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${s.sp3};
-  margin-right: ${s.sp6};
-`,za=o.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${s.sp0} 2px ${s.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${s.sp2};
-`,Fa=o(Qe)`
-  display: flex;
-  justify-content: flex-end;
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${s.sp0};
-  margin-right: ${s.sp0};
-  cursor: pointer;
-`,Na=o(Bt)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  margin-left: ${s.sp2};
-  margin-top: ${s.sp1};
-`,Wa=o(At)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  margin-left: ${s.sp2};
-  margin-top: ${s.sp1};
-`,Ra=o.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${s.sp7};
-`,ze=o.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${s.sp3};
-`,Fe=o.div`
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  filter: drop-shadow(
-    ${s.sp0} 2px ${s.sp1} ${W.boxShadowElevation}
-  );
-  border-radius: ${s.sp2};
-  background: ${e=>e.theme.colors.grey5};
-`,Ne=o.div`
-  padding: ${s.sp3};
-  display: flex;
-  justify-content: space-between;
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,Ha=()=>t.jsxs(Ra,{children:[[...Array(1)].map((e,a)=>t.jsxs(ze,{children:[t.jsx(D,{width:120,height:l[4]}),t.jsx(Fe,{children:[...Array(3)].map((d,i)=>t.jsxs(Ne,{children:[t.jsx(D,{width:70,height:l[4]}),t.jsx(D,{width:140,height:l[4]})]},i))})]},a)),[...Array(1)].map((e,a)=>t.jsxs(ze,{children:[t.jsx(D,{width:120,height:l[4]}),t.jsx(Fe,{children:[...Array(4)].map((d,i)=>t.jsxs(Ne,{children:[t.jsx(D,{width:70,height:l[4]}),t.jsx(D,{width:140,height:l[4]})]},i))})]},a))]}),b=R.getLocalizedStrings(),{vendors:{vendorDetailPage:O},common:{footer:We}}=b,P={transactionListHeight:new u(325,275,225),formContainerHorizontalPadding:new u(l[3],l[3],l[8]),buttonWidth:new u(85,85),navbarHeight:63},Re=e=>`${e}_form`,x="vendorDetails",xe="vendor1099Details",He="vendorDetailPage",Ba=o.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  width: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  box-shadow: ${e=>`${s.sp0} 2px ${s.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Be=o.div`
-  padding-left: ${e=>P.formContainerHorizontalPadding.valuePx(e.size)};
-  padding-right: ${e=>P.formContainerHorizontalPadding.valuePx(e.size)};
-`,Ae=o.div`
-  background-color: ${e=>e.theme.colors.grey4};
-  padding-top: ${e=>e.isPageLoading?s.sp3:s.sp0};
-`,Aa=o.div`
-  display: flex;
-  flex: 1 1 auto;
-  height: 100%;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin: ${s.sp0};
-  height: ${e=>e.height}px;
-`,Ea=o.div`
-  display: flex;
-  flex-direction: column;
-`,Ua=o.div``,qa=o.div``,Ya=o.div`
-  display: flex;
-  flex-direction: column;
-  transition: ${e=>e.collapsableStatus==="collapse"?"height 400ms ease-out":"height 200ms ease-in"};
-`,Ga=[{label:O.vendorSpendTrendFilterLabels.last_30_days,id:"last_30_days"},{label:O.vendorSpendTrendFilterLabels.last_90_days,id:"last_90_days"},{label:O.vendorSpendTrendFilterLabels.YTD_spend,id:"YTD_spend"},{label:O.vendorSpendTrendFilterLabels.last_month,id:"last_month"},{label:O.vendorSpendTrendFilterLabels.last_3_months,id:"last_3_months"},{label:O.vendorSpendTrendFilterLabels.last_6_months,id:"last_6_months"},{label:O.vendorSpendTrendFilterLabels.last_12_months,id:"last_12_months"},{label:O.vendorSpendTrendFilterLabels.last_year,id:"last_year"}],Ss=({isFiling1099FeatureEnabled:e,vendorDetailView:a,firstMonthOfFY:d,vendorLogo:i,readOnlyMode:n,isDisabled:c,scrollToTrend:p,allTransactionsTabData:f,onVendorTabSelectionChanged:h,onLoadPreviousTransactionsClick:w,onSaveSuccess:A,saveVendorDetailLocalData:E,onCancelClick:j,onTrendSelectedPeriodChange:g,onTransactionItemClick:U,onSpendTrendPercentChangeClick:J,onSaveVendor:le,onVendorSpendTrendFilterTabClick:Q,onAddressClick:X,saveContactsInVendorTabDetailLocalData:K,onVendorDetailUIChange:H,sidePanelIsFullView:ie,sidePanelIsOpen:de,panelContent:re})=>{const B=Ue(),T=ne(),q=S.useRef(null),[Z,ce]=S.useState(!1),[pe,$]=S.useState(P.transactionListHeight.value()),L=a?.selectedTabType,ee=Va(),m=Object.assign({},a?.vendorViewDetails?.vendorView),_=a?.vendorViewDetails.vendorView?.vendorDetailLocalData,te=a?.uiState,tt=!Ce(m!=null&&m.vendorAddress!=null?je(m.vendorAddress):m.vendorAddress,m.vendorNewAddressStatus?.addressToCreate!=null?je(m.vendorNewAddressStatus?.addressToCreate):m.vendorNewAddressStatus?.addressToCreate),at=(m?.vendorDetailLocalData?.contacts??[]).filter(r=>r.email!==b.common.strings.empty||r.fullName!==b.common.strings.empty||r.phone!==b.common.strings.empty).map(r=>wt(r,"contactInfoType")),fe=S.useMemo(()=>m.vendorBasic?.contacts??[],[m.vendorBasic?.contacts]),st=!Ce(at,fe),ae=Ct({mode:"all",defaultValues:Ee(a?.vendorViewDetails.accountsHierarchyList??[],a?.vendorViewDetails.classHierarchyList??[],a?.vendorViewDetails.vendorTypeList??[],a?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,a?.vendorViewDetails.vendorView?.vendorDetailLocalData,a?.vendorViewDetails.ownerList),values:Ee(a?.vendorViewDetails.accountsHierarchyList??[],a?.vendorViewDetails.classHierarchyList??[],a?.vendorViewDetails.vendorTypeList??[],a?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,a?.vendorViewDetails.vendorView?.vendorDetailLocalData,a?.vendorViewDetails.ownerList),resetOptions:{keepDirtyValues:!0}}),[ot,nt]=S.useState(-1),lt=m.vendorDetailLocalData?.contacts!=null&&m.vendorDetailLocalData?.contacts.length>0?m.vendorDetailLocalData?.contacts:$e,[it,dt]=S.useState($t(lt)),rt=r=>{dt(r),K?.(_?.vendorId??b.common.strings.empty,r)};S.useEffect(()=>{p===!0&&Z===!1&&a?.trendWithTransactions.trendReport?.fetchState==="Completed"&&a?.trendWithTransactions.transactionView?.fetchState==="Completed"&&(window.scrollTo({top:(q.current?.offsetTop??0)+P.navbarHeight,behavior:"smooth"}),ce(!0))},[p,Z,a?.trendWithTransactions.trendReport?.fetchState,a?.trendWithTransactions.transactionView?.fetchState]);const ct=new St(B.colors.graphColor12),V=a?.fetchState==="Not-Started"||a?.fetchState==="In-Progress",pt=a?.vendorViewDetails.vendorView?.saveStatus.fetchState==="In-Progress",mt=a?.trendWithTransactions.trendReport?.fetchState==="In-Progress",ht=(r,y)=>{g?.(y)};S.useEffect(()=>{a?.vendorViewDetails.vendorView?.saveStatus?.fetchState==="Completed"&&A?.()},[m]);const gt=S.useCallback(()=>{window.scrollTo({top:(q.current?.offsetTop??0)+P.navbarHeight,behavior:"smooth"}),J?.()},[J]),ut=async(r,y)=>{const C=y;if(r.includes("isRecommendedCategorySelected")){const F=y[x].isRecommendedCategorySelected===!0?m?.vendorDetailLocalData?.recommendedCategory?.accountId:m?.vendorBasic?.account?.accountId;C[x].vendorCategory={selectedOption:F,allOptions:y[x].vendorCategory.allOptions}}if(r.includes("isRecommendedClassSelected")){const F=y[x].isRecommendedClassSelected===!0?m.vendorDetailLocalData?.recommendedClass?.classId:m?.vendorBasic?.class?.classId;C[x].vendorClass={selectedOption:F,allOptions:y[x].vendorClass.allOptions}}if(r.includes("vendorCategory")){const F=C[x].vendorCategory.selectedOption===C[x].recommendedCategory?.accountId;C[x].isRecommendedCategorySelected=F}if(r.includes("vendorClass")){const F=C[x].vendorClass.selectedOption===C[x].recommendedClass?.classId;C[x].isRecommendedClassSelected=F}vt(C)};S.useEffect(()=>{const r=ae.watch((y,{name:C})=>{C!=null&&y!=null&&Dt(()=>ut(C,y))});return()=>{r.unsubscribe()}});const vt=r=>{const y=Ja(r,m.vendorBasic?.id,_);E?.(y)},yt=r=>{h(Zt(r.id))},bt={isLoading:a?.allVendorTransactionsView?.fetchState==="In-Progress"||a?.allVendorTransactionsView?.fetchState==="Not-Started",onLoadPreviousClick:(r,y)=>{w(r,(f?.numberOfQuartersFetched??0)+1)}},xt=()=>{switch(L){case"all_transactions":return t.jsx(Aa,{height:pe,children:V===!1&&f?.timePeriod!=null?t.jsx(aa,{firstMonthOfFY:d,timeframe:"quarter",timePeriod:f.timePeriod,transactions:a?.allVendorTransactionsView?.transactions??[],isFirstLotLoading:V,componentName:"trend.transactions.list",trackPerformance:!1,onTransactionItemClick:U,onListInnerElementHeightChanged:r=>{$(r)},showLoadPrevious:bt}):null});case"spend_transactions":default:return a?.trendWithTransactions!=null?t.jsxs(t.Fragment,{children:[t.jsx(ta,{allTabs:Ga,selectedTab:a.vendorSpendTrendFilterTabValue,onTabChange:r=>{const y=ea(r.id);y!=null&&Q(y)},containerStyle:{marginLeft:l[8],marginRight:l[8]}}),t.jsx(Ua,{ref:q,"data-testid":v("vendor_detail_spend_trend_section"),children:t.jsx(sa,{firstMonthOfFY:d,trendWithTransactionsReport:a?.trendWithTransactions,isDetailPage:!1,graphColor:ct,initialTransactionListHeight:P.transactionListHeight.value(T),page:"vendorDetailPage",onTimePeriodChange:ht,onTransactionItemClick:U})})]}):null}},ft=()=>{te?.collapsableStatus==="expand"?H?.("collapse"):H?.("expand")},we=ee.find(r=>L===r.id);return t.jsx(jt,{isOpen:de??!1,isFullView:ie??!1,panelContent:re,headerContent:t.jsxs(t.Fragment,{children:[t.jsx(kt,{onBackClick:j,title:m.vendorBasic?.name??b.common.strings.empty,style:{zIndex:3},hideSearchBtn:!0,backgroundColor:B.colors.grey5,enableTitleOnScroll:!0,source:"VendorDetailPage"}),a?.vendorSpend!=null?t.jsx(Ca,{isPageLoading:V,vendorName:m.vendorBasic?.name??b.common.strings.empty,spend:a?.vendorSpend,vendorLogo:i,isSpendTrendLoading:mt,onPercentChangeClick:gt}):null]}),listContent:t.jsxs(Ba,{children:[V===!0&&t.jsx(Ae,{isPageLoading:V,children:t.jsx(Be,{size:T,children:t.jsx(Ha,{})})}),V===!1&&m.vendorDetailLocalData!=null&&t.jsxs(Ae,{isPageLoading:V,children:[t.jsx(Be,{size:T,children:t.jsx(Tt,{...ae,children:t.jsxs("form",{id:Re(He),onSubmit:ae.handleSubmit(le),children:[t.jsx(Ia,{sectionId:x,selectedVendorId:_?.vendorId,selectedVendorDetails:m,selectedAccountId:_?.vendorCategory,selectedClassId:_?.vendorClass,selectedOwnerId:_?.vendorOwner,recommendations:_?.recommendations??[],allAccounts:a?.vendorViewDetails.accountList.accounts??[],allClasses:a?.vendorViewDetails.classList.classes??[],screenType:"edit",selectedVendorName:_?.vendorName,allOwners:a?.vendorViewDetails.ownerList??[],readOnlyMode:n,isDisabled:c,accountsHierarchyList:a?.vendorViewDetails.accountsHierarchyList??[],classHierarchyList:a?.vendorViewDetails.classHierarchyList??[],enableRecommendationUpdateCheckbox:!0,uiState:te,isFiling1099FeatureEnabled:e,onClickShowMoreOrLess:ft}),e&&te?.collapsableStatus==="expand"?t.jsxs(Ya,{collapsableStatus:te?.collapsableStatus??"expand",children:[t.jsx(Sa,{selectedVendorDetails:m,isDisabled:c,onAddressClick:X,sectionId:xe,vendorTypeList:a?.vendorViewDetails.vendorTypeList??[]}),t.jsx(Lt,{emailRequired:!1,vendorContactInfos:$e,sectionId:be,vendorContactInfoWithType:it,setVendorContactInfoWithType:rt,deleteContactConfirmationIndex:ot,updateContactDeleteConfirmationIndex:nt,initialContactList:fe})]}):null]})})}),we!=null?t.jsxs(Ea,{children:[t.jsx(qa,{children:t.jsx(ua,{allTabs:ee,containerStyle:{marginLeft:l[8],marginRight:l[8],borderBottom:`1px solid ${B.colors.grey3}`,backgroundColor:B.colors.grey4,justifyContent:"left"},selectedTab:we,onOptionSelectionChanged:yt})}),xt()]}):null]}),!V&&n!==!0&&(_t(ae.formState.dirtyFields)||tt||st)?t.jsx(Vt,{formId:Re(He),primaryBtn:{label:We.save,isLoading:pt,style:{width:P.buttonWidth.value(T)},isDisabled:!1},cancelBtn:{label:We.cancel,style:{width:P.buttonWidth.value(T)},onClick:j}}):null]})})},Ee=(e,a,d,i,n,c)=>({[x]:{vendorName:n?.vendorName??b.common.strings.empty,vendorOwner:{allOptions:Ge(c),selectedOption:n?.vendorOwner},vendorCategory:{allOptions:Ye(e,n?.recommendations),selectedOption:n?.vendorCategory},vendorClass:{allOptions:qe(a,n?.recommendations),selectedOption:n?.vendorClass},recommendedCategory:n?.recommendedCategory,recommendedClass:n?.recommendedClass,isRecommendedCategorySelected:n?.isCategoryUpdateSelected??!1,isRecommendedClassSelected:n?.isClassUpdateSelected??!1},[xe]:{legalName:n?.legalName??b.common.strings.empty,email:n?.vendorEmail??b.common.strings.empty,phone:n?.vendorPhone??b.common.strings.empty,vendorType:{allTypes:d,selectedType:n?.vendorType},tinType:n?.tin?.type??null,tinValue:n?.tin?.value??null,address:i},[be]:n!=null&&n?.contacts!=null&&n?.contacts.length!==0?n.contacts:[{fullName:b.common.strings.empty,email:b.common.strings.empty,phone:b.common.strings.empty,id:b.common.strings.empty}]}),Ja=(e,a,d)=>{const i=e?.[x],n=e?.[xe];return{vendorCategory:i.vendorCategory.selectedOption,vendorClass:i.vendorClass.selectedOption,vendorId:a,recommendations:d?.recommendations,vendorName:i.vendorName,legalName:n.legalName,vendorOwner:i.vendorOwner?.selectedOption,recommendedCategory:i.recommendedCategory,recommendedClass:i.recommendedClass,isCategoryUpdateSelected:i.isRecommendedCategorySelected??!1,isClassUpdateSelected:i.isRecommendedClassSelected??!1,vendorEmail:n.email,vendorPhone:n.phone,vendorType:n.vendorType.selectedType,tin:{type:n.tinType??null,value:n.tinValue!=null?n.tinValue.replace(Qt,b.common.strings.empty):null},address:n.address,contacts:e?.[be]}};export{Ss as default,Re as formUniqueName,xe as vendor1099DetailsSectionId,x as vendorDetailsSectionId,Ga as vendorSpendTrendFilterTabs};

package/dist/assets/VendorDomesticWireDetailsPage-D7BmBMH9-CzIkSVsO.js

@@ -1 +0,0 @@
-import{V as b}from"./index-DceSoL0X.js";import{a as k}from"./sentry-DSwgNZrO.js";import{D as y}from"./DomesticWireDetailsPage-6Ja_raS1-BtmRTZLv.js";import"./liveblocks-C3olwiFW.js";import"./core-CddRDKK5.js";import"./recharts-Df6P8LTk.js";import"./zeni-epic-state-BKQAT3eK.js";import"./mui-B9ZZxqGv.js";import"./lottie-DHSNlrty.js";import"./analytics-BBPxpXjb.js";import"./lexical-CRAxrDKi.js";import"./utils-bhjg_GlW.js";import"./BankAccountSection-BvIYx2co-BamiC5Ie.js";import"./MagicLinkTitleSection-D1tjQ-VI-B06aRvZu.js";import"./BankAccountWarningSection-CqyeSTWe-C-YFtMtw.js";import"./MailingDetailsSection-CnGInDUg-DZA0H6jP.js";import"./LabeledAddressValueField-BJl_17nw-BoellP6H.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2a8de020-ae2f-480c-911f-82799cda8ae4",e._sentryDebugIdIdentifier="sentry-dbid-2a8de020-ae2f-480c-911f-82799cda8ae4")}catch{}})();const j=({vendorViewDetails:e,bankAccountContext:t,isDisabled:r,onSaveHandler:d,onWireDetailsUpdated:s,onBackClick:o,onFetchBankName:i,onAddressClick:c})=>{const{bankAccountCreationState:n,editVendorState:p,newVendorState:m,bankNameByRouting:f,bankAccountToCreate:u,fetchBankNameByRoutingStatus:l}=e,a=Object.assign({},p??m);return k.useEffect(()=>{(t==="vendor"&&n?.fetchState==="Completed"||a?.saveStatus?.fetchState==="Completed"&&t!=="express-pay")&&o()},[n,a?.saveStatus?.fetchState,o,t]),b.jsx(y,{bankAccountToCreate:u,bankAccountCreationState:n,bankNameByRouting:f,addressToEdit:a?.vendorNewAddressStatus?.addressToCreate,mailingAddress:a?.vendorAddress,addressType:"vendor_address",fetchBankNameByRoutingStatus:l,isDisabled:r,onSaveHandler:d,onWireDetailsUpdated:s,onBackClick:o,onAddressClick:c,onFetchBankName:i})};export{j as default};