@zeniai/web-cockpit-ui 1.14.62-dev → 1.14.63-dev

package/dist/assets/{VendorFirstReviewPage-DY035p5C-CBR39dJP.js → VendorFirstReviewPage-iNPtUFNw-BbgJ63Tq.js}

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

package/dist/assets/{VendorInternationalWireDetailsPage-DN_mcAqY-mmYMcnBl.js → VendorInternationalWireDetailsPage-CqgGFU1K-CKX6n49-.js}

@@ -1,13 +1,13 @@
-import{j as t,q as Q,aa as he,F as U,cS as ye,aC as ge,l as Y,cD as be,cE as fe,cF as xe,ad as ve,aQ as we,y as p,dj as le,dk as Ce,o as y,b8 as $e,d3 as oe,b as ne,dl as je,dm as J,d9 as G,b1 as H,cV as De,dn as Te,u as a,db as Se,aM as Fe,h as V,P as ke,O as Oe,c5 as Ae,ai as Le,bP as We}from"./index-HCR8uiT1.js";import{b as R,n as g}from"./vendor-Bs1fkIUX.js";import{W as ze,F as Ie}from"./BankAccountWarningSection-Dpt8yOKi-BO8G0nmG.js";import{T as Re}from"./MailingDetailsSection-BwEd_J6R-dp-4DZAU.js";import{S as Pe}from"./CurrencySelectField-hwgVPqTt-CZrVpTrr.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./LabeledAddressValueField-kgieouBM-C9jRpERl.js";const O={width:new p(343,580,726),height:new p(a[6],a[6]),controlHeight:new p(a[6],a[6]),paddingTopBottom:new p(a[2],a[2]),marginRight:new p(a[2],a[2]),labelMarginLeft:new p(a[3],a[4]),labelMarginRight:new p(a[3],a[4]),labelMarginTop:new p(a[2],a[2])},ae={infoLabel:new Oe("extraSmallRegular","smallRegular")};function Ee({isDisabled:e,label:i,currencySelectField:l,style:f,errorInfoLabel:u,isAdditionalInfoLabelLoading:n=!1,showAdditionalLabelTooltip:o=!1,additionalLabelTooltip:w,additionalInfoLabel:D,showAdditionalInfoLabel:F=!0}){const C=Q(),{formState:{errors:b}}=oe(),$=ne(),j=Se(b,l.name),m=()=>{if(n===!0)return t.jsx(He,{children:t.jsx(ke,{size:"Small",start:!0})});if(F&&D||j){let c=null;return o===!0&&F&&w&&(c=t.jsx(Ae,{placement:C==="small"?"bottom":"right",maxWidth:"364px",title:t.jsx(Ve,{children:w}),children:t.jsx(Ne,{children:t.jsx(Ue,{})})})),t.jsxs(qe,{size:C,isError:j,hasToolTip:o,isDisabled:e!=null,children:[c,D]})}};return t.jsxs(_e,{size:C,style:f,isDisabled:e!=null,isError:j,"data-testid":Fe("labeled-currency-field",l.name),children:[t.jsx(G,{isDisabled:e,label:i.label,htmlFor:l.name,style:{marginLeft:O.labelMarginLeft.value(C),marginRight:O.labelMarginRight.value(C),marginTop:O.labelMarginTop.value(C),width:i.width??"auto",color:e==="disabled"?$.colors.grey2:$.colors.hero}}),t.jsxs(Me,{labelWidth:i.width,children:[t.jsx(Pe,{...l,isDisabled:e,style:{display:"flex",flexGrow:1,height:O.controlHeight.value(C)}}),j?t.jsx(Be,{windowSize:C,hasError:j,children:u}):null,m()]})]})}const _e=g.div`
+import{j as t,q as Q,aa as he,O as U,cS as ye,aC as ge,l as Y,cD as be,cE as fe,cF as xe,ad as ve,aQ as we,y as p,dj as le,dk as Ce,o as y,b8 as $e,d3 as oe,c as ne,dl as je,dm as J,d9 as G,b1 as H,cV as De,dn as Te,u as a,db as Se,aM as ke,h as V,P as Oe,b as Fe,c5 as Ae,ai as Le,bP as We}from"./index-6DHFBk74.js";import{b as R,n as g}from"./vendor-Bs1fkIUX.js";import{W as ze,F as Ie}from"./BankAccountWarningSection-CMrRr8aa-BT7FUFGR.js";import{T as Re}from"./MailingDetailsSection-8mj7Lslp--SKJjx0D.js";import{S as Pe}from"./CurrencySelectField-BW71th1E-DHxO3UVa.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./LabeledAddressValueField-DRBoA2eb-CWryzMa2.js";const F={width:new p(343,580,726),height:new p(a[6],a[6]),controlHeight:new p(a[6],a[6]),paddingTopBottom:new p(a[2],a[2]),marginRight:new p(a[2],a[2]),labelMarginLeft:new p(a[3],a[4]),labelMarginRight:new p(a[3],a[4]),labelMarginTop:new p(a[2],a[2])},ae={infoLabel:new Fe("extraSmallRegular","smallRegular")};function Ee({isDisabled:e,label:i,currencySelectField:l,style:f,errorInfoLabel:u,isAdditionalInfoLabelLoading:n=!1,showAdditionalLabelTooltip:o=!1,additionalLabelTooltip:w,additionalInfoLabel:D,showAdditionalInfoLabel:k=!0}){const C=Q(),{formState:{errors:b}}=oe(),$=ne(),j=Se(b,l.name),m=()=>{if(n===!0)return t.jsx(He,{children:t.jsx(Oe,{size:"Small",start:!0})});if(k&&D||j){let c=null;return o===!0&&k&&w&&(c=t.jsx(Ae,{placement:C==="small"?"bottom":"right",maxWidth:"364px",title:t.jsx(Ve,{children:w}),children:t.jsx(Ne,{children:t.jsx(Ue,{})})})),t.jsxs(qe,{size:C,isError:j,hasToolTip:o,isDisabled:e!=null,children:[c,D]})}};return t.jsxs(_e,{size:C,style:f,isDisabled:e!=null,isError:j,"data-testid":ke("labeled-currency-field",l.name),children:[t.jsx(G,{isDisabled:e,label:i.label,htmlFor:l.name,style:{marginLeft:F.labelMarginLeft.value(C),marginRight:F.labelMarginRight.value(C),marginTop:F.labelMarginTop.value(C),width:i.width??"auto",color:e==="disabled"?$.colors.grey2:$.colors.hero}}),t.jsxs(Be,{labelWidth:i.width,children:[t.jsx(Pe,{...l,isDisabled:e,style:{display:"flex",flexGrow:1,height:F.controlHeight.value(C)}}),j?t.jsx(Me,{windowSize:C,hasError:j,children:u}):null,m()]})]})}const _e=g.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   background-color: ${e=>e.theme.colors.grey5};
-  width: ${e=>O.width.valuePx(e.size)};
-  min-height: ${e=>O.height.valuePx(e.size)};
-  padding-right: ${e=>O.marginRight.valuePx(e.size)};
-  padding-top: ${e=>O.paddingTopBottom.valuePx(e.size)};
-  padding-bottom: ${e=>O.paddingTopBottom.valuePx(e.size)};
+  width: ${e=>F.width.valuePx(e.size)};
+  min-height: ${e=>F.height.valuePx(e.size)};
+  padding-right: ${e=>F.marginRight.valuePx(e.size)};
+  padding-top: ${e=>F.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>F.paddingTopBottom.valuePx(e.size)};
   :first-of-type {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
@@ -47,13 +47,13 @@ import{j as t,q as Q,aa as he,F as U,cS as ye,aC as ge,l as Y,cD as be,cE as fe,
       background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?V.importantLight:e.theme.colors.background};
     }
   }
-`,Be=g.label`
+`,Me=g.label`
   color: ${e=>e.hasError===!0?V.important:e.additionalInfoTextColor??e.theme.colors.grey1};
   width: auto;
   ${e=>`${ae.infoLabel.style(e.windowSize)}`};
   padding-right: ${y.sp3};
   text-align: right;
-`,Me=g.div`
+`,Be=g.div`
   display: flex;
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
   justify-content: flex-end;
@@ -86,7 +86,7 @@ import{j as t,q as Q,aa as he,F as U,cS as ye,aC as ge,l as Y,cD as be,cE as fe,
   width: ${y.sp3};
   height: ${y.sp3};
   color: inherit;
-`,S={largeLabelWidth:new p(120,140,220),paddingTopBottom:new p(a[3],a[3]),labelHeight:new p(a[6],a[6]),labelMarginLeft:new p(a[3],a[4]),labelMarginRight:new p(a[3],a[4]),labelMarginTop:new p(a[2],a[2]),controlHeight:new p(a[6],a[6]),toolTipWidth:new p(60,150)},Ge=({dynamicFormFetchState:e,dynamicFormConfig:i,supportedAccountTypes:l,supportedCountries:f,supportedCurrencies:u,wireAccountToCreate:n,sectionId:o,isCountryDropdownReadonly:w,isCurrencyDropdownReadonly:D,isDisabled:F,style:C})=>{const b=Q(),{getValues:$}=oe(),j=ne(),m=U.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:c}=m,x=S.largeLabelWidth.value(b),W=n?.accountType?.type,T=n?.countryCode==null,_=n?.currencyCode==null,k=["phone","email","other"];return t.jsx(Qe,{style:C,children:t.jsxs(Ye,{children:[t.jsx(je,{isDisabled:w===!0?"readonly":void 0,label:{label:c.country,width:x},style:{width:"auto"},countrySelectField:{name:L(o,"vendorCountry"),placeholder:c.countryPlaceholder,defaultValue:le(n?.countryCode,f.map(s=>s.countryCode)),registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}},additionalInfoLabel:m.international.countryAdditionalInfo}),t.jsx(I,{}),t.jsx(Ee,{isDisabled:T===!0?"disabled":D===!0?"readonly":void 0,label:{label:c.currency,width:x},style:{width:"auto"},currencySelectField:{name:L(o,"vendorCurrency"),placeholder:c.currencyPlaceholder,defaultValue:{allOptions:u.map(s=>({label:`${s.currencySymbol} - ${s.currencyName}`,value:s.currencyCode,countryCode:s.countryCode,currency:s.currencyName})),selectedOption:n?.currencyCode},registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}},additionalInfoLabel:m.international.currencyAdditionalInfo}),t.jsx(I,{}),_!==!0&&e==="Completed"?t.jsxs(t.Fragment,{children:[t.jsx(J,{isDisabled:void 0,label:{label:c.typeOfAccount,width:x},style:{width:"auto"},singleSelectPickerField:{name:L(o,"typeOfAccount"),placeholder:c.typeOfAccountPlaceholder,defaultValue:{selectedOption:n?.accountType?.type,allOptions:l.map(s=>({label:s.title,value:s.type}))},registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}}}),t.jsx(I,{})]}):null,n!=null&&W!=null&&n.dynamicForm[W]!=null&&i.length>0?Object.keys(n.dynamicForm[W]).map(s=>{const r=i.filter(E=>E.name===s)[0],h=n.accountType?.type;if(h!=null&&r!=null){const E=n.dynamicForm[h][s];switch(r.fieldType){case"text":return t.jsxs(t.Fragment,{children:[t.jsx(De,{label:{label:r.label+c.colon,width:x},text:{type:"text",name:z(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:E,options:{required:r.required,pattern:r.validationRegex!=null?new RegExp(r.validationRegex):void 0,maxLength:r.maxLength,minLength:r.minLength}},isDisabled:F,style:{width:"auto"},showAdditionalInfoLabel:!1},z(o,"dynamicForm",h,r.name)),t.jsx(I,{})]});case"select":return t.jsxs(t.Fragment,{children:[t.jsx(J,{isDisabled:void 0,label:{label:r.label+c.colon,width:x},style:{width:"auto"},singleSelectPickerField:{name:z(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:{selectedOption:E,allOptions:r.valuesAllowed??[]}}},z(o,"dynamicForm",h,r.name)),t.jsx(I,{})]});case"radio":return t.jsxs(t.Fragment,{children:[t.jsxs(K,{size:b,children:[t.jsx(G,{label:r.label+c.colon,htmlFor:z(o,"dynamicForm",h,r.name),style:{marginLeft:S.labelMarginLeft.value(b),marginRight:S.labelMarginRight.value(b),width:x}}),t.jsx(X,{labelWidth:x,size:b,children:r.valuesAllowed?.map(B=>t.jsx(H,{label:{label:B.label},style:{paddingRight:`${y.sp4}`,width:"auto"},radioField:{name:z(o,"dynamicForm",h,r.name),id:r.name,value:B.value,registerOptions:{required:!0}}},B.value))})]},z(o,"dynamicForm",h,r.name)),t.jsx(I,{})]});default:return null}}else return null}):null,t.jsxs(Je,{size:b,children:[t.jsxs(K,{size:b,children:[t.jsx(G,{label:c.addSource,htmlFor:L(o,"source"),style:{marginLeft:S.labelMarginLeft.value(b),marginRight:S.labelMarginRight.value(b),width:x},showTooltip:!0,tooltipTitle:c.sourceTooltip,toolTipWidth:S.toolTipWidth.valuePx(b)}),t.jsxs(X,{labelWidth:x,size:b,children:[t.jsx(H,{label:{label:c.phone},style:{paddingRight:`${y.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:L(o,"source"),id:k[0],value:k[0],registerOptions:{required:!0},radioSize:"small"}}),t.jsx(H,{label:{label:c.email},style:{paddingRight:`${y.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:L(o,"source"),id:k[1],value:k[1],registerOptions:{required:!0},radioSize:"small"}}),t.jsx(H,{label:{label:c.other},style:{width:"auto"},isContainerClickable:!0,radioField:{name:L(o,"source"),id:k[2],value:k[2],registerOptions:{required:!0},radioSize:"small"}})]})]}),$(`${o}.source`)==="other"?t.jsx(Te,{type:"text",name:L(o,"otherSource"),placeholder:c.sourcePlaceholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:y.sp7,width:"calc(100% - largeLabelWidth)",background:j.colors.background,border:`1px solid ${j.colors.background}`,marginLeft:x},registerOptions:{required:!0,validate:s=>$(`${o}.source`)==="other"&&!!s}}):null]}),t.jsx(I,{})]})})},L=(e,i)=>`${e}.${i}`,z=(e,i,l,f)=>`${e}.${i}.${l}.${f}`,Qe=g.div`
+`,S={largeLabelWidth:new p(120,140,220),paddingTopBottom:new p(a[3],a[3]),labelHeight:new p(a[6],a[6]),labelMarginLeft:new p(a[3],a[4]),labelMarginRight:new p(a[3],a[4]),labelMarginTop:new p(a[2],a[2]),controlHeight:new p(a[6],a[6]),toolTipWidth:new p(60,150)},Ge=({dynamicFormFetchState:e,dynamicFormConfig:i,supportedAccountTypes:l,supportedCountries:f,supportedCurrencies:u,wireAccountToCreate:n,sectionId:o,isCountryDropdownReadonly:w,isCurrencyDropdownReadonly:D,isDisabled:k,style:C})=>{const b=Q(),{getValues:$}=oe(),j=ne(),m=U.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:c}=m,x=S.largeLabelWidth.value(b),W=n?.accountType?.type,T=n?.countryCode==null,_=n?.currencyCode==null,O=["phone","email","other"];return t.jsx(Qe,{style:C,children:t.jsxs(Ye,{children:[t.jsx(je,{isDisabled:w===!0?"readonly":void 0,label:{label:c.country,width:x},style:{width:"auto"},countrySelectField:{name:L(o,"vendorCountry"),placeholder:c.countryPlaceholder,defaultValue:le(n?.countryCode,f.map(s=>s.countryCode)),registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}},additionalInfoLabel:m.international.countryAdditionalInfo}),t.jsx(I,{}),t.jsx(Ee,{isDisabled:T===!0?"disabled":D===!0?"readonly":void 0,label:{label:c.currency,width:x},style:{width:"auto"},currencySelectField:{name:L(o,"vendorCurrency"),placeholder:c.currencyPlaceholder,defaultValue:{allOptions:u.map(s=>({label:`${s.currencySymbol} - ${s.currencyName}`,value:s.currencyCode,countryCode:s.countryCode,currency:s.currencyName})),selectedOption:n?.currencyCode},registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}},additionalInfoLabel:m.international.currencyAdditionalInfo}),t.jsx(I,{}),_!==!0&&e==="Completed"?t.jsxs(t.Fragment,{children:[t.jsx(J,{isDisabled:void 0,label:{label:c.typeOfAccount,width:x},style:{width:"auto"},singleSelectPickerField:{name:L(o,"typeOfAccount"),placeholder:c.typeOfAccountPlaceholder,defaultValue:{selectedOption:n?.accountType?.type,allOptions:l.map(s=>({label:s.title,value:s.type}))},registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}}}),t.jsx(I,{})]}):null,n!=null&&W!=null&&n.dynamicForm[W]!=null&&i.length>0?Object.keys(n.dynamicForm[W]).map(s=>{const r=i.filter(E=>E.name===s)[0],h=n.accountType?.type;if(h!=null&&r!=null){const E=n.dynamicForm[h][s];switch(r.fieldType){case"text":return t.jsxs(t.Fragment,{children:[t.jsx(De,{label:{label:r.label+c.colon,width:x},text:{type:"text",name:z(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:E,options:{required:r.required,pattern:r.validationRegex!=null?new RegExp(r.validationRegex):void 0,maxLength:r.maxLength,minLength:r.minLength}},isDisabled:k,style:{width:"auto"},showAdditionalInfoLabel:!1},z(o,"dynamicForm",h,r.name)),t.jsx(I,{})]});case"select":return t.jsxs(t.Fragment,{children:[t.jsx(J,{isDisabled:void 0,label:{label:r.label+c.colon,width:x},style:{width:"auto"},singleSelectPickerField:{name:z(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:{selectedOption:E,allOptions:r.valuesAllowed??[]}}},z(o,"dynamicForm",h,r.name)),t.jsx(I,{})]});case"radio":return t.jsxs(t.Fragment,{children:[t.jsxs(K,{size:b,children:[t.jsx(G,{label:r.label+c.colon,htmlFor:z(o,"dynamicForm",h,r.name),style:{marginLeft:S.labelMarginLeft.value(b),marginRight:S.labelMarginRight.value(b),width:x}}),t.jsx(X,{labelWidth:x,size:b,children:r.valuesAllowed?.map(M=>t.jsx(H,{label:{label:M.label},style:{paddingRight:`${y.sp4}`,width:"auto"},radioField:{name:z(o,"dynamicForm",h,r.name),id:r.name,value:M.value,registerOptions:{required:!0}}},M.value))})]},z(o,"dynamicForm",h,r.name)),t.jsx(I,{})]});default:return null}}else return null}):null,t.jsxs(Je,{size:b,children:[t.jsxs(K,{size:b,children:[t.jsx(G,{label:c.addSource,htmlFor:L(o,"source"),style:{marginLeft:S.labelMarginLeft.value(b),marginRight:S.labelMarginRight.value(b),width:x},showTooltip:!0,tooltipTitle:c.sourceTooltip,toolTipWidth:S.toolTipWidth.valuePx(b)}),t.jsxs(X,{labelWidth:x,size:b,children:[t.jsx(H,{label:{label:c.phone},style:{paddingRight:`${y.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:L(o,"source"),id:O[0],value:O[0],registerOptions:{required:!0},radioSize:"small"}}),t.jsx(H,{label:{label:c.email},style:{paddingRight:`${y.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:L(o,"source"),id:O[1],value:O[1],registerOptions:{required:!0},radioSize:"small"}}),t.jsx(H,{label:{label:c.other},style:{width:"auto"},isContainerClickable:!0,radioField:{name:L(o,"source"),id:O[2],value:O[2],registerOptions:{required:!0},radioSize:"small"}})]})]}),$(`${o}.source`)==="other"?t.jsx(Te,{type:"text",name:L(o,"otherSource"),placeholder:c.sourcePlaceholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:y.sp7,width:"calc(100% - largeLabelWidth)",background:j.colors.background,border:`1px solid ${j.colors.background}`,marginLeft:x},registerOptions:{required:!0,validate:s=>$(`${o}.source`)==="other"&&!!s}}):null]}),t.jsx(I,{})]})})},L=(e,i)=>`${e}.${i}`,z=(e,i,l,f)=>`${e}.${i}.${l}.${f}`,Qe=g.div`
   display: flex;
   flex-direction: column;
 `,Ye=g.div`
@@ -130,7 +130,7 @@ import{j as t,q as Q,aa as he,F as U,cS as ye,aC as ge,l as Y,cD as be,cE as fe,
   flex-grow: 1;
   height: ${e=>S.controlHeight.valuePx(e.size)};
   align-items: center;
-`,P={paddingTopBottomContainer:new p(a[3],a[3]),paddingLeftContainer:new p(a[3],a[6]),paddingRightContainer:new p(a[3],a[8]),marginLeft:new p(a[4],a[6]),buttonWidth:new p(140,140)},Z="internationalDetailsPage",v="internationalWireSection",Ke="mailingAddressSection",ee=e=>`${e}_form`,Xe=({internationalWireView:e,vendorType:i,isCountryDropdownReadonly:l=!1,isCurrencyDropdownReadonly:f=!1,isDisabled:u,addressType:n,addressToEdit:o,mailingAddress:w,billAmount:D,onAccountDetailsUpdated:F,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:j})=>{const m=Q(),c=e.createInternationalWireDetails.localData,x=e.createInternationalWireDetails.createStatus,W=e.fetchState,T=he({mode:"all",reValidateMode:"onChange",defaultValues:R.useMemo(()=>te(e),[e]),values:te(e)}),[_,k]=R.useState(!1),[s,r]=R.useState(!1),h=U.getLocalizedStrings().spendManagement.billPay.vendorCreation,E=U.getLocalizedStrings().common.footer,{international:B}=h.wireDetails,re={onOkClick:()=>{r(!1),T.reset(),$()},onCancelClick:()=>{r(!1)}},se=(d,A)=>{if(d.includes("account_holder_name")||d.includes("bank_account_iban")||d.includes("bank_swift_code")||d.includes("account_number")||d.includes("sort_code")||d.includes("ifsc_code")||d.includes("upi_id")||d.includes("contact_no")||d.includes("bank_code")||d.includes("institution_number")||d.includes("transit_number")||d.includes("identification_value")||d.includes("branch_code")||d.includes("clabe")||d.includes("bsb_code")||d.includes("proxy_value")||d.includes("php_e_wallet_no")){k(!0);return}const M=d===`${v}.vendorCountry`,N=d===`${v}.vendorCurrency`;N&&A[v].vendorCurrency.selectedOption!=null&&C(A[v].vendorCurrency.selectedOption,D,i);const pe={...A},me=ie(pe,e,M,N,f);F(me,D,i,N||M)};R.useEffect(()=>{const d=T.watch((A,{name:M})=>{M!=null&&A!=null&&ye(()=>se(M,A))});return()=>{d.unsubscribe()}});const q=R.useCallback(()=>{const d=T.getValues(),A=ie(d,e,!1,!1,f);F(A,D,i,!1),k(!1)},[T,e,f,F,D,i]),de=R.useCallback(()=>{_&&q(),j(n)},[_,q,j,n]),ce=T.handleSubmit(d=>{_&&q(),b()}),ue=!ge(w!=null?Y.getFormattedAddress(w):w,o!=null?Y.getFormattedAddress(o):o)||T.formState.isDirty;return t.jsxs(it,{children:[t.jsxs(lt,{size:m,children:[s===!0?t.jsx(be,{titleComponent:t.jsx(xe,{children:h.discardTitle}),descriptionComponent:t.jsx(fe,{children:h.discardDescription}),primaryButtonText:h.discard,secondaryButtonText:h.cancel,action:re}):null,t.jsx(ze,{header:B.addInternationalWireDetails,isDirty:ue,onBackClick:$,setShowConfirmationPopup:r}),x?.fetchState==="Error"&&x.error?.code===409?t.jsx(Ie,{warningText:h.bankAccountCommon.accountExistWarning}):null,t.jsx(ot,{size:m,children:h.bankAccountCommon.accountDetailsTitle}),t.jsx(ve,{...T,children:t.jsxs("form",{id:ee(Z),onSubmit:ce,children:[t.jsx(tt,{size:m,children:t.jsx(Ge,{wireAccountToCreate:c,dynamicFormFetchState:W,supportedAccountTypes:e.supportedAccountTypes,supportedCountries:e.supportedCountries,supportedCurrencies:e.supportedCurrencies,dynamicFormConfig:e.dynamicForm,sectionId:v,isDisabled:u,isCountryDropdownReadonly:l,isCurrencyDropdownReadonly:f})}),t.jsx(Re,{sectionId:Ke,isDisabled:u,addressType:n,addressToEdit:o,onAddressClick:de})]})})]}),t.jsx(we,{formId:ee(Z),primaryBtn:{label:h.bankAccountCommon.saveAccount,isLoading:x.fetchState==="In-Progress",style:{width:P.buttonWidth.value(m)},isDisabled:u!=null},cancelBtn:{label:E.cancel,style:{width:P.buttonWidth.value(m)},shouldResetOnCancel:!1,onClick:()=>{T.formState.isDirty?r(!0):(T.reset(),$())}}})]})},Ze=e=>{const i=e.dynamicForm,l=e.createInternationalWireDetails.localData?.dynamicForm,f=e.createInternationalWireDetails.localData?.accountType?.type;let u={};return l!=null&&i.length>0?(Object.keys(l).forEach(n=>{n===f?(u={...u,[n]:{}},Object.keys(l[n]).forEach(o=>{i.find(w=>w.name===o)?.fieldType==="select"?u[n]={...u[n],[o]:{selectedOption:l[n][o],allOptions:i.find(w=>w.name===o)?.valuesAllowed??[]}}:u[n]={...u[n],[o]:l[n][o]}})):u={...u,[n]:{}}}),u):{}},te=e=>{const i=e.createInternationalWireDetails.localData?.source;return{[v]:{vendorCountry:le(e.createInternationalWireDetails.localData?.countryCode,e.supportedCountries.map(l=>l.countryCode)),vendorCurrency:{allOptions:e.supportedCurrencies.map(l=>({label:`${l.currencyCode} - ${l.currencyName}`,value:l.currencyCode,countryCode:l.currencySymbol,currency:l.currencyName})),selectedOption:e.createInternationalWireDetails.localData?.currencyCode},typeOfAccount:{allOptions:e.supportedAccountTypes.map(l=>({label:l.title,value:l.type})),selectedOption:e.createInternationalWireDetails.localData?.accountType?.type},dynamicForm:Ze(e),source:i!=null&&i!=="phone"&&i!=="email"?"other":i,otherSource:i!=null&&i!=="phone"&&i!=="email"?i:void 0}}},et=e=>{let i={};return Object.keys(e).forEach(l=>{i={...i,[l]:typeof e[l]=="string"?e[l]:e[l].selectedOption}}),i},ie=(e,i,l,f,u)=>{const n=i.createInternationalWireDetails.localData?.accountType?.type;return{dynamicForm:n!=null?{...i.createInternationalWireDetails.localData?.dynamicForm,[n]:et(e[v].dynamicForm?.[n]??{})}:i.createInternationalWireDetails.localData?.dynamicForm??{},source:e[v].source==="other"?e[v].otherSource??"":e[v].source,countryCode:e[v].vendorCountry.selectedOption!=null?Ce(e[v].vendorCountry.selectedOption):void 0,currencyCode:l&&!u?void 0:e[v].vendorCurrency.selectedOption,accountType:f||e[v].typeOfAccount.selectedOption==null?void 0:{type:e[v].typeOfAccount.selectedOption,title:i.supportedAccountTypes.filter(o=>o.type===e[v].typeOfAccount.selectedOption)[0].title}}},tt=g.div`
+`,P={paddingTopBottomContainer:new p(a[3],a[3]),paddingLeftContainer:new p(a[3],a[6]),paddingRightContainer:new p(a[3],a[8]),marginLeft:new p(a[4],a[6]),buttonWidth:new p(140,140)},Z="internationalDetailsPage",v="internationalWireSection",Ke="mailingAddressSection",ee=e=>`${e}_form`,Xe=({internationalWireView:e,vendorType:i,isCountryDropdownReadonly:l=!1,isCurrencyDropdownReadonly:f=!1,isDisabled:u,addressType:n,addressToEdit:o,mailingAddress:w,billAmount:D,onAccountDetailsUpdated:k,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:j})=>{const m=Q(),c=e.createInternationalWireDetails.localData,x=e.createInternationalWireDetails.createStatus,W=e.fetchState,T=he({mode:"all",reValidateMode:"onChange",defaultValues:R.useMemo(()=>te(e),[e]),values:te(e)}),[_,O]=R.useState(!1),[s,r]=R.useState(!1),h=U.getLocalizedStrings().spendManagement.billPay.vendorCreation,E=U.getLocalizedStrings().common.footer,{international:M}=h.wireDetails,re={onOkClick:()=>{r(!1),T.reset(),$()},onCancelClick:()=>{r(!1)}},se=(d,A)=>{if(d.includes("account_holder_name")||d.includes("bank_account_iban")||d.includes("bank_swift_code")||d.includes("account_number")||d.includes("sort_code")||d.includes("ifsc_code")||d.includes("upi_id")||d.includes("contact_no")||d.includes("bank_code")||d.includes("institution_number")||d.includes("transit_number")||d.includes("identification_value")||d.includes("branch_code")||d.includes("clabe")||d.includes("bsb_code")||d.includes("proxy_value")||d.includes("php_e_wallet_no")){O(!0);return}const B=d===`${v}.vendorCountry`,N=d===`${v}.vendorCurrency`;N&&A[v].vendorCurrency.selectedOption!=null&&C(A[v].vendorCurrency.selectedOption,D,i);const pe={...A},me=ie(pe,e,B,N,f);k(me,D,i,N||B)};R.useEffect(()=>{const d=T.watch((A,{name:B})=>{B!=null&&A!=null&&ye(()=>se(B,A))});return()=>{d.unsubscribe()}});const q=R.useCallback(()=>{const d=T.getValues(),A=ie(d,e,!1,!1,f);k(A,D,i,!1),O(!1)},[T,e,f,k,D,i]),de=R.useCallback(()=>{_&&q(),j(n)},[_,q,j,n]),ce=T.handleSubmit(d=>{_&&q(),b()}),ue=!ge(w!=null?Y.getFormattedAddress(w):w,o!=null?Y.getFormattedAddress(o):o)||T.formState.isDirty;return t.jsxs(it,{children:[t.jsxs(lt,{size:m,children:[s===!0?t.jsx(be,{titleComponent:t.jsx(xe,{children:h.discardTitle}),descriptionComponent:t.jsx(fe,{children:h.discardDescription}),primaryButtonText:h.discard,secondaryButtonText:h.cancel,action:re}):null,t.jsx(ze,{header:M.addInternationalWireDetails,isDirty:ue,onBackClick:$,setShowConfirmationPopup:r}),x?.fetchState==="Error"&&x.error?.code===409?t.jsx(Ie,{warningText:h.bankAccountCommon.accountExistWarning}):null,t.jsx(ot,{size:m,children:h.bankAccountCommon.accountDetailsTitle}),t.jsx(ve,{...T,children:t.jsxs("form",{id:ee(Z),onSubmit:ce,children:[t.jsx(tt,{size:m,children:t.jsx(Ge,{wireAccountToCreate:c,dynamicFormFetchState:W,supportedAccountTypes:e.supportedAccountTypes,supportedCountries:e.supportedCountries,supportedCurrencies:e.supportedCurrencies,dynamicFormConfig:e.dynamicForm,sectionId:v,isDisabled:u,isCountryDropdownReadonly:l,isCurrencyDropdownReadonly:f})}),t.jsx(Re,{sectionId:Ke,isDisabled:u,addressType:n,addressToEdit:o,onAddressClick:de})]})})]}),t.jsx(we,{formId:ee(Z),primaryBtn:{label:h.bankAccountCommon.saveAccount,isLoading:x.fetchState==="In-Progress",style:{width:P.buttonWidth.value(m)},isDisabled:u!=null},cancelBtn:{label:E.cancel,style:{width:P.buttonWidth.value(m)},shouldResetOnCancel:!1,onClick:()=>{T.formState.isDirty?r(!0):(T.reset(),$())}}})]})},Ze=e=>{const i=e.dynamicForm,l=e.createInternationalWireDetails.localData?.dynamicForm,f=e.createInternationalWireDetails.localData?.accountType?.type;let u={};return l!=null&&i.length>0?(Object.keys(l).forEach(n=>{n===f?(u={...u,[n]:{}},Object.keys(l[n]).forEach(o=>{i.find(w=>w.name===o)?.fieldType==="select"?u[n]={...u[n],[o]:{selectedOption:l[n][o],allOptions:i.find(w=>w.name===o)?.valuesAllowed??[]}}:u[n]={...u[n],[o]:l[n][o]}})):u={...u,[n]:{}}}),u):{}},te=e=>{const i=e.createInternationalWireDetails.localData?.source;return{[v]:{vendorCountry:le(e.createInternationalWireDetails.localData?.countryCode,e.supportedCountries.map(l=>l.countryCode)),vendorCurrency:{allOptions:e.supportedCurrencies.map(l=>({label:`${l.currencyCode} - ${l.currencyName}`,value:l.currencyCode,countryCode:l.currencySymbol,currency:l.currencyName})),selectedOption:e.createInternationalWireDetails.localData?.currencyCode},typeOfAccount:{allOptions:e.supportedAccountTypes.map(l=>({label:l.title,value:l.type})),selectedOption:e.createInternationalWireDetails.localData?.accountType?.type},dynamicForm:Ze(e),source:i!=null&&i!=="phone"&&i!=="email"?"other":i,otherSource:i!=null&&i!=="phone"&&i!=="email"?i:void 0}}},et=e=>{let i={};return Object.keys(e).forEach(l=>{i={...i,[l]:typeof e[l]=="string"?e[l]:e[l].selectedOption}}),i},ie=(e,i,l,f,u)=>{const n=i.createInternationalWireDetails.localData?.accountType?.type;return{dynamicForm:n!=null?{...i.createInternationalWireDetails.localData?.dynamicForm,[n]:et(e[v].dynamicForm?.[n]??{})}:i.createInternationalWireDetails.localData?.dynamicForm??{},source:e[v].source==="other"?e[v].otherSource??"":e[v].source,countryCode:e[v].vendorCountry.selectedOption!=null?Ce(e[v].vendorCountry.selectedOption):void 0,currencyCode:l&&!u?void 0:e[v].vendorCurrency.selectedOption,accountType:f||e[v].typeOfAccount.selectedOption==null?void 0:{type:e[v].typeOfAccount.selectedOption,title:i.supportedAccountTypes.filter(o=>o.type===e[v].typeOfAccount.selectedOption)[0].title}}},tt=g.div`
   padding-left: ${e=>P.paddingLeftContainer.valuePx(e.size)};
   padding-right: ${e=>P.paddingRightContainer.valuePx(e.size)};
   padding-top: ${e=>P.paddingTopBottomContainer.valuePx(e.size)};
@@ -149,4 +149,4 @@ import{j as t,q as Q,aa as he,F as U,cS as ye,aC as ge,l as Y,cD as be,cE as fe,
   color: ${e=>e.theme.colors.champion};
   margin-left: ${e=>P.marginLeft.valuePx(e.size)};
   margin-top: ${y.sp3};
-`,ft=({internationalWireView:e,vendorViewDetails:i,bankAccountContext:l,vendorType:f,addressType:u,isDisabled:n,addressToEdit:o,mailingAddress:w,billAmount:D,onAccountDetailsUpdated:F,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:j})=>{const m={...i.editVendorState??i.newVendorState},c=m.vendorDetailLocalData?.paymentInstrumentIds!=null&&m.vendorDetailLocalData?.paymentInstrumentIds.length>0,x=m.vendorBasic?.countryCode!=null||c,W=m.vendorBasic?.currencyCode!=null||c;return R.useEffect(()=>{(l==="vendor"&&e.createInternationalWireDetails.createStatus.fetchState==="Completed"||m?.saveStatus?.fetchState==="Completed")&&$()},[m?.saveStatus?.fetchState,$,l,e.createInternationalWireDetails.createStatus]),t.jsx(Xe,{internationalWireView:e,addressToEdit:o,mailingAddress:w,addressType:u,billAmount:D,isDisabled:n,onSaveHandler:b,onBackClick:$,onAddressClick:j,onAccountDetailsUpdated:F,onCurrencyUpdated:C,vendorType:f,isCountryDropdownReadonly:x,isCurrencyDropdownReadonly:W})};export{ft as default};
+`,ft=({internationalWireView:e,vendorViewDetails:i,bankAccountContext:l,vendorType:f,addressType:u,isDisabled:n,addressToEdit:o,mailingAddress:w,billAmount:D,onAccountDetailsUpdated:k,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:j})=>{const m={...i.editVendorState??i.newVendorState},c=m.vendorDetailLocalData?.paymentInstrumentIds!=null&&m.vendorDetailLocalData?.paymentInstrumentIds.length>0,x=m.vendorBasic?.countryCode!=null||c,W=m.vendorBasic?.currencyCode!=null||c;return R.useEffect(()=>{(l==="vendor"&&e.createInternationalWireDetails.createStatus.fetchState==="Completed"||m?.saveStatus?.fetchState==="Completed")&&$()},[m?.saveStatus?.fetchState,$,l,e.createInternationalWireDetails.createStatus]),t.jsx(Xe,{internationalWireView:e,addressToEdit:o,mailingAddress:w,addressType:u,billAmount:D,isDisabled:n,onSaveHandler:b,onBackClick:$,onAddressClick:j,onAccountDetailsUpdated:k,onCurrencyUpdated:C,vendorType:f,isCountryDropdownReadonly:x,isCurrencyDropdownReadonly:W})};export{ft as default};

package/dist/assets/{VendorInternationalWireSwiftDetailsPage-BaXgGRdu-Cae4saOt.js → VendorInternationalWireSwiftDetailsPage-CNzft0dg-D-n290kY.js}

@@ -1 +1 @@
-import{j as l}from"./index-HCR8uiT1.js";import{b as B}from"./vendor-Bs1fkIUX.js";import{f as u}from"./InternationalWireSwiftDetailsPage-B64WNt28-D1_PuT1L.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./BankAccountWarningSection-Dpt8yOKi-BO8G0nmG.js";import"./MailingDetailsSection-BwEd_J6R-dp-4DZAU.js";import"./LabeledAddressValueField-kgieouBM-C9jRpERl.js";import"./MagicLinkTitleSection-BKgwdBLy-DJAtgQrS.js";const F=({vendorViewDetails:n,bankAccountContext:o,isDisabled:r,onSaveHandler:s,onBankDetailsUpdated:i,onBackClick:e,onFetchBankNameBySwift:d,onAddressClick:c})=>{const{internationalBankAccountCreateStatus:a,internationalBankAccountToCreate:m,editVendorState:p,newVendorState:S,bankNameBySwift:f,fetchBankNameBySwiftStatus:k}=n,t={...p??S};return B.useEffect(()=>{(o==="vendor"&&a.fetchState==="Completed"||t?.saveStatus?.fetchState==="Completed")&&e()},[a,t?.saveStatus?.fetchState,e,o]),l.jsx(u,{bankAccountToCreate:m,bankAccountCreationState:a,bankNameBySwift:f,addressToEdit:t?.vendorNewAddressStatus?.addressToCreate,mailingAddress:t?.vendorAddress,addressType:"vendor_address",fetchBankNameBySwiftStatus:k,isDisabled:r,onSaveHandler:s,onBankDetailsUpdated:i,onBackClick:e,onAddressClick:c,onFetchBankNameBySwift:d})};export{F as default};
+import{j as l}from"./index-6DHFBk74.js";import{b as B}from"./vendor-Bs1fkIUX.js";import{f as u}from"./InternationalWireSwiftDetailsPage-DcwbldkC-BB32EMRa.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./BankAccountWarningSection-CMrRr8aa-BT7FUFGR.js";import"./MailingDetailsSection-8mj7Lslp--SKJjx0D.js";import"./LabeledAddressValueField-DRBoA2eb-CWryzMa2.js";import"./MagicLinkTitleSection-Cc-MU2bJ-DSi2szeX.js";const F=({vendorViewDetails:n,bankAccountContext:o,isDisabled:r,onSaveHandler:s,onBankDetailsUpdated:i,onBackClick:e,onFetchBankNameBySwift:d,onAddressClick:c})=>{const{internationalBankAccountCreateStatus:a,internationalBankAccountToCreate:m,editVendorState:p,newVendorState:S,bankNameBySwift:f,fetchBankNameBySwiftStatus:k}=n,t={...p??S};return B.useEffect(()=>{(o==="vendor"&&a.fetchState==="Completed"||t?.saveStatus?.fetchState==="Completed")&&e()},[a,t?.saveStatus?.fetchState,e,o]),l.jsx(u,{bankAccountToCreate:m,bankAccountCreationState:a,bankNameBySwift:f,addressToEdit:t?.vendorNewAddressStatus?.addressToCreate,mailingAddress:t?.vendorAddress,addressType:"vendor_address",fetchBankNameBySwiftStatus:k,isDisabled:r,onSaveHandler:s,onBankDetailsUpdated:i,onBackClick:e,onAddressClick:c,onFetchBankNameBySwift:d})};export{F as default};

package/dist/assets/{VendorsAccountsSection-C2UiqXC0-C8tGsoLh.js → VendorsAccountsSection-DCWhoqAP-DHjXIFFo.js}

@@ -1,4 +1,4 @@
-import{q as ie,b as oe,F as te,y as c,gO as w,aU as L,j as i,hX as m,hW as g,o as n,O as re,h as ne,dS as se,ai as le,u as a}from"./index-HCR8uiT1.js";import{n as l}from"./vendor-Bs1fkIUX.js";const s={labelWidth:new c(270,340,350),sectionWidth:new c(343,580,726),iconContainerMaxWidthHeight:new c(a[6],a[7]),iconContainerMarginRight:new c(12,a[3]),iconPadding:new c(10,12),rowGap:new c(a[2],a[3]),elementsMarginLeftRight:new c(a[3],a[4]),controlWidth:n.sp6},T={title:new re("standardMedium","largeMedium")},de=l.div`
+import{q as ie,c as oe,O as te,y as c,gO as w,aU as P,j as i,hX as m,hW as g,o as n,b as re,h as ne,dS as se,ai as le,u as a}from"./index-6DHFBk74.js";import{n as l}from"./vendor-Bs1fkIUX.js";const s={labelWidth:new c(270,340,350),sectionWidth:new c(343,580,726),iconContainerMaxWidthHeight:new c(a[6],a[7]),iconContainerMarginRight:new c(12,a[3]),iconPadding:new c(10,12),rowGap:new c(a[2],a[3]),elementsMarginLeftRight:new c(a[3],a[4]),controlWidth:n.sp6},T={title:new re("standardMedium","largeMedium")},de=l.div`
   display: flex;
   flex-direction: column;
   row-gap: ${e=>s.rowGap.valuePx(e.windowSize)};
@@ -65,4 +65,4 @@ import{q as ie,b as oe,F as te,y as c,gO as w,aU as L,j as i,hX as m,hW as g,o a
   background-color: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${n.sp2};
-`,z=(e,u)=>`${e}.${u}`;function xe({sectionId:e,vendorAccountMappingSection:u,isAccruedExpensesFeatureEnabled:k,showTitle:I=!0}){const r=ie(),d=oe(),{accruedExpensesAccountHierarchy:O,accruedExpensesAccountList:_,accruedExpensesRecommendations:E,fixedAssetsAccountHierarchy:B,fixedAssetsAccountList:M,fixedAssetsRecommendations:R,prepaidExpensesAccountHierarchy:W,prepaidExpensesAccountList:C,prepaidExpensesRecommendations:P,selectedAccruedExpensesAccountIds:F,selectedFixedAssetsAccountIds:q,selectedPrepaidExpensesAccountIds:V}=u,t=te.getLocalizedStrings().uncategorizedAccountsMapping,p=s.labelWidth.value(r),H=w(W,P,"Accounts"),D=w(B,R,"Accounts"),G=w(O,E,"Accounts"),J=P[0]?.account?.reason??"",N=t.tooltip.replace("__based__",J).replace("__account__",t.vendorSection.prepaidExpenseAccount),U=R[0]?.account?.reason??"",X=t.tooltip.replace("__based__",U).replace("__account__",t.vendorSection.fixedAssetsAccount),K=E[0]?.account?.reason??"",Q=t.tooltip.replace("__based__",K).replace("__account__",t.vendorSection.accruedExpensesAccount),Y=C.filter(o=>V.includes(o.accountId)??!1),Z=M.filter(o=>q.includes(o.accountId)??!1),ee=_.filter(o=>F.includes(o.accountId)??!1),x={valueContainer:o=>({...o,padding:`2px ${n.sp3}`,overflow:"unset"}),multiValue:o=>({...o,margin:0})},h=d.mode==="light"?new L(d.colors.brandColorJadeLight):new L(d.colors.brandColorJadeDark);return i.jsxs(de,{windowSize:r,children:[I?i.jsx(ae,{windowSize:r,children:t.vendorSection.heading}):null,i.jsxs(ce,{windowSize:r,children:[i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(v,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.prepaidExpenseTitle}),i.jsx(y,{children:t.vendorSection.prepaidExpenseSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(m,{label:{label:t.vendorSection.prepaidExpenselabel,width:p},groupedMultiSelectField:{name:z(e,"prepaidExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:H,selectedOptions:Y.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:N,sticky:!1},valueToId:o=>g(o,C)}})})}),i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(v,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.FixedAssetsTitle}),i.jsx(y,{children:t.vendorSection.fixedAssetsSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(m,{label:{label:t.vendorSection.fixedAssetslabel,width:p},groupedMultiSelectField:{name:z(e,"fixedAssetsAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:D,selectedOptions:Z.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:X,sticky:!1},valueToId:o=>g(o,M)}})})}),k?i.jsxs(i.Fragment,{children:[i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(v,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.AccruedExpensesTitle}),i.jsx(y,{children:t.vendorSection.accruedExpensesSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(m,{label:{label:t.vendorSection.accruedExpenseslabel,width:p},groupedMultiSelectField:{name:z(e,"accruedExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:G,selectedOptions:ee.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:Q,sticky:!1},valueToId:o=>g(o,_)}})})})]}):null]})]})}export{xe as h};
+`,z=(e,u)=>`${e}.${u}`;function xe({sectionId:e,vendorAccountMappingSection:u,isAccruedExpensesFeatureEnabled:k,showTitle:I=!0}){const r=ie(),d=oe(),{accruedExpensesAccountHierarchy:O,accruedExpensesAccountList:_,accruedExpensesRecommendations:E,fixedAssetsAccountHierarchy:B,fixedAssetsAccountList:M,fixedAssetsRecommendations:R,prepaidExpensesAccountHierarchy:W,prepaidExpensesAccountList:C,prepaidExpensesRecommendations:L,selectedAccruedExpensesAccountIds:q,selectedFixedAssetsAccountIds:F,selectedPrepaidExpensesAccountIds:V}=u,t=te.getLocalizedStrings().uncategorizedAccountsMapping,p=s.labelWidth.value(r),H=w(W,L,"Accounts"),D=w(B,R,"Accounts"),G=w(O,E,"Accounts"),J=L[0]?.account?.reason??"",N=t.tooltip.replace("__based__",J).replace("__account__",t.vendorSection.prepaidExpenseAccount),U=R[0]?.account?.reason??"",X=t.tooltip.replace("__based__",U).replace("__account__",t.vendorSection.fixedAssetsAccount),K=E[0]?.account?.reason??"",Q=t.tooltip.replace("__based__",K).replace("__account__",t.vendorSection.accruedExpensesAccount),Y=C.filter(o=>V.includes(o.accountId)??!1),Z=M.filter(o=>F.includes(o.accountId)??!1),ee=_.filter(o=>q.includes(o.accountId)??!1),x={valueContainer:o=>({...o,padding:`2px ${n.sp3}`,overflow:"unset"}),multiValue:o=>({...o,margin:0})},h=d.mode==="light"?new P(d.colors.brandColorJadeLight):new P(d.colors.brandColorJadeDark);return i.jsxs(de,{windowSize:r,children:[I?i.jsx(ae,{windowSize:r,children:t.vendorSection.heading}):null,i.jsxs(ce,{windowSize:r,children:[i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(v,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.prepaidExpenseTitle}),i.jsx(y,{children:t.vendorSection.prepaidExpenseSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(m,{label:{label:t.vendorSection.prepaidExpenselabel,width:p},groupedMultiSelectField:{name:z(e,"prepaidExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:H,selectedOptions:Y.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:N,sticky:!1},valueToId:o=>g(o,C)}})})}),i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(v,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.FixedAssetsTitle}),i.jsx(y,{children:t.vendorSection.fixedAssetsSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(m,{label:{label:t.vendorSection.fixedAssetslabel,width:p},groupedMultiSelectField:{name:z(e,"fixedAssetsAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:D,selectedOptions:Z.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:X,sticky:!1},valueToId:o=>g(o,M)}})})}),k?i.jsxs(i.Fragment,{children:[i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(v,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.AccruedExpensesTitle}),i.jsx(y,{children:t.vendorSection.accruedExpensesSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(m,{label:{label:t.vendorSection.accruedExpenseslabel,width:p},groupedMultiSelectField:{name:z(e,"accruedExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:G,selectedOptions:ee.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:Q,sticky:!1},valueToId:o=>g(o,_)}})})})]}):null]})]})}export{xe as h};

package/dist/assets/{VerifyDevice-C7BWrAZ3-Csv3HVHz.js → VerifyDevice-DvJEmcUq-BD1k6-81.js}

@@ -1,4 +1,4 @@
-import{aP as A,aa as B,F as O,j as r,c4 as U,ab as d,l as W,ad as X,c5 as Y,ai as f,c6 as Z,o,n as D,c7 as q,am as L,c8 as G,c9 as C,bP as J,h as y,b9 as b,ca as K}from"./index-HCR8uiT1.js";import{b as c,n as t}from"./vendor-Bs1fkIUX.js";import{A as Q,Z as k}from"./AccountLockedInfoModal-7bhpExx3-DJKdkKXd.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./handshake-BPg58FML-BpN0H-2S.js";const ee=e=>{if(!e)return"";try{const s=G(e);if(!s){const l=e.replace(/\D/g,"");if(l.length>=4){const g=l.slice(-4);return`+${l.slice(0,-4)||"1"} (•••) ••• ${g}`}return C(e)||e}const h=s.countryCallingCode,m=s.nationalNumber.slice(-4);return`+${h} (•••) ••• ${m}`}catch{const s=e.replace(/\D/g,"");if(s.length>=4){const h=s.slice(-4);return`+${s.slice(0,-4)||"1"} (•••) ••• ${h}`}return C(e)||e}},F=120,I=30,P=2,re="456px",te="256px",V=6,n=O.getLocalizedStrings().commonSetUp.twoFactorAuthentication,x="otpInputField",Te=e=>{const s=e.verifyOtpFetchState==="In-Progress",[h,m]=c.useState(!1),[l,g]=c.useState(!1),[$,T]=c.useState(0),[v,S]=c.useState(F),[p,w]=c.useState(I),E=A(e.verifyOtpFetchState),u=B({mode:"all",reValidateMode:"onChange",defaultValues:{[x]:""}}),j=u.watch(x),_=()=>{e.onCancelVerifyDevice()},M=()=>{j.trim().length===V&&e.onVerifyOtp(j)},R=n.footerHelperText.replace(/<button_text>/,n.verify);c.useEffect(()=>{E==="In-Progress"&&e.verifyOtpFetchState==="Error"&&(m(!0),T(i=>i+1),u.setValue(x,""))},[E,e.verifyOtpFetchState,u]),c.useEffect(()=>{if(v<=0){g(!0);return}const i=setInterval(()=>{S(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(i)},[v]),c.useEffect(()=>{if(p<=0)return;const i=setInterval(()=>{w(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(i)},[p]);const H=i=>{const a=Math.floor(i/60),z=i%60;return`${a}:${z.toString().padStart(2,"0")}`};return r.jsx(U,{open:!0,children:r.jsxs(oe,{children:[r.jsx(d,{controller:$>P,children:r.jsx(Q,{unlockDate:W.dateNow().add(1,"hour"),onSubmit:e.onCancelVerifyDevice})}),r.jsx(d,{controller:$<=P,children:r.jsx(X,{...u,children:r.jsxs(ge,{children:[r.jsxs(fe,{children:[r.jsx(ne,{children:n.verifyDeviceTitle}),r.jsx(ie,{children:n.verifyDeviceDescription}),r.jsxs(le,{children:[r.jsx(se,{children:ee(e.phoneNumber+"")}),r.jsx(Y,{placement:"top",title:r.jsxs(f,{children:[n.changePhoneNumberHelperText,r.jsx(we,{href:`mailto:${k}`,children:k})]}),enterDelay:600,children:r.jsx(Se,{})})]})]}),r.jsxs(ce,{children:[r.jsx(Z,{value:j,valueLength:6,hasError:l===!0||h===!0,style:{margin:o.sp0},onChange:i=>{u.setValue(x,i),m(!1)}}),r.jsx(d,{controller:l===!1,children:r.jsx(N,{children:r.jsxs(je,{children:[n.codeExpiresIn," ",H(v)]})})}),r.jsx(d,{controller:l===!0,children:r.jsx(N,{children:r.jsx(ye,{children:n.codeExpired})})})]}),h===!0&&l===!1?r.jsxs(r.Fragment,{children:[r.jsx(d,{controller:$>=1,children:r.jsx(ae,{children:n.incorrectCode})}),r.jsx(d,{controller:$===2,children:r.jsx(ve,{children:r.jsxs(f,{children:[r.jsx(be,{}),n.accountLockWarning]})})})]}):null,r.jsx(d,{controller:e.resendVerifyDeviceOTPFetchState.error?.details?.application_error_code!=="OTP_RESEND_LIMIT_EXCEEDED",children:r.jsxs(de,{children:[r.jsx(he,{children:n.codeNotReceived}),r.jsx(ue,{disabled:p>0,onClick:()=>{p===0&&(e.onResendOtp(),m(!1),g(!1),u.setValue(x,""),S(F),w(I))},children:n.resend}),p>0&&r.jsxs(pe,{children:[O.getLocalizedStrings().common.in.toLowerCase()," ",p,"s"]})]})}),r.jsxs($e,{children:[r.jsxs(me,{children:[r.jsx(D,{label:n.cancel,onClick:_,style:{width:82}}),r.jsx(D,{variant:"primary",label:n.verify,onClick:M,style:{width:82},loading:s,disabled:j.trim().length!==V||l===!0})]}),r.jsx(xe,{children:R})]})]})})})]})})},oe=t.div`
+import{aP as A,aa as B,O as L,j as r,c4 as U,ab as d,l as W,ad as X,c5 as Y,ai as f,c6 as Z,o,n as D,c7 as q,am as N,c8 as G,c9 as C,bP as J,h as y,b9 as b,ca as K}from"./index-6DHFBk74.js";import{b as c,n as t}from"./vendor-Bs1fkIUX.js";import{A as Q,Z as k}from"./AccountLockedInfoModal-D1ZHYvRy-C9tYFXcu.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./handshake-BPg58FML-BpN0H-2S.js";const ee=e=>{if(!e)return"";try{const i=G(e);if(!i){const l=e.replace(/\D/g,"");if(l.length>=4){const g=l.slice(-4);return`+${l.slice(0,-4)||"1"} (•••) ••• ${g}`}return C(e)||e}const h=i.countryCallingCode,m=i.nationalNumber.slice(-4);return`+${h} (•••) ••• ${m}`}catch{const i=e.replace(/\D/g,"");if(i.length>=4){const h=i.slice(-4);return`+${i.slice(0,-4)||"1"} (•••) ••• ${h}`}return C(e)||e}},I=120,P=30,F=2,re="456px",te="256px",O=6,n=L.getLocalizedStrings().commonSetUp.twoFactorAuthentication,x="otpInputField",Te=e=>{const i=e.verifyOtpFetchState==="In-Progress",[h,m]=c.useState(!1),[l,g]=c.useState(!1),[$,T]=c.useState(0),[v,S]=c.useState(I),[p,w]=c.useState(P),E=A(e.verifyOtpFetchState),u=B({mode:"all",reValidateMode:"onChange",defaultValues:{[x]:""}}),j=u.watch(x),_=()=>{e.onCancelVerifyDevice()},M=()=>{j.trim().length===O&&e.onVerifyOtp(j)},R=n.footerHelperText.replace(/<button_text>/,n.verify);c.useEffect(()=>{E==="In-Progress"&&e.verifyOtpFetchState==="Error"&&(m(!0),T(s=>s+1),u.setValue(x,""))},[E,e.verifyOtpFetchState,u]),c.useEffect(()=>{if(v<=0){g(!0);return}const s=setInterval(()=>{S(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(s)},[v]),c.useEffect(()=>{if(p<=0)return;const s=setInterval(()=>{w(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(s)},[p]);const H=s=>{const a=Math.floor(s/60),z=s%60;return`${a}:${z.toString().padStart(2,"0")}`};return r.jsx(U,{open:!0,children:r.jsxs(oe,{children:[r.jsx(d,{controller:$>F,children:r.jsx(Q,{unlockDate:W.dateNow().add(1,"hour"),onSubmit:e.onCancelVerifyDevice})}),r.jsx(d,{controller:$<=F,children:r.jsx(X,{...u,children:r.jsxs(ge,{children:[r.jsxs(fe,{children:[r.jsx(ne,{children:n.verifyDeviceTitle}),r.jsx(se,{children:n.verifyDeviceDescription}),r.jsxs(le,{children:[r.jsx(ie,{children:ee(e.phoneNumber+"")}),r.jsx(Y,{placement:"top",title:r.jsxs(f,{children:[n.changePhoneNumberHelperText,r.jsx(we,{href:`mailto:${k}`,children:k})]}),enterDelay:600,children:r.jsx(Se,{})})]})]}),r.jsxs(ce,{children:[r.jsx(Z,{value:j,valueLength:6,hasError:l===!0||h===!0,style:{margin:o.sp0},onChange:s=>{u.setValue(x,s),m(!1)}}),r.jsx(d,{controller:l===!1,children:r.jsx(V,{children:r.jsxs(je,{children:[n.codeExpiresIn," ",H(v)]})})}),r.jsx(d,{controller:l===!0,children:r.jsx(V,{children:r.jsx(ye,{children:n.codeExpired})})})]}),h===!0&&l===!1?r.jsxs(r.Fragment,{children:[r.jsx(d,{controller:$>=1,children:r.jsx(ae,{children:n.incorrectCode})}),r.jsx(d,{controller:$===2,children:r.jsx(ve,{children:r.jsxs(f,{children:[r.jsx(be,{}),n.accountLockWarning]})})})]}):null,r.jsx(d,{controller:e.resendVerifyDeviceOTPFetchState.error?.details?.application_error_code!=="OTP_RESEND_LIMIT_EXCEEDED",children:r.jsxs(de,{children:[r.jsx(he,{children:n.codeNotReceived}),r.jsx(ue,{disabled:p>0,onClick:()=>{p===0&&(e.onResendOtp(),m(!1),g(!1),u.setValue(x,""),S(I),w(P))},children:n.resend}),p>0&&r.jsxs(pe,{children:[L.getLocalizedStrings().common.in.toLowerCase()," ",p,"s"]})]})}),r.jsxs($e,{children:[r.jsxs(me,{children:[r.jsx(D,{label:n.cancel,onClick:_,style:{width:82}}),r.jsx(D,{variant:"primary",label:n.verify,onClick:M,style:{width:82},loading:i,disabled:j.trim().length!==O||l===!0})]}),r.jsx(xe,{children:R})]})]})})})]})})},oe=t.div`
   display: flex;
   flex-direction: column;
   min-width: ${te};
@@ -9,10 +9,10 @@ import{aP as A,aa as B,F as O,j as r,c4 as U,ab as d,l as W,ad as X,c5 as Y,ai a
 `,ne=t(q)`
   color: ${e=>e.theme.colors.primary};
   text-align: center;
-`,ie=t(L)`
+`,se=t(N)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
-`,se=t(L)`
+`,ie=t(N)`
   color: ${e=>e.theme.colors.primary};
   text-align: center;
 `,le=t.div`
@@ -73,7 +73,7 @@ import{aP as A,aa as B,F as O,j as r,c4 as U,ab as d,l as W,ad as X,c5 as Y,ai a
   justify-content: center;
   row-gap: ${o.sp2};
   margin-top: ${o.sp2};
-`,N=t.div`
+`,V=t.div`
   display: flex;
   justify-content: center;
   align-items: center;