@zeniai/web-cockpit-ui 1.15.34-dev → 1.15.35-dev

package/dist/assets/VendorFirstReviewPage-Va76j7QY-Ce_x6xNG.js

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