@zeniai/web-cockpit-ui 1.14.82-dev → 1.14.83-dev

package/dist/assets/VendorDetailPage-gDnCoaGz-Bq_C256n.js

@@ -0,0 +1,257 @@
+import{a as R,i as Ee,u as le,R as g,b3 as we,a8 as ut,it as Ue,iu as qe,iv as Ge,iw as Se,ix as vt,bs as xt,dt as yt,j as t,cf as bt,aa as ft,iy as wt,iz as ve,s as n,du as St,bC as Ct,iA as $t,b as s,eI as Dt,cA as S,eH as Tt,dQ as jt,bv as ce,dF as Lt,i3 as Ce,iB as Vt,iC as It,iD as kt,dv as Ot,dw as Pt,dx as Nt,iE as Mt,hy as _t,dD as zt,iF as Ft,iG as Rt,C as F,d6 as Ye,iH as At,d as $e,e as Qe,bH as Ze,af as Xe,eQ as Wt,bz as Ht,ah as Bt}from"./index-2CdI-B2B.js";import{a as w}from"./core-tlHkQPPu.js";import{n as o,c as Et}from"./mui-kiGMfX4-.js";import{b as Ut}from"./omit-5LZGrM3q-cCGLyNB9.js";import{bi as De,fQ as qt,fR as Gt}from"./zeni-epic-state-Bo1aGezX.js";import{n as Yt}from"./SubTabSwitcher-D66ATBlk-cmQvyV1w.js";import{j as Qt}from"./TransactionList-Brm_EWed-DwQzznTi.js";import{W as Zt}from"./TrendWithTransactions-Bacaqvbc-CDzpSeHr.js";import{r as Xt,t as Jt}from"./arrow-south-east-round-D5pI7KCC-DyTRFc-f.js";import{c as Kt}from"./LabeledAddressValueField-C74ZzWQ3-j8ky07qz.js";import{m as ea}from"./LabeledDropDownFormattedTextField-B4_WiAaD-BNmJ6YJs.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./_baseUnset-WRwI4F7w-C17FI5GR.js";import"./flatten-CIVR5K8J-DvOZeE7b.js";import"./BoxItem-B6Qj2tSj-aLWYhGMW.js";import"./commonDimensions-B2oTTz3C-DxkHqcKn.js";import"./groupBy-LtwzERV9-C02NtlDV.js";import"./map-CnboTxlt-CZn0FfBt.js";import"./orderBy-D3W4CDe6-BoPe-dQB.js";import"./TrendChart-ZXja3Lv--B4yGBgeP.js";import"./chartTypes-BADtYh4F-X-tWlUJq.js";import"./toCOABalancesWithID-C_Swao_b-2UkzUVnC.js";import"./toChartData-DfujfQ7D-nillWsTs.js";import"./NoDataChart-C0lCeeVH-BiooJKO2.js";import"./InsightsSection-DJrMi3DN-DUYhJ5vl.js";import"./NavigationDots-DO5y6mdV-DGnlFBBn.js";const ta=o.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+`,aa=o.div`
+  display: flex;
+  position: relative;
+  padding: 12px 12px 14px 12px;
+`,sa=o.div``,oa=o(Xe)`
+  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};
+  }
+`,na=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?Et`
+          ${e.optionCss}
+        `:null}
+`,la=e=>{let a="";return e.forEach(d=>{a=`${a}
+      &.${d.id} {
+        width: ${d.style.width}px;
+        left: ${d.style.left}%;
+      }`}),a};function ia({option:e,isSelected:a,onClick:d}){return t.jsx(oa,{onClick:()=>{a!==!1||e.disabled||d(e)},isSelected:a,leftMargin:e.leftMargin,isDisabled:e.disabled??!1,children:t.jsx(sa,{children:(i=e,i.label)})});var i}function ra({allTabs:e,selectedTab:a,containerStyle:d,onOptionSelectionChanged:i}){const l=c=>{i(c)};return t.jsx(ta,{style:d,children:t.jsxs(aa,{children:[e.map(c=>t.jsx(ia,{option:c,isSelected:c===a,onClick:l},c.id)),t.jsx(na,{className:`Slider ${a.id}`,optionCss:la(e)})]})})}const P={logoWidth:new g(n[6],n[6]),logoHeight:new g(n[6],n[6]),pageHeaderHorizontalPadding:new g(n[3],n[3],n[8]),pageHeaderVerticalPadding:new g(n[2],n[2],n[4]),spendTrendsColumnGap:new g(n[1],n[1],n[4],n[11]),spendTrendsMarginBottom:new g(n[2],n[2],n[4]),spendTrendHeadingSkeletonWidth:new g(90,90,120,150)},Je={spendValue:new $e("standardMedium","largeSemiBold"),spendDuration:new $e("extraSmallRegular","standardRegular")},da=o.div`
+  padding: ${e=>`${P.pageHeaderVerticalPadding.valuePx(e.size)} ${P.pageHeaderHorizontalPadding.valuePx(e.size)}`};
+  display: flex;
+  justify-content: space-between;
+  box-shadow: ${s.sp0} 2px ${s.sp1} ${F.boxShadowElevation};
+  flex-direction: ${e=>e.isMobile===!0?"column":"row"};
+  align-items: ${e=>e.isMobile?"flex-start":"center"};
+  row-gap: ${s.sp3};
+  margin-bottom: ${e=>P.spendTrendsMarginBottom.valuePx(e.size)};
+  background-color: ${e=>e.theme.colors.grey5};
+`,Te=o.div`
+  display: flex;
+  column-gap: ${e=>e.isMobile===!0?"unset":P.spendTrendsColumnGap.valuePx(e.size)};
+  justify-content: space-between;
+  width: ${e=>e.isMobile===!0?"100%":"unset"};
+  align-items: center;
+`,je=o.div`
+  display: flex;
+  column-gap: ${s.sp3};
+  align-items: center;
+  max-width: ${e=>e.isMobile===!1?"50%":"unset"};
+`,pe=o(Qe)`
+  ${e=>`${Je.spendDuration.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.hero};
+`,me=o(Qe)`
+  ${e=>`${Je.spendValue.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  text-align: ${e=>e.isMobile===!0?"left":"right"};
+`,ca=o.div`
+  background-color: ${e=>e.theme.colors.graphColor34Light};
+  color: ${F.importantDark};
+  padding: ${s.sp1} 12px;
+  border-radius: 50px;
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp1};
+  cursor: pointer;
+  svg {
+    color: ${F.importantDark};
+  }
+`,pa=o.div`
+  background-color: ${F.successLight};
+  color: ${F.successDark};
+  padding: ${s.sp1} 12px;
+  border-radius: 50px;
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp1};
+  cursor: pointer;
+
+  svg {
+    color: ${F.successDark};
+  }
+`,ma=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;
+`,he=o(Ye)``,Le=o(At)`
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-all;
+`,Ve=o(Ye)`
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-all;
+`,Ie=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp3};
+`,ha=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp1};
+`,ga=o.div`
+  display: flex;
+  justify-content: ${e=>e.isMobile?"flex-start":"flex-end"};
+`,ge=o.div``,ua=({spend:e,vendorName:a,vendorLogo:d,isPageLoading:i,isSpendTrendLoading:l,onPercentChangeClick:c})=>{const p=le(),y=R.getLocalizedStrings().spendManagement.billPay.vendorCreation.vendorDetails.spends,h=p==="small"||p==="medium-compact";return t.jsxs(da,{isMobile:h,size:p,children:[i===!0?t.jsxs(je,{isMobile:h,children:[t.jsx(Dt,{width:n[6],height:n[6]}),t.jsx(S,{width:140,height:n[6]}),t.jsx(S,{width:70,height:n[5]})]}):t.jsxs(je,{isMobile:h,children:[d!=null?t.jsxs(Ie,{children:[t.jsx(Tt,{photoUrl:d.toString(),styles:{width:P.logoWidth.valuePx(p),height:P.logoHeight.valuePx(p)}}),h?t.jsx(Ve,{children:a}):t.jsx(Le,{children:a})]}):t.jsxs(Ie,{children:[t.jsx(jt,{name:a,size:s.sp6}),h?t.jsx(Ve,{children:a}):t.jsx(Le,{children:a})]}),(v=e.changeType,C=e.percentChange,C==null?null:v==="increased"?t.jsxs(ca,{onClick:c,children:[t.jsx(Xt,{width:s.sp3,height:s.sp3}),t.jsx(he,{children:C})]}):v==="decreased"?t.jsxs(pa,{onClick:c,children:[t.jsx(Jt,{width:s.sp3,height:s.sp3}),t.jsx(he,{children:C})]}):t.jsx(ma,{onClick:c,children:t.jsxs(he,{children:[C,"%"]})}))]}),l||i?t.jsx(Te,{size:p,isMobile:h,children:[...Array(3)].map((Q,A)=>t.jsxs(ha,{children:[t.jsx(S,{width:P.spendTrendHeadingSkeletonWidth.value(p),height:n[4]}),t.jsx(ga,{isMobile:h,children:t.jsx(S,{width:P.spendTrendHeadingSkeletonWidth.value(p)/2,height:n[4]})})]},A))}):t.jsxs(Te,{size:p,isMobile:h,children:[t.jsxs(ge,{children:[t.jsx(pe,{windowSize:p,isMobile:h,children:y.last30Days}),t.jsx(me,{windowSize:p,isMobile:h,children:ce("0,0.[00]",e.last30DaysSpend,e.currencySymbol)})]}),t.jsxs(ge,{children:[t.jsx(pe,{windowSize:p,isMobile:h,children:y.last90Days}),t.jsx(me,{windowSize:p,isMobile:h,children:ce("0,0.[00]",e.last90DaysSpend,e.currencySymbol)})]}),t.jsxs(ge,{children:[t.jsx(pe,{windowSize:p,isMobile:h,children:y.ytdSpend}),t.jsx(me,{windowSize:p,isMobile:h,children:ce("0,0.[00]",e.yearToDateSpend,e.currencySymbol)})]})]})]});var v,C},N={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(n[3],n[4]),labelMarginTop:new g(n[2],n[3]),labelMarginBottom:new g(n[2],n[3])},G=(e,a)=>`${e}.${a}`,va=R.getLocalizedStrings().spendManagement,oe=R.getLocalizedStrings().companyPassport,Y=va.billPay.vendorCreation,V=R.getLocalizedStrings().common,xa=({vendorTypeList:e=[],isDisabled:a,sectionId:d,selectedVendorDetails:i,onAddressClick:l})=>{const c=le(),p=N.labelWidth.value(c),y=N.largeLabelWidth.value(c),h=N.largeTinLabelWidth.value(c),v=N.controlWidth.value(c);return t.jsxs(ya,{children:[t.jsx(ba,{children:Y.vendorDetails.titleFor1099Section}),t.jsxs(fa,{children:[t.jsx(Ot,{isDisabled:a,label:{label:oe.companyInfo.legalName,width:p},text:{type:"text",style:{width:v},name:G(d,"legalName"),placeholder:Nt(oe.companyInfo.legalName),defaultValue:i.vendorBasic.legalName,autoComplete:"new-password",options:{required:!!i.vendorBasic.legalName,pattern:Pt}},style:{width:"100%"}}),t.jsx(ue,{}),t.jsxs(ke,{children:[t.jsx(Sa,{width:y,windowSize:c,children:Y.vendorDetails.vendorType}),t.jsx(wa,{size:c,children:t.jsx(Mt,{name:G(d,"vendorType"),value:{allTypes:e,selectedType:i.vendorDetailLocalData?.vendorType},placeholderLabel:Y.placeholders.type})})]}),t.jsx(ue,{}),t.jsx(ke,{children:t.jsx(ea,{name:G(d,"tinType"),menuPlacement:"auto",style:{height:s.sp6,width:"100%",marginLeft:s.sp4},dropdownStyle:{width:"40%"},defaultValue:{dropDownValue:i.vendorDetailLocalData?.tin?.type??V.strings.empty,dropDownList:[{code:V.texts.ein,label:V.texts.ein.toUpperCase()},{code:V.texts.ssn,label:V.texts.ssn.toUpperCase()}]},registerOptions:{required:!1},label:{width:h},placeholderLabel:Y.placeholders.tinType,formattedText:{type:"text",name:G(d,"tinValue"),placeholder:Y.placeholders.tinValue,format:i.vendorDetailLocalData?.tin?.type===V.texts.ssn?Ft:Rt,registerOptions:{required:!!i.vendorDetailLocalData?.tin?.type,pattern:i.vendorDetailLocalData?.tin?.type===V.texts.ssn?_t:zt},style:{width:"100%",height:s.sp6},defaultValue:i.vendorDetailLocalData?.tin?.value??V.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:i.vendorDetailLocalData?.tin?.type===null?"disabled":void 0}})}),t.jsx(ue,{}),t.jsx(Kt,{isDisabled:a,label:{label:oe.companyInfo.address,width:p},addressValueField:{name:G(d,"address"),placeholder:oe.address.titleAdd,defaultValue:i.vendorNewAddressStatus?.addressToCreate,onClick:()=>l("vendor_address",i.vendorAddress?.addressId)},showAdditionalInfoLabel:!1,style:{width:"100%"}})]})]})},ya=o.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${s.sp5};
+  padding-bottom: ${s.sp5};
+`,ba=o(Ze)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${s.sp3};
+  margin-right: ${s.sp6};
+`,fa=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};
+`,ue=o.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,ke=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;
+  }
+`,wa=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};
+`,Sa=o(Bt)`
+  width: ${e=>e.width}px;
+  color: ${e=>e.theme.colors.hero};
+  margin: ${e=>`${N.labelMarginTop.valuePx(e.windowSize)} ${N.labelMarginLeft.valuePx(e.windowSize)} ${N.labelMarginBottom.valuePx(e.windowSize)} ${N.labelMarginLeft.valuePx(e.windowSize)}`};
+`,Oe=R.getLocalizedStrings().vendors.common.transactionTabTitles,Ca=[{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 g(120,145,160),controlWidth:new g(110,145,160)},z=(e,a)=>`${e}.${a}`,Ke=R.getLocalizedStrings(),{common:ne,cockpit:Ne}=Ke,I=Ke.spendManagement.billPay.vendorCreation,$a=({accountsHierarchyList:e,allAccounts:a,allClasses:d,allOwners:i,classHierarchyList:l,enableRecommendationUpdateCheckbox:c,readOnlyMode:p,isDisabled:y,recommendations:h,sectionId:v,selectedAccountId:C,selectedClassId:Q,selectedOwnerId:A,selectedVendorDetails:b,uiState:B,isFiling1099FeatureEnabled:Z,onClickShowMoreOrLess:ie})=>{const X=le(),J=Ee(),{getValues:K}=Lt(),E=Pe.labelWidth.value(X),W=Pe.controlWidth.value(X),D=I.vendorDetails.recommendation.tooltip,U=D.category.replace("__based__",b?.vendorDetailLocalData?.recommendedCategory?.reason?.toLocaleLowerCase()??""),ee=D.class.replace("__based__",b?.vendorDetailLocalData?.recommendedClass?.reason?.toLocaleLowerCase()??""),re=b?.vendorDetailLocalData?.recommendedCategory!=null&&!!c,de=b?.vendorDetailLocalData?.recommendedClass!=null&&!!c;return t.jsxs(Da,{children:[t.jsxs(Ta,{children:[t.jsx(ja,{children:I.vendorDetails.title}),Z?t.jsxs(Va,{onClick:()=>ie(),children:[B?.collapsableStatus==="expand"?`${ne.show}${ne.strings.space}${Ne.subscription.lessBtnText}`:`${ne.show}${ne.strings.space}${Ne.subscription.moreBtnText}`,B?.collapsableStatus==="expand"?t.jsx(Ia,{}):t.jsx(ka,{})]}):null]}),t.jsxs(La,{children:[t.jsx(Ce,{isLoading:!1,label:{label:I.vendorDetails.category,width:E},groupedSingleSelectField:{name:z(v,"vendorCategory"),placeholder:I.placeholders.category,valueToInfo:M=>(T=>a.filter(r=>r.accountId===T)[0]?.coaId??"")(M),defaultValue:{selectedOption:C,allOptions:qe(e,h)},style:{width:"auto"},registerOptions:{required:!1},shouldShowChevronIcon:re},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${J.colors.grey3}`},isDisabled:p?"readonly":y,disableCurrentOption:M=>{const T=a.find(H=>H.accountId===M)?.accountName;return[Vt,It].includes(T??"")},fullWidthSelect:!1,zIndexOnFocus:!0,recommendationCheckboxField:b?.vendorDetailLocalData?.recommendedCategory!=null&&c?{tooltipProps:{text:U},label:{label:b?.vendorDetailLocalData?.recommendedCategory?.accountName},checkBoxField:{name:z(v,"isRecommendedCategorySelected"),defaultChecked:K(z(v,"isRecommendedCategorySelected"))}}:void 0}),t.jsx(Ce,{isLoading:!1,label:{label:I.vendorDetails.class,width:E},zIndexOnFocus:!0,groupedSingleSelectField:{name:z(v,"vendorClass"),placeholder:I.placeholders.class,valueToInfo:M=>(T=>d.filter(r=>r.classId===T)[0]?.accountingClassNumber??"")(M),defaultValue:{selectedOption:Q,allOptions:Ue(l,h)},registerOptions:{required:!1},style:{width:"auto"},shouldShowChevronIcon:de},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${J.colors.grey3}`},isDisabled:p===!0?"readonly":y,fullWidthSelect:!1,recommendationCheckboxField:b?.vendorDetailLocalData?.recommendedClass!=null&&c?{tooltipProps:{text:ee},label:{label:b?.vendorDetailLocalData?.recommendedClass?.className},checkBoxField:{name:z(v,"isRecommendedClassSelected"),defaultChecked:K(z(v,"isRecommendedClassSelected"))}}:void 0}),t.jsx(kt,{label:{label:I.vendorDetails.vendorOwner,width:E},userSingleSelectField:{name:z(v,"vendorOwner"),placeholder:I.placeholders.owner,defaultValue:{allOptions:Ge(i),selectedOption:A},registerOptions:{required:!1},style:{width:"auto"}},isDisabled:p===!0?"readonly":y,style:{justifyContent:"space-between"},controlWidth:W,fullWidthSelect:!1})]})]})},Da=o.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${s.sp3};
+  padding-bottom: ${s.sp3};
+`,Ta=o.div`
+  display: flex;
+  justify-content: space-between;
+`,ja=o(Ze)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${s.sp3};
+  margin-right: ${s.sp6};
+`,La=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};
+`,Va=o(Xe)`
+  display: flex;
+  justify-content: flex-end;
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${s.sp0};
+  margin-right: ${s.sp0};
+  cursor: pointer;
+`,Ia=o(Wt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  margin-left: ${s.sp2};
+  margin-top: ${s.sp1};
+`,ka=o(Ht)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  margin-left: ${s.sp2};
+  margin-top: ${s.sp1};
+`,Oa=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp7};
+`,Me=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp3};
+`,_e=o.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};
+`,ze=o.div`
+  padding: ${s.sp3};
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Pa=()=>t.jsxs(Oa,{children:[[...Array(1)].map((e,a)=>t.jsxs(Me,{children:[t.jsx(S,{width:120,height:n[4]}),t.jsx(_e,{children:[...Array(3)].map((d,i)=>t.jsxs(ze,{children:[t.jsx(S,{width:70,height:n[4]}),t.jsx(S,{width:140,height:n[4]})]},i))})]},a)),[...Array(1)].map((e,a)=>t.jsxs(Me,{children:[t.jsx(S,{width:120,height:n[4]}),t.jsx(_e,{children:[...Array(4)].map((d,i)=>t.jsxs(ze,{children:[t.jsx(S,{width:70,height:n[4]}),t.jsx(S,{width:140,height:n[4]})]},i))})]},a))]}),u=R.getLocalizedStrings(),{vendors:{vendorDetailPage:k},common:{footer:Fe}}=u,O={transactionListHeight:new g(325,275,225),formContainerHorizontalPadding:new g(n[3],n[3],n[8]),buttonWidth:new g(85,85),navbarHeight:63},Re=e=>`${e}_form`,x="vendorDetails",xe="vendor1099Details",Ae="vendorDetailPage",Na=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}`};
+`,We=o.div`
+  padding-left: ${e=>O.formContainerHorizontalPadding.valuePx(e.size)};
+  padding-right: ${e=>O.formContainerHorizontalPadding.valuePx(e.size)};
+`,He=o.div`
+  background-color: ${e=>e.theme.colors.grey4};
+  padding-top: ${e=>e.isPageLoading?s.sp3:s.sp0};
+`,Ma=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;
+`,_a=o.div`
+  display: flex;
+  flex-direction: column;
+`,za=o.div``,Fa=o.div``,Ra=o.div`
+  display: flex;
+  flex-direction: column;
+  transition: ${e=>e.collapsableStatus==="collapse"?"height 400ms ease-out":"height 200ms ease-in"};
+`,Aa=[{label:k.vendorSpendTrendFilterLabels.last_30_days,id:"last_30_days"},{label:k.vendorSpendTrendFilterLabels.last_90_days,id:"last_90_days"},{label:k.vendorSpendTrendFilterLabels.YTD_spend,id:"YTD_spend"},{label:k.vendorSpendTrendFilterLabels.last_month,id:"last_month"},{label:k.vendorSpendTrendFilterLabels.last_3_months,id:"last_3_months"},{label:k.vendorSpendTrendFilterLabels.last_6_months,id:"last_6_months"},{label:k.vendorSpendTrendFilterLabels.last_12_months,id:"last_12_months"},{label:k.vendorSpendTrendFilterLabels.last_year,id:"last_year"}],xs=({isFiling1099FeatureEnabled:e,vendorDetailView:a,firstMonthOfFY:d,vendorLogo:i,readOnlyMode:l,isDisabled:c,scrollToTrend:p,allTransactionsTabData:y,onVendorTabSelectionChanged:h,onLoadPreviousTransactionsClick:v,onSaveSuccess:C,saveVendorDetailLocalData:Q,onCancelClick:A,onTrendSelectedPeriodChange:b,onTransactionItemClick:B,onSpendTrendPercentChangeClick:Z,onSaveVendor:ie,onVendorSpendTrendFilterTabClick:X,onAddressClick:J,saveContactsInVendorTabDetailLocalData:K,onVendorDetailUIChange:E})=>{const W=Ee(),D=le(),U=w.useRef(null),[ee,re]=w.useState(!1),[de,M]=w.useState(O.transactionListHeight.value()),T=a?.selectedTabType,H=Ca,r=Object.assign({},a?.vendorViewDetails?.vendorView),j=a?.vendorViewDetails.vendorView?.vendorDetailLocalData,te=a?.uiState,et=!we(r!=null&&r.vendorAddress!=null?De(r.vendorAddress):r.vendorAddress,r.vendorNewAddressStatus?.addressToCreate!=null?De(r.vendorNewAddressStatus?.addressToCreate):r.vendorNewAddressStatus?.addressToCreate),tt=(r?.vendorDetailLocalData?.contacts??[]).filter(m=>m.email!==u.common.strings.empty||m.fullName!==u.common.strings.empty||m.phone!==u.common.strings.empty).map(m=>Ut(m,"contactInfoType")),ye=w.useMemo(()=>r.vendorBasic?.contacts??[],[r.vendorBasic?.contacts]),at=!we(tt,ye),ae=ut({mode:"all",defaultValues:Be(a?.vendorViewDetails.accountsHierarchyList??[],a?.vendorViewDetails.classHierarchyList??[],a?.vendorViewDetails.vendorTypeList??[],a?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,a?.vendorViewDetails.vendorView?.vendorDetailLocalData,a?.vendorViewDetails.ownerList),values:Be(a?.vendorViewDetails.accountsHierarchyList??[],a?.vendorViewDetails.classHierarchyList??[],a?.vendorViewDetails.vendorTypeList??[],a?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,a?.vendorViewDetails.vendorView?.vendorDetailLocalData,a?.vendorViewDetails.ownerList),resetOptions:{keepDirtyValues:!0}}),[st,ot]=w.useState(-1),nt=r.vendorDetailLocalData?.contacts!=null&&r.vendorDetailLocalData?.contacts.length>0?r.vendorDetailLocalData?.contacts:Se,[lt,it]=w.useState(vt(nt));w.useEffect(()=>{p===!0&&ee===!1&&a?.trendWithTransactions.trendReport?.fetchState==="Completed"&&a?.trendWithTransactions.transactionView?.fetchState==="Completed"&&(window.scrollTo({top:(U.current?.offsetTop??0)+O.navbarHeight,behavior:"smooth"}),re(!0))},[p,ee,a?.trendWithTransactions.trendReport?.fetchState,a?.trendWithTransactions.transactionView?.fetchState]);const rt=new xt(W.colors.graphColor12),L=a?.fetchState==="Not-Started"||a?.fetchState==="In-Progress",dt=a?.vendorViewDetails.vendorView?.saveStatus.fetchState==="In-Progress",ct=a?.trendWithTransactions.trendReport?.fetchState==="In-Progress",pt=(m,f)=>{b?.(f)};w.useEffect(()=>{a?.vendorViewDetails.vendorView?.saveStatus?.fetchState==="Completed"&&C?.()},[r]);const mt=w.useCallback(()=>{window.scrollTo({top:(U.current?.offsetTop??0)+O.navbarHeight,behavior:"smooth"}),Z?.()},[Z]);w.useEffect(()=>{const m=ae.watch((f,{name:fe})=>{fe!=null&&f!=null&&yt(()=>(async(se,q)=>{const $=q;if(se.includes("isRecommendedCategorySelected")){const _=q[x].isRecommendedCategorySelected===!0?r?.vendorDetailLocalData?.recommendedCategory?.accountId:r?.vendorBasic?.account?.accountId;$[x].vendorCategory={selectedOption:_,allOptions:q[x].vendorCategory.allOptions}}if(se.includes("isRecommendedClassSelected")){const _=q[x].isRecommendedClassSelected===!0?r.vendorDetailLocalData?.recommendedClass?.classId:r?.vendorBasic?.class?.classId;$[x].vendorClass={selectedOption:_,allOptions:q[x].vendorClass.allOptions}}if(se.includes("vendorCategory")){const _=$[x].vendorCategory.selectedOption===$[x].recommendedCategory?.accountId;$[x].isRecommendedCategorySelected=_}if(se.includes("vendorClass")){const _=$[x].vendorClass.selectedOption===$[x].recommendedClass?.classId;$[x].isRecommendedClassSelected=_}ht($)})(fe,f))});return()=>{m.unsubscribe()}});const ht=m=>{const f=Wa(m,r.vendorBasic?.id,j);Q?.(f)},gt={isLoading:a?.allVendorTransactionsView?.fetchState==="In-Progress"||a?.allVendorTransactionsView?.fetchState==="Not-Started",onLoadPreviousClick:(m,f)=>{v(m,(y?.numberOfQuartersFetched??0)+1)}},be=H.find(m=>T===m.id);return t.jsxs(Na,{children:[t.jsx(bt,{onBackClick:A,title:r.vendorBasic?.name??u.common.strings.empty,style:{zIndex:3},hideSearchBtn:!0,backgroundColor:W.colors.grey5,enableTitleOnScroll:!0,source:"VendorDetailPage"}),a?.vendorSpend!=null?t.jsx(ua,{isPageLoading:L,vendorName:r.vendorBasic?.name??u.common.strings.empty,spend:a?.vendorSpend,vendorLogo:i,isSpendTrendLoading:ct,onPercentChangeClick:mt}):null,L===!0&&t.jsx(He,{isPageLoading:L,children:t.jsx(We,{size:D,children:t.jsx(Pa,{})})}),L===!1&&r.vendorDetailLocalData!=null&&t.jsxs(He,{isPageLoading:L,children:[t.jsx(We,{size:D,children:t.jsx(ft,{...ae,children:t.jsxs("form",{id:Re(Ae),onSubmit:ae.handleSubmit(ie),children:[t.jsx($a,{sectionId:x,selectedVendorId:j?.vendorId,selectedVendorDetails:r,selectedAccountId:j?.vendorCategory,selectedClassId:j?.vendorClass,selectedOwnerId:j?.vendorOwner,recommendations:j?.recommendations??[],allAccounts:a?.vendorViewDetails.accountList.accounts??[],allClasses:a?.vendorViewDetails.classList.classes??[],screenType:"edit",selectedVendorName:j?.vendorName,allOwners:a?.vendorViewDetails.ownerList??[],readOnlyMode:l,isDisabled:c,accountsHierarchyList:a?.vendorViewDetails.accountsHierarchyList??[],classHierarchyList:a?.vendorViewDetails.classHierarchyList??[],enableRecommendationUpdateCheckbox:!0,uiState:te,isFiling1099FeatureEnabled:e,onClickShowMoreOrLess:()=>{E?.(te?.collapsableStatus==="expand"?"collapse":"expand")}}),e&&te?.collapsableStatus==="expand"?t.jsxs(Ra,{collapsableStatus:te?.collapsableStatus??"expand",children:[t.jsx(xa,{selectedVendorDetails:r,isDisabled:c,onAddressClick:J,sectionId:xe,vendorTypeList:a?.vendorViewDetails.vendorTypeList??[]}),t.jsx(wt,{emailRequired:!1,vendorContactInfos:Se,sectionId:ve,vendorContactInfoWithType:lt,setVendorContactInfoWithType:m=>{it(m),K?.(j?.vendorId??u.common.strings.empty,m)},deleteContactConfirmationIndex:st,updateContactDeleteConfirmationIndex:ot,initialContactList:ye})]}):null]})})}),be!=null?t.jsxs(_a,{children:[t.jsx(Fa,{children:t.jsx(ra,{allTabs:H,containerStyle:{marginLeft:n[8],marginRight:n[8],borderBottom:`1px solid ${W.colors.grey3}`,backgroundColor:W.colors.grey4,justifyContent:"left"},selectedTab:be,onOptionSelectionChanged:m=>{h(qt(m.id))}})}),T==="all_transactions"?t.jsx(Ma,{height:de,children:L===!1&&y?.timePeriod!=null?t.jsx(Qt,{firstMonthOfFY:d,timeframe:"quarter",timePeriod:y.timePeriod,transactions:a?.allVendorTransactionsView?.transactions??[],isFirstLotLoading:L,componentName:"trend.transactions.list",trackPerformance:!1,onTransactionItemClick:B,onListInnerElementHeightChanged:m=>{M(m)},showLoadPrevious:gt}):null}):a?.trendWithTransactions!=null?t.jsxs(t.Fragment,{children:[t.jsx(Yt,{allTabs:Aa,selectedTab:a.vendorSpendTrendFilterTabValue,onTabChange:m=>{const f=Gt(m.id);f!=null&&X(f)},containerStyle:{marginLeft:n[8],marginRight:n[8]}}),t.jsx(za,{ref:U,children:t.jsx(Zt,{firstMonthOfFY:d,trendWithTransactionsReport:a?.trendWithTransactions,isDetailPage:!1,graphColor:rt,initialTransactionListHeight:O.transactionListHeight.value(D),page:"vendorDetailPage",onTimePeriodChange:pt,onTransactionItemClick:B})})]}):null]}):null]}),!L&&l!==!0&&(St(ae.formState.dirtyFields)||et||at)?t.jsx(Ct,{formId:Re(Ae),primaryBtn:{label:Fe.save,isLoading:dt,style:{width:O.buttonWidth.value(D)},isDisabled:!1},cancelBtn:{label:Fe.cancel,style:{width:O.buttonWidth.value(D)},onClick:A}}):null]})},Be=(e,a,d,i,l,c)=>({[x]:{vendorName:l?.vendorName??u.common.strings.empty,vendorOwner:{allOptions:Ge(c),selectedOption:l?.vendorOwner},vendorCategory:{allOptions:qe(e,l?.recommendations),selectedOption:l?.vendorCategory},vendorClass:{allOptions:Ue(a,l?.recommendations),selectedOption:l?.vendorClass},recommendedCategory:l?.recommendedCategory,recommendedClass:l?.recommendedClass,isRecommendedCategorySelected:l?.isCategoryUpdateSelected??!1,isRecommendedClassSelected:l?.isClassUpdateSelected??!1},[xe]:{legalName:l?.legalName??u.common.strings.empty,email:l?.vendorEmail??u.common.strings.empty,phone:l?.vendorPhone??u.common.strings.empty,vendorType:{allTypes:d,selectedType:l?.vendorType},tinType:l?.tin?.type??null,tinValue:l?.tin?.value??null,address:i},[ve]:l!=null&&l?.contacts!=null&&l?.contacts.length!==0?l.contacts:[{fullName:u.common.strings.empty,email:u.common.strings.empty,phone:u.common.strings.empty,id:u.common.strings.empty}]}),Wa=(e,a,d)=>{const i=e?.[x],l=e?.[xe];return{vendorCategory:i.vendorCategory.selectedOption,vendorClass:i.vendorClass.selectedOption,vendorId:a,recommendations:d?.recommendations,vendorName:i.vendorName,legalName:l.legalName,vendorOwner:i.vendorOwner?.selectedOption,recommendedCategory:i.recommendedCategory,recommendedClass:i.recommendedClass,isCategoryUpdateSelected:i.isRecommendedCategorySelected??!1,isClassUpdateSelected:i.isRecommendedClassSelected??!1,vendorEmail:l.email,vendorPhone:l.phone,vendorType:l.vendorType.selectedType,tin:{type:l.tinType??null,value:l.tinValue!=null?l.tinValue.replace($t,u.common.strings.empty):null},address:l.address,contacts:e?.[ve]}};export{xs as default,Re as formUniqueName,xe as vendor1099DetailsSectionId,x as vendorDetailsSectionId,Aa as vendorSpendTrendFilterTabs};

package/dist/assets/VendorDomesticWireDetailsPage-BeqPYONY-C4JA1J7T.js

@@ -0,0 +1 @@
+import{j as S}from"./index-2CdI-B2B.js";import{a as C}from"./core-tlHkQPPu.js";import{z as b}from"./DomesticWireDetailsPage-C_flRkmQ-DX47g_ws.js";import"./mui-kiGMfX4-.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./BankAccountSection-CwPIXA5w-DE6FMEHD.js";import"./MagicLinkTitleSection-CzGvBYzB-DMlmyXfy.js";import"./BankAccountWarningSection-DGSw5Uvq-4-yHVJQf.js";import"./MailingDetailsSection-C_TtoLpj-DODfBmzp.js";import"./LabeledAddressValueField-C74ZzWQ3-j8ky07qz.js";const w=({vendorViewDetails:r,bankAccountContext:e,isDisabled:s,onSaveHandler:d,onWireDetailsUpdated:i,onBackClick:a,onFetchBankName:c,onAddressClick:m})=>{const{bankAccountCreationState:o,editVendorState:n,newVendorState:p,bankNameByRouting:u,bankAccountToCreate:k,fetchBankNameByRoutingStatus:l}=r,t=Object.assign({},n??p);return C.useEffect(()=>{(e==="vendor"&&o?.fetchState==="Completed"||t?.saveStatus?.fetchState==="Completed"&&e!=="express-pay")&&a()},[o,t?.saveStatus?.fetchState,a,e]),S.jsx(b,{bankAccountToCreate:k,bankAccountCreationState:o,bankNameByRouting:u,addressToEdit:t?.vendorNewAddressStatus?.addressToCreate,mailingAddress:t?.vendorAddress,addressType:"vendor_address",fetchBankNameByRoutingStatus:l,isDisabled:s,onSaveHandler:d,onWireDetailsUpdated:i,onBackClick:a,onAddressClick:m,onFetchBankName:c})};export{w as default};

package/dist/assets/VendorFiling1099EditablePage-UIV2Tn2v-dXlu2VP0.js

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