@zeniai/web-app-ui 4.14.36-qa → 4.14.38-dev

package/dist/assets/VendorDetailPage-DufNphGD-DqlByCd7.js

@@ -1,257 +0,0 @@
-import{y as qe,J as ie,b as g,Q as Se,c2 as yt,T as ft,go as $e,gp as wt,ad as bt,b$ as Ct,V as t,aZ as St,A as $t,gq as Dt,gr as ve,u as a,c0 as jt,a9 as Lt,a_ as Tt,O as B,gs as Ye,gt as Qe,gu as Ge,o as s,bb as S,c3 as Vt,g1 as De,gv as It,c4 as kt,c5 as Ot,c6 as Pt,gw as Mt,fu as zt,cb as _t,gx as Ft,gy as Nt,e as H,ar as Je,x as Ze,cJ as Wt,aj as Ht,gz as Bt,gA as Rt,s as At,cI as Et,cH as Ut,cj as qt,ag as ce,gB as Yt,bB as Ke,gC as Qt,H as je,B as Xe}from"./index-k1doZNFg.js";import{a as C}from"./sentry-CytkDQe2.js";import{n,c as Gt}from"./mui-Bi07oTwe.js";import{bQ as Le,Fw as Jt,Fx as Zt}from"./zeni-epic-state-DyRbb6Q5.js";import{k as Kt}from"./SubTabSwitcher-zrkVj1aP-kI_QH-yK.js";import{T as Xt}from"./TransactionList-3-mUZOsw-kAZ-qL0T.js";import{R as eo}from"./TrendWithTransactions-CTJhTpAM-FxLucl6g.js";import{o as to,t as oo}from"./arrow-south-east-round-PEovUgvH-90lG1L3u.js";import{C as so}from"./LabeledAddressValueField-C6-hVsPb-Cx3qxpIQ.js";import{Y as no}from"./LabeledDropDownFormattedTextField-3-KekP79-BFouZsyb.js";import"./pdf-emb33J2I.js";import"./core-twTS7Cne.js";import"./lottie-Bdr-9mLw.js";import"./liveblocks-CM0QMS_I.js";import"./recharts-CS0s98U8.js";import"./dnd-BWijMgNi.js";import"./analytics-BuacLKrs.js";import"./plaid-Dw_qIY4R.js";import"./utils-CSjogEj5.js";import"./ConstrainedInnerElement-BeIpAPjB-2qMgM4hb.js";import"./BoxItem-DRwx0M5a-CDlEJbUh.js";import"./commonDimensions-BMnB1-xU-CuHaP4qo.js";import"./panelSelectedMixin-CzfD5-Zs-Bh-ojoWH.js";import"./TrendChart-JTOG0a7B-B1HzEifS.js";import"./chartTypes-40RenddT-D0AbAyeZ.js";import"./toCOABalancesWithID-DkMGvlEt-DFgINRIk.js";import"./toChartData-C6s-eBzE-BfIZvn48.js";import"./NoDataChart-CgT19fV7-BnUaWo2A.js";import"./InsightsSection-De9zu_me-BVBRSj8O.js";import"./NavigationDots-Bv4tBDN3-CX4VVQFS.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="c1b1bfff-ab6c-4cfc-a955-ce263ba511c3",e._sentryDebugIdIdentifier="sentry-dbid-c1b1bfff-ab6c-4cfc-a955-ce263ba511c3")}catch{}})();const ao=n.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-`,io=n.div`
-  display: flex;
-  position: relative;
-  padding: 12px 12px 14px 12px;
-`,lo=n.div``,ro=n(Ze)`
-  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};
-  }
-`,co=n.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?Gt`
-          ${e.optionCss}
-        `:null}
-`,po=e=>{let o="";return e.forEach(r=>{o=`${o}
-      &.${r.id} {
-        width: ${r.style.width}px;
-        left: ${r.style.left}%;
-      }`}),o};function mo({option:e,isSelected:o,onClick:r}){return t.jsx(ro,{onClick:()=>{o===!1&&!e.disabled&&r(e)},isSelected:o,leftMargin:e.leftMargin,isDisabled:e.disabled??!1,children:t.jsx(lo,{children:(l=e,l.label)})});var l}function ho({allTabs:e,selectedTab:o,containerStyle:r,onOptionSelectionChanged:l}){const i=d=>{l(d)};return t.jsx(ao,{style:r,children:t.jsxs(io,{children:[e.map(d=>t.jsx(mo,{option:d,isSelected:d===o,onClick:i},d.id)),t.jsx(co,{className:`Slider ${o.id}`,optionCss:po(e)})]})})}const O={logoWidth:new g(a[6],a[6]),logoHeight:new g(a[6],a[6]),pageHeaderHorizontalPadding:new g(a[3],a[3],a[8]),pageHeaderVerticalPadding:new g(a[2],a[2],a[4]),spendTrendsColumnGap:new g(a[1],a[1],a[4],a[11]),spendTrendsMarginBottom:new g(a[2],a[2],a[4]),spendTrendHeadingSkeletonWidth:new g(90,90,120,150)},et={spendValue:new je("standardMedium","largeSemiBold"),spendDuration:new je("extraSmallRegular","standardRegular")},go=n.div`
-  padding: ${e=>`${O.pageHeaderVerticalPadding.valuePx(e.size)} ${O.pageHeaderHorizontalPadding.valuePx(e.size)}`};
-  display: flex;
-  justify-content: space-between;
-  box-shadow: ${s.sp0} 2px ${s.sp1} ${H.boxShadowElevation};
-  flex-direction: ${e=>e.isMobile===!0?"column":"row"};
-  align-items: ${e=>e.isMobile?"flex-start":"center"};
-  row-gap: ${s.sp3};
-  margin-bottom: ${e=>O.spendTrendsMarginBottom.valuePx(e.size)};
-  background-color: ${e=>e.theme.colors.grey5};
-`,Te=n.div`
-  display: flex;
-  column-gap: ${e=>e.isMobile===!0?"unset":O.spendTrendsColumnGap.valuePx(e.size)};
-  justify-content: space-between;
-  width: ${e=>e.isMobile===!0?"100%":"unset"};
-  align-items: center;
-`,Ve=n.div`
-  display: flex;
-  column-gap: ${s.sp3};
-  align-items: center;
-  max-width: ${e=>e.isMobile===!1?"50%":"unset"};
-`,pe=n(Xe)`
-  ${e=>`${et.spendDuration.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.hero};
-`,me=n(Xe)`
-  ${e=>`${et.spendValue.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: ${e=>e.isMobile===!0?"left":"right"};
-`,uo=n.div`
-  background-color: ${e=>e.theme.colors.graphColor34Light};
-  color: ${H.importantDark};
-  padding: ${s.sp1} 12px;
-  border-radius: 50px;
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp1};
-  cursor: pointer;
-  svg {
-    color: ${H.importantDark};
-  }
-`,vo=n.div`
-  background-color: ${H.successLight};
-  color: ${H.successDark};
-  padding: ${s.sp1} 12px;
-  border-radius: 50px;
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp1};
-  cursor: pointer;
-
-  svg {
-    color: ${H.successDark};
-  }
-`,xo=n.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;
-`,he=n(Ke)``,Ie=n(Qt)`
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-all;
-`,ke=n(Ke)`
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-all;
-`,Oe=n.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp3};
-`,yo=n.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${s.sp1};
-`,fo=n.div`
-  display: flex;
-  justify-content: ${e=>e.isMobile?"flex-start":"flex-end"};
-`,ge=n.div``,wo=({spend:e,vendorName:o,vendorLogo:r,isPageLoading:l,isSpendTrendLoading:i,onPercentChangeClick:d})=>{const c=ie(),x=B.getLocalizedStrings().spendManagement.billPay.vendorCreation.vendorDetails.spends,h=c==="small"||c==="medium-compact",y=(M,f)=>f==null?null:M==="increased"?t.jsxs(uo,{onClick:d,children:[t.jsx(to,{width:s.sp3,height:s.sp3}),t.jsx(he,{children:f})]}):M==="decreased"?t.jsxs(vo,{onClick:d,children:[t.jsx(oo,{width:s.sp3,height:s.sp3}),t.jsx(he,{children:f})]}):t.jsx(xo,{onClick:d,children:t.jsxs(he,{children:[f,"%"]})});return t.jsxs(go,{isMobile:h,size:c,children:[l===!0?t.jsxs(Ve,{isMobile:h,children:[t.jsx(Et,{width:a[6],height:a[6]}),t.jsx(S,{width:140,height:a[6]}),t.jsx(S,{width:70,height:a[5]})]}):t.jsxs(Ve,{isMobile:h,children:[r!=null?t.jsxs(Oe,{children:[t.jsx(Ut,{photoUrl:r.toString(),styles:{width:O.logoWidth.valuePx(c),height:O.logoHeight.valuePx(c)}}),h?t.jsx(ke,{children:o}):t.jsx(Ie,{children:o})]}):t.jsxs(Oe,{children:[t.jsx(qt,{name:o,size:s.sp6}),h?t.jsx(ke,{children:o}):t.jsx(Ie,{children:o})]}),y(e.changeType,e.percentChange)]}),i||l?t.jsx(Te,{size:c,isMobile:h,children:[...Array(3)].map((M,f)=>t.jsxs(yo,{children:[t.jsx(S,{width:O.spendTrendHeadingSkeletonWidth.value(c),height:a[4]}),t.jsx(fo,{isMobile:h,children:t.jsx(S,{width:O.spendTrendHeadingSkeletonWidth.value(c)/2,height:a[4]})})]},f))}):t.jsxs(Te,{size:c,isMobile:h,children:[t.jsxs(ge,{children:[t.jsx(pe,{windowSize:c,isMobile:h,children:x.last30Days}),t.jsx(me,{windowSize:c,isMobile:h,children:ce("0,0.[00]",e.last30DaysSpend,e.currencySymbol)})]}),t.jsxs(ge,{children:[t.jsx(pe,{windowSize:c,isMobile:h,children:x.last90Days}),t.jsx(me,{windowSize:c,isMobile:h,children:ce("0,0.[00]",e.last90DaysSpend,e.currencySymbol)})]}),t.jsxs(ge,{children:[t.jsx(pe,{windowSize:c,isMobile:h,children:x.ytdSpend}),t.jsx(me,{windowSize:c,isMobile:h,children:ce("0,0.[00]",e.yearToDateSpend,e.currencySymbol)})]})]})]})},P={labelWidth:new g(120,145,270),largeLabelWidth:new g(130,200,332),largeTinLabelWidth:new g(130,200,276),controlWidth:new g(110,145,160),labelMarginLeft:new g(a[3],a[4]),labelMarginTop:new g(a[2],a[3]),labelMarginBottom:new g(a[2],a[3])},Y=(e,o)=>`${e}.${o}`,bo=B.getLocalizedStrings().spendManagement,ne=B.getLocalizedStrings().companyPassport,Q=bo.billPay.vendorCreation,T=B.getLocalizedStrings().common,Co=({vendorTypeList:e=[],isDisabled:o,sectionId:r,selectedVendorDetails:l,onAddressClick:i})=>{const d=ie(),c=P.labelWidth.value(d),x=P.largeLabelWidth.value(d),h=P.largeTinLabelWidth.value(d),y=P.controlWidth.value(d);return t.jsxs(So,{children:[t.jsx($o,{children:Q.vendorDetails.titleFor1099Section}),t.jsxs(Do,{children:[t.jsx(kt,{isDisabled:o,label:{label:ne.companyInfo.legalName,width:c},text:{type:"text",style:{width:y},name:Y(r,"legalName"),placeholder:Pt(ne.companyInfo.legalName),defaultValue:l.vendorBasic.legalName,autoComplete:"new-password",options:{required:!!l.vendorBasic.legalName,pattern:Ot}},style:{width:"100%"}}),t.jsx(ue,{}),t.jsxs(Pe,{children:[t.jsx(Lo,{width:x,windowSize:d,children:Q.vendorDetails.vendorType}),t.jsx(jo,{size:d,children:t.jsx(Mt,{name:Y(r,"vendorType"),value:{allTypes:e,selectedType:l.vendorDetailLocalData?.vendorType},placeholderLabel:Q.placeholders.type})})]}),t.jsx(ue,{}),t.jsx(Pe,{children:t.jsx(no,{name:Y(r,"tinType"),menuPlacement:"auto",style:{height:s.sp6,width:"100%",marginLeft:s.sp4},dropdownStyle:{width:"40%"},defaultValue:{dropDownValue:l.vendorDetailLocalData?.tin?.type??T.strings.empty,dropDownList:[{code:T.texts.ein,label:T.texts.ein.toUpperCase()},{code:T.texts.ssn,label:T.texts.ssn.toUpperCase()}]},registerOptions:{required:!1},label:{width:h},placeholderLabel:Q.placeholders.tinType,formattedText:{type:"text",name:Y(r,"tinValue"),placeholder:Q.placeholders.tinValue,format:l.vendorDetailLocalData?.tin?.type===T.texts.ssn?Ft:Nt,registerOptions:{required:!!l.vendorDetailLocalData?.tin?.type,pattern:l.vendorDetailLocalData?.tin?.type===T.texts.ssn?zt:_t},style:{width:"100%",height:s.sp6},defaultValue:l.vendorDetailLocalData?.tin?.value??T.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:l.vendorDetailLocalData?.tin?.type===null?"disabled":void 0}})}),t.jsx(ue,{}),t.jsx(so,{isDisabled:o,label:{label:ne.companyInfo.address,width:c},addressValueField:{name:Y(r,"address"),placeholder:ne.address.titleAdd,defaultValue:l.vendorNewAddressStatus?.addressToCreate,onClick:()=>i("vendor_address",l.vendorAddress?.addressId)},showAdditionalInfoLabel:!1,style:{width:"100%"}})]})]})},So=n.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${s.sp5};
-  padding-bottom: ${s.sp5};
-`,$o=n(Je)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${s.sp3};
-  margin-right: ${s.sp6};
-`,Do=n.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};
-`,ue=n.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Pe=n.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;
-  }
-`,jo=n.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};
-`,Lo=n(At)`
-  width: ${e=>e.width}px;
-  color: ${e=>e.theme.colors.hero};
-  margin: ${e=>`${P.labelMarginTop.valuePx(e.windowSize)} ${P.labelMarginLeft.valuePx(e.windowSize)} ${P.labelMarginBottom.valuePx(e.windowSize)} ${P.labelMarginLeft.valuePx(e.windowSize)}`};
-`,Me=B.getLocalizedStrings().vendors.common.transactionTabTitles,To=[{id:"spend_transactions",label:Me.spendTransactions,leftMargin:!1,style:{width:136,left:2}},{id:"all_transactions",label:Me.allTransactions,leftMargin:!0,style:{width:122,left:60}}],ze={labelWidth:new g(120,145,160),controlWidth:new g(110,145,160)},W=(e,o)=>`${e}.${o}`,tt=B.getLocalizedStrings(),{common:ae,cockpit:_e}=tt,V=tt.spendManagement.billPay.vendorCreation,Vo=({accountsHierarchyList:e,allAccounts:o,allClasses:r,allOwners:l,classHierarchyList:i,enableRecommendationUpdateCheckbox:d,readOnlyMode:c,isDisabled:x,recommendations:h,sectionId:y,selectedAccountId:M,selectedClassId:f,selectedOwnerId:G,selectedVendorDetails:w,uiState:A,isFiling1099FeatureEnabled:J,onClickShowMoreOrLess:le})=>{const Z=ie(),K=qe(),{getValues:X}=Vt(),E=ze.labelWidth.value(Z),re=ze.controlWidth.value(Z),ee=V.vendorDetails.recommendation.tooltip,de=ee.category.replace("__based__",w?.vendorDetailLocalData?.recommendedCategory?.reason?.toLocaleLowerCase()??""),R=ee.class.replace("__based__",w?.vendorDetailLocalData?.recommendedClass?.reason?.toLocaleLowerCase()??""),z=w?.vendorDetailLocalData?.recommendedCategory!=null&&!!d,U=w?.vendorDetailLocalData?.recommendedClass!=null&&!!d;return t.jsxs(Io,{children:[t.jsxs(ko,{children:[t.jsx(Oo,{children:V.vendorDetails.title}),J?t.jsxs(Mo,{onClick:()=>le(),children:[A?.collapsableStatus==="expand"?`${ae.show}${ae.strings.space}${_e.subscription.lessBtnText}`:`${ae.show}${ae.strings.space}${_e.subscription.moreBtnText}`,A?.collapsableStatus==="expand"?t.jsx(zo,{}):t.jsx(_o,{})]}):null]}),t.jsxs(Po,{children:[t.jsx(De,{isLoading:!1,label:{label:V.vendorDetails.category,width:E},groupedSingleSelectField:{name:W(y,"vendorCategory"),placeholder:V.placeholders.category,valueToInfo:D=>(_=>o.filter(F=>F.accountId===_)[0]?.coaId??"")(D),defaultValue:{selectedOption:M,allOptions:Qe(e,h)},style:{width:"auto"},registerOptions:{required:!1},shouldShowChevronIcon:z},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${K.colors.grey3}`},isDisabled:c?"readonly":x,disableCurrentOption:D=>{const _=o.find(F=>F.accountId===D)?.accountName;return[Bt,Rt].includes(_??"")},fullWidthSelect:!1,zIndexOnFocus:!0,recommendationCheckboxField:w?.vendorDetailLocalData?.recommendedCategory!=null&&d?{tooltipProps:{text:de},label:{label:w?.vendorDetailLocalData?.recommendedCategory?.accountName},checkBoxField:{name:W(y,"isRecommendedCategorySelected"),defaultChecked:X(W(y,"isRecommendedCategorySelected"))}}:void 0}),t.jsx(De,{isLoading:!1,label:{label:V.vendorDetails.class,width:E},zIndexOnFocus:!0,groupedSingleSelectField:{name:W(y,"vendorClass"),placeholder:V.placeholders.class,valueToInfo:D=>(_=>r.filter(F=>F.classId===_)[0]?.accountingClassNumber??"")(D),defaultValue:{selectedOption:f,allOptions:Ye(i,h)},registerOptions:{required:!1},style:{width:"auto"},shouldShowChevronIcon:U},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${K.colors.grey3}`},isDisabled:c===!0?"readonly":x,fullWidthSelect:!1,recommendationCheckboxField:w?.vendorDetailLocalData?.recommendedClass!=null&&d?{tooltipProps:{text:R},label:{label:w?.vendorDetailLocalData?.recommendedClass?.className},checkBoxField:{name:W(y,"isRecommendedClassSelected"),defaultChecked:X(W(y,"isRecommendedClassSelected"))}}:void 0}),t.jsx(It,{label:{label:V.vendorDetails.vendorOwner,width:E},userSingleSelectField:{name:W(y,"vendorOwner"),placeholder:V.placeholders.owner,defaultValue:{allOptions:Ge(l),selectedOption:G},registerOptions:{required:!1},style:{width:"auto"}},isDisabled:c===!0?"readonly":x,style:{justifyContent:"space-between"},controlWidth:re,fullWidthSelect:!1})]})]})},Io=n.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${s.sp3};
-  padding-bottom: ${s.sp3};
-`,ko=n.div`
-  display: flex;
-  justify-content: space-between;
-`,Oo=n(Je)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${s.sp3};
-  margin-right: ${s.sp6};
-`,Po=n.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};
-`,Mo=n(Ze)`
-  display: flex;
-  justify-content: flex-end;
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${s.sp0};
-  margin-right: ${s.sp0};
-  cursor: pointer;
-`,zo=n(Wt)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  margin-left: ${s.sp2};
-  margin-top: ${s.sp1};
-`,_o=n(Ht)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  margin-left: ${s.sp2};
-  margin-top: ${s.sp1};
-`,Fo=n.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${s.sp7};
-`,Fe=n.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${s.sp3};
-`,Ne=n.div`
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  filter: drop-shadow(
-    ${s.sp0} 2px ${s.sp1} ${H.boxShadowElevation}
-  );
-  border-radius: ${s.sp2};
-  background: ${e=>e.theme.colors.grey5};
-`,We=n.div`
-  padding: ${s.sp3};
-  display: flex;
-  justify-content: space-between;
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,No=()=>t.jsxs(Fo,{children:[[...Array(1)].map((e,o)=>t.jsxs(Fe,{children:[t.jsx(S,{width:120,height:a[4]}),t.jsx(Ne,{children:[...Array(3)].map((r,l)=>t.jsxs(We,{children:[t.jsx(S,{width:70,height:a[4]}),t.jsx(S,{width:140,height:a[4]})]},l))})]},o)),[...Array(1)].map((e,o)=>t.jsxs(Fe,{children:[t.jsx(S,{width:120,height:a[4]}),t.jsx(Ne,{children:[...Array(4)].map((r,l)=>t.jsxs(We,{children:[t.jsx(S,{width:70,height:a[4]}),t.jsx(S,{width:140,height:a[4]})]},l))})]},o))]}),u=B.getLocalizedStrings(),{vendors:{vendorDetailPage:I},common:{footer:He}}=u,k={transactionListHeight:new g(325,275,225),formContainerHorizontalPadding:new g(a[3],a[3],a[8]),buttonWidth:new g(85,85),navbarHeight:63},Be=e=>`${e}_form`,v="vendorDetails",xe="vendor1099Details",Re="vendorDetailPage",Wo=n.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}`};
-`,Ae=n.div`
-  padding-left: ${e=>k.formContainerHorizontalPadding.valuePx(e.size)};
-  padding-right: ${e=>k.formContainerHorizontalPadding.valuePx(e.size)};
-`,Ee=n.div`
-  background-color: ${e=>e.theme.colors.grey4};
-  padding-top: ${e=>e.isPageLoading?s.sp3:s.sp0};
-`,Ho=n.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;
-`,Bo=n.div`
-  display: flex;
-  flex-direction: column;
-`,Ro=n.div``,Ao=n.div``,Eo=n.div`
-  display: flex;
-  flex-direction: column;
-  transition: ${e=>e.collapsableStatus==="collapse"?"height 400ms ease-out":"height 200ms ease-in"};
-`,Uo=[{label:I.vendorSpendTrendFilterLabels.last_30_days,id:"last_30_days"},{label:I.vendorSpendTrendFilterLabels.last_90_days,id:"last_90_days"},{label:I.vendorSpendTrendFilterLabels.YTD_spend,id:"YTD_spend"},{label:I.vendorSpendTrendFilterLabels.last_month,id:"last_month"},{label:I.vendorSpendTrendFilterLabels.last_3_months,id:"last_3_months"},{label:I.vendorSpendTrendFilterLabels.last_6_months,id:"last_6_months"},{label:I.vendorSpendTrendFilterLabels.last_12_months,id:"last_12_months"},{label:I.vendorSpendTrendFilterLabels.last_year,id:"last_year"}],Ss=({isFiling1099FeatureEnabled:e,vendorDetailView:o,firstMonthOfFY:r,vendorLogo:l,readOnlyMode:i,isDisabled:d,scrollToTrend:c,allTransactionsTabData:x,onVendorTabSelectionChanged:h,onLoadPreviousTransactionsClick:y,onSaveSuccess:M,saveVendorDetailLocalData:f,onCancelClick:G,onTrendSelectedPeriodChange:w,onTransactionItemClick:A,onSpendTrendPercentChangeClick:J,onSaveVendor:le,onVendorSpendTrendFilterTabClick:Z,onAddressClick:K,saveContactsInVendorTabDetailLocalData:X,onVendorDetailUIChange:E,sidePanelIsFullView:re,sidePanelIsOpen:ee,panelContent:de})=>{const R=qe(),z=ie(),U=C.useRef(null),[D,_]=C.useState(!1),[F,ot]=C.useState(k.transactionListHeight.value()),ye=o?.selectedTabType,fe=To,p=Object.assign({},o?.vendorViewDetails?.vendorView),j=o?.vendorViewDetails.vendorView?.vendorDetailLocalData,te=o?.uiState,st=!Se(p!=null&&p.vendorAddress!=null?Le(p.vendorAddress):p.vendorAddress,p.vendorNewAddressStatus?.addressToCreate!=null?Le(p.vendorNewAddressStatus?.addressToCreate):p.vendorNewAddressStatus?.addressToCreate),nt=(p?.vendorDetailLocalData?.contacts??[]).filter(m=>m.email!==u.common.strings.empty||m.fullName!==u.common.strings.empty||m.phone!==u.common.strings.empty).map(m=>yt(m,"contactInfoType")),we=C.useMemo(()=>p.vendorBasic?.contacts??[],[p.vendorBasic?.contacts]),at=!Se(nt,we),oe=ft({mode:"all",defaultValues:Ue(o?.vendorViewDetails.accountsHierarchyList??[],o?.vendorViewDetails.classHierarchyList??[],o?.vendorViewDetails.vendorTypeList??[],o?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,o?.vendorViewDetails.vendorView?.vendorDetailLocalData,o?.vendorViewDetails.ownerList),values:Ue(o?.vendorViewDetails.accountsHierarchyList??[],o?.vendorViewDetails.classHierarchyList??[],o?.vendorViewDetails.vendorTypeList??[],o?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,o?.vendorViewDetails.vendorView?.vendorDetailLocalData,o?.vendorViewDetails.ownerList),resetOptions:{keepDirtyValues:!0}}),[it,lt]=C.useState(-1),rt=p.vendorDetailLocalData?.contacts!=null&&p.vendorDetailLocalData?.contacts.length>0?p.vendorDetailLocalData?.contacts:$e,[dt,ct]=C.useState(wt(rt));C.useEffect(()=>{c===!0&&D===!1&&o?.trendWithTransactions.trendReport?.fetchState==="Completed"&&o?.trendWithTransactions.transactionView?.fetchState==="Completed"&&(window.scrollTo({top:(U.current?.offsetTop??0)+k.navbarHeight,behavior:"smooth"}),_(!0))},[c,D,o?.trendWithTransactions.trendReport?.fetchState,o?.trendWithTransactions.transactionView?.fetchState]);const pt=new bt(R.colors.graphColor12),L=o?.fetchState==="Not-Started"||o?.fetchState==="In-Progress",mt=o?.vendorViewDetails.vendorView?.saveStatus.fetchState==="In-Progress",ht=o?.trendWithTransactions.trendReport?.fetchState==="In-Progress",gt=(m,b)=>{w?.(b)};C.useEffect(()=>{o?.vendorViewDetails.vendorView?.saveStatus?.fetchState==="Completed"&&M?.()},[p]);const ut=C.useCallback(()=>{window.scrollTo({top:(U.current?.offsetTop??0)+k.navbarHeight,behavior:"smooth"}),J?.()},[J]);C.useEffect(()=>{const m=oe.watch((b,{name:Ce})=>{Ce!=null&&b!=null&&Ct(()=>(async(se,q)=>{const $=q;if(se.includes("isRecommendedCategorySelected")){const N=q[v].isRecommendedCategorySelected===!0?p?.vendorDetailLocalData?.recommendedCategory?.accountId:p?.vendorBasic?.account?.accountId;$[v].vendorCategory={selectedOption:N,allOptions:q[v].vendorCategory.allOptions}}if(se.includes("isRecommendedClassSelected")){const N=q[v].isRecommendedClassSelected===!0?p.vendorDetailLocalData?.recommendedClass?.classId:p?.vendorBasic?.class?.classId;$[v].vendorClass={selectedOption:N,allOptions:q[v].vendorClass.allOptions}}if(se.includes("vendorCategory")){const N=$[v].vendorCategory.selectedOption===$[v].recommendedCategory?.accountId;$[v].isRecommendedCategorySelected=N}if(se.includes("vendorClass")){const N=$[v].vendorClass.selectedOption===$[v].recommendedClass?.classId;$[v].isRecommendedClassSelected=N}vt($)})(Ce,b))});return()=>{m.unsubscribe()}});const vt=m=>{const b=qo(m,p.vendorBasic?.id,j);f?.(b)},xt={isLoading:o?.allVendorTransactionsView?.fetchState==="In-Progress"||o?.allVendorTransactionsView?.fetchState==="Not-Started",onLoadPreviousClick:(m,b)=>{y(m,(x?.numberOfQuartersFetched??0)+1)}},be=fe.find(m=>ye===m.id);return t.jsx(St,{isOpen:ee??!1,isFullView:re??!1,panelContent:de,headerContent:t.jsxs(t.Fragment,{children:[t.jsx(Tt,{onBackClick:G,title:p.vendorBasic?.name??u.common.strings.empty,style:{zIndex:3},hideSearchBtn:!0,backgroundColor:R.colors.grey5,enableTitleOnScroll:!0,source:"VendorDetailPage"}),o?.vendorSpend!=null?t.jsx(wo,{isPageLoading:L,vendorName:p.vendorBasic?.name??u.common.strings.empty,spend:o?.vendorSpend,vendorLogo:l,isSpendTrendLoading:ht,onPercentChangeClick:ut}):null]}),listContent:t.jsxs(Wo,{children:[L===!0&&t.jsx(Ee,{isPageLoading:L,children:t.jsx(Ae,{size:z,children:t.jsx(No,{})})}),L===!1&&p.vendorDetailLocalData!=null&&t.jsxs(Ee,{isPageLoading:L,children:[t.jsx(Ae,{size:z,children:t.jsx($t,{...oe,children:t.jsxs("form",{id:Be(Re),onSubmit:oe.handleSubmit(le),children:[t.jsx(Vo,{sectionId:v,selectedVendorId:j?.vendorId,selectedVendorDetails:p,selectedAccountId:j?.vendorCategory,selectedClassId:j?.vendorClass,selectedOwnerId:j?.vendorOwner,recommendations:j?.recommendations??[],allAccounts:o?.vendorViewDetails.accountList.accounts??[],allClasses:o?.vendorViewDetails.classList.classes??[],screenType:"edit",selectedVendorName:j?.vendorName,allOwners:o?.vendorViewDetails.ownerList??[],readOnlyMode:i,isDisabled:d,accountsHierarchyList:o?.vendorViewDetails.accountsHierarchyList??[],classHierarchyList:o?.vendorViewDetails.classHierarchyList??[],enableRecommendationUpdateCheckbox:!0,uiState:te,isFiling1099FeatureEnabled:e,onClickShowMoreOrLess:()=>{E?.(te?.collapsableStatus==="expand"?"collapse":"expand")}}),e&&te?.collapsableStatus==="expand"?t.jsxs(Eo,{collapsableStatus:te?.collapsableStatus??"expand",children:[t.jsx(Co,{selectedVendorDetails:p,isDisabled:d,onAddressClick:K,sectionId:xe,vendorTypeList:o?.vendorViewDetails.vendorTypeList??[]}),t.jsx(Dt,{emailRequired:!1,vendorContactInfos:$e,sectionId:ve,vendorContactInfoWithType:dt,setVendorContactInfoWithType:m=>{ct(m),X?.(j?.vendorId??u.common.strings.empty,m)},deleteContactConfirmationIndex:it,updateContactDeleteConfirmationIndex:lt,initialContactList:we})]}):null]})})}),be!=null?t.jsxs(Bo,{children:[t.jsx(Ao,{children:t.jsx(ho,{allTabs:fe,containerStyle:{marginLeft:a[8],marginRight:a[8],borderBottom:`1px solid ${R.colors.grey3}`,backgroundColor:R.colors.grey4,justifyContent:"left"},selectedTab:be,onOptionSelectionChanged:m=>{h(Jt(m.id))}})}),ye==="all_transactions"?t.jsx(Ho,{height:F,children:L===!1&&x?.timePeriod!=null?t.jsx(Xt,{firstMonthOfFY:r,timeframe:"quarter",timePeriod:x.timePeriod,transactions:o?.allVendorTransactionsView?.transactions??[],isFirstLotLoading:L,componentName:"trend.transactions.list",trackPerformance:!1,onTransactionItemClick:A,onListInnerElementHeightChanged:m=>{ot(m)},showLoadPrevious:xt}):null}):o?.trendWithTransactions!=null?t.jsxs(t.Fragment,{children:[t.jsx(Kt,{allTabs:Uo,selectedTab:o.vendorSpendTrendFilterTabValue,onTabChange:m=>{const b=Zt(m.id);b!=null&&Z(b)},containerStyle:{marginLeft:a[8],marginRight:a[8]}}),t.jsx(Ro,{ref:U,children:t.jsx(eo,{firstMonthOfFY:r,trendWithTransactionsReport:o?.trendWithTransactions,isDetailPage:!1,graphColor:pt,initialTransactionListHeight:k.transactionListHeight.value(z),page:"vendorDetailPage",onTimePeriodChange:gt,onTransactionItemClick:A})})]}):null]}):null]}),!L&&i!==!0&&(jt(oe.formState.dirtyFields)||st||at)?t.jsx(Lt,{formId:Be(Re),primaryBtn:{label:He.save,isLoading:mt,style:{width:k.buttonWidth.value(z)},isDisabled:!1},cancelBtn:{label:He.cancel,style:{width:k.buttonWidth.value(z)},onClick:G}}):null]})})},Ue=(e,o,r,l,i,d)=>({[v]:{vendorName:i?.vendorName??u.common.strings.empty,vendorOwner:{allOptions:Ge(d),selectedOption:i?.vendorOwner},vendorCategory:{allOptions:Qe(e,i?.recommendations),selectedOption:i?.vendorCategory},vendorClass:{allOptions:Ye(o,i?.recommendations),selectedOption:i?.vendorClass},recommendedCategory:i?.recommendedCategory,recommendedClass:i?.recommendedClass,isRecommendedCategorySelected:i?.isCategoryUpdateSelected??!1,isRecommendedClassSelected:i?.isClassUpdateSelected??!1},[xe]:{legalName:i?.legalName??u.common.strings.empty,email:i?.vendorEmail??u.common.strings.empty,phone:i?.vendorPhone??u.common.strings.empty,vendorType:{allTypes:r,selectedType:i?.vendorType},tinType:i?.tin?.type??null,tinValue:i?.tin?.value??null,address:l},[ve]:i!=null&&i?.contacts!=null&&i?.contacts.length!==0?i.contacts:[{fullName:u.common.strings.empty,email:u.common.strings.empty,phone:u.common.strings.empty,id:u.common.strings.empty}]}),qo=(e,o,r)=>{const l=e?.[v],i=e?.[xe];return{vendorCategory:l.vendorCategory.selectedOption,vendorClass:l.vendorClass.selectedOption,vendorId:o,recommendations:r?.recommendations,vendorName:l.vendorName,legalName:i.legalName,vendorOwner:l.vendorOwner?.selectedOption,recommendedCategory:l.recommendedCategory,recommendedClass:l.recommendedClass,isCategoryUpdateSelected:l.isRecommendedCategorySelected??!1,isClassUpdateSelected:l.isRecommendedClassSelected??!1,vendorEmail:i.email,vendorPhone:i.phone,vendorType:i.vendorType.selectedType,tin:{type:i.tinType??null,value:i.tinValue!=null?i.tinValue.replace(Yt,u.common.strings.empty):null},address:i.address,contacts:e?.[ve]}};export{Ss as default,Be as formUniqueName,xe as vendor1099DetailsSectionId,v as vendorDetailsSectionId,Uo as vendorSpendTrendFilterTabs};

package/dist/assets/VendorDomesticWireDetailsPage-BayV34Rt-Du-36wGx.js

@@ -1 +0,0 @@
-import{V as b}from"./index-k1doZNFg.js";import{a as k}from"./sentry-CytkDQe2.js";import{D as y}from"./DomesticWireDetailsPage-BumMT4QM-xDzQX0lF.js";import"./pdf-emb33J2I.js";import"./zeni-epic-state-DyRbb6Q5.js";import"./core-twTS7Cne.js";import"./mui-Bi07oTwe.js";import"./recharts-CS0s98U8.js";import"./lottie-Bdr-9mLw.js";import"./liveblocks-CM0QMS_I.js";import"./dnd-BWijMgNi.js";import"./analytics-BuacLKrs.js";import"./plaid-Dw_qIY4R.js";import"./utils-CSjogEj5.js";import"./BankAccountSection-BabhrBM7-CjKNHuqx.js";import"./MagicLinkTitleSection-ZnbKPIvJ-C28UB4ql.js";import"./BankAccountWarningSection-yT2UAd12-DDru0TbG.js";import"./MailingDetailsSection-DZT7JPlI-C38hqmub.js";import"./LabeledAddressValueField-C6-hVsPb-Cx3qxpIQ.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]="4cce4235-9ff1-4e14-8067-48a378f06135",e._sentryDebugIdIdentifier="sentry-dbid-4cce4235-9ff1-4e14-8067-48a378f06135")}catch{}})();const H=({vendorViewDetails:e,bankAccountContext:t,isDisabled:r,onSaveHandler:s,onWireDetailsUpdated:i,onBackClick:o,onFetchBankName:d,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:s,onWireDetailsUpdated:i,onBackClick:o,onAddressClick:c,onFetchBankName:d})};export{H as default};