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

package/dist/assets/VendorFirstReviewPage-DiNHrTKs--rE1SgmE.js

@@ -0,0 +1,730 @@
+import{u as oe,a$ as $n,i as nn,a8 as Bn,ju as Ne,dt as An,a_ as yn,jv as ne,jw as he,jx as ge,jy as we,jz as ae,a as be,j as n,jq as Fn,aa as _n,cf as En,a9 as Un,dc as Wn,dd as qn,de as Gn,cJ as Hn,bm as Q,cz as Qn,da as Kn,bG as Jn,eC as Yn,dj as Xn,R as w,A as Zn,G as Re,b as t,br as jn,ah as Ie,bq as et,s as c,af as Se,di as nt,eI as Cn,cA as Me,bW as Rn,dq as tt,cP as ot,eX as rt,bM as He,c6 as tn,C as F,g as Vn,ii as it,ex as ln,dQ as Je,jA as st,jB as Ye,ak as lt,cH as Be,f6 as at,jC as an,fN as dn,cq as dt,eR as ct,B as cn,jD as mt,dF as pt,dN as ut,dO as ht,fT as gt,ai as kn,jE as wt,cp as te,i5 as vt,aw as xt,av as ft,eQ as bt,t as Mn,d as St,h as $t,bt as Ze}from"./index-2CdI-B2B.js";import{a as x,d as yt}from"./core-tlHkQPPu.js";import{n as r,c as en}from"./mui-kiGMfX4-.js";import{fY as jt,ea as Ct}from"./zeni-epic-state-Bo1aGezX.js";import{h as Rt}from"./Menu-pyYbFxsT-C1MdlXRT.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const Nn=({steps:e})=>{const l=oe();return n.jsx(kt,{windowSize:l,children:e.map((m,d)=>n.jsxs(Vt,{children:[n.jsx(Nt,{children:d!==e.length-1?d+1:n.jsx(It,{})}),n.jsx(Ot,{children:m}),d<e.length-1?n.jsx(Mt,{}):null]},`step_${d}`))})},Vt=r.div`
+  display: flex;
+  flex-direction: row;
+  position: relative;
+`,kt=r.div`
+  width: 100%;
+  margin-top: ${t.sp4};
+`,Mt=r.div`
+  top: ${t.sp2};
+  width: 1px;
+  height: 100%;
+  position: absolute;
+  left: ${t.sp3};
+  width: 2px;
+  background: ${e=>e.theme.colors.grey2};
+`,Nt=r.div`
+  width: ${t.sp5};
+  height: ${t.sp5};
+  border: 1px solid ${e=>e.theme.colors.grey1};
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: 50%;
+  z-index: 1;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: ${ot.bold};
+  color: ${e=>e.theme.colors.hero};
+`,Ot=r.div`
+  padding-bottom: ${t.sp4};
+  margin-left: ${t.sp6};
+`,It=r(rt)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+`,R=be.getLocalizedStrings(),Pt=()=>n.jsx(Nn,{steps:[zt(),Tt(),Dt(),Lt(),Bt()]}),zt=()=>{const e=R.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step1;return n.jsxs(Ae,{children:[e.navigateTo,n.jsx(fe,{children:e.expenses}),e.andSelectThe,n.jsx(fe,{children:e.vendors}),e.tab]})},Tt=()=>{const e=R.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step2;return n.jsxs(Ae,{children:[e.lineText,n.jsxs(fe,{children:[n.jsx(On,{}),R.common.edit]}),e.andCopy,n.jsxs(At,{children:[n.jsx(Ft,{}),n.jsx(mn,{children:e.company}),R.common.and,n.jsx(mn,{children:e.display}),R.common.texts.name.toLowerCase(),R.common.strings.space,n.jsx(_t,{})]})]})},Dt=()=>{const e=R.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step3;return n.jsxs(Ae,{children:[e.goBackTo,n.jsx(fe,{children:R.common.headers.vendors}),e.lineText,n.jsxs(fe,{children:[n.jsx(On,{}),R.common.edit]})]})},Lt=()=>{const e=R.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step4;return n.jsx(Ae,{children:e.lineText})},Bt=()=>{const e=R.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step5;return n.jsxs(Ae,{children:[R.common.texts.select,R.common.strings.space,n.jsx(fe,{children:R.common.footer.save}),e.andThen,n.jsx(fe,{children:R.common.yes}),R.common.strings.space,R.common.to,R.common.texts.confirm.toLowerCase(),R.common.strings.dot]})},Ae=r(He)`
+  color: ${e=>e.theme.colors.hero};
+`,At=r.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+`,On=r(tn)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  padding: 2px;
+  vertical-align: middle;
+`,Ft=r(Vn)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  vertical-align: middle;
+  margin-right: ${t.sp2};
+  color: ${F.success};
+`,_t=r(it)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  margin-left: ${t.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,fe=r(He)`
+  color: ${e=>e.theme.colors.primary};
+  border-radius: ${t.sp1};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  background: ${e=>e.theme.colors.background};
+  padding: ${t.sp1} ${t.sp2};
+  align-items: center;
+  justify-content: center;
+`,mn=r(jn)`
+  color: ${e=>e.theme.colors.primary};
+  margin-left: ${t.sp1};
+  margin-right: ${t.sp1};
+`,K=be.getLocalizedStrings(),Et=()=>n.jsx(Nn,{steps:[Ut(),Wt(),qt(),Gt(),Ht(),Qt(),Kt(),Jt(),Yt(),Xt()]}),Ut=()=>{const e=K.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step1;return n.jsxs(J,{children:[e.goTo,n.jsx(P,{children:e.lists}),e.then,n.jsx(P,{children:e.relationships}),e.then2,n.jsx(P,{children:e.vendors})]})},Wt=()=>{const e=K.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step2;return n.jsxs(J,{children:[e.click,n.jsxs(P,{children:[n.jsx(Zt,{}),e.edit]}),e.next,n.jsx(P,{children:e.vendor}),e.sourceInfo]})},qt=()=>{const e=K.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step3;return n.jsxs(J,{children:[e.onThe,n.jsx(P,{children:e.vendor}),e.page,n.jsx(P,{children:e.actions}),e.click,n.jsx(P,{children:e.merge})]})},Gt=()=>{const e=K.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step4;return n.jsxs(J,{children:[e.onThe,n.jsx(P,{children:e.mergeVendor}),e.endText]})},Ht=()=>{const e=K.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step5;return n.jsx(J,{children:e.text})},Qt=()=>{const e=K.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step6;return n.jsxs(J,{children:[e.click,n.jsx(P,{children:e.merge}),e.text,n.jsx(P,{children:e.ok})]})},Kt=()=>{const e=K.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step7;return n.jsxs(J,{children:[e.onThe,n.jsx(P,{children:e.duplicateResolution}),e.text]})},Jt=()=>{const e=K.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step8;return n.jsxs(J,{children:[e.click,n.jsx(P,{children:e.refresh}),e.processText,n.jsx(P,{children:e.cancel}),e.haltText]})},Yt=()=>{const e=K.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step9;return n.jsxs(J,{children:[e.the,n.jsx(P,{children:e.status}),e.text]})},Xt=()=>{const e=K.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step10;return n.jsxs(J,{children:[e.text,n.jsx(eo,{})]})},J=r(He)`
+  color: ${e=>e.theme.colors.hero};
+`,Zt=r(tn)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  padding: 2px;
+  vertical-align: middle;
+`,eo=r(Vn)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  vertical-align: middle;
+  margin-right: ${t.sp2};
+  color: ${F.success};
+`,P=r(He)`
+  color: ${e=>e.theme.colors.primary};
+  border-radius: ${t.sp1};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  background: ${e=>e.theme.colors.background};
+  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)},no=()=>{const e=oe();return n.jsx(to,{windowSize:e,children:n.jsx(oo,{children:n.jsxs(ro,{children:[n.jsxs(De,{windowSize:e,width:A.vendorsContainerWidth,gap:A.logoToValueGap,children:[n.jsx(Cn,{width:c[6],height:c[6]}),n.jsx(Le,{windowSize:e,children:n.jsx(Me,{width:120,height:c[4]})})]}),n.jsx(De,{windowSize:e,width:A.invoiceContainerWidth,children:n.jsx(Le,{windowSize:e,children:n.jsx(Me,{width:120,height:c[4]})})}),n.jsx(De,{windowSize:e,width:A.recommendedContainerWidth,children:n.jsx(Le,{windowSize:e,children:n.jsx(Me,{width:120,height:c[4]})})}),n.jsx(De,{windowSize:e,width:A.retainedContainerWidth,children:n.jsx(Le,{windowSize:e,children:n.jsx(Me,{width:120,height:c[4]})})}),n.jsx(De,{windowSize:e,width:A.statusContainerWidth,children:n.jsx(Le,{windowSize:e,children:n.jsx(Me,{width:120,height:c[4]})})})]})})})},to=r.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)};
+  border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${F.dropShadowNormalDark} ${t.sp0} 2px ${t.sp1}`:`${t.sp0} 2px ${t.sp1} ${F.dropShadowNormalLight}`};
+  border-radius: ${t.sp2};
+  cursor: pointer;
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    div {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .entity-icon {
+      color: ${e=>e.theme.colors.grey5};
+    }
+  }
+  margin-right: ${e=>A.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>A.containerMarginLeft.valuePx(e.windowSize)};
+  box-sizing: border-box;
+  align-items: center;
+`,oo=r.div`
+  display: block;
+  width: 100%;
+`,ro=r.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+`,De=r.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>e.gap?.valuePx(e.windowSize)};
+  width: ${e=>e.width.valuePercentage(e.windowSize)};
+  :last-of-type {
+    padding-right: 0;
+  }
+`,Le=r(Ie)`
+  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-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>e.windowSize==="small"?"200px":"initial"};
+  display: "inline-block";
+  margin-right: ${t.sp4};
+`,on=be.getLocalizedStrings(),Qe=on.vendors.reviewVendorList.header,In={key:"vendor",value:Qe.vendors,sortOrder:"ascending",width:25},Pn={key:"updateTo",value:Qe.updateTo,sortOrder:"ascending",width:27},io={key:"retain",value:Qe.retain,sortOrder:"ascending",width:20},zn={key:"status",value:Qe.status,sortOrder:"ascending",width:10},so={key:"action",value:on.common.strings.empty,sortOrder:"ascending",width:15},lo=[In,{key:"viewTenantInvoice",value:on.common.strings.empty,sortOrder:"ascending",width:c[1]},Pn,io,zn,so],pn=[In.key,Pn.key,zn.key],un="ytd",ao="descending",Ve={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(45,58)},Tn=({sortConfig:e,disableClick:l=!1,onColumnSortConfigChanged:m})=>{const d=oe(),[i,j]=x.useState(lo);x.useEffect(()=>{const g=[...i];for(const b of g)b.key===e.sortKey?b.sortOrder=e.sortOrder:b.sortOrder="ascending";j(g)},[e.sortKey,e.sortOrder]);const S=(g,b)=>{let I=b;e.sortKey===g&&(I=b==="ascending"?"descending":"ascending"),m(g,I)};return n.jsx(co,{windowSize:d,children:i.map(g=>n.jsxs(mo,{sortDataValue:e.sortKey,actualDataValue:g.key,wrapperWidth:g.width,isClickDisabled:l,windowSize:d,children:[n.jsx(go,{onClick:()=>(b=>{l===!1&&b.key!=null&&pn.includes(b.key)&&S(jt(b.key),b.sortOrder)})(g),isClickDisabled:l,isSortingDisabled:g.key==="retain","data-testid":Q("vendor-first-review-page-header-name-wrapper"),children:n.jsxs(n.Fragment,{children:[g.key==="updateTo"?n.jsx(wo,{children:n.jsx(vo,{})}):null,n.jsx(Se,{children:g.value}),pn.includes(g.key)?n.jsx(uo,{sortConfig:e,headerdata:g,children:n.jsx(nt,{width:12,height:12})}):null]})}),n.jsx(ho,{isClickDisabled:l,sortDataValue:e.sortKey,isVisible:e.sortKey===g.key&&g.key!==un,children:n.jsx(po,{onClick:()=>{l===!1&&S(un,ao)},"data-testid":Q("vendor-first-review-page-header-sort-cancel-icon")})})]},g.key))})},co=r.div`
+  top: ${t.sp0};
+  left: ${t.sp0};
+  min-height: ${e=>Ve.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>Ve.headerHeight.valuePx(e.windowSize)};
+  width: 100%;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${Ve.headerLastColumnTopPadding.valuePx(e.windowSize)} ${Ve.headerLastColumnRightPadding.valuePx(e.windowSize)} ${Ve.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${Ve.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+`,mo=r.div`
+  color: ${e=>e.isClickDisabled?e.theme.colors.grey1:e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
+
+  width: ${e=>`${e.wrapperWidth}%`};
+  max-width: ${e=>`${e.wrapperWidth}%`};
+  padding-left: ${t.sp0};
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  left: ${t.sp0};
+  justify-content: flex-start;
+  position: static;
+  z-index: 0;
+  box-sizing: border-box;
+`,po=r(tt)`
+  width: 12px;
+  height: 12px;
+`,uo=r.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"};
+`,ho=r.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+  cursor: ${e=>e.isClickDisabled===!0?"not-allowed":"pointer"};
+  &:hover {
+    color: ${e=>e.isClickDisabled?e.theme.colors.grey1:e.theme.colors.primary};
+  }
+`,go=r.div`
+  display: flex;
+  cursor: ${e=>e.isClickDisabled===!0?"not-allowed":e.isSortingDisabled===!0?"auto":"pointer"};
+  gap: 6px;
+  &:hover {
+    color: ${e=>e.isClickDisabled||e.isSortingDisabled?e.theme.colors.grey1:e.theme.colors.primary};
+  }
+`,wo=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,vo=r(Rn)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  width: ${t.sp3};
+  height: ${t.sp3};
+`,xo=({sortConfig:e,onColumnSortConfigChanged:l})=>{const m=oe();return n.jsxs(fo,{windowSize:m,children:[n.jsx(Tn,{sortConfig:e,disableClick:!0,onColumnSortConfigChanged:l}),n.jsx(bo,{windowSize:m,children:[...Array(7)].map((d,i)=>n.jsx(no,{},i))})]})},fo=r.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,bo=r.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+`,de={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)},So={selectFieldInput:new St("smallRegular","standardRegular")},$o=({name:e,registerOptions:l,menuIsOpen:m,defaultValue:d,isDisabled:i,style:j,placeholder:S,customStyleConfig:g,showDownChevronWithValue:b,isOptionRemovable:I=!0,autoFocus:U=!1,getRenameOptionText:re,onClickRenameOption:Y,onMenuClose:f,valueToInfo:G,valueToId:X,loadOptions:z})=>{const{control:Fe,formState:{errors:$e}}=pt(),ye=nn(),[ce,T]=x.useState(null),W=ut($e,e),Pe=x.useCallback(u=>({value:u.value,label:u.label,info:G?.(u.value)??"",id:X?.(u.value)??null,isDisabled:u.isDisabled,isOptionRecommended:u.isOptionRecommended}),[G,X]),Z=u=>{if(u==null||!u)return;let C=[];return d.defaultOptions.forEach(N=>{C=C.concat(N.options)}),{value:u,label:C.find(N=>N.value===u)?.label??u,info:G?.(u)??""}},y={...g,container:u=>({...u,width:"100%",...j}),valueContainer:(u,C)=>({...u,justifyContent:C.selectProps.menuIsOpen===!1?"flex-end":"flex-start",...g?.valueContainer?.(u,C)}),menu:u=>({...u,backgroundColor:ye.colors.grey5,borderRadius:t.sp1,boxShadow:`${t.sp0} 2px ${t.sp2} ${ye.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:u=>({...u,borderRadius:t.sp1})},je={hasError:W,showDownChevronWithValue:b,customFirstGroup:ce,updateCustomFirstGroup:u=>{T(u)},getRenameOptionText:re,onClickRenameOption:Y},H=be.getLocalizedStrings().autoComplete,M=oe(),V=u=>u.inputValue.trim().length<2?null:n.jsxs(er,{windowSize:M,children:[n.jsx(nr,{}),n.jsx(tr,{children:H.input.noMatches})]}),_=x.useRef(yn((u,C)=>((N,ie)=>{z(N,ie)})(u,C),500,{trailing:!0})).current,v=(u,C)=>{if(u.trim().length<2)return C([]);_(u,C)};return n.jsx(ht,{name:e,control:Fe,defaultValue:d,rules:l,render:({field:{onChange:u,onBlur:C,value:N,ref:ie}})=>{const L=N;return n.jsx(gt,{...je,menuIsOpen:m,autoFocus:U,ref:ie,cacheOptions:!1,isMulti:!1,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:S,noOptionsMessage:V,value:Z(L.selectedOption),defaultOptions:(me=L.defaultOptions,me.map(D=>({label:D.label,options:D.options.map(se=>Pe(se))}))),loadOptions:v,onChange:D=>{D==null||D.value!=null&&L?.selectedOption===D.value?I===!0&&u({selectedOption:void 0,defaultOptions:L.defaultOptions}):u({selectedOption:D.value,defaultOptions:L.defaultOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,onMenuClose:f,classNamePrefix:"auto-complete-grouped-single-select-field",onBlur:C,menuPlacement:"auto",maxMenuHeight:288,menuShouldScrollIntoView:!0,closeMenuOnSelect:!0,components:{Control:yo,Option:Oo,Input:Co,Group:Vo,GroupHeading:ko,SingleValue:Mo,ValueContainer:jo,MenuList:Ro,LoadingIndicator:sr,DropdownIndicator:or,IndicatorSeparator:rr,Placeholder:No,ClearIndicator:ir},hideSelectedOptions:!1,styles:y,isDisabled:i!=null});var me}})},yo=e=>{const{menuIsOpen:l,isFocused:m,isDisabled:d,selectProps:i,options:j}=e,{value:S,hasError:g}=i;let b=[];j.forEach(U=>{b=b.concat(U.options)});const I=oe();return n.jsx(Do,{windowSize:I,menuIsOpen:l,isFocused:m,isDisabled:d,selectedValue:S,hasError:g,children:n.jsx(te.Control,{...e,className:"select-control",children:e.children})})},jo=e=>{const{selectProps:l,children:m}=e,{showDownChevronWithValue:d}=l;return n.jsxs(te.ValueContainer,{...e,className:"select-value-container",children:[m,d===!0?n.jsx(Ie,{children:n.jsx(Lo,{})}):null]})},Co=e=>{const{selectProps:l}=e,{placeholder:m,value:d}=l;return n.jsx(te.Input,{...e,autoComplete:"off",placeholder:d==null?m:void 0,children:e.children})},Ro=e=>{const{children:l,selectProps:m}=e,{customFirstGroup:d,updateCustomFirstGroup:i,getRenameOptionText:j,onClickRenameOption:S}=m,g=oe(),b=j?.(e.selectProps.inputValue);return x.useEffect(()=>{d==null&&i(l[0])},[d,i,l]),n.jsx(n.Fragment,{children:e.isLoading===!0?n.jsxs(te.MenuList,{...e,children:[d,n.jsx(Go,{windowSize:g,children:[...Array(2)].map((I,U)=>n.jsxs(Ho,{windowSize:g,children:[n.jsx(Cn,{width:c[4],height:c[4]}),n.jsx(Me,{width:218,height:c[4]})]},U))})]}):n.jsxs(te.MenuList,{...e,children:[l,b!=null&&b.length>0?n.jsxs(Qo,{onClick:()=>{S?.(e.selectProps.inputValue)},children:[n.jsx(Jo,{children:n.jsx(Ko,{})}),n.jsx(Yo,{children:b})]}):null]})})},Vo=e=>n.jsx(te.Group,{...e,children:e.children}),ko=e=>{const[l,m]=x.useState(!0);return n.jsx(Uo,{className:"group-heading-container",isGroupOpen:l,onClick:()=>m(!l),children:n.jsxs(te.GroupHeading,{...e,children:[n.jsx(Wo,{isGroupOpen:l,children:n.jsx(qo,{className:"close-tick-icon"})}),e.children]})})},Mo=({children:e,...l},m)=>{const d=m==null||l.selectProps.menuIsOpen===!0?e:m.sticky===!0?n.jsx(Io,{title:m.text,children:e}):n.jsx(Be,{style:{padding:t.sp3},title:m.text,placement:"top",children:e});return n.jsx(te.SingleValue,{...l,children:d})},No=()=>null,Oo=e=>{const{data:l,isSelected:m,isDisabled:d,isFocused:i}=e;return n.jsx(Bo,{className:"select-option-wrapper",isFocused:i,isSelected:m,isDisabled:d,isOptionRecommended:l.isOptionRecommended===!0,showBottomBorder:l.info==null||l.isOptionRecommended===!1,children:n.jsx(te.Option,{...e,className:"select-option",children:n.jsxs(Ao,{isOptionRecommended:l.isOptionRecommended,children:[l.isOptionRecommended===!0?n.jsx(Xo,{children:n.jsx(Zo,{})}):null,n.jsxs(Eo,{isSelected:m,isOptionRecommended:l.isOptionRecommended,children:[n.jsx(Fo,{isSelected:m,isDisabled:d,children:l.label}),l.isOptionRecommended===!0&&l.info!=null?n.jsx(_o,{isSelected:m,isDisabled:d,children:l.info}):null]})]})})})},Io=({children:e,title:l})=>n.jsxs(Po,{children:[n.jsxs(zo,{children:[l,n.jsx(To,{})]}),e]}),Po=r.div`
+  position: relative;
+  display: none;
+`,zo=r.div`
+  position: absolute;
+  background: ${Ze.primary};
+  color: ${Ze.grey5};
+  padding: ${t.sp3};
+  border-radius: ${t.sp1};
+  top: -60px;
+  right: 20px;
+  opacity: 0.85;
+  pointer-events: none;
+`,To=r.span`
+  position: absolute;
+  top: 55px;
+  left: 85%;
+  border-width: ${t.sp2};
+  border-style: solid;
+  border-color: ${Ze.primary} transparent transparent transparent;
+`,Do=r.span`
+  width: calc(100% - ${t.sp4});
+  background-color: ${e=>e.hasError?F.importantLight:e.menuIsOpen?e.theme.colors.background:e.theme.colors.grey5};
+  border-radius: ${t.sp1};
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  .select-control {
+    border: none;
+    height: ${t.sp6};
+    background-color: inherit;
+    &:hover {
+      fill: ${e=>e.theme.colors.primary};
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError?F.importantLight:e.theme.colors.background};
+      border-color: none;
+    }
+    box-shadow: none;
+    width: auto;
+    min-height: auto;
+    cursor: pointer;
+  }
+
+  .select-value-container {
+    width: 100%;
+    display: flex;
+    padding: 0;
+    max-width: 100%;
+    height: 100%;
+    min-width: auto;
+    align-items: center;
+    flex-wrap: nowrap;
+    cursor: pointer;
+    justify-content: "flex-start";
+    .auto-complete-grouped-single-select-field__single-value {
+      display: flex;
+      color: ${e=>e.hasError?F.important:e.theme.colors.primary};
+      ${e=>`${So.selectFieldInput.style(e.windowSize)}`};
+    }
+
+    .auto-complete-grouped-single-select-field__input-container {
+      display: flex;
+      width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?t.sp0:"100%"};
+      position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
+      ${Mn.standardRegular.css};
+      color: ${e=>e.theme.colors.primary};
+      margin: ${t.sp0};
+      cursor: inherit;
+
+      > input {
+        text-align: ${e=>e.isFocused===!1&&e.selectedValue==null?"right":"initial"};
+        align-items: center;
+        overflow: hidden;
+        cursor: inherit;
+        :disabled {
+          visibility: visible;
+        }
+        ::placeholder {
+          color: ${e=>e.hasError?F.important:e.theme.colors.grey1};
+        }
+      }
+    }
+  }
+
+  ~ .auto-complete-grouped-single-select-field__menu {
+    margin-top: ${t.sp3};
+    width: 125%;
+  }
+`,Lo=r(xt)`
+  width: 12px;
+  height: 12px;
+  color: ${e=>e.theme.colors.hero};
+  padding-right: 12px;
+`,Bo=r.div`
+  height: ${e=>e.isOptionRecommended===!0?t.sp8:t.sp6};
+  &:hover {
+    background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+  }
+  .select-option {
+    ${Mn.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};
+    opacity: ${e=>e.isDisabled?.32:1};
+    background-color: ${e=>e.isSelected?e.theme.colors.background:e.theme.colors.grey5};
+    ${e=>e.isFocused&&`background-color: ${e.theme.colors.background}`};
+
+    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+    border-top: none;
+    .close-tick-icon {
+      display: none;
+    }
+    &:hover {
+      color: ${e=>e.isDisabled?e.theme.colors.champion:e.theme.colors.primary};
+      .right-tick-icon {
+        display: none;
+      }
+      .close-tick-icon {
+        display: inline-block;
+      }
+    }
+  }
+`,Ao=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: ${e=>e.isOptionRecommended===!0?t.sp1:t.sp0};
+  height: ${e=>e.isOptionRecommended===!0?t.sp5:"auto"};
+`,Fo=r(Se)`
+  padding-right: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  ${e=>e.isSelected&&"cursor: default"};
+`,_o=r(kn)`
+  padding-right: 10px;
+  color: ${e=>e.theme.colors.grey1};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Eo=r.div`
+  width: ${e=>e.isSelected?`calc(100% - ${t.sp3})`:"100%"};
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+`,Uo=r(ft)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  margin-bottom: ${t.sp1};
+  ~ div .select-option-wrapper {
+    display: ${e=>e.isGroupOpen?"flex":"none"};
+  }
+  .auto-complete-grouped-single-select-field__group-heading {
+    display: flex;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    font-family: inherit;
+    color: inherit;
+    text-transform: capitalize;
+    cursor: pointer;
+    padding: 0 ${t.sp3};
+    margin-bottom: ${t.sp0};
+    width: 100%;
+  }
+`,Wo=r.div`
+  display: flex;
+  margin-right: ${t.sp2};
+  transform: ${e=>e.isGroupOpen?"rotate(0deg)":"rotate(-90deg)"};
+  align-items: center;
+`,qo=r(bt)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Go=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>de.loadingStateOptionRowGap.valuePx(e.windowSize)};
+  margin: ${e=>`${de.loadingStateOptionTopMargin.valuePx(e.windowSize)} ${de.loadingStateOptionRightMargin.valuePx(e.windowSize)} ${de.loadingStateOptionBottomMargin.valuePx(e.windowSize)} ${de.loadingStateOptionLeftMargin.valuePx(e.windowSize)}`};
+`,Ho=r.div`
+  display: flex;
+  column-gap: ${e=>de.loadingStateRowGap.valuePx(e.windowSize)};
+`,Qo=r.div`
+  display: flex;
+  align-items: flex-start;
+  padding: 9px ${t.sp3};
+  cursor: pointer;
+  border-top: none;
+  column-gap: ${t.sp2};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+    border-color: none;
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ko=r(vt)`
+  height: 20px;
+  width: 20px;
+`,Jo=r.div`
+  display: flex;
+  width: ${t.sp3};
+  align-items: center;
+`,Yo=r(Se)`
+  overflow-wrap: break-word;
+  white-space: normal;
+  word-break: break-all;
+`,Xo=r.div`
+  margin-right: ${t.sp2};
+  margin-bottom: 12px;
+`,Zo=r(Rn)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${t.sp3};
+  height: ${t.sp3};
+`,er=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-top: ${e=>de.autocompleteEmptyPaddingTop.valuePx(e.windowSize)};
+  padding-right: ${t.sp3};
+  padding-bottom: ${e=>de.autocompleteEmptyPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${t.sp0};
+`,nr=r($t)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  margin: ${t.sp3} ${t.sp3} ${t.sp3} ${t.sp0};
+  color: ${e=>e.theme.colors.hero};
+  overflow: visible;
+`,tr=r(Se)`
+  overflow-wrap: break-word;
+  white-space: normal;
+  word-break: break-all;
+`,or=()=>null,rr=()=>null,ir=()=>null,sr=()=>null,rn=(e,l,m,d,i)=>{const j=be.getLocalizedStrings().vendorReview.firstReview,S=[];return m.length>0&&S.push({label:j.vendorDropdown.recommendedVendor,options:[]}),m.forEach(g=>{S[0].options.push({label:g.globalMerchantName,value:g.globalMerchantId??g.globalMerchantName,isVisible:!0,isDisabled:l,info:g.reason,isOptionRecommended:!0})}),S.length&&S[0].options.length===0&&S.pop(),S.push({label:j.vendorDropdown.allVendors,options:e.map(g=>({label:g.globalMerchantName,value:g.globalMerchantId,isVisible:!0}))}),d!=null&&S[S.length-1].options.push({label:d.name,value:d.id,isVisible:!1,isDisabled:l}),i!=null&&S[S.length-1].options.push({label:i.name,value:i.id,isVisible:!1}),S},O={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:E,vendorReview:{firstReview:xe}}=be.getLocalizedStrings(),lr=({analytics:e,authParams:l,attachmentEndpoint:m,sectionId:d,rowData:i,searchAutoComplete:j,setCurrentVendorInAction:S,onClickRenameOption:g,onVendorNameClick:b,onClickSave:I,onClickCancel:U,onClearGlobalMerchantAutoCompleteResults:re})=>{const Y=nn(),f=oe(),G=$n(),[X,z]=x.useState(!1),[Fe,$e]=x.useState(0),[ye,ce]=x.useState(!1),{globalMerchantAutoCompleteView:T}=j.autoCompleteData,W=i.currentSelection!=null,[Pe,Z]=x.useState(!1),{transactionAttachments:y}=i,[je,H]=x.useState([]),[M,V]=x.useState(null),[_,v]=x.useState(0),[u,C]=x.useState(0),[N,ie]=x.useState(0),L=o=>{ie(o),Z(!0),se(y[o]),V(je[o])};function me(o){return o<0?y.length+o:o%y.length}const[D,se]=x.useState(y[0]),ze=y.length===0,Te=y.map(o=>o.id),_e=(o,a)=>{Z(!0),async function(h){return await an(m,l,h)}({vendorId:o,attachmentIds:[Te[a]]}).then(h=>{H(h),se(y[a]),y.length>0&&V(h[0])})},Ee=x.useMemo(()=>i.currentSelection==="customMerchant"&&i.selectedVendor.id!=null&&i.selectedVendor.name!=null?{id:i.selectedVendor.id,name:i.selectedVendor.name}:void 0,[i]),pe=i.status.code==="under_review"||i.saveStatus.fetchState==="In-Progress",le=i.status.code==="merge_in_qbo"||i.status.code==="merge_in_netsuite",Ce=le||pe,ue=i.currentVendor!=null?{label:{label:i.currentVendor?.name,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:Ye(d,ne,"retain"),defaultChecked:i.currentSelection==="retain"},tooltipProps:{text:i.currentVendor?.name},isDisabled:Ce}:void 0,Ke=x.useCallback(o=>o.logo!=null?n.jsxs(xr,{children:[n.jsx(ln,{photoUrl:o.logo.toString(),styles:{width:O.logoHeightAndWidth.valuePx(f),height:O.logoHeightAndWidth.valuePx(f)},placeholder:{width:O.logoHeightAndWidth.value(f),height:O.logoHeightAndWidth.value(f)},fallbackAvatar:n.jsx(Xe,{children:n.jsx(Je,{name:o.globalMerchantName,size:O.logoHeightAndWidth.valuePx(f)})})}),n.jsx(ve,{windowSize:f,isLastItem:!1,children:n.jsx(bn,{children:o.globalMerchantName})})]}):n.jsx(ve,{windowSize:f,isLastItem:!1,children:n.jsx(bn,{children:o.globalMerchantName})}),[f]),Ue=i.recommendations.map((o,a)=>{const h=Ke(o),s=`recommended${st(a)}`;return{label:{label:h,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:Ye(d,ne,s),defaultChecked:i.currentSelection===s},tooltipProps:{text:o.websiteUrl?.toString().length?n.jsx(ar,{recommendation:o,onRedirectionToRecommendedMerchantWebsiteUrl:()=>(p=>{let $=p.websiteUrl?.toString();if($){if($.includes("http")||($="https://".concat($)),i.currentVendor!=null){const q=p?.globalMerchantName??null;e.trackVendorReviewWebsiteOpened({reviewSource:"tenant_review",vendorName:i.currentVendor.name,wasRecommendationAvailable:!!q,recommendedVendorName:q,recommendedVendorReason:p.reason??null,vendorWebsite:$})}window.open($,"_blank")}})(o)}):o.globalMerchantName,maxWidth:"360px"},isDisabled:Ce,fieldName:s}}),B=x.useMemo(()=>({defaultOptions:rn(T.globalMerchants,le,i.recommendations,i.currentVendor,Ee),selectedOption:i.selectedVendor.id}),[T,i,Ee,le]),We=()=>{z(!1),re()};return n.jsxs(cr,{windowSize:f,isDisabled:pe,isRowActive:W,children:[n.jsx(ke,{windowSize:f,width:25,isDisabled:pe,gap:O.logoToValueGap,children:n.jsx(n.Fragment,{children:X===!0?n.jsx(lt,{onClickAway:We,children:n.jsx(gr,{windowSize:f,children:n.jsx($o,{name:Ye(d,ae),placeholder:E.strings.empty,defaultValue:B,autoFocus:!0,customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start",margin:`${t.sp0} ${t.sp3}`}),singleValue:()=>({display:"flex",alignItems:"center",color:Y.colors.hero,"&:hover":{color:Y.colors.primary}})},style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:"20px",cursor:"inherit",alignItems:"center"},valueToInfo:o=>i.recommendations.find(h=>h.globalMerchantId===o||h.globalMerchantName===o)?.reason??"",menuIsOpen:X,getRenameOptionText:o=>{const a=i.currentVendor?.name,h=[...T.globalMerchants.map(s=>s.globalMerchantName),...i.recommendations.map(s=>s.globalMerchantName)];return i.currentVendor==null||h.includes(o)||a===o?null:o.trim().length>0?xe.vendorDropdown.fromOldName.replace("__old_name__",a??"")+" "+xe.vendorDropdown.toNewName.replace("__new_name__",o??""):null},onMenuClose:We,loadOptions:(o,a)=>{S(i.vendorId),j.loadOptions(o,a)},isOptionRemovable:!1,onClickRenameOption:o=>{i.selectedVendor.id!=null&&g(i.selectedVendor.id,o),z(!1)}})})}):n.jsxs(n.Fragment,{children:[i.selectedVendor?.logo!=null&&i.selectedVendor.name!=null?n.jsx(ln,{photoUrl:i.selectedVendor.logo.toString(),styles:{width:O.nameLogoWidth.valuePx(f),height:O.nameLogoHeight.valuePx(f)},fallbackAvatar:n.jsx(Xe,{children:n.jsx(Je,{name:i.selectedVendor.name,size:t.sp6})})}):i.selectedVendor.name!=null?n.jsx(Xe,{children:n.jsx(Je,{name:i.selectedVendor.name,size:t.sp6})}):null,n.jsx(pr,{onClick:()=>{i.selectedVendor.id!=null&&i.vendorQboId!=null&&b(i.vendorId,i.vendorQboId)},"data-testid":Q("vendor-first-review-row-vendor-name-text"),children:n.jsxs(ur,{children:[i.selectedVendor.name?n.jsx(Be,{enterDelay:600,display:"block",placement:"bottom",title:i.selectedVendor.name,children:n.jsx(wn,{children:i.selectedVendor.name})}):n.jsx(wn,{children:E.strings.hyphen}),n.jsx(Be,{display:"block",placement:"bottom",title:E.tooltips.editName,enterDelay:600,children:n.jsx(hr,{onClick:o=>{o.stopPropagation(),z(!0)},"data-testid":Q("vendor-first-review-row-edit-icon")})})]})})]})})}),n.jsx(ke,{windowSize:f,width:c[1],isDisabled:!1,children:y.length>0?n.jsx(ve,{windowSize:f,className:"vendor-first-review-row-item",children:n.jsx(fr,{isDisabled:ze,onClick:()=>{return ze===!1?(o=i.vendorId,Z(!0),void async function(a){return await an(m,l,a)}({vendorId:o,attachmentIds:Te}).then(a=>{H(a),y.length>0&&V(a[0])})):null;var o},"data-testid":Q("vendor-first-review-row-attachment-tag-box"),children:n.jsx(Be,{display:"block",placement:"top",title:xe.viewRecipts,enterDelay:600,children:n.jsx(br,{children:n.jsx(at,{width:t.sp3,height:t.sp3})})})})}):n.jsx(ve,{className:"vendor-first-review-row-item",windowSize:f,children:E.strings.hyphen})}),n.jsx(ke,{windowSize:f,width:25,isDisabled:Ce,gap:O.logoToValueGap,children:Ue.map((o,a)=>n.jsxs(n.Fragment,{children:[n.jsx(ve,{windowSize:f,className:"vendor-first-review-row-item",children:n.jsx(dn,{isHighlighted:!0,defaultChecked:i.currentSelection===o.fieldName,label:o.label,checkBoxField:o.checkBoxField,isDisabled:o.isDisabled,tooltipProps:o.tooltipProps})}),a<Ue.length-1?n.jsxs(fn,{children:[" ",E.texts.or]}):null]}))}),n.jsx(ke,{windowSize:f,width:20,isDisabled:Ce,children:i.currentVendor!=null&&ue!=null?n.jsx(ve,{windowSize:f,className:"vendor-first-review-row-item",children:n.jsx(dn,{defaultChecked:i.currentSelection==="retain",label:ue.label,checkBoxField:ue.checkBoxField,isDisabled:ue.isDisabled,tooltipProps:ue.tooltipProps,backgroundDefaultColor:Y.colors.grey5})}):null}),n.jsx(ke,{windowSize:f,"data-currentVendorName":i.currentVendor?.name,"data-mergeVendorName":i.mergeVendorName,"data-testid":Q("vendor-first-review-row-status-tag"),width:W?10:25,isDisabled:pe,children:n.jsxs(ve,{windowSize:f,className:"vendor-first-review-row-item",children:[n.jsxs(fn,{children:[n.jsx(mr,{isDisabled:!1,clickable:!1,statusMergeInQBO:le,children:n.jsx(hn,{children:i.status.name})}),le&&i.currentVendor!=null&&i.mergeVendorName!=null?n.jsx(Be,{title:n.jsx(dr,{vendorName:i.currentVendor.name,mergeVendorName:i.mergeVendorName,statusCode:i.status}),maxWidth:"312px",children:n.jsx(dt,{width:t.sp3,height:t.sp3})}):null]}),i.lastUpdatedVendorNameByUser!=null&&le?n.jsx(hn,{children:`${E.by} ${ct(i.lastUpdatedVendorNameByUser)}`}):null]})}),n.jsxs(ke,{windowSize:f,width:W?15:0,isDisabled:pe,className:"vendor-first-review-action-items",children:[n.jsx(cn,{variant:"light_transparent",label:E.footer.cancel,onClick:o=>{o.stopPropagation(),U(d)},size:"small",style:{height:"100%"},disabled:!W}),n.jsx(gn,{space:t.sp0}),n.jsx(cn,{variant:"primary",loading:i.saveStatus.fetchState==="In-Progress",label:E.texts.confirm,onClick:o=>{o.stopPropagation(),I(i.vendorId)},size:"small",style:{height:"100%"},disabled:!W}),n.jsx(gn,{space:t.sp0}),n.jsx(wr,{children:i.currentSelection==null?n.jsx(Rt,{menuItems:n.jsxs(vr,{children:[n.jsxs(vn,{onClick:()=>{ce(!1),I(i.vendorId,!0)},"data-testid":Q("vendor-first-review-row-mark-as-employee-menu-item"),children:[n.jsx(xn,{}),xe.rowMoreActions.markAsEmployee]}),n.jsxs(vn,{onClick:()=>{ce(!1),I(i.vendorId,!1,!0)},"data-testid":Q("vendor-first-review-row-mark-as-contractor-menu-item"),children:[n.jsx(xn,{}),xe.rowMoreActions.markAsLocalContractor]})]}),setIsMenuOpen:ce,isMenuOpen:ye}):null})]}),Pe&&y.length>0?yt.createPortal(n.jsx(mt,{allFiles:je,fileSource:M,file:D,title:D.fileName,attachments:y,showNavigation:G.connectionName==="netsuite",setFileSource:V,setShowFullScreenView:Z,onCrossClick:()=>{Z(!1),V(null),H([]),y.length>0&&se(y[0])},onNextClick:()=>{H([]),$e(o=>{const a=o<y.length-1?o+1:0;return _e(i.vendorId,a),a})},onPreviousClick:()=>{H([]),$e(o=>{const a=o>0?o-1:y.length-1;return _e(i.vendorId,a),a})},setSelectedFileAttachment:se,handleTouchStart:function(o){v(o.targetTouches[0].clientX)},handleTouchMove:function(o){C(o.targetTouches[0].clientX)},handleTouchEnd:function(){_-u>50&&u!==0&&N<y.length-1?(L(me(N+1)),v(0),C(0)):_-u<-50&&u!==0&&N>0&&(L(me(N-1)),v(0),C(0))}}),document.body):null]})},ar=({recommendation:e,onRedirectionToRecommendedMerchantWebsiteUrl:l})=>n.jsxs(Dn,{setMaxHeight:!0,children:[n.jsxs(qe,{children:[n.jsx(Oe,{children:E.labels.name}),n.jsx(Ge,{children:e.globalMerchantName})]}),n.jsxs(qe,{children:[n.jsx(Oe,{children:E.labels.websiteURL}),n.jsx(Ge,{className:"websiteUrlTooltipText",onClick:l,"data-testid":Q("vendor-first-review-row-website-url-tooltip-content"),children:e.websiteUrl?.toString()})]})]}),dr=({vendorName:e,mergeVendorName:l,statusCode:m})=>n.jsxs(Dn,{setMaxHeight:!1,children:[m.code==="merge_in_qbo"?n.jsx(Oe,{children:xe.tooltip.mergeInQBOText}):null,m.code==="merge_in_netsuite"?n.jsx(Oe,{children:xe.tooltip.mergeInNetSuiteText}):null,n.jsxs(qe,{children:[n.jsx(Oe,{children:E.labels.vendor}),n.jsx(Ge,{children:e})]}),n.jsxs(qe,{children:[n.jsx(Oe,{children:E.labels.mergedTo}),n.jsx(Ge,{children:l})]})]}),cr=r.div`
+  display: flex;
+  margin-bottom: ${t.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>O.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>O.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>O.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>O.containerPaddingBottom.valuePx(e.windowSize)};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${F.dropShadowNormalDark} ${t.sp0} 2px ${t.sp1}`:`${t.sp0} 2px ${t.sp1} ${F.dropShadowNormalLight}`};
+  border-radius: ${t.sp2};
+  height: ${t.sp10};
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    .entity-icon {
+      color: ${e=>e.theme.colors.grey5};
+    }
+    .vendor-first-review-action-items {
+      width: 15%;
+      visibility: visible;
+    }
+    > div:nth-last-of-type(2) {
+      width: 11%;
+    }
+  }
+  .vendor-first-review-action-items {
+    visibility: ${e=>e.isRowActive===!0?"visible":"hidden"};
+    padding-right: 0;
+    justify-content: flex-end;
+  }
+  margin-right: ${e=>O.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>O.containerMarginLeft.valuePx(e.windowSize)};
+  box-sizing: border-box;
+  align-items: center;
+  pointer-events: ${e=>e.isDisabled===!0?"none":"auto"};
+  ${e=>e.isRowActive?en`
+        border-color: ${e.theme.colors.primary};
+        .vendor-first-review-row-item {
+          color: ${e.theme.colors.primary};
+        }
+        .entity-icon {
+          color: ${e.theme.colors.grey5};
+        }
+        .edit-icon {
+          visibility: visible;
+          :hover {
+            color: ${e.theme.colors.primary};
+          }
+        }
+      `:en``};
+`,ke=r.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>e.gap?.valuePx(e.windowSize)};
+  opacity: ${e=>e.isDisabled===!0?"0.32":"1"};
+  width: ${e=>`${e.width}%`};
+  pointer-events: ${e=>e.isDisabled===!0?"none":"auto"};
+`,ve=r(Ie)`
+  flex-direction: column;
+  word-break: break-word;
+  white-space: nowrap;
+  -webkit-line-clamp: ${e=>O.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>e.windowSize==="small"?"200px":"initial"};
+  justify-content: ${e=>e.isLastItem===!0?"flex-end":"unset"};
+  display: flex;
+`,mr=r.div`
+  color: ${e=>e.statusMergeInQBO===!0?e.theme.colors.alert:e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.grey1};
+  border: 1px solid
+    ${e=>e.statusMergeInQBO===!0?e.theme.colors.alert:e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.grey1};
+  padding: ${t.sp0} 6px;
+  border-radius: ${t.sp1};
+  cursor: ${e=>e.clickable?"pointer":"default"};
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  margin-right: ${t.sp2};
+`,hn=r(kn)`
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,gn=r.div`
+  display: flex;
+  align-items: center;
+  height: ${t.sp4};
+  width: ${t.sp3};
+  margin-right: ${e=>e.space};
+`,pr=r(Ie)`
+  display: flex;
+  max-width: calc(100% - ${t.sp6});
+  flex: 1 1 auto;
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+  align-items: center;
+  overflow: hidden;
+  display: flex;
+`,ur=r.div`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  word-break: break-word;
+  white-space: nowrap;
+  align-items: center;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  max-width: 100%;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    svg {
+      visibility: visible;
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  > div:first-of-type {
+    max-width: 80%;
+  }
+`,hr=r(tn)`
+  color: ${e=>e.theme.colors.hero};
+  margin: ${t.sp0} ${t.sp2};
+  align-items: center;
+  height: ${t.sp3};
+  width: ${t.sp4};
+  visibility: hidden;
+  cursor: pointer;
+`,wn=r(Ie)`
+  padding-left: ${t.sp2};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+`,gr=r.div`
+  display: flex;
+  width: 400px;
+`,Xe=r.div`
+  display: flex;
+`,Dn=r.div`
+  width: auto;
+  box-sizing: border-box;
+  max-height: ${e=>e.setMaxHeight?t.sp10:"none"};
+  &:hover {
+    .websiteUrlTooltipText {
+      cursor: pointer;
+    }
+  }
+  margin-bottom: ${t.sp2};
+  padding: ${t.sp2} ${t.sp3} ${t.sp2} ${t.sp3};
+`,qe=r.div`
+  display: flex;
+  gap: ${t.sp3};
+  justify-content: space-between;
+`,Ge=r(Se)`
+  color: ${F.primaryDark};
+  overflow: hidden;
+  word-wrap: break-word;
+  white-space: initial;
+`,Oe=r(Se)`
+  color: ${F.heroDark};
+  white-space: initial;
+  word-wrap: break-word;
+`,wr=r.div`
+  display: flex;
+  justify-content: flex-end;
+`,vr=r.div`
+  margin: 5px ${t.sp0};
+`,vn=r(Se)`
+  height: ${t.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${t.sp0} ${t.sp3};
+  color: ${e=>e.isDelete===!0?F.important:e.theme.colors.hero};
+  cursor: pointer;
+  gap: ${t.sp2};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,xn=r(wt)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+`,fn=r.div`
+  display: flex;
+`,xr=r.div`
+  display: flex;
+  gap: ${t.sp2};
+`,fr=r.div`
+  cursor: ${e=>e.isDisabled?"default":"pointer"};
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  margin-right: ${t.sp2};
+  &:hover {
+    svg {
+      color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
+    }
+  }
+`,br=r.div`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  display: flex;
+  align-items: center;
+`,Sr=en`
+  flex-grow: 1;
+  word-break: break-word;
+  white-space: nowrap;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  max-width: 100%;
+`,bn=r.div`
+  ${Sr};
+`,$r=e=>n.jsx(lr,{...e}),sn={listContainerMarginTop:new w(c[3],c[3]),itemHeight:new w(156,88),vendorListWrapperContainerMarginTop:new w(c[4],0)},{common:ee,vendorReview:{firstReview:k}}=be.getLocalizedStrings(),Kr=({vendorFirstReviewView:e,globalMerchantAutoCompleteData:l,analytics:m,authParams:d,attachmentEndpoint:i,onBackClick:j,onVendorNameClick:S,onGlobalMerchantAutoCompleteInputChange:g,onUpdateLocalData:b,onFetchVendorReviewView:I,onUpdateScrollYOffset:U,onUpdatePageToken:re,onUpdateSortUiState:Y,onClickSave:f,updateVendorDetailLocalData:G,onReloadList:X,onClickCancelPopup:z,onClickRedirectToQBO:Fe,onClearGlobalMerchantAutoCompleteResults:$e,onResetVendorLocalData:ye,onClickMenuIcon:ce})=>{const T=oe(),W=$n(),Pe=nn(),[Z,y]=x.useState(!1),[je,H]=x.useState(null),{uiState:M,fetchState:V,vendorReviewView:_,recentlySavedErroredVendorView:v}=e,[u,C]=x.useState(M.searchText),N=x.useRef(null),ie=x.useRef(),L=Bn({mode:"all",reValidateMode:"onChange",defaultValues:Sn(_,l.globalMerchantAutoCompleteView),values:Sn(_,l.globalMerchantAutoCompleteView),resetOptions:{keepDirtyValues:!0}});x.useEffect(()=>{if(l.globalMerchantAutoCompleteView.fetchState==="Completed"){const o=e.vendorReviewView.find(h=>h.vendorId===je);let a;o!=null&&(a=o?.recommendations),ie.current?.(rn(l.globalMerchantAutoCompleteView.globalMerchants,o?.status.code==="merge_in_qbo",a??[])),H(null)}},[l.globalMerchantAutoCompleteView.fetchState]),x.useEffect(()=>{N.current?.resetAfterIndex(0)},[T,N]),x.useEffect(()=>{V==="Completed"&&y(!1)},[V]),x.useEffect(()=>{const o=L.watch((a,{name:h,type:s})=>{h!=null&&a[Ne]!=null&&An(()=>_e(h,a,s))});return()=>{o.unsubscribe()}}),x.useEffect(()=>{V==="Completed"&&m.trackVendorReviewPage("tenant_review",M.totalCount)},[V]);const me=o=>sn.itemHeight.value(T),D=(o,a,h)=>{I(h??null,o,a)},se=(o,a)=>{ie.current=a,g(o,"vendor")},ze=x.useRef(yn(o=>{return a=o,re(null),void D(a,!1,null);var a},500,{trailing:!0})).current,Te=(o,a)=>{Y(a,o),re(null),D(M.searchText,!1,null)},_e=(o,a,h)=>{if(o.includes(Ne)){const s=parseInt(o.split(".")[1]),p=Object.assign(a[Ne][s]);let $=p[ne];if(p[he]!=null){let q;if(!o.includes(`${ne}.${ge}`)||p[ge]?.globalMerchantId==null&&p[ge]?.globalMerchantName==null?!o.includes(`${ne}.${we}`)||p[we]?.globalMerchantId==null&&p[we]?.globalMerchantName==null?o.includes(`${ne}.retain`)&&p[he]!=null&&($={retain:p[ne].retain,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!1},q=p[he]):($={retain:!1,recommendedFirst:!1,recommendedSecond:p[ne].recommendedSecond,rename:!1,customMerchant:!1},q=p[we].globalMerchantId??p[we].globalMerchantName):($={retain:!1,recommendedFirst:p[ne].recommendedFirst,recommendedSecond:!1,rename:!1,customMerchant:!1},q=p[ge].globalMerchantId??p[ge].globalMerchantName),o.includes(ae)&&(q=p[ae].selectedOption,$=p[ae].selectedOption===p[ge]?.globalMerchantId||p[ae].selectedOption===p[ge]?.globalMerchantName?{retain:!1,recommendedFirst:!0,recommendedSecond:!1,rename:!1,customMerchant:!0}:p[ae].selectedOption===p[we]?.globalMerchantId||p[ae].selectedOption===p[we]?.globalMerchantName?{retain:!1,recommendedFirst:!1,recommendedSecond:!0,rename:!1,customMerchant:!0}:p[ae].selectedOption===p[he]?{retain:!0,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}:{retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}),h==null)return void ye(p[he]);b(p[he],$,q??p[he])}}},Ee=o=>o<_.length,pe=()=>{M.pageToken!=null&&V==="Completed"&&(y(!0),D(M.searchText,!0,M.pageToken))},le=(o,a)=>{const h=e.vendorReviewView.find(s=>s.vendorId===o);h!=null&&b(h.vendorId,{retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!0,customMerchant:!1},h.vendorId,a)},Ce=o=>{const a=parseInt(o.split(".")[1]),h=e.vendorReviewView[a];if(h?.currentVendor!=null){const s=h.recommendations[0]?.globalMerchantName??null;m.trackVendorReviewUpdateVendorCanceled({reviewSource:"tenant_review",vendorName:h.currentVendor.name,vendorReviewStatus:h.status.code??null,wasRecommendationAvailable:!!s,recommendedVendorName:s,recommendedVendorReason:h.recommendations[0]?.reason??null})}L.resetField(`${Ne}.${a}`)},ue=L.handleSubmit(o=>{}),Ke=(o,a,h)=>{const s=e.vendorReviewView.find(p=>p.vendorId===o);if(s?.currentVendor!=null){const p=[];s.recommendations.forEach($=>{$.globalMerchantId!=null&&p.push($.globalMerchantId)}),s?.currentSelection!=="retain"&&s?.currentSelection!=="rename"||s?.isWebsiteUrlSaved!==!1||G({id:o,name:s.currentVendor.name,qboId:s.vendorQboId??o,websiteUrl:Ct(s.currentVendor.websiteUrl.toString())})}if(s?.currentSelection!=="retain"&&s?.currentSelection!=="rename"||s?.isWebsiteUrlSaved===!0){if(s?.currentVendor!=null){const p=s.selectedVendor.name,$=s.recommendations[0]?.globalMerchantName??null,q=s.currentSelection,Ln=s.recommendations[0]?.globalMerchantId===s.selectedVendor.id||s.recommendations[0]?.globalMerchantName===p?s.recommendations[0]:void 0;m.trackVendorReviewSaveVendorRequested({reviewSource:"tenant_review",vendorName:s.currentVendor.name,vendorReviewStatus:s.status.code??null,saveRequestedVendorSource:q,saveRequestedVendorName:p,saveRequestedVendorReason:Ln?.reason??null,isGlobalVendorRequested:s.currentSelection==="customMerchant",isVendorNameRecommendationSelected:$===p,isVendorNameChangedAndSelected:s.currentSelection==="rename",isVendorNameRetainSelected:q==="retain",recommendedVendorName:$,wasRecommendationAvailable:!!$,recommendedVendorReason:s.recommendations[0]?.reason??null,isVendorNameMarkedAsEmployee:a??!1,isVendorNameMarkedAsLocalContractor:h??!1})}f(o,a,h)}},Ue={onOkClick:()=>{if(W.connectionName==="netsuite")z();else if(v!=null){const o=e.vendorReviewView.find(a=>a.vendorId===v.vendorId);if(o?.currentVendor!=null){const a=o.selectedVendor.name,h=o.recommendations[0]?.globalMerchantId===o.selectedVendor.id||o.recommendations[0]?.globalMerchantName===a?o.recommendations[0]:void 0,s=o.currentSelection??(v.newRecommendedVendor!=null?"recommendedFirst":null),p=o.recommendations[0]?.globalMerchantName??null;if(v.oldRecommendedVendor!=null||v.newRecommendedVendor!=null){const $={vendorName:o.currentVendor.name,saveRequestedVendorName:a,saveRequestedVendorReason:h?.reason??null,isVendorNameRecommendationSelected:s==="recommendedFirst"||s==="recommendedSecond",isVendorNameRetainSelected:s==="retain",isVendorNameChangedAndSelected:s==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:o.recommendations[0]?.reason??null};v.newRecommendedVendor!=null?(m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...$,reviewSource:"tenant_review",event:Re.Event.vendorReviewTenantRecommendationUpdateContinue,saveRequestedVendorSource:s,vendorReviewStatus:o.status.code??null,updatedRecommendedVendorName:v.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:v.newRecommendedVendor.reason??null}),f(v.vendorId)):m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...$,reviewSource:"tenant_review",event:Re.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:s,vendorReviewStatus:o.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null}),z()}else m.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:Re.Event.vendorReviewTenantMergeInQBORedirect,vendorName:o.currentVendor.name,vendorReviewStatus:o.status.code??null,saveRequestedVendorSource:s,saveRequestedVendorName:a,saveRequestedVendorReason:h?.reason??null,isVendorNameRecommendationSelected:s==="recommendedFirst"||s==="recommendedSecond",isVendorNameRetainSelected:s==="retain",isVendorNameChangedAndSelected:s==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:o.recommendations[0]?.reason??null}),Fe(),z()}}},onCancelClick:()=>{if(v!=null){const o=e.vendorReviewView.find(a=>a.vendorId===v.vendorId);if(o?.currentVendor!=null){const a=o.selectedVendor.name,h=o.recommendations[0]?.globalMerchantId===o.selectedVendor.id||o.recommendations[0]?.globalMerchantName===a?o.recommendations[0]:void 0,s=o.currentSelection,p=o.recommendations[0]?.globalMerchantName??null;if(v.oldRecommendedVendor!=null||v.newRecommendedVendor!=null){const $={vendorName:o.currentVendor.name,saveRequestedVendorName:a,saveRequestedVendorReason:h?.reason??null,isVendorNameRecommendationSelected:s==="recommendedFirst"||s==="recommendedSecond",isVendorNameRetainSelected:s==="retain",isVendorNameChangedAndSelected:s==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:o.recommendations[0]?.reason??null};v.newRecommendedVendor!=null?m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...$,reviewSource:"tenant_review",event:Re.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:s,vendorReviewStatus:o.status.code??null,updatedRecommendedVendorName:v.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:v.newRecommendedVendor.reason??null}):m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...$,reviewSource:"tenant_review",event:Re.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:s,vendorReviewStatus:o.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null})}else m.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:Re.Event.vendorReviewTenantMergeInQBOCancel,vendorName:o.currentVendor.name,vendorReviewStatus:o.status.code??null,saveRequestedVendorSource:s,saveRequestedVendorName:a,saveRequestedVendorReason:h?.reason??null,isVendorNameRecommendationSelected:s==="recommendedFirst"||s==="recommendedSecond",isVendorNameRetainSelected:s==="retain",isVendorNameChangedAndSelected:s==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:o.recommendations[0]?.reason??null})}z()}}},B=(()=>{if(v!=null){if(v.newRecommendedVendor!=null&&v.oldRecommendedVendor!=null){const o=k.popupMessages.zeniUpdatedRecommendationPopupTitle.replace("_vendor_name_",v.vendorName).replace("_old_recommendation_",v.oldRecommendedVendor.globalMerchantName).replace("_new_recommendation_",v.newRecommendedVendor.globalMerchantName);return{description:k.popupMessages.zeniUpdatedRecommendationPopupMsg,title:o,secondaryButtonText:ee.cancel,primaryButtonText:ee.continue}}if(v.newRecommendedVendor!=null){const o=k.popupMessages.zeniNewRecommendationPopupTitle.replace("_vendor_name_",v.vendorName).replace("_new_recommendation_",v.newRecommendedVendor.globalMerchantName);return{description:k.popupMessages.zeniNewRecommendationPopupMsg,title:o,secondaryButtonText:ee.cancel,primaryButtonText:ee.continue}}if(v.oldRecommendedVendor!=null){const o=k.popupMessages.zeniNewRecommendationNotAvailablePopupTitle.replace("_vendor_name_",v.vendorName);return{description:k.popupMessages.zeniNewRecommendationNotAvailablePopupMsg,title:o,primaryButtonText:ee.gotIt}}return W.connectionName==="netsuite"?{descriptionHeader:k.popupMessages.netsuiteLinkPopupMsgHeader,title:k.popupMessages.netsuiteLinkPopupTitle.replace("_vendor_name_",v.vendorName),subTitle:k.popupMessages.netsuiteLinkPopupSubTitle,description:k.popupMessages.netsuiteLinkPopupDescription,primaryButtonText:ee.texts.close}:{descriptionHeader:k.popupMessages.qboLinkPopupMsgHeader,title:k.popupMessages.qboLinkPopupTitle.replace("_vendor_name_",v.vendorName),subTitle:k.popupMessages.qboLinkPopupSubTitle,secondaryButtonText:ee.cancel,primaryButtonText:k.popupMessages.redirectToQBO}}})(),We=n.jsx(Fn,{isSearchOpen:M.searchText.length>0,searchPlaceHolder:k.searchPlaceholder,searchText:u,onSearchTextChanged:o=>{C(o),o.trim().length>=2?ze(o):o.trim().length==0&&ze("")}});return n.jsx(jr,{windowSize:T,children:n.jsxs(_n,{...L,children:[n.jsx(En,{title:k.title,backgroundColor:Pe.colors.grey4,onBackClick:j,rightSideComponent:We,showMenuIcon:T==="medium-compact"||T==="small",onClickMenuIcon:ce,source:"VendorFirstReviewPage"}),n.jsx("form",{onSubmit:ue,children:n.jsxs(Cr,{windowSize:T,children:[n.jsx(Un,{controller:!!v?.vendorId&&!!B,children:n.jsx(Wn,{titleComponent:n.jsx(Gn,{children:n.jsxs(Dr,{children:[n.jsx(Hn,{children:B?.title}),B?.subTitle!=null?n.jsx(Lr,{children:B.subTitle}):null]})}),descriptionComponent:n.jsxs(qn,{style:{textAlign:B?.description==null?"left":"unset"},children:[B?.descriptionHeader!=null?n.jsx(Br,{children:B.descriptionHeader}):null,B?.description!=null?n.jsx(Ar,{children:B.description}):W.connectionName==="netsuite"?n.jsx(Et,{}):n.jsx(Pt,{})]}),primaryButtonText:B?.primaryButtonText??ee.continue,secondaryButtonText:B?.secondaryButtonText,containerStyle:{maxWidth:"624px"},action:Ue,primaryButtonWidth:148,secondaryButtonWidth:148})}),n.jsx(Rr,{windowSize:T,children:V==="Error"?n.jsxs(kr,{children:[n.jsx(Mr,{onClick:X,"data-testid":Q("vendor-first-review-page-reload-icon"),children:n.jsx(Qn,{})}),n.jsx(Or,{children:ee.reloadPage.label})]}):V==="Completed"&&_.length===0?n.jsx(Kn,{message:M.searchText?k.noMatchedDataText:k.noDataText}):V==="Not-Started"||V==="In-Progress"&&_.length===0?n.jsx(xo,{sortConfig:{sortKey:M.sortKey,sortOrder:M.sortOrder},onColumnSortConfigChanged:Te,disableClick:!0}):n.jsx(Vr,{windowSize:T,children:n.jsx(Jn,{children:({height:o,width:a})=>n.jsx(Yn,{isItemLoaded:Ee,itemCount:_.length+1,loadMoreItems:pe,children:({onItemsRendered:h})=>n.jsxs(Tr,{style:{height:o,width:a},children:[n.jsx(zr,{style:{width:"auto"},children:n.jsx(Tn,{sortConfig:{sortKey:M.sortKey,sortOrder:M.sortOrder},disableClick:V!=="Completed",onColumnSortConfigChanged:Te})}),n.jsx(Xn,{height:o-58,itemSize:me,width:a,ref:N,overscanCount:1,itemCount:_.length,onItemsRendered:h,onScroll:({scrollOffset:s})=>{U(s)},initialScrollOffset:M.scrollYOffset,itemData:{vendorFirstReviewView:e,analytics:m,authParams:d,attachmentEndpoint:i,globalMerchantAutoCompleteView:l.globalMerchantAutoCompleteView,searchAutoComplete:{autoCompleteData:l,loadOptions:se},setCurrentVendorInAction:H,onClickVendorName:S,onClickVendorRename:le,onClickCancel:Ce,onClickSave:Ke,onClearGlobalMerchantAutoCompleteResults:$e},children:yr})]})})})})}),Z===!0?n.jsx(Pr,{children:n.jsx(Zn,{size:"Small",start:!0})}):null]})})]})})},yr=({index:e,style:l,data:m})=>{const{analytics:d,authParams:i,attachmentEndpoint:j,vendorFirstReviewView:S,searchAutoComplete:g,setCurrentVendorInAction:b,onClickVendorName:I,onClickVendorRename:U,onClickCancel:re,onClickSave:Y,onClearGlobalMerchantAutoCompleteResults:f}=m,{vendorReviewView:G,fetchState:X}=S,z=G[e];return e<G.length&&z.selectedVendor!=null?n.jsx(Ir,{style:{...l,width:"100%"},className:"vendor-list-item",children:n.jsx(Nr,{children:n.jsx($r,{fetchState:X,analytics:d,authParams:i,attachmentEndpoint:j,sectionId:`${Ne}.${e}`,vendorId:z.currentVendor?.id,rowData:z,setCurrentVendorInAction:b,searchAutoComplete:g,onVendorNameClick:I,onClickCancel:re,onClickSave:Y,onClickRenameOption:U,onClearGlobalMerchantAutoCompleteResults:f},e)},`sub-container-${e}`)}):null},Sn=(e,l)=>{const m=e.map(d=>{const i=d.currentSelection==="customMerchant"&&d.selectedVendor?.id!=null&&d.selectedVendor.name!=null?{id:d.selectedVendor.id,name:d.selectedVendor.name}:void 0,j=d.recommendations;return{selectedVendor:{defaultOptions:rn(l.globalMerchants,d.status.code==="merge_in_qbo",j,d.currentVendor,i),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{[Ne]:m}},jr=r.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,Cr=r.div`
+  display: block;
+  background-color: ${e=>e.theme.colors.grey4};
+  height: calc(100vh - 120px);
+  width: 100%;
+  margin-top: ${e=>sn.vendorListWrapperContainerMarginTop.valuePx(e.windowSize)};
+`,Rr=r.div`
+  margin-top: ${e=>sn.listContainerMarginTop.valuePx(e.windowSize)};
+  height: 100%;
+`,Vr=r.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,kr=r.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Mr=r.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${t.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Nr=r.div`
+  display: flex;
+  flex-direction: column;
+`,Or=r(et)`
+  margin-top: ${t.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Ir=r.div`
+  top: ${t.sp0};
+  left: ${t.sp0};
+  padding-bottom: ${t.sp3};
+  box-sizing: border-box;
+`,Pr=r.div`
+  display: flex;
+  width: 100%;
+  height: ${t.sp3};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-top: ${t.sp3};
+  margin-bottom: ${t.sp3};
+`,zr=r.div``,Tr=r.div`
+  position: relative;
+`,Dr=r.div`
+  display: flex;
+  flex-direction: column;
+`,Lr=r(Ie)`
+  color: ${e=>e.theme.colors.hero};
+  margin: ${t.sp2} ${t.sp8} 0 ${t.sp8};
+`,Br=r(jn)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${t.sp2};
+`,Ar=r.div``;export{Kr as default};