@zeniai/web-cockpit-ui 1.15.37-dev → 1.15.38-dev

package/dist/assets/VendorFirstReviewPage-DTOwONia-BcMjDFZM.js

@@ -1,730 +0,0 @@
-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,T as xt,F as ye,x as g,t as Ce,o as t,aV as Pn,am as Pe,aU as ft,u as m,aj as je,cB as bt,co as Tn,bQ as Ne,bi as zn,cE as St,c0 as yt,dH as jt,bb as Je,bu as pn,p as E,m 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,r as fn,cy as Mt,ij as Nt,ik as Ot,cL as It,ex as Pt,eG as Tt,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,z as Ft,c as Et,aX as dn}from"./index-DkG4Gq_1.js";import{a as b}from"./sentry-CkqzujGZ.js";import{n as i,c as cn}from"./mui-jyIGzSd8.js";import{gu as Wt,GP as Ut}from"./zeni-epic-state-B9mN2lN3.js";import{r as Gt}from"./core-CBRgKovr.js";import"./liveblocks-CZpRcduP.js";import"./recharts-CCz6EACy.js";import"./lottie-CvYZqvKo.js";import"./analytics-Cu6vrn8M.js";import"./lexical-BgntzHWG.js";import"./utils-CvgqAgFT.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]="12b81baa-af8c-429a-9e03-27d047b50784",e._sentryDebugIdIdentifier="sentry-dbid-12b81baa-af8c-429a-9e03-27d047b50784")}catch{}})();const An=({steps:e})=>{const s=re();return n.jsx(qt,{windowSize:s,children:e.map((c,d)=>n.jsxs(Ht,{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}`))})},Ht=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(Pn)`
-  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(Tn,{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(Pe)`
-  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)},Gn=({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 P=O;e.sortKey===o&&(P=O==="ascending"?"descending":"ascending"),c(o,P)},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(Po,{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(To,{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;
-`,Po=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;
-`,To=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(Gn,{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:P=!1,getRenameOptionText:U,onClickRenameOption:ce,onMenuClose:H,valueToInfo:$,valueToId:q,loadOptions:w})=>{const{control:Te,formState:{errors:$e}}=It(),se=mn(),[Fe,_]=b.useState(null),me=Pt($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},T=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:T.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(Tt,{name:e,control:Te,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:P,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:H,classNamePrefix:"auto-complete-grouped-single-select-field",onBlur:y,menuPlacement:"auto",maxMenuHeight:288,menuShouldScrollIntoView:!0,closeMenuOnSelect:!0,components:{Control:Go,Option:Zo,Input:qo,Group:Ko,GroupHeading:Xo,SingleValue:Jo,ValueContainer:Ho,MenuList:Qo,LoadingIndicator:ki,DropdownIndicator:Ri,IndicatorSeparator:Vi,Placeholder:Yo,ClearIndicator:Ci},hideSelectedOptions:!1,styles:K,isDisabled:R!=null})}})},Go=e=>{const{menuIsOpen:s,isFocused:c,isDisabled:d,selectProps:R,options:k}=e,{value:j,hasError:V}=R;let o=[];k.forEach(P=>{o=o.concat(P.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})})},Ho=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(Pe,{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,P)=>n.jsxs(gi,{windowSize:V,children:[n.jsx(Tn,{width:m[4],height:m[4]}),n.jsx(Ne,{width:218,height:m[4]})]},P))})]}):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:P,sectionId:U,setCurrentVendorInAction:ce})=>{const H=String(O),$=a=>be(a,H),q=mn(),w=re(),Te=On(),[$e,se]=b.useState(!1),[Fe,_]=b.useState(0),[me,pe]=b.useState(!1),{globalMerchantAutoCompleteView:ue}=P.autoCompleteData,Q=o.currentSelection!=null,[ze,K]=b.useState(!1),{transactionAttachments:f}=o,[T,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(T[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 He(o.vendorId,S),S})},tn=()=>{z([]),_(a=>{const S=a>0?a-1:f.length-1;return He(o.vendorId,S),S})},Ue=f.length===0,Ge=f.map(a=>a.id),He=(a,S)=>{K(!0);async function B(Qe){return await bn(c,s,Qe)}const ne=[Ge[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:Ge}).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]),G=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:H,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),P.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(Ti,{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:G.map((a,S)=>n.jsxs(b.Fragment,{children:[n.jsx(xe,{"data-testid":be("vendor-first-review-row-recommendation-option",`${H}-${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<G.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(Pi,{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?Gt.createPortal(n.jsx(Nt,{allFiles:T,fileSource:v,file:We,title:We.fileName,attachments:f,showNavigation:Te.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(Hn,{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(Hn,{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(Pe)`
-  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;
-`,Pi=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};
-`,Ti=i(Pe)`
-  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(Pe)`
-  padding-left: ${t.sp2};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  cursor: pointer;
-`,Li=i.div`
-  display: flex;
-  width: 400px;
-`,ln=i.div`
-  display: flex;
-`,Hn=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:P,onUpdatePageToken:U,onUpdateSortUiState:ce,onClickSave:H,updateVendorDetailLocalData:$,onReloadList:q,onClickCancelPopup:w,onClickRedirectToQBO:Te,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:T,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(()=>{T==="Completed"&&Q(!1)},[T]),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(()=>{T==="Completed"&&c.trackVendorReviewPage("tenant_review",f.totalCount)},[T]);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 G;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},G=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},G=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},G=p[ge]),r.includes(le)&&(G=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,G??p[ge])}}},We=()=>{Q(!0),he(f.searchText,!0,f.pageToken)},Ve=r=>r<z.length,en=()=>{f.pageToken!=null&&T==="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=>{}),Ge=(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,G=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:G,saveRequestedVendorName:p,saveRequestedVendorReason:on?.reason??null,isGlobalVendorRequested:l.currentSelection==="customMerchant",isVendorNameRecommendationSelected:C===p,isVendorNameChangedAndSelected:l.currentSelection==="rename",isVendorNameRetainSelected:G==="retain",recommendedVendorName:C,wasRecommendationAvailable:!!C,recommendedVendorReason:l.recommendations[0]?.reason??null,isVendorNameMarkedAsEmployee:h??!1,isVendorNameMarkedAsLocalContractor:x??!1})}H(r,h,x)}},He={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}),H(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}),Te(),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(Hi,{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:He,primaryButtonWidth:148,secondaryButtonWidth:148})}),n.jsx(Qi,{windowSize:_,children:T==="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})]}):T==="Completed"&&z.length===0?n.jsx(ht,{message:f.searchText?N.noMatchedDataText:N.noDataText}):T==="Not-Started"||T==="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(Gn,{sortConfig:{sortKey:f.sortKey,sortOrder:f.sortOrder},disableClick:T!=="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})=>{P(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:Ge,onClearGlobalMerchantAutoCompleteResults:$e},children:Gi})]})})})})}),ue===!0?n.jsx(nr,{children:n.jsx(xt,{size:"Small",start:!0})}):null]})})]})})},Gi=({index:e,style:s,data:c})=>{const{analytics:d,authParams:R,attachmentEndpoint:k,vendorFirstReviewView:j,searchAutoComplete:V,setCurrentVendorInAction:o,onClickVendorName:O,onClickVendorRename:P,onClickCancel:U,onClickSave:ce,onClearGlobalMerchantAutoCompleteResults:H}=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:P,onClearGlobalMerchantAutoCompleteResults:H},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}},Hi=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(Pe)`
-  color: ${e=>e.theme.colors.hero};
-  margin: ${t.sp2} ${t.sp8} 0 ${t.sp8};
-`,sr=i(Pn)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${t.sp2};
-`,ar=i.div``;export{fr as default};