@zeniai/web-app-ui 4.14.35-qa → 4.14.36-next

package/dist/assets/VendorFirstReviewPage-DA0EL4RJ-CGX7_u3z.js

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