@zeniai/web-cockpit-ui 1.15.8-qa → 1.15.9-dev

package/dist/assets/{VendorFirstReviewPage-CJ-NKRm1-BgMJtPzx.js → VendorFirstReviewPage-BTFeQPW6-CV-VtP76.js}

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