@zeniai/web-cockpit-ui 1.15.58-qa → 1.15.59-dev

package/dist/assets/{VendorFirstReviewPage-7VUbqyR2-B-t_-gOw.js → VendorFirstReviewPage-klbCHS04-BFjy2m5_.js}

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