@zeniai/web-cockpit-ui 1.15.17-dev → 1.15.18-dev

package/dist/assets/{VendorDetailPage-DXKn3qSR-Di8ThCGh.js → VendorDetailPage-DRr5ci0V-Du2p3ojh.js}

@@ -1,23 +1,23 @@
-import{e as qe,J as oe,y as u,aD as we,cI as ft,a9 as wt,hd as Ce,he as Ct,aV as $t,cF as St,V as t,bB as Dt,ac as Tt,hf as jt,hg as ye,u as l,cG as Lt,aR as Vt,bC as kt,F as W,hh as Ue,hi as Ee,hj as Ye,o as a,bP as S,cJ as It,gP as $e,hk as Ot,cK as Pt,cL as Ft,cM as Mt,hl as zt,gf as _t,cT as Nt,hm as Wt,hn as Ht,p as N,b7 as Ke,ai as Ge,du as Bt,a$ as Rt,ho as At,hp as qt,al as Ut,dt as Et,ds as Yt,d1 as Kt,aY as pe,hq as Gt,ci as Je,hr as Jt,a as Se,c as Qe}from"./index-rJQoaAfw.js";import{a as $}from"./sentry-CGE1ab0x.js";import{n as o,c as Qt}from"./mui-KNfEk2A1.js";import{bi as De,FU as Xt,FV as Zt}from"./zeni-epic-state-CiJSQQSe.js";import{k as es}from"./SubTabSwitcher-BPSCR7GS-CQQ30d6t.js";import{T as ts}from"./TransactionList-wLBz-A1j-R5pqCBUj.js";import{R as ss}from"./TrendWithTransactions-fGuXIDf7-HyuIbA66.js";import{o as as,t as os}from"./arrow-south-east-round-PEovUgvH-C0A9x354.js";import{C as ns}from"./LabeledAddressValueField-DyHTdGlm-CErilABA.js";import{Y as ls}from"./LabeledDropDownFormattedTextField-DHx90GON-Rl0wOSQX.js";import"./liveblocks-CohL7dW6.js";import"./core-BMaLzXUJ.js";import"./recharts-D8Mh9GJw.js";import"./lottie-XKgYVRq1.js";import"./analytics-DGcxWyl6.js";import"./lexical-CyZM9SwL.js";import"./utils-Co3Y654K.js";import"./ConstrainedInnerElement-BeIpAPjB-CbQ77GJr.js";import"./BoxItem-ClRdlCWM-B_aqSV-L.js";import"./commonDimensions-DmFc7WqO-CxyyXmLy.js";import"./panelSelectedMixin-CzfD5-Zs-PdsDXPWw.js";import"./TrendChart-mamZxFEf-DPlJCKYL.js";import"./chartTypes-CnipzTeX-DGSU_TZ0.js";import"./toCOABalancesWithID-BcVCEfwr-D-kim1rY.js";import"./toChartData-VTidOIL7-CTZNeqK0.js";import"./NoDataChart-JfED3unL-jJumSwoX.js";import"./InsightsSection-DEnkGYD8-BV7sZQsr.js";import"./NavigationDots-BX9DbCj7-RHGokei7.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="94ad99b2-a77e-432e-a17f-36e086659c58",e._sentryDebugIdIdentifier="sentry-dbid-94ad99b2-a77e-432e-a17f-36e086659c58")}catch{}})();const is=o.div`
+import{e as qe,J as ae,y as g,aD as we,cH as ft,a9 as wt,ha as Ce,hb as Ct,aV as $t,cF as St,V as t,bB as Dt,ac as Tt,hc as jt,hd as ye,u as l,cG as Lt,aR as Vt,bC as kt,F as W,he as Ue,hf as Ee,hg as Ye,o,bP as S,cS as It,gM as $e,hh as Ot,cI as Pt,cJ as Ft,cK as Mt,hi as _t,gd as zt,cQ as Nt,hj as Wt,hk as Ht,p as N,b7 as Je,ai as Ke,dv as Rt,a$ as Bt,hl as At,hm as qt,al as Ut,du as Et,dt as Yt,d2 as Jt,aY as pe,hn as Kt,ci as Ge,ho as Gt,R as Se,a as Qe}from"./index-BR9aIv1A.js";import{a as $}from"./sentry-BwoJfpTa.js";import{n as a,c as Qt}from"./mui-C7Q1opAD.js";import{bi as De,FU as Xt,FV as Zt}from"./zeni-epic-state-Deo9yJpd.js";import{k as es}from"./SubTabSwitcher-CIhSt1_V-BGyVDCoP.js";import{T as ts}from"./TransactionList-T8gAOJc0-Dw9G55NV.js";import{R as ss}from"./TrendWithTransactions-D2CSrQJG-DdbpQrSL.js";import{o as os,t as as}from"./arrow-south-east-round-PEovUgvH-DpZb0ICZ.js";import{C as ns}from"./LabeledAddressValueField-D_Ztmm7--tsnB0bq1.js";import{Y as ls}from"./LabeledDropDownFormattedTextField-BaAHosJI-CDWZK3Xu.js";import"./liveblocks-B8f0lmpe.js";import"./core-B_30foAD.js";import"./recharts-v_b66Qfi.js";import"./lottie-CbICbNKh.js";import"./analytics-rms9goNI.js";import"./lexical-CcL2Fd1i.js";import"./utils-C75CTJHa.js";import"./ConstrainedInnerElement-BeIpAPjB-Cr0pUg_S.js";import"./BoxItem-BGrgQ_sW-cYQcyKu_.js";import"./commonDimensions-BwCds81U-kEodPKRG.js";import"./panelSelectedMixin-CzfD5-Zs-Udxivyx_.js";import"./TrendChart-DjKmnpsm-CS6VXx1C.js";import"./chartTypes-D0t0a86R-VgxTrMCK.js";import"./toCOABalancesWithID-mNZ5ym9S-BQfS02g5.js";import"./toChartData-BVSCRQYT-CU2W4nbR.js";import"./NoDataChart-CJyaj_wD-Ceo15OJ6.js";import"./InsightsSection-BuCEgcAh-DX4KP6Gi.js";import"./NavigationDots-BDKBgUe6-CeOovYs1.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="d4ab741d-b31d-4675-99b5-b4606984e5d6",e._sentryDebugIdIdentifier="sentry-dbid-d4ab741d-b31d-4675-99b5-b4606984e5d6")}catch{}})();const is=a.div`
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
-`,rs=o.div`
+`,rs=a.div`
   display: flex;
   position: relative;
   padding: 12px 12px 14px 12px;
-`,ds=o.div``,cs=o(Ge)`
+`,ds=a.div``,cs=a(Ke)`
   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?`${a.sp0} ${a.sp0} ${a.sp0} ${a.sp8}`:a.sp0};
+  margin: ${e=>e.leftMargin?`${o.sp0} ${o.sp0} ${o.sp0} ${o.sp8}`:o.sp0};
   display: flex;
   flex-direction: column;
   align-items: center;
   &:hover {
     color: ${e=>e.isDisabled?e.theme.colors.grey2:e.theme.colors.primary};
   }
-`,ps=o.div`
+`,ps=a.div`
   height: 2px;
   background-color: ${e=>e.theme.colors.primary};
   border-radius: 1px;
@@ -33,113 +33,113 @@ import{e as qe,J as oe,y as u,aD as we,cI as ft,a9 as wt,hd as Ce,he as Ct,aV as
       &.${r.id} {
         width: ${r.style.width}px;
         left: ${r.style.left}%;
-      }`}),s};function hs({option:e,isSelected:s,onClick:r}){const i=n=>n.label;return t.jsx(cs,{onClick:()=>{s===!1&&!(e.disabled??!1)&&r(e)},isSelected:s,leftMargin:e.leftMargin,isDisabled:e.disabled??!1,children:t.jsx(ds,{children:i(e)})})}function us({allTabs:e,selectedTab:s,containerStyle:r,onOptionSelectionChanged:i}){const n=c=>{i(c)};return t.jsx(is,{style:r,children:t.jsxs(rs,{children:[e.map(c=>t.jsx(hs,{option:c,isSelected:c===s,onClick:n},c.id)),t.jsx(ps,{className:`Slider ${s.id}`,optionCss:ms(e)})]})})}const F={logoWidth:new u(l[6],l[6]),logoHeight:new u(l[6],l[6]),pageHeaderHorizontalPadding:new u(l[3],l[3],l[8]),pageHeaderVerticalPadding:new u(l[2],l[2],l[4]),spendTrendsColumnGap:new u(l[1],l[1],l[4],l[11]),spendTrendsMarginBottom:new u(l[2],l[2],l[4]),spendTrendHeadingSkeletonWidth:new u(90,90,120,150)},Xe={spendValue:new Se("standardMedium","largeSemiBold"),spendDuration:new Se("extraSmallRegular","standardRegular")},gs=o.div`
+      }`}),s};function hs({option:e,isSelected:s,onClick:r}){const i=n=>n.label;return t.jsx(cs,{onClick:()=>{s===!1&&!(e.disabled??!1)&&r(e)},isSelected:s,leftMargin:e.leftMargin,isDisabled:e.disabled??!1,children:t.jsx(ds,{children:i(e)})})}function gs({allTabs:e,selectedTab:s,containerStyle:r,onOptionSelectionChanged:i}){const n=c=>{i(c)};return t.jsx(is,{style:r,children:t.jsxs(rs,{children:[e.map(c=>t.jsx(hs,{option:c,isSelected:c===s,onClick:n},c.id)),t.jsx(ps,{className:`Slider ${s.id}`,optionCss:ms(e)})]})})}const F={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)},Xe={spendValue:new Se("standardMedium","largeSemiBold"),spendDuration:new Se("extraSmallRegular","standardRegular")},us=a.div`
   padding: ${e=>`${F.pageHeaderVerticalPadding.valuePx(e.size)} ${F.pageHeaderHorizontalPadding.valuePx(e.size)}`};
   display: flex;
   justify-content: space-between;
-  box-shadow: ${a.sp0} 2px ${a.sp1} ${N.boxShadowElevation};
+  box-shadow: ${o.sp0} 2px ${o.sp1} ${N.boxShadowElevation};
   flex-direction: ${e=>e.isMobile===!0?"column":"row"};
   align-items: ${e=>e.isMobile?"flex-start":"center"};
-  row-gap: ${a.sp3};
+  row-gap: ${o.sp3};
   margin-bottom: ${e=>F.spendTrendsMarginBottom.valuePx(e.size)};
   background-color: ${e=>e.theme.colors.grey5};
-`,Te=o.div`
+`,Te=a.div`
   display: flex;
   column-gap: ${e=>e.isMobile===!0?"unset":F.spendTrendsColumnGap.valuePx(e.size)};
   justify-content: space-between;
   width: ${e=>e.isMobile===!0?"100%":"unset"};
   align-items: center;
-`,je=o.div`
+`,je=a.div`
   display: flex;
-  column-gap: ${a.sp3};
+  column-gap: ${o.sp3};
   align-items: center;
   max-width: ${e=>e.isMobile===!1?"50%":"unset"};
-`,me=o(Qe)`
+`,me=a(Qe)`
   ${e=>`${Xe.spendDuration.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.hero};
-`,he=o(Qe)`
+`,he=a(Qe)`
   ${e=>`${Xe.spendValue.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   text-align: ${e=>e.isMobile===!0?"left":"right"};
-`,vs=o.div`
+`,vs=a.div`
   background-color: ${e=>e.theme.colors.graphColor34Light};
   color: ${N.importantDark};
-  padding: ${a.sp1} 12px;
+  padding: ${o.sp1} 12px;
   border-radius: 50px;
   display: flex;
   align-items: center;
-  column-gap: ${a.sp1};
+  column-gap: ${o.sp1};
   cursor: pointer;
   svg {
     color: ${N.importantDark};
   }
-`,ys=o.div`
+`,ys=a.div`
   background-color: ${N.successLight};
   color: ${N.successDark};
-  padding: ${a.sp1} 12px;
+  padding: ${o.sp1} 12px;
   border-radius: 50px;
   display: flex;
   align-items: center;
-  column-gap: ${a.sp1};
+  column-gap: ${o.sp1};
   cursor: pointer;
 
   svg {
     color: ${N.successDark};
   }
-`,xs=o.div`
+`,bs=a.div`
   background-color: ${e=>e.theme.colors.grey3};
   color: ${e=>e.theme.colors.hero};
-  padding: ${a.sp1} 12px;
+  padding: ${o.sp1} 12px;
   border-radius: 50px;
   display: flex;
   align-items: center;
-  column-gap: ${a.sp1};
+  column-gap: ${o.sp1};
   cursor: pointer;
-`,ue=o(Je)``,Le=o(Jt)`
+`,ge=a(Ge)``,Le=a(Gt)`
   color: ${e=>e.theme.colors.primary};
   word-break: break-all;
-`,Ve=o(Je)`
+`,Ve=a(Ge)`
   color: ${e=>e.theme.colors.primary};
   word-break: break-all;
-`,ke=o.div`
+`,ke=a.div`
   display: flex;
   align-items: center;
-  column-gap: ${a.sp3};
-`,bs=o.div`
+  column-gap: ${o.sp3};
+`,xs=a.div`
   display: flex;
   flex-direction: column;
-  row-gap: ${a.sp1};
-`,fs=o.div`
+  row-gap: ${o.sp1};
+`,fs=a.div`
   display: flex;
   justify-content: ${e=>e.isMobile?"flex-start":"flex-end"};
-`,ge=o.div``,ws=({spend:e,vendorName:s,vendorLogo:r,isPageLoading:i,isSpendTrendLoading:n,onPercentChangeClick:c})=>{const p=oe(),b=W.getLocalizedStrings().spendManagement.billPay.vendorCreation.vendorDetails.spends,h=p==="small"||p==="medium-compact",f=(D,g)=>g==null?null:D==="increased"?t.jsxs(vs,{onClick:c,children:[t.jsx(as,{width:a.sp3,height:a.sp3}),t.jsx(ue,{children:g})]}):D==="decreased"?t.jsxs(ys,{onClick:c,children:[t.jsx(os,{width:a.sp3,height:a.sp3}),t.jsx(ue,{children:g})]}):t.jsx(xs,{onClick:c,children:t.jsxs(ue,{children:[g,"%"]})}),R=()=>i===!0?t.jsxs(je,{isMobile:h,children:[t.jsx(Et,{width:l[6],height:l[6]}),t.jsx(S,{width:140,height:l[6]}),t.jsx(S,{width:70,height:l[5]})]}):t.jsxs(je,{isMobile:h,children:[r!=null?t.jsxs(ke,{children:[t.jsx(Yt,{photoUrl:r.toString(),styles:{width:F.logoWidth.valuePx(p),height:F.logoHeight.valuePx(p)}}),h?t.jsx(Ve,{children:s}):t.jsx(Le,{children:s})]}):t.jsxs(ke,{children:[t.jsx(Kt,{name:s,size:a.sp6}),h?t.jsx(Ve,{children:s}):t.jsx(Le,{children:s})]}),f(e.changeType,e.percentChange)]}),A=()=>n||i?t.jsx(Te,{size:p,isMobile:h,children:[...Array(3)].map((D,g)=>t.jsxs(bs,{children:[t.jsx(S,{width:F.spendTrendHeadingSkeletonWidth.value(p),height:l[4]}),t.jsx(fs,{isMobile:h,children:t.jsx(S,{width:F.spendTrendHeadingSkeletonWidth.value(p)/2,height:l[4]})})]},g))}):t.jsxs(Te,{size:p,isMobile:h,children:[t.jsxs(ge,{children:[t.jsx(me,{windowSize:p,isMobile:h,children:b.last30Days}),t.jsx(he,{windowSize:p,isMobile:h,children:pe("0,0.[00]",e.last30DaysSpend,e.currencySymbol)})]}),t.jsxs(ge,{children:[t.jsx(me,{windowSize:p,isMobile:h,children:b.last90Days}),t.jsx(he,{windowSize:p,isMobile:h,children:pe("0,0.[00]",e.last90DaysSpend,e.currencySymbol)})]}),t.jsxs(ge,{children:[t.jsx(me,{windowSize:p,isMobile:h,children:b.ytdSpend}),t.jsx(he,{windowSize:p,isMobile:h,children:pe("0,0.[00]",e.yearToDateSpend,e.currencySymbol)})]})]});return t.jsxs(gs,{isMobile:h,size:p,children:[R(),A()]})},M={labelWidth:new u(120,145,270),largeLabelWidth:new u(130,200,332),largeTinLabelWidth:new u(130,200,276),controlWidth:new u(110,145,160),labelMarginLeft:new u(l[3],l[4]),labelMarginTop:new u(l[2],l[3]),labelMarginBottom:new u(l[2],l[3])},E=(e,s)=>`${e}.${s}`,Cs=W.getLocalizedStrings().spendManagement,se=W.getLocalizedStrings().companyPassport,Y=Cs.billPay.vendorCreation,k=W.getLocalizedStrings().common,$s=({vendorTypeList:e=[],isDisabled:s,sectionId:r,selectedVendorDetails:i,onAddressClick:n})=>{const c=oe(),p=M.labelWidth.value(c),b=M.largeLabelWidth.value(c),h=M.largeTinLabelWidth.value(c),f=M.controlWidth.value(c);return t.jsxs(Ss,{children:[t.jsx(Ds,{children:Y.vendorDetails.titleFor1099Section}),t.jsxs(Ts,{children:[t.jsx(Pt,{isDisabled:s,label:{label:se.companyInfo.legalName,width:p},text:{type:"text",style:{width:f},name:E(r,"legalName"),placeholder:Mt(se.companyInfo.legalName),defaultValue:i.vendorBasic.legalName,autoComplete:"new-password",options:{required:!!i.vendorBasic.legalName,pattern:Ft}},style:{width:"100%"}}),t.jsx(ve,{}),t.jsxs(Ie,{children:[t.jsx(Ls,{width:b,windowSize:c,children:Y.vendorDetails.vendorType}),t.jsx(js,{size:c,children:t.jsx(zt,{name:E(r,"vendorType"),value:{allTypes:e,selectedType:i.vendorDetailLocalData?.vendorType},placeholderLabel:Y.placeholders.type})})]}),t.jsx(ve,{}),t.jsx(Ie,{children:t.jsx(ls,{name:E(r,"tinType"),menuPlacement:"auto",style:{height:a.sp6,width:"100%",marginLeft:a.sp4},dropdownStyle:{width:"40%"},defaultValue:{dropDownValue:i.vendorDetailLocalData?.tin?.type??k.strings.empty,dropDownList:[{code:k.texts.ein,label:k.texts.ein.toUpperCase()},{code:k.texts.ssn,label:k.texts.ssn.toUpperCase()}]},registerOptions:{required:!1},label:{width:h},placeholderLabel:Y.placeholders.tinType,formattedText:{type:"text",name:E(r,"tinValue"),placeholder:Y.placeholders.tinValue,format:i.vendorDetailLocalData?.tin?.type===k.texts.ssn?Wt:Ht,registerOptions:{required:!!i.vendorDetailLocalData?.tin?.type,pattern:i.vendorDetailLocalData?.tin?.type===k.texts.ssn?_t:Nt},style:{width:"100%",height:a.sp6},defaultValue:i.vendorDetailLocalData?.tin?.value??k.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:i.vendorDetailLocalData?.tin?.type===null?"disabled":void 0}})}),t.jsx(ve,{}),t.jsx(ns,{isDisabled:s,label:{label:se.companyInfo.address,width:p},addressValueField:{name:E(r,"address"),placeholder:se.address.titleAdd,defaultValue:i.vendorNewAddressStatus?.addressToCreate,onClick:()=>n("vendor_address",i.vendorAddress?.addressId)},showAdditionalInfoLabel:!1,style:{width:"100%"}})]})]})},Ss=o.div`
+`,ue=a.div``,ws=({spend:e,vendorName:s,vendorLogo:r,isPageLoading:i,isSpendTrendLoading:n,onPercentChangeClick:c})=>{const p=ae(),x=W.getLocalizedStrings().spendManagement.billPay.vendorCreation.vendorDetails.spends,h=p==="small"||p==="medium-compact",f=(D,u)=>u==null?null:D==="increased"?t.jsxs(vs,{onClick:c,children:[t.jsx(os,{width:o.sp3,height:o.sp3}),t.jsx(ge,{children:u})]}):D==="decreased"?t.jsxs(ys,{onClick:c,children:[t.jsx(as,{width:o.sp3,height:o.sp3}),t.jsx(ge,{children:u})]}):t.jsx(bs,{onClick:c,children:t.jsxs(ge,{children:[u,"%"]})}),B=()=>i===!0?t.jsxs(je,{isMobile:h,children:[t.jsx(Et,{width:l[6],height:l[6]}),t.jsx(S,{width:140,height:l[6]}),t.jsx(S,{width:70,height:l[5]})]}):t.jsxs(je,{isMobile:h,children:[r!=null?t.jsxs(ke,{children:[t.jsx(Yt,{photoUrl:r.toString(),styles:{width:F.logoWidth.valuePx(p),height:F.logoHeight.valuePx(p)}}),h?t.jsx(Ve,{children:s}):t.jsx(Le,{children:s})]}):t.jsxs(ke,{children:[t.jsx(Jt,{name:s,size:o.sp6}),h?t.jsx(Ve,{children:s}):t.jsx(Le,{children:s})]}),f(e.changeType,e.percentChange)]}),A=()=>n||i?t.jsx(Te,{size:p,isMobile:h,children:[...Array(3)].map((D,u)=>t.jsxs(xs,{children:[t.jsx(S,{width:F.spendTrendHeadingSkeletonWidth.value(p),height:l[4]}),t.jsx(fs,{isMobile:h,children:t.jsx(S,{width:F.spendTrendHeadingSkeletonWidth.value(p)/2,height:l[4]})})]},u))}):t.jsxs(Te,{size:p,isMobile:h,children:[t.jsxs(ue,{children:[t.jsx(me,{windowSize:p,isMobile:h,children:x.last30Days}),t.jsx(he,{windowSize:p,isMobile:h,children:pe("0,0.[00]",e.last30DaysSpend,e.currencySymbol)})]}),t.jsxs(ue,{children:[t.jsx(me,{windowSize:p,isMobile:h,children:x.last90Days}),t.jsx(he,{windowSize:p,isMobile:h,children:pe("0,0.[00]",e.last90DaysSpend,e.currencySymbol)})]}),t.jsxs(ue,{children:[t.jsx(me,{windowSize:p,isMobile:h,children:x.ytdSpend}),t.jsx(he,{windowSize:p,isMobile:h,children:pe("0,0.[00]",e.yearToDateSpend,e.currencySymbol)})]})]});return t.jsxs(us,{isMobile:h,size:p,children:[B(),A()]})},M={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])},E=(e,s)=>`${e}.${s}`,Cs=W.getLocalizedStrings().spendManagement,se=W.getLocalizedStrings().companyPassport,Y=Cs.billPay.vendorCreation,k=W.getLocalizedStrings().common,$s=({vendorTypeList:e=[],isDisabled:s,sectionId:r,selectedVendorDetails:i,onAddressClick:n})=>{const c=ae(),p=M.labelWidth.value(c),x=M.largeLabelWidth.value(c),h=M.largeTinLabelWidth.value(c),f=M.controlWidth.value(c);return t.jsxs(Ss,{children:[t.jsx(Ds,{children:Y.vendorDetails.titleFor1099Section}),t.jsxs(Ts,{children:[t.jsx(Pt,{isDisabled:s,label:{label:se.companyInfo.legalName,width:p},text:{type:"text",style:{width:f},name:E(r,"legalName"),placeholder:Mt(se.companyInfo.legalName),defaultValue:i.vendorBasic.legalName,autoComplete:"new-password",options:{required:!!i.vendorBasic.legalName,pattern:Ft}},style:{width:"100%"}}),t.jsx(ve,{}),t.jsxs(Ie,{children:[t.jsx(Ls,{width:x,windowSize:c,children:Y.vendorDetails.vendorType}),t.jsx(js,{size:c,children:t.jsx(_t,{name:E(r,"vendorType"),value:{allTypes:e,selectedType:i.vendorDetailLocalData?.vendorType},placeholderLabel:Y.placeholders.type})})]}),t.jsx(ve,{}),t.jsx(Ie,{children:t.jsx(ls,{name:E(r,"tinType"),menuPlacement:"auto",style:{height:o.sp6,width:"100%",marginLeft:o.sp4},dropdownStyle:{width:"40%"},defaultValue:{dropDownValue:i.vendorDetailLocalData?.tin?.type??k.strings.empty,dropDownList:[{code:k.texts.ein,label:k.texts.ein.toUpperCase()},{code:k.texts.ssn,label:k.texts.ssn.toUpperCase()}]},registerOptions:{required:!1},label:{width:h},placeholderLabel:Y.placeholders.tinType,formattedText:{type:"text",name:E(r,"tinValue"),placeholder:Y.placeholders.tinValue,format:i.vendorDetailLocalData?.tin?.type===k.texts.ssn?Wt:Ht,registerOptions:{required:!!i.vendorDetailLocalData?.tin?.type,pattern:i.vendorDetailLocalData?.tin?.type===k.texts.ssn?zt:Nt},style:{width:"100%",height:o.sp6},defaultValue:i.vendorDetailLocalData?.tin?.value??k.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:i.vendorDetailLocalData?.tin?.type===null?"disabled":void 0}})}),t.jsx(ve,{}),t.jsx(ns,{isDisabled:s,label:{label:se.companyInfo.address,width:p},addressValueField:{name:E(r,"address"),placeholder:se.address.titleAdd,defaultValue:i.vendorNewAddressStatus?.addressToCreate,onClick:()=>n("vendor_address",i.vendorAddress?.addressId)},showAdditionalInfoLabel:!1,style:{width:"100%"}})]})]})},Ss=a.div`
   display: flex;
   flex-direction: column;
-  padding-top: ${a.sp5};
-  padding-bottom: ${a.sp5};
-`,Ds=o(Ke)`
+  padding-top: ${o.sp5};
+  padding-bottom: ${o.sp5};
+`,Ds=a(Je)`
   color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${a.sp3};
-  margin-right: ${a.sp6};
-`,Ts=o.div`
+  margin-bottom: ${o.sp3};
+  margin-right: ${o.sp6};
+`,Ts=a.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-`,ve=o.div`
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+`,ve=a.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Ie=o.div`
+`,Ie=a.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
-  height: ${a.sp8};
+  height: ${o.sp8};
   width: 100%;
   &:hover {
     z-index: 1;
@@ -158,100 +158,100 @@ import{e as qe,J as oe,y as u,aD as we,cI as ft,a9 as wt,hd as Ce,he as Ct,aV as
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
   }
-`,js=o.div`
+`,js=a.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: ${a.sp2};
-`,Ls=o(Ut)`
+  margin-right: ${o.sp2};
+`,Ls=a(Ut)`
   width: ${e=>e.width}px;
   color: ${e=>e.theme.colors.hero};
   margin: ${e=>`${M.labelMarginTop.valuePx(e.windowSize)} ${M.labelMarginLeft.valuePx(e.windowSize)} ${M.labelMarginBottom.valuePx(e.windowSize)} ${M.labelMarginLeft.valuePx(e.windowSize)}`};
-`,Oe=W.getLocalizedStrings().vendors.common.transactionTabTitles,Vs=()=>ks,ks=[{id:"spend_transactions",label:Oe.spendTransactions,leftMargin:!1,style:{width:136,left:2}},{id:"all_transactions",label:Oe.allTransactions,leftMargin:!0,style:{width:122,left:60}}],Pe={labelWidth:new u(120,145,160),controlWidth:new u(110,145,160)},_=(e,s)=>`${e}.${s}`,Ze=W.getLocalizedStrings(),{common:ae,cockpit:Fe}=Ze,I=Ze.spendManagement.billPay.vendorCreation,Is=({accountsHierarchyList:e,allAccounts:s,allClasses:r,allOwners:i,classHierarchyList:n,enableRecommendationUpdateCheckbox:c,readOnlyMode:p,isDisabled:b,recommendations:h,sectionId:f,selectedAccountId:R,selectedClassId:A,selectedOwnerId:D,selectedVendorDetails:g,uiState:q,isFiling1099FeatureEnabled:K,onClickShowMoreOrLess:ne})=>{const G=oe(),J=qe(),{getValues:Q}=It(),H=Pe.labelWidth.value(G),le=Pe.controlWidth.value(G),ie=C=>s.filter(j=>j.accountId===C)[0]?.coaId??"",re=C=>r.filter(j=>j.classId===C)[0]?.accountingClassNumber??"",B=C=>{const j=s.find(Z=>Z.accountId===C)?.accountName;return[At,qt].includes(j??"")},T=I.vendorDetails.recommendation.tooltip,U=T.category.replace("__based__",g?.vendorDetailLocalData?.recommendedCategory?.reason?.toLocaleLowerCase()??""),X=T.class.replace("__based__",g?.vendorDetailLocalData?.recommendedClass?.reason?.toLocaleLowerCase()??""),de=g?.vendorDetailLocalData?.recommendedCategory!=null&&!!c,ce=g?.vendorDetailLocalData?.recommendedClass!=null&&!!c;return t.jsxs(Os,{children:[t.jsxs(Ps,{children:[t.jsx(Fs,{children:I.vendorDetails.title}),K?t.jsxs(zs,{onClick:()=>ne(),children:[q?.collapsableStatus==="expand"?`${ae.show}${ae.strings.space}${Fe.subscription.lessBtnText}`:`${ae.show}${ae.strings.space}${Fe.subscription.moreBtnText}`,q?.collapsableStatus==="expand"?t.jsx(_s,{}):t.jsx(Ns,{})]}):null]}),t.jsxs(Ms,{children:[t.jsx($e,{isLoading:!1,label:{label:I.vendorDetails.category,width:H},groupedSingleSelectField:{name:_(f,"vendorCategory"),placeholder:I.placeholders.category,valueToInfo:C=>ie(C),defaultValue:{selectedOption:R,allOptions:Ee(e,h)},style:{width:"auto"},registerOptions:{required:!1},shouldShowChevronIcon:de},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${J.colors.grey3}`},isDisabled:p?"readonly":b,disableCurrentOption:B,fullWidthSelect:!1,zIndexOnFocus:!0,recommendationCheckboxField:g?.vendorDetailLocalData?.recommendedCategory!=null&&c?{tooltipProps:{text:U},label:{label:g?.vendorDetailLocalData?.recommendedCategory?.accountName},checkBoxField:{name:_(f,"isRecommendedCategorySelected"),defaultChecked:Q(_(f,"isRecommendedCategorySelected"))}}:void 0}),t.jsx($e,{isLoading:!1,label:{label:I.vendorDetails.class,width:H},zIndexOnFocus:!0,groupedSingleSelectField:{name:_(f,"vendorClass"),placeholder:I.placeholders.class,valueToInfo:C=>re(C),defaultValue:{selectedOption:A,allOptions:Ue(n,h)},registerOptions:{required:!1},style:{width:"auto"},shouldShowChevronIcon:ce},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${J.colors.grey3}`},isDisabled:p===!0?"readonly":b,fullWidthSelect:!1,recommendationCheckboxField:g?.vendorDetailLocalData?.recommendedClass!=null&&c?{tooltipProps:{text:X},label:{label:g?.vendorDetailLocalData?.recommendedClass?.className},checkBoxField:{name:_(f,"isRecommendedClassSelected"),defaultChecked:Q(_(f,"isRecommendedClassSelected"))}}:void 0}),t.jsx(Ot,{label:{label:I.vendorDetails.vendorOwner,width:H},userSingleSelectField:{name:_(f,"vendorOwner"),placeholder:I.placeholders.owner,defaultValue:{allOptions:Ye(i),selectedOption:D},registerOptions:{required:!1},style:{width:"auto"}},isDisabled:p===!0?"readonly":b,style:{justifyContent:"space-between"},controlWidth:le,fullWidthSelect:!1})]})]})},Os=o.div`
+`,Oe=W.getLocalizedStrings().vendors.common.transactionTabTitles,Vs=()=>ks,ks=[{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,s)=>`${e}.${s}`,Ze=W.getLocalizedStrings(),{common:oe,cockpit:Fe}=Ze,I=Ze.spendManagement.billPay.vendorCreation,Is=({accountsHierarchyList:e,allAccounts:s,allClasses:r,allOwners:i,classHierarchyList:n,enableRecommendationUpdateCheckbox:c,readOnlyMode:p,isDisabled:x,recommendations:h,sectionId:f,selectedAccountId:B,selectedClassId:A,selectedOwnerId:D,selectedVendorDetails:u,uiState:q,isFiling1099FeatureEnabled:J,onClickShowMoreOrLess:ne})=>{const K=ae(),G=qe(),{getValues:Q}=It(),H=Pe.labelWidth.value(K),le=Pe.controlWidth.value(K),ie=C=>s.filter(j=>j.accountId===C)[0]?.coaId??"",re=C=>r.filter(j=>j.classId===C)[0]?.accountingClassNumber??"",R=C=>{const j=s.find(Z=>Z.accountId===C)?.accountName;return[At,qt].includes(j??"")},T=I.vendorDetails.recommendation.tooltip,U=T.category.replace("__based__",u?.vendorDetailLocalData?.recommendedCategory?.reason?.toLocaleLowerCase()??""),X=T.class.replace("__based__",u?.vendorDetailLocalData?.recommendedClass?.reason?.toLocaleLowerCase()??""),de=u?.vendorDetailLocalData?.recommendedCategory!=null&&!!c,ce=u?.vendorDetailLocalData?.recommendedClass!=null&&!!c;return t.jsxs(Os,{children:[t.jsxs(Ps,{children:[t.jsx(Fs,{children:I.vendorDetails.title}),J?t.jsxs(_s,{onClick:()=>ne(),children:[q?.collapsableStatus==="expand"?`${oe.show}${oe.strings.space}${Fe.subscription.lessBtnText}`:`${oe.show}${oe.strings.space}${Fe.subscription.moreBtnText}`,q?.collapsableStatus==="expand"?t.jsx(zs,{}):t.jsx(Ns,{})]}):null]}),t.jsxs(Ms,{children:[t.jsx($e,{isLoading:!1,label:{label:I.vendorDetails.category,width:H},groupedSingleSelectField:{name:z(f,"vendorCategory"),placeholder:I.placeholders.category,valueToInfo:C=>ie(C),defaultValue:{selectedOption:B,allOptions:Ee(e,h)},style:{width:"auto"},registerOptions:{required:!1},shouldShowChevronIcon:de},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${G.colors.grey3}`},isDisabled:p?"readonly":x,disableCurrentOption:R,fullWidthSelect:!1,zIndexOnFocus:!0,recommendationCheckboxField:u?.vendorDetailLocalData?.recommendedCategory!=null&&c?{tooltipProps:{text:U},label:{label:u?.vendorDetailLocalData?.recommendedCategory?.accountName},checkBoxField:{name:z(f,"isRecommendedCategorySelected"),defaultChecked:Q(z(f,"isRecommendedCategorySelected"))}}:void 0}),t.jsx($e,{isLoading:!1,label:{label:I.vendorDetails.class,width:H},zIndexOnFocus:!0,groupedSingleSelectField:{name:z(f,"vendorClass"),placeholder:I.placeholders.class,valueToInfo:C=>re(C),defaultValue:{selectedOption:A,allOptions:Ue(n,h)},registerOptions:{required:!1},style:{width:"auto"},shouldShowChevronIcon:ce},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${G.colors.grey3}`},isDisabled:p===!0?"readonly":x,fullWidthSelect:!1,recommendationCheckboxField:u?.vendorDetailLocalData?.recommendedClass!=null&&c?{tooltipProps:{text:X},label:{label:u?.vendorDetailLocalData?.recommendedClass?.className},checkBoxField:{name:z(f,"isRecommendedClassSelected"),defaultChecked:Q(z(f,"isRecommendedClassSelected"))}}:void 0}),t.jsx(Ot,{label:{label:I.vendorDetails.vendorOwner,width:H},userSingleSelectField:{name:z(f,"vendorOwner"),placeholder:I.placeholders.owner,defaultValue:{allOptions:Ye(i),selectedOption:D},registerOptions:{required:!1},style:{width:"auto"}},isDisabled:p===!0?"readonly":x,style:{justifyContent:"space-between"},controlWidth:le,fullWidthSelect:!1})]})]})},Os=a.div`
   display: flex;
   flex-direction: column;
-  padding-top: ${a.sp3};
-  padding-bottom: ${a.sp3};
-`,Ps=o.div`
+  padding-top: ${o.sp3};
+  padding-bottom: ${o.sp3};
+`,Ps=a.div`
   display: flex;
   justify-content: space-between;
-`,Fs=o(Ke)`
+`,Fs=a(Je)`
   color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${a.sp3};
-  margin-right: ${a.sp6};
-`,Ms=o.div`
+  margin-bottom: ${o.sp3};
+  margin-right: ${o.sp6};
+`,Ms=a.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-`,zs=o(Ge)`
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+`,_s=a(Ke)`
   display: flex;
   justify-content: flex-end;
   color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${a.sp0};
-  margin-right: ${a.sp0};
+  margin-bottom: ${o.sp0};
+  margin-right: ${o.sp0};
   cursor: pointer;
-`,_s=o(Bt)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-  margin-left: ${a.sp2};
-  margin-top: ${a.sp1};
-`,Ns=o(Rt)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-  margin-left: ${a.sp2};
-  margin-top: ${a.sp1};
-`,Ws=o.div`
+`,zs=a(Rt)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin-left: ${o.sp2};
+  margin-top: ${o.sp1};
+`,Ns=a(Bt)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin-left: ${o.sp2};
+  margin-top: ${o.sp1};
+`,Ws=a.div`
   display: flex;
   flex-direction: column;
-  row-gap: ${a.sp7};
-`,Me=o.div`
+  row-gap: ${o.sp7};
+`,Me=a.div`
   display: flex;
   flex-direction: column;
-  row-gap: ${a.sp3};
-`,ze=o.div`
+  row-gap: ${o.sp3};
+`,_e=a.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   filter: drop-shadow(
-    ${a.sp0} 2px ${a.sp1} ${N.boxShadowElevation}
+    ${o.sp0} 2px ${o.sp1} ${N.boxShadowElevation}
   );
-  border-radius: ${a.sp2};
+  border-radius: ${o.sp2};
   background: ${e=>e.theme.colors.grey5};
-`,_e=o.div`
-  padding: ${a.sp3};
+`,ze=a.div`
+  padding: ${o.sp3};
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,Hs=()=>t.jsxs(Ws,{children:[[...Array(1)].map((e,s)=>t.jsxs(Me,{children:[t.jsx(S,{width:120,height:l[4]}),t.jsx(ze,{children:[...Array(3)].map((r,i)=>t.jsxs(_e,{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(Me,{children:[t.jsx(S,{width:120,height:l[4]}),t.jsx(ze,{children:[...Array(4)].map((r,i)=>t.jsxs(_e,{children:[t.jsx(S,{width:70,height:l[4]}),t.jsx(S,{width:140,height:l[4]})]},i))})]},s))]}),y=W.getLocalizedStrings(),{vendors:{vendorDetailPage:O},common:{footer:Ne}}=y,P={transactionListHeight:new u(325,275,225),formContainerHorizontalPadding:new u(l[3],l[3],l[8]),buttonWidth:new u(85,85),navbarHeight:63},We=e=>`${e}_form`,x="vendorDetails",xe="vendor1099Details",He="vendorDetailPage",Bs=o.div`
+`,Hs=()=>t.jsxs(Ws,{children:[[...Array(1)].map((e,s)=>t.jsxs(Me,{children:[t.jsx(S,{width:120,height:l[4]}),t.jsx(_e,{children:[...Array(3)].map((r,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(Me,{children:[t.jsx(S,{width:120,height:l[4]}),t.jsx(_e,{children:[...Array(4)].map((r,i)=>t.jsxs(ze,{children:[t.jsx(S,{width:70,height:l[4]}),t.jsx(S,{width:140,height:l[4]})]},i))})]},s))]}),y=W.getLocalizedStrings(),{vendors:{vendorDetailPage:O},common:{footer:Ne}}=y,P={transactionListHeight:new g(325,275,225),formContainerHorizontalPadding:new g(l[3],l[3],l[8]),buttonWidth:new g(85,85),navbarHeight:63},We=e=>`${e}_form`,b="vendorDetails",be="vendor1099Details",He="vendorDetailPage",Rs=a.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=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Be=o.div`
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,Re=a.div`
   padding-left: ${e=>P.formContainerHorizontalPadding.valuePx(e.size)};
   padding-right: ${e=>P.formContainerHorizontalPadding.valuePx(e.size)};
-`,Re=o.div`
+`,Be=a.div`
   background-color: ${e=>e.theme.colors.grey4};
-  padding-top: ${e=>e.isPageLoading?a.sp3:a.sp0};
-`,Rs=o.div`
+  padding-top: ${e=>e.isPageLoading?o.sp3:o.sp0};
+`,Bs=a.div`
   display: flex;
   flex: 1 1 auto;
   height: 100%;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  margin: ${a.sp0};
+  margin: ${o.sp0};
   height: ${e=>e.height}px;
-`,As=o.div`
+`,As=a.div`
   display: flex;
   flex-direction: column;
-`,qs=o.div``,Us=o.div``,Es=o.div`
+`,qs=a.div``,Us=a.div``,Es=a.div`
   display: flex;
   flex-direction: column;
   transition: ${e=>e.collapsableStatus==="collapse"?"height 400ms ease-out":"height 200ms ease-in"};
-`,Ys=[{label:O.vendorSpendTrendFilterLabels.last_30_days,id:"last_30_days"},{label:O.vendorSpendTrendFilterLabels.last_90_days,id:"last_90_days"},{label:O.vendorSpendTrendFilterLabels.YTD_spend,id:"YTD_spend"},{label:O.vendorSpendTrendFilterLabels.last_month,id:"last_month"},{label:O.vendorSpendTrendFilterLabels.last_3_months,id:"last_3_months"},{label:O.vendorSpendTrendFilterLabels.last_6_months,id:"last_6_months"},{label:O.vendorSpendTrendFilterLabels.last_12_months,id:"last_12_months"},{label:O.vendorSpendTrendFilterLabels.last_year,id:"last_year"}],$a=({isFiling1099FeatureEnabled:e,vendorDetailView:s,firstMonthOfFY:r,vendorLogo:i,readOnlyMode:n,isDisabled:c,scrollToTrend:p,allTransactionsTabData:b,onVendorTabSelectionChanged:h,onLoadPreviousTransactionsClick:f,onSaveSuccess:R,saveVendorDetailLocalData:A,onCancelClick:D,onTrendSelectedPeriodChange:g,onTransactionItemClick:q,onSpendTrendPercentChangeClick:K,onSaveVendor:ne,onVendorSpendTrendFilterTabClick:G,onAddressClick:J,saveContactsInVendorTabDetailLocalData:Q,onVendorDetailUIChange:H,sidePanelIsFullView:le,sidePanelIsOpen:ie,panelContent:re})=>{const B=qe(),T=oe(),U=$.useRef(null),[X,de]=$.useState(!1),[ce,C]=$.useState(P.transactionListHeight.value()),j=s?.selectedTabType,Z=Vs(),m=Object.assign({},s?.vendorViewDetails?.vendorView),L=s?.vendorViewDetails.vendorView?.vendorDetailLocalData,ee=s?.uiState,et=!we(m!=null&&m.vendorAddress!=null?De(m.vendorAddress):m.vendorAddress,m.vendorNewAddressStatus?.addressToCreate!=null?De(m.vendorNewAddressStatus?.addressToCreate):m.vendorNewAddressStatus?.addressToCreate),tt=(m?.vendorDetailLocalData?.contacts??[]).filter(d=>d.email!==y.common.strings.empty||d.fullName!==y.common.strings.empty||d.phone!==y.common.strings.empty).map(d=>ft(d,"contactInfoType")),be=$.useMemo(()=>m.vendorBasic?.contacts??[],[m.vendorBasic?.contacts]),st=!we(tt,be),te=wt({mode:"all",defaultValues:Ae(s?.vendorViewDetails.accountsHierarchyList??[],s?.vendorViewDetails.classHierarchyList??[],s?.vendorViewDetails.vendorTypeList??[],s?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,s?.vendorViewDetails.vendorView?.vendorDetailLocalData,s?.vendorViewDetails.ownerList),values:Ae(s?.vendorViewDetails.accountsHierarchyList??[],s?.vendorViewDetails.classHierarchyList??[],s?.vendorViewDetails.vendorTypeList??[],s?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,s?.vendorViewDetails.vendorView?.vendorDetailLocalData,s?.vendorViewDetails.ownerList),resetOptions:{keepDirtyValues:!0}}),[at,ot]=$.useState(-1),nt=m.vendorDetailLocalData?.contacts!=null&&m.vendorDetailLocalData?.contacts.length>0?m.vendorDetailLocalData?.contacts:Ce,[lt,it]=$.useState(Ct(nt)),rt=d=>{it(d),Q?.(L?.vendorId??y.common.strings.empty,d)};$.useEffect(()=>{p===!0&&X===!1&&s?.trendWithTransactions.trendReport?.fetchState==="Completed"&&s?.trendWithTransactions.transactionView?.fetchState==="Completed"&&(window.scrollTo({top:(U.current?.offsetTop??0)+P.navbarHeight,behavior:"smooth"}),de(!0))},[p,X,s?.trendWithTransactions.trendReport?.fetchState,s?.trendWithTransactions.transactionView?.fetchState]);const dt=new $t(B.colors.graphColor12),V=s?.fetchState==="Not-Started"||s?.fetchState==="In-Progress",ct=s?.vendorViewDetails.vendorView?.saveStatus.fetchState==="In-Progress",pt=s?.trendWithTransactions.trendReport?.fetchState==="In-Progress",mt=(d,v)=>{g?.(v)};$.useEffect(()=>{s?.vendorViewDetails.vendorView?.saveStatus?.fetchState==="Completed"&&R?.()},[m]);const ht=$.useCallback(()=>{window.scrollTo({top:(U.current?.offsetTop??0)+P.navbarHeight,behavior:"smooth"}),K?.()},[K]),ut=async(d,v)=>{const w=v;if(d.includes("isRecommendedCategorySelected")){const z=v[x].isRecommendedCategorySelected===!0?m?.vendorDetailLocalData?.recommendedCategory?.accountId:m?.vendorBasic?.account?.accountId;w[x].vendorCategory={selectedOption:z,allOptions:v[x].vendorCategory.allOptions}}if(d.includes("isRecommendedClassSelected")){const z=v[x].isRecommendedClassSelected===!0?m.vendorDetailLocalData?.recommendedClass?.classId:m?.vendorBasic?.class?.classId;w[x].vendorClass={selectedOption:z,allOptions:v[x].vendorClass.allOptions}}if(d.includes("vendorCategory")){const z=w[x].vendorCategory.selectedOption===w[x].recommendedCategory?.accountId;w[x].isRecommendedCategorySelected=z}if(d.includes("vendorClass")){const z=w[x].vendorClass.selectedOption===w[x].recommendedClass?.classId;w[x].isRecommendedClassSelected=z}gt(w)};$.useEffect(()=>{const d=te.watch((v,{name:w})=>{w!=null&&v!=null&&St(()=>ut(w,v))});return()=>{d.unsubscribe()}});const gt=d=>{const v=Ks(d,m.vendorBasic?.id,L);A?.(v)},vt=d=>{h(Xt(d.id))},yt={isLoading:s?.allVendorTransactionsView?.fetchState==="In-Progress"||s?.allVendorTransactionsView?.fetchState==="Not-Started",onLoadPreviousClick:(d,v)=>{f(d,(b?.numberOfQuartersFetched??0)+1)}},xt=()=>{switch(j){case"all_transactions":return t.jsx(Rs,{height:ce,children:V===!1&&b?.timePeriod!=null?t.jsx(ts,{firstMonthOfFY:r,timeframe:"quarter",timePeriod:b.timePeriod,transactions:s?.allVendorTransactionsView?.transactions??[],isFirstLotLoading:V,componentName:"trend.transactions.list",trackPerformance:!1,onTransactionItemClick:q,onListInnerElementHeightChanged:d=>{C(d)},showLoadPrevious:yt}):null});case"spend_transactions":default:return s?.trendWithTransactions!=null?t.jsxs(t.Fragment,{children:[t.jsx(es,{allTabs:Ys,selectedTab:s.vendorSpendTrendFilterTabValue,onTabChange:d=>{const v=Zt(d.id);v!=null&&G(v)},containerStyle:{marginLeft:l[8],marginRight:l[8]}}),t.jsx(qs,{ref:U,children:t.jsx(ss,{firstMonthOfFY:r,trendWithTransactionsReport:s?.trendWithTransactions,isDetailPage:!1,graphColor:dt,initialTransactionListHeight:P.transactionListHeight.value(T),page:"vendorDetailPage",onTimePeriodChange:mt,onTransactionItemClick:q})})]}):null}},bt=()=>{ee?.collapsableStatus==="expand"?H?.("collapse"):H?.("expand")},fe=Z.find(d=>j===d.id);return t.jsx(Dt,{isOpen:ie??!1,isFullView:le??!1,panelContent:re,headerContent:t.jsxs(t.Fragment,{children:[t.jsx(kt,{onBackClick:D,title:m.vendorBasic?.name??y.common.strings.empty,style:{zIndex:3},hideSearchBtn:!0,backgroundColor:B.colors.grey5,enableTitleOnScroll:!0,source:"VendorDetailPage"}),s?.vendorSpend!=null?t.jsx(ws,{isPageLoading:V,vendorName:m.vendorBasic?.name??y.common.strings.empty,spend:s?.vendorSpend,vendorLogo:i,isSpendTrendLoading:pt,onPercentChangeClick:ht}):null]}),listContent:t.jsxs(Bs,{children:[V===!0&&t.jsx(Re,{isPageLoading:V,children:t.jsx(Be,{size:T,children:t.jsx(Hs,{})})}),V===!1&&m.vendorDetailLocalData!=null&&t.jsxs(Re,{isPageLoading:V,children:[t.jsx(Be,{size:T,children:t.jsx(Tt,{...te,children:t.jsxs("form",{id:We(He),onSubmit:te.handleSubmit(ne),children:[t.jsx(Is,{sectionId:x,selectedVendorId:L?.vendorId,selectedVendorDetails:m,selectedAccountId:L?.vendorCategory,selectedClassId:L?.vendorClass,selectedOwnerId:L?.vendorOwner,recommendations:L?.recommendations??[],allAccounts:s?.vendorViewDetails.accountList.accounts??[],allClasses:s?.vendorViewDetails.classList.classes??[],screenType:"edit",selectedVendorName:L?.vendorName,allOwners:s?.vendorViewDetails.ownerList??[],readOnlyMode:n,isDisabled:c,accountsHierarchyList:s?.vendorViewDetails.accountsHierarchyList??[],classHierarchyList:s?.vendorViewDetails.classHierarchyList??[],enableRecommendationUpdateCheckbox:!0,uiState:ee,isFiling1099FeatureEnabled:e,onClickShowMoreOrLess:bt}),e&&ee?.collapsableStatus==="expand"?t.jsxs(Es,{collapsableStatus:ee?.collapsableStatus??"expand",children:[t.jsx($s,{selectedVendorDetails:m,isDisabled:c,onAddressClick:J,sectionId:xe,vendorTypeList:s?.vendorViewDetails.vendorTypeList??[]}),t.jsx(jt,{emailRequired:!1,vendorContactInfos:Ce,sectionId:ye,vendorContactInfoWithType:lt,setVendorContactInfoWithType:rt,deleteContactConfirmationIndex:at,updateContactDeleteConfirmationIndex:ot,initialContactList:be})]}):null]})})}),fe!=null?t.jsxs(As,{children:[t.jsx(Us,{children:t.jsx(us,{allTabs:Z,containerStyle:{marginLeft:l[8],marginRight:l[8],borderBottom:`1px solid ${B.colors.grey3}`,backgroundColor:B.colors.grey4,justifyContent:"left"},selectedTab:fe,onOptionSelectionChanged:vt})}),xt()]}):null]}),!V&&n!==!0&&(Lt(te.formState.dirtyFields)||et||st)?t.jsx(Vt,{formId:We(He),primaryBtn:{label:Ne.save,isLoading:ct,style:{width:P.buttonWidth.value(T)},isDisabled:!1},cancelBtn:{label:Ne.cancel,style:{width:P.buttonWidth.value(T)},onClick:D}}):null]})})},Ae=(e,s,r,i,n,c)=>({[x]:{vendorName:n?.vendorName??y.common.strings.empty,vendorOwner:{allOptions:Ye(c),selectedOption:n?.vendorOwner},vendorCategory:{allOptions:Ee(e,n?.recommendations),selectedOption:n?.vendorCategory},vendorClass:{allOptions:Ue(s,n?.recommendations),selectedOption:n?.vendorClass},recommendedCategory:n?.recommendedCategory,recommendedClass:n?.recommendedClass,isRecommendedCategorySelected:n?.isCategoryUpdateSelected??!1,isRecommendedClassSelected:n?.isClassUpdateSelected??!1},[xe]:{legalName:n?.legalName??y.common.strings.empty,email:n?.vendorEmail??y.common.strings.empty,phone:n?.vendorPhone??y.common.strings.empty,vendorType:{allTypes:r,selectedType:n?.vendorType},tinType:n?.tin?.type??null,tinValue:n?.tin?.value??null,address:i},[ye]:n!=null&&n?.contacts!=null&&n?.contacts.length!==0?n.contacts:[{fullName:y.common.strings.empty,email:y.common.strings.empty,phone:y.common.strings.empty,id:y.common.strings.empty}]}),Ks=(e,s,r)=>{const i=e?.[x],n=e?.[xe];return{vendorCategory:i.vendorCategory.selectedOption,vendorClass:i.vendorClass.selectedOption,vendorId:s,recommendations:r?.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(Gt,y.common.strings.empty):null},address:n.address,contacts:e?.[ye]}};export{$a as default,We as formUniqueName,xe as vendor1099DetailsSectionId,x as vendorDetailsSectionId,Ys as vendorSpendTrendFilterTabs};
+`,Ys=[{label:O.vendorSpendTrendFilterLabels.last_30_days,id:"last_30_days"},{label:O.vendorSpendTrendFilterLabels.last_90_days,id:"last_90_days"},{label:O.vendorSpendTrendFilterLabels.YTD_spend,id:"YTD_spend"},{label:O.vendorSpendTrendFilterLabels.last_month,id:"last_month"},{label:O.vendorSpendTrendFilterLabels.last_3_months,id:"last_3_months"},{label:O.vendorSpendTrendFilterLabels.last_6_months,id:"last_6_months"},{label:O.vendorSpendTrendFilterLabels.last_12_months,id:"last_12_months"},{label:O.vendorSpendTrendFilterLabels.last_year,id:"last_year"}],So=({isFiling1099FeatureEnabled:e,vendorDetailView:s,firstMonthOfFY:r,vendorLogo:i,readOnlyMode:n,isDisabled:c,scrollToTrend:p,allTransactionsTabData:x,onVendorTabSelectionChanged:h,onLoadPreviousTransactionsClick:f,onSaveSuccess:B,saveVendorDetailLocalData:A,onCancelClick:D,onTrendSelectedPeriodChange:u,onTransactionItemClick:q,onSpendTrendPercentChangeClick:J,onSaveVendor:ne,onVendorSpendTrendFilterTabClick:K,onAddressClick:G,saveContactsInVendorTabDetailLocalData:Q,onVendorDetailUIChange:H,sidePanelIsFullView:le,sidePanelIsOpen:ie,panelContent:re})=>{const R=qe(),T=ae(),U=$.useRef(null),[X,de]=$.useState(!1),[ce,C]=$.useState(P.transactionListHeight.value()),j=s?.selectedTabType,Z=Vs(),m=Object.assign({},s?.vendorViewDetails?.vendorView),L=s?.vendorViewDetails.vendorView?.vendorDetailLocalData,ee=s?.uiState,et=!we(m!=null&&m.vendorAddress!=null?De(m.vendorAddress):m.vendorAddress,m.vendorNewAddressStatus?.addressToCreate!=null?De(m.vendorNewAddressStatus?.addressToCreate):m.vendorNewAddressStatus?.addressToCreate),tt=(m?.vendorDetailLocalData?.contacts??[]).filter(d=>d.email!==y.common.strings.empty||d.fullName!==y.common.strings.empty||d.phone!==y.common.strings.empty).map(d=>ft(d,"contactInfoType")),xe=$.useMemo(()=>m.vendorBasic?.contacts??[],[m.vendorBasic?.contacts]),st=!we(tt,xe),te=wt({mode:"all",defaultValues:Ae(s?.vendorViewDetails.accountsHierarchyList??[],s?.vendorViewDetails.classHierarchyList??[],s?.vendorViewDetails.vendorTypeList??[],s?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,s?.vendorViewDetails.vendorView?.vendorDetailLocalData,s?.vendorViewDetails.ownerList),values:Ae(s?.vendorViewDetails.accountsHierarchyList??[],s?.vendorViewDetails.classHierarchyList??[],s?.vendorViewDetails.vendorTypeList??[],s?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,s?.vendorViewDetails.vendorView?.vendorDetailLocalData,s?.vendorViewDetails.ownerList),resetOptions:{keepDirtyValues:!0}}),[ot,at]=$.useState(-1),nt=m.vendorDetailLocalData?.contacts!=null&&m.vendorDetailLocalData?.contacts.length>0?m.vendorDetailLocalData?.contacts:Ce,[lt,it]=$.useState(Ct(nt)),rt=d=>{it(d),Q?.(L?.vendorId??y.common.strings.empty,d)};$.useEffect(()=>{p===!0&&X===!1&&s?.trendWithTransactions.trendReport?.fetchState==="Completed"&&s?.trendWithTransactions.transactionView?.fetchState==="Completed"&&(window.scrollTo({top:(U.current?.offsetTop??0)+P.navbarHeight,behavior:"smooth"}),de(!0))},[p,X,s?.trendWithTransactions.trendReport?.fetchState,s?.trendWithTransactions.transactionView?.fetchState]);const dt=new $t(R.colors.graphColor12),V=s?.fetchState==="Not-Started"||s?.fetchState==="In-Progress",ct=s?.vendorViewDetails.vendorView?.saveStatus.fetchState==="In-Progress",pt=s?.trendWithTransactions.trendReport?.fetchState==="In-Progress",mt=(d,v)=>{u?.(v)};$.useEffect(()=>{s?.vendorViewDetails.vendorView?.saveStatus?.fetchState==="Completed"&&B?.()},[m]);const ht=$.useCallback(()=>{window.scrollTo({top:(U.current?.offsetTop??0)+P.navbarHeight,behavior:"smooth"}),J?.()},[J]),gt=async(d,v)=>{const w=v;if(d.includes("isRecommendedCategorySelected")){const _=v[b].isRecommendedCategorySelected===!0?m?.vendorDetailLocalData?.recommendedCategory?.accountId:m?.vendorBasic?.account?.accountId;w[b].vendorCategory={selectedOption:_,allOptions:v[b].vendorCategory.allOptions}}if(d.includes("isRecommendedClassSelected")){const _=v[b].isRecommendedClassSelected===!0?m.vendorDetailLocalData?.recommendedClass?.classId:m?.vendorBasic?.class?.classId;w[b].vendorClass={selectedOption:_,allOptions:v[b].vendorClass.allOptions}}if(d.includes("vendorCategory")){const _=w[b].vendorCategory.selectedOption===w[b].recommendedCategory?.accountId;w[b].isRecommendedCategorySelected=_}if(d.includes("vendorClass")){const _=w[b].vendorClass.selectedOption===w[b].recommendedClass?.classId;w[b].isRecommendedClassSelected=_}ut(w)};$.useEffect(()=>{const d=te.watch((v,{name:w})=>{w!=null&&v!=null&&St(()=>gt(w,v))});return()=>{d.unsubscribe()}});const ut=d=>{const v=Js(d,m.vendorBasic?.id,L);A?.(v)},vt=d=>{h(Xt(d.id))},yt={isLoading:s?.allVendorTransactionsView?.fetchState==="In-Progress"||s?.allVendorTransactionsView?.fetchState==="Not-Started",onLoadPreviousClick:(d,v)=>{f(d,(x?.numberOfQuartersFetched??0)+1)}},bt=()=>{switch(j){case"all_transactions":return t.jsx(Bs,{height:ce,children:V===!1&&x?.timePeriod!=null?t.jsx(ts,{firstMonthOfFY:r,timeframe:"quarter",timePeriod:x.timePeriod,transactions:s?.allVendorTransactionsView?.transactions??[],isFirstLotLoading:V,componentName:"trend.transactions.list",trackPerformance:!1,onTransactionItemClick:q,onListInnerElementHeightChanged:d=>{C(d)},showLoadPrevious:yt}):null});case"spend_transactions":default:return s?.trendWithTransactions!=null?t.jsxs(t.Fragment,{children:[t.jsx(es,{allTabs:Ys,selectedTab:s.vendorSpendTrendFilterTabValue,onTabChange:d=>{const v=Zt(d.id);v!=null&&K(v)},containerStyle:{marginLeft:l[8],marginRight:l[8]}}),t.jsx(qs,{ref:U,children:t.jsx(ss,{firstMonthOfFY:r,trendWithTransactionsReport:s?.trendWithTransactions,isDetailPage:!1,graphColor:dt,initialTransactionListHeight:P.transactionListHeight.value(T),page:"vendorDetailPage",onTimePeriodChange:mt,onTransactionItemClick:q})})]}):null}},xt=()=>{ee?.collapsableStatus==="expand"?H?.("collapse"):H?.("expand")},fe=Z.find(d=>j===d.id);return t.jsx(Dt,{isOpen:ie??!1,isFullView:le??!1,panelContent:re,headerContent:t.jsxs(t.Fragment,{children:[t.jsx(kt,{onBackClick:D,title:m.vendorBasic?.name??y.common.strings.empty,style:{zIndex:3},hideSearchBtn:!0,backgroundColor:R.colors.grey5,enableTitleOnScroll:!0,source:"VendorDetailPage"}),s?.vendorSpend!=null?t.jsx(ws,{isPageLoading:V,vendorName:m.vendorBasic?.name??y.common.strings.empty,spend:s?.vendorSpend,vendorLogo:i,isSpendTrendLoading:pt,onPercentChangeClick:ht}):null]}),listContent:t.jsxs(Rs,{children:[V===!0&&t.jsx(Be,{isPageLoading:V,children:t.jsx(Re,{size:T,children:t.jsx(Hs,{})})}),V===!1&&m.vendorDetailLocalData!=null&&t.jsxs(Be,{isPageLoading:V,children:[t.jsx(Re,{size:T,children:t.jsx(Tt,{...te,children:t.jsxs("form",{id:We(He),onSubmit:te.handleSubmit(ne),children:[t.jsx(Is,{sectionId:b,selectedVendorId:L?.vendorId,selectedVendorDetails:m,selectedAccountId:L?.vendorCategory,selectedClassId:L?.vendorClass,selectedOwnerId:L?.vendorOwner,recommendations:L?.recommendations??[],allAccounts:s?.vendorViewDetails.accountList.accounts??[],allClasses:s?.vendorViewDetails.classList.classes??[],screenType:"edit",selectedVendorName:L?.vendorName,allOwners:s?.vendorViewDetails.ownerList??[],readOnlyMode:n,isDisabled:c,accountsHierarchyList:s?.vendorViewDetails.accountsHierarchyList??[],classHierarchyList:s?.vendorViewDetails.classHierarchyList??[],enableRecommendationUpdateCheckbox:!0,uiState:ee,isFiling1099FeatureEnabled:e,onClickShowMoreOrLess:xt}),e&&ee?.collapsableStatus==="expand"?t.jsxs(Es,{collapsableStatus:ee?.collapsableStatus??"expand",children:[t.jsx($s,{selectedVendorDetails:m,isDisabled:c,onAddressClick:G,sectionId:be,vendorTypeList:s?.vendorViewDetails.vendorTypeList??[]}),t.jsx(jt,{emailRequired:!1,vendorContactInfos:Ce,sectionId:ye,vendorContactInfoWithType:lt,setVendorContactInfoWithType:rt,deleteContactConfirmationIndex:ot,updateContactDeleteConfirmationIndex:at,initialContactList:xe})]}):null]})})}),fe!=null?t.jsxs(As,{children:[t.jsx(Us,{children:t.jsx(gs,{allTabs:Z,containerStyle:{marginLeft:l[8],marginRight:l[8],borderBottom:`1px solid ${R.colors.grey3}`,backgroundColor:R.colors.grey4,justifyContent:"left"},selectedTab:fe,onOptionSelectionChanged:vt})}),bt()]}):null]}),!V&&n!==!0&&(Lt(te.formState.dirtyFields)||et||st)?t.jsx(Vt,{formId:We(He),primaryBtn:{label:Ne.save,isLoading:ct,style:{width:P.buttonWidth.value(T)},isDisabled:!1},cancelBtn:{label:Ne.cancel,style:{width:P.buttonWidth.value(T)},onClick:D}}):null]})})},Ae=(e,s,r,i,n,c)=>({[b]:{vendorName:n?.vendorName??y.common.strings.empty,vendorOwner:{allOptions:Ye(c),selectedOption:n?.vendorOwner},vendorCategory:{allOptions:Ee(e,n?.recommendations),selectedOption:n?.vendorCategory},vendorClass:{allOptions:Ue(s,n?.recommendations),selectedOption:n?.vendorClass},recommendedCategory:n?.recommendedCategory,recommendedClass:n?.recommendedClass,isRecommendedCategorySelected:n?.isCategoryUpdateSelected??!1,isRecommendedClassSelected:n?.isClassUpdateSelected??!1},[be]:{legalName:n?.legalName??y.common.strings.empty,email:n?.vendorEmail??y.common.strings.empty,phone:n?.vendorPhone??y.common.strings.empty,vendorType:{allTypes:r,selectedType:n?.vendorType},tinType:n?.tin?.type??null,tinValue:n?.tin?.value??null,address:i},[ye]:n!=null&&n?.contacts!=null&&n?.contacts.length!==0?n.contacts:[{fullName:y.common.strings.empty,email:y.common.strings.empty,phone:y.common.strings.empty,id:y.common.strings.empty}]}),Js=(e,s,r)=>{const i=e?.[b],n=e?.[be];return{vendorCategory:i.vendorCategory.selectedOption,vendorClass:i.vendorClass.selectedOption,vendorId:s,recommendations:r?.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(Kt,y.common.strings.empty):null},address:n.address,contacts:e?.[ye]}};export{So as default,We as formUniqueName,be as vendor1099DetailsSectionId,b as vendorDetailsSectionId,Ys as vendorSpendTrendFilterTabs};

package/dist/assets/{VendorDomesticWireDetailsPage-7m-21BIT-BVTn5C6b.js → VendorDomesticWireDetailsPage-DCdG-eGI-IQvY9pai.js}

@@ -1 +1 @@
-import{V as l}from"./index-rJQoaAfw.js";import{a as k}from"./sentry-CGE1ab0x.js";import{D as y}from"./DomesticWireDetailsPage-DHUzdqCs-CeJMtDxo.js";import"./liveblocks-CohL7dW6.js";import"./core-BMaLzXUJ.js";import"./recharts-D8Mh9GJw.js";import"./zeni-epic-state-CiJSQQSe.js";import"./mui-KNfEk2A1.js";import"./lottie-XKgYVRq1.js";import"./analytics-DGcxWyl6.js";import"./lexical-CyZM9SwL.js";import"./utils-Co3Y654K.js";import"./BankAccountSection-C8G2PrLh-OgTv2VaB.js";import"./MagicLinkTitleSection-C_Xng7ad-D4iutPsA.js";import"./BankAccountWarningSection--DkXEMWU-jfcY3ZKV.js";import"./MailingDetailsSection-Dmq45H_s-CjyySHTi.js";import"./LabeledAddressValueField-DyHTdGlm-CErilABA.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="9abb919a-c3ed-412d-b2f0-6446a4ece1f4",e._sentryDebugIdIdentifier="sentry-dbid-9abb919a-c3ed-412d-b2f0-6446a4ece1f4")}catch{}})();const j=({vendorViewDetails:e,bankAccountContext:t,isDisabled:r,onSaveHandler:d,onWireDetailsUpdated:s,onBackClick:o,onFetchBankName:i,onAddressClick:c})=>{const{bankAccountCreationState:n,editVendorState:p,newVendorState:m,bankNameByRouting:f,bankAccountToCreate:u,fetchBankNameByRoutingStatus:b}=e,a=Object.assign({},p??m);return k.useEffect(()=>{(t==="vendor"&&n?.fetchState==="Completed"||a?.saveStatus?.fetchState==="Completed"&&t!=="express-pay")&&o()},[n,a?.saveStatus?.fetchState,o,t]),l.jsx(y,{bankAccountToCreate:u,bankAccountCreationState:n,bankNameByRouting:f,addressToEdit:a?.vendorNewAddressStatus?.addressToCreate,mailingAddress:a?.vendorAddress,addressType:"vendor_address",fetchBankNameByRoutingStatus:b,isDisabled:r,onSaveHandler:d,onWireDetailsUpdated:s,onBackClick:o,onAddressClick:c,onFetchBankName:i})};export{j as default};
+import{V as l}from"./index-BR9aIv1A.js";import{a as k}from"./sentry-BwoJfpTa.js";import{D as y}from"./DomesticWireDetailsPage-CswDexXc-CwmUyTco.js";import"./liveblocks-B8f0lmpe.js";import"./core-B_30foAD.js";import"./recharts-v_b66Qfi.js";import"./zeni-epic-state-Deo9yJpd.js";import"./mui-C7Q1opAD.js";import"./lottie-CbICbNKh.js";import"./analytics-rms9goNI.js";import"./lexical-CcL2Fd1i.js";import"./utils-C75CTJHa.js";import"./BankAccountSection-DXFRyqzV-Bg8zqqhX.js";import"./MagicLinkTitleSection-ClWFjqQr-B7_1AUkD.js";import"./BankAccountWarningSection-DJhHTBuh-D20FRc-x.js";import"./MailingDetailsSection-Dle_aLif-C9MEuFNg.js";import"./LabeledAddressValueField-D_Ztmm7--tsnB0bq1.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="d82b6ae8-55b0-470b-8de4-982dcafaf662",e._sentryDebugIdIdentifier="sentry-dbid-d82b6ae8-55b0-470b-8de4-982dcafaf662")}catch{}})();const j=({vendorViewDetails:e,bankAccountContext:t,isDisabled:r,onSaveHandler:d,onWireDetailsUpdated:s,onBackClick:o,onFetchBankName:i,onAddressClick:c})=>{const{bankAccountCreationState:n,editVendorState:p,newVendorState:m,bankNameByRouting:f,bankAccountToCreate:u,fetchBankNameByRoutingStatus:b}=e,a=Object.assign({},p??m);return k.useEffect(()=>{(t==="vendor"&&n?.fetchState==="Completed"||a?.saveStatus?.fetchState==="Completed"&&t!=="express-pay")&&o()},[n,a?.saveStatus?.fetchState,o,t]),l.jsx(y,{bankAccountToCreate:u,bankAccountCreationState:n,bankNameByRouting:f,addressToEdit:a?.vendorNewAddressStatus?.addressToCreate,mailingAddress:a?.vendorAddress,addressType:"vendor_address",fetchBankNameByRoutingStatus:b,isDisabled:r,onSaveHandler:d,onWireDetailsUpdated:s,onBackClick:o,onAddressClick:c,onFetchBankName:i})};export{j as default};

package/dist/assets/{VendorFiling1099EditablePage-D5jPoLoj-DhLrefqh.js → VendorFiling1099EditablePage-C6mptSEx-B_hdSwqB.js}

@@ -1,4 +1,4 @@
-import{J as ae,e as ze,a9 as Ae,cF as ke,y as w,V as t,bC as Be,aP as qe,ac as Oe,cK as C,o as s,cP as Ee,hl as We,gf as Re,cT as Me,hm as He,hn as Ue,cO as Ke,aR as _e,F as ne,e$ as K,hs as de,ev as Je,f0 as Ge,u as c,x as Ye,bP as P,cD as Qe,ht as Ze,p as F,Y as Xe,ci as et,al as ce,eL as tt,hu as st,hv as lt,hw as M,f1 as it}from"./index-rJQoaAfw.js";import{a as x}from"./sentry-CGE1ab0x.js";import{n as o}from"./mui-KNfEk2A1.js";import{Y as rt}from"./LabeledDropDownFormattedTextField-DHx90GON-Rl0wOSQX.js";import"./liveblocks-CohL7dW6.js";import"./core-BMaLzXUJ.js";import"./recharts-D8Mh9GJw.js";import"./zeni-epic-state-CiJSQQSe.js";import"./lottie-XKgYVRq1.js";import"./analytics-DGcxWyl6.js";import"./lexical-CyZM9SwL.js";import"./utils-Co3Y654K.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="109182f1-1313-4ee4-a3df-1962fe141f2e",e._sentryDebugIdIdentifier="sentry-dbid-109182f1-1313-4ee4-a3df-1962fe141f2e")}catch{}})();const te={largeLabelWidth:new w(160,210,230),paddingBottom:new w(c[3],c[2])},j=(e,i)=>`${e}.${i}`;function ot(e){const{loadingState:i}=e;return t.jsx(at,{...e,isDisabled:e.isDisabled||i==="In-Progress"?"disabled":void 0})}function at({googleAPIKey:e,addressToEdit:i,sectionId:a,isDisabled:g,style:E}){const q=ae(),u=ne.getLocalizedStrings().companyPassport,p=te.largeLabelWidth.value(q);return t.jsxs(t.Fragment,{children:[t.jsx(se,{type:"hidden",value:"noAutoFill"}),t.jsx(nt,{style:E,children:t.jsxs(dt,{children:[t.jsx(st,{isDisabled:g,label:{label:u.address.street,width:p,showBullet:!0},addressField:{name:j(a,"street"),defaultValue:{addressString:i?.street[0]??"",addressValue:i!=null?de(i):void 0},placeholder:M(u.address.street),registerOptions:{required:!0,validate:v=>v!=null?!!v.addressString:!1},autoComplete:"new-password",googleAPIKey:e,addressFormatter:lt},style:{border:"none",width:"100%",outline:"none"}}),t.jsx(C,{isDisabled:g,label:{label:u.address.suite,width:p,showBullet:!0},style:{wordBreak:"break-word",width:"100%",outline:"none"},text:{type:"text",name:j(a,"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(a,"city"),defaultValue:i?.city,placeholder:M(u.address.city),autoComplete:"new-password",options:{required:!0}}}),t.jsx(C,{isDisabled:g,label:{label:u.address.state,width:p,showBullet:!0},style:{width:"100%",outline:"none"},text:{type:"text",name:j(a,"state"),defaultValue:i?.state,placeholder:M(u.address.state),autoComplete:"new-password",options:{required:!0}}}),t.jsx(se,{readOnly:!0,value:"noAutoFill"}),t.jsx(it,{isDisabled:g,label:{label:u.address.country,width:p,showBullet:!0},style:{width:"100%",outline:"none"},countrySelectField:{name:j(a,"country"),placeholder:u.address.countryPlaceholder,defaultValue:K(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(a,"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(q),width:"100%",outline:"none"},text:{type:"text",name:j(a,"secondaryInfo"),defaultValue:i?.street[2],placeholder:u.address.secondaryInfoPlaceholder,autoComplete:"new-password"}})]})})]})}const nt=o.div`
+import{J as ae,e as Ne,a9 as Ae,cF as ke,y as w,V as t,bC as Be,aP as qe,ac as Ee,cI as C,o as s,cM as Oe,hi as Re,gd as We,cQ as Me,hj as He,hk as _e,cY as Ue,aR as Ke,F as ne,eZ as U,hp as de,c_ as Ze,e_ as Ge,u as c,C as Je,bP as L,cD as Qe,hq as Ye,p as F,Z as Xe,ci as et,al as ce,eK as tt,hr as st,hs as lt,ht as M,e$ as it}from"./index-BR9aIv1A.js";import{a as x}from"./sentry-BwoJfpTa.js";import{n as o}from"./mui-C7Q1opAD.js";import{Y as rt}from"./LabeledDropDownFormattedTextField-BaAHosJI-CDWZK3Xu.js";import"./liveblocks-B8f0lmpe.js";import"./core-B_30foAD.js";import"./recharts-v_b66Qfi.js";import"./zeni-epic-state-Deo9yJpd.js";import"./lottie-CbICbNKh.js";import"./analytics-rms9goNI.js";import"./lexical-CcL2Fd1i.js";import"./utils-C75CTJHa.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="5e6ab88d-d0c2-4487-b0fc-1610c3123e19",e._sentryDebugIdIdentifier="sentry-dbid-5e6ab88d-d0c2-4487-b0fc-1610c3123e19")}catch{}})();const te={largeLabelWidth:new w(160,210,230),paddingBottom:new w(c[3],c[2])},j=(e,i)=>`${e}.${i}`;function ot(e){const{loadingState:i}=e;return t.jsx(at,{...e,isDisabled:e.isDisabled||i==="In-Progress"?"disabled":void 0})}function at({googleAPIKey:e,addressToEdit:i,sectionId:a,isDisabled:g,style:O}){const q=ae(),u=ne.getLocalizedStrings().companyPassport,p=te.largeLabelWidth.value(q);return t.jsxs(t.Fragment,{children:[t.jsx(se,{type:"hidden",value:"noAutoFill"}),t.jsx(nt,{style:O,children:t.jsxs(dt,{children:[t.jsx(st,{isDisabled:g,label:{label:u.address.street,width:p,showBullet:!0},addressField:{name:j(a,"street"),defaultValue:{addressString:i?.street[0]??"",addressValue:i!=null?de(i):void 0},placeholder:M(u.address.street),registerOptions:{required:!0,validate:v=>v!=null?!!v.addressString:!1},autoComplete:"new-password",googleAPIKey:e,addressFormatter:lt},style:{border:"none",width:"100%",outline:"none"}}),t.jsx(C,{isDisabled:g,label:{label:u.address.suite,width:p,showBullet:!0},style:{wordBreak:"break-word",width:"100%",outline:"none"},text:{type:"text",name:j(a,"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(a,"city"),defaultValue:i?.city,placeholder:M(u.address.city),autoComplete:"new-password",options:{required:!0}}}),t.jsx(C,{isDisabled:g,label:{label:u.address.state,width:p,showBullet:!0},style:{width:"100%",outline:"none"},text:{type:"text",name:j(a,"state"),defaultValue:i?.state,placeholder:M(u.address.state),autoComplete:"new-password",options:{required:!0}}}),t.jsx(se,{readOnly:!0,value:"noAutoFill"}),t.jsx(it,{isDisabled:g,label:{label:u.address.country,width:p,showBullet:!0},style:{width:"100%",outline:"none"},countrySelectField:{name:j(a,"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(a,"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(q),width:"100%",outline:"none"},text:{type:"text",name:j(a,"secondaryInfo"),defaultValue:i?.street[2],placeholder:u.address.secondaryInfoPlaceholder,autoComplete:"new-password"}})]})})]})}const nt=o.div`
   display: flex;
   flex-direction: column;
   margin-left: ${s.sp3};
@@ -33,7 +33,7 @@ import{J as ae,e as ze,a9 as Ae,cF as ke,y as w,V as t,bC as Be,aP as qe,ac as O
   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(P,{style:{marginBottom:s.sp4},width:120,height:c[4]}),t.jsxs(pt,{children:[[...Array(5)].map((a,g)=>t.jsxs(H,{children:[t.jsx(P,{width:70,height:c[4]}),t.jsx(P,{width:140,height:c[4]})]},g)),t.jsx(H,{children:t.jsx(P,{width:120,height:c[4]})}),t.jsx(ht,{children:[...Array(7)].map((a,g)=>t.jsxs(H,{children:[t.jsx(P,{width:70,height:c[4]}),t.jsx(P,{width:140,height:c[4]})]},g))})]})]},i))}),$={largeLabelWidth:new w(130,200,300),labelMarginLeft:new w(c[3],c[4]),labelMarginTop:new w(c[2],c[3]),labelMarginBottom:new w(c[2],c[3]),containerPaddingLeft:new w(c[3],c[6],c[8]),containerPaddingRight:new w(c[3],c[6],c[8])},mt={zIndex:2,minHeight:62},l="vendor1099FilingSectionId",ue="legalName",pe="email",he="phone",ge="taxClassification",me="tinType",ye="tinValue",yt="street",xt="suite",ft="city",bt="state",wt="country",$t="countryCode",vt="postalCode",jt="secondaryInfo",U=e=>`${e}_form`,I=(e,i)=>`${e}.${i}`,{spendManagement:St,common:r}=ne.getLocalizedStrings(),S=St.billPay.vendorCreation,A=r.labels,le=r.footer,ts=e=>{const i=ae(),a=new AbortController,g=ze(),E=a.signal,{onVendorFiling1099UploadDetailsSave:q,vendorId:u,vendorFiling1099UploadDetailsViewState:p,onSaveChangesToLocalStore:v,vendorFiling1099UploadDetails:D,fetchVendorFetchStatus:_,onAddressEditHandler:xe,goBackToListPage:J,onResetVendorFiling1099FormStatus:fe,googleAPIKey:be}=e,{vendor1099DetailsSaveStatus:T,vendor1099DetailsLocalData:d,w9FormUploadStatus:G}=p,[Y,Q]=x.useState(D.addressStatus?.addressToCreate??{street:[],city:"",state:"",country:"",countryCode:"",postalCode:""}),Z=x.useRef(null),{vendorTypeList:W}=D,N=x.useRef(null),z=x.useRef(null),X=x.useRef(!1);x.useEffect(()=>{z.current===null&&d.legalName!=r.strings.empty&&p.vendor1099DetailsAutoFilledValues?.legalName===!0&&(z.current=d.legalName)},[d.legalName]),x.useEffect(()=>{N.current===null&&d.legalName!==r.strings.empty&&(N.current=d.legalName)},[d.legalName]),x.useEffect(()=>{D?.addressStatus?.addressToCreate&&p.vendor1099DetailsAutoFilledValues?.address===!0&&X.current===!1&&(Q(D.addressStatus.addressToCreate),X.current=!0)},[D,p.vendor1099DetailsAutoFilledValues?.address]);const m=Ae({mode:"onSubmit",defaultValues:oe(d,W??[],Y),values:oe(d,W??[],Y)}),{isValid:we}=m.formState,$e=m.handleSubmit(()=>{we&&(xe(m.getValues()),q(u,E))}),{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},Ve=h[l].legalName,Le=h[l].email,Pe=h[l].phone,Ie=h[l].taxClassification,Fe=h[l].tinType,ee=h[l].tinValue,Te={legalName:Ve??r.strings.empty,vendorId:u,contact:{email:Le??r.strings.empty,phone:Pe??r.strings.empty,fullName:d.contact?.fullName??r.strings.empty,id:d.contact?.id??r.strings.empty},taxClassification:Ie.selectedType??r.strings.empty,tin:{type:Fe??null,value:ee??null},tinValue:ee??null};if(y.includes(`${l}.street`)&&n.vendor1099FilingSectionId.street!=null){const{addressValue:L}=n.vendor1099FilingSectionId.street,Ne=m.getValues(`${l}.country`),R=K(L?.country);m.setValue(l,{...n[l],street:n.vendor1099FilingSectionId.street,city:L?.locality??"",state:L?.administrativeAreaLevel1??"",country:R,countryCode:L?.countryCode??"",postalCode:L?.postalCode??"",secondaryInfo:n.vendor1099FilingSectionId.secondaryInfo??"",suite:n.vendor1099FilingSectionId.suite??""}),Je(m.formState.errors,`${l}.city`)&&L?.locality&&m.trigger(`${l}.city`),Ne.selectedOption!==R.selectedOption&&m.setValue(`${l}.country`,R)}else y==="vendor1099FilingSectionId.country"&&n[l].country.selectedOption!=null&&m.setValue(`${l}.countryCode`,Ge(n[l].country.selectedOption));v(Te)}};x.useEffect(()=>{const y=m.watch((n,{name:h})=>{h!=null&&n!=null&&((h.startsWith(`${l}.street`)||h.startsWith(`${l}.city`)||h.startsWith(`${l}.state`)||h.startsWith(`${l}.country`)||h.startsWith(`${l}.postalCode`))&&n[l]!=null&&Q({street:[n[l].street?.addressString??r.strings.empty,n[l].suite??r.strings.empty,n[l].secondaryInfo??r.strings.empty],city:n[l].city??r.strings.empty,state:n[l].state??r.strings.empty,country:n[l].country?.selectedOption??r.strings.empty,countryCode:n[l].countryCode,postalCode:n[l].postalCode??r.strings.empty}),ke(()=>je(h,n)))});return()=>{y.unsubscribe()}});const V=$.largeLabelWidth.value(i),Se=T.error?.message??r.strings.empty,Ce=T.error?.title??r.strings.empty,De=()=>T?.fetchState==="In-Progress"||_?.fetchState==="In-Progress"||G?.fetchState==="In-Progress",b=_?.fetchState==="In-Progress"||G?.fetchState==="In-Progress";return x.useEffect(()=>()=>{a.abort(),fe()},[]),t.jsx(Dt,{windowSize:i,children:t.jsxs(Ct,{windowSize:i,children:[t.jsxs(Vt,{windowSize:i,ref:Z,children:[t.jsx(Be,{title:(p.vendor1099DetailsAutoFilledValues?.legalName===!0?z.current:N.current)??r.strings.empty,backgroundColor:g.colors.grey4,leftSideComponent:t.jsx(t.Fragment,{}),rightSideComponent:t.jsx(Pt,{windowSize:i,onClick:J,"data-testid":qe("vendor-filling-1099-details-editable-page-close-icon")}),scrollableContent:Z,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(It,{windowSize:i,children:p.vendor1099DetailsAutoFilledValues?.legalName===!0?z.current:N.current}):t.jsx(Ft,{children:p.vendor1099DetailsAutoFilledValues?.legalName===!0?z.current:N.current}),T.fetchState==="Error"?t.jsxs(Tt,{children:[t.jsx(kt,{}),t.jsxs(Nt,{children:[t.jsx(zt,{children:Ce}),t.jsx(At,{children:Se})]})]}):null,ve()&&t.jsxs(Ot,{children:[t.jsx(B,{}),t.jsx(Et,{children:S.vendorDetails.banner})]}),t.jsx(Oe,{...m,children:t.jsx("form",{id:U(l),onSubmit:$e,children:t.jsxs(Lt,{isLoading:b,children:[t.jsx(O,{children:f?.legalName===!0&&!b?t.jsx(B,{}):null}),t.jsx(C,{label:{label:A.legalName,width:V,style:{marginLeft:s.sp4}},style:{width:"auto",borderTopLeftRadius:s.sp2,borderTopRightRadius:s.sp2},text:{type:"text",name:I(l,ue),defaultValue:d.legalName,placeholder:S.vendorDetails.legalNamePlaceHolder,options:{required:!0,validate:y=>y!==r.strings.empty}}}),t.jsx(k,{}),t.jsxs(t.Fragment,{children:[t.jsx(C,{label:{label:A.email,width:V,style:{marginLeft:s.sp4}},style:{width:"auto"},text:{type:"email",name:I(l,pe),defaultValue:d.contact?.email,placeholder:S.vendorDetails.emailPlaceHolder,options:{required:!1}}}),t.jsx(k,{}),t.jsx(Ee,{label:{label:A.phone,width:V,style:{marginLeft:s.sp4}},text:{name:I(l,he),placeholder:S.vendorDetails.phonePlaceHolder,defaultValue:d.contact?.phone,autoComplete:"off",options:{required:!1}},style:{width:"auto"}}),t.jsx(k,{})]}),t.jsxs(Wt,{isLoading:b,children:[t.jsx(O,{children:f?.taxClassification===!0&&!b?t.jsx(B,{}):null}),t.jsxs(re,{children:[t.jsx(Bt,{width:V,windowSize:i,children:A.taxClassification}),t.jsx(qt,{size:i,labelWidth:V,children:t.jsx(We,{name:I(l,ge),value:{allTypes:W?.map(y=>({code:y.code,name:y.name,label:y.name}))??[],selectedType:d.taxClassification},placeholderLabel:S.vendorDetails.taxClassificationPlaceHolder})})]})]}),t.jsx(k,{}),t.jsx(O,{children:(f?.tin.type===!0||f?.tin.value===!0)&&!b?t.jsx(B,{}):null}),t.jsx(re,{children:t.jsx(rt,{name:I(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:V},placeholderLabel:S.placeholders.tinType,formattedText:{type:"text",name:I(l,ye),placeholder:S.placeholders.tinValue,format:d.tin?.type===r.texts.ssn?He:Ue,registerOptions:{required:!!d?.tin?.type,pattern:d.tin?.type===r.texts.ssn?Re:Me},style:{width:"100%",height:s.sp6},defaultValue:d.tin?.value??r.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:d.tin?.type===null?"disabled":void 0}})}),t.jsx(k,{}),t.jsxs(Rt,{children:[t.jsx(O,{children:f?.address===!0&&!b?t.jsx(B,{}):null}),t.jsx(Ke,{label:A.address,style:{marginLeft:s.sp4,marginTop:$.labelMarginTop.value(i),marginBottom:s.sp2}}),t.jsx(ot,{googleAPIKey:be,formId:U(l),addressToEdit:D?.addressStatus?.addressToCreate,sectionId:l})]})]})})})]})]}),t.jsx(_e,{separatorStyle:{marginRight:s.sp4},formId:U(l),cancelBtn:{label:le.cancel,style:{width:"83px"},onClick:J},primaryBtn:{label:le.save,isLoading:T.fetchState==="In-Progress",style:{width:"83px"},isDisabled:De()},style:mt})]})})},Ct=o.div`
+`,gt=()=>t.jsx(ct,{children:[...Array(1)].map((e,i)=>t.jsxs(ut,{children:[t.jsx(L,{style:{marginBottom:s.sp4},width:120,height:c[4]}),t.jsxs(pt,{children:[[...Array(5)].map((a,g)=>t.jsxs(H,{children:[t.jsx(L,{width:70,height:c[4]}),t.jsx(L,{width:140,height:c[4]})]},g)),t.jsx(H,{children:t.jsx(L,{width:120,height:c[4]})}),t.jsx(ht,{children:[...Array(7)].map((a,g)=>t.jsxs(H,{children:[t.jsx(L,{width:70,height:c[4]}),t.jsx(L,{width:140,height:c[4]})]},g))})]})]},i))}),$={largeLabelWidth:new w(130,200,300),labelMarginLeft:new w(c[3],c[4]),labelMarginTop:new w(c[2],c[3]),labelMarginBottom:new w(c[2],c[3]),containerPaddingLeft:new w(c[3],c[6],c[8]),containerPaddingRight:new w(c[3],c[6],c[8])},mt={zIndex:2,minHeight:62},l="vendor1099FilingSectionId",ue="legalName",pe="email",he="phone",ge="taxClassification",me="tinType",ye="tinValue",yt="street",xt="suite",ft="city",bt="state",wt="country",$t="countryCode",vt="postalCode",jt="secondaryInfo",_=e=>`${e}_form`,P=(e,i)=>`${e}.${i}`,{spendManagement:St,common:r}=ne.getLocalizedStrings(),S=St.billPay.vendorCreation,A=r.labels,le=r.footer,ts=e=>{const i=ae(),a=new AbortController,g=Ne(),O=a.signal,{onVendorFiling1099UploadDetailsSave:q,vendorId:u,vendorFiling1099UploadDetailsViewState:p,onSaveChangesToLocalStore:v,vendorFiling1099UploadDetails:D,fetchVendorFetchStatus:K,onAddressEditHandler:xe,goBackToListPage:Z,onResetVendorFiling1099FormStatus:fe,googleAPIKey:be}=e,{vendor1099DetailsSaveStatus:T,vendor1099DetailsLocalData:d,w9FormUploadStatus:G}=p,[J,Q]=x.useState(D.addressStatus?.addressToCreate??{street:[],city:"",state:"",country:"",countryCode:"",postalCode:""}),Y=x.useRef(null),{vendorTypeList:R}=D,z=x.useRef(null),N=x.useRef(null),X=x.useRef(!1);x.useEffect(()=>{N.current===null&&d.legalName!=r.strings.empty&&p.vendor1099DetailsAutoFilledValues?.legalName===!0&&(N.current=d.legalName)},[d.legalName]),x.useEffect(()=>{z.current===null&&d.legalName!==r.strings.empty&&(z.current=d.legalName)},[d.legalName]),x.useEffect(()=>{D?.addressStatus?.addressToCreate&&p.vendor1099DetailsAutoFilledValues?.address===!0&&X.current===!1&&(Q(D.addressStatus.addressToCreate),X.current=!0)},[D,p.vendor1099DetailsAutoFilledValues?.address]);const m=Ae({mode:"onSubmit",defaultValues:oe(d,R??[],J),values:oe(d,R??[],J)}),{isValid:we}=m.formState,$e=m.handleSubmit(()=>{we&&(xe(m.getValues()),q(u,O))}),{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},Ve=h[l].legalName,Ie=h[l].email,Le=h[l].phone,Pe=h[l].taxClassification,Fe=h[l].tinType,ee=h[l].tinValue,Te={legalName:Ve??r.strings.empty,vendorId:u,contact:{email:Ie??r.strings.empty,phone:Le??r.strings.empty,fullName:d.contact?.fullName??r.strings.empty,id:d.contact?.id??r.strings.empty},taxClassification:Pe.selectedType??r.strings.empty,tin:{type:Fe??null,value:ee??null},tinValue:ee??null};if(y.includes(`${l}.street`)&&n.vendor1099FilingSectionId.street!=null){const{addressValue:I}=n.vendor1099FilingSectionId.street,ze=m.getValues(`${l}.country`),W=U(I?.country);m.setValue(l,{...n[l],street:n.vendor1099FilingSectionId.street,city:I?.locality??"",state:I?.administrativeAreaLevel1??"",country:W,countryCode:I?.countryCode??"",postalCode:I?.postalCode??"",secondaryInfo:n.vendor1099FilingSectionId.secondaryInfo??"",suite:n.vendor1099FilingSectionId.suite??""}),Ze(m.formState.errors,`${l}.city`)&&I?.locality&&m.trigger(`${l}.city`),ze.selectedOption!==W.selectedOption&&m.setValue(`${l}.country`,W)}else y==="vendor1099FilingSectionId.country"&&n[l].country.selectedOption!=null&&m.setValue(`${l}.countryCode`,Ge(n[l].country.selectedOption));v(Te)}};x.useEffect(()=>{const y=m.watch((n,{name:h})=>{h!=null&&n!=null&&((h.startsWith(`${l}.street`)||h.startsWith(`${l}.city`)||h.startsWith(`${l}.state`)||h.startsWith(`${l}.country`)||h.startsWith(`${l}.postalCode`))&&n[l]!=null&&Q({street:[n[l].street?.addressString??r.strings.empty,n[l].suite??r.strings.empty,n[l].secondaryInfo??r.strings.empty],city:n[l].city??r.strings.empty,state:n[l].state??r.strings.empty,country:n[l].country?.selectedOption??r.strings.empty,countryCode:n[l].countryCode,postalCode:n[l].postalCode??r.strings.empty}),ke(()=>je(h,n)))});return()=>{y.unsubscribe()}});const V=$.largeLabelWidth.value(i),Se=T.error?.message??r.strings.empty,Ce=T.error?.title??r.strings.empty,De=()=>T?.fetchState==="In-Progress"||K?.fetchState==="In-Progress"||G?.fetchState==="In-Progress",b=K?.fetchState==="In-Progress"||G?.fetchState==="In-Progress";return x.useEffect(()=>()=>{a.abort(),fe()},[]),t.jsx(Dt,{windowSize:i,children:t.jsxs(Ct,{windowSize:i,children:[t.jsxs(Vt,{windowSize:i,ref:Y,children:[t.jsx(Be,{title:(p.vendor1099DetailsAutoFilledValues?.legalName===!0?N.current:z.current)??r.strings.empty,backgroundColor:g.colors.grey4,leftSideComponent:t.jsx(t.Fragment,{}),rightSideComponent:t.jsx(Lt,{windowSize:i,onClick:Z,"data-testid":qe("vendor-filling-1099-details-editable-page-close-icon")}),scrollableContent:Y,enableTitleOnScroll:!0,scrollThreshold:50,source:"VendorFiling1099EditablePage"}),b===!0?t.jsx(ie,{windowSize:i,isLoading:b,children:t.jsx(gt,{})}):t.jsxs(ie,{windowSize:i,isLoading:b,children:[i==="small"?t.jsx(Pt,{windowSize:i,children:p.vendor1099DetailsAutoFilledValues?.legalName===!0?N.current:z.current}):t.jsx(Ft,{children:p.vendor1099DetailsAutoFilledValues?.legalName===!0?N.current:z.current}),T.fetchState==="Error"?t.jsxs(Tt,{children:[t.jsx(kt,{}),t.jsxs(zt,{children:[t.jsx(Nt,{children:Ce}),t.jsx(At,{children:Se})]})]}):null,ve()&&t.jsxs(Et,{children:[t.jsx(B,{}),t.jsx(Ot,{children:S.vendorDetails.banner})]}),t.jsx(Ee,{...m,children:t.jsx("form",{id:_(l),onSubmit:$e,children:t.jsxs(It,{isLoading:b,children:[t.jsx(E,{children:f?.legalName===!0&&!b?t.jsx(B,{}):null}),t.jsx(C,{label:{label:A.legalName,width:V,style:{marginLeft:s.sp4}},style:{width:"auto",borderTopLeftRadius:s.sp2,borderTopRightRadius:s.sp2},text:{type:"text",name:P(l,ue),defaultValue:d.legalName,placeholder:S.vendorDetails.legalNamePlaceHolder,options:{required:!0,validate:y=>y!==r.strings.empty}}}),t.jsx(k,{}),t.jsxs(t.Fragment,{children:[t.jsx(C,{label:{label:A.email,width:V,style:{marginLeft:s.sp4}},style:{width:"auto"},text:{type:"email",name:P(l,pe),defaultValue:d.contact?.email,placeholder:S.vendorDetails.emailPlaceHolder,options:{required:!1}}}),t.jsx(k,{}),t.jsx(Oe,{label:{label:A.phone,width:V,style:{marginLeft:s.sp4}},text:{name:P(l,he),placeholder:S.vendorDetails.phonePlaceHolder,defaultValue:d.contact?.phone,autoComplete:"off",options:{required:!1}},style:{width:"auto"}}),t.jsx(k,{})]}),t.jsxs(Rt,{isLoading:b,children:[t.jsx(E,{children:f?.taxClassification===!0&&!b?t.jsx(B,{}):null}),t.jsxs(re,{children:[t.jsx(Bt,{width:V,windowSize:i,children:A.taxClassification}),t.jsx(qt,{size:i,labelWidth:V,children:t.jsx(Re,{name:P(l,ge),value:{allTypes:R?.map(y=>({code:y.code,name:y.name,label:y.name}))??[],selectedType:d.taxClassification},placeholderLabel:S.vendorDetails.taxClassificationPlaceHolder})})]})]}),t.jsx(k,{}),t.jsx(E,{children:(f?.tin.type===!0||f?.tin.value===!0)&&!b?t.jsx(B,{}):null}),t.jsx(re,{children:t.jsx(rt,{name:P(l,me),menuPlacement:"auto",style:{height:s.sp6,width:"100%",marginLeft:s.sp4},dropdownStyle:{width:"40%"},defaultValue:{dropDownValue:d.tin?.type??r.strings.empty,dropDownList:[{code:r.texts.ein,label:r.texts.ein.toUpperCase()},{code:r.texts.ssn,label:r.texts.ssn.toUpperCase()}]},registerOptions:{required:!1},label:{width:V},placeholderLabel:S.placeholders.tinType,formattedText:{type:"text",name:P(l,ye),placeholder:S.placeholders.tinValue,format:d.tin?.type===r.texts.ssn?He:_e,registerOptions:{required:!!d?.tin?.type,pattern:d.tin?.type===r.texts.ssn?We:Me},style:{width:"100%",height:s.sp6},defaultValue:d.tin?.value??r.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:d.tin?.type===null?"disabled":void 0}})}),t.jsx(k,{}),t.jsxs(Wt,{children:[t.jsx(E,{children:f?.address===!0&&!b?t.jsx(B,{}):null}),t.jsx(Ue,{label:A.address,style:{marginLeft:s.sp4,marginTop:$.labelMarginTop.value(i),marginBottom:s.sp2}}),t.jsx(ot,{googleAPIKey:be,formId:_(l),addressToEdit:D?.addressStatus?.addressToCreate,sectionId:l})]})]})})})]})]}),t.jsx(Ke,{separatorStyle:{marginRight:s.sp4},formId:_(l),cancelBtn:{label:le.cancel,style:{width:"83px"},onClick:Z},primaryBtn:{label:le.save,isLoading:T.fetchState==="In-Progress",style:{width:"83px"},isDisabled:De()},style:mt})]})})},Ct=o.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -52,7 +52,7 @@ import{J as ae,e as ze,a9 as Ae,cF as ke,y as w,V as t,bC as Be,aP as qe,ac as O
   overflow-x: hidden;
   height: 100%;
   width: 100%;
-`,Lt=o.div`
+`,It=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.isLoading?void 0:e.theme.colors.grey5};
@@ -66,7 +66,7 @@ import{J as ae,e as ze,a9 as Ae,cF as ke,y as w,V as t,bC as Be,aP as qe,ac as O
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Pt=o(Ye)`
+`,Lt=o(Je)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${s.sp4};
@@ -75,11 +75,11 @@ import{J as ae,e as ze,a9 as Ae,cF as ke,y as w,V as t,bC as Be,aP as qe,ac as O
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,It=o(Qe)`
+`,Pt=o(Qe)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${s.sp0};
   margin-right: ${s.sp3};
-`,Ft=o(Ze)`
+`,Ft=o(Ye)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${s.sp4};
 `,Tt=o.div`
@@ -90,10 +90,10 @@ import{J as ae,e as ze,a9 as Ae,cF as ke,y as w,V as t,bC as Be,aP as qe,ac as O
   gap: ${s.sp2};
   padding: ${s.sp3} ${s.sp4};
   margin-bottom: ${s.sp3};
-`,Nt=o.div`
+`,zt=o.div`
   display: flex;
   flex-direction: column;
-`,zt=o(et)`
+`,Nt=o(et)`
   color: ${F.brandColorGoldDark};
 `,At=o(ce)`
   color: ${F.brandColorGoldDark};
@@ -142,7 +142,7 @@ import{J as ae,e as ze,a9 as Ae,cF as ke,y as w,V as t,bC as Be,aP as qe,ac as O
   color: ${e=>e.theme.colors.primary};
   width: ${s.sp3};
   height: ${s.sp3};
-`,Ot=o.div`
+`,Et=o.div`
   display: flex;
   gap: ${s.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
@@ -152,15 +152,15 @@ import{J as ae,e as ze,a9 as Ae,cF as ke,y as w,V as t,bC as Be,aP as qe,ac as O
   margin: ${s.sp3};
   margin-left: ${s.sp0};
   margin-right: ${s.sp0};
-`,Et=o.span`
+`,Ot=o.span`
   color: ${e=>e.theme.colors.hero};
-`,Wt=o.div`
+`,Rt=o.div`
   position: relative;
-`,O=o.div`
+`,E=o.div`
   position: absolute;
   top: 20px;
   left: -${s.sp4};
-`,Rt=o.div`
+`,Wt=o.div`
   display: flex;
   position: relative;
   width: 100%;
@@ -172,4 +172,4 @@ import{J as ae,e as ze,a9 as Ae,cF as ke,y as w,V as t,bC as Be,aP as qe,ac as O
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
   }
-`,oe=(e,i,a)=>({[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:a?.street[0]??"",addressValue:a!=null?de(a):void 0},[ft]:a?.city??"",[bt]:a?.state??"",[wt]:K(a?.country),[$t]:a?.countryCode??"",[vt]:a?.postalCode??"",[jt]:a?.street[2]??"",[xt]:a?.street[1]??""}});export{ts as default,U as uniqueFormName};
+`,oe=(e,i,a)=>({[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:a?.street[0]??"",addressValue:a!=null?de(a):void 0},[ft]:a?.city??"",[bt]:a?.state??"",[wt]:U(a?.country),[$t]:a?.countryCode??"",[vt]:a?.postalCode??"",[jt]:a?.street[2]??"",[xt]:a?.street[1]??""}});export{ts as default,_ as uniqueFormName};