@zeniai/web-cockpit-ui 1.13.83-qa → 1.13.84-dev

package/dist/assets/{VendorFiling1099EditablePage-BJ1K4EB2-CnqK8eQN.js → VendorFiling1099EditablePage-C5rHkQrV-BGIvQipF.js}

@@ -1,4 +1,4 @@
-import{X as oe,u as Ne,M as ne,a as ke,cv as K,gI as de,c2 as Ae,C as w,j as t,aW as Be,Y as Ee,F as We,c5 as C,o as s,c9 as Oe,gB as Re,fE as Me,cd as qe,gC as He,gD as Ue,cl as Ke,a3 as Ge,cn as Je,cw as Qe,p as c,a2 as Ye,bf as F,c0 as Ze,gJ as Xe,g as I,eQ as _e,bF as et,q as ce,ez as tt,gK as st,gL as lt,gM as q,cx as it}from"./index-C5RQ_I4f.js";import{b as x,n as a}from"./vendor-CnQcJ2Lu.js";import{Y as rt}from"./LabeledDropDownFormattedTextField-DRdoEEXa-ihK1IWBq.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.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:h,style:O}){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:O,children:t.jsxs(dt,{children:[t.jsx(st,{isDisabled:h,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:q(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:h,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:h,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:q(u.address.city),autoComplete:"new-password",options:{required:!0}}}),t.jsx(C,{isDisabled:h,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:q(u.address.state),autoComplete:"new-password",options:{required:!0}}}),t.jsx(se,{readOnly:!0,value:"noAutoFill"}),t.jsx(it,{isDisabled:h,label:{label:u.address.country,width:p,showBullet:!0},style:{width:"100%",outline:"none"},countrySelectField:{name:j(o,"country"),placeholder:u.address.countryPlaceholder,defaultValue:K(i?.country),registerOptions:{validate:v=>!!(v!=null&&v.selectedOption)}}}),t.jsx(C,{isDisabled:h,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:h,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`
+import{X as oe,u as ze,M as ne,a as ke,cw as K,gL as de,c3 as Ae,C as w,j as t,aW as Be,Y as Ee,F as Oe,c6 as C,o as s,ca as Re,gE as We,fH as Me,ce as qe,gF as He,gG as Ue,cm as Ke,a7 as Ge,co as Ye,cx as Ze,p as c,a6 as Je,bh as F,c1 as Qe,gM as Xe,g as I,eT as _e,ah as et,s as ce,eC as tt,gN as st,gO as lt,gP as q,cy as it}from"./index-C0q2xQ43.js";import{b as x,n as a}from"./vendor-CnQcJ2Lu.js";import{Y as rt}from"./LabeledDropDownFormattedTextField-BFMEaVfR-Dv78a583.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.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:h,style:R}){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:R,children:t.jsxs(dt,{children:[t.jsx(st,{isDisabled:h,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:q(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:h,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:h,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:q(u.address.city),autoComplete:"new-password",options:{required:!0}}}),t.jsx(C,{isDisabled:h,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:q(u.address.state),autoComplete:"new-password",options:{required:!0}}}),t.jsx(se,{readOnly:!0,value:"noAutoFill"}),t.jsx(it,{isDisabled:h,label:{label:u.address.country,width:p,showBullet:!0},style:{width:"100%",outline:"none"},countrySelectField:{name:j(o,"country"),placeholder:u.address.countryPlaceholder,defaultValue:K(i?.country),registerOptions:{validate:v=>!!(v!=null&&v.selectedOption)}}}),t.jsx(C,{isDisabled:h,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:h,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};
@@ -33,7 +33,7 @@ import{X as oe,u as Ne,M as ne,a as ke,cv as K,gI as de,c2 as Ae,C as w,j as t,a
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,ht=()=>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,h)=>t.jsxs(H,{children:[t.jsx(F,{width:70,height:c[4]}),t.jsx(F,{width:140,height:c[4]})]},h)),t.jsx(H,{children:t.jsx(F,{width:120,height:c[4]})}),t.jsx(gt,{children:[...Array(7)].map((o,h)=>t.jsxs(H,{children:[t.jsx(F,{width:70,height:c[4]}),t.jsx(F,{width:140,height:c[4]})]},h))})]})]},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",ge="phone",he="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`,D=(e,i)=>`${e}.${i}`,{spendManagement:St,common:r}=ne.getLocalizedStrings(),S=St.billPay.vendorCreation,k=r.labels,le=r.footer,_t=e=>{const i=oe(),o=new AbortController,h=Ne(),O=o.signal,{onVendorFiling1099UploadDetailsSave:E,vendorId:u,vendorFiling1099UploadDetailsViewState:p,onSaveChangesToLocalStore:v,vendorFiling1099UploadDetails:L,fetchVendorFetchStatus:G,onAddressEditHandler:xe,goBackToListPage:J,onResetVendorFiling1099FormStatus:fe,googleAPIKey:be}=e,{vendor1099DetailsSaveStatus:T,vendor1099DetailsLocalData:d,w9FormUploadStatus:Q}=p,[Y,Z]=x.useState(L.addressStatus?.addressToCreate??{street:[],city:"",state:"",country:"",countryCode:"",postalCode:""}),X=x.useRef(null),{vendorTypeList:R}=L,z=x.useRef(null),N=x.useRef(null),_=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(()=>{L?.addressStatus?.addressToCreate&&p.vendor1099DetailsAutoFilledValues?.address===!0&&_.current===!1&&(Z(L.addressStatus.addressToCreate),_.current=!0)},[L,p.vendor1099DetailsAutoFilledValues?.address]);const m=ke({mode:"onSubmit",defaultValues:ae(d,R??[],Y),values:ae(d,R??[],Y)}),{isValid:we}=m.formState,$e=m.handleSubmit(()=>{we&&(xe(m.getValues()),E(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 g={...n},Ve=g[l].legalName,Pe=g[l].email,Fe=g[l].phone,De=g[l].taxClassification,Ie=g[l].tinType,ee=g[l].tinValue,Te={legalName:Ve??r.strings.empty,vendorId:u,contact:{email:Pe??r.strings.empty,phone:Fe??r.strings.empty,fullName:d.contact?.fullName??r.strings.empty,id:d.contact?.id??r.strings.empty},taxClassification:De.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:P}=n.vendor1099FilingSectionId.street,ze=m.getValues(`${l}.country`),M=K(P?.country);m.setValue(l,{...n[l],street:n.vendor1099FilingSectionId.street,city:P?.locality??"",state:P?.administrativeAreaLevel1??"",country:M,countryCode:P?.countryCode??"",postalCode:P?.postalCode??"",secondaryInfo:n.vendor1099FilingSectionId.secondaryInfo??"",suite:n.vendor1099FilingSectionId.suite??""}),Je(m.formState.errors,`${l}.city`)&&P?.locality&&m.trigger(`${l}.city`),ze.selectedOption!==M.selectedOption&&m.setValue(`${l}.country`,M)}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:g})=>{g!=null&&n!=null&&((g.startsWith(`${l}.street`)||g.startsWith(`${l}.city`)||g.startsWith(`${l}.state`)||g.startsWith(`${l}.country`)||g.startsWith(`${l}.postalCode`))&&n[l]!=null&&Z({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(g,n)))});return()=>{y.unsubscribe()}});const V=$.largeLabelWidth.value(i),Se=T.error?.message??r.strings.empty,Ce=T.error?.title??r.strings.empty,Le=()=>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(Lt,{windowSize:i,children:t.jsxs(Ct,{windowSize:i,children:[t.jsxs(Vt,{windowSize:i,ref:X,children:[t.jsx(Be,{title:(p.vendor1099DetailsAutoFilledValues?.legalName===!0?N.current:z.current)??r.strings.empty,backgroundColor:h.colors.grey4,leftSideComponent:t.jsx(t.Fragment,{}),rightSideComponent:t.jsx(Ft,{windowSize:i,onClick:J,"data-testid":Ee("vendor-filling-1099-details-editable-page-close-icon")}),scrollableContent:X,enableTitleOnScroll:!0,scrollThreshold:50,source:"VendorFiling1099EditablePage"}),b===!0?t.jsx(ie,{windowSize:i,isLoading:b,children:t.jsx(ht,{})}):t.jsxs(ie,{windowSize:i,isLoading:b,children:[i==="small"?t.jsx(Dt,{windowSize:i,children:p.vendor1099DetailsAutoFilledValues?.legalName===!0?N.current:z.current}):t.jsx(It,{children:p.vendor1099DetailsAutoFilledValues?.legalName===!0?N.current:z.current}),T.fetchState==="Error"?t.jsxs(Tt,{children:[t.jsx(At,{}),t.jsxs(zt,{children:[t.jsx(Nt,{children:Ce}),t.jsx(kt,{children:Se})]})]}):null,ve()&&t.jsxs(Wt,{children:[t.jsx(B,{}),t.jsx(Ot,{children:S.vendorDetails.banner})]}),t.jsx(We,{...m,children:t.jsx("form",{id:U(l),onSubmit:$e,children:t.jsxs(Pt,{isLoading:b,children:[t.jsx(W,{children:f?.legalName===!0&&!b?t.jsx(B,{}):null}),t.jsx(C,{label:{label:k.legalName,width:V,style:{marginLeft:s.sp4}},style:{width:"auto",borderTopLeftRadius:s.sp2,borderTopRightRadius:s.sp2},text:{type:"text",name:D(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:k.email,width:V,style:{marginLeft:s.sp4}},style:{width:"auto"},text:{type:"email",name:D(l,pe),defaultValue:d.contact?.email,placeholder:S.vendorDetails.emailPlaceHolder,options:{required:!1}}}),t.jsx(A,{}),t.jsx(Oe,{label:{label:k.phone,width:V,style:{marginLeft:s.sp4}},text:{name:D(l,ge),placeholder:S.vendorDetails.phonePlaceHolder,defaultValue:d.contact?.phone,autoComplete:"off",options:{required:!1}},style:{width:"auto"}}),t.jsx(A,{})]}),t.jsxs(Rt,{isLoading:b,children:[t.jsx(W,{children:f?.taxClassification===!0&&!b?t.jsx(B,{}):null}),t.jsxs(re,{children:[t.jsx(Bt,{width:V,windowSize:i,children:k.taxClassification}),t.jsx(Et,{size:i,labelWidth:V,children:t.jsx(Re,{name:D(l,he),value:{allTypes:R?.map(y=>({code:y.code,name:y.name,label:y.name}))??[],selectedType:d.taxClassification},placeholderLabel:S.vendorDetails.taxClassificationPlaceHolder})})]})]}),t.jsx(A,{}),t.jsx(W,{children:(f?.tin.type===!0||f?.tin.value===!0)&&!b?t.jsx(B,{}):null}),t.jsx(re,{children:t.jsx(rt,{name:D(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:D(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?Me:qe},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(Mt,{children:[t.jsx(W,{children:f?.address===!0&&!b?t.jsx(B,{}):null}),t.jsx(Ke,{label:k.address,style:{marginLeft:s.sp4,marginTop:$.labelMarginTop.value(i),marginBottom:s.sp2}}),t.jsx(at,{googleAPIKey:be,formId:U(l),addressToEdit:L?.addressStatus?.addressToCreate,sectionId:l})]})]})})})]})]}),t.jsx(Ge,{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:Le()},style:mt})]})})},Ct=a.div`
+`,ht=()=>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,h)=>t.jsxs(H,{children:[t.jsx(F,{width:70,height:c[4]}),t.jsx(F,{width:140,height:c[4]})]},h)),t.jsx(H,{children:t.jsx(F,{width:120,height:c[4]})}),t.jsx(gt,{children:[...Array(7)].map((o,h)=>t.jsxs(H,{children:[t.jsx(F,{width:70,height:c[4]}),t.jsx(F,{width:140,height:c[4]})]},h))})]})]},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",ge="phone",he="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`,D=(e,i)=>`${e}.${i}`,{spendManagement:St,common:r}=ne.getLocalizedStrings(),S=St.billPay.vendorCreation,k=r.labels,le=r.footer,_t=e=>{const i=oe(),o=new AbortController,h=ze(),R=o.signal,{onVendorFiling1099UploadDetailsSave:E,vendorId:u,vendorFiling1099UploadDetailsViewState:p,onSaveChangesToLocalStore:v,vendorFiling1099UploadDetails:L,fetchVendorFetchStatus:G,onAddressEditHandler:xe,goBackToListPage:Y,onResetVendorFiling1099FormStatus:fe,googleAPIKey:be}=e,{vendor1099DetailsSaveStatus:T,vendor1099DetailsLocalData:d,w9FormUploadStatus:Z}=p,[J,Q]=x.useState(L.addressStatus?.addressToCreate??{street:[],city:"",state:"",country:"",countryCode:"",postalCode:""}),X=x.useRef(null),{vendorTypeList:W}=L,N=x.useRef(null),z=x.useRef(null),_=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(()=>{L?.addressStatus?.addressToCreate&&p.vendor1099DetailsAutoFilledValues?.address===!0&&_.current===!1&&(Q(L.addressStatus.addressToCreate),_.current=!0)},[L,p.vendor1099DetailsAutoFilledValues?.address]);const m=ke({mode:"onSubmit",defaultValues:ae(d,W??[],J),values:ae(d,W??[],J)}),{isValid:we}=m.formState,$e=m.handleSubmit(()=>{we&&(xe(m.getValues()),E(u,R))}),{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 g={...n},Ve=g[l].legalName,Pe=g[l].email,Fe=g[l].phone,De=g[l].taxClassification,Ie=g[l].tinType,ee=g[l].tinValue,Te={legalName:Ve??r.strings.empty,vendorId:u,contact:{email:Pe??r.strings.empty,phone:Fe??r.strings.empty,fullName:d.contact?.fullName??r.strings.empty,id:d.contact?.id??r.strings.empty},taxClassification:De.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:P}=n.vendor1099FilingSectionId.street,Ne=m.getValues(`${l}.country`),M=K(P?.country);m.setValue(l,{...n[l],street:n.vendor1099FilingSectionId.street,city:P?.locality??"",state:P?.administrativeAreaLevel1??"",country:M,countryCode:P?.countryCode??"",postalCode:P?.postalCode??"",secondaryInfo:n.vendor1099FilingSectionId.secondaryInfo??"",suite:n.vendor1099FilingSectionId.suite??""}),Ye(m.formState.errors,`${l}.city`)&&P?.locality&&m.trigger(`${l}.city`),Ne.selectedOption!==M.selectedOption&&m.setValue(`${l}.country`,M)}else y==="vendor1099FilingSectionId.country"&&n[l].country.selectedOption!=null&&m.setValue(`${l}.countryCode`,Ze(n[l].country.selectedOption));v(Te)}};x.useEffect(()=>{const y=m.watch((n,{name:g})=>{g!=null&&n!=null&&((g.startsWith(`${l}.street`)||g.startsWith(`${l}.city`)||g.startsWith(`${l}.state`)||g.startsWith(`${l}.country`)||g.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}),Ae(()=>je(g,n)))});return()=>{y.unsubscribe()}});const V=$.largeLabelWidth.value(i),Se=T.error?.message??r.strings.empty,Ce=T.error?.title??r.strings.empty,Le=()=>T?.fetchState==="In-Progress"||G?.fetchState==="In-Progress"||Z?.fetchState==="In-Progress",b=G?.fetchState==="In-Progress"||Z?.fetchState==="In-Progress";return x.useEffect(()=>()=>{o.abort(),fe()},[]),t.jsx(Lt,{windowSize:i,children:t.jsxs(Ct,{windowSize:i,children:[t.jsxs(Vt,{windowSize:i,ref:X,children:[t.jsx(Be,{title:(p.vendor1099DetailsAutoFilledValues?.legalName===!0?z.current:N.current)??r.strings.empty,backgroundColor:h.colors.grey4,leftSideComponent:t.jsx(t.Fragment,{}),rightSideComponent:t.jsx(Ft,{windowSize:i,onClick:Y,"data-testid":Ee("vendor-filling-1099-details-editable-page-close-icon")}),scrollableContent:X,enableTitleOnScroll:!0,scrollThreshold:50,source:"VendorFiling1099EditablePage"}),b===!0?t.jsx(ie,{windowSize:i,isLoading:b,children:t.jsx(ht,{})}):t.jsxs(ie,{windowSize:i,isLoading:b,children:[i==="small"?t.jsx(Dt,{windowSize:i,children:p.vendor1099DetailsAutoFilledValues?.legalName===!0?z.current:N.current}):t.jsx(It,{children:p.vendor1099DetailsAutoFilledValues?.legalName===!0?z.current:N.current}),T.fetchState==="Error"?t.jsxs(Tt,{children:[t.jsx(At,{}),t.jsxs(Nt,{children:[t.jsx(zt,{children:Ce}),t.jsx(kt,{children:Se})]})]}):null,ve()&&t.jsxs(Ot,{children:[t.jsx(B,{}),t.jsx(Rt,{children:S.vendorDetails.banner})]}),t.jsx(Oe,{...m,children:t.jsx("form",{id:U(l),onSubmit:$e,children:t.jsxs(Pt,{isLoading:b,children:[t.jsx(O,{children:f?.legalName===!0&&!b?t.jsx(B,{}):null}),t.jsx(C,{label:{label:k.legalName,width:V,style:{marginLeft:s.sp4}},style:{width:"auto",borderTopLeftRadius:s.sp2,borderTopRightRadius:s.sp2},text:{type:"text",name:D(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:k.email,width:V,style:{marginLeft:s.sp4}},style:{width:"auto"},text:{type:"email",name:D(l,pe),defaultValue:d.contact?.email,placeholder:S.vendorDetails.emailPlaceHolder,options:{required:!1}}}),t.jsx(A,{}),t.jsx(Re,{label:{label:k.phone,width:V,style:{marginLeft:s.sp4}},text:{name:D(l,ge),placeholder:S.vendorDetails.phonePlaceHolder,defaultValue:d.contact?.phone,autoComplete:"off",options:{required:!1}},style:{width:"auto"}}),t.jsx(A,{})]}),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:k.taxClassification}),t.jsx(Et,{size:i,labelWidth:V,children:t.jsx(We,{name:D(l,he),value:{allTypes:W?.map(y=>({code:y.code,name:y.name,label:y.name}))??[],selectedType:d.taxClassification},placeholderLabel:S.vendorDetails.taxClassificationPlaceHolder})})]})]}),t.jsx(A,{}),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:D(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:D(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?Me:qe},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(Mt,{children:[t.jsx(O,{children:f?.address===!0&&!b?t.jsx(B,{}):null}),t.jsx(Ke,{label:k.address,style:{marginLeft:s.sp4,marginTop:$.labelMarginTop.value(i),marginBottom:s.sp2}}),t.jsx(at,{googleAPIKey:be,formId:U(l),addressToEdit:L?.addressStatus?.addressToCreate,sectionId:l})]})]})})})]})]}),t.jsx(Ge,{separatorStyle:{marginRight:s.sp4},formId:U(l),cancelBtn:{label:le.cancel,style:{width:"83px"},onClick:Y},primaryBtn:{label:le.save,isLoading:T.fetchState==="In-Progress",style:{width:"83px"},isDisabled:Le()},style:mt})]})})},Ct=a.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -66,7 +66,7 @@ import{X as oe,u as Ne,M as ne,a as ke,cv as K,gI as de,c2 as Ae,C as w,j as t,a
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Ft=a(Ye)`
+`,Ft=a(Je)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${s.sp4};
@@ -75,7 +75,7 @@ import{X as oe,u as Ne,M as ne,a as ke,cv as K,gI as de,c2 as Ae,C as w,j as t,a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Dt=a(Ze)`
+`,Dt=a(Qe)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${s.sp0};
   margin-right: ${s.sp3};
@@ -90,10 +90,10 @@ import{X as oe,u as Ne,M as ne,a as ke,cv as K,gI as de,c2 as Ae,C as w,j as t,a
   gap: ${s.sp2};
   padding: ${s.sp3} ${s.sp4};
   margin-bottom: ${s.sp3};
-`,zt=a.div`
+`,Nt=a.div`
   display: flex;
   flex-direction: column;
-`,Nt=a(et)`
+`,zt=a(et)`
   color: ${I.brandColorGoldDark};
 `,kt=a(ce)`
   color: ${I.brandColorGoldDark};
@@ -142,7 +142,7 @@ import{X as oe,u as Ne,M as ne,a as ke,cv as K,gI as de,c2 as Ae,C as w,j as t,a
   color: ${e=>e.theme.colors.primary};
   width: ${s.sp3};
   height: ${s.sp3};
-`,Wt=a.div`
+`,Ot=a.div`
   display: flex;
   gap: ${s.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
@@ -152,11 +152,11 @@ import{X as oe,u as Ne,M as ne,a as ke,cv as K,gI as de,c2 as Ae,C as w,j as t,a
   margin: ${s.sp3};
   margin-left: ${s.sp0};
   margin-right: ${s.sp0};
-`,Ot=a.span`
+`,Rt=a.span`
   color: ${e=>e.theme.colors.hero};
-`,Rt=a.div`
+`,Wt=a.div`
   position: relative;
-`,W=a.div`
+`,O=a.div`
   position: absolute;
   top: 20px;
   left: -${s.sp4};

package/dist/assets/{VendorFirstReviewPage-Dqu2JeBh-BTSOdkvj.js → VendorFirstReviewPage-CDlmZHmw-QoRtPJE2.js}

@@ -1,4 +1,4 @@
-import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as ve,hz as fe,hA as be,hB as me,M as je,j as n,hs as ot,F as rt,aW as it,T as st,bM as at,bO as lt,bP as dt,eW as ct,Y as ie,be as mt,bJ as pt,ai as ut,dh as ht,bR as gt,C as w,d as wt,D as Oe,o as t,a6 as In,q as De,a5 as xt,p as c,w as Re,bX as vt,l as Pn,dm as zn,bf as Pe,az as Tn,b_ as ft,bB as bt,c_ as $t,ao as Je,aN as pn,g as B,ax as Dn,fe as St,dd as wn,cr as rn,hC as yt,hD as sn,m as jt,bs as Be,cZ as Rt,eo as xn,b4 as Ct,dp as Vt,K as vn,hE as kt,cf as Mt,cn as Ot,co as Nt,et as It,f as Ln,hF as Pt,b2 as se,hG as fn,ga as zt,b0 as Tt,aB as Dt,dn as Lt,v as _n,Q as _t,eA as Ft,a8 as dn}from"./index-C5RQ_I4f.js";import{b as f,n as o,j as cn}from"./vendor-CnQcJ2Lu.js";import{r as At}from"./mui-C5LQ0bMa.js";import{R as Bt}from"./Menu-B4Q04CAH-4XWj_HwH.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const Fn=({steps:e})=>{const s=ae();return n.jsx(Ut,{windowSize:s,children:e.map((m,d)=>n.jsxs(Et,{children:[n.jsx(qt,{children:d!==e.length-1?d+1:n.jsx(Ht,{})}),n.jsx(Gt,{children:m}),d<e.length-1?n.jsx(Wt,{}):null]},`step_${d}`))})},Et=o.div`
+import{X as le,w as On,u as mn,a as nt,hz as ze,c3 as tt,z as Nn,hA as re,hB as ve,hC as fe,hD as be,hE as me,M as je,j as n,hv as ot,F as rt,aW as it,T as st,bN as lt,bP as at,bQ as dt,eZ as ct,Y as ie,bg as mt,bK as pt,ao as ut,dj as ht,bS as gt,C as w,d as wt,I as Oe,o as t,aa as In,s as De,a9 as xt,p as c,v as Re,bY as vt,l as Pn,dp as zn,bh as Pe,hF as Tn,b$ as ft,bD as bt,d0 as $t,av as Je,aN as pn,g as B,ee as Dn,fh as St,df as wn,cs as rn,hG as yt,hH as sn,m as jt,bu as Be,c$ as Rt,er as xn,b6 as Ct,dr as Vt,K as vn,hI as kt,cg as Mt,co as Ot,cp as Nt,ew as It,f as Ln,hJ as Pt,b3 as se,hK as fn,gd as zt,b1 as Tt,b5 as Dt,dq as Lt,q as An,Q as At,eD as Ft,ac as dn}from"./index-C0q2xQ43.js";import{b as f,n as o,j as cn}from"./vendor-CnQcJ2Lu.js";import{r as _t}from"./mui-BgvZYSo0.js";import{R as Bt}from"./Menu-MHZ6Ibt0-ClGVoJHI.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const Fn=({steps:e})=>{const s=le();return n.jsx(Ut,{windowSize:s,children:e.map((m,d)=>n.jsxs(Et,{children:[n.jsx(qt,{children:d!==e.length-1?d+1:n.jsx(Ht,{})}),n.jsx(Gt,{children:m}),d<e.length-1?n.jsx(Wt,{}):null]},`step_${d}`))})},Et=o.div`
   display: flex;
   flex-direction: row;
   position: relative;
@@ -32,13 +32,13 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
 `,Ht=o($t)`
   width: ${t.sp3};
   height: ${t.sp3};
-`,M=je.getLocalizedStrings(),Qt=()=>n.jsx(Fn,{steps:[Kt(),Xt(),Jt(),Yt(),Zt()]}),Kt=()=>{const e=M.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step1;return n.jsxs(Ee,{children:[e.navigateTo,n.jsx(ye,{children:e.expenses}),e.andSelectThe,n.jsx(ye,{children:e.vendors}),e.tab]})},Xt=()=>{const e=M.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step2;return n.jsxs(Ee,{children:[e.lineText,n.jsxs(ye,{children:[n.jsx(An,{}),M.common.edit]}),e.andCopy,n.jsxs(eo,{children:[n.jsx(no,{}),n.jsx(bn,{children:e.company}),M.common.and,n.jsx(bn,{children:e.display}),M.common.texts.name.toLowerCase(),M.common.strings.space,n.jsx(to,{})]})]})},Jt=()=>{const e=M.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step3;return n.jsxs(Ee,{children:[e.goBackTo,n.jsx(ye,{children:M.common.headers.vendors}),e.lineText,n.jsxs(ye,{children:[n.jsx(An,{}),M.common.edit]})]})},Yt=()=>{const e=M.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step4;return n.jsx(Ee,{children:e.lineText})},Zt=()=>{const e=M.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step5;return n.jsxs(Ee,{children:[M.common.texts.select,M.common.strings.space,n.jsx(ye,{children:M.common.footer.save}),e.andThen,n.jsx(ye,{children:M.common.yes}),M.common.strings.space,M.common.to,M.common.texts.confirm.toLowerCase(),M.common.strings.dot]})},Ee=o(Je)`
+`,M=je.getLocalizedStrings(),Qt=()=>n.jsx(Fn,{steps:[Kt(),Yt(),Jt(),Xt(),Zt()]}),Kt=()=>{const e=M.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step1;return n.jsxs(Ee,{children:[e.navigateTo,n.jsx(ye,{children:e.expenses}),e.andSelectThe,n.jsx(ye,{children:e.vendors}),e.tab]})},Yt=()=>{const e=M.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step2;return n.jsxs(Ee,{children:[e.lineText,n.jsxs(ye,{children:[n.jsx(_n,{}),M.common.edit]}),e.andCopy,n.jsxs(eo,{children:[n.jsx(no,{}),n.jsx(bn,{children:e.company}),M.common.and,n.jsx(bn,{children:e.display}),M.common.texts.name.toLowerCase(),M.common.strings.space,n.jsx(to,{})]})]})},Jt=()=>{const e=M.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step3;return n.jsxs(Ee,{children:[e.goBackTo,n.jsx(ye,{children:M.common.headers.vendors}),e.lineText,n.jsxs(ye,{children:[n.jsx(_n,{}),M.common.edit]})]})},Xt=()=>{const e=M.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step4;return n.jsx(Ee,{children:e.lineText})},Zt=()=>{const e=M.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step5;return n.jsxs(Ee,{children:[M.common.texts.select,M.common.strings.space,n.jsx(ye,{children:M.common.footer.save}),e.andThen,n.jsx(ye,{children:M.common.yes}),M.common.strings.space,M.common.to,M.common.texts.confirm.toLowerCase(),M.common.strings.dot]})},Ee=o(Je)`
   color: ${e=>e.theme.colors.hero};
 `,eo=o.div`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primary};
-`,An=o(pn)`
+`,_n=o(pn)`
   width: ${t.sp3};
   height: ${t.sp3};
   padding: 2px;
@@ -68,7 +68,7 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
   color: ${e=>e.theme.colors.primary};
   margin-left: ${t.sp1};
   margin-right: ${t.sp1};
-`,J=je.getLocalizedStrings(),oo=()=>n.jsx(Fn,{steps:[ro(),io(),so(),ao(),lo(),co(),mo(),po(),uo(),ho()]}),ro=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step1;return n.jsxs(Y,{children:[e.goTo,n.jsx(T,{children:e.lists}),e.then,n.jsx(T,{children:e.relationships}),e.then2,n.jsx(T,{children:e.vendors})]})},io=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step2;return n.jsxs(Y,{children:[e.click,n.jsxs(T,{children:[n.jsx(go,{}),e.edit]}),e.next,n.jsx(T,{children:e.vendor}),e.sourceInfo]})},so=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step3;return n.jsxs(Y,{children:[e.onThe,n.jsx(T,{children:e.vendor}),e.page,n.jsx(T,{children:e.actions}),e.click,n.jsx(T,{children:e.merge})]})},ao=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step4;return n.jsxs(Y,{children:[e.onThe,n.jsx(T,{children:e.mergeVendor}),e.endText]})},lo=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step5;return n.jsx(Y,{children:e.text})},co=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step6;return n.jsxs(Y,{children:[e.click,n.jsx(T,{children:e.merge}),e.text,n.jsx(T,{children:e.ok})]})},mo=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step7;return n.jsxs(Y,{children:[e.onThe,n.jsx(T,{children:e.duplicateResolution}),e.text]})},po=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step8;return n.jsxs(Y,{children:[e.click,n.jsx(T,{children:e.refresh}),e.processText,n.jsx(T,{children:e.cancel}),e.haltText]})},uo=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step9;return n.jsxs(Y,{children:[e.the,n.jsx(T,{children:e.status}),e.text]})},ho=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step10;return n.jsxs(Y,{children:[e.text,n.jsx(wo,{})]})},Y=o(Je)`
+`,J=je.getLocalizedStrings(),oo=()=>n.jsx(Fn,{steps:[ro(),io(),so(),lo(),ao(),co(),mo(),po(),uo(),ho()]}),ro=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step1;return n.jsxs(X,{children:[e.goTo,n.jsx(T,{children:e.lists}),e.then,n.jsx(T,{children:e.relationships}),e.then2,n.jsx(T,{children:e.vendors})]})},io=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step2;return n.jsxs(X,{children:[e.click,n.jsxs(T,{children:[n.jsx(go,{}),e.edit]}),e.next,n.jsx(T,{children:e.vendor}),e.sourceInfo]})},so=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step3;return n.jsxs(X,{children:[e.onThe,n.jsx(T,{children:e.vendor}),e.page,n.jsx(T,{children:e.actions}),e.click,n.jsx(T,{children:e.merge})]})},lo=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step4;return n.jsxs(X,{children:[e.onThe,n.jsx(T,{children:e.mergeVendor}),e.endText]})},ao=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step5;return n.jsx(X,{children:e.text})},co=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step6;return n.jsxs(X,{children:[e.click,n.jsx(T,{children:e.merge}),e.text,n.jsx(T,{children:e.ok})]})},mo=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step7;return n.jsxs(X,{children:[e.onThe,n.jsx(T,{children:e.duplicateResolution}),e.text]})},po=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step8;return n.jsxs(X,{children:[e.click,n.jsx(T,{children:e.refresh}),e.processText,n.jsx(T,{children:e.cancel}),e.haltText]})},uo=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step9;return n.jsxs(X,{children:[e.the,n.jsx(T,{children:e.status}),e.text]})},ho=()=>{const e=J.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step10;return n.jsxs(X,{children:[e.text,n.jsx(wo,{})]})},X=o(Je)`
   color: ${e=>e.theme.colors.hero};
 `,go=o(pn)`
   width: ${t.sp3};
@@ -89,14 +89,14 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
   padding: ${t.sp1} ${t.sp2};
   align-items: center;
   justify-content: center;
-`,A={containerPaddingLeft:new w(c[3],c[4]),containerPaddingRight:new w(c[3],c[4]),containerPaddingTop:new w(c[2],c[3]),containerPaddingBottom:new w(c[2],c[3]),containerMarginLeft:new w(c[4],c[8]),vendorsContainerWidth:new w(25,25),recommendedContainerWidth:new w(20,20),retainedContainerWidth:new w(25,25),statusContainerWidth:new w(10,10),invoiceContainerWidth:new w(5,5),logoToValueGap:new w(c[2],c[2]),webkitLineClamp:new w(2,2,1,1,1)},xo=()=>{const e=ae();return n.jsx(vo,{windowSize:e,children:n.jsx(fo,{children:n.jsxs(bo,{children:[n.jsxs(Fe,{windowSize:e,width:A.vendorsContainerWidth,gap:A.logoToValueGap,children:[n.jsx(zn,{width:c[6],height:c[6]}),n.jsx(Ae,{windowSize:e,children:n.jsx(Pe,{width:120,height:c[4]})})]}),n.jsx(Fe,{windowSize:e,width:A.invoiceContainerWidth,children:n.jsx(Ae,{windowSize:e,children:n.jsx(Pe,{width:120,height:c[4]})})}),n.jsx(Fe,{windowSize:e,width:A.recommendedContainerWidth,children:n.jsx(Ae,{windowSize:e,children:n.jsx(Pe,{width:120,height:c[4]})})}),n.jsx(Fe,{windowSize:e,width:A.retainedContainerWidth,children:n.jsx(Ae,{windowSize:e,children:n.jsx(Pe,{width:120,height:c[4]})})}),n.jsx(Fe,{windowSize:e,width:A.statusContainerWidth,children:n.jsx(Ae,{windowSize:e,children:n.jsx(Pe,{width:120,height:c[4]})})})]})})})},vo=o.div`
+`,_={containerPaddingLeft:new w(c[3],c[4]),containerPaddingRight:new w(c[3],c[4]),containerPaddingTop:new w(c[2],c[3]),containerPaddingBottom:new w(c[2],c[3]),containerMarginLeft:new w(c[4],c[8]),vendorsContainerWidth:new w(25,25),recommendedContainerWidth:new w(20,20),retainedContainerWidth:new w(25,25),statusContainerWidth:new w(10,10),invoiceContainerWidth:new w(5,5),logoToValueGap:new w(c[2],c[2]),webkitLineClamp:new w(2,2,1,1,1)},xo=()=>{const e=le();return n.jsx(vo,{windowSize:e,children:n.jsx(fo,{children:n.jsxs(bo,{children:[n.jsxs(Fe,{windowSize:e,width:_.vendorsContainerWidth,gap:_.logoToValueGap,children:[n.jsx(zn,{width:c[6],height:c[6]}),n.jsx(_e,{windowSize:e,children:n.jsx(Pe,{width:120,height:c[4]})})]}),n.jsx(Fe,{windowSize:e,width:_.invoiceContainerWidth,children:n.jsx(_e,{windowSize:e,children:n.jsx(Pe,{width:120,height:c[4]})})}),n.jsx(Fe,{windowSize:e,width:_.recommendedContainerWidth,children:n.jsx(_e,{windowSize:e,children:n.jsx(Pe,{width:120,height:c[4]})})}),n.jsx(Fe,{windowSize:e,width:_.retainedContainerWidth,children:n.jsx(_e,{windowSize:e,children:n.jsx(Pe,{width:120,height:c[4]})})}),n.jsx(Fe,{windowSize:e,width:_.statusContainerWidth,children:n.jsx(_e,{windowSize:e,children:n.jsx(Pe,{width:120,height:c[4]})})})]})})})},vo=o.div`
   display: flex;
   margin-bottom: ${t.sp3};
   background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>A.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>A.containerPaddingRight.valuePx(e.windowSize)};
-  padding-top: ${e=>A.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>A.containerPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>_.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>_.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>_.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>_.containerPaddingBottom.valuePx(e.windowSize)};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
   box-shadow: ${e=>e.theme.mode==="dark"?`${B.dropShadowNormalDark} ${t.sp0} 2px ${t.sp1}`:`${t.sp0} 2px ${t.sp1} ${B.dropShadowNormalLight}`};
   border-radius: ${t.sp2};
@@ -110,8 +110,8 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
       color: ${e=>e.theme.colors.grey5};
     }
   }
-  margin-right: ${e=>A.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>A.containerMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>_.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>_.containerMarginLeft.valuePx(e.windowSize)};
   box-sizing: border-box;
   align-items: center;
 `,fo=o.div`
@@ -129,19 +129,19 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
   :last-of-type {
     padding-right: 0;
   }
-`,Ae=o(De)`
+`,_e=o(De)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   word-break: break-word;
   white-space: nowrap;
-  -webkit-line-clamp: ${e=>A.webkitLineClamp.value(e.windowSize)};
+  -webkit-line-clamp: ${e=>_.webkitLineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: ${e=>e.windowSize==="small"?"200px":"initial"};
   display: "inline-block";
   margin-right: ${t.sp4};
-`,$o=88,So=156,Bn=58,yo=45,un=je.getLocalizedStrings(),Ye=un.vendors.reviewVendorList.header,En={key:"vendor",value:Ye.vendors,sortOrder:"ascending",width:25},Un={key:"updateTo",value:Ye.updateTo,sortOrder:"ascending",width:27},jo={key:"retain",value:Ye.retain,sortOrder:"ascending",width:20},Wn={key:"status",value:Ye.status,sortOrder:"ascending",width:10},Ro={key:"action",value:un.common.strings.empty,sortOrder:"ascending",width:15},Co={key:"viewTenantInvoice",value:un.common.strings.empty,sortOrder:"ascending",width:c[1]},Vo=[En,Co,Un,jo,Wn,Ro],$n=[En.key,Un.key,Wn.key],an={sortKey:"ytd",sortOrder:"descending"},Ne={headerLastColumnTopPadding:new w(c[0],c[4]),headerLastColumnRightPadding:new w(c[3],c[11]),headerLastColumnBottomPadding:new w(c[0],c[4]),headerLastColumnLeftPadding:new w(c[3],c[11]),headerHeight:new w(yo,Bn)},qn=({sortConfig:e,disableClick:s=!1,onColumnSortConfigChanged:m})=>{const d=ae(),[r,V]=f.useState(Vo);f.useEffect(()=>{const g=[...r];for(const k of g)k.key===e.sortKey?k.sortOrder=e.sortOrder:k.sortOrder="ascending";V(g)},[e.sortKey,e.sortOrder]);const S=(g,k)=>{let D=k;e.sortKey===g&&(D=k==="ascending"?"descending":"ascending"),m(g,D)},R=g=>{s===!1&&g.key!=null&&$n.includes(g.key)&&S(Pn.toVendorFirstReviewViewColumnKeyType(g.key),g.sortOrder)};return n.jsx(ko,{windowSize:d,children:r.map(g=>n.jsxs(Mo,{sortDataValue:e.sortKey,actualDataValue:g.key,wrapperWidth:g.width,isClickDisabled:s,windowSize:d,children:[n.jsx(Po,{onClick:()=>R(g),isClickDisabled:s,isSortingDisabled:g.key==="retain","data-testid":ie("vendor-first-review-page-header-name-wrapper"),children:n.jsxs(n.Fragment,{children:[g.key==="updateTo"?n.jsx(zo,{children:n.jsx(To,{})}):null,n.jsx(Re,{children:g.value}),$n.includes(g.key)?n.jsx(No,{sortConfig:e,headerdata:g,children:n.jsx(vt,{width:12,height:12})}):null]})}),n.jsx(Io,{isClickDisabled:s,sortDataValue:e.sortKey,isVisible:e.sortKey===g.key&&g.key!==an.sortKey,children:n.jsx(Oo,{onClick:()=>{s===!1&&S(an.sortKey,an.sortOrder)},"data-testid":ie("vendor-first-review-page-header-sort-cancel-icon")})})]},g.key))})},ko=o.div`
+`,$o=88,So=156,Bn=58,yo=45,un=je.getLocalizedStrings(),Xe=un.vendors.reviewVendorList.header,En={key:"vendor",value:Xe.vendors,sortOrder:"ascending",width:25},Un={key:"updateTo",value:Xe.updateTo,sortOrder:"ascending",width:27},jo={key:"retain",value:Xe.retain,sortOrder:"ascending",width:20},Wn={key:"status",value:Xe.status,sortOrder:"ascending",width:10},Ro={key:"action",value:un.common.strings.empty,sortOrder:"ascending",width:15},Co={key:"viewTenantInvoice",value:un.common.strings.empty,sortOrder:"ascending",width:c[1]},Vo=[En,Co,Un,jo,Wn,Ro],$n=[En.key,Un.key,Wn.key],ln={sortKey:"ytd",sortOrder:"descending"},Ne={headerLastColumnTopPadding:new w(c[0],c[4]),headerLastColumnRightPadding:new w(c[3],c[11]),headerLastColumnBottomPadding:new w(c[0],c[4]),headerLastColumnLeftPadding:new w(c[3],c[11]),headerHeight:new w(yo,Bn)},qn=({sortConfig:e,disableClick:s=!1,onColumnSortConfigChanged:m})=>{const d=le(),[r,V]=f.useState(Vo);f.useEffect(()=>{const g=[...r];for(const k of g)k.key===e.sortKey?k.sortOrder=e.sortOrder:k.sortOrder="ascending";V(g)},[e.sortKey,e.sortOrder]);const S=(g,k)=>{let D=k;e.sortKey===g&&(D=k==="ascending"?"descending":"ascending"),m(g,D)},R=g=>{s===!1&&g.key!=null&&$n.includes(g.key)&&S(Pn.toVendorFirstReviewViewColumnKeyType(g.key),g.sortOrder)};return n.jsx(ko,{windowSize:d,children:r.map(g=>n.jsxs(Mo,{sortDataValue:e.sortKey,actualDataValue:g.key,wrapperWidth:g.width,isClickDisabled:s,windowSize:d,children:[n.jsx(Po,{onClick:()=>R(g),isClickDisabled:s,isSortingDisabled:g.key==="retain","data-testid":ie("vendor-first-review-page-header-name-wrapper"),children:n.jsxs(n.Fragment,{children:[g.key==="updateTo"?n.jsx(zo,{children:n.jsx(To,{})}):null,n.jsx(Re,{children:g.value}),$n.includes(g.key)?n.jsx(No,{sortConfig:e,headerdata:g,children:n.jsx(vt,{width:12,height:12})}):null]})}),n.jsx(Io,{isClickDisabled:s,sortDataValue:e.sortKey,isVisible:e.sortKey===g.key&&g.key!==ln.sortKey,children:n.jsx(Oo,{onClick:()=>{s===!1&&S(ln.sortKey,ln.sortOrder)},"data-testid":ie("vendor-first-review-page-header-sort-cancel-icon")})})]},g.key))})},ko=o.div`
   top: ${t.sp0};
   left: ${t.sp0};
   min-height: ${e=>Ne.headerHeight.valuePx(e.windowSize)};
@@ -199,19 +199,19 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
   color: ${e=>e.theme.colors.brandColorJade};
   width: ${t.sp3};
   height: ${t.sp3};
-`,Do=({sortConfig:e,onColumnSortConfigChanged:s})=>{const m=ae();return n.jsxs(Lo,{windowSize:m,children:[n.jsx(qn,{sortConfig:e,disableClick:!0,onColumnSortConfigChanged:s}),n.jsx(_o,{windowSize:m,children:[...Array(7)].map((d,r)=>n.jsx(xo,{},r))})]})},Lo=o.div`
+`,Do=({sortConfig:e,onColumnSortConfigChanged:s})=>{const m=le();return n.jsxs(Lo,{windowSize:m,children:[n.jsx(qn,{sortConfig:e,disableClick:!0,onColumnSortConfigChanged:s}),n.jsx(Ao,{windowSize:m,children:[...Array(7)].map((d,r)=>n.jsx(xo,{},r))})]})},Lo=o.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
   width: 100%;
-`,_o=o.div`
+`,Ao=o.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
-`,pe={autocompleteEmptyPaddingTop:new w(0,c[1]),autocompleteEmptyPaddingBottom:new w(0,c[1]),loadingStateOptionTopMargin:new w(9.5,9.5),loadingStateOptionBottomMargin:new w(9.5,9.5),loadingStateOptionLeftMargin:new w(16,16),loadingStateOptionRightMargin:new w(19,19),loadingStateOptionRowGap:new w(19,19),loadingStateRowGap:new w(10,10)},Fo={selectFieldInput:new _t("smallRegular","standardRegular")},Ao=({name:e,registerOptions:s,menuIsOpen:m,defaultValue:d,isDisabled:r,style:V,placeholder:S,customStyleConfig:R,showDownChevronWithValue:g,isOptionRemovable:k=!0,autoFocus:D=!1,getRenameOptionText:le,onClickRenameOption:Z,onMenuClose:b,valueToInfo:G,valueToId:ee,loadOptions:L})=>{const{control:Ue,formState:{errors:Ce}}=Mt(),Ve=mn(),[ue,_]=f.useState(null),W=Ot(Ce,e),Le=f.useCallback(u=>({value:u.value,label:u.label,info:G?.(u.value)??"",id:ee?.(u.value)??null,isDisabled:u.isDisabled,isOptionRecommended:u.isOptionRecommended}),[G,ee]),ne=u=>u.map(y=>({label:y.label,options:y.options.map(q=>Le(q))})),C=u=>{if(u==null||!u)return;let y=[];return d.defaultOptions.forEach(q=>{y=y.concat(q.options)}),{value:u,label:y.find(q=>q.value===u)?.label??u,info:G?.(u)??""}},ke=u=>{_(u)},H={...R,container:u=>({...u,width:"100%",...V}),valueContainer:(u,y)=>({...u,justifyContent:y.selectProps.menuIsOpen===!1?"flex-end":"flex-start",...R?.valueContainer?.(u,y)}),menu:u=>({...u,backgroundColor:Ve.colors.grey5,borderRadius:t.sp1,boxShadow:`${t.sp0} 2px ${t.sp2} ${Ve.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:u=>({...u,borderRadius:t.sp1})},P={hasError:W,showDownChevronWithValue:g,customFirstGroup:ue,updateCustomFirstGroup:ke,getRenameOptionText:le,onClickRenameOption:Z},O=je.getLocalizedStrings().autoComplete,E=ae(),x=u=>u.inputValue.trim().length<2?null:n.jsxs(vr,{windowSize:E,children:[n.jsx(fr,{}),n.jsx(br,{children:O.input.noMatches})]}),de=(u,y)=>{L(u,y)},he=f.useRef(Nn((u,y)=>de(u,y),500,{trailing:!0})).current,Q=(u,y)=>{if(u.trim().length<2)return y([]);he(u,y)};return n.jsx(Nt,{name:e,control:Ue,defaultValue:d,rules:s,render:({field:{onChange:u,onBlur:y,value:q,ref:ge}})=>{const K=q;return n.jsx(It,{...P,menuIsOpen:m,autoFocus:D,ref:ge,cacheOptions:!1,isMulti:!1,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:S,noOptionsMessage:x,value:C(K.selectedOption),defaultOptions:ne(K.defaultOptions),loadOptions:Q,onChange:ce=>{ce==null||ce.value!=null&&K?.selectedOption===ce.value?k===!0&&u({selectedOption:void 0,defaultOptions:K.defaultOptions}):u({selectedOption:ce.value,defaultOptions:K.defaultOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,onMenuClose:b,classNamePrefix:"auto-complete-grouped-single-select-field",onBlur:y,menuPlacement:"auto",maxMenuHeight:288,menuShouldScrollIntoView:!0,closeMenuOnSelect:!0,components:{Control:Bo,Option:Ko,Input:Uo,Group:qo,GroupHeading:Go,SingleValue:Ho,ValueContainer:Eo,MenuList:Wo,LoadingIndicator:jr,DropdownIndicator:$r,IndicatorSeparator:Sr,Placeholder:Qo,ClearIndicator:yr},hideSelectedOptions:!1,styles:H,isDisabled:r!=null})}})},Bo=e=>{const{menuIsOpen:s,isFocused:m,isDisabled:d,selectProps:r,options:V}=e,{value:S,hasError:R}=r;let g=[];V.forEach(D=>{g=g.concat(D.options)});const k=ae();return n.jsx(er,{windowSize:k,menuIsOpen:s,isFocused:m,isDisabled:d,selectedValue:S,hasError:R,children:n.jsx(se.Control,{...e,className:"select-control",children:e.children})})},Eo=e=>{const{selectProps:s,children:m}=e,{showDownChevronWithValue:d}=s;return n.jsxs(se.ValueContainer,{...e,className:"select-value-container",children:[m,d===!0?n.jsx(De,{children:n.jsx(nr,{})}):null]})},Uo=e=>{const{selectProps:s}=e,{placeholder:m,value:d}=s;return n.jsx(se.Input,{...e,autoComplete:"off",placeholder:d==null?m:void 0,children:e.children})},Wo=e=>{const{children:s,selectProps:m}=e,{customFirstGroup:d,updateCustomFirstGroup:r,getRenameOptionText:V,onClickRenameOption:S}=m,R=ae(),g=V?.(e.selectProps.inputValue);return f.useEffect(()=>{d==null&&r(s[0])},[d,r,s]),n.jsx(n.Fragment,{children:e.isLoading===!0?n.jsxs(se.MenuList,{...e,children:[d,n.jsx(cr,{windowSize:R,children:[...Array(2)].map((k,D)=>n.jsxs(mr,{windowSize:R,children:[n.jsx(zn,{width:c[4],height:c[4]}),n.jsx(Pe,{width:218,height:c[4]})]},D))})]}):n.jsxs(se.MenuList,{...e,children:[s,g!=null&&g.length>0?n.jsxs(pr,{onClick:()=>{S?.(e.selectProps.inputValue)},children:[n.jsx(hr,{children:n.jsx(ur,{})}),n.jsx(gr,{children:g})]}):null]})})},qo=e=>n.jsx(se.Group,{...e,children:e.children}),Go=e=>{const[s,m]=f.useState(!0);return n.jsx(ar,{className:"group-heading-container",isGroupOpen:s,onClick:()=>m(!s),children:n.jsxs(se.GroupHeading,{...e,children:[n.jsx(lr,{isGroupOpen:s,children:n.jsx(dr,{className:"close-tick-icon"})}),e.children]})})},Ho=({children:e,...s},m)=>{const d=m==null||s.selectProps.menuIsOpen===!0?e:m.sticky===!0?n.jsx(Xo,{title:m.text,children:e}):n.jsx(Be,{style:{padding:t.sp3},title:m.text,placement:"top",children:e});return n.jsx(se.SingleValue,{...s,children:d})},Qo=()=>null,Ko=e=>{const{data:s,isSelected:m,isDisabled:d,isFocused:r}=e;return n.jsx(tr,{className:"select-option-wrapper",isFocused:r,isSelected:m,isDisabled:d,isOptionRecommended:s.isOptionRecommended===!0,showBottomBorder:s.info==null||s.isOptionRecommended===!1,children:n.jsx(se.Option,{...e,className:"select-option",children:n.jsxs(or,{isOptionRecommended:s.isOptionRecommended,children:[s.isOptionRecommended===!0?n.jsx(wr,{children:n.jsx(xr,{})}):null,n.jsxs(sr,{isSelected:m,isOptionRecommended:s.isOptionRecommended,children:[n.jsx(rr,{isSelected:m,isDisabled:d,children:s.label}),s.isOptionRecommended===!0&&s.info!=null?n.jsx(ir,{isSelected:m,isDisabled:d,children:s.info}):null]})]})})})},Xo=({children:e,title:s})=>n.jsxs(Jo,{children:[n.jsxs(Yo,{children:[s,n.jsx(Zo,{})]}),e]}),Jo=o.div`
+`,pe={autocompleteEmptyPaddingTop:new w(0,c[1]),autocompleteEmptyPaddingBottom:new w(0,c[1]),loadingStateOptionTopMargin:new w(9.5,9.5),loadingStateOptionBottomMargin:new w(9.5,9.5),loadingStateOptionLeftMargin:new w(16,16),loadingStateOptionRightMargin:new w(19,19),loadingStateOptionRowGap:new w(19,19),loadingStateRowGap:new w(10,10)},Fo={selectFieldInput:new At("smallRegular","standardRegular")},_o=({name:e,registerOptions:s,menuIsOpen:m,defaultValue:d,isDisabled:r,style:V,placeholder:S,customStyleConfig:R,showDownChevronWithValue:g,isOptionRemovable:k=!0,autoFocus:D=!1,getRenameOptionText:ae,onClickRenameOption:Z,onMenuClose:b,valueToInfo:G,valueToId:ee,loadOptions:L})=>{const{control:Ue,formState:{errors:Ce}}=Mt(),Ve=mn(),[ue,A]=f.useState(null),W=Ot(Ce,e),Le=f.useCallback(u=>({value:u.value,label:u.label,info:G?.(u.value)??"",id:ee?.(u.value)??null,isDisabled:u.isDisabled,isOptionRecommended:u.isOptionRecommended}),[G,ee]),ne=u=>u.map(y=>({label:y.label,options:y.options.map(q=>Le(q))})),C=u=>{if(u==null||!u)return;let y=[];return d.defaultOptions.forEach(q=>{y=y.concat(q.options)}),{value:u,label:y.find(q=>q.value===u)?.label??u,info:G?.(u)??""}},ke=u=>{A(u)},H={...R,container:u=>({...u,width:"100%",...V}),valueContainer:(u,y)=>({...u,justifyContent:y.selectProps.menuIsOpen===!1?"flex-end":"flex-start",...R?.valueContainer?.(u,y)}),menu:u=>({...u,backgroundColor:Ve.colors.grey5,borderRadius:t.sp1,boxShadow:`${t.sp0} 2px ${t.sp2} ${Ve.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:u=>({...u,borderRadius:t.sp1})},P={hasError:W,showDownChevronWithValue:g,customFirstGroup:ue,updateCustomFirstGroup:ke,getRenameOptionText:ae,onClickRenameOption:Z},O=je.getLocalizedStrings().autoComplete,E=le(),x=u=>u.inputValue.trim().length<2?null:n.jsxs(vr,{windowSize:E,children:[n.jsx(fr,{}),n.jsx(br,{children:O.input.noMatches})]}),de=(u,y)=>{L(u,y)},he=f.useRef(Nn((u,y)=>de(u,y),500,{trailing:!0})).current,Q=(u,y)=>{if(u.trim().length<2)return y([]);he(u,y)};return n.jsx(Nt,{name:e,control:Ue,defaultValue:d,rules:s,render:({field:{onChange:u,onBlur:y,value:q,ref:ge}})=>{const K=q;return n.jsx(It,{...P,menuIsOpen:m,autoFocus:D,ref:ge,cacheOptions:!1,isMulti:!1,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:S,noOptionsMessage:x,value:C(K.selectedOption),defaultOptions:ne(K.defaultOptions),loadOptions:Q,onChange:ce=>{ce==null||ce.value!=null&&K?.selectedOption===ce.value?k===!0&&u({selectedOption:void 0,defaultOptions:K.defaultOptions}):u({selectedOption:ce.value,defaultOptions:K.defaultOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,onMenuClose:b,classNamePrefix:"auto-complete-grouped-single-select-field",onBlur:y,menuPlacement:"auto",maxMenuHeight:288,menuShouldScrollIntoView:!0,closeMenuOnSelect:!0,components:{Control:Bo,Option:Ko,Input:Uo,Group:qo,GroupHeading:Go,SingleValue:Ho,ValueContainer:Eo,MenuList:Wo,LoadingIndicator:jr,DropdownIndicator:$r,IndicatorSeparator:Sr,Placeholder:Qo,ClearIndicator:yr},hideSelectedOptions:!1,styles:H,isDisabled:r!=null})}})},Bo=e=>{const{menuIsOpen:s,isFocused:m,isDisabled:d,selectProps:r,options:V}=e,{value:S,hasError:R}=r;let g=[];V.forEach(D=>{g=g.concat(D.options)});const k=le();return n.jsx(er,{windowSize:k,menuIsOpen:s,isFocused:m,isDisabled:d,selectedValue:S,hasError:R,children:n.jsx(se.Control,{...e,className:"select-control",children:e.children})})},Eo=e=>{const{selectProps:s,children:m}=e,{showDownChevronWithValue:d}=s;return n.jsxs(se.ValueContainer,{...e,className:"select-value-container",children:[m,d===!0?n.jsx(De,{children:n.jsx(nr,{})}):null]})},Uo=e=>{const{selectProps:s}=e,{placeholder:m,value:d}=s;return n.jsx(se.Input,{...e,autoComplete:"off",placeholder:d==null?m:void 0,children:e.children})},Wo=e=>{const{children:s,selectProps:m}=e,{customFirstGroup:d,updateCustomFirstGroup:r,getRenameOptionText:V,onClickRenameOption:S}=m,R=le(),g=V?.(e.selectProps.inputValue);return f.useEffect(()=>{d==null&&r(s[0])},[d,r,s]),n.jsx(n.Fragment,{children:e.isLoading===!0?n.jsxs(se.MenuList,{...e,children:[d,n.jsx(cr,{windowSize:R,children:[...Array(2)].map((k,D)=>n.jsxs(mr,{windowSize:R,children:[n.jsx(zn,{width:c[4],height:c[4]}),n.jsx(Pe,{width:218,height:c[4]})]},D))})]}):n.jsxs(se.MenuList,{...e,children:[s,g!=null&&g.length>0?n.jsxs(pr,{onClick:()=>{S?.(e.selectProps.inputValue)},children:[n.jsx(hr,{children:n.jsx(ur,{})}),n.jsx(gr,{children:g})]}):null]})})},qo=e=>n.jsx(se.Group,{...e,children:e.children}),Go=e=>{const[s,m]=f.useState(!0);return n.jsx(lr,{className:"group-heading-container",isGroupOpen:s,onClick:()=>m(!s),children:n.jsxs(se.GroupHeading,{...e,children:[n.jsx(ar,{isGroupOpen:s,children:n.jsx(dr,{className:"close-tick-icon"})}),e.children]})})},Ho=({children:e,...s},m)=>{const d=m==null||s.selectProps.menuIsOpen===!0?e:m.sticky===!0?n.jsx(Yo,{title:m.text,children:e}):n.jsx(Be,{style:{padding:t.sp3},title:m.text,placement:"top",children:e});return n.jsx(se.SingleValue,{...s,children:d})},Qo=()=>null,Ko=e=>{const{data:s,isSelected:m,isDisabled:d,isFocused:r}=e;return n.jsx(tr,{className:"select-option-wrapper",isFocused:r,isSelected:m,isDisabled:d,isOptionRecommended:s.isOptionRecommended===!0,showBottomBorder:s.info==null||s.isOptionRecommended===!1,children:n.jsx(se.Option,{...e,className:"select-option",children:n.jsxs(or,{isOptionRecommended:s.isOptionRecommended,children:[s.isOptionRecommended===!0?n.jsx(wr,{children:n.jsx(xr,{})}):null,n.jsxs(sr,{isSelected:m,isOptionRecommended:s.isOptionRecommended,children:[n.jsx(rr,{isSelected:m,isDisabled:d,children:s.label}),s.isOptionRecommended===!0&&s.info!=null?n.jsx(ir,{isSelected:m,isDisabled:d,children:s.info}):null]})]})})})},Yo=({children:e,title:s})=>n.jsxs(Jo,{children:[n.jsxs(Xo,{children:[s,n.jsx(Zo,{})]}),e]}),Jo=o.div`
   position: relative;
   display: none;
-`,Yo=o.div`
+`,Xo=o.div`
   position: absolute;
   background: ${dn.primary};
   color: ${dn.grey5};
@@ -269,7 +269,7 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
       display: flex;
       width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?t.sp0:"100%"};
       position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
-      ${_n.standardRegular.css};
+      ${An.standardRegular.css};
       color: ${e=>e.theme.colors.primary};
       margin: ${t.sp0};
       cursor: inherit;
@@ -304,7 +304,7 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
     background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
   }
   .select-option {
-    ${_n.smallRegular.css};
+    ${An.smallRegular.css};
     height: ${e=>e.isOptionRecommended===!0?t.sp8:"auto"};
     padding: 9px ${t.sp3};
     color: ${e=>e.isSelected||e.isOptionRecommended?e.theme.colors.primary:e.theme.colors.hero};
@@ -352,7 +352,7 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-`,ar=o(Dt)`
+`,lr=o(Dt)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
@@ -374,7 +374,7 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
     margin-bottom: ${t.sp0};
     width: 100%;
   }
-`,lr=o.div`
+`,ar=o.div`
   display: flex;
   margin-right: ${t.sp2};
   transform: ${e=>e.isGroupOpen?"rotate(0deg)":"rotate(-90deg)"};
@@ -440,7 +440,7 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
   overflow-wrap: break-word;
   white-space: normal;
   word-break: break-all;
-`,$r=()=>null,Sr=()=>null,yr=()=>null,jr=()=>null,hn=(e,s,m,d,r)=>{const V=je.getLocalizedStrings().vendorReview.firstReview,S=[];return m.length>0&&S.push({label:V.vendorDropdown.recommendedVendor,options:[]}),m.forEach(R=>{S[0].options.push({label:R.globalMerchantName,value:R.globalMerchantId??R.globalMerchantName,isVisible:!0,isDisabled:s,info:R.reason,isOptionRecommended:!0})}),S.length&&S[0].options.length===0&&S.pop(),S.push({label:V.vendorDropdown.allVendors,options:e.map(R=>({label:R.globalMerchantName,value:R.globalMerchantId,isVisible:!0}))}),d!=null&&S[S.length-1].options.push({label:d.name,value:d.id,isVisible:!1,isDisabled:s}),r!=null&&S[S.length-1].options.push({label:r.name,value:r.id,isVisible:!1}),S},z={containerPaddingLeft:new w(c[3],c[4]),containerPaddingRight:new w(c[3],c[4]),containerPaddingTop:new w(c[2],c[3]),containerPaddingBottom:new w(c[2],c[3]),containerMarginLeft:new w(c[4],c[8]),nameLogoWidth:new w(c[6],c[6]),nameLogoHeight:new w(c[6],c[6]),logoToValueGap:new w(c[2],c[2]),logoHeightAndWidth:new w(c[3],c[4]),webkitLineClamp:new w(2,2,1,1,1)},{common:U,vendorReview:{firstReview:Se}}=je.getLocalizedStrings(),Rr=({analytics:e,authParams:s,attachmentEndpoint:m,sectionId:d,rowData:r,searchAutoComplete:V,setCurrentVendorInAction:S,onClickRenameOption:R,onVendorNameClick:g,onClickSave:k,onClickCancel:D,onClearGlobalMerchantAutoCompleteResults:le})=>{const Z=mn(),b=ae(),G=On(),[ee,L]=f.useState(!1),[Ue,Ce]=f.useState(0),[Ve,ue]=f.useState(!1),{globalMerchantAutoCompleteView:_}=V.autoCompleteData,W=r.currentSelection!=null,[Le,ne]=f.useState(!1),{transactionAttachments:C}=r,[ke,H]=f.useState([]),[P,O]=f.useState(null),[E,x]=f.useState(0),[de,he]=f.useState(0),[Q,u]=f.useState(0),y=a=>{u(a),ne(!0),we(C[a]),O(ke[a])};function q(a){x(a.targetTouches[0].clientX)}function ge(a){he(a.targetTouches[0].clientX)}function K(a){return a<0?C.length+a:a%C.length}function ce(){E-de>50&&de!==0&&Q<C.length-1?(y(K(Q+1)),x(0),he(0)):E-de<-50&&de!==0&&Q>0&&(y(K(Q-1)),x(0),he(0))}const[_e,we]=f.useState(C[0]),Ze=()=>{ne(!1),O(null),H([]),C.length>0&&we(C[0])},en=()=>{H([]),Ce(a=>{const $=a<C.length-1?a+1:0;return Ge(r.vendorId,$),$})},nn=()=>{H([]),Ce(a=>{const $=a>0?a-1:C.length-1;return Ge(r.vendorId,$),$})},We=C.length===0,qe=C.map(a=>a.id),Ge=(a,$)=>{ne(!0);async function F(Qe){return await fn(m,s,Qe)}const te=[qe[$]];F({vendorId:a,attachmentIds:te}).then(Qe=>{H(Qe),we(C[$]),C.length>0&&O(Qe[0])})},tn=a=>{ne(!0);async function $(F){return await fn(m,s,F)}$({vendorId:a,attachmentIds:qe}).then(F=>{H(F),C.length>0&&O(F[0])})},He=f.useMemo(()=>r.currentSelection==="customMerchant"&&r.selectedVendor.id!=null&&r.selectedVendor.name!=null?{id:r.selectedVendor.id,name:r.selectedVendor.name}:void 0,[r]),xe=r.status.code==="under_review"||r.saveStatus.fetchState==="In-Progress",N=r.status.code==="merge_in_qbo"||r.status.code==="merge_in_netsuite",Me=N||xe,i=a=>{let $=a.websiteUrl?.toString();if($){if($.includes("http")||($="https://".concat($)),r.currentVendor!=null){const F=a?.globalMerchantName??null;e.trackVendorReviewWebsiteOpened({reviewSource:"tenant_review",vendorName:r.currentVendor.name,wasRecommendationAvailable:!!F,recommendedVendorName:F,recommendedVendorReason:a.reason??null,vendorWebsite:$})}window.open($,"_blank")}},h=r.currentVendor!=null?{label:{label:r.currentVendor?.name,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:sn(d,re,"retain"),defaultChecked:r.currentSelection==="retain"},tooltipProps:{text:r.currentVendor?.name},isDisabled:Me}:void 0,v=f.useCallback(a=>a.logo!=null?n.jsxs(Dr,{children:[n.jsx(wn,{photoUrl:a.logo.toString(),styles:{width:z.logoHeightAndWidth.valuePx(b),height:z.logoHeightAndWidth.valuePx(b)},placeholder:{width:z.logoHeightAndWidth.value(b),height:z.logoHeightAndWidth.value(b)},fallbackAvatar:n.jsx(ln,{children:n.jsx(rn,{name:a.globalMerchantName,size:z.logoHeightAndWidth.valuePx(b)})})}),n.jsx($e,{windowSize:b,isLastItem:!1,children:n.jsx(kn,{children:a.globalMerchantName})})]}):n.jsx($e,{windowSize:b,isLastItem:!1,children:n.jsx(kn,{children:a.globalMerchantName})}),[b]),l=r.recommendations.map((a,$)=>{const F=v(a),te=`recommended${yt($)}`;return{label:{label:F,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:sn(d,re,te),defaultChecked:r.currentSelection===te},tooltipProps:{text:a.websiteUrl?.toString().length?n.jsx(Cr,{recommendation:a,onRedirectionToRecommendedMerchantWebsiteUrl:()=>i(a)}):a.globalMerchantName,maxWidth:"360px"},isDisabled:Me,fieldName:te}}),p=f.useMemo(()=>({defaultOptions:hn(_.globalMerchants,N,r.recommendations,r.currentVendor,He),selectedOption:r.selectedVendor.id}),[_,r,He,N]),j=()=>{L(!1),le()},X=a=>{const $=r.currentVendor?.name,F=[..._.globalMerchants.map(te=>te.globalMerchantName),...r.recommendations.map(te=>te.globalMerchantName)];return r.currentVendor==null||F.includes(a)||$===a?null:a.trim().length>0?Se.vendorDropdown.fromOldName.replace("__old_name__",$??"")+" "+Se.vendorDropdown.toNewName.replace("__new_name__",a??""):null},on=a=>{a.stopPropagation(),k(r.vendorId)},Hn=a=>{a.stopPropagation(),D(d)},Qn=a=>{a.stopPropagation(),L(!0)},Kn=()=>{r.selectedVendor.id!=null&&r.vendorQboId!=null&&g(r.vendorId,r.vendorQboId)},Xn=a=>{r.selectedVendor.id!=null&&R(r.selectedVendor.id,a),L(!1)},Jn=(a,$)=>{S(r.vendorId),V.loadOptions(a,$)},Yn=a=>r.recommendations.find($=>$.globalMerchantId===a||$.globalMerchantName===a)?.reason??"",Zn=()=>{k(r.vendorId,!0)},et=()=>{k(r.vendorId,!1,!0)};return n.jsxs(kr,{windowSize:b,isDisabled:xe,isRowActive:W,children:[n.jsx(Ie,{windowSize:b,width:25,isDisabled:xe,gap:z.logoToValueGap,children:n.jsx(n.Fragment,{children:ee===!0?n.jsx(jt,{onClickAway:j,children:n.jsx(Pr,{windowSize:b,children:n.jsx(Ao,{name:sn(d,me),placeholder:U.strings.empty,defaultValue:p,autoFocus:!0,customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start",margin:`${t.sp0} ${t.sp3}`}),singleValue:()=>({display:"flex",alignItems:"center",color:Z.colors.hero,"&:hover":{color:Z.colors.primary}})},style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:"20px",cursor:"inherit",alignItems:"center"},valueToInfo:Yn,menuIsOpen:ee,getRenameOptionText:X,onMenuClose:j,loadOptions:Jn,isOptionRemovable:!1,onClickRenameOption:Xn})})}):n.jsxs(n.Fragment,{children:[r.selectedVendor?.logo!=null&&r.selectedVendor.name!=null?n.jsx(wn,{photoUrl:r.selectedVendor.logo.toString(),styles:{width:z.nameLogoWidth.valuePx(b),height:z.nameLogoHeight.valuePx(b)},fallbackAvatar:n.jsx(ln,{children:n.jsx(rn,{name:r.selectedVendor.name,size:t.sp6})})}):r.selectedVendor.name!=null?n.jsx(ln,{children:n.jsx(rn,{name:r.selectedVendor.name,size:t.sp6})}):null,n.jsx(Or,{onClick:Kn,"data-testid":ie("vendor-first-review-row-vendor-name-text"),children:n.jsxs(Nr,{children:[r.selectedVendor.name?n.jsx(Be,{enterDelay:600,display:"block",placement:"bottom",title:r.selectedVendor.name,children:n.jsx(jn,{children:r.selectedVendor.name})}):n.jsx(jn,{children:U.strings.hyphen}),n.jsx(Be,{display:"block",placement:"bottom",title:U.tooltips.editName,enterDelay:600,children:n.jsx(Ir,{onClick:Qn,"data-testid":ie("vendor-first-review-row-edit-icon")})})]})})]})})}),n.jsx(Ie,{windowSize:b,width:c[1],isDisabled:!1,children:C.length>0?n.jsx($e,{windowSize:b,className:"vendor-first-review-row-item",children:n.jsx(Lr,{isDisabled:We,onClick:()=>We===!1?tn(r.vendorId):null,"data-testid":ie("vendor-first-review-row-attachment-tag-box"),children:n.jsx(Be,{display:"block",placement:"top",title:Se.viewRecipts,enterDelay:600,children:n.jsx(_r,{children:n.jsx(Rt,{width:t.sp3,height:t.sp3})})})})}):n.jsx($e,{className:"vendor-first-review-row-item",windowSize:b,children:U.strings.hyphen})}),n.jsx(Ie,{windowSize:b,width:25,isDisabled:Me,gap:z.logoToValueGap,children:l.map((a,$)=>n.jsxs(n.Fragment,{children:[n.jsx($e,{windowSize:b,className:"vendor-first-review-row-item",children:n.jsx(xn,{isHighlighted:!0,defaultChecked:r.currentSelection===a.fieldName,label:a.label,checkBoxField:a.checkBoxField,isDisabled:a.isDisabled,tooltipProps:a.tooltipProps})}),$<l.length-1?n.jsxs(Vn,{children:[" ",U.texts.or]}):null]}))}),n.jsx(Ie,{windowSize:b,width:20,isDisabled:Me,children:r.currentVendor!=null&&h!=null?n.jsx($e,{windowSize:b,className:"vendor-first-review-row-item",children:n.jsx(xn,{defaultChecked:r.currentSelection==="retain",label:h.label,checkBoxField:h.checkBoxField,isDisabled:h.isDisabled,tooltipProps:h.tooltipProps,backgroundDefaultColor:Z.colors.grey5})}):null}),n.jsx(Ie,{windowSize:b,width:W?10:25,isDisabled:xe,children:n.jsxs($e,{windowSize:b,className:"vendor-first-review-row-item",children:[n.jsxs(Vn,{children:[n.jsx(Mr,{isDisabled:!1,clickable:!1,statusMergeInQBO:N,children:n.jsx(Sn,{children:r.status.name})}),N&&r.currentVendor!=null&&r.mergeVendorName!=null?n.jsx(Be,{title:n.jsx(Vr,{vendorName:r.currentVendor.name,mergeVendorName:r.mergeVendorName,statusCode:r.status}),maxWidth:"312px",children:n.jsx(Ct,{width:t.sp3,height:t.sp3})}):null]}),r.lastUpdatedVendorNameByUser!=null&&N?n.jsx(Sn,{children:`${U.by} ${Vt(r.lastUpdatedVendorNameByUser)}`}):null]})}),n.jsxs(Ie,{windowSize:b,width:W?15:0,isDisabled:xe,className:"vendor-first-review-action-items",children:[n.jsx(vn,{variant:"light_transparent",label:U.footer.cancel,onClick:Hn,size:"small",style:{height:"100%"},disabled:!W}),n.jsx(yn,{space:t.sp0}),n.jsx(vn,{variant:"primary",loading:r.saveStatus.fetchState==="In-Progress",label:U.texts.confirm,onClick:on,size:"small",style:{height:"100%"},disabled:!W}),n.jsx(yn,{space:t.sp0}),n.jsx(zr,{children:r.currentSelection==null?n.jsx(Bt,{menuItems:n.jsxs(Tr,{children:[n.jsxs(Rn,{onClick:()=>{ue(!1),Zn()},"data-testid":ie("vendor-first-review-row-mark-as-employee-menu-item"),children:[n.jsx(Cn,{}),Se.rowMoreActions.markAsEmployee]}),n.jsxs(Rn,{onClick:()=>{ue(!1),et()},"data-testid":ie("vendor-first-review-row-mark-as-contractor-menu-item"),children:[n.jsx(Cn,{}),Se.rowMoreActions.markAsLocalContractor]})]}),setIsMenuOpen:ue,isMenuOpen:Ve}):null})]}),Le&&C.length>0?At.createPortal(n.jsx(kt,{allFiles:ke,fileSource:P,file:_e,title:_e.fileName,attachments:C,showNavigation:G.connectionName==="netsuite",setFileSource:O,setShowFullScreenView:ne,onCrossClick:Ze,onNextClick:en,onPreviousClick:nn,setSelectedFileAttachment:we,handleTouchStart:q,handleTouchMove:ge,handleTouchEnd:ce}),document.body):null]})},Cr=({recommendation:e,onRedirectionToRecommendedMerchantWebsiteUrl:s})=>n.jsxs(Gn,{setMaxHeight:!0,children:[n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.name}),n.jsx(Xe,{children:e.globalMerchantName})]}),n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.websiteURL}),n.jsx(Xe,{className:"websiteUrlTooltipText",onClick:s,"data-testid":ie("vendor-first-review-row-website-url-tooltip-content"),children:e.websiteUrl?.toString()})]})]}),Vr=({vendorName:e,mergeVendorName:s,statusCode:m})=>n.jsxs(Gn,{setMaxHeight:!1,children:[m.code==="merge_in_qbo"?n.jsx(Te,{children:Se.tooltip.mergeInQBOText}):null,m.code==="merge_in_netsuite"?n.jsx(Te,{children:Se.tooltip.mergeInNetSuiteText}):null,n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.vendor}),n.jsx(Xe,{children:e})]}),n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.mergedTo}),n.jsx(Xe,{children:s})]})]}),kr=o.div`
+`,$r=()=>null,Sr=()=>null,yr=()=>null,jr=()=>null,hn=(e,s,m,d,r)=>{const V=je.getLocalizedStrings().vendorReview.firstReview,S=[];return m.length>0&&S.push({label:V.vendorDropdown.recommendedVendor,options:[]}),m.forEach(R=>{S[0].options.push({label:R.globalMerchantName,value:R.globalMerchantId??R.globalMerchantName,isVisible:!0,isDisabled:s,info:R.reason,isOptionRecommended:!0})}),S.length&&S[0].options.length===0&&S.pop(),S.push({label:V.vendorDropdown.allVendors,options:e.map(R=>({label:R.globalMerchantName,value:R.globalMerchantId,isVisible:!0}))}),d!=null&&S[S.length-1].options.push({label:d.name,value:d.id,isVisible:!1,isDisabled:s}),r!=null&&S[S.length-1].options.push({label:r.name,value:r.id,isVisible:!1}),S},z={containerPaddingLeft:new w(c[3],c[4]),containerPaddingRight:new w(c[3],c[4]),containerPaddingTop:new w(c[2],c[3]),containerPaddingBottom:new w(c[2],c[3]),containerMarginLeft:new w(c[4],c[8]),nameLogoWidth:new w(c[6],c[6]),nameLogoHeight:new w(c[6],c[6]),logoToValueGap:new w(c[2],c[2]),logoHeightAndWidth:new w(c[3],c[4]),webkitLineClamp:new w(2,2,1,1,1)},{common:U,vendorReview:{firstReview:Se}}=je.getLocalizedStrings(),Rr=({analytics:e,authParams:s,attachmentEndpoint:m,sectionId:d,rowData:r,searchAutoComplete:V,setCurrentVendorInAction:S,onClickRenameOption:R,onVendorNameClick:g,onClickSave:k,onClickCancel:D,onClearGlobalMerchantAutoCompleteResults:ae})=>{const Z=mn(),b=le(),G=On(),[ee,L]=f.useState(!1),[Ue,Ce]=f.useState(0),[Ve,ue]=f.useState(!1),{globalMerchantAutoCompleteView:A}=V.autoCompleteData,W=r.currentSelection!=null,[Le,ne]=f.useState(!1),{transactionAttachments:C}=r,[ke,H]=f.useState([]),[P,O]=f.useState(null),[E,x]=f.useState(0),[de,he]=f.useState(0),[Q,u]=f.useState(0),y=l=>{u(l),ne(!0),we(C[l]),O(ke[l])};function q(l){x(l.targetTouches[0].clientX)}function ge(l){he(l.targetTouches[0].clientX)}function K(l){return l<0?C.length+l:l%C.length}function ce(){E-de>50&&de!==0&&Q<C.length-1?(y(K(Q+1)),x(0),he(0)):E-de<-50&&de!==0&&Q>0&&(y(K(Q-1)),x(0),he(0))}const[Ae,we]=f.useState(C[0]),Ze=()=>{ne(!1),O(null),H([]),C.length>0&&we(C[0])},en=()=>{H([]),Ce(l=>{const $=l<C.length-1?l+1:0;return Ge(r.vendorId,$),$})},nn=()=>{H([]),Ce(l=>{const $=l>0?l-1:C.length-1;return Ge(r.vendorId,$),$})},We=C.length===0,qe=C.map(l=>l.id),Ge=(l,$)=>{ne(!0);async function F(Qe){return await fn(m,s,Qe)}const te=[qe[$]];F({vendorId:l,attachmentIds:te}).then(Qe=>{H(Qe),we(C[$]),C.length>0&&O(Qe[0])})},tn=l=>{ne(!0);async function $(F){return await fn(m,s,F)}$({vendorId:l,attachmentIds:qe}).then(F=>{H(F),C.length>0&&O(F[0])})},He=f.useMemo(()=>r.currentSelection==="customMerchant"&&r.selectedVendor.id!=null&&r.selectedVendor.name!=null?{id:r.selectedVendor.id,name:r.selectedVendor.name}:void 0,[r]),xe=r.status.code==="under_review"||r.saveStatus.fetchState==="In-Progress",N=r.status.code==="merge_in_qbo"||r.status.code==="merge_in_netsuite",Me=N||xe,i=l=>{let $=l.websiteUrl?.toString();if($){if($.includes("http")||($="https://".concat($)),r.currentVendor!=null){const F=l?.globalMerchantName??null;e.trackVendorReviewWebsiteOpened({reviewSource:"tenant_review",vendorName:r.currentVendor.name,wasRecommendationAvailable:!!F,recommendedVendorName:F,recommendedVendorReason:l.reason??null,vendorWebsite:$})}window.open($,"_blank")}},h=r.currentVendor!=null?{label:{label:r.currentVendor?.name,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:sn(d,re,"retain"),defaultChecked:r.currentSelection==="retain"},tooltipProps:{text:r.currentVendor?.name},isDisabled:Me}:void 0,v=f.useCallback(l=>l.logo!=null?n.jsxs(Dr,{children:[n.jsx(wn,{photoUrl:l.logo.toString(),styles:{width:z.logoHeightAndWidth.valuePx(b),height:z.logoHeightAndWidth.valuePx(b)},placeholder:{width:z.logoHeightAndWidth.value(b),height:z.logoHeightAndWidth.value(b)},fallbackAvatar:n.jsx(an,{children:n.jsx(rn,{name:l.globalMerchantName,size:z.logoHeightAndWidth.valuePx(b)})})}),n.jsx($e,{windowSize:b,isLastItem:!1,children:n.jsx(kn,{children:l.globalMerchantName})})]}):n.jsx($e,{windowSize:b,isLastItem:!1,children:n.jsx(kn,{children:l.globalMerchantName})}),[b]),a=r.recommendations.map((l,$)=>{const F=v(l),te=`recommended${yt($)}`;return{label:{label:F,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:sn(d,re,te),defaultChecked:r.currentSelection===te},tooltipProps:{text:l.websiteUrl?.toString().length?n.jsx(Cr,{recommendation:l,onRedirectionToRecommendedMerchantWebsiteUrl:()=>i(l)}):l.globalMerchantName,maxWidth:"360px"},isDisabled:Me,fieldName:te}}),p=f.useMemo(()=>({defaultOptions:hn(A.globalMerchants,N,r.recommendations,r.currentVendor,He),selectedOption:r.selectedVendor.id}),[A,r,He,N]),j=()=>{L(!1),ae()},Y=l=>{const $=r.currentVendor?.name,F=[...A.globalMerchants.map(te=>te.globalMerchantName),...r.recommendations.map(te=>te.globalMerchantName)];return r.currentVendor==null||F.includes(l)||$===l?null:l.trim().length>0?Se.vendorDropdown.fromOldName.replace("__old_name__",$??"")+" "+Se.vendorDropdown.toNewName.replace("__new_name__",l??""):null},on=l=>{l.stopPropagation(),k(r.vendorId)},Hn=l=>{l.stopPropagation(),D(d)},Qn=l=>{l.stopPropagation(),L(!0)},Kn=()=>{r.selectedVendor.id!=null&&r.vendorQboId!=null&&g(r.vendorId,r.vendorQboId)},Yn=l=>{r.selectedVendor.id!=null&&R(r.selectedVendor.id,l),L(!1)},Jn=(l,$)=>{S(r.vendorId),V.loadOptions(l,$)},Xn=l=>r.recommendations.find($=>$.globalMerchantId===l||$.globalMerchantName===l)?.reason??"",Zn=()=>{k(r.vendorId,!0)},et=()=>{k(r.vendorId,!1,!0)};return n.jsxs(kr,{windowSize:b,isDisabled:xe,isRowActive:W,children:[n.jsx(Ie,{windowSize:b,width:25,isDisabled:xe,gap:z.logoToValueGap,children:n.jsx(n.Fragment,{children:ee===!0?n.jsx(jt,{onClickAway:j,children:n.jsx(Pr,{windowSize:b,children:n.jsx(_o,{name:sn(d,me),placeholder:U.strings.empty,defaultValue:p,autoFocus:!0,customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start",margin:`${t.sp0} ${t.sp3}`}),singleValue:()=>({display:"flex",alignItems:"center",color:Z.colors.hero,"&:hover":{color:Z.colors.primary}})},style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:"20px",cursor:"inherit",alignItems:"center"},valueToInfo:Xn,menuIsOpen:ee,getRenameOptionText:Y,onMenuClose:j,loadOptions:Jn,isOptionRemovable:!1,onClickRenameOption:Yn})})}):n.jsxs(n.Fragment,{children:[r.selectedVendor?.logo!=null&&r.selectedVendor.name!=null?n.jsx(wn,{photoUrl:r.selectedVendor.logo.toString(),styles:{width:z.nameLogoWidth.valuePx(b),height:z.nameLogoHeight.valuePx(b)},fallbackAvatar:n.jsx(an,{children:n.jsx(rn,{name:r.selectedVendor.name,size:t.sp6})})}):r.selectedVendor.name!=null?n.jsx(an,{children:n.jsx(rn,{name:r.selectedVendor.name,size:t.sp6})}):null,n.jsx(Or,{onClick:Kn,"data-testid":ie("vendor-first-review-row-vendor-name-text"),children:n.jsxs(Nr,{children:[r.selectedVendor.name?n.jsx(Be,{enterDelay:600,display:"block",placement:"bottom",title:r.selectedVendor.name,children:n.jsx(jn,{children:r.selectedVendor.name})}):n.jsx(jn,{children:U.strings.hyphen}),n.jsx(Be,{display:"block",placement:"bottom",title:U.tooltips.editName,enterDelay:600,children:n.jsx(Ir,{onClick:Qn,"data-testid":ie("vendor-first-review-row-edit-icon")})})]})})]})})}),n.jsx(Ie,{windowSize:b,width:c[1],isDisabled:!1,children:C.length>0?n.jsx($e,{windowSize:b,className:"vendor-first-review-row-item",children:n.jsx(Lr,{isDisabled:We,onClick:()=>We===!1?tn(r.vendorId):null,"data-testid":ie("vendor-first-review-row-attachment-tag-box"),children:n.jsx(Be,{display:"block",placement:"top",title:Se.viewRecipts,enterDelay:600,children:n.jsx(Ar,{children:n.jsx(Rt,{width:t.sp3,height:t.sp3})})})})}):n.jsx($e,{className:"vendor-first-review-row-item",windowSize:b,children:U.strings.hyphen})}),n.jsx(Ie,{windowSize:b,width:25,isDisabled:Me,gap:z.logoToValueGap,children:a.map((l,$)=>n.jsxs(n.Fragment,{children:[n.jsx($e,{windowSize:b,className:"vendor-first-review-row-item",children:n.jsx(xn,{isHighlighted:!0,defaultChecked:r.currentSelection===l.fieldName,label:l.label,checkBoxField:l.checkBoxField,isDisabled:l.isDisabled,tooltipProps:l.tooltipProps})}),$<a.length-1?n.jsxs(Vn,{children:[" ",U.texts.or]}):null]}))}),n.jsx(Ie,{windowSize:b,width:20,isDisabled:Me,children:r.currentVendor!=null&&h!=null?n.jsx($e,{windowSize:b,className:"vendor-first-review-row-item",children:n.jsx(xn,{defaultChecked:r.currentSelection==="retain",label:h.label,checkBoxField:h.checkBoxField,isDisabled:h.isDisabled,tooltipProps:h.tooltipProps,backgroundDefaultColor:Z.colors.grey5})}):null}),n.jsx(Ie,{windowSize:b,width:W?10:25,isDisabled:xe,children:n.jsxs($e,{windowSize:b,className:"vendor-first-review-row-item",children:[n.jsxs(Vn,{children:[n.jsx(Mr,{isDisabled:!1,clickable:!1,statusMergeInQBO:N,children:n.jsx(Sn,{children:r.status.name})}),N&&r.currentVendor!=null&&r.mergeVendorName!=null?n.jsx(Be,{title:n.jsx(Vr,{vendorName:r.currentVendor.name,mergeVendorName:r.mergeVendorName,statusCode:r.status}),maxWidth:"312px",children:n.jsx(Ct,{width:t.sp3,height:t.sp3})}):null]}),r.lastUpdatedVendorNameByUser!=null&&N?n.jsx(Sn,{children:`${U.by} ${Vt(r.lastUpdatedVendorNameByUser)}`}):null]})}),n.jsxs(Ie,{windowSize:b,width:W?15:0,isDisabled:xe,className:"vendor-first-review-action-items",children:[n.jsx(vn,{variant:"light_transparent",label:U.footer.cancel,onClick:Hn,size:"small",style:{height:"100%"},disabled:!W}),n.jsx(yn,{space:t.sp0}),n.jsx(vn,{variant:"primary",loading:r.saveStatus.fetchState==="In-Progress",label:U.texts.confirm,onClick:on,size:"small",style:{height:"100%"},disabled:!W}),n.jsx(yn,{space:t.sp0}),n.jsx(zr,{children:r.currentSelection==null?n.jsx(Bt,{menuItems:n.jsxs(Tr,{children:[n.jsxs(Rn,{onClick:()=>{ue(!1),Zn()},"data-testid":ie("vendor-first-review-row-mark-as-employee-menu-item"),children:[n.jsx(Cn,{}),Se.rowMoreActions.markAsEmployee]}),n.jsxs(Rn,{onClick:()=>{ue(!1),et()},"data-testid":ie("vendor-first-review-row-mark-as-contractor-menu-item"),children:[n.jsx(Cn,{}),Se.rowMoreActions.markAsLocalContractor]})]}),setIsMenuOpen:ue,isMenuOpen:Ve}):null})]}),Le&&C.length>0?_t.createPortal(n.jsx(kt,{allFiles:ke,fileSource:P,file:Ae,title:Ae.fileName,attachments:C,showNavigation:G.connectionName==="netsuite",setFileSource:O,setShowFullScreenView:ne,onCrossClick:Ze,onNextClick:en,onPreviousClick:nn,setSelectedFileAttachment:we,handleTouchStart:q,handleTouchMove:ge,handleTouchEnd:ce}),document.body):null]})},Cr=({recommendation:e,onRedirectionToRecommendedMerchantWebsiteUrl:s})=>n.jsxs(Gn,{setMaxHeight:!0,children:[n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.name}),n.jsx(Ye,{children:e.globalMerchantName})]}),n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.websiteURL}),n.jsx(Ye,{className:"websiteUrlTooltipText",onClick:s,"data-testid":ie("vendor-first-review-row-website-url-tooltip-content"),children:e.websiteUrl?.toString()})]})]}),Vr=({vendorName:e,mergeVendorName:s,statusCode:m})=>n.jsxs(Gn,{setMaxHeight:!1,children:[m.code==="merge_in_qbo"?n.jsx(Te,{children:Se.tooltip.mergeInQBOText}):null,m.code==="merge_in_netsuite"?n.jsx(Te,{children:Se.tooltip.mergeInNetSuiteText}):null,n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.vendor}),n.jsx(Ye,{children:e})]}),n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.mergedTo}),n.jsx(Ye,{children:s})]})]}),kr=o.div`
   display: flex;
   margin-bottom: ${t.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -576,7 +576,7 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
 `,Pr=o.div`
   display: flex;
   width: 400px;
-`,ln=o.div`
+`,an=o.div`
   display: flex;
 `,Gn=o.div`
   width: auto;
@@ -593,7 +593,7 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
   display: flex;
   gap: ${t.sp3};
   justify-content: space-between;
-`,Xe=o(Re)`
+`,Ye=o(Re)`
   color: ${B.primaryDark};
   overflow: hidden;
   word-wrap: break-word;
@@ -638,7 +638,7 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
       color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
     }
   }
-`,_r=o.div`
+`,Ar=o.div`
   width: ${t.sp3};
   height: ${t.sp3};
   display: flex;
@@ -655,7 +655,7 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
   max-width: 100%;
 `,kn=o.div`
   ${Fr};
-`,Ar=e=>n.jsx(Rr,{...e}),gn={listContainerMarginTop:new w(c[3],c[3]),itemHeight:new w(So,$o),vendorListWrapperContainerMarginTop:new w(c[4],0)},{common:oe,vendorReview:{firstReview:I}}=je.getLocalizedStrings(),hi=({vendorFirstReviewView:e,globalMerchantAutoCompleteData:s,analytics:m,authParams:d,attachmentEndpoint:r,onBackClick:V,onVendorNameClick:S,onGlobalMerchantAutoCompleteInputChange:R,onUpdateLocalData:g,onFetchVendorReviewView:k,onUpdateScrollYOffset:D,onUpdatePageToken:le,onUpdateSortUiState:Z,onClickSave:b,updateVendorDetailLocalData:G,onReloadList:ee,onClickCancelPopup:L,onClickRedirectToQBO:Ue,onClearGlobalMerchantAutoCompleteResults:Ce,onResetVendorLocalData:Ve,onClickMenuIcon:ue})=>{const _=ae(),W=On(),Le=mn(),[ne,C]=f.useState(!1),[ke,H]=f.useState(null),{uiState:P,fetchState:O,vendorReviewView:E,recentlySavedErroredVendorView:x}=e,[de,he]=f.useState(P.searchText),Q=f.useRef(null),u=f.useRef(),y=nt({mode:"all",reValidateMode:"onChange",defaultValues:Mn(E,s.globalMerchantAutoCompleteView),values:Mn(E,s.globalMerchantAutoCompleteView),resetOptions:{keepDirtyValues:!0}});f.useEffect(()=>{if(s.globalMerchantAutoCompleteView.fetchState==="Completed"){const i=e.vendorReviewView.find(v=>v.vendorId===ke);let h;i!=null&&(h=i?.recommendations),u.current?.(hn(s.globalMerchantAutoCompleteView.globalMerchants,i?.status.code==="merge_in_qbo",h??[])),H(null)}},[s.globalMerchantAutoCompleteView.fetchState]),f.useEffect(()=>{Q.current?.resetAfterIndex(0)},[_,Q]),f.useEffect(()=>{O==="Completed"&&C(!1)},[O]),f.useEffect(()=>{const i=y.watch((h,{name:v,type:l})=>{v!=null&&h[ze]!=null&&tt(()=>Ze(v,h,l))});return()=>{i.unsubscribe()}}),f.useEffect(()=>{O==="Completed"&&m.trackVendorReviewPage("tenant_review",P.totalCount)},[O]);const q=i=>gn.itemHeight.value(_),ge=(i,h,v)=>{k(v??null,i,h)},K=i=>{le(null),ge(i,!1,null)},ce=(i,h)=>{u.current=h,R(i,"vendor")},_e=f.useRef(Nn(i=>K(i),500,{trailing:!0})).current,we=(i,h)=>{Z(h,i),le(null),ge(P.searchText,!1,null)},Ze=(i,h,v)=>{if(i.includes(ze)){const l=parseInt(i.split(".")[1]),p=Object.assign(h[ze][l]);let j=p[re];if(p[ve]!=null){let X;if(i.includes(`${re}.${fe}`)&&(p[fe]?.globalMerchantId!=null||p[fe]?.globalMerchantName!=null)?(j={retain:!1,recommendedFirst:p[re].recommendedFirst,recommendedSecond:!1,rename:!1,customMerchant:!1},X=p[fe].globalMerchantId??p[fe].globalMerchantName):i.includes(`${re}.${be}`)&&(p[be]?.globalMerchantId!=null||p[be]?.globalMerchantName!=null)?(j={retain:!1,recommendedFirst:!1,recommendedSecond:p[re].recommendedSecond,rename:!1,customMerchant:!1},X=p[be].globalMerchantId??p[be].globalMerchantName):i.includes(`${re}.retain`)&&p[ve]!=null&&(j={retain:p[re].retain,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!1},X=p[ve]),i.includes(me)&&(X=p[me].selectedOption,p[me].selectedOption===p[fe]?.globalMerchantId||p[me].selectedOption===p[fe]?.globalMerchantName?j={retain:!1,recommendedFirst:!0,recommendedSecond:!1,rename:!1,customMerchant:!0}:p[me].selectedOption===p[be]?.globalMerchantId||p[me].selectedOption===p[be]?.globalMerchantName?j={retain:!1,recommendedFirst:!1,recommendedSecond:!0,rename:!1,customMerchant:!0}:p[me].selectedOption===p[ve]?j={retain:!0,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}:j={retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}),v==null){Ve(p[ve]);return}g(p[ve],j,X??p[ve])}}},en=()=>{C(!0),ge(P.searchText,!0,P.pageToken)},nn=i=>i<E.length,We=()=>{P.pageToken!=null&&O==="Completed"&&en()},qe=(i,h)=>{const v=e.vendorReviewView.find(l=>l.vendorId===i);v!=null&&g(v.vendorId,{retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!0,customMerchant:!1},v.vendorId,h)},Ge=i=>{const h=parseInt(i.split(".")[1]),v=e.vendorReviewView[h];if(v?.currentVendor!=null){const l=v.recommendations[0]?.globalMerchantName??null;m.trackVendorReviewUpdateVendorCanceled({reviewSource:"tenant_review",vendorName:v.currentVendor.name,vendorReviewStatus:v.status.code??null,wasRecommendationAvailable:!!l,recommendedVendorName:l,recommendedVendorReason:v.recommendations[0]?.reason??null})}y.resetField(`${ze}.${h}`)},tn=y.handleSubmit(i=>{}),He=(i,h,v)=>{const l=e.vendorReviewView.find(p=>p.vendorId===i);if(l?.currentVendor!=null){const p=[];l.recommendations.forEach(j=>{j.globalMerchantId!=null&&p.push(j.globalMerchantId)}),(l?.currentSelection==="retain"||l?.currentSelection==="rename")&&l?.isWebsiteUrlSaved===!1&&G({id:i,name:l.currentVendor.name,qboId:l.vendorQboId??i,websiteUrl:Pn.toZeniUrlWithoutBaseURL(l.currentVendor.websiteUrl.toString())})}if(l?.currentSelection!=="retain"&&l?.currentSelection!=="rename"||l?.isWebsiteUrlSaved===!0){if(l?.currentVendor!=null){const p=l.selectedVendor.name,j=l.recommendations[0]?.globalMerchantName??null,X=l.currentSelection,on=l.recommendations[0]?.globalMerchantId===l.selectedVendor.id||l.recommendations[0]?.globalMerchantName===p?l.recommendations[0]:void 0;m.trackVendorReviewSaveVendorRequested({reviewSource:"tenant_review",vendorName:l.currentVendor.name,vendorReviewStatus:l.status.code??null,saveRequestedVendorSource:X,saveRequestedVendorName:p,saveRequestedVendorReason:on?.reason??null,isGlobalVendorRequested:l.currentSelection==="customMerchant",isVendorNameRecommendationSelected:j===p,isVendorNameChangedAndSelected:l.currentSelection==="rename",isVendorNameRetainSelected:X==="retain",recommendedVendorName:j,wasRecommendationAvailable:!!j,recommendedVendorReason:l.recommendations[0]?.reason??null,isVendorNameMarkedAsEmployee:h??!1,isVendorNameMarkedAsLocalContractor:v??!1})}b(i,h,v)}},xe={onOkClick:()=>{if(W.connectionName==="netsuite")L();else if(x!=null){const i=e.vendorReviewView.find(h=>h.vendorId===x.vendorId);if(i?.currentVendor!=null){const h=i.selectedVendor.name,v=i.recommendations[0]?.globalMerchantId===i.selectedVendor.id||i.recommendations[0]?.globalMerchantName===h?i.recommendations[0]:void 0,l=i.currentSelection??(x.newRecommendedVendor!=null?"recommendedFirst":null),p=i.recommendations[0]?.globalMerchantName??null;if(x.oldRecommendedVendor!=null||x.newRecommendedVendor!=null){const j={vendorName:i.currentVendor.name,saveRequestedVendorName:h,saveRequestedVendorReason:v?.reason??null,isVendorNameRecommendationSelected:l==="recommendedFirst"||l==="recommendedSecond",isVendorNameRetainSelected:l==="retain",isVendorNameChangedAndSelected:l==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null};x.newRecommendedVendor!=null?(m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Oe.Event.vendorReviewTenantRecommendationUpdateContinue,saveRequestedVendorSource:l,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:x.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:x.newRecommendedVendor.reason??null}),b(x.vendorId)):m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Oe.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:l,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null}),L()}else m.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:Oe.Event.vendorReviewTenantMergeInQBORedirect,vendorName:i.currentVendor.name,vendorReviewStatus:i.status.code??null,saveRequestedVendorSource:l,saveRequestedVendorName:h,saveRequestedVendorReason:v?.reason??null,isVendorNameRecommendationSelected:l==="recommendedFirst"||l==="recommendedSecond",isVendorNameRetainSelected:l==="retain",isVendorNameChangedAndSelected:l==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null}),Ue(),L()}}},onCancelClick:()=>{if(x!=null){const i=e.vendorReviewView.find(h=>h.vendorId===x.vendorId);if(i?.currentVendor!=null){const h=i.selectedVendor.name,v=i.recommendations[0]?.globalMerchantId===i.selectedVendor.id||i.recommendations[0]?.globalMerchantName===h?i.recommendations[0]:void 0,l=i.currentSelection,p=i.recommendations[0]?.globalMerchantName??null;if(x.oldRecommendedVendor!=null||x.newRecommendedVendor!=null){const j={vendorName:i.currentVendor.name,saveRequestedVendorName:h,saveRequestedVendorReason:v?.reason??null,isVendorNameRecommendationSelected:l==="recommendedFirst"||l==="recommendedSecond",isVendorNameRetainSelected:l==="retain",isVendorNameChangedAndSelected:l==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null};x.newRecommendedVendor!=null?m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Oe.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:l,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:x.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:x.newRecommendedVendor.reason??null}):m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Oe.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:l,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null})}else m.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:Oe.Event.vendorReviewTenantMergeInQBOCancel,vendorName:i.currentVendor.name,vendorReviewStatus:i.status.code??null,saveRequestedVendorSource:l,saveRequestedVendorName:h,saveRequestedVendorReason:v?.reason??null,isVendorNameRecommendationSelected:l==="recommendedFirst"||l==="recommendedSecond",isVendorNameRetainSelected:l==="retain",isVendorNameChangedAndSelected:l==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null})}L()}}},N=(()=>{if(x!=null)if(x.newRecommendedVendor!=null&&x.oldRecommendedVendor!=null){const i=I.popupMessages.zeniUpdatedRecommendationPopupTitle.replace("_vendor_name_",x.vendorName).replace("_old_recommendation_",x.oldRecommendedVendor.globalMerchantName).replace("_new_recommendation_",x.newRecommendedVendor.globalMerchantName);return{description:I.popupMessages.zeniUpdatedRecommendationPopupMsg,title:i,secondaryButtonText:oe.cancel,primaryButtonText:oe.continue}}else if(x.newRecommendedVendor!=null){const i=I.popupMessages.zeniNewRecommendationPopupTitle.replace("_vendor_name_",x.vendorName).replace("_new_recommendation_",x.newRecommendedVendor.globalMerchantName);return{description:I.popupMessages.zeniNewRecommendationPopupMsg,title:i,secondaryButtonText:oe.cancel,primaryButtonText:oe.continue}}else if(x.oldRecommendedVendor!=null){const i=I.popupMessages.zeniNewRecommendationNotAvailablePopupTitle.replace("_vendor_name_",x.vendorName);return{description:I.popupMessages.zeniNewRecommendationNotAvailablePopupMsg,title:i,primaryButtonText:oe.gotIt}}else return W.connectionName==="netsuite"?{descriptionHeader:I.popupMessages.netsuiteLinkPopupMsgHeader,title:I.popupMessages.netsuiteLinkPopupTitle.replace("_vendor_name_",x.vendorName),subTitle:I.popupMessages.netsuiteLinkPopupSubTitle,description:I.popupMessages.netsuiteLinkPopupDescription,primaryButtonText:oe.texts.close}:{descriptionHeader:I.popupMessages.qboLinkPopupMsgHeader,title:I.popupMessages.qboLinkPopupTitle.replace("_vendor_name_",x.vendorName),subTitle:I.popupMessages.qboLinkPopupSubTitle,secondaryButtonText:oe.cancel,primaryButtonText:I.popupMessages.redirectToQBO}})(),Me=n.jsx(ot,{isSearchOpen:P.searchText.length>0,searchPlaceHolder:I.searchPlaceholder,searchText:de,onSearchTextChanged:i=>{he(i),i.trim().length>=2?_e(i):i.trim().length==0&&_e("")}});return n.jsx(Er,{windowSize:_,children:n.jsxs(rt,{...y,children:[n.jsx(it,{title:I.title,backgroundColor:Le.colors.grey4,onBackClick:V,rightSideComponent:Me,showMenuIcon:_==="medium-compact"||_==="small",onClickMenuIcon:ue,source:"VendorFirstReviewPage"}),n.jsx("form",{onSubmit:tn,children:n.jsxs(Ur,{windowSize:_,children:[n.jsx(st,{controller:!!x?.vendorId&&!!N,children:n.jsx(at,{titleComponent:n.jsx(dt,{children:n.jsxs(ei,{children:[n.jsx(ct,{children:N?.title}),N?.subTitle!=null?n.jsx(ni,{children:N.subTitle}):null]})}),descriptionComponent:n.jsxs(lt,{style:{textAlign:N?.description==null?"left":"unset"},children:[N?.descriptionHeader!=null?n.jsx(ti,{children:N.descriptionHeader}):null,N?.description!=null?n.jsx(oi,{children:N.description}):W.connectionName==="netsuite"?n.jsx(oo,{}):n.jsx(Qt,{})]}),primaryButtonText:N?.primaryButtonText??oe.continue,secondaryButtonText:N?.secondaryButtonText,containerStyle:{maxWidth:"624px"},action:xe,primaryButtonWidth:148,secondaryButtonWidth:148})}),n.jsx(Wr,{windowSize:_,children:O==="Error"?n.jsxs(Gr,{children:[n.jsx(Hr,{onClick:ee,"data-testid":ie("vendor-first-review-page-reload-icon"),children:n.jsx(mt,{})}),n.jsx(Kr,{children:oe.reloadPage.label})]}):O==="Completed"&&E.length===0?n.jsx(pt,{message:P.searchText?I.noMatchedDataText:I.noDataText}):O==="Not-Started"||O==="In-Progress"&&E.length===0?n.jsx(Do,{sortConfig:{sortKey:P.sortKey,sortOrder:P.sortOrder},onColumnSortConfigChanged:we,disableClick:!0}):n.jsx(qr,{windowSize:_,children:n.jsx(ut,{children:({height:i,width:h})=>n.jsx(ht,{isItemLoaded:nn,itemCount:E.length+1,loadMoreItems:We,children:({onItemsRendered:v})=>n.jsxs(Zr,{style:{height:i,width:h},children:[n.jsx(Yr,{style:{width:"auto"},children:n.jsx(qn,{sortConfig:{sortKey:P.sortKey,sortOrder:P.sortOrder},disableClick:O!=="Completed",onColumnSortConfigChanged:we})}),n.jsx(gt,{height:i-Bn,itemSize:q,width:h,ref:Q,overscanCount:1,itemCount:E.length,onItemsRendered:v,onScroll:({scrollOffset:l})=>{D(l)},initialScrollOffset:P.scrollYOffset,itemData:{vendorFirstReviewView:e,analytics:m,authParams:d,attachmentEndpoint:r,globalMerchantAutoCompleteView:s.globalMerchantAutoCompleteView,searchAutoComplete:{autoCompleteData:s,loadOptions:ce},setCurrentVendorInAction:H,onClickVendorName:S,onClickVendorRename:qe,onClickCancel:Ge,onClickSave:He,onClearGlobalMerchantAutoCompleteResults:Ce},children:Br})]})})})})}),ne===!0?n.jsx(Jr,{children:n.jsx(wt,{size:"Small",start:!0})}):null]})})]})})},Br=({index:e,style:s,data:m})=>{const{analytics:d,authParams:r,attachmentEndpoint:V,vendorFirstReviewView:S,searchAutoComplete:R,setCurrentVendorInAction:g,onClickVendorName:k,onClickVendorRename:D,onClickCancel:le,onClickSave:Z,onClearGlobalMerchantAutoCompleteResults:b}=m,{vendorReviewView:G,fetchState:ee}=S,L=G[e];return e<G.length&&L.selectedVendor!=null?n.jsx(Xr,{style:{...s,width:"100%"},className:"vendor-list-item",children:n.jsx(Qr,{children:n.jsx(Ar,{fetchState:ee,analytics:d,authParams:r,attachmentEndpoint:V,sectionId:`${ze}.${e}`,vendorId:L.currentVendor?.id,rowData:L,setCurrentVendorInAction:g,searchAutoComplete:R,onVendorNameClick:k,onClickCancel:le,onClickSave:Z,onClickRenameOption:D,onClearGlobalMerchantAutoCompleteResults:b},e)},`sub-container-${e}`)}):null},Mn=(e,s)=>{const m=e.map(d=>{const r=d.currentSelection==="customMerchant"&&d.selectedVendor?.id!=null&&d.selectedVendor.name!=null?{id:d.selectedVendor.id,name:d.selectedVendor.name}:void 0,V=d.recommendations;return{selectedVendor:{defaultOptions:hn(s.globalMerchants,d.status.code==="merge_in_qbo",V,d.currentVendor,r),selectedOption:d.selectedVendor.id??d.vendorRenamedText},recommendedFirst:d.recommendations[0],recommendedSecond:d.recommendations[1],currentSelection:{retain:d.currentSelection==="retain",recommendedFirst:d.currentSelection==="recommendedFirst",recommendedSecond:d.currentSelection==="recommendedSecond",rename:d.currentSelection==="rename",customMerchant:d.currentSelection==="customMerchant"},retainVendorId:d.currentVendor?.id,status:d.status,lastUpdatedVendorNameByUser:d.lastUpdatedVendorNameByUser}});return{[ze]:m}},Er=o.div`
+`,_r=e=>n.jsx(Rr,{...e}),gn={listContainerMarginTop:new w(c[3],c[3]),itemHeight:new w(So,$o),vendorListWrapperContainerMarginTop:new w(c[4],0)},{common:oe,vendorReview:{firstReview:I}}=je.getLocalizedStrings(),hi=({vendorFirstReviewView:e,globalMerchantAutoCompleteData:s,analytics:m,authParams:d,attachmentEndpoint:r,onBackClick:V,onVendorNameClick:S,onGlobalMerchantAutoCompleteInputChange:R,onUpdateLocalData:g,onFetchVendorReviewView:k,onUpdateScrollYOffset:D,onUpdatePageToken:ae,onUpdateSortUiState:Z,onClickSave:b,updateVendorDetailLocalData:G,onReloadList:ee,onClickCancelPopup:L,onClickRedirectToQBO:Ue,onClearGlobalMerchantAutoCompleteResults:Ce,onResetVendorLocalData:Ve,onClickMenuIcon:ue})=>{const A=le(),W=On(),Le=mn(),[ne,C]=f.useState(!1),[ke,H]=f.useState(null),{uiState:P,fetchState:O,vendorReviewView:E,recentlySavedErroredVendorView:x}=e,[de,he]=f.useState(P.searchText),Q=f.useRef(null),u=f.useRef(),y=nt({mode:"all",reValidateMode:"onChange",defaultValues:Mn(E,s.globalMerchantAutoCompleteView),values:Mn(E,s.globalMerchantAutoCompleteView),resetOptions:{keepDirtyValues:!0}});f.useEffect(()=>{if(s.globalMerchantAutoCompleteView.fetchState==="Completed"){const i=e.vendorReviewView.find(v=>v.vendorId===ke);let h;i!=null&&(h=i?.recommendations),u.current?.(hn(s.globalMerchantAutoCompleteView.globalMerchants,i?.status.code==="merge_in_qbo",h??[])),H(null)}},[s.globalMerchantAutoCompleteView.fetchState]),f.useEffect(()=>{Q.current?.resetAfterIndex(0)},[A,Q]),f.useEffect(()=>{O==="Completed"&&C(!1)},[O]),f.useEffect(()=>{const i=y.watch((h,{name:v,type:a})=>{v!=null&&h[ze]!=null&&tt(()=>Ze(v,h,a))});return()=>{i.unsubscribe()}}),f.useEffect(()=>{O==="Completed"&&m.trackVendorReviewPage("tenant_review",P.totalCount)},[O]);const q=i=>gn.itemHeight.value(A),ge=(i,h,v)=>{k(v??null,i,h)},K=i=>{ae(null),ge(i,!1,null)},ce=(i,h)=>{u.current=h,R(i,"vendor")},Ae=f.useRef(Nn(i=>K(i),500,{trailing:!0})).current,we=(i,h)=>{Z(h,i),ae(null),ge(P.searchText,!1,null)},Ze=(i,h,v)=>{if(i.includes(ze)){const a=parseInt(i.split(".")[1]),p=Object.assign(h[ze][a]);let j=p[re];if(p[ve]!=null){let Y;if(i.includes(`${re}.${fe}`)&&(p[fe]?.globalMerchantId!=null||p[fe]?.globalMerchantName!=null)?(j={retain:!1,recommendedFirst:p[re].recommendedFirst,recommendedSecond:!1,rename:!1,customMerchant:!1},Y=p[fe].globalMerchantId??p[fe].globalMerchantName):i.includes(`${re}.${be}`)&&(p[be]?.globalMerchantId!=null||p[be]?.globalMerchantName!=null)?(j={retain:!1,recommendedFirst:!1,recommendedSecond:p[re].recommendedSecond,rename:!1,customMerchant:!1},Y=p[be].globalMerchantId??p[be].globalMerchantName):i.includes(`${re}.retain`)&&p[ve]!=null&&(j={retain:p[re].retain,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!1},Y=p[ve]),i.includes(me)&&(Y=p[me].selectedOption,p[me].selectedOption===p[fe]?.globalMerchantId||p[me].selectedOption===p[fe]?.globalMerchantName?j={retain:!1,recommendedFirst:!0,recommendedSecond:!1,rename:!1,customMerchant:!0}:p[me].selectedOption===p[be]?.globalMerchantId||p[me].selectedOption===p[be]?.globalMerchantName?j={retain:!1,recommendedFirst:!1,recommendedSecond:!0,rename:!1,customMerchant:!0}:p[me].selectedOption===p[ve]?j={retain:!0,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}:j={retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}),v==null){Ve(p[ve]);return}g(p[ve],j,Y??p[ve])}}},en=()=>{C(!0),ge(P.searchText,!0,P.pageToken)},nn=i=>i<E.length,We=()=>{P.pageToken!=null&&O==="Completed"&&en()},qe=(i,h)=>{const v=e.vendorReviewView.find(a=>a.vendorId===i);v!=null&&g(v.vendorId,{retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!0,customMerchant:!1},v.vendorId,h)},Ge=i=>{const h=parseInt(i.split(".")[1]),v=e.vendorReviewView[h];if(v?.currentVendor!=null){const a=v.recommendations[0]?.globalMerchantName??null;m.trackVendorReviewUpdateVendorCanceled({reviewSource:"tenant_review",vendorName:v.currentVendor.name,vendorReviewStatus:v.status.code??null,wasRecommendationAvailable:!!a,recommendedVendorName:a,recommendedVendorReason:v.recommendations[0]?.reason??null})}y.resetField(`${ze}.${h}`)},tn=y.handleSubmit(i=>{}),He=(i,h,v)=>{const a=e.vendorReviewView.find(p=>p.vendorId===i);if(a?.currentVendor!=null){const p=[];a.recommendations.forEach(j=>{j.globalMerchantId!=null&&p.push(j.globalMerchantId)}),(a?.currentSelection==="retain"||a?.currentSelection==="rename")&&a?.isWebsiteUrlSaved===!1&&G({id:i,name:a.currentVendor.name,qboId:a.vendorQboId??i,websiteUrl:Pn.toZeniUrlWithoutBaseURL(a.currentVendor.websiteUrl.toString())})}if(a?.currentSelection!=="retain"&&a?.currentSelection!=="rename"||a?.isWebsiteUrlSaved===!0){if(a?.currentVendor!=null){const p=a.selectedVendor.name,j=a.recommendations[0]?.globalMerchantName??null,Y=a.currentSelection,on=a.recommendations[0]?.globalMerchantId===a.selectedVendor.id||a.recommendations[0]?.globalMerchantName===p?a.recommendations[0]:void 0;m.trackVendorReviewSaveVendorRequested({reviewSource:"tenant_review",vendorName:a.currentVendor.name,vendorReviewStatus:a.status.code??null,saveRequestedVendorSource:Y,saveRequestedVendorName:p,saveRequestedVendorReason:on?.reason??null,isGlobalVendorRequested:a.currentSelection==="customMerchant",isVendorNameRecommendationSelected:j===p,isVendorNameChangedAndSelected:a.currentSelection==="rename",isVendorNameRetainSelected:Y==="retain",recommendedVendorName:j,wasRecommendationAvailable:!!j,recommendedVendorReason:a.recommendations[0]?.reason??null,isVendorNameMarkedAsEmployee:h??!1,isVendorNameMarkedAsLocalContractor:v??!1})}b(i,h,v)}},xe={onOkClick:()=>{if(W.connectionName==="netsuite")L();else if(x!=null){const i=e.vendorReviewView.find(h=>h.vendorId===x.vendorId);if(i?.currentVendor!=null){const h=i.selectedVendor.name,v=i.recommendations[0]?.globalMerchantId===i.selectedVendor.id||i.recommendations[0]?.globalMerchantName===h?i.recommendations[0]:void 0,a=i.currentSelection??(x.newRecommendedVendor!=null?"recommendedFirst":null),p=i.recommendations[0]?.globalMerchantName??null;if(x.oldRecommendedVendor!=null||x.newRecommendedVendor!=null){const j={vendorName:i.currentVendor.name,saveRequestedVendorName:h,saveRequestedVendorReason:v?.reason??null,isVendorNameRecommendationSelected:a==="recommendedFirst"||a==="recommendedSecond",isVendorNameRetainSelected:a==="retain",isVendorNameChangedAndSelected:a==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null};x.newRecommendedVendor!=null?(m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Oe.Event.vendorReviewTenantRecommendationUpdateContinue,saveRequestedVendorSource:a,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:x.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:x.newRecommendedVendor.reason??null}),b(x.vendorId)):m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Oe.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:a,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null}),L()}else m.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:Oe.Event.vendorReviewTenantMergeInQBORedirect,vendorName:i.currentVendor.name,vendorReviewStatus:i.status.code??null,saveRequestedVendorSource:a,saveRequestedVendorName:h,saveRequestedVendorReason:v?.reason??null,isVendorNameRecommendationSelected:a==="recommendedFirst"||a==="recommendedSecond",isVendorNameRetainSelected:a==="retain",isVendorNameChangedAndSelected:a==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null}),Ue(),L()}}},onCancelClick:()=>{if(x!=null){const i=e.vendorReviewView.find(h=>h.vendorId===x.vendorId);if(i?.currentVendor!=null){const h=i.selectedVendor.name,v=i.recommendations[0]?.globalMerchantId===i.selectedVendor.id||i.recommendations[0]?.globalMerchantName===h?i.recommendations[0]:void 0,a=i.currentSelection,p=i.recommendations[0]?.globalMerchantName??null;if(x.oldRecommendedVendor!=null||x.newRecommendedVendor!=null){const j={vendorName:i.currentVendor.name,saveRequestedVendorName:h,saveRequestedVendorReason:v?.reason??null,isVendorNameRecommendationSelected:a==="recommendedFirst"||a==="recommendedSecond",isVendorNameRetainSelected:a==="retain",isVendorNameChangedAndSelected:a==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null};x.newRecommendedVendor!=null?m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Oe.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:a,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:x.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:x.newRecommendedVendor.reason??null}):m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Oe.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:a,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null})}else m.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:Oe.Event.vendorReviewTenantMergeInQBOCancel,vendorName:i.currentVendor.name,vendorReviewStatus:i.status.code??null,saveRequestedVendorSource:a,saveRequestedVendorName:h,saveRequestedVendorReason:v?.reason??null,isVendorNameRecommendationSelected:a==="recommendedFirst"||a==="recommendedSecond",isVendorNameRetainSelected:a==="retain",isVendorNameChangedAndSelected:a==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null})}L()}}},N=(()=>{if(x!=null)if(x.newRecommendedVendor!=null&&x.oldRecommendedVendor!=null){const i=I.popupMessages.zeniUpdatedRecommendationPopupTitle.replace("_vendor_name_",x.vendorName).replace("_old_recommendation_",x.oldRecommendedVendor.globalMerchantName).replace("_new_recommendation_",x.newRecommendedVendor.globalMerchantName);return{description:I.popupMessages.zeniUpdatedRecommendationPopupMsg,title:i,secondaryButtonText:oe.cancel,primaryButtonText:oe.continue}}else if(x.newRecommendedVendor!=null){const i=I.popupMessages.zeniNewRecommendationPopupTitle.replace("_vendor_name_",x.vendorName).replace("_new_recommendation_",x.newRecommendedVendor.globalMerchantName);return{description:I.popupMessages.zeniNewRecommendationPopupMsg,title:i,secondaryButtonText:oe.cancel,primaryButtonText:oe.continue}}else if(x.oldRecommendedVendor!=null){const i=I.popupMessages.zeniNewRecommendationNotAvailablePopupTitle.replace("_vendor_name_",x.vendorName);return{description:I.popupMessages.zeniNewRecommendationNotAvailablePopupMsg,title:i,primaryButtonText:oe.gotIt}}else return W.connectionName==="netsuite"?{descriptionHeader:I.popupMessages.netsuiteLinkPopupMsgHeader,title:I.popupMessages.netsuiteLinkPopupTitle.replace("_vendor_name_",x.vendorName),subTitle:I.popupMessages.netsuiteLinkPopupSubTitle,description:I.popupMessages.netsuiteLinkPopupDescription,primaryButtonText:oe.texts.close}:{descriptionHeader:I.popupMessages.qboLinkPopupMsgHeader,title:I.popupMessages.qboLinkPopupTitle.replace("_vendor_name_",x.vendorName),subTitle:I.popupMessages.qboLinkPopupSubTitle,secondaryButtonText:oe.cancel,primaryButtonText:I.popupMessages.redirectToQBO}})(),Me=n.jsx(ot,{isSearchOpen:P.searchText.length>0,searchPlaceHolder:I.searchPlaceholder,searchText:de,onSearchTextChanged:i=>{he(i),i.trim().length>=2?Ae(i):i.trim().length==0&&Ae("")}});return n.jsx(Er,{windowSize:A,children:n.jsxs(rt,{...y,children:[n.jsx(it,{title:I.title,backgroundColor:Le.colors.grey4,onBackClick:V,rightSideComponent:Me,showMenuIcon:A==="medium-compact"||A==="small",onClickMenuIcon:ue,source:"VendorFirstReviewPage"}),n.jsx("form",{onSubmit:tn,children:n.jsxs(Ur,{windowSize:A,children:[n.jsx(st,{controller:!!x?.vendorId&&!!N,children:n.jsx(lt,{titleComponent:n.jsx(dt,{children:n.jsxs(ei,{children:[n.jsx(ct,{children:N?.title}),N?.subTitle!=null?n.jsx(ni,{children:N.subTitle}):null]})}),descriptionComponent:n.jsxs(at,{style:{textAlign:N?.description==null?"left":"unset"},children:[N?.descriptionHeader!=null?n.jsx(ti,{children:N.descriptionHeader}):null,N?.description!=null?n.jsx(oi,{children:N.description}):W.connectionName==="netsuite"?n.jsx(oo,{}):n.jsx(Qt,{})]}),primaryButtonText:N?.primaryButtonText??oe.continue,secondaryButtonText:N?.secondaryButtonText,containerStyle:{maxWidth:"624px"},action:xe,primaryButtonWidth:148,secondaryButtonWidth:148})}),n.jsx(Wr,{windowSize:A,children:O==="Error"?n.jsxs(Gr,{children:[n.jsx(Hr,{onClick:ee,"data-testid":ie("vendor-first-review-page-reload-icon"),children:n.jsx(mt,{})}),n.jsx(Kr,{children:oe.reloadPage.label})]}):O==="Completed"&&E.length===0?n.jsx(pt,{message:P.searchText?I.noMatchedDataText:I.noDataText}):O==="Not-Started"||O==="In-Progress"&&E.length===0?n.jsx(Do,{sortConfig:{sortKey:P.sortKey,sortOrder:P.sortOrder},onColumnSortConfigChanged:we,disableClick:!0}):n.jsx(qr,{windowSize:A,children:n.jsx(ut,{children:({height:i,width:h})=>n.jsx(ht,{isItemLoaded:nn,itemCount:E.length+1,loadMoreItems:We,children:({onItemsRendered:v})=>n.jsxs(Zr,{style:{height:i,width:h},children:[n.jsx(Xr,{style:{width:"auto"},children:n.jsx(qn,{sortConfig:{sortKey:P.sortKey,sortOrder:P.sortOrder},disableClick:O!=="Completed",onColumnSortConfigChanged:we})}),n.jsx(gt,{height:i-Bn,itemSize:q,width:h,ref:Q,overscanCount:1,itemCount:E.length,onItemsRendered:v,onScroll:({scrollOffset:a})=>{D(a)},initialScrollOffset:P.scrollYOffset,itemData:{vendorFirstReviewView:e,analytics:m,authParams:d,attachmentEndpoint:r,globalMerchantAutoCompleteView:s.globalMerchantAutoCompleteView,searchAutoComplete:{autoCompleteData:s,loadOptions:ce},setCurrentVendorInAction:H,onClickVendorName:S,onClickVendorRename:qe,onClickCancel:Ge,onClickSave:He,onClearGlobalMerchantAutoCompleteResults:Ce},children:Br})]})})})})}),ne===!0?n.jsx(Jr,{children:n.jsx(wt,{size:"Small",start:!0})}):null]})})]})})},Br=({index:e,style:s,data:m})=>{const{analytics:d,authParams:r,attachmentEndpoint:V,vendorFirstReviewView:S,searchAutoComplete:R,setCurrentVendorInAction:g,onClickVendorName:k,onClickVendorRename:D,onClickCancel:ae,onClickSave:Z,onClearGlobalMerchantAutoCompleteResults:b}=m,{vendorReviewView:G,fetchState:ee}=S,L=G[e];return e<G.length&&L.selectedVendor!=null?n.jsx(Yr,{style:{...s,width:"100%"},className:"vendor-list-item",children:n.jsx(Qr,{children:n.jsx(_r,{fetchState:ee,analytics:d,authParams:r,attachmentEndpoint:V,sectionId:`${ze}.${e}`,vendorId:L.currentVendor?.id,rowData:L,setCurrentVendorInAction:g,searchAutoComplete:R,onVendorNameClick:k,onClickCancel:ae,onClickSave:Z,onClickRenameOption:D,onClearGlobalMerchantAutoCompleteResults:b},e)},`sub-container-${e}`)}):null},Mn=(e,s)=>{const m=e.map(d=>{const r=d.currentSelection==="customMerchant"&&d.selectedVendor?.id!=null&&d.selectedVendor.name!=null?{id:d.selectedVendor.id,name:d.selectedVendor.name}:void 0,V=d.recommendations;return{selectedVendor:{defaultOptions:hn(s.globalMerchants,d.status.code==="merge_in_qbo",V,d.currentVendor,r),selectedOption:d.selectedVendor.id??d.vendorRenamedText},recommendedFirst:d.recommendations[0],recommendedSecond:d.recommendations[1],currentSelection:{retain:d.currentSelection==="retain",recommendedFirst:d.currentSelection==="recommendedFirst",recommendedSecond:d.currentSelection==="recommendedSecond",rename:d.currentSelection==="rename",customMerchant:d.currentSelection==="customMerchant"},retainVendorId:d.currentVendor?.id,status:d.status,lastUpdatedVendorNameByUser:d.lastUpdatedVendorNameByUser}});return{[ze]:m}},Er=o.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -702,7 +702,7 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
 `,Kr=o(xt)`
   margin-top: ${t.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Xr=o.div`
+`,Yr=o.div`
   top: ${t.sp0};
   left: ${t.sp0};
   padding-bottom: ${t.sp3};
@@ -716,7 +716,7 @@ import{X as ae,t as On,u as mn,a as nt,hw as ze,c2 as tt,z as Nn,hx as re,hy as
   align-items: center;
   margin-top: ${t.sp3};
   margin-bottom: ${t.sp3};
-`,Yr=o.div``,Zr=o.div`
+`,Xr=o.div``,Zr=o.div`
   position: relative;
 `,ei=o.div`
   display: flex;