@zeniai/web-cockpit-ui 1.15.68-qa → 2.0.0-dev

package/dist/assets/VendorDetailPage-Br9wIOnI-FU56y_vG.js

@@ -1,257 +0,0 @@
-import{g as qe,e as ne,x as u,aG as Ce,cT as wt,aa as Ct,hp as $e,hq as $t,aX as St,cQ as Dt,V as t,bD as Tt,ae as jt,hr as Lt,hs as be,u as l,cR as _t,aT as Vt,bE as kt,O as H,ht as Ue,hu as Ye,hv as Ge,o as s,bW as D,cU as It,ac as v,gZ as Se,hw as Ot,cV as Pt,cW as Mt,cX as zt,hx as Ft,gr as Nt,d2 as Wt,hy as Ht,hz as Rt,d as W,b9 as Je,ak as Ze,bZ as Bt,b1 as At,hA as Et,hB as qt,an as Ut,cv as Yt,dD as Gt,dc as Jt,a_ as me,hC as Zt,cq as Ke,hD as Kt,N as De,M as Xe}from"./index-AibcVs8o.js";import{a as S}from"./sentry-D1ATZ09m.js";import{n as o,c as Xt}from"./mui-CKa4KRJ2.js";import{bi as Te,GM as Qt,GN as ea}from"./zeni-epic-state-n9DAAepz.js";import{R as ta}from"./SubTabSwitcher-D7QeM6nb-CrqFxDEj.js";import{D as aa}from"./TransactionList-BB-xoIGm-Cr5Fw4zn.js";import{R as sa}from"./TrendWithTransactions-3D1FvM8G-BT6LIECo.js";import{o as oa,t as na}from"./arrow-south-east-round-PEovUgvH-C2Qodq1b.js";import{C as la}from"./LabeledAddressValueField-BgWwd5Gw-C6Sd84JD.js";import{Y as ia}from"./LabeledDropDownFormattedTextField-ScGGCap8-B5wH8nK9.js";import"./liveblocks-CkHat3gw.js";import"./core-BkNBJTfZ.js";import"./recharts-Bm8U4EbE.js";import"./lottie-CiNEXYTH.js";import"./analytics-dIF_tB7z.js";import"./lexical--yBvDuds.js";import"./utils-CYPfyH0l.js";import"./ConstrainedInnerElement-CgdnMeoA-BpHBKVR8.js";import"./BoxItem-Bxa1M4QU-nzwL598W.js";import"./commonDimensions-Oz1tdAcx-CViekSs7.js";import"./panelSelectedMixin-Cddsb26L-DRgQ-H7_.js";import"./TrendChart-Bnp4Pcdf-CogbW3Ev.js";import"./chartTypes-CD3vrBsI-C2xnw0_m.js";import"./toCOABalancesWithID-aLNB35t7-B5cVmT7y.js";import"./toChartData-DUL6vnzJ-CXX2Xql8.js";import"./NoDataChart-CrKeqWSr-O1hAzQpH.js";import"./InsightsSection-B6CNlTNH-B1LSgGwc.js";import"./NavigationDots-Dvce3gHt-BEZo75Mq.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]="76237e9b-d3e9-4ed4-a380-6c1f894bfc90",e._sentryDebugIdIdentifier="sentry-dbid-76237e9b-d3e9-4ed4-a380-6c1f894bfc90")}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(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};
-  }
-`,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?Xt`
-          ${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)},Qe={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};
-`,je=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(Xe)`
-  ${e=>`${Qe.spendDuration.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.hero};
-`,ge=o(Xe)`
-  ${e=>`${Qe.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(Ke)``,_e=o(Kt)`
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-all;
-`,Ve=o(Ke)`
-  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=H.getLocalizedStrings().spendManagement.billPay.vendorCreation.vendorDetails.spends,h=p==="small"||p==="medium-compact",w=(T,g)=>g==null?null:T==="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})]}):T==="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(je,{size:p,isMobile:h,children:[...Array(3)].map((T,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(je,{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=H.getLocalizedStrings().spendManagement,se=H.getLocalizedStrings().companyPassport,G=$a.billPay.vendorCreation,k=H.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(Ta,{children:G.vendorDetails.titleFor1099Section}),t.jsxs(ja,{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?Ht:Rt,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};
-`,Ta=o(Je)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${s.sp3};
-  margin-right: ${s.sp6};
-`,ja=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(Ut)`
-  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=H.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=H.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:T,selectedVendorDetails:g,uiState:q,isFiling1099FeatureEnabled:J,onClickShowMoreOrLess:le})=>{const Z=ne(),K=qe(),{getValues:X}=It(),R=Pe.labelWidth.value(Z),ie=Pe.controlWidth.value(Z),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,qt].includes(L??"")},j=I.vendorDetails.recommendation.tooltip,U=j.category.replace("__based__",g?.vendorDetailLocalData?.recommendedCategory?.reason?.toLocaleLowerCase()??""),Q=j.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:[q?.collapsableStatus==="expand"?`${oe.show}${oe.strings.space}${Me.subscription.lessBtnText}`:`${oe.show}${oe.strings.space}${Me.subscription.moreBtnText}`,q?.collapsableStatus==="expand"?t.jsx(Na,{}):t.jsx(Wa,{})]}):null]}),t.jsxs(za,{children:[t.jsx(Se,{isLoading:!1,label:{label:I.vendorDetails.category,width:R},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 ${K.colors.grey3}`},isDisabled:p?"readonly":f,disableCurrentOption:B,fullWidthSelect:!1,zIndexOnFocus:!0,recommendationCheckboxField:g?.vendorDetailLocalData?.recommendedCategory!=null&&c?{tooltipProps:{text:U},label:{label:g?.vendorDetailLocalData?.recommendedCategory?.accountName},checkBoxField:{name:N(w,"isRecommendedCategorySelected"),defaultChecked:X(N(w,"isRecommendedCategorySelected"))}}:void 0}),t.jsx(Se,{isLoading:!1,label:{label:I.vendorDetails.class,width:R},zIndexOnFocus:!0,groupedSingleSelectField:{name:N(w,"vendorClass"),placeholder:I.placeholders.class,valueToInfo:$=>re($),defaultValue:{selectedOption:E,allOptions:Ue(n,h)},registerOptions:{required:!1},style:{width:"auto"},shouldShowChevronIcon:pe},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${K.colors.grey3}`},isDisabled:p===!0?"readonly":f,fullWidthSelect:!1,recommendationCheckboxField:g?.vendorDetailLocalData?.recommendedClass!=null&&c?{tooltipProps:{text:Q},label:{label:g?.vendorDetailLocalData?.recommendedClass?.className},checkBoxField:{name:N(w,"isRecommendedClassSelected"),defaultChecked:X(N(w,"isRecommendedClassSelected"))}}:void 0}),t.jsx(Ot,{label:{label:I.vendorDetails.vendorOwner,width:R},userSingleSelectField:{name:N(w,"vendorOwner"),placeholder:I.placeholders.owner,defaultValue:{allOptions:Ge(i),selectedOption:T},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(Ze)`
-  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};
-`,Ha=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};
-`,Ra=()=>t.jsxs(Ha,{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=H.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},He=e=>`${e}_form`,x="vendorDetails",xe="vendor1099Details",Re="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;
-`,qa=o.div``,Ua=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:T,onTrendSelectedPeriodChange:g,onTransactionItemClick:q,onSpendTrendPercentChangeClick:J,onSaveVendor:le,onVendorSpendTrendFilterTabClick:Z,onAddressClick:K,saveContactsInVendorTabDetailLocalData:X,onVendorDetailUIChange:R,sidePanelIsFullView:ie,sidePanelIsOpen:de,panelContent:re})=>{const B=qe(),j=ne(),U=S.useRef(null),[Q,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?Te(m.vendorAddress):m.vendorAddress,m.vendorNewAddressStatus?.addressToCreate!=null?Te(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),X?.(_?.vendorId??b.common.strings.empty,r)};S.useEffect(()=>{p===!0&&Q===!1&&a?.trendWithTransactions.trendReport?.fetchState==="Completed"&&a?.trendWithTransactions.transactionView?.fetchState==="Completed"&&(window.scrollTo({top:(U.current?.offsetTop??0)+P.navbarHeight,behavior:"smooth"}),ce(!0))},[p,Q,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:(U.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(Qt(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:q,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&&Z(y)},containerStyle:{marginLeft:l[8],marginRight:l[8]}}),t.jsx(qa,{ref:U,"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(j),page:"vendorDetailPage",onTimePeriodChange:ht,onTransactionItemClick:q})})]}):null}},ft=()=>{te?.collapsableStatus==="expand"?R?.("collapse"):R?.("expand")},we=ee.find(r=>L===r.id);return t.jsx(Tt,{isOpen:de??!1,isFullView:ie??!1,panelContent:re,headerContent:t.jsxs(t.Fragment,{children:[t.jsx(kt,{onBackClick:T,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:j,children:t.jsx(Ra,{})})}),V===!1&&m.vendorDetailLocalData!=null&&t.jsxs(Ae,{isPageLoading:V,children:[t.jsx(Be,{size:j,children:t.jsx(jt,{...ae,children:t.jsxs("form",{id:He(Re),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:K,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(Ua,{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:He(Re),primaryBtn:{label:We.save,isLoading:pt,style:{width:P.buttonWidth.value(j)},isDisabled:!1},cancelBtn:{label:We.cancel,style:{width:P.buttonWidth.value(j)},onClick:T}}):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:Ue(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(Zt,b.common.strings.empty):null},address:n.address,contacts:e?.[be]}};export{Ss as default,He as formUniqueName,xe as vendor1099DetailsSectionId,x as vendorDetailsSectionId,Ga as vendorSpendTrendFilterTabs};

package/dist/assets/VendorDomesticWireDetailsPage-BpPgQRHI-CaZ8t3RD.js

@@ -1 +0,0 @@
-import{V as l}from"./index-AibcVs8o.js";import{a as y}from"./sentry-D1ATZ09m.js";import{y as k}from"./DomesticWireDetailsPage-DCDo3aHI-B8T0Sqy1.js";import"./liveblocks-CkHat3gw.js";import"./core-BkNBJTfZ.js";import"./recharts-Bm8U4EbE.js";import"./zeni-epic-state-n9DAAepz.js";import"./mui-CKa4KRJ2.js";import"./lottie-CiNEXYTH.js";import"./analytics-dIF_tB7z.js";import"./lexical--yBvDuds.js";import"./utils-CYPfyH0l.js";import"./BankAccountSection-Di4sF52j-ZCgNUGht.js";import"./MagicLinkTitleSection-CARU1oLQ-BjGULf6o.js";import"./BankAccountWarningSection-Cled-2cR-DVb4w8SQ.js";import"./MailingDetailsSection-ByOPaJ05-9VPv0fgJ.js";import"./LabeledAddressValueField-BgWwd5Gw-C6Sd84JD.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]="b9fd0543-a57c-4e9d-bed2-4b5634ee5bc3",e._sentryDebugIdIdentifier="sentry-dbid-b9fd0543-a57c-4e9d-bed2-4b5634ee5bc3")}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:b,bankAccountToCreate:u,fetchBankNameByRoutingStatus:f}=e,a=Object.assign({},p??m);return y.useEffect(()=>{(t==="vendor"&&n?.fetchState==="Completed"||a?.saveStatus?.fetchState==="Completed"&&t!=="express-pay")&&o()},[n,a?.saveStatus?.fetchState,o,t]),l.jsx(k,{bankAccountToCreate:u,bankAccountCreationState:n,bankNameByRouting:b,addressToEdit:a?.vendorNewAddressStatus?.addressToCreate,mailingAddress:a?.vendorAddress,addressType:"vendor_address",fetchBankNameByRoutingStatus:f,isDisabled:r,onSaveHandler:d,onWireDetailsUpdated:s,onBackClick:o,onAddressClick:c,onFetchBankName:i})};export{j as default};

package/dist/assets/VendorFiling1099EditablePage-himC7iD3-CNVSOTkz.js

@@ -1,175 +0,0 @@
-import{e as oe,g as Ne,aa as Ae,cQ as ke,x as w,V as t,bE as Be,ac as Ee,ae as Oe,cV as C,o as s,c_ as We,hx as Re,gr as qe,d2 as Me,hy as He,hz as Ue,cZ as _e,aT as Je,O as ne,fd as _,hE as de,eJ as Ge,fe as Ke,u as c,b as Ze,bW as L,cM as Qe,hF as Xe,d as F,p as Ye,cq as et,an as ce,eZ as tt,hG as st,hH as lt,hI as M,ff as it}from"./index-AibcVs8o.js";import{a as x}from"./sentry-D1ATZ09m.js";import{n as a}from"./mui-CKa4KRJ2.js";import{Y as rt}from"./LabeledDropDownFormattedTextField-ScGGCap8-B5wH8nK9.js";import"./liveblocks-CkHat3gw.js";import"./core-BkNBJTfZ.js";import"./recharts-Bm8U4EbE.js";import"./zeni-epic-state-n9DAAepz.js";import"./lottie-CiNEXYTH.js";import"./analytics-dIF_tB7z.js";import"./lexical--yBvDuds.js";import"./utils-CYPfyH0l.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]="4de6b548-d45b-44e8-bdce-1512ad9a1661",e._sentryDebugIdIdentifier="sentry-dbid-4de6b548-d45b-44e8-bdce-1512ad9a1661")}catch{}})();const te={largeLabelWidth:new w(160,210,230),paddingBottom:new w(c[3],c[2])},j=(e,i)=>`${e}.${i}`;function at(e){const{loadingState:i}=e;return t.jsx(ot,{...e,isDisabled:e.isDisabled||i==="In-Progress"?"disabled":void 0})}function ot({googleAPIKey:e,addressToEdit:i,sectionId:o,isDisabled:g,style:W}){const E=oe(),u=ne.getLocalizedStrings().companyPassport,p=te.largeLabelWidth.value(E);return t.jsxs(t.Fragment,{children:[t.jsx(se,{type:"hidden",value:"noAutoFill"}),t.jsx(nt,{style:W,children:t.jsxs(dt,{children:[t.jsx(st,{isDisabled:g,label:{label:u.address.street,width:p,showBullet:!0},addressField:{name:j(o,"street"),defaultValue:{addressString:i?.street[0]??"",addressValue:i!=null?de(i):void 0},placeholder:M(u.address.street),registerOptions:{required:!0,validate:v=>v!=null?!!v.addressString:!1},autoComplete:"new-password",googleAPIKey:e,addressFormatter:lt},style:{border:"none",width:"100%",outline:"none"}}),t.jsx(C,{isDisabled:g,label:{label:u.address.suite,width:p,showBullet:!0},style:{wordBreak:"break-word",width:"100%",outline:"none"},text:{type:"text",name:j(o,"suite"),defaultValue:i?.street[1],placeholder:u.address.suitePlaceholder,autoComplete:"new-password"}}),t.jsx(C,{isDisabled:g,label:{label:u.address.city,width:p,showBullet:!0},style:{width:"100%",outline:"none"},text:{type:"text",name:j(o,"city"),defaultValue:i?.city,placeholder:M(u.address.city),autoComplete:"new-password",options:{required:!0}}}),t.jsx(C,{isDisabled:g,label:{label:u.address.state,width:p,showBullet:!0},style:{width:"100%",outline:"none"},text:{type:"text",name:j(o,"state"),defaultValue:i?.state,placeholder:M(u.address.state),autoComplete:"new-password",options:{required:!0}}}),t.jsx(se,{readOnly:!0,value:"noAutoFill"}),t.jsx(it,{isDisabled:g,label:{label:u.address.country,width:p,showBullet:!0},style:{width:"100%",outline:"none"},countrySelectField:{name:j(o,"country"),placeholder:u.address.countryPlaceholder,defaultValue:_(i?.country),registerOptions:{validate:v=>!!(v!=null&&v.selectedOption)}}}),t.jsx(C,{isDisabled:g,label:{label:u.address.zipCode,width:p,showBullet:!0},style:{width:"100%",outline:"none"},text:{type:"text",name:j(o,"postalCode"),defaultValue:i?.postalCode,placeholder:u.address.zipCodePlaceHolder,autoComplete:"new-password",options:{required:!0}}}),t.jsx(C,{isDisabled:g,label:{label:u.address.secondaryInfo,width:p,showBullet:!0},style:{paddingBottom:te.paddingBottom.valuePx(E),width:"100%",outline:"none"},text:{type:"text",name:j(o,"secondaryInfo"),defaultValue:i?.street[2],placeholder:u.address.secondaryInfoPlaceholder,autoComplete:"new-password"}})]})})]})}const nt=a.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${s.sp3};
-`,dt=a.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border-radius: ${s.sp2};
-  padding-right: ${s.sp2};
-`,se=a.input`
-  display: none;
-`,ct=a.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${s.sp7};
-  margin-bottom: ${s.sp4};
-`,ut=a.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${s.sp3};
-`,pt=a.div`
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  filter: drop-shadow(
-    ${s.sp0} 2px ${s.sp1} ${F.boxShadowElevation}
-  );
-  border-radius: ${s.sp2};
-  background: ${e=>e.theme.colors.grey5};
-`,ht=a.div`
-  margin-left: ${s.sp3};
-`,H=a.div`
-  padding: ${s.sp3};
-  display: flex;
-  justify-content: space-between;
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,gt=()=>t.jsx(ct,{children:[...Array(1)].map((e,i)=>t.jsxs(ut,{children:[t.jsx(L,{style:{marginBottom:s.sp4},width:120,height:c[4]}),t.jsxs(pt,{children:[[...Array(5)].map((o,g)=>t.jsxs(H,{children:[t.jsx(L,{width:70,height:c[4]}),t.jsx(L,{width:140,height:c[4]})]},g)),t.jsx(H,{children:t.jsx(L,{width:120,height:c[4]})}),t.jsx(ht,{children:[...Array(7)].map((o,g)=>t.jsxs(H,{children:[t.jsx(L,{width:70,height:c[4]}),t.jsx(L,{width:140,height:c[4]})]},g))})]})]},i))}),$={largeLabelWidth:new w(130,200,300),labelMarginLeft:new w(c[3],c[4]),labelMarginTop:new w(c[2],c[3]),labelMarginBottom:new w(c[2],c[3]),containerPaddingLeft:new w(c[3],c[6],c[8]),containerPaddingRight:new w(c[3],c[6],c[8])},mt={zIndex:2,minHeight:62},l="vendor1099FilingSectionId",ue="legalName",pe="email",he="phone",ge="taxClassification",me="tinType",ye="tinValue",yt="street",xt="suite",ft="city",bt="state",wt="country",$t="countryCode",vt="postalCode",jt="secondaryInfo",U=e=>`${e}_form`,P=(e,i)=>`${e}.${i}`,{spendManagement:St,common:r}=ne.getLocalizedStrings(),S=St.billPay.vendorCreation,A=r.labels,le=r.footer,ts=e=>{const i=oe(),o=new AbortController,g=Ne(),W=o.signal,{onVendorFiling1099UploadDetailsSave:E,vendorId:u,vendorFiling1099UploadDetailsViewState:p,onSaveChangesToLocalStore:v,vendorFiling1099UploadDetails:V,fetchVendorFetchStatus:J,onAddressEditHandler:xe,goBackToListPage:G,onResetVendorFiling1099FormStatus:fe,googleAPIKey:be}=e,{vendor1099DetailsSaveStatus:T,vendor1099DetailsLocalData:d,w9FormUploadStatus:K}=p,[Z,Q]=x.useState(V.addressStatus?.addressToCreate??{street:[],city:"",state:"",country:"",countryCode:"",postalCode:""}),X=x.useRef(null),{vendorTypeList:R}=V,z=x.useRef(null),N=x.useRef(null),Y=x.useRef(!1);x.useEffect(()=>{N.current===null&&d.legalName!=r.strings.empty&&p.vendor1099DetailsAutoFilledValues?.legalName===!0&&(N.current=d.legalName)},[d.legalName]),x.useEffect(()=>{z.current===null&&d.legalName!==r.strings.empty&&(z.current=d.legalName)},[d.legalName]),x.useEffect(()=>{V?.addressStatus?.addressToCreate&&p.vendor1099DetailsAutoFilledValues?.address===!0&&Y.current===!1&&(Q(V.addressStatus.addressToCreate),Y.current=!0)},[V,p.vendor1099DetailsAutoFilledValues?.address]);const m=Ae({mode:"onSubmit",defaultValues:ae(d,R??[],Z),values:ae(d,R??[],Z)}),{isValid:we}=m.formState,$e=m.handleSubmit(()=>{we&&(xe(m.getValues()),E(u,W))}),{vendor1099DetailsAutoFilledValues:f}=p,ve=()=>f?.tin.type===!0||f?.tin.value===!0||f?.legalName===!0||f?.taxClassification===!0,je=async(y,n)=>{if(y!=null){const h={...n},De=h[l].legalName,Ie=h[l].email,Le=h[l].phone,Pe=h[l].taxClassification,Fe=h[l].tinType,ee=h[l].tinValue,Te={legalName:De??r.strings.empty,vendorId:u,contact:{email:Ie??r.strings.empty,phone:Le??r.strings.empty,fullName:d.contact?.fullName??r.strings.empty,id:d.contact?.id??r.strings.empty},taxClassification:Pe.selectedType??r.strings.empty,tin:{type:Fe??null,value:ee??null},tinValue:ee??null};if(y.includes(`${l}.street`)&&n.vendor1099FilingSectionId.street!=null){const{addressValue:I}=n.vendor1099FilingSectionId.street,ze=m.getValues(`${l}.country`),q=_(I?.country);m.setValue(l,{...n[l],street:n.vendor1099FilingSectionId.street,city:I?.locality??"",state:I?.administrativeAreaLevel1??"",country:q,countryCode:I?.countryCode??"",postalCode:I?.postalCode??"",secondaryInfo:n.vendor1099FilingSectionId.secondaryInfo??"",suite:n.vendor1099FilingSectionId.suite??""}),Ge(m.formState.errors,`${l}.city`)&&I?.locality&&m.trigger(`${l}.city`),ze.selectedOption!==q.selectedOption&&m.setValue(`${l}.country`,q)}else y==="vendor1099FilingSectionId.country"&&n[l].country.selectedOption!=null&&m.setValue(`${l}.countryCode`,Ke(n[l].country.selectedOption));v(Te)}};x.useEffect(()=>{const y=m.watch((n,{name:h})=>{h!=null&&n!=null&&((h.startsWith(`${l}.street`)||h.startsWith(`${l}.city`)||h.startsWith(`${l}.state`)||h.startsWith(`${l}.country`)||h.startsWith(`${l}.postalCode`))&&n[l]!=null&&Q({street:[n[l].street?.addressString??r.strings.empty,n[l].suite??r.strings.empty,n[l].secondaryInfo??r.strings.empty],city:n[l].city??r.strings.empty,state:n[l].state??r.strings.empty,country:n[l].country?.selectedOption??r.strings.empty,countryCode:n[l].countryCode,postalCode:n[l].postalCode??r.strings.empty}),ke(()=>je(h,n)))});return()=>{y.unsubscribe()}});const D=$.largeLabelWidth.value(i),Se=T.error?.message??r.strings.empty,Ce=T.error?.title??r.strings.empty,Ve=()=>T?.fetchState==="In-Progress"||J?.fetchState==="In-Progress"||K?.fetchState==="In-Progress",b=J?.fetchState==="In-Progress"||K?.fetchState==="In-Progress";return x.useEffect(()=>()=>{o.abort(),fe()},[]),t.jsx(Vt,{windowSize:i,children:t.jsxs(Ct,{windowSize:i,children:[t.jsxs(Dt,{windowSize:i,ref:X,children:[t.jsx(Be,{title:(p.vendor1099DetailsAutoFilledValues?.legalName===!0?N.current:z.current)??r.strings.empty,backgroundColor:g.colors.grey4,leftSideComponent:t.jsx(t.Fragment,{}),rightSideComponent:t.jsx(Lt,{windowSize:i,onClick:G,"data-testid":Ee("vendor-filling-1099-details-editable-page-close-icon")}),scrollableContent:X,enableTitleOnScroll:!0,scrollThreshold:50,source:"VendorFiling1099EditablePage"}),b===!0?t.jsx(ie,{windowSize:i,isLoading:b,children:t.jsx(gt,{})}):t.jsxs(ie,{windowSize:i,isLoading:b,children:[i==="small"?t.jsx(Pt,{windowSize:i,children:p.vendor1099DetailsAutoFilledValues?.legalName===!0?N.current:z.current}):t.jsx(Ft,{children:p.vendor1099DetailsAutoFilledValues?.legalName===!0?N.current:z.current}),T.fetchState==="Error"?t.jsxs(Tt,{children:[t.jsx(kt,{}),t.jsxs(zt,{children:[t.jsx(Nt,{children:Ce}),t.jsx(At,{children:Se})]})]}):null,ve()&&t.jsxs(Ot,{children:[t.jsx(B,{}),t.jsx(Wt,{children:S.vendorDetails.banner})]}),t.jsx(Oe,{...m,children:t.jsx("form",{id:U(l),onSubmit:$e,children:t.jsxs(It,{isLoading:b,children:[t.jsx(O,{children:f?.legalName===!0&&!b?t.jsx(B,{}):null}),t.jsx(C,{label:{label:A.legalName,width:D,style:{marginLeft:s.sp4}},style:{width:"auto",borderTopLeftRadius:s.sp2,borderTopRightRadius:s.sp2},text:{type:"text",name:P(l,ue),defaultValue:d.legalName,placeholder:S.vendorDetails.legalNamePlaceHolder,options:{required:!0,validate:y=>y!==r.strings.empty}}}),t.jsx(k,{}),t.jsxs(t.Fragment,{children:[t.jsx(C,{label:{label:A.email,width:D,style:{marginLeft:s.sp4}},style:{width:"auto"},text:{type:"email",name:P(l,pe),defaultValue:d.contact?.email,placeholder:S.vendorDetails.emailPlaceHolder,options:{required:!1}}}),t.jsx(k,{}),t.jsx(We,{label:{label:A.phone,width:D,style:{marginLeft:s.sp4}},text:{name:P(l,he),placeholder:S.vendorDetails.phonePlaceHolder,defaultValue:d.contact?.phone,autoComplete:"off",options:{required:!1}},style:{width:"auto"}}),t.jsx(k,{})]}),t.jsxs(Rt,{isLoading:b,children:[t.jsx(O,{children:f?.taxClassification===!0&&!b?t.jsx(B,{}):null}),t.jsxs(re,{children:[t.jsx(Bt,{width:D,windowSize:i,children:A.taxClassification}),t.jsx(Et,{size:i,labelWidth:D,children:t.jsx(Re,{name:P(l,ge),value:{allTypes:R?.map(y=>({code:y.code,name:y.name,label:y.name}))??[],selectedType:d.taxClassification},placeholderLabel:S.vendorDetails.taxClassificationPlaceHolder})})]})]}),t.jsx(k,{}),t.jsx(O,{children:(f?.tin.type===!0||f?.tin.value===!0)&&!b?t.jsx(B,{}):null}),t.jsx(re,{children:t.jsx(rt,{name:P(l,me),menuPlacement:"auto",style:{height:s.sp6,width:"100%",marginLeft:s.sp4},dropdownStyle:{width:"40%"},defaultValue:{dropDownValue:d.tin?.type??r.strings.empty,dropDownList:[{code:r.texts.ein,label:r.texts.ein.toUpperCase()},{code:r.texts.ssn,label:r.texts.ssn.toUpperCase()}]},registerOptions:{required:!1},label:{width:D},placeholderLabel:S.placeholders.tinType,formattedText:{type:"text",name:P(l,ye),placeholder:S.placeholders.tinValue,format:d.tin?.type===r.texts.ssn?He:Ue,registerOptions:{required:!!d?.tin?.type,pattern:d.tin?.type===r.texts.ssn?qe:Me},style:{width:"100%",height:s.sp6},defaultValue:d.tin?.value??r.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:d.tin?.type===null?"disabled":void 0}})}),t.jsx(k,{}),t.jsxs(qt,{children:[t.jsx(O,{children:f?.address===!0&&!b?t.jsx(B,{}):null}),t.jsx(_e,{label:A.address,style:{marginLeft:s.sp4,marginTop:$.labelMarginTop.value(i),marginBottom:s.sp2}}),t.jsx(at,{googleAPIKey:be,formId:U(l),addressToEdit:V?.addressStatus?.addressToCreate,sectionId:l})]})]})})})]})]}),t.jsx(Je,{separatorStyle:{marginRight:s.sp4},formId:U(l),cancelBtn:{label:le.cancel,style:{width:"83px"},onClick:G},primaryBtn:{label:le.save,isLoading:T.fetchState==="In-Progress",style:{width:"83px"},isDisabled:Ve()},style:mt})]})})},Ct=a.div`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  justify-content: space-between;
-`,Vt=a.div`
-  height: 100%;
-`,ie=a.div`
-  padding-left: ${e=>$.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>$.containerPaddingRight.valuePx(e.windowSize)};
-  height: ${e=>e.isLoading?void 0:"100%"};
-  padding-bottom: 112px;
-`,Dt=a.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100%;
-  width: 100%;
-`,It=a.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.isLoading?void 0:e.theme.colors.grey5};
-  border: ${e=>e.isLoading?void 0:`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.isLoading?void 0:`${s.sp0} 2px ${s.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${s.sp2};
-  position: relative;
-`,k=a.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Lt=a(Ze)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${s.sp4};
-  height: ${s.sp4};
-  min-height: ${s.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Pt=a(Qe)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${s.sp0};
-  margin-right: ${s.sp3};
-`,Ft=a(Xe)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${s.sp4};
-`,Tt=a.div`
-  background-color: ${F.alertLight};
-  border: 1px solid ${F.brandColorGoldDark};
-  border-radius: ${s.sp2};
-  display: flex;
-  gap: ${s.sp2};
-  padding: ${s.sp3} ${s.sp4};
-  margin-bottom: ${s.sp3};
-`,zt=a.div`
-  display: flex;
-  flex-direction: column;
-`,Nt=a(et)`
-  color: ${F.brandColorGoldDark};
-`,At=a(ce)`
-  color: ${F.brandColorGoldDark};
-`,kt=a(Ye)`
-  width: ${s.sp4};
-  min-height: ${s.sp4};
-  width: ${s.sp4};
-  height: ${s.sp4};
-  color: ${F.brandColorGoldDark};
-`,re=a.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;
-  }
-`,Bt=a(ce)`
-  width: ${e=>e.width}px;
-  color: ${e=>e.theme.colors.hero};
-  margin: ${e=>`${$.labelMarginTop.valuePx(e.windowSize)} ${$.labelMarginLeft.valuePx(e.windowSize)} ${$.labelMarginBottom.valuePx(e.windowSize)} ${$.labelMarginLeft.valuePx(e.windowSize)}`};
-  padding-right: ${s.sp5};
-`,Et=a.div`
-  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"100%"};
-  display: flex;
-  flex-grow: ${e=>e.size==="small"?1:0};
-  align-items: center;
-  margin-right: ${s.sp2};
-`,B=a(tt)`
-  color: ${e=>e.theme.colors.primary};
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,Ot=a.div`
-  display: flex;
-  gap: ${s.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  padding: ${s.sp3};
-  border-radius: ${s.sp2};
-  align-items: center;
-  margin: ${s.sp3};
-  margin-left: ${s.sp0};
-  margin-right: ${s.sp0};
-`,Wt=a.span`
-  color: ${e=>e.theme.colors.hero};
-`,Rt=a.div`
-  position: relative;
-`,O=a.div`
-  position: absolute;
-  top: 20px;
-  left: -${s.sp4};
-`,qt=a.div`
-  display: flex;
-  position: relative;
-  width: 100%;
-  flex-direction: column;
-  z-index: unset;
-
-  &:hover {
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-`,ae=(e,i,o)=>({[l]:{[ue]:e.legalName??r.strings.empty,[pe]:e.contact?.email??r.strings.empty,[he]:e.contact?.phone??r.strings.empty,[ge]:{selectedType:e.taxClassification,allTypes:i},[me]:e.tin?.type??null,[ye]:e.tin?.value??null,[yt]:{addressString:o?.street[0]??"",addressValue:o!=null?de(o):void 0},[ft]:o?.city??"",[bt]:o?.state??"",[wt]:_(o?.country),[$t]:o?.countryCode??"",[vt]:o?.postalCode??"",[jt]:o?.street[2]??"",[xt]:o?.street[1]??""}});export{ts as default,U as uniqueFormName};