@zeniai/web-app-ui 4.14.28-qa → 4.14.29-dev

package/dist/assets/VendorFirstReviewPage-bN7DO44j-DzTJUqvm.js

@@ -0,0 +1,730 @@
+import{e as oe,_ as Rn,y as tn,T as Bn,hv as Me,c8 as Fn,v as Vn,hw as ee,hx as pe,hy as he,hz as ue,hA as re,V as n,hr as En,P as ve,A as Un,a_ as Wn,E as qn,bR as Hn,bS as Gn,bT as Qn,bp as Kn,bd as Xn,bN as Jn,an as Yn,cO as Zn,bV as eo,L as no,O as be,x as w,I as Re,o,ac as Cn,l as Ie,ab as oo,k as m,C as fe,b_ as to,bO as kn,bg as ke,aC as Mn,c1 as io,bt as ro,d4 as so,au as Ke,aR as rn,d as A,aA as Nn,gq as ao,cK as cn,cs as Ye,hB as Ze,j as lo,bn as Ae,de as co,d$ as mn,b6 as mo,cR as po,a as pn,bX as ho,hC as uo,hD as wo,cc as go,dX as vo,e4 as xo,e5 as bo,H as In,hE as fo,b4 as ne,hF as hn,gc as $o,$ as So,q as yo,bi as jo,w as On,N as Ro,ec as Vo,ae as nn}from"./index-ByxsQZNo.js";import{a as f}from"./sentry-COYnhuxW.js";import{n as i,c as on}from"./mui-40xepic5.js";import{bJ as Co,Go as ko}from"./zeni-epic-state-DCforPdM.js";import{r as Mo}from"./core-B0nKoasK.js";import"./pdf-A8jRKyoC.js";import"./lottie-BzV8yd9z.js";import"./liveblocks-DskTqGyX.js";import"./recharts-Bbdho9Pi.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./utils-DMEPgX6w.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="f3f84335-54a9-439d-9e8b-4b2b8ac7ed97",e._sentryDebugIdIdentifier="sentry-dbid-f3f84335-54a9-439d-9e8b-4b2b8ac7ed97")}catch{}})();const Pn=({steps:e})=>{const a=oe();return n.jsx(Io,{windowSize:a,children:e.map((c,l)=>n.jsxs(No,{children:[n.jsx(Po,{children:l!==e.length-1?l+1:n.jsx(zo,{})}),n.jsx(To,{children:c}),l<e.length-1?n.jsx(Oo,{}):null]},`step_${l}`))})},No=i.div`
+  display: flex;
+  flex-direction: row;
+  position: relative;
+`,Io=i.div`
+  width: 100%;
+  margin-top: ${o.sp4};
+`,Oo=i.div`
+  top: ${o.sp2};
+  width: 1px;
+  height: 100%;
+  position: absolute;
+  left: ${o.sp3};
+  width: 2px;
+  background: ${e=>e.theme.colors.grey2};
+`,Po=i.div`
+  width: ${o.sp5};
+  height: ${o.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: ${ro.bold};
+  color: ${e=>e.theme.colors.hero};
+`,To=i.div`
+  padding-bottom: ${o.sp4};
+  margin-left: ${o.sp6};
+`,zo=i(so)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,C=be.getLocalizedStrings(),Do=()=>n.jsx(Pn,{steps:[_o(),Lo(),Ao(),Bo(),Fo()]}),_o=()=>{const e=C.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step1;return n.jsxs(Be,{children:[e.navigateTo,n.jsx(xe,{children:e.expenses}),e.andSelectThe,n.jsx(xe,{children:e.vendors}),e.tab]})},Lo=()=>{const e=C.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step2;return n.jsxs(Be,{children:[e.lineText,n.jsxs(xe,{children:[n.jsx(Tn,{}),C.common.edit]}),e.andCopy,n.jsxs(Eo,{children:[n.jsx(Uo,{}),n.jsx(un,{children:e.company}),C.common.and,n.jsx(un,{children:e.display}),C.common.texts.name.toLowerCase(),C.common.strings.space,n.jsx(Wo,{})]})]})},Ao=()=>{const e=C.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step3;return n.jsxs(Be,{children:[e.goBackTo,n.jsx(xe,{children:C.common.headers.vendors}),e.lineText,n.jsxs(xe,{children:[n.jsx(Tn,{}),C.common.edit]})]})},Bo=()=>{const e=C.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step4;return n.jsx(Be,{children:e.lineText})},Fo=()=>{const e=C.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step5;return n.jsxs(Be,{children:[C.common.texts.select,C.common.strings.space,n.jsx(xe,{children:C.common.footer.save}),e.andThen,n.jsx(xe,{children:C.common.yes}),C.common.strings.space,C.common.to,C.common.texts.confirm.toLowerCase(),C.common.strings.dot]})},Be=i(Ke)`
+  color: ${e=>e.theme.colors.hero};
+`,Eo=i.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+`,Tn=i(rn)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  padding: 2px;
+  vertical-align: middle;
+`,Uo=i(Nn)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  vertical-align: middle;
+  margin-right: ${o.sp2};
+  color: ${A.success};
+`,Wo=i(ao)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin-left: ${o.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,xe=i(Ke)`
+  color: ${e=>e.theme.colors.primary};
+  border-radius: ${o.sp1};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  background: ${e=>e.theme.colors.background};
+  padding: ${o.sp1} ${o.sp2};
+  align-items: center;
+  justify-content: center;
+`,un=i(Cn)`
+  color: ${e=>e.theme.colors.primary};
+  margin-left: ${o.sp1};
+  margin-right: ${o.sp1};
+`,X=be.getLocalizedStrings(),qo=()=>n.jsx(Pn,{steps:[Ho(),Go(),Qo(),Ko(),Xo(),Jo(),Yo(),Zo(),et(),nt()]}),Ho=()=>{const e=X.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step1;return n.jsxs(J,{children:[e.goTo,n.jsx(z,{children:e.lists}),e.then,n.jsx(z,{children:e.relationships}),e.then2,n.jsx(z,{children:e.vendors})]})},Go=()=>{const e=X.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step2;return n.jsxs(J,{children:[e.click,n.jsxs(z,{children:[n.jsx(ot,{}),e.edit]}),e.next,n.jsx(z,{children:e.vendor}),e.sourceInfo]})},Qo=()=>{const e=X.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step3;return n.jsxs(J,{children:[e.onThe,n.jsx(z,{children:e.vendor}),e.page,n.jsx(z,{children:e.actions}),e.click,n.jsx(z,{children:e.merge})]})},Ko=()=>{const e=X.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step4;return n.jsxs(J,{children:[e.onThe,n.jsx(z,{children:e.mergeVendor}),e.endText]})},Xo=()=>{const e=X.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step5;return n.jsx(J,{children:e.text})},Jo=()=>{const e=X.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step6;return n.jsxs(J,{children:[e.click,n.jsx(z,{children:e.merge}),e.text,n.jsx(z,{children:e.ok})]})},Yo=()=>{const e=X.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step7;return n.jsxs(J,{children:[e.onThe,n.jsx(z,{children:e.duplicateResolution}),e.text]})},Zo=()=>{const e=X.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step8;return n.jsxs(J,{children:[e.click,n.jsx(z,{children:e.refresh}),e.processText,n.jsx(z,{children:e.cancel}),e.haltText]})},et=()=>{const e=X.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step9;return n.jsxs(J,{children:[e.the,n.jsx(z,{children:e.status}),e.text]})},nt=()=>{const e=X.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step10;return n.jsxs(J,{children:[e.text,n.jsx(tt,{})]})},J=i(Ke)`
+  color: ${e=>e.theme.colors.hero};
+`,ot=i(rn)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  padding: 2px;
+  vertical-align: middle;
+`,tt=i(Nn)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  vertical-align: middle;
+  margin-right: ${o.sp2};
+  color: ${A.success};
+`,z=i(Ke)`
+  color: ${e=>e.theme.colors.primary};
+  border-radius: ${o.sp1};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  background: ${e=>e.theme.colors.background};
+  padding: ${o.sp1} ${o.sp2};
+  align-items: center;
+  justify-content: center;
+`,L={containerPaddingLeft:new w(m[3],m[4]),containerPaddingRight:new w(m[3],m[4]),containerPaddingTop:new w(m[2],m[3]),containerPaddingBottom:new w(m[2],m[3]),containerMarginLeft:new w(m[4],m[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(m[2],m[2]),webkitLineClamp:new w(2,2,1,1,1)},it=()=>{const e=oe();return n.jsx(rt,{windowSize:e,children:n.jsx(st,{children:n.jsxs(dt,{children:[n.jsxs(_e,{windowSize:e,width:L.vendorsContainerWidth,gap:L.logoToValueGap,children:[n.jsx(kn,{width:m[6],height:m[6]}),n.jsx(Le,{windowSize:e,children:n.jsx(ke,{width:120,height:m[4]})})]}),n.jsx(_e,{windowSize:e,width:L.invoiceContainerWidth,children:n.jsx(Le,{windowSize:e,children:n.jsx(ke,{width:120,height:m[4]})})}),n.jsx(_e,{windowSize:e,width:L.recommendedContainerWidth,children:n.jsx(Le,{windowSize:e,children:n.jsx(ke,{width:120,height:m[4]})})}),n.jsx(_e,{windowSize:e,width:L.retainedContainerWidth,children:n.jsx(Le,{windowSize:e,children:n.jsx(ke,{width:120,height:m[4]})})}),n.jsx(_e,{windowSize:e,width:L.statusContainerWidth,children:n.jsx(Le,{windowSize:e,children:n.jsx(ke,{width:120,height:m[4]})})})]})})})},rt=i.div`
+  display: flex;
+  margin-bottom: ${o.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>L.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>L.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>L.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>L.containerPaddingBottom.valuePx(e.windowSize)};
+  border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${A.dropShadowNormalDark} ${o.sp0} 2px ${o.sp1}`:`${o.sp0} 2px ${o.sp1} ${A.dropShadowNormalLight}`};
+  border-radius: ${o.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=>L.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>L.containerMarginLeft.valuePx(e.windowSize)};
+  box-sizing: border-box;
+  align-items: center;
+`,st=i.div`
+  display: block;
+  width: 100%;
+`,dt=i.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+`,_e=i.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=i(Ie)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  word-break: break-word;
+  white-space: nowrap;
+  -webkit-line-clamp: ${e=>L.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: ${o.sp4};
+`,sn=be.getLocalizedStrings(),Xe=sn.vendors.reviewVendorList.header,zn={key:"vendor",value:Xe.vendors,sortOrder:"ascending",width:25},Dn={key:"updateTo",value:Xe.updateTo,sortOrder:"ascending",width:27},at={key:"retain",value:Xe.retain,sortOrder:"ascending",width:20},_n={key:"status",value:Xe.status,sortOrder:"ascending",width:10},lt={key:"action",value:sn.common.strings.empty,sortOrder:"ascending",width:15},ct=[zn,{key:"viewTenantInvoice",value:sn.common.strings.empty,sortOrder:"ascending",width:m[1]},Dn,at,_n,lt],wn=[zn.key,Dn.key,_n.key],gn="ytd",mt="descending",Ve={headerLastColumnTopPadding:new w(m[0],m[4]),headerLastColumnRightPadding:new w(m[3],m[11]),headerLastColumnBottomPadding:new w(m[0],m[4]),headerLastColumnLeftPadding:new w(m[3],m[11]),headerHeight:new w(45,58)},Ln=({sortConfig:e,disableClick:a=!1,onColumnSortConfigChanged:c})=>{const l=oe(),[j,V]=f.useState(ct);f.useEffect(()=>{const u=[...j];for(const r of u)r.key===e.sortKey?r.sortOrder=e.sortOrder:r.sortOrder="ascending";V(u)},[e.sortKey,e.sortOrder]);const S=(u,r)=>{let D=r;e.sortKey===u&&(D=r==="ascending"?"descending":"ascending"),c(u,D)};return n.jsx(pt,{windowSize:l,children:j.map(u=>n.jsxs(ht,{sortDataValue:e.sortKey,actualDataValue:u.key,wrapperWidth:u.width,isClickDisabled:a,windowSize:l,children:[n.jsx(vt,{onClick:()=>(r=>{a===!1&&r.key!=null&&wn.includes(r.key)&&S(ko(r.key),r.sortOrder)})(u),isClickDisabled:a,isSortingDisabled:u.key==="retain","data-testid":ve("vendor-first-review-page-header-name-wrapper"),children:n.jsxs(n.Fragment,{children:[u.key==="updateTo"?n.jsx(xt,{children:n.jsx(bt,{})}):null,n.jsx(fe,{children:u.value}),wn.includes(u.key)?n.jsx(wt,{sortConfig:e,headerdata:u,children:n.jsx(to,{width:12,height:12})}):null]})}),n.jsx(gt,{isClickDisabled:a,sortDataValue:e.sortKey,isVisible:e.sortKey===u.key&&u.key!==gn,children:n.jsx(ut,{onClick:()=>{a===!1&&S(gn,mt)},"data-testid":ve("vendor-first-review-page-header-sort-cancel-icon")})})]},u.key))})},pt=i.div`
+  top: ${o.sp0};
+  left: ${o.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;
+`,ht=i.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: ${o.sp0};
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  left: ${o.sp0};
+  justify-content: flex-start;
+  position: static;
+  z-index: 0;
+  box-sizing: border-box;
+`,ut=i(io)`
+  width: 12px;
+  height: 12px;
+`,wt=i.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"};
+`,gt=i.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};
+  }
+`,vt=i.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};
+  }
+`,xt=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,bt=i(Mn)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,ft=({sortConfig:e,onColumnSortConfigChanged:a})=>{const c=oe();return n.jsxs($t,{windowSize:c,children:[n.jsx(Ln,{sortConfig:e,disableClick:!0,onColumnSortConfigChanged:a}),n.jsx(St,{windowSize:c,children:[...Array(7)].map((l,j)=>n.jsx(it,{},j))})]})},$t=i.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,St=i.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+`,se={autocompleteEmptyPaddingTop:new w(0,m[1]),autocompleteEmptyPaddingBottom:new w(0,m[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)},yt={selectFieldInput:new Ro("smallRegular","standardRegular")},jt=({name:e,registerOptions:a,menuIsOpen:c,defaultValue:l,isDisabled:j,style:V,placeholder:S,customStyleConfig:u,showDownChevronWithValue:r,isOptionRemovable:D=!0,autoFocus:B=!1,getRenameOptionText:W,onClickRenameOption:de,onMenuClose:q,valueToInfo:y,valueToId:H,loadOptions:g})=>{const{control:Oe,formState:{errors:$e}}=go(),te=tn(),[Fe,_]=f.useState(null),ae=vo($e,e),le=f.useCallback(p=>({value:p.value,label:p.label,info:y?.(p.value)??"",id:H?.(p.value)??null,isDisabled:p.isDisabled,isOptionRecommended:p.isOptionRecommended}),[y,H]),ce=p=>p.map(R=>({label:R.label,options:R.options.map(M=>le(M))})),G=p=>{if(p==null||!p)return;let R=[];return l.defaultOptions.forEach(M=>{R=R.concat(M.options)}),{value:p,label:R.find(M=>M.value===p)?.label??p,info:y?.(p)??""}},Pe={...u,container:p=>({...p,width:"100%",...V}),valueContainer:(p,R)=>({...p,justifyContent:R.selectProps.menuIsOpen===!1?"flex-end":"flex-start",...u?.valueContainer?.(p,R)}),menu:p=>({...p,backgroundColor:te.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${te.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:p=>({...p,borderRadius:o.sp1})},Q={hasError:ae,showDownChevronWithValue:r,customFirstGroup:Fe,updateCustomFirstGroup:p=>{_(p)},getRenameOptionText:W,onClickRenameOption:de},x=be.getLocalizedStrings().autoComplete,P=oe(),T=p=>p.inputValue.trim().length<2?null:n.jsxs(oi,{windowSize:P,children:[n.jsx(ti,{}),n.jsx(ii,{children:x.input.noMatches})]}),v=f.useRef(Vn((p,R)=>((M,F)=>{g(M,F)})(p,R),500,{trailing:!0})).current,Y=(p,R)=>{if(p.trim().length<2)return R([]);v(p,R)};return n.jsx(xo,{name:e,control:Oe,defaultValue:l,rules:a,render:({field:{onChange:p,onBlur:R,value:M,ref:F}})=>{const E=M;return n.jsx(bo,{...Q,menuIsOpen:c,autoFocus:B,ref:F,cacheOptions:!1,isMulti:!1,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:S,noOptionsMessage:T,value:G(E.selectedOption),defaultOptions:ce(E.defaultOptions),loadOptions:Y,onChange:K=>{K==null||K.value!=null&&E?.selectedOption===K.value?D===!0&&p({selectedOption:void 0,defaultOptions:E.defaultOptions}):p({selectedOption:K.value,defaultOptions:E.defaultOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,onMenuClose:q,classNamePrefix:"auto-complete-grouped-single-select-field",onBlur:R,menuPlacement:"auto",maxMenuHeight:288,menuShouldScrollIntoView:!0,closeMenuOnSelect:!0,components:{Control:Rt,Option:Pt,Input:Ct,Group:Mt,GroupHeading:Nt,SingleValue:It,ValueContainer:Vt,MenuList:kt,LoadingIndicator:ai,DropdownIndicator:ri,IndicatorSeparator:si,Placeholder:Ot,ClearIndicator:di},hideSelectedOptions:!1,styles:Pe,isDisabled:j!=null})}})},Rt=e=>{const{menuIsOpen:a,isFocused:c,isDisabled:l,selectProps:j,options:V}=e,{value:S,hasError:u}=j;let r=[];V.forEach(B=>{r=r.concat(B.options)});const D=oe();return n.jsx(Lt,{windowSize:D,menuIsOpen:a,isFocused:c,isDisabled:l,selectedValue:S,hasError:u,children:n.jsx(ne.Control,{...e,className:"select-control",children:e.children})})},Vt=e=>{const{selectProps:a,children:c}=e,{showDownChevronWithValue:l}=a;return n.jsxs(ne.ValueContainer,{...e,className:"select-value-container",children:[c,l===!0?n.jsx(Ie,{children:n.jsx(At,{})}):null]})},Ct=e=>{const{selectProps:a}=e,{placeholder:c,value:l}=a;return n.jsx(ne.Input,{...e,autoComplete:"off",placeholder:l==null?c:void 0,children:e.children})},kt=e=>{const{children:a,selectProps:c}=e,{customFirstGroup:l,updateCustomFirstGroup:j,getRenameOptionText:V,onClickRenameOption:S}=c,u=oe(),r=V?.(e.selectProps.inputValue);return f.useEffect(()=>{l==null&&j(a[0])},[l,j,a]),n.jsx(n.Fragment,{children:e.isLoading===!0?n.jsxs(ne.MenuList,{...e,children:[l,n.jsx(Qt,{windowSize:u,children:[...Array(2)].map((D,B)=>n.jsxs(Kt,{windowSize:u,children:[n.jsx(kn,{width:m[4],height:m[4]}),n.jsx(ke,{width:218,height:m[4]})]},B))})]}):n.jsxs(ne.MenuList,{...e,children:[a,r!=null&&r.length>0?n.jsxs(Xt,{onClick:()=>{S?.(e.selectProps.inputValue)},children:[n.jsx(Yt,{children:n.jsx(Jt,{})}),n.jsx(Zt,{children:r})]}):null]})})},Mt=e=>n.jsx(ne.Group,{...e,children:e.children}),Nt=e=>{const[a,c]=f.useState(!0);return n.jsx(qt,{className:"group-heading-container",isGroupOpen:a,onClick:()=>c(!a),children:n.jsxs(ne.GroupHeading,{...e,children:[n.jsx(Ht,{isGroupOpen:a,children:n.jsx(Gt,{className:"close-tick-icon"})}),e.children]})})},It=({children:e,...a},c)=>{const l=c==null||a.selectProps.menuIsOpen===!0?e:c.sticky===!0?n.jsx(Tt,{title:c.text,children:e}):n.jsx(Ae,{style:{padding:o.sp3},title:c.text,placement:"top",children:e});return n.jsx(ne.SingleValue,{...a,children:l})},Ot=()=>null,Pt=e=>{const{data:a,isSelected:c,isDisabled:l,isFocused:j}=e;return n.jsx(Bt,{className:"select-option-wrapper",isFocused:j,isSelected:c,isDisabled:l,isOptionRecommended:a.isOptionRecommended===!0,showBottomBorder:a.info==null||a.isOptionRecommended===!1,children:n.jsx(ne.Option,{...e,className:"select-option",children:n.jsxs(Ft,{isOptionRecommended:a.isOptionRecommended,children:[a.isOptionRecommended===!0?n.jsx(ei,{children:n.jsx(ni,{})}):null,n.jsxs(Wt,{isSelected:c,isOptionRecommended:a.isOptionRecommended,children:[n.jsx(Et,{isSelected:c,isDisabled:l,children:a.label}),a.isOptionRecommended===!0&&a.info!=null?n.jsx(Ut,{isSelected:c,isDisabled:l,children:a.info}):null]})]})})})},Tt=({children:e,title:a})=>n.jsxs(zt,{children:[n.jsxs(Dt,{children:[a,n.jsx(_t,{})]}),e]}),zt=i.div`
+  position: relative;
+  display: none;
+`,Dt=i.div`
+  position: absolute;
+  background: ${nn.primary};
+  color: ${nn.grey5};
+  padding: ${o.sp3};
+  border-radius: ${o.sp1};
+  top: -60px;
+  right: 20px;
+  opacity: 0.85;
+  pointer-events: none;
+`,_t=i.span`
+  position: absolute;
+  top: 55px;
+  left: 85%;
+  border-width: ${o.sp2};
+  border-style: solid;
+  border-color: ${nn.primary} transparent transparent transparent;
+`,Lt=i.span`
+  width: calc(100% - ${o.sp4});
+  background-color: ${e=>e.hasError?A.importantLight:e.menuIsOpen?e.theme.colors.background:e.theme.colors.grey5};
+  border-radius: ${o.sp1};
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  .select-control {
+    border: none;
+    height: ${o.sp6};
+    background-color: inherit;
+    &:hover {
+      fill: ${e=>e.theme.colors.primary};
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError?A.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?A.important:e.theme.colors.primary};
+      ${e=>`${yt.selectFieldInput.style(e.windowSize)}`};
+    }
+
+    .auto-complete-grouped-single-select-field__input-container {
+      display: flex;
+      width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?o.sp0:"100%"};
+      position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
+      ${On.standardRegular.css};
+      color: ${e=>e.theme.colors.primary};
+      margin: ${o.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?A.important:e.theme.colors.grey1};
+        }
+      }
+    }
+  }
+
+  ~ .auto-complete-grouped-single-select-field__menu {
+    margin-top: ${o.sp3};
+    width: 125%;
+  }
+`,At=i(So)`
+  width: 12px;
+  height: 12px;
+  color: ${e=>e.theme.colors.hero};
+  padding-right: 12px;
+`,Bt=i.div`
+  height: ${e=>e.isOptionRecommended===!0?o.sp8:o.sp6};
+  &:hover {
+    background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+  }
+  .select-option {
+    ${On.smallRegular.css};
+    height: ${e=>e.isOptionRecommended===!0?o.sp8:"auto"};
+    padding: 9px ${o.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;
+      }
+    }
+  }
+`,Ft=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: ${e=>e.isOptionRecommended===!0?o.sp1:o.sp0};
+  height: ${e=>e.isOptionRecommended===!0?o.sp5:"auto"};
+`,Et=i(fe)`
+  padding-right: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  ${e=>e.isSelected&&"cursor: default"};
+`,Ut=i(In)`
+  padding-right: 10px;
+  color: ${e=>e.theme.colors.grey1};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Wt=i.div`
+  width: ${e=>e.isSelected?`calc(100% - ${o.sp3})`:"100%"};
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+`,qt=i(yo)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  margin-bottom: ${o.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 ${o.sp3};
+    margin-bottom: ${o.sp0};
+    width: 100%;
+  }
+`,Ht=i.div`
+  display: flex;
+  margin-right: ${o.sp2};
+  transform: ${e=>e.isGroupOpen?"rotate(0deg)":"rotate(-90deg)"};
+  align-items: center;
+`,Gt=i(jo)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Qt=i.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>se.loadingStateOptionRowGap.valuePx(e.windowSize)};
+  margin: ${e=>`${se.loadingStateOptionTopMargin.valuePx(e.windowSize)} ${se.loadingStateOptionRightMargin.valuePx(e.windowSize)} ${se.loadingStateOptionBottomMargin.valuePx(e.windowSize)} ${se.loadingStateOptionLeftMargin.valuePx(e.windowSize)}`};
+`,Kt=i.div`
+  display: flex;
+  column-gap: ${e=>se.loadingStateRowGap.valuePx(e.windowSize)};
+`,Xt=i.div`
+  display: flex;
+  align-items: flex-start;
+  padding: 9px ${o.sp3};
+  cursor: pointer;
+  border-top: none;
+  column-gap: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+    border-color: none;
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Jt=i($o)`
+  height: 20px;
+  width: 20px;
+`,Yt=i.div`
+  display: flex;
+  width: ${o.sp3};
+  align-items: center;
+`,Zt=i(fe)`
+  overflow-wrap: break-word;
+  white-space: normal;
+  word-break: break-all;
+`,ei=i.div`
+  margin-right: ${o.sp2};
+  margin-bottom: 12px;
+`,ni=i(Mn)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,oi=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-top: ${e=>se.autocompleteEmptyPaddingTop.valuePx(e.windowSize)};
+  padding-right: ${o.sp3};
+  padding-bottom: ${e=>se.autocompleteEmptyPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${o.sp0};
+`,ti=i(Vo)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  margin: ${o.sp3} ${o.sp3} ${o.sp3} ${o.sp0};
+  color: ${e=>e.theme.colors.hero};
+  overflow: visible;
+`,ii=i(fe)`
+  overflow-wrap: break-word;
+  white-space: normal;
+  word-break: break-all;
+`,ri=()=>null,si=()=>null,di=()=>null,ai=()=>null,dn=(e,a,c,l,j)=>{const V=be.getLocalizedStrings().vendorReview.firstReview,S=[];return c.length>0&&S.push({label:V.vendorDropdown.recommendedVendor,options:[]}),c.forEach(u=>{S[0].options.push({label:u.globalMerchantName,value:u.globalMerchantId??u.globalMerchantName,isVisible:!0,isDisabled:a,info:u.reason,isOptionRecommended:!0})}),S.length&&S[0].options.length===0&&S.pop(),S.push({label:V.vendorDropdown.allVendors,options:e.map(u=>({label:u.globalMerchantName,value:u.globalMerchantId,isVisible:!0}))}),l!=null&&S[S.length-1].options.push({label:l.name,value:l.id,isVisible:!1,isDisabled:a}),j!=null&&S[S.length-1].options.push({label:j.name,value:j.id,isVisible:!1}),S},O={containerPaddingLeft:new w(m[3],m[4]),containerPaddingRight:new w(m[3],m[4]),containerPaddingTop:new w(m[2],m[3]),containerPaddingBottom:new w(m[2],m[3]),containerMarginLeft:new w(m[4],m[8]),nameLogoWidth:new w(m[6],m[6]),nameLogoHeight:new w(m[6],m[6]),logoToValueGap:new w(m[2],m[2]),logoHeightAndWidth:new w(m[3],m[4]),webkitLineClamp:new w(2,2,1,1,1)},{common:U,vendorReview:{firstReview:ge}}=be.getLocalizedStrings(),li=({analytics:e,authParams:a,attachmentEndpoint:c,onClickCancel:l,onClickRenameOption:j,onClickSave:V,onClearGlobalMerchantAutoCompleteResults:S,onVendorNameClick:u,rowData:r,rowIndex:D,searchAutoComplete:B,sectionId:W,setCurrentVendorInAction:de})=>{const q=String(D),y=t=>ve(t,q),H=tn(),g=oe(),Oe=Rn(),[$e,te]=f.useState(!1),[Fe,_]=f.useState(0),[ae,le]=f.useState(!1),{globalMerchantAutoCompleteView:ce}=B.autoCompleteData,G=r.currentSelection!=null,[Pe,Q]=f.useState(!1),{transactionAttachments:x}=r,[P,T]=f.useState([]),[v,Y]=f.useState(null),[p,R]=f.useState(0),[M,F]=f.useState(0),[E,K]=f.useState(0),Ee=t=>{K(t),Q(!0),Se(x[t]),Y(P[t])};function Te(t){return t<0?x.length+t:t%x.length}const[ze,Se]=f.useState(x[0]),Ue=x.length===0,We=x.map(t=>t.id),qe=(t,d)=>{Q(!0),async function($){return await hn(c,a,$)}({vendorId:t,attachmentIds:[We[d]]}).then($=>{T($),Se(x[d]),x.length>0&&Y($[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]),me=r.status.code==="under_review"||r.saveStatus.fetchState==="In-Progress",ie=r.status.code==="merge_in_qbo"||r.status.code==="merge_in_netsuite",ye=ie||me,N=r.currentVendor!=null?{label:{label:r.currentVendor?.name,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:Ze(W,ee,"retain"),defaultChecked:r.currentSelection==="retain"},tooltipProps:{text:r.currentVendor?.name},isDisabled:ye}:void 0,Je=f.useCallback(t=>t.logo!=null?n.jsxs(fi,{children:[n.jsx(cn,{photoUrl:t.logo.toString(),styles:{width:O.logoHeightAndWidth.valuePx(g),height:O.logoHeightAndWidth.valuePx(g)},placeholder:{width:O.logoHeightAndWidth.value(g),height:O.logoHeightAndWidth.value(g)},fallbackAvatar:n.jsx(en,{children:n.jsx(Ye,{name:t.globalMerchantName,size:O.logoHeightAndWidth.valuePx(g)})})}),n.jsx(we,{windowSize:g,isLastItem:!1,children:n.jsx(yn,{children:t.globalMerchantName})})]}):n.jsx(we,{windowSize:g,isLastItem:!1,children:n.jsx(yn,{children:t.globalMerchantName})}),[g]),s=r.recommendations.map((t,d)=>{const $=Je(t),I=`recommended${wo(d)}`;return{label:{label:$,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:Ze(W,ee,I),defaultChecked:r.currentSelection===I},tooltipProps:{text:t.websiteUrl?.toString().length?n.jsx(ci,{recommendation:t,rowSuffix:q,onRedirectionToRecommendedMerchantWebsiteUrl:()=>(De=>{let je=De.websiteUrl?.toString();if(je){if(je.includes("http")||(je="https://".concat(je)),r.currentVendor!=null){const ln=De?.globalMerchantName??null;e.trackVendorReviewWebsiteOpened({reviewSource:"tenant_review",vendorName:r.currentVendor.name,wasRecommendationAvailable:!!ln,recommendedVendorName:ln,recommendedVendorReason:De.reason??null,vendorWebsite:je})}window.open(je,"_blank")}})(t)}):t.globalMerchantName,maxWidth:"360px"},isDisabled:ye,fieldName:I}}),h=f.useMemo(()=>({defaultOptions:dn(ce.globalMerchants,ie,r.recommendations,r.currentVendor,He),selectedOption:r.selectedVendor.id}),[ce,r,He,ie]),b=()=>{te(!1),S()};return n.jsxs(pi,{"data-testid":y("vendor-first-review-row"),windowSize:g,isDisabled:me,isRowActive:G,children:[n.jsx(Ce,{"data-testid":y("vendor-first-review-row-column-vendor"),windowSize:g,width:25,isDisabled:me,gap:O.logoToValueGap,children:n.jsx(n.Fragment,{children:$e===!0?n.jsx(lo,{onClickAway:b,children:n.jsx(vi,{windowSize:g,children:n.jsx(jt,{name:Ze(W,re),placeholder:U.strings.empty,defaultValue:h,autoFocus:!0,customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start",margin:`${o.sp0} ${o.sp3}`}),singleValue:()=>({display:"flex",alignItems:"center",color:H.colors.hero,"&:hover":{color:H.colors.primary}})},style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:"20px",cursor:"inherit",alignItems:"center"},valueToInfo:t=>r.recommendations.find(d=>d.globalMerchantId===t||d.globalMerchantName===t)?.reason??"",menuIsOpen:$e,getRenameOptionText:t=>{const d=r.currentVendor?.name,$=[...ce.globalMerchants.map(I=>I.globalMerchantName),...r.recommendations.map(I=>I.globalMerchantName)];return r.currentVendor==null||$.includes(t)||d===t?null:t.trim().length>0?ge.vendorDropdown.fromOldName.replace("__old_name__",d??"")+" "+ge.vendorDropdown.toNewName.replace("__new_name__",t??""):null},onMenuClose:b,loadOptions:(t,d)=>{de(r.vendorId),B.loadOptions(t,d)},isOptionRemovable:!1,onClickRenameOption:t=>{r.selectedVendor.id!=null&&j(r.selectedVendor.id,t),te(!1)}})})}):n.jsxs(n.Fragment,{children:[r.selectedVendor?.logo!=null&&r.selectedVendor.name!=null?n.jsx(cn,{photoUrl:r.selectedVendor.logo.toString(),styles:{width:O.nameLogoWidth.valuePx(g),height:O.nameLogoHeight.valuePx(g)},fallbackAvatar:n.jsx(en,{children:n.jsx(Ye,{name:r.selectedVendor.name,size:o.sp6})})}):r.selectedVendor.name!=null?n.jsx(en,{children:n.jsx(Ye,{name:r.selectedVendor.name,size:o.sp6})}):null,n.jsx(ui,{onClick:()=>{r.selectedVendor.id!=null&&r.vendorQboId!=null&&u(r.vendorId,r.vendorQboId)},"data-testid":y("vendor-first-review-row-vendor-name"),children:n.jsxs(wi,{children:[r.selectedVendor.name?n.jsx(Ae,{enterDelay:600,display:"block",placement:"bottom",title:r.selectedVendor.name,children:n.jsx(bn,{children:r.selectedVendor.name})}):n.jsx(bn,{children:U.strings.hyphen}),n.jsx(Ae,{display:"block",placement:"bottom",title:U.tooltips.editName,enterDelay:600,children:n.jsx(gi,{onClick:t=>{t.stopPropagation(),te(!0)},"data-testid":y("vendor-first-review-row-edit-icon")})})]})})]})})}),n.jsx(Ce,{"data-testid":y("vendor-first-review-row-column-receipts"),windowSize:g,width:m[1],isDisabled:!1,children:x.length>0?n.jsx(we,{windowSize:g,className:"vendor-first-review-row-item",children:n.jsx($i,{isDisabled:Ue,onClick:()=>{return Ue===!1?(t=r.vendorId,Q(!0),void async function(d){return await hn(c,a,d)}({vendorId:t,attachmentIds:We}).then(d=>{T(d),x.length>0&&Y(d[0])})):null;var t},"data-testid":y("vendor-first-review-row-view-receipts"),children:n.jsx(Ae,{display:"block",placement:"top",title:ge.viewRecipts,enterDelay:600,children:n.jsx(Si,{children:n.jsx(co,{width:o.sp3,height:o.sp3})})})})}):n.jsx(we,{className:"vendor-first-review-row-item","data-testid":y("vendor-first-review-row-column-receipts-empty"),windowSize:g,children:U.strings.hyphen})}),n.jsx(Ce,{"data-testid":y("vendor-first-review-row-column-recommendations"),windowSize:g,width:25,isDisabled:ye,gap:O.logoToValueGap,children:s.map((t,d)=>n.jsxs(f.Fragment,{children:[n.jsx(we,{"data-testid":ve("vendor-first-review-row-recommendation-option",`${q}-${d}`),windowSize:g,className:"vendor-first-review-row-item",children:n.jsx(mn,{isHighlighted:!0,defaultChecked:r.currentSelection===t.fieldName,label:t.label,checkBoxField:t.checkBoxField,isDisabled:t.isDisabled,tooltipProps:t.tooltipProps})}),d<s.length-1?n.jsxs(Sn,{children:[" ",U.texts.or]}):null]},t.fieldName))}),n.jsx(Ce,{"data-testid":y("vendor-first-review-row-column-retain"),windowSize:g,width:20,isDisabled:ye,children:r.currentVendor!=null&&N!=null?n.jsx(we,{"data-testid":y("vendor-first-review-row-retain-option"),windowSize:g,className:"vendor-first-review-row-item",children:n.jsx(mn,{defaultChecked:r.currentSelection==="retain",label:N.label,checkBoxField:N.checkBoxField,isDisabled:N.isDisabled,tooltipProps:N.tooltipProps,backgroundDefaultColor:H.colors.grey5})}):null}),n.jsx(Ce,{"data-currentVendorName":r.currentVendor?.name,"data-mergeVendorName":r.mergeVendorName,"data-testid":y("vendor-first-review-row-column-status"),windowSize:g,width:G?10:25,isDisabled:me,children:n.jsxs(we,{windowSize:g,className:"vendor-first-review-row-item",children:[n.jsxs(Sn,{children:[n.jsx(hi,{isDisabled:!1,clickable:!1,statusMergeInQBO:ie,children:n.jsx(vn,{children:r.status.name})}),ie&&r.currentVendor!=null&&r.mergeVendorName!=null?n.jsx(Ae,{title:n.jsx(mi,{vendorName:r.currentVendor.name,mergeVendorName:r.mergeVendorName,statusCode:r.status}),maxWidth:"312px",children:n.jsx(mo,{width:o.sp3,height:o.sp3})}):null]}),r.lastUpdatedVendorNameByUser!=null&&ie?n.jsx(vn,{children:`${U.by} ${po(r.lastUpdatedVendorNameByUser)}`}):null]})}),n.jsxs(Ce,{className:"vendor-first-review-action-items","data-testid":y("vendor-first-review-row-column-actions"),windowSize:g,width:G?15:0,isDisabled:me,children:[n.jsx(pn,{dataTestId:y("vendor-first-review-row-cancel"),disabled:!G,label:U.footer.cancel,onClick:t=>{t.stopPropagation(),l(W)},size:"small",style:{height:"100%"},variant:"light_transparent"}),n.jsx(xn,{space:o.sp0}),n.jsx(pn,{dataTestId:y("vendor-first-review-row-confirm"),disabled:!G,label:U.texts.confirm,loading:r.saveStatus.fetchState==="In-Progress",onClick:t=>{t.stopPropagation(),V(r.vendorId)},size:"small",style:{height:"100%"},variant:"primary"}),n.jsx(xn,{space:o.sp0}),n.jsx(xi,{children:r.currentSelection==null?n.jsx(ho,{isMenuOpen:ae,menuItems:n.jsxs(bi,{children:[n.jsxs(fn,{"data-testid":y("vendor-first-review-row-mark-as-employee-menu-item"),onClick:()=>{le(!1),V(r.vendorId,!0)},children:[n.jsx($n,{}),ge.rowMoreActions.markAsEmployee]}),n.jsxs(fn,{"data-testid":y("vendor-first-review-row-mark-as-contractor-menu-item"),onClick:()=>{le(!1),V(r.vendorId,!1,!0)},children:[n.jsx($n,{}),ge.rowMoreActions.markAsLocalContractor]})]}),menuTriggerDataTestId:y("vendor-first-review-row-more-menu-trigger"),setIsMenuOpen:le}):null})]}),Pe&&x.length>0?Mo.createPortal(n.jsx(uo,{allFiles:P,fileSource:v,file:ze,title:ze.fileName,attachments:x,showNavigation:Oe.connectionName==="netsuite",setFileSource:Y,setShowFullScreenView:Q,onCrossClick:()=>{Q(!1),Y(null),T([]),x.length>0&&Se(x[0])},onNextClick:()=>{T([]),_(t=>{const d=t<x.length-1?t+1:0;return qe(r.vendorId,d),d})},onPreviousClick:()=>{T([]),_(t=>{const d=t>0?t-1:x.length-1;return qe(r.vendorId,d),d})},setSelectedFileAttachment:Se,handleTouchStart:function(t){R(t.targetTouches[0].clientX)},handleTouchMove:function(t){F(t.targetTouches[0].clientX)},handleTouchEnd:function(){p-M>50&&M!==0&&E<x.length-1?(Ee(Te(E+1)),R(0),F(0)):p-M<-50&&M!==0&&E>0&&(Ee(Te(E-1)),R(0),F(0))}}),document.body):null]})},ci=({recommendation:e,rowSuffix:a,onRedirectionToRecommendedMerchantWebsiteUrl:c})=>n.jsxs(An,{setMaxHeight:!0,children:[n.jsxs(Ge,{children:[n.jsx(Ne,{children:U.labels.name}),n.jsx(Qe,{children:e.globalMerchantName})]}),n.jsxs(Ge,{children:[n.jsx(Ne,{children:U.labels.websiteURL}),n.jsx(Qe,{className:"websiteUrlTooltipText",onClick:c,"data-testid":ve("vendor-first-review-row-website-url-tooltip-content",a),children:e.websiteUrl?.toString()})]})]}),mi=({vendorName:e,mergeVendorName:a,statusCode:c})=>n.jsxs(An,{setMaxHeight:!1,children:[c.code==="merge_in_qbo"?n.jsx(Ne,{children:ge.tooltip.mergeInQBOText}):null,c.code==="merge_in_netsuite"?n.jsx(Ne,{children:ge.tooltip.mergeInNetSuiteText}):null,n.jsxs(Ge,{children:[n.jsx(Ne,{children:U.labels.vendor}),n.jsx(Qe,{children:e})]}),n.jsxs(Ge,{children:[n.jsx(Ne,{children:U.labels.mergedTo}),n.jsx(Qe,{children:a})]})]}),pi=i.div`
+  display: flex;
+  margin-bottom: ${o.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"?`${A.dropShadowNormalDark} ${o.sp0} 2px ${o.sp1}`:`${o.sp0} 2px ${o.sp1} ${A.dropShadowNormalLight}`};
+  border-radius: ${o.sp2};
+  height: ${o.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?on`
+        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};
+          }
+        }
+      `:on``};
+`,Ce=i.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"};
+`,we=i(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;
+`,hi=i.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: ${o.sp0} 6px;
+  border-radius: ${o.sp1};
+  cursor: ${e=>e.clickable?"pointer":"default"};
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  margin-right: ${o.sp2};
+`,vn=i(In)`
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,xn=i.div`
+  display: flex;
+  align-items: center;
+  height: ${o.sp4};
+  width: ${o.sp3};
+  margin-right: ${e=>e.space};
+`,ui=i(Ie)`
+  display: flex;
+  max-width: calc(100% - ${o.sp6});
+  flex: 1 1 auto;
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+  align-items: center;
+  overflow: hidden;
+  display: flex;
+`,wi=i.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%;
+  }
+`,gi=i(rn)`
+  color: ${e=>e.theme.colors.hero};
+  margin: ${o.sp0} ${o.sp2};
+  align-items: center;
+  height: ${o.sp3};
+  width: ${o.sp4};
+  visibility: hidden;
+  cursor: pointer;
+`,bn=i(Ie)`
+  padding-left: ${o.sp2};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+`,vi=i.div`
+  display: flex;
+  width: 400px;
+`,en=i.div`
+  display: flex;
+`,An=i.div`
+  width: auto;
+  box-sizing: border-box;
+  max-height: ${e=>e.setMaxHeight?o.sp10:"none"};
+  &:hover {
+    .websiteUrlTooltipText {
+      cursor: pointer;
+    }
+  }
+  margin-bottom: ${o.sp2};
+  padding: ${o.sp2} ${o.sp3} ${o.sp2} ${o.sp3};
+`,Ge=i.div`
+  display: flex;
+  gap: ${o.sp3};
+  justify-content: space-between;
+`,Qe=i(fe)`
+  color: ${A.primaryDark};
+  overflow: hidden;
+  word-wrap: break-word;
+  white-space: initial;
+`,Ne=i(fe)`
+  color: ${A.heroDark};
+  white-space: initial;
+  word-wrap: break-word;
+`,xi=i.div`
+  display: flex;
+  justify-content: flex-end;
+`,bi=i.div`
+  margin: 5px ${o.sp0};
+`,fn=i(fe)`
+  height: ${o.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${o.sp0} ${o.sp3};
+  color: ${e=>e.isDelete===!0?A.important:e.theme.colors.hero};
+  cursor: pointer;
+  gap: ${o.sp2};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,$n=i(fo)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+`,Sn=i.div`
+  display: flex;
+`,fi=i.div`
+  display: flex;
+  gap: ${o.sp2};
+`,$i=i.div`
+  cursor: ${e=>e.isDisabled?"default":"pointer"};
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  margin-right: ${o.sp2};
+  &:hover {
+    svg {
+      color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
+    }
+  }
+`,Si=i.div`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  display: flex;
+  align-items: center;
+`,yi=on`
+  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%;
+`,yn=i.div`
+  ${yi};
+`,ji=e=>n.jsx(li,{...e}),an={listContainerMarginTop:new w(m[3],m[3]),itemHeight:new w(156,88),vendorListWrapperContainerMarginTop:new w(m[4],0)},{common:Z,vendorReview:{firstReview:k}}=be.getLocalizedStrings(),nr=({vendorFirstReviewView:e,globalMerchantAutoCompleteData:a,analytics:c,authParams:l,attachmentEndpoint:j,onBackClick:V,onVendorNameClick:S,onGlobalMerchantAutoCompleteInputChange:u,onUpdateLocalData:r,onFetchVendorReviewView:D,onUpdateScrollYOffset:B,onUpdatePageToken:W,onUpdateSortUiState:de,onClickSave:q,updateVendorDetailLocalData:y,onReloadList:H,onClickCancelPopup:g,onClickRedirectToQBO:Oe,onClearGlobalMerchantAutoCompleteResults:$e,onResetVendorLocalData:te,onClickMenuIcon:Fe})=>{const _=oe(),ae=Rn(),le=tn(),[ce,G]=f.useState(!1),[Pe,Q]=f.useState(null),{uiState:x,fetchState:P,vendorReviewView:T,recentlySavedErroredVendorView:v}=e,[Y,p]=f.useState(x.searchText),R=f.useRef(null),M=f.useRef(),F=Bn({mode:"all",reValidateMode:"onChange",defaultValues:jn(T,a.globalMerchantAutoCompleteView),values:jn(T,a.globalMerchantAutoCompleteView),resetOptions:{keepDirtyValues:!0}});f.useEffect(()=>{if(a.globalMerchantAutoCompleteView.fetchState==="Completed"){const s=e.vendorReviewView.find(b=>b.vendorId===Pe);let h;s!=null&&(h=s?.recommendations),M.current?.(dn(a.globalMerchantAutoCompleteView.globalMerchants,s?.status.code==="merge_in_qbo",h??[])),Q(null)}},[a.globalMerchantAutoCompleteView.fetchState]),f.useEffect(()=>{R.current?.resetAfterIndex(0)},[_,R]),f.useEffect(()=>{P==="Completed"&&G(!1)},[P]),f.useEffect(()=>{const s=F.watch((h,{name:b,type:t})=>{b!=null&&h[Me]!=null&&Fn(()=>Se(b,h,t))});return()=>{s.unsubscribe()}}),f.useEffect(()=>{P==="Completed"&&c.trackVendorReviewPage("tenant_review",x.totalCount)},[P]);const E=s=>an.itemHeight.value(_),K=(s,h,b)=>{D(b??null,s,h)},Ee=(s,h)=>{M.current=h,u(s,"vendor")},Te=f.useRef(Vn(s=>(h=>{W(null),K(h,!1,null)})(s),500,{trailing:!0})).current,ze=(s,h)=>{de(h,s),W(null),K(x.searchText,!1,null)},Se=(s,h,b)=>{if(s.includes(Me)){const t=parseInt(s.split(".")[1]),d=Object.assign(h[Me][t]);let $=d[ee];if(d[pe]!=null){let I;if(!s.includes(`${ee}.${he}`)||d[he]?.globalMerchantId==null&&d[he]?.globalMerchantName==null?!s.includes(`${ee}.${ue}`)||d[ue]?.globalMerchantId==null&&d[ue]?.globalMerchantName==null?s.includes(`${ee}.retain`)&&d[pe]!=null&&($={retain:d[ee].retain,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!1},I=d[pe]):($={retain:!1,recommendedFirst:!1,recommendedSecond:d[ee].recommendedSecond,rename:!1,customMerchant:!1},I=d[ue].globalMerchantId??d[ue].globalMerchantName):($={retain:!1,recommendedFirst:d[ee].recommendedFirst,recommendedSecond:!1,rename:!1,customMerchant:!1},I=d[he].globalMerchantId??d[he].globalMerchantName),s.includes(re)&&(I=d[re].selectedOption,$=d[re].selectedOption===d[he]?.globalMerchantId||d[re].selectedOption===d[he]?.globalMerchantName?{retain:!1,recommendedFirst:!0,recommendedSecond:!1,rename:!1,customMerchant:!0}:d[re].selectedOption===d[ue]?.globalMerchantId||d[re].selectedOption===d[ue]?.globalMerchantName?{retain:!1,recommendedFirst:!1,recommendedSecond:!0,rename:!1,customMerchant:!0}:d[re].selectedOption===d[pe]?{retain:!0,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}:{retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}),b==null)return void te(d[pe]);r(d[pe],$,I??d[pe])}}},Ue=s=>s<T.length,We=()=>{x.pageToken!=null&&P==="Completed"&&(G(!0),K(x.searchText,!0,x.pageToken))},qe=(s,h)=>{const b=e.vendorReviewView.find(t=>t.vendorId===s);b!=null&&r(b.vendorId,{retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!0,customMerchant:!1},b.vendorId,h)},He=s=>{const h=parseInt(s.split(".")[1]),b=e.vendorReviewView[h];if(b?.currentVendor!=null){const t=b.recommendations[0]?.globalMerchantName??null;c.trackVendorReviewUpdateVendorCanceled({reviewSource:"tenant_review",vendorName:b.currentVendor.name,vendorReviewStatus:b.status.code??null,wasRecommendationAvailable:!!t,recommendedVendorName:t,recommendedVendorReason:b.recommendations[0]?.reason??null})}F.resetField(`${Me}.${h}`)},me=F.handleSubmit(s=>{}),ie=(s,h,b)=>{const t=e.vendorReviewView.find(d=>d.vendorId===s);if(t?.currentVendor!=null){const d=[];t.recommendations.forEach($=>{$.globalMerchantId!=null&&d.push($.globalMerchantId)}),(t?.currentSelection==="retain"||t?.currentSelection==="rename")&&t?.isWebsiteUrlSaved===!1&&y({id:s,name:t.currentVendor.name,qboId:t.vendorQboId??s,websiteUrl:Co(t.currentVendor.websiteUrl.toString())})}if(t?.currentSelection!=="retain"&&t?.currentSelection!=="rename"||t?.isWebsiteUrlSaved===!0){if(t?.currentVendor!=null){const d=t.selectedVendor.name,$=t.recommendations[0]?.globalMerchantName??null,I=t.currentSelection,De=t.recommendations[0]?.globalMerchantId===t.selectedVendor.id||t.recommendations[0]?.globalMerchantName===d?t.recommendations[0]:void 0;c.trackVendorReviewSaveVendorRequested({reviewSource:"tenant_review",vendorName:t.currentVendor.name,vendorReviewStatus:t.status.code??null,saveRequestedVendorSource:I,saveRequestedVendorName:d,saveRequestedVendorReason:De?.reason??null,isGlobalVendorRequested:t.currentSelection==="customMerchant",isVendorNameRecommendationSelected:$===d,isVendorNameChangedAndSelected:t.currentSelection==="rename",isVendorNameRetainSelected:I==="retain",recommendedVendorName:$,wasRecommendationAvailable:!!$,recommendedVendorReason:t.recommendations[0]?.reason??null,isVendorNameMarkedAsEmployee:h??!1,isVendorNameMarkedAsLocalContractor:b??!1})}q(s,h,b)}},ye={onOkClick:()=>{if(ae.connectionName==="netsuite")g();else if(v!=null){const s=e.vendorReviewView.find(h=>h.vendorId===v.vendorId);if(s?.currentVendor!=null){const h=s.selectedVendor.name,b=s.recommendations[0]?.globalMerchantId===s.selectedVendor.id||s.recommendations[0]?.globalMerchantName===h?s.recommendations[0]:void 0,t=s.currentSelection??(v.newRecommendedVendor!=null?"recommendedFirst":null),d=s.recommendations[0]?.globalMerchantName??null;if(v.oldRecommendedVendor!=null||v.newRecommendedVendor!=null){const $={vendorName:s.currentVendor.name,saveRequestedVendorName:h,saveRequestedVendorReason:b?.reason??null,isVendorNameRecommendationSelected:t==="recommendedFirst"||t==="recommendedSecond",isVendorNameRetainSelected:t==="retain",isVendorNameChangedAndSelected:t==="rename",wasRecommendationAvailable:!!d,recommendedVendorName:d,recommendedVendorReason:s.recommendations[0]?.reason??null};v.newRecommendedVendor!=null?(c.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...$,reviewSource:"tenant_review",event:Re.Event.vendorReviewTenantRecommendationUpdateContinue,saveRequestedVendorSource:t,vendorReviewStatus:s.status.code??null,updatedRecommendedVendorName:v.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:v.newRecommendedVendor.reason??null}),q(v.vendorId)):c.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...$,reviewSource:"tenant_review",event:Re.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:t,vendorReviewStatus:s.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null}),g()}else c.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:Re.Event.vendorReviewTenantMergeInQBORedirect,vendorName:s.currentVendor.name,vendorReviewStatus:s.status.code??null,saveRequestedVendorSource:t,saveRequestedVendorName:h,saveRequestedVendorReason:b?.reason??null,isVendorNameRecommendationSelected:t==="recommendedFirst"||t==="recommendedSecond",isVendorNameRetainSelected:t==="retain",isVendorNameChangedAndSelected:t==="rename",wasRecommendationAvailable:!!d,recommendedVendorName:d,recommendedVendorReason:s.recommendations[0]?.reason??null}),Oe(),g()}}},onCancelClick:()=>{if(v!=null){const s=e.vendorReviewView.find(h=>h.vendorId===v.vendorId);if(s?.currentVendor!=null){const h=s.selectedVendor.name,b=s.recommendations[0]?.globalMerchantId===s.selectedVendor.id||s.recommendations[0]?.globalMerchantName===h?s.recommendations[0]:void 0,t=s.currentSelection,d=s.recommendations[0]?.globalMerchantName??null;if(v.oldRecommendedVendor!=null||v.newRecommendedVendor!=null){const $={vendorName:s.currentVendor.name,saveRequestedVendorName:h,saveRequestedVendorReason:b?.reason??null,isVendorNameRecommendationSelected:t==="recommendedFirst"||t==="recommendedSecond",isVendorNameRetainSelected:t==="retain",isVendorNameChangedAndSelected:t==="rename",wasRecommendationAvailable:!!d,recommendedVendorName:d,recommendedVendorReason:s.recommendations[0]?.reason??null};v.newRecommendedVendor!=null?c.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...$,reviewSource:"tenant_review",event:Re.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:t,vendorReviewStatus:s.status.code??null,updatedRecommendedVendorName:v.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:v.newRecommendedVendor.reason??null}):c.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...$,reviewSource:"tenant_review",event:Re.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:t,vendorReviewStatus:s.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null})}else c.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:Re.Event.vendorReviewTenantMergeInQBOCancel,vendorName:s.currentVendor.name,vendorReviewStatus:s.status.code??null,saveRequestedVendorSource:t,saveRequestedVendorName:h,saveRequestedVendorReason:b?.reason??null,isVendorNameRecommendationSelected:t==="recommendedFirst"||t==="recommendedSecond",isVendorNameRetainSelected:t==="retain",isVendorNameChangedAndSelected:t==="rename",wasRecommendationAvailable:!!d,recommendedVendorName:d,recommendedVendorReason:s.recommendations[0]?.reason??null})}g()}}},N=(()=>{if(v!=null){if(v.newRecommendedVendor!=null&&v.oldRecommendedVendor!=null){const s=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:s,secondaryButtonText:Z.cancel,primaryButtonText:Z.continue}}if(v.newRecommendedVendor!=null){const s=k.popupMessages.zeniNewRecommendationPopupTitle.replace("_vendor_name_",v.vendorName).replace("_new_recommendation_",v.newRecommendedVendor.globalMerchantName);return{description:k.popupMessages.zeniNewRecommendationPopupMsg,title:s,secondaryButtonText:Z.cancel,primaryButtonText:Z.continue}}if(v.oldRecommendedVendor!=null){const s=k.popupMessages.zeniNewRecommendationNotAvailablePopupTitle.replace("_vendor_name_",v.vendorName);return{description:k.popupMessages.zeniNewRecommendationNotAvailablePopupMsg,title:s,primaryButtonText:Z.gotIt}}return ae.connectionName==="netsuite"?{descriptionHeader:k.popupMessages.netsuiteLinkPopupMsgHeader,title:k.popupMessages.netsuiteLinkPopupTitle.replace("_vendor_name_",v.vendorName),subTitle:k.popupMessages.netsuiteLinkPopupSubTitle,description:k.popupMessages.netsuiteLinkPopupDescription,primaryButtonText:Z.texts.close}:{descriptionHeader:k.popupMessages.qboLinkPopupMsgHeader,title:k.popupMessages.qboLinkPopupTitle.replace("_vendor_name_",v.vendorName),subTitle:k.popupMessages.qboLinkPopupSubTitle,secondaryButtonText:Z.cancel,primaryButtonText:k.popupMessages.redirectToQBO}}})(),Je=n.jsx(En,{isSearchOpen:x.searchText.length>0,searchBarDataTestId:ve("vendor-first-review-search-bar"),searchPlaceHolder:k.searchPlaceholder,searchText:Y,onSearchTextChanged:s=>{p(s),s.trim().length>=2?Te(s):s.trim().length==0&&Te("")}});return n.jsx(Vi,{windowSize:_,children:n.jsxs(Un,{...F,children:[n.jsx(Wn,{title:k.title,backgroundColor:le.colors.grey4,onBackClick:V,rightSideComponent:Je,showMenuIcon:_==="medium-compact"||_==="small",onClickMenuIcon:Fe,source:"VendorFirstReviewPage"}),n.jsx("form",{onSubmit:me,children:n.jsxs(Ci,{windowSize:_,children:[n.jsx(qn,{controller:!!v?.vendorId&&!!N,children:n.jsx(Hn,{titleComponent:n.jsx(Qn,{children:n.jsxs(Li,{children:[n.jsx(Kn,{children:N?.title}),N?.subTitle!=null?n.jsx(Ai,{children:N.subTitle}):null]})}),descriptionComponent:n.jsxs(Gn,{style:{textAlign:N?.description==null?"left":"unset"},children:[N?.descriptionHeader!=null?n.jsx(Bi,{children:N.descriptionHeader}):null,N?.description!=null?n.jsx(Fi,{children:N.description}):ae.connectionName==="netsuite"?n.jsx(qo,{}):n.jsx(Do,{})]}),primaryButtonText:N?.primaryButtonText??Z.continue,secondaryButtonText:N?.secondaryButtonText,containerStyle:{maxWidth:"624px"},action:ye,primaryButtonWidth:148,secondaryButtonWidth:148})}),n.jsx(ki,{windowSize:_,children:P==="Error"?n.jsxs(Ni,{children:[n.jsx(Ii,{onClick:H,"data-testid":ve("vendor-first-review-page-reload-icon"),children:n.jsx(Xn,{})}),n.jsx(Pi,{children:Z.reloadPage.label})]}):P==="Completed"&&T.length===0?n.jsx(Jn,{message:x.searchText?k.noMatchedDataText:k.noDataText}):P==="Not-Started"||P==="In-Progress"&&T.length===0?n.jsx(ft,{sortConfig:{sortKey:x.sortKey,sortOrder:x.sortOrder},onColumnSortConfigChanged:ze,disableClick:!0}):n.jsx(Mi,{windowSize:_,children:n.jsx(Yn,{children:({height:s,width:h})=>n.jsx(Zn,{isItemLoaded:Ue,itemCount:T.length+1,loadMoreItems:We,children:({onItemsRendered:b})=>n.jsxs(_i,{style:{height:s,width:h},children:[n.jsx(Di,{style:{width:"auto"},children:n.jsx(Ln,{sortConfig:{sortKey:x.sortKey,sortOrder:x.sortOrder},disableClick:P!=="Completed",onColumnSortConfigChanged:ze})}),n.jsx(eo,{height:s-58,itemSize:E,width:h,ref:R,overscanCount:1,itemCount:T.length,onItemsRendered:b,onScroll:({scrollOffset:t})=>{B(t)},initialScrollOffset:x.scrollYOffset,itemData:{vendorFirstReviewView:e,analytics:c,authParams:l,attachmentEndpoint:j,globalMerchantAutoCompleteView:a.globalMerchantAutoCompleteView,searchAutoComplete:{autoCompleteData:a,loadOptions:Ee},setCurrentVendorInAction:Q,onClickVendorName:S,onClickVendorRename:qe,onClickCancel:He,onClickSave:ie,onClearGlobalMerchantAutoCompleteResults:$e},children:Ri})]})})})})}),ce===!0?n.jsx(zi,{children:n.jsx(no,{size:"Small",start:!0})}):null]})})]})})},Ri=({index:e,style:a,data:c})=>{const{analytics:l,authParams:j,attachmentEndpoint:V,vendorFirstReviewView:S,searchAutoComplete:u,setCurrentVendorInAction:r,onClickVendorName:D,onClickVendorRename:B,onClickCancel:W,onClickSave:de,onClearGlobalMerchantAutoCompleteResults:q}=c,{vendorReviewView:y,fetchState:H}=S,g=y[e];return e<y.length&&g.selectedVendor!=null?n.jsx(Ti,{style:{...a,width:"100%"},className:"vendor-list-item",children:n.jsx(Oi,{children:n.jsx(ji,{fetchState:H,analytics:l,authParams:j,attachmentEndpoint:V,sectionId:`${Me}.${e}`,vendorId:g.currentVendor?.id,rowData:g,rowIndex:e,setCurrentVendorInAction:r,searchAutoComplete:u,onVendorNameClick:D,onClickCancel:W,onClickSave:de,onClickRenameOption:B,onClearGlobalMerchantAutoCompleteResults:q},e)},`sub-container-${e}`)}):null},jn=(e,a)=>{const c=e.map(l=>{const j=l.currentSelection==="customMerchant"&&l.selectedVendor?.id!=null&&l.selectedVendor.name!=null?{id:l.selectedVendor.id,name:l.selectedVendor.name}:void 0,V=l.recommendations;return{selectedVendor:{defaultOptions:dn(a.globalMerchants,l.status.code==="merge_in_qbo",V,l.currentVendor,j),selectedOption:l.selectedVendor.id??l.vendorRenamedText},recommendedFirst:l.recommendations[0],recommendedSecond:l.recommendations[1],currentSelection:{retain:l.currentSelection==="retain",recommendedFirst:l.currentSelection==="recommendedFirst",recommendedSecond:l.currentSelection==="recommendedSecond",rename:l.currentSelection==="rename",customMerchant:l.currentSelection==="customMerchant"},retainVendorId:l.currentVendor?.id,status:l.status,lastUpdatedVendorNameByUser:l.lastUpdatedVendorNameByUser}});return{[Me]:c}},Vi=i.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,Ci=i.div`
+  display: block;
+  background-color: ${e=>e.theme.colors.grey4};
+  height: calc(100vh - 120px);
+  width: 100%;
+  margin-top: ${e=>an.vendorListWrapperContainerMarginTop.valuePx(e.windowSize)};
+`,ki=i.div`
+  margin-top: ${e=>an.listContainerMarginTop.valuePx(e.windowSize)};
+  height: 100%;
+`,Mi=i.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,Ni=i.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Ii=i.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${o.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Oi=i.div`
+  display: flex;
+  flex-direction: column;
+`,Pi=i(oo)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Ti=i.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  padding-bottom: ${o.sp3};
+  box-sizing: border-box;
+`,zi=i.div`
+  display: flex;
+  width: 100%;
+  height: ${o.sp3};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-top: ${o.sp3};
+  margin-bottom: ${o.sp3};
+`,Di=i.div``,_i=i.div`
+  position: relative;
+`,Li=i.div`
+  display: flex;
+  flex-direction: column;
+`,Ai=i(Ie)`
+  color: ${e=>e.theme.colors.hero};
+  margin: ${o.sp2} ${o.sp8} 0 ${o.sp8};
+`,Bi=i(Cn)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${o.sp2};
+`,Fi=i.div``;export{nr as default};