@zeniai/web-cockpit-ui 1.14.19-dev → 1.14.19-dev-betaSK01

package/dist/assets/{VendorDetailPage-CRhCXEsq-qmv0EtV4.js → VendorDetailPage-C5zTkWhA-Uj3MwLUr.js}

@@ -1,4 +1,4 @@
-import{M as _,u as Re,e as ne,C as g,E as be,l as se,c9 as xt,a as yt,gx as Ae,gy as Be,gz as Ee,gA as fe,gB as bt,a8 as ft,c7 as wt,j as t,aW as Ct,F as St,gC as $t,gD as ue,q as l,c8 as Dt,a4 as jt,o,bg as $,ck as Tt,gb as we,gE as Lt,ca as Vt,cb as kt,cc as It,gF as Ot,fH as Pt,ci as Ft,gG as zt,gH as Mt,c as M,ds as _t,dr as Wt,cw as Nt,ab as de,am as Ue,d as qe,dt as Ht,f3 as Rt,gI as At,gJ as Bt,n as Et,gK as Ut,bL as Ye,gL as qt,b as Ce,h as Ke}from"./index-CyJdCOlu.js";import{b as S,n as a,j as Yt}from"./vendor-CnQcJ2Lu.js";import{k as Kt}from"./SubTabSwitcher-D33kV-tw-BTeEHhHa.js";import{d as Gt}from"./TransactionList-CFYj7bYL-GEiFuum0.js";import{R as Qt}from"./TrendWithTransactions-BslpnJTN-CCs7L3oP.js";import{o as Jt,t as Zt}from"./arrow-south-east-round-PEovUgvH-DBLhwZXJ.js";import{W as Xt}from"./LabeledAddressValueField-DJHY_wPN-ChfMLz4N.js";import{Y as es}from"./LabeledDropDownFormattedTextField-mOxkCT-G-CFeF0x5h.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./BoxItem-BL-UVx2X-CDUWJCC4.js";import"./commonDimensions-CKs-7p-V-CmlPem1Z.js";import"./TrendChart-D1gtjDe3-DWpkP03z.js";import"./chartTypes-CPj7oOMJ-Cv2ANOse.js";import"./toCOABalancesWithID-Dsa-tGTi-Bmzakp6x.js";import"./toChartData-Cp_80Bi6-Dfd3dSx4.js";import"./NoDataChart-D5DKMqIS-BEaaizBY.js";import"./InsightsSection-DtBq9eII-CGUvYjY9.js";import"./NavigationDots-CFjUchuX-BbVX67wD.js";const ts=a.div`
+import{F as _,u as Be,K as ne,x as g,I as be,l as se,c4 as xt,a as yt,hm as Re,hn as Ae,ho as Ee,hp as fe,hq as bt,a8 as ft,c2 as wt,j as t,aW as $t,c as Ct,hr as St,hs as ue,n as l,c3 as Dt,a4 as jt,o,bg as S,cd as Tt,gD as we,ht as Lt,c5 as Vt,c6 as kt,c7 as It,hu as Ot,gb as Pt,cc as zt,hv as Ft,hw as Mt,h as M,d9 as _t,d8 as Nt,cn as Wt,ab as de,am as Ue,$ as qe,da as Ht,fJ as Bt,hx as Rt,hy as At,k as Et,hz as Ut,bK as Ye,hA as qt,V as $e,Q as Ge}from"./index-D9zAXs3-.js";import{b as C,n as a,i as Yt}from"./vendor-Bs1fkIUX.js";import{k as Gt}from"./SubTabSwitcher-BedfItte-C-XhL99Y.js";import{x as Qt}from"./TransactionList-CnOj_LA1-DJxHv2ky.js";import{R as Kt}from"./TrendWithTransactions-CaExMJVA-C_0n3oh-.js";import{o as Jt,t as Zt}from"./arrow-south-east-round-PEovUgvH-DnzbA_s-.js";import{W as Xt}from"./LabeledAddressValueField-CkveEJJG-BEvwzrCB.js";import{Y as es}from"./LabeledDropDownFormattedTextField-pClUx8A9-Dtg8BoKW.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./BoxItem-DJq3mny1-nPTLB__B.js";import"./commonDimensions-EDu7gcyc-DiuxcTjp.js";import"./TrendChart-a95Aii8O-Crc1NrOm.js";import"./chartTypes-CICM6xJ3-DAE7LSQz.js";import"./toCOABalancesWithID-B0F8-Lgv-mwB6oBaM.js";import"./toChartData-D_8GUwpP-CFofR1sw.js";import"./NoDataChart-BSoXaJD0-JxM1S3Cy.js";import"./InsightsSection-DxpsNIIy-D73VhmA2.js";import"./NavigationDots-CGOsNTLj-ZRX96j5F.js";const ts=a.div`
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -33,32 +33,32 @@ import{M as _,u as Re,e as ne,C as g,E as be,l as se,c9 as xt,a as yt,gx as Ae,g
       &.${c.id} {
         width: ${c.style.width}px;
         left: ${c.style.left}%;
-      }`}),s};function is({option:e,isSelected:s,onClick:c}){const i=n=>n.label;return t.jsx(as,{onClick:()=>{s===!1&&!(e.disabled??!1)&&c(e)},isSelected:s,leftMargin:e.leftMargin,isDisabled:e.disabled??!1,children:t.jsx(os,{children:i(e)})})}function rs({allTabs:e,selectedTab:s,containerStyle:c,onOptionSelectionChanged:i}){const n=p=>{i(p)};return t.jsx(ts,{style:c,children:t.jsxs(ss,{children:[e.map(p=>t.jsx(is,{option:p,isSelected:p===s,onClick:n},p.id)),t.jsx(ns,{className:`Slider ${s.id}`,optionCss:ls(e)})]})})}const k={logoWidth:new g(l[6],l[6]),logoHeight:new g(l[6],l[6]),pageHeaderHorizontalPadding:new g(l[3],l[3],l[8]),pageHeaderVerticalPadding:new g(l[2],l[2],l[4]),spendTrendsColumnGap:new g(l[1],l[1],l[4],l[11]),spendTrendsMarginBottom:new g(l[2],l[2],l[4]),spendTrendHeadingSkeletonWidth:new g(90,90,120,150)},Ge={spendValue:new Ce("standardMedium","largeSemiBold"),spendDuration:new Ce("extraSmallRegular","standardRegular")},ds=a.div`
-  padding: ${e=>`${k.pageHeaderVerticalPadding.valuePx(e.size)} ${k.pageHeaderHorizontalPadding.valuePx(e.size)}`};
+      }`}),s};function is({option:e,isSelected:s,onClick:c}){const i=n=>n.label;return t.jsx(as,{onClick:()=>{s===!1&&!(e.disabled??!1)&&c(e)},isSelected:s,leftMargin:e.leftMargin,isDisabled:e.disabled??!1,children:t.jsx(os,{children:i(e)})})}function rs({allTabs:e,selectedTab:s,containerStyle:c,onOptionSelectionChanged:i}){const n=p=>{i(p)};return t.jsx(ts,{style:c,children:t.jsxs(ss,{children:[e.map(p=>t.jsx(is,{option:p,isSelected:p===s,onClick:n},p.id)),t.jsx(ns,{className:`Slider ${s.id}`,optionCss:ls(e)})]})})}const I={logoWidth:new g(l[6],l[6]),logoHeight:new g(l[6],l[6]),pageHeaderHorizontalPadding:new g(l[3],l[3],l[8]),pageHeaderVerticalPadding:new g(l[2],l[2],l[4]),spendTrendsColumnGap:new g(l[1],l[1],l[4],l[11]),spendTrendsMarginBottom:new g(l[2],l[2],l[4]),spendTrendHeadingSkeletonWidth:new g(90,90,120,150)},Qe={spendValue:new $e("standardMedium","largeSemiBold"),spendDuration:new $e("extraSmallRegular","standardRegular")},ds=a.div`
+  padding: ${e=>`${I.pageHeaderVerticalPadding.valuePx(e.size)} ${I.pageHeaderHorizontalPadding.valuePx(e.size)}`};
   display: flex;
   justify-content: space-between;
   box-shadow: ${o.sp0} 2px ${o.sp1} ${M.boxShadowElevation};
   flex-direction: ${e=>e.isMobile===!0?"column":"row"};
   align-items: ${e=>e.isMobile?"flex-start":"center"};
   row-gap: ${o.sp3};
-  margin-bottom: ${e=>k.spendTrendsMarginBottom.valuePx(e.size)};
+  margin-bottom: ${e=>I.spendTrendsMarginBottom.valuePx(e.size)};
   background-color: ${e=>e.theme.colors.grey5};
-`,Se=a.div`
+`,Ce=a.div`
   display: flex;
-  column-gap: ${e=>e.isMobile===!0?"unset":k.spendTrendsColumnGap.valuePx(e.size)};
+  column-gap: ${e=>e.isMobile===!0?"unset":I.spendTrendsColumnGap.valuePx(e.size)};
   justify-content: space-between;
   width: ${e=>e.isMobile===!0?"100%":"unset"};
   align-items: center;
-`,$e=a.div`
+`,Se=a.div`
   display: flex;
   column-gap: ${o.sp3};
   align-items: center;
   max-width: ${e=>e.isMobile===!1?"50%":"unset"};
-`,ce=a(Ke)`
-  ${e=>`${Ge.spendDuration.style(e.windowSize)}`};
+`,ce=a(Ge)`
+  ${e=>`${Qe.spendDuration.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.hero};
-`,pe=a(Ke)`
-  ${e=>`${Ge.spendValue.style(e.windowSize)}`};
+`,pe=a(Ge)`
+  ${e=>`${Qe.spendValue.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   text-align: ${e=>e.isMobile===!0?"left":"right"};
 `,cs=a.div`
@@ -112,7 +112,7 @@ import{M as _,u as Re,e as ne,C as g,E as be,l as se,c9 as xt,a as yt,gx as Ae,g
 `,gs=a.div`
   display: flex;
   justify-content: ${e=>e.isMobile?"flex-start":"flex-end"};
-`,he=a.div``,us=({spend:e,vendorName:s,vendorLogo:c,isPageLoading:i,isSpendTrendLoading:n,onPercentChangeClick:p})=>{const m=ne(),f=_.getLocalizedStrings().spendManagement.billPay.vendorCreation.vendorDetails.spends,h=m==="small"||m==="medium-compact",w=(D,u)=>u==null?null:D==="increased"?t.jsxs(cs,{onClick:p,children:[t.jsx(Jt,{width:o.sp3,height:o.sp3}),t.jsx(me,{children:u})]}):D==="decreased"?t.jsxs(ps,{onClick:p,children:[t.jsx(Zt,{width:o.sp3,height:o.sp3}),t.jsx(me,{children:u})]}):t.jsx(ms,{onClick:p,children:t.jsxs(me,{children:[u,"%"]})}),R=()=>i===!0?t.jsxs($e,{isMobile:h,children:[t.jsx(_t,{width:l[6],height:l[6]}),t.jsx($,{width:140,height:l[6]}),t.jsx($,{width:70,height:l[5]})]}):t.jsxs($e,{isMobile:h,children:[c!=null?t.jsxs(Te,{children:[t.jsx(Wt,{photoUrl:c.toString(),styles:{width:k.logoWidth.valuePx(m),height:k.logoHeight.valuePx(m)}}),h?t.jsx(je,{children:s}):t.jsx(De,{children:s})]}):t.jsxs(Te,{children:[t.jsx(Nt,{name:s,size:o.sp6}),h?t.jsx(je,{children:s}):t.jsx(De,{children:s})]}),w(e.changeType,e.percentChange)]}),A=()=>n||i?t.jsx(Se,{size:m,isMobile:h,children:[...Array(3)].map((D,u)=>t.jsxs(hs,{children:[t.jsx($,{width:k.spendTrendHeadingSkeletonWidth.value(m),height:l[4]}),t.jsx(gs,{isMobile:h,children:t.jsx($,{width:k.spendTrendHeadingSkeletonWidth.value(m)/2,height:l[4]})})]},u))}):t.jsxs(Se,{size:m,isMobile:h,children:[t.jsxs(he,{children:[t.jsx(ce,{windowSize:m,isMobile:h,children:f.last30Days}),t.jsx(pe,{windowSize:m,isMobile:h,children:de("0,0.[00]",e.last30DaysSpend,e.currencySymbol)})]}),t.jsxs(he,{children:[t.jsx(ce,{windowSize:m,isMobile:h,children:f.last90Days}),t.jsx(pe,{windowSize:m,isMobile:h,children:de("0,0.[00]",e.last90DaysSpend,e.currencySymbol)})]}),t.jsxs(he,{children:[t.jsx(ce,{windowSize:m,isMobile:h,children:f.ytdSpend}),t.jsx(pe,{windowSize:m,isMobile:h,children:de("0,0.[00]",e.yearToDateSpend,e.currencySymbol)})]})]});return t.jsxs(ds,{isMobile:h,size:m,children:[R(),A()]})},I={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(l[3],l[4]),labelMarginTop:new g(l[2],l[3]),labelMarginBottom:new g(l[2],l[3])},U=(e,s)=>`${e}.${s}`,vs=_.getLocalizedStrings().spendManagement,oe=_.getLocalizedStrings().companyPassport,q=vs.billPay.vendorCreation,j=_.getLocalizedStrings().common,xs=({vendorTypeList:e=[],isDisabled:s,sectionId:c,selectedVendorDetails:i,onAddressClick:n})=>{const p=ne(),m=I.labelWidth.value(p),f=I.largeLabelWidth.value(p),h=I.largeTinLabelWidth.value(p),w=I.controlWidth.value(p);return t.jsxs(ys,{children:[t.jsx(bs,{children:q.vendorDetails.titleFor1099Section}),t.jsxs(fs,{children:[t.jsx(Vt,{isDisabled:s,label:{label:oe.companyInfo.legalName,width:m},text:{type:"text",style:{width:w},name:U(c,"legalName"),placeholder:It(oe.companyInfo.legalName),defaultValue:i.vendorBasic.legalName,autoComplete:"new-password",options:{required:!!i.vendorBasic.legalName,pattern:kt}},style:{width:"100%"}}),t.jsx(ge,{}),t.jsxs(Le,{children:[t.jsx(Cs,{width:f,windowSize:p,children:q.vendorDetails.vendorType}),t.jsx(ws,{size:p,children:t.jsx(Ot,{name:U(c,"vendorType"),value:{allTypes:e,selectedType:i.vendorDetailLocalData?.vendorType},placeholderLabel:q.placeholders.type})})]}),t.jsx(ge,{}),t.jsx(Le,{children:t.jsx(es,{name:U(c,"tinType"),menuPlacement:"auto",style:{height:o.sp6,width:"100%",marginLeft:o.sp4},dropdownStyle:{width:"40%"},defaultValue:{dropDownValue:i.vendorDetailLocalData?.tin?.type??j.strings.empty,dropDownList:[{code:j.texts.ein,label:j.texts.ein.toUpperCase()},{code:j.texts.ssn,label:j.texts.ssn.toUpperCase()}]},registerOptions:{required:!1},label:{width:h},placeholderLabel:q.placeholders.tinType,formattedText:{type:"text",name:U(c,"tinValue"),placeholder:q.placeholders.tinValue,format:i.vendorDetailLocalData?.tin?.type===j.texts.ssn?zt:Mt,registerOptions:{required:!!i.vendorDetailLocalData?.tin?.type,pattern:i.vendorDetailLocalData?.tin?.type===j.texts.ssn?Pt:Ft},style:{width:"100%",height:o.sp6},defaultValue:i.vendorDetailLocalData?.tin?.value??j.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:i.vendorDetailLocalData?.tin?.type===null?"disabled":void 0}})}),t.jsx(ge,{}),t.jsx(Xt,{isDisabled:s,label:{label:oe.companyInfo.address,width:m},addressValueField:{name:U(c,"address"),placeholder:oe.address.titleAdd,defaultValue:i.vendorNewAddressStatus?.addressToCreate,onClick:()=>n("vendor_address",i.vendorAddress?.addressId)},showAdditionalInfoLabel:!1,style:{width:"100%"}})]})]})},ys=a.div`
+`,he=a.div``,us=({spend:e,vendorName:s,vendorLogo:c,isPageLoading:i,isSpendTrendLoading:n,onPercentChangeClick:p})=>{const m=ne(),f=_.getLocalizedStrings().spendManagement.billPay.vendorCreation.vendorDetails.spends,h=m==="small"||m==="medium-compact",w=(D,u)=>u==null?null:D==="increased"?t.jsxs(cs,{onClick:p,children:[t.jsx(Jt,{width:o.sp3,height:o.sp3}),t.jsx(me,{children:u})]}):D==="decreased"?t.jsxs(ps,{onClick:p,children:[t.jsx(Zt,{width:o.sp3,height:o.sp3}),t.jsx(me,{children:u})]}):t.jsx(ms,{onClick:p,children:t.jsxs(me,{children:[u,"%"]})}),B=()=>i===!0?t.jsxs(Se,{isMobile:h,children:[t.jsx(_t,{width:l[6],height:l[6]}),t.jsx(S,{width:140,height:l[6]}),t.jsx(S,{width:70,height:l[5]})]}):t.jsxs(Se,{isMobile:h,children:[c!=null?t.jsxs(Te,{children:[t.jsx(Nt,{photoUrl:c.toString(),styles:{width:I.logoWidth.valuePx(m),height:I.logoHeight.valuePx(m)}}),h?t.jsx(je,{children:s}):t.jsx(De,{children:s})]}):t.jsxs(Te,{children:[t.jsx(Wt,{name:s,size:o.sp6}),h?t.jsx(je,{children:s}):t.jsx(De,{children:s})]}),w(e.changeType,e.percentChange)]}),R=()=>n||i?t.jsx(Ce,{size:m,isMobile:h,children:[...Array(3)].map((D,u)=>t.jsxs(hs,{children:[t.jsx(S,{width:I.spendTrendHeadingSkeletonWidth.value(m),height:l[4]}),t.jsx(gs,{isMobile:h,children:t.jsx(S,{width:I.spendTrendHeadingSkeletonWidth.value(m)/2,height:l[4]})})]},u))}):t.jsxs(Ce,{size:m,isMobile:h,children:[t.jsxs(he,{children:[t.jsx(ce,{windowSize:m,isMobile:h,children:f.last30Days}),t.jsx(pe,{windowSize:m,isMobile:h,children:de("0,0.[00]",e.last30DaysSpend,e.currencySymbol)})]}),t.jsxs(he,{children:[t.jsx(ce,{windowSize:m,isMobile:h,children:f.last90Days}),t.jsx(pe,{windowSize:m,isMobile:h,children:de("0,0.[00]",e.last90DaysSpend,e.currencySymbol)})]}),t.jsxs(he,{children:[t.jsx(ce,{windowSize:m,isMobile:h,children:f.ytdSpend}),t.jsx(pe,{windowSize:m,isMobile:h,children:de("0,0.[00]",e.yearToDateSpend,e.currencySymbol)})]})]});return t.jsxs(ds,{isMobile:h,size:m,children:[B(),R()]})},O={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(l[3],l[4]),labelMarginTop:new g(l[2],l[3]),labelMarginBottom:new g(l[2],l[3])},U=(e,s)=>`${e}.${s}`,vs=_.getLocalizedStrings().spendManagement,oe=_.getLocalizedStrings().companyPassport,q=vs.billPay.vendorCreation,T=_.getLocalizedStrings().common,xs=({vendorTypeList:e=[],isDisabled:s,sectionId:c,selectedVendorDetails:i,onAddressClick:n})=>{const p=ne(),m=O.labelWidth.value(p),f=O.largeLabelWidth.value(p),h=O.largeTinLabelWidth.value(p),w=O.controlWidth.value(p);return t.jsxs(ys,{children:[t.jsx(bs,{children:q.vendorDetails.titleFor1099Section}),t.jsxs(fs,{children:[t.jsx(Vt,{isDisabled:s,label:{label:oe.companyInfo.legalName,width:m},text:{type:"text",style:{width:w},name:U(c,"legalName"),placeholder:It(oe.companyInfo.legalName),defaultValue:i.vendorBasic.legalName,autoComplete:"new-password",options:{required:!!i.vendorBasic.legalName,pattern:kt}},style:{width:"100%"}}),t.jsx(ge,{}),t.jsxs(Le,{children:[t.jsx($s,{width:f,windowSize:p,children:q.vendorDetails.vendorType}),t.jsx(ws,{size:p,children:t.jsx(Ot,{name:U(c,"vendorType"),value:{allTypes:e,selectedType:i.vendorDetailLocalData?.vendorType},placeholderLabel:q.placeholders.type})})]}),t.jsx(ge,{}),t.jsx(Le,{children:t.jsx(es,{name:U(c,"tinType"),menuPlacement:"auto",style:{height:o.sp6,width:"100%",marginLeft:o.sp4},dropdownStyle:{width:"40%"},defaultValue:{dropDownValue:i.vendorDetailLocalData?.tin?.type??T.strings.empty,dropDownList:[{code:T.texts.ein,label:T.texts.ein.toUpperCase()},{code:T.texts.ssn,label:T.texts.ssn.toUpperCase()}]},registerOptions:{required:!1},label:{width:h},placeholderLabel:q.placeholders.tinType,formattedText:{type:"text",name:U(c,"tinValue"),placeholder:q.placeholders.tinValue,format:i.vendorDetailLocalData?.tin?.type===T.texts.ssn?Ft:Mt,registerOptions:{required:!!i.vendorDetailLocalData?.tin?.type,pattern:i.vendorDetailLocalData?.tin?.type===T.texts.ssn?Pt:zt},style:{width:"100%",height:o.sp6},defaultValue:i.vendorDetailLocalData?.tin?.value??T.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:i.vendorDetailLocalData?.tin?.type===null?"disabled":void 0}})}),t.jsx(ge,{}),t.jsx(Xt,{isDisabled:s,label:{label:oe.companyInfo.address,width:m},addressValueField:{name:U(c,"address"),placeholder:oe.address.titleAdd,defaultValue:i.vendorNewAddressStatus?.addressToCreate,onClick:()=>n("vendor_address",i.vendorAddress?.addressId)},showAdditionalInfoLabel:!1,style:{width:"100%"}})]})]})},ys=a.div`
   display: flex;
   flex-direction: column;
   padding-top: ${o.sp5};
@@ -164,11 +164,11 @@ import{M as _,u as Re,e as ne,C as g,E as be,l as se,c9 as xt,a as yt,gx as Ae,g
   flex-grow: ${e=>e.size==="small"?1:0};
   align-items: center;
   margin-right: ${o.sp2};
-`,Cs=a(Et)`
+`,$s=a(Et)`
   width: ${e=>e.width}px;
   color: ${e=>e.theme.colors.hero};
-  margin: ${e=>`${I.labelMarginTop.valuePx(e.windowSize)} ${I.labelMarginLeft.valuePx(e.windowSize)} ${I.labelMarginBottom.valuePx(e.windowSize)} ${I.labelMarginLeft.valuePx(e.windowSize)}`};
-`,Ve=_.getLocalizedStrings().vendors.common.transactionTabTitles,Ss=()=>$s,$s=[{id:"spend_transactions",label:Ve.spendTransactions,leftMargin:!1,style:{width:136,left:2}},{id:"all_transactions",label:Ve.allTransactions,leftMargin:!0,style:{width:122,left:60}}],ke={labelWidth:new g(120,145,160),controlWidth:new g(110,145,160)},z=(e,s)=>`${e}.${s}`,Qe=_.getLocalizedStrings(),{common:ae,cockpit:Ie}=Qe,T=Qe.spendManagement.billPay.vendorCreation,Ds=({accountsHierarchyList:e,allAccounts:s,allClasses:c,allOwners:i,classHierarchyList:n,enableRecommendationUpdateCheckbox:p,readOnlyMode:m,isDisabled:f,recommendations:h,sectionId:w,selectedAccountId:R,selectedClassId:A,selectedOwnerId:D,selectedVendorDetails:u,uiState:B,isFiling1099FeatureEnabled:Y,onClickShowMoreOrLess:le})=>{const K=ne(),G=Re(),{getValues:Q}=Tt(),W=ke.labelWidth.value(K),N=ke.controlWidth.value(K),O=r=>s.filter(b=>b.accountId===r)[0]?.coaId??"",E=r=>c.filter(b=>b.classId===r)[0]?.accountingClassNumber??"",J=r=>{const b=s.find(H=>H.accountId===r)?.accountName;return[At,Bt].includes(b??"")},Z=T.vendorDetails.recommendation.tooltip,ie=Z.category.replace("__based__",u?.vendorDetailLocalData?.recommendedCategory?.reason?.toLocaleLowerCase()??""),re=Z.class.replace("__based__",u?.vendorDetailLocalData?.recommendedClass?.reason?.toLocaleLowerCase()??""),X=u?.vendorDetailLocalData?.recommendedCategory!=null&&!!p,ee=u?.vendorDetailLocalData?.recommendedClass!=null&&!!p;return t.jsxs(js,{children:[t.jsxs(Ts,{children:[t.jsx(Ls,{children:T.vendorDetails.title}),Y?t.jsxs(ks,{onClick:()=>le(),children:[B?.collapsableStatus==="expand"?`${ae.show}${ae.strings.space}${Ie.subscription.lessBtnText}`:`${ae.show}${ae.strings.space}${Ie.subscription.moreBtnText}`,B?.collapsableStatus==="expand"?t.jsx(Is,{}):t.jsx(Os,{})]}):null]}),t.jsxs(Vs,{children:[t.jsx(we,{isLoading:!1,label:{label:T.vendorDetails.category,width:W},groupedSingleSelectField:{name:z(w,"vendorCategory"),placeholder:T.placeholders.category,valueToInfo:r=>O(r),defaultValue:{selectedOption:R,allOptions:Be(e,h)},style:{width:"auto"},registerOptions:{required:!1},shouldShowChevronIcon:X},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${G.colors.grey3}`},isDisabled:m?"readonly":f,disableCurrentOption:J,fullWidthSelect:!1,zIndexOnFocus:!0,recommendationCheckboxField:u?.vendorDetailLocalData?.recommendedCategory!=null&&p?{tooltipProps:{text:ie},label:{label:u?.vendorDetailLocalData?.recommendedCategory?.accountName},checkBoxField:{name:z(w,"isRecommendedCategorySelected"),defaultChecked:Q(z(w,"isRecommendedCategorySelected"))}}:void 0}),t.jsx(we,{isLoading:!1,label:{label:T.vendorDetails.class,width:W},zIndexOnFocus:!0,groupedSingleSelectField:{name:z(w,"vendorClass"),placeholder:T.placeholders.class,valueToInfo:r=>E(r),defaultValue:{selectedOption:A,allOptions:Ae(n,h)},registerOptions:{required:!1},style:{width:"auto"},shouldShowChevronIcon:ee},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${G.colors.grey3}`},isDisabled:m===!0?"readonly":f,fullWidthSelect:!1,recommendationCheckboxField:u?.vendorDetailLocalData?.recommendedClass!=null&&p?{tooltipProps:{text:re},label:{label:u?.vendorDetailLocalData?.recommendedClass?.className},checkBoxField:{name:z(w,"isRecommendedClassSelected"),defaultChecked:Q(z(w,"isRecommendedClassSelected"))}}:void 0}),t.jsx(Lt,{label:{label:T.vendorDetails.vendorOwner,width:W},userSingleSelectField:{name:z(w,"vendorOwner"),placeholder:T.placeholders.owner,defaultValue:{allOptions:Ee(i),selectedOption:D},registerOptions:{required:!1},style:{width:"auto"}},isDisabled:m===!0?"readonly":f,style:{justifyContent:"space-between"},controlWidth:N,fullWidthSelect:!1})]})]})},js=a.div`
+  margin: ${e=>`${O.labelMarginTop.valuePx(e.windowSize)} ${O.labelMarginLeft.valuePx(e.windowSize)} ${O.labelMarginBottom.valuePx(e.windowSize)} ${O.labelMarginLeft.valuePx(e.windowSize)}`};
+`,Ve=_.getLocalizedStrings().vendors.common.transactionTabTitles,Cs=()=>Ss,Ss=[{id:"spend_transactions",label:Ve.spendTransactions,leftMargin:!1,style:{width:136,left:2}},{id:"all_transactions",label:Ve.allTransactions,leftMargin:!0,style:{width:122,left:60}}],ke={labelWidth:new g(120,145,160),controlWidth:new g(110,145,160)},F=(e,s)=>`${e}.${s}`,Ke=_.getLocalizedStrings(),{common:ae,cockpit:Ie}=Ke,L=Ke.spendManagement.billPay.vendorCreation,Ds=({accountsHierarchyList:e,allAccounts:s,allClasses:c,allOwners:i,classHierarchyList:n,enableRecommendationUpdateCheckbox:p,readOnlyMode:m,isDisabled:f,recommendations:h,sectionId:w,selectedAccountId:B,selectedClassId:R,selectedOwnerId:D,selectedVendorDetails:u,uiState:A,isFiling1099FeatureEnabled:Y,onClickShowMoreOrLess:le})=>{const G=ne(),Q=Be(),{getValues:K}=Tt(),N=ke.labelWidth.value(G),W=ke.controlWidth.value(G),P=r=>s.filter(b=>b.accountId===r)[0]?.coaId??"",E=r=>c.filter(b=>b.classId===r)[0]?.accountingClassNumber??"",J=r=>{const b=s.find(H=>H.accountId===r)?.accountName;return[Rt,At].includes(b??"")},Z=L.vendorDetails.recommendation.tooltip,ie=Z.category.replace("__based__",u?.vendorDetailLocalData?.recommendedCategory?.reason?.toLocaleLowerCase()??""),re=Z.class.replace("__based__",u?.vendorDetailLocalData?.recommendedClass?.reason?.toLocaleLowerCase()??""),X=u?.vendorDetailLocalData?.recommendedCategory!=null&&!!p,ee=u?.vendorDetailLocalData?.recommendedClass!=null&&!!p;return t.jsxs(js,{children:[t.jsxs(Ts,{children:[t.jsx(Ls,{children:L.vendorDetails.title}),Y?t.jsxs(ks,{onClick:()=>le(),children:[A?.collapsableStatus==="expand"?`${ae.show}${ae.strings.space}${Ie.subscription.lessBtnText}`:`${ae.show}${ae.strings.space}${Ie.subscription.moreBtnText}`,A?.collapsableStatus==="expand"?t.jsx(Is,{}):t.jsx(Os,{})]}):null]}),t.jsxs(Vs,{children:[t.jsx(we,{isLoading:!1,label:{label:L.vendorDetails.category,width:N},groupedSingleSelectField:{name:F(w,"vendorCategory"),placeholder:L.placeholders.category,valueToInfo:r=>P(r),defaultValue:{selectedOption:B,allOptions:Ae(e,h)},style:{width:"auto"},registerOptions:{required:!1},shouldShowChevronIcon:X},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${Q.colors.grey3}`},isDisabled:m?"readonly":f,disableCurrentOption:J,fullWidthSelect:!1,zIndexOnFocus:!0,recommendationCheckboxField:u?.vendorDetailLocalData?.recommendedCategory!=null&&p?{tooltipProps:{text:ie},label:{label:u?.vendorDetailLocalData?.recommendedCategory?.accountName},checkBoxField:{name:F(w,"isRecommendedCategorySelected"),defaultChecked:K(F(w,"isRecommendedCategorySelected"))}}:void 0}),t.jsx(we,{isLoading:!1,label:{label:L.vendorDetails.class,width:N},zIndexOnFocus:!0,groupedSingleSelectField:{name:F(w,"vendorClass"),placeholder:L.placeholders.class,valueToInfo:r=>E(r),defaultValue:{selectedOption:R,allOptions:Re(n,h)},registerOptions:{required:!1},style:{width:"auto"},shouldShowChevronIcon:ee},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${Q.colors.grey3}`},isDisabled:m===!0?"readonly":f,fullWidthSelect:!1,recommendationCheckboxField:u?.vendorDetailLocalData?.recommendedClass!=null&&p?{tooltipProps:{text:re},label:{label:u?.vendorDetailLocalData?.recommendedClass?.className},checkBoxField:{name:F(w,"isRecommendedClassSelected"),defaultChecked:K(F(w,"isRecommendedClassSelected"))}}:void 0}),t.jsx(Lt,{label:{label:L.vendorDetails.vendorOwner,width:N},userSingleSelectField:{name:F(w,"vendorOwner"),placeholder:L.placeholders.owner,defaultValue:{allOptions:Ee(i),selectedOption:D},registerOptions:{required:!1},style:{width:"auto"}},isDisabled:m===!0?"readonly":f,style:{justifyContent:"space-between"},controlWidth:W,fullWidthSelect:!1})]})]})},js=a.div`
   display: flex;
   flex-direction: column;
   padding-top: ${o.sp3};
@@ -199,7 +199,7 @@ import{M as _,u as Re,e as ne,C as g,E as be,l as se,c9 as xt,a as yt,gx as Ae,g
   height: ${o.sp3};
   margin-left: ${o.sp2};
   margin-top: ${o.sp1};
-`,Os=a(Rt)`
+`,Os=a(Bt)`
   width: ${o.sp3};
   height: ${o.sp3};
   margin-left: ${o.sp2};
@@ -219,12 +219,12 @@ import{M as _,u as Re,e as ne,C as g,E as be,l as se,c9 as xt,a as yt,gx as Ae,g
   );
   border-radius: ${o.sp2};
   background: ${e=>e.theme.colors.grey5};
-`,Fe=a.div`
+`,ze=a.div`
   padding: ${o.sp3};
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,Fs=()=>t.jsxs(Ps,{children:[[...Array(1)].map((e,s)=>t.jsxs(Oe,{children:[t.jsx($,{width:120,height:l[4]}),t.jsx(Pe,{children:[...Array(3)].map((c,i)=>t.jsxs(Fe,{children:[t.jsx($,{width:70,height:l[4]}),t.jsx($,{width:140,height:l[4]})]},i))})]},s)),[...Array(1)].map((e,s)=>t.jsxs(Oe,{children:[t.jsx($,{width:120,height:l[4]}),t.jsx(Pe,{children:[...Array(4)].map((c,i)=>t.jsxs(Fe,{children:[t.jsx($,{width:70,height:l[4]}),t.jsx($,{width:140,height:l[4]})]},i))})]},s))]}),x=_.getLocalizedStrings(),{vendors:{vendorDetailPage:L},common:{footer:ze}}=x,V={transactionListHeight:new g(325,275,225),formContainerHorizontalPadding:new g(l[3],l[3],l[8]),buttonWidth:new g(85,85),navbarHeight:63},Me=e=>`${e}_form`,y="vendorDetails",ve="vendor1099Details",_e="vendorDetailPage",zs=a.div`
+`,zs=()=>t.jsxs(Ps,{children:[[...Array(1)].map((e,s)=>t.jsxs(Oe,{children:[t.jsx(S,{width:120,height:l[4]}),t.jsx(Pe,{children:[...Array(3)].map((c,i)=>t.jsxs(ze,{children:[t.jsx(S,{width:70,height:l[4]}),t.jsx(S,{width:140,height:l[4]})]},i))})]},s)),[...Array(1)].map((e,s)=>t.jsxs(Oe,{children:[t.jsx(S,{width:120,height:l[4]}),t.jsx(Pe,{children:[...Array(4)].map((c,i)=>t.jsxs(ze,{children:[t.jsx(S,{width:70,height:l[4]}),t.jsx(S,{width:140,height:l[4]})]},i))})]},s))]}),x=_.getLocalizedStrings(),{vendors:{vendorDetailPage:V},common:{footer:Fe}}=x,k={transactionListHeight:new g(325,275,225),formContainerHorizontalPadding:new g(l[3],l[3],l[8]),buttonWidth:new g(85,85),navbarHeight:63},Me=e=>`${e}_form`,y="vendorDetails",ve="vendor1099Details",_e="vendorDetailPage",Fs=a.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -232,10 +232,10 @@ import{M as _,u as Re,e as ne,C as g,E as be,l as se,c9 as xt,a as yt,gx as Ae,g
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,We=a.div`
-  padding-left: ${e=>V.formContainerHorizontalPadding.valuePx(e.size)};
-  padding-right: ${e=>V.formContainerHorizontalPadding.valuePx(e.size)};
 `,Ne=a.div`
+  padding-left: ${e=>k.formContainerHorizontalPadding.valuePx(e.size)};
+  padding-right: ${e=>k.formContainerHorizontalPadding.valuePx(e.size)};
+`,We=a.div`
   background-color: ${e=>e.theme.colors.grey4};
   padding-top: ${e=>e.isPageLoading?o.sp3:o.sp0};
 `,Ms=a.div`
@@ -250,8 +250,8 @@ import{M as _,u as Re,e as ne,C as g,E as be,l as se,c9 as xt,a as yt,gx as Ae,g
 `,_s=a.div`
   display: flex;
   flex-direction: column;
-`,Ws=a.div``,Ns=a.div``,Hs=a.div`
+`,Ns=a.div``,Ws=a.div``,Hs=a.div`
   display: flex;
   flex-direction: column;
   transition: ${e=>e.collapsableStatus==="collapse"?"height 400ms ease-out":"height 200ms ease-in"};
-`,Rs=[{label:L.vendorSpendTrendFilterLabels.last_30_days,id:"last_30_days"},{label:L.vendorSpendTrendFilterLabels.last_90_days,id:"last_90_days"},{label:L.vendorSpendTrendFilterLabels.YTD_spend,id:"YTD_spend"},{label:L.vendorSpendTrendFilterLabels.last_month,id:"last_month"},{label:L.vendorSpendTrendFilterLabels.last_3_months,id:"last_3_months"},{label:L.vendorSpendTrendFilterLabels.last_6_months,id:"last_6_months"},{label:L.vendorSpendTrendFilterLabels.last_12_months,id:"last_12_months"},{label:L.vendorSpendTrendFilterLabels.last_year,id:"last_year"}],go=({isFiling1099FeatureEnabled:e,vendorDetailView:s,firstMonthOfFY:c,vendorLogo:i,readOnlyMode:n,isDisabled:p,scrollToTrend:m,allTransactionsTabData:f,onVendorTabSelectionChanged:h,onLoadPreviousTransactionsClick:w,onSaveSuccess:R,saveVendorDetailLocalData:A,onCancelClick:D,onTrendSelectedPeriodChange:u,onTransactionItemClick:B,onSpendTrendPercentChangeClick:Y,onSaveVendor:le,onVendorSpendTrendFilterTabClick:K,onAddressClick:G,saveContactsInVendorTabDetailLocalData:Q,onVendorDetailUIChange:W})=>{const N=Re(),O=ne(),E=S.useRef(null),[J,Z]=S.useState(!1),[ie,re]=S.useState(V.transactionListHeight.value()),X=s?.selectedTabType,ee=Ss(),r=Object.assign({},s?.vendorViewDetails?.vendorView),b=s?.vendorViewDetails.vendorView?.vendorDetailLocalData,H=s?.uiState,Je=!be(r!=null&&r.vendorAddress!=null?se.getFormattedAddress(r.vendorAddress):r.vendorAddress,r.vendorNewAddressStatus?.addressToCreate!=null?se.getFormattedAddress(r.vendorNewAddressStatus?.addressToCreate):r.vendorNewAddressStatus?.addressToCreate),Ze=(r?.vendorDetailLocalData?.contacts??[]).filter(d=>d.email!==x.common.strings.empty||d.fullName!==x.common.strings.empty||d.phone!==x.common.strings.empty).map(d=>xt(d,"contactInfoType")),xe=S.useMemo(()=>r.vendorBasic?.contacts??[],[r.vendorBasic?.contacts]),Xe=!be(Ze,xe),te=yt({mode:"all",defaultValues:He(s?.vendorViewDetails.accountsHierarchyList??[],s?.vendorViewDetails.classHierarchyList??[],s?.vendorViewDetails.vendorTypeList??[],s?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,s?.vendorViewDetails.vendorView?.vendorDetailLocalData,s?.vendorViewDetails.ownerList),values:He(s?.vendorViewDetails.accountsHierarchyList??[],s?.vendorViewDetails.classHierarchyList??[],s?.vendorViewDetails.vendorTypeList??[],s?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,s?.vendorViewDetails.vendorView?.vendorDetailLocalData,s?.vendorViewDetails.ownerList),resetOptions:{keepDirtyValues:!0}}),[et,tt]=S.useState(-1),st=r.vendorDetailLocalData?.contacts!=null&&r.vendorDetailLocalData?.contacts.length>0?r.vendorDetailLocalData?.contacts:fe,[ot,at]=S.useState(bt(st)),nt=d=>{at(d),Q?.(b?.vendorId??x.common.strings.empty,d)};S.useEffect(()=>{m===!0&&J===!1&&s?.trendWithTransactions.trendReport?.fetchState==="Completed"&&s?.trendWithTransactions.transactionView?.fetchState==="Completed"&&(window.scrollTo({top:(E.current?.offsetTop??0)+V.navbarHeight,behavior:"smooth"}),Z(!0))},[m,J,s?.trendWithTransactions.trendReport?.fetchState,s?.trendWithTransactions.transactionView?.fetchState]);const lt=new ft(N.colors.graphColor12),P=s?.fetchState==="Not-Started"||s?.fetchState==="In-Progress",it=s?.vendorViewDetails.vendorView?.saveStatus.fetchState==="In-Progress",rt=s?.trendWithTransactions.trendReport?.fetchState==="In-Progress",dt=(d,v)=>{u?.(v)};S.useEffect(()=>{s?.vendorViewDetails.vendorView?.saveStatus?.fetchState==="Completed"&&R?.()},[r]);const ct=S.useCallback(()=>{window.scrollTo({top:(E.current?.offsetTop??0)+V.navbarHeight,behavior:"smooth"}),Y?.()},[Y]),pt=async(d,v)=>{const C=v;if(d.includes("isRecommendedCategorySelected")){const F=v[y].isRecommendedCategorySelected===!0?r?.vendorDetailLocalData?.recommendedCategory?.accountId:r?.vendorBasic?.account?.accountId;C[y].vendorCategory={selectedOption:F,allOptions:v[y].vendorCategory.allOptions}}if(d.includes("isRecommendedClassSelected")){const F=v[y].isRecommendedClassSelected===!0?r.vendorDetailLocalData?.recommendedClass?.classId:r?.vendorBasic?.class?.classId;C[y].vendorClass={selectedOption:F,allOptions:v[y].vendorClass.allOptions}}if(d.includes("vendorCategory")){const F=C[y].vendorCategory.selectedOption===C[y].recommendedCategory?.accountId;C[y].isRecommendedCategorySelected=F}if(d.includes("vendorClass")){const F=C[y].vendorClass.selectedOption===C[y].recommendedClass?.classId;C[y].isRecommendedClassSelected=F}mt(C)};S.useEffect(()=>{const d=te.watch((v,{name:C})=>{C!=null&&v!=null&&wt(()=>pt(C,v))});return()=>{d.unsubscribe()}});const mt=d=>{const v=As(d,r.vendorBasic?.id,b);A?.(v)},ht=d=>{h(se.toVendorDetailTabsType(d.id))},gt={isLoading:s?.allVendorTransactionsView?.fetchState==="In-Progress"||s?.allVendorTransactionsView?.fetchState==="Not-Started",onLoadPreviousClick:(d,v)=>{w(d,(f?.numberOfQuartersFetched??0)+1)}},ut=()=>{switch(X){case"all_transactions":return t.jsx(Ms,{height:ie,children:P===!1&&f?.timePeriod!=null?t.jsx(Gt,{firstMonthOfFY:c,timeframe:"quarter",timePeriod:f.timePeriod,transactions:s?.allVendorTransactionsView?.transactions??[],componentName:"vendor.detail.transactions.list",onTransactionItemClick:B,onListInnerElementHeightChanged:d=>{re(d)},showLoadPrevious:gt}):null});case"spend_transactions":default:return s?.trendWithTransactions!=null?t.jsxs(t.Fragment,{children:[t.jsx(Kt,{allTabs:Rs,selectedTab:s.vendorSpendTrendFilterTabValue,onTabChange:d=>{const v=se.toVendorSpendTrendFilterTabsTypeStrict(d.id);v!=null&&K(v)},containerStyle:{marginLeft:l[8],marginRight:l[8]}}),t.jsx(Ws,{ref:E,children:t.jsx(Qt,{firstMonthOfFY:c,trendWithTransactionsReport:s?.trendWithTransactions,isDetailPage:!1,graphColor:lt,initialTransactionListHeight:V.transactionListHeight.value(O),page:"vendorDetailPage",onTimePeriodChange:dt,onTransactionItemClick:B})})]}):null}},vt=()=>{H?.collapsableStatus==="expand"?W?.("collapse"):W?.("expand")},ye=ee.find(d=>X===d.id);return t.jsxs(zs,{children:[t.jsx(Ct,{onBackClick:D,title:r.vendorBasic?.name??x.common.strings.empty,style:{zIndex:3},hideSearchBtn:!0,backgroundColor:N.colors.grey5,enableTitleOnScroll:!0,source:"VendorDetailPage"}),s?.vendorSpend!=null?t.jsx(us,{isPageLoading:P,vendorName:r.vendorBasic?.name??x.common.strings.empty,spend:s?.vendorSpend,vendorLogo:i,isSpendTrendLoading:rt,onPercentChangeClick:ct}):null,P===!0&&t.jsx(Ne,{isPageLoading:P,children:t.jsx(We,{size:O,children:t.jsx(Fs,{})})}),P===!1&&r.vendorDetailLocalData!=null&&t.jsxs(Ne,{isPageLoading:P,children:[t.jsx(We,{size:O,children:t.jsx(St,{...te,children:t.jsxs("form",{id:Me(_e),onSubmit:te.handleSubmit(le),children:[t.jsx(Ds,{sectionId:y,selectedVendorId:b?.vendorId,selectedVendorDetails:r,selectedAccountId:b?.vendorCategory,selectedClassId:b?.vendorClass,selectedOwnerId:b?.vendorOwner,recommendations:b?.recommendations??[],allAccounts:s?.vendorViewDetails.accountList.accounts??[],allClasses:s?.vendorViewDetails.classList.classes??[],screenType:"edit",selectedVendorName:b?.vendorName,allOwners:s?.vendorViewDetails.ownerList??[],readOnlyMode:n,isDisabled:p,accountsHierarchyList:s?.vendorViewDetails.accountsHierarchyList??[],classHierarchyList:s?.vendorViewDetails.classHierarchyList??[],enableRecommendationUpdateCheckbox:!0,uiState:H,isFiling1099FeatureEnabled:e,onClickShowMoreOrLess:vt}),e&&H?.collapsableStatus==="expand"?t.jsxs(Hs,{collapsableStatus:H?.collapsableStatus??"expand",children:[t.jsx(xs,{selectedVendorDetails:r,isDisabled:p,onAddressClick:G,sectionId:ve,vendorTypeList:s?.vendorViewDetails.vendorTypeList??[]}),t.jsx($t,{emailRequired:!1,vendorContactInfos:fe,sectionId:ue,vendorContactInfoWithType:ot,setVendorContactInfoWithType:nt,deleteContactConfirmationIndex:et,updateContactDeleteConfirmationIndex:tt,initialContactList:xe})]}):null]})})}),ye!=null?t.jsxs(_s,{children:[t.jsx(Ns,{children:t.jsx(rs,{allTabs:ee,containerStyle:{marginLeft:l[8],marginRight:l[8],borderBottom:`1px solid ${N.colors.grey3}`,backgroundColor:N.colors.grey4,justifyContent:"left"},selectedTab:ye,onOptionSelectionChanged:ht})}),ut()]}):null]}),!P&&n!==!0&&(Dt(te.formState.dirtyFields)||Je||Xe)?t.jsx(jt,{formId:Me(_e),primaryBtn:{label:ze.save,isLoading:it,style:{width:V.buttonWidth.value(O)},isDisabled:!1},cancelBtn:{label:ze.cancel,style:{width:V.buttonWidth.value(O)},onClick:D}}):null]})},He=(e,s,c,i,n,p)=>({[y]:{vendorName:n?.vendorName??x.common.strings.empty,vendorOwner:{allOptions:Ee(p),selectedOption:n?.vendorOwner},vendorCategory:{allOptions:Be(e,n?.recommendations),selectedOption:n?.vendorCategory},vendorClass:{allOptions:Ae(s,n?.recommendations),selectedOption:n?.vendorClass},recommendedCategory:n?.recommendedCategory,recommendedClass:n?.recommendedClass,isRecommendedCategorySelected:n?.isCategoryUpdateSelected??!1,isRecommendedClassSelected:n?.isClassUpdateSelected??!1},[ve]:{legalName:n?.legalName??x.common.strings.empty,email:n?.vendorEmail??x.common.strings.empty,phone:n?.vendorPhone??x.common.strings.empty,vendorType:{allTypes:c,selectedType:n?.vendorType},tinType:n?.tin?.type??null,tinValue:n?.tin?.value??null,address:i},[ue]:n!=null&&n?.contacts!=null&&n?.contacts.length!==0?n.contacts:[{fullName:x.common.strings.empty,email:x.common.strings.empty,phone:x.common.strings.empty,id:x.common.strings.empty}]}),As=(e,s,c)=>{const i=e?.[y],n=e?.[ve];return{vendorCategory:i.vendorCategory.selectedOption,vendorClass:i.vendorClass.selectedOption,vendorId:s,recommendations:c?.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(Ut,x.common.strings.empty):null},address:n.address,contacts:e?.[ue]}};export{go as default,Me as formUniqueName,ve as vendor1099DetailsSectionId,y as vendorDetailsSectionId,Rs as vendorSpendTrendFilterTabs};
+`,Bs=[{label:V.vendorSpendTrendFilterLabels.last_30_days,id:"last_30_days"},{label:V.vendorSpendTrendFilterLabels.last_90_days,id:"last_90_days"},{label:V.vendorSpendTrendFilterLabels.YTD_spend,id:"YTD_spend"},{label:V.vendorSpendTrendFilterLabels.last_month,id:"last_month"},{label:V.vendorSpendTrendFilterLabels.last_3_months,id:"last_3_months"},{label:V.vendorSpendTrendFilterLabels.last_6_months,id:"last_6_months"},{label:V.vendorSpendTrendFilterLabels.last_12_months,id:"last_12_months"},{label:V.vendorSpendTrendFilterLabels.last_year,id:"last_year"}],go=({isFiling1099FeatureEnabled:e,vendorDetailView:s,firstMonthOfFY:c,vendorLogo:i,readOnlyMode:n,isDisabled:p,scrollToTrend:m,allTransactionsTabData:f,onVendorTabSelectionChanged:h,onLoadPreviousTransactionsClick:w,onSaveSuccess:B,saveVendorDetailLocalData:R,onCancelClick:D,onTrendSelectedPeriodChange:u,onTransactionItemClick:A,onSpendTrendPercentChangeClick:Y,onSaveVendor:le,onVendorSpendTrendFilterTabClick:G,onAddressClick:Q,saveContactsInVendorTabDetailLocalData:K,onVendorDetailUIChange:N})=>{const W=Be(),P=ne(),E=C.useRef(null),[J,Z]=C.useState(!1),[ie,re]=C.useState(k.transactionListHeight.value()),X=s?.selectedTabType,ee=Cs(),r=Object.assign({},s?.vendorViewDetails?.vendorView),b=s?.vendorViewDetails.vendorView?.vendorDetailLocalData,H=s?.uiState,Je=!be(r!=null&&r.vendorAddress!=null?se.getFormattedAddress(r.vendorAddress):r.vendorAddress,r.vendorNewAddressStatus?.addressToCreate!=null?se.getFormattedAddress(r.vendorNewAddressStatus?.addressToCreate):r.vendorNewAddressStatus?.addressToCreate),Ze=(r?.vendorDetailLocalData?.contacts??[]).filter(d=>d.email!==x.common.strings.empty||d.fullName!==x.common.strings.empty||d.phone!==x.common.strings.empty).map(d=>xt(d,"contactInfoType")),xe=C.useMemo(()=>r.vendorBasic?.contacts??[],[r.vendorBasic?.contacts]),Xe=!be(Ze,xe),te=yt({mode:"all",defaultValues:He(s?.vendorViewDetails.accountsHierarchyList??[],s?.vendorViewDetails.classHierarchyList??[],s?.vendorViewDetails.vendorTypeList??[],s?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,s?.vendorViewDetails.vendorView?.vendorDetailLocalData,s?.vendorViewDetails.ownerList),values:He(s?.vendorViewDetails.accountsHierarchyList??[],s?.vendorViewDetails.classHierarchyList??[],s?.vendorViewDetails.vendorTypeList??[],s?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,s?.vendorViewDetails.vendorView?.vendorDetailLocalData,s?.vendorViewDetails.ownerList),resetOptions:{keepDirtyValues:!0}}),[et,tt]=C.useState(-1),st=r.vendorDetailLocalData?.contacts!=null&&r.vendorDetailLocalData?.contacts.length>0?r.vendorDetailLocalData?.contacts:fe,[ot,at]=C.useState(bt(st)),nt=d=>{at(d),K?.(b?.vendorId??x.common.strings.empty,d)};C.useEffect(()=>{m===!0&&J===!1&&s?.trendWithTransactions.trendReport?.fetchState==="Completed"&&s?.trendWithTransactions.transactionView?.fetchState==="Completed"&&(window.scrollTo({top:(E.current?.offsetTop??0)+k.navbarHeight,behavior:"smooth"}),Z(!0))},[m,J,s?.trendWithTransactions.trendReport?.fetchState,s?.trendWithTransactions.transactionView?.fetchState]);const lt=new ft(W.colors.graphColor12),j=s?.fetchState==="Not-Started"||s?.fetchState==="In-Progress",it=s?.vendorViewDetails.vendorView?.saveStatus.fetchState==="In-Progress",rt=s?.trendWithTransactions.trendReport?.fetchState==="In-Progress",dt=(d,v)=>{u?.(v)};C.useEffect(()=>{s?.vendorViewDetails.vendorView?.saveStatus?.fetchState==="Completed"&&B?.()},[r]);const ct=C.useCallback(()=>{window.scrollTo({top:(E.current?.offsetTop??0)+k.navbarHeight,behavior:"smooth"}),Y?.()},[Y]),pt=async(d,v)=>{const $=v;if(d.includes("isRecommendedCategorySelected")){const z=v[y].isRecommendedCategorySelected===!0?r?.vendorDetailLocalData?.recommendedCategory?.accountId:r?.vendorBasic?.account?.accountId;$[y].vendorCategory={selectedOption:z,allOptions:v[y].vendorCategory.allOptions}}if(d.includes("isRecommendedClassSelected")){const z=v[y].isRecommendedClassSelected===!0?r.vendorDetailLocalData?.recommendedClass?.classId:r?.vendorBasic?.class?.classId;$[y].vendorClass={selectedOption:z,allOptions:v[y].vendorClass.allOptions}}if(d.includes("vendorCategory")){const z=$[y].vendorCategory.selectedOption===$[y].recommendedCategory?.accountId;$[y].isRecommendedCategorySelected=z}if(d.includes("vendorClass")){const z=$[y].vendorClass.selectedOption===$[y].recommendedClass?.classId;$[y].isRecommendedClassSelected=z}mt($)};C.useEffect(()=>{const d=te.watch((v,{name:$})=>{$!=null&&v!=null&&wt(()=>pt($,v))});return()=>{d.unsubscribe()}});const mt=d=>{const v=Rs(d,r.vendorBasic?.id,b);R?.(v)},ht=d=>{h(se.toVendorDetailTabsType(d.id))},gt={isLoading:s?.allVendorTransactionsView?.fetchState==="In-Progress"||s?.allVendorTransactionsView?.fetchState==="Not-Started",onLoadPreviousClick:(d,v)=>{w(d,(f?.numberOfQuartersFetched??0)+1)}},ut=()=>{switch(X){case"all_transactions":return t.jsx(Ms,{height:ie,children:j===!1&&f?.timePeriod!=null?t.jsx(Qt,{firstMonthOfFY:c,timeframe:"quarter",timePeriod:f.timePeriod,transactions:s?.allVendorTransactionsView?.transactions??[],isFirstLotLoading:j,componentName:"trend.transactions.list",onTransactionItemClick:A,onListInnerElementHeightChanged:d=>{re(d)},showLoadPrevious:gt}):null});case"spend_transactions":default:return s?.trendWithTransactions!=null?t.jsxs(t.Fragment,{children:[t.jsx(Gt,{allTabs:Bs,selectedTab:s.vendorSpendTrendFilterTabValue,onTabChange:d=>{const v=se.toVendorSpendTrendFilterTabsTypeStrict(d.id);v!=null&&G(v)},containerStyle:{marginLeft:l[8],marginRight:l[8]}}),t.jsx(Ns,{ref:E,children:t.jsx(Kt,{firstMonthOfFY:c,trendWithTransactionsReport:s?.trendWithTransactions,isDetailPage:!1,graphColor:lt,initialTransactionListHeight:k.transactionListHeight.value(P),page:"vendorDetailPage",onTimePeriodChange:dt,onTransactionItemClick:A})})]}):null}},vt=()=>{H?.collapsableStatus==="expand"?N?.("collapse"):N?.("expand")},ye=ee.find(d=>X===d.id);return t.jsxs(Fs,{children:[t.jsx($t,{onBackClick:D,title:r.vendorBasic?.name??x.common.strings.empty,style:{zIndex:3},hideSearchBtn:!0,backgroundColor:W.colors.grey5,enableTitleOnScroll:!0,source:"VendorDetailPage"}),s?.vendorSpend!=null?t.jsx(us,{isPageLoading:j,vendorName:r.vendorBasic?.name??x.common.strings.empty,spend:s?.vendorSpend,vendorLogo:i,isSpendTrendLoading:rt,onPercentChangeClick:ct}):null,j===!0&&t.jsx(We,{isPageLoading:j,children:t.jsx(Ne,{size:P,children:t.jsx(zs,{})})}),j===!1&&r.vendorDetailLocalData!=null&&t.jsxs(We,{isPageLoading:j,children:[t.jsx(Ne,{size:P,children:t.jsx(Ct,{...te,children:t.jsxs("form",{id:Me(_e),onSubmit:te.handleSubmit(le),children:[t.jsx(Ds,{sectionId:y,selectedVendorId:b?.vendorId,selectedVendorDetails:r,selectedAccountId:b?.vendorCategory,selectedClassId:b?.vendorClass,selectedOwnerId:b?.vendorOwner,recommendations:b?.recommendations??[],allAccounts:s?.vendorViewDetails.accountList.accounts??[],allClasses:s?.vendorViewDetails.classList.classes??[],screenType:"edit",selectedVendorName:b?.vendorName,allOwners:s?.vendorViewDetails.ownerList??[],readOnlyMode:n,isDisabled:p,accountsHierarchyList:s?.vendorViewDetails.accountsHierarchyList??[],classHierarchyList:s?.vendorViewDetails.classHierarchyList??[],enableRecommendationUpdateCheckbox:!0,uiState:H,isFiling1099FeatureEnabled:e,onClickShowMoreOrLess:vt}),e&&H?.collapsableStatus==="expand"?t.jsxs(Hs,{collapsableStatus:H?.collapsableStatus??"expand",children:[t.jsx(xs,{selectedVendorDetails:r,isDisabled:p,onAddressClick:Q,sectionId:ve,vendorTypeList:s?.vendorViewDetails.vendorTypeList??[]}),t.jsx(St,{emailRequired:!1,vendorContactInfos:fe,sectionId:ue,vendorContactInfoWithType:ot,setVendorContactInfoWithType:nt,deleteContactConfirmationIndex:et,updateContactDeleteConfirmationIndex:tt,initialContactList:xe})]}):null]})})}),ye!=null?t.jsxs(_s,{children:[t.jsx(Ws,{children:t.jsx(rs,{allTabs:ee,containerStyle:{marginLeft:l[8],marginRight:l[8],borderBottom:`1px solid ${W.colors.grey3}`,backgroundColor:W.colors.grey4,justifyContent:"left"},selectedTab:ye,onOptionSelectionChanged:ht})}),ut()]}):null]}),!j&&n!==!0&&(Dt(te.formState.dirtyFields)||Je||Xe)?t.jsx(jt,{formId:Me(_e),primaryBtn:{label:Fe.save,isLoading:it,style:{width:k.buttonWidth.value(P)},isDisabled:!1},cancelBtn:{label:Fe.cancel,style:{width:k.buttonWidth.value(P)},onClick:D}}):null]})},He=(e,s,c,i,n,p)=>({[y]:{vendorName:n?.vendorName??x.common.strings.empty,vendorOwner:{allOptions:Ee(p),selectedOption:n?.vendorOwner},vendorCategory:{allOptions:Ae(e,n?.recommendations),selectedOption:n?.vendorCategory},vendorClass:{allOptions:Re(s,n?.recommendations),selectedOption:n?.vendorClass},recommendedCategory:n?.recommendedCategory,recommendedClass:n?.recommendedClass,isRecommendedCategorySelected:n?.isCategoryUpdateSelected??!1,isRecommendedClassSelected:n?.isClassUpdateSelected??!1},[ve]:{legalName:n?.legalName??x.common.strings.empty,email:n?.vendorEmail??x.common.strings.empty,phone:n?.vendorPhone??x.common.strings.empty,vendorType:{allTypes:c,selectedType:n?.vendorType},tinType:n?.tin?.type??null,tinValue:n?.tin?.value??null,address:i},[ue]:n!=null&&n?.contacts!=null&&n?.contacts.length!==0?n.contacts:[{fullName:x.common.strings.empty,email:x.common.strings.empty,phone:x.common.strings.empty,id:x.common.strings.empty}]}),Rs=(e,s,c)=>{const i=e?.[y],n=e?.[ve];return{vendorCategory:i.vendorCategory.selectedOption,vendorClass:i.vendorClass.selectedOption,vendorId:s,recommendations:c?.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(Ut,x.common.strings.empty):null},address:n.address,contacts:e?.[ue]}};export{go as default,Me as formUniqueName,ve as vendor1099DetailsSectionId,y as vendorDetailsSectionId,Bs as vendorSpendTrendFilterTabs};

package/dist/assets/{VendorDomesticWireDetailsPage-DhWkYV9N-CfYo0l4g.js → VendorDomesticWireDetailsPage-DrwX_ukC-DBWePN-A.js}

@@ -1 +1 @@
-import{j as S}from"./index-CyJdCOlu.js";import{b as C}from"./vendor-CnQcJ2Lu.js";import{y as b}from"./DomesticWireDetailsPage-C5hxxGsr-D-EvElMb.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./BankAccountSection-DVO3xzgl-BbF3_Xvy.js";import"./MagicLinkTitleSection-Di20DmsJ-Dweea4Ge.js";import"./BankAccountWarningSection-CQsqUFKg-CEwje_vW.js";import"./MailingDetailsSection-D7d7fV5j-Cs19YBt0.js";import"./LabeledAddressValueField-DJHY_wPN-ChfMLz4N.js";const V=({vendorViewDetails:r,bankAccountContext:t,isDisabled:n,onSaveHandler:s,onWireDetailsUpdated:i,onBackClick:a,onFetchBankName:d,onAddressClick:c})=>{const{bankAccountCreationState:o,editVendorState:m,newVendorState:p,bankNameByRouting:u,bankAccountToCreate:k,fetchBankNameByRoutingStatus:l}=r,e=Object.assign({},m??p);return C.useEffect(()=>{(t==="vendor"&&o?.fetchState==="Completed"||e?.saveStatus?.fetchState==="Completed"&&t!=="express-pay")&&a()},[o,e?.saveStatus?.fetchState,a,t]),S.jsx(b,{bankAccountToCreate:k,bankAccountCreationState:o,bankNameByRouting:u,addressToEdit:e?.vendorNewAddressStatus?.addressToCreate,mailingAddress:e?.vendorAddress,addressType:"vendor_address",fetchBankNameByRoutingStatus:l,isDisabled:n,onSaveHandler:s,onWireDetailsUpdated:i,onBackClick:a,onAddressClick:c,onFetchBankName:d})};export{V as default};
+import{j as S}from"./index-D9zAXs3-.js";import{b as C}from"./vendor-Bs1fkIUX.js";import{y as b}from"./DomesticWireDetailsPage-FsJvVULE-cMWuJpE8.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./BankAccountSection-DdvqFTBS-3WhABy0l.js";import"./MagicLinkTitleSection-BlxCsth7-BHITpmKu.js";import"./BankAccountWarningSection-VrRQxdkB-DFivrjf8.js";import"./MailingDetailsSection-DFxnpK8F-CiXDBg4h.js";import"./LabeledAddressValueField-CkveEJJG-BEvwzrCB.js";const V=({vendorViewDetails:r,bankAccountContext:t,isDisabled:n,onSaveHandler:s,onWireDetailsUpdated:i,onBackClick:a,onFetchBankName:d,onAddressClick:c})=>{const{bankAccountCreationState:o,editVendorState:m,newVendorState:p,bankNameByRouting:u,bankAccountToCreate:k,fetchBankNameByRoutingStatus:l}=r,e=Object.assign({},m??p);return C.useEffect(()=>{(t==="vendor"&&o?.fetchState==="Completed"||e?.saveStatus?.fetchState==="Completed"&&t!=="express-pay")&&a()},[o,e?.saveStatus?.fetchState,a,t]),S.jsx(b,{bankAccountToCreate:k,bankAccountCreationState:o,bankNameByRouting:u,addressToEdit:e?.vendorNewAddressStatus?.addressToCreate,mailingAddress:e?.vendorAddress,addressType:"vendor_address",fetchBankNameByRoutingStatus:l,isDisabled:n,onSaveHandler:s,onWireDetailsUpdated:i,onBackClick:a,onAddressClick:c,onFetchBankName:d})};export{V as default};

package/dist/assets/VendorFiling1099EditablePage-C3wjgkez-Dr8QyAeR.js

@@ -0,0 +1,175 @@
+import{K as oe,u as Be,F as ne,a as Ne,fb as U,hB as de,c2 as Ae,x as w,j as t,aW as ke,Z as Ee,c as Re,c5 as C,o as s,c9 as We,hu as Oe,gb as qe,cc as He,hv as Me,hw as Ke,ch as Ue,a4 as Ge,cj as Ze,fc as Qe,n as c,a3 as Ye,bg as F,c0 as _e,hC as Je,h as I,cO as Xe,bK as et,k as ce,el as tt,hD as st,hE as lt,hF as H,fd as it}from"./index-D9zAXs3-.js";import{b as x,n as a}from"./vendor-Bs1fkIUX.js";import{Y as rt}from"./LabeledDropDownFormattedTextField-pClUx8A9-Dtg8BoKW.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";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:H(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:H(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:H(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:U(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} ${I.boxShadowElevation}
+  );
+  border-radius: ${s.sp2};
+  background: ${e=>e.theme.colors.grey5};
+`,ht=a.div`
+  margin-left: ${s.sp3};
+`,M=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(F,{style:{marginBottom:s.sp4},width:120,height:c[4]}),t.jsxs(pt,{children:[[...Array(5)].map((o,g)=>t.jsxs(M,{children:[t.jsx(F,{width:70,height:c[4]}),t.jsx(F,{width:140,height:c[4]})]},g)),t.jsx(M,{children:t.jsx(F,{width:120,height:c[4]})}),t.jsx(ht,{children:[...Array(7)].map((o,g)=>t.jsxs(M,{children:[t.jsx(F,{width:70,height:c[4]}),t.jsx(F,{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",K=e=>`${e}_form`,P=(e,i)=>`${e}.${i}`,{spendManagement:St,common:r}=ne.getLocalizedStrings(),S=St.billPay.vendorCreation,N=r.labels,le=r.footer,Xt=e=>{const i=oe(),o=new AbortController,g=Be(),W=o.signal,{onVendorFiling1099UploadDetailsSave:E,vendorId:u,vendorFiling1099UploadDetailsViewState:p,onSaveChangesToLocalStore:v,vendorFiling1099UploadDetails:V,fetchVendorFetchStatus:G,onAddressEditHandler:xe,goBackToListPage:Z,onResetVendorFiling1099FormStatus:fe,googleAPIKey:be}=e,{vendor1099DetailsSaveStatus:T,vendor1099DetailsLocalData:d,w9FormUploadStatus:Q}=p,[Y,_]=x.useState(V.addressStatus?.addressToCreate??{street:[],city:"",state:"",country:"",countryCode:"",postalCode:""}),J=x.useRef(null),{vendorTypeList:O}=V,z=x.useRef(null),B=x.useRef(null),X=x.useRef(!1);x.useEffect(()=>{B.current===null&&d.legalName!=r.strings.empty&&p.vendor1099DetailsAutoFilledValues?.legalName===!0&&(B.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&&X.current===!1&&(_(V.addressStatus.addressToCreate),X.current=!0)},[V,p.vendor1099DetailsAutoFilledValues?.address]);const m=Ne({mode:"onSubmit",defaultValues:ae(d,O??[],Y),values:ae(d,O??[],Y)}),{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},Le=h[l].legalName,De=h[l].email,Fe=h[l].phone,Pe=h[l].taxClassification,Ie=h[l].tinType,ee=h[l].tinValue,Te={legalName:Le??r.strings.empty,vendorId:u,contact:{email:De??r.strings.empty,phone:Fe??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:Ie??null,value:ee??null},tinValue:ee??null};if(y.includes(`${l}.street`)&&n.vendor1099FilingSectionId.street!=null){const{addressValue:D}=n.vendor1099FilingSectionId.street,ze=m.getValues(`${l}.country`),q=U(D?.country);m.setValue(l,{...n[l],street:n.vendor1099FilingSectionId.street,city:D?.locality??"",state:D?.administrativeAreaLevel1??"",country:q,countryCode:D?.countryCode??"",postalCode:D?.postalCode??"",secondaryInfo:n.vendor1099FilingSectionId.secondaryInfo??"",suite:n.vendor1099FilingSectionId.suite??""}),Ze(m.formState.errors,`${l}.city`)&&D?.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`,Qe(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&&_({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}),Ae(()=>je(h,n)))});return()=>{y.unsubscribe()}});const L=$.largeLabelWidth.value(i),Se=T.error?.message??r.strings.empty,Ce=T.error?.title??r.strings.empty,Ve=()=>T?.fetchState==="In-Progress"||G?.fetchState==="In-Progress"||Q?.fetchState==="In-Progress",b=G?.fetchState==="In-Progress"||Q?.fetchState==="In-Progress";return x.useEffect(()=>()=>{o.abort(),fe()},[]),t.jsx(Vt,{windowSize:i,children:t.jsxs(Ct,{windowSize:i,children:[t.jsxs(Lt,{windowSize:i,ref:J,children:[t.jsx(ke,{title:(p.vendor1099DetailsAutoFilledValues?.legalName===!0?B.current:z.current)??r.strings.empty,backgroundColor:g.colors.grey4,leftSideComponent:t.jsx(t.Fragment,{}),rightSideComponent:t.jsx(Ft,{windowSize:i,onClick:Z,"data-testid":Ee("vendor-filling-1099-details-editable-page-close-icon")}),scrollableContent:J,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?B.current:z.current}):t.jsx(It,{children:p.vendor1099DetailsAutoFilledValues?.legalName===!0?B.current:z.current}),T.fetchState==="Error"?t.jsxs(Tt,{children:[t.jsx(At,{}),t.jsxs(zt,{children:[t.jsx(Bt,{children:Ce}),t.jsx(Nt,{children:Se})]})]}):null,ve()&&t.jsxs(Rt,{children:[t.jsx(k,{}),t.jsx(Wt,{children:S.vendorDetails.banner})]}),t.jsx(Re,{...m,children:t.jsx("form",{id:K(l),onSubmit:$e,children:t.jsxs(Dt,{isLoading:b,children:[t.jsx(R,{children:f?.legalName===!0&&!b?t.jsx(k,{}):null}),t.jsx(C,{label:{label:N.legalName,width:L,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(A,{}),t.jsxs(t.Fragment,{children:[t.jsx(C,{label:{label:N.email,width:L,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(A,{}),t.jsx(We,{label:{label:N.phone,width:L,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(A,{})]}),t.jsxs(Ot,{isLoading:b,children:[t.jsx(R,{children:f?.taxClassification===!0&&!b?t.jsx(k,{}):null}),t.jsxs(re,{children:[t.jsx(kt,{width:L,windowSize:i,children:N.taxClassification}),t.jsx(Et,{size:i,labelWidth:L,children:t.jsx(Oe,{name:P(l,ge),value:{allTypes:O?.map(y=>({code:y.code,name:y.name,label:y.name}))??[],selectedType:d.taxClassification},placeholderLabel:S.vendorDetails.taxClassificationPlaceHolder})})]})]}),t.jsx(A,{}),t.jsx(R,{children:(f?.tin.type===!0||f?.tin.value===!0)&&!b?t.jsx(k,{}):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:L},placeholderLabel:S.placeholders.tinType,formattedText:{type:"text",name:P(l,ye),placeholder:S.placeholders.tinValue,format:d.tin?.type===r.texts.ssn?Me:Ke,registerOptions:{required:!!d?.tin?.type,pattern:d.tin?.type===r.texts.ssn?qe:He},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(A,{}),t.jsxs(qt,{children:[t.jsx(R,{children:f?.address===!0&&!b?t.jsx(k,{}):null}),t.jsx(Ue,{label:N.address,style:{marginLeft:s.sp4,marginTop:$.labelMarginTop.value(i),marginBottom:s.sp2}}),t.jsx(at,{googleAPIKey:be,formId:K(l),addressToEdit:V?.addressStatus?.addressToCreate,sectionId:l})]})]})})})]})]}),t.jsx(Ge,{separatorStyle:{marginRight:s.sp4},formId:K(l),cancelBtn:{label:le.cancel,style:{width:"83px"},onClick:Z},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;
+`,Lt=a.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100%;
+  width: 100%;
+`,Dt=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;
+`,A=a.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Ft=a(Ye)`
+  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(_e)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${s.sp0};
+  margin-right: ${s.sp3};
+`,It=a(Je)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${s.sp4};
+`,Tt=a.div`
+  background-color: ${I.alertLight};
+  border: 1px solid ${I.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;
+`,Bt=a(et)`
+  color: ${I.brandColorGoldDark};
+`,Nt=a(ce)`
+  color: ${I.brandColorGoldDark};
+`,At=a(Xe)`
+  width: ${s.sp4};
+  min-height: ${s.sp4};
+  width: ${s.sp4};
+  height: ${s.sp4};
+  color: ${I.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;
+  }
+`,kt=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};
+`,k=a(tt)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Rt=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};
+`,Ot=a.div`
+  position: relative;
+`,R=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]:U(o?.country),[$t]:o?.countryCode??"",[vt]:o?.postalCode??"",[jt]:o?.street[2]??"",[xt]:o?.street[1]??""}});export{Xt as default,K as uniqueFormName};