npm - @zeniai/web-cockpit-ui - Versions diffs - 1.15.41-qa → 1.15.42-dev - Mend

@zeniai/web-cockpit-ui 1.15.41-qa → 1.15.42-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (315) hide show

package/dist/assets/{VendorFirstReviewPage-B1c74yx7-XWeMR4A4.js → VendorFirstReviewPage-C2Rj4ujS-D3XLk6SM.js} RENAMED Viewed

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

package/dist/assets/{VendorInternationalWireDetailsPage-DPucgS6n-BUwm5cf5.js → VendorInternationalWireDetailsPage-CXgBfF0b-AFVguI8X.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{V as t,J,aa as he,F as U,cI as ye,aG as ge,cs as be,ct as fe,cu as xe,ae as ve,aT as we,x as p,f2 as le,f3 as Ce,o as y,bb as $e,cM as oe,y as ne,f4 as De,f5 as Z,cR as G,b3 as H,cN as je,et as Te,u as a,ey as ke,ac as Se,p as V,z as Oe,T as Fe,bV as Ae,ak as Le,bM as ze}from"./index-B7eWgQzZ.js";import{a as R}from"./sentry-BUYEiWD8.js";import{n as g}from"./mui-Ba0_ROTv.js";import{bi as K}from"./zeni-epic-state-DsDV18R1.js";import{W as Ie,A as We}from"./BankAccountWarningSection-BhYGVsUP-Bgxn65RB.js";import{T as Re}from"./MailingDetailsSection-CU0Ur-9k-CV18nP7Y.js";import{S as Pe}from"./CurrencySelectField-Cps-E4RZ-d5qF8fSQ.js";import"./liveblocks-DyVXfa5b.js";import"./core-CslRcwFE.js";import"./recharts-Dpk71F6G.js";import"./lottie-DR7Z1uj_.js";import"./analytics-EOspDoDF.js";import"./lexical-DEAOqFKR.js";import"./utils-van4hLXd.js";import"./LabeledAddressValueField-C5tlrpM8-CZs-qPnX.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="afb8f40b-4774-43c1-a953-23a77a8ca2ec",e._sentryDebugIdIdentifier="sentry-dbid-afb8f40b-4774-43c1-a953-23a77a8ca2ec")}catch{}})();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 Oe("extraSmallRegular","smallRegular")};function _e({isDisabled:e,label:i,currencySelectField:l,style:f,errorInfoLabel:u,isAdditionalInfoLabelLoading:n=!1,showAdditionalLabelTooltip:o=!1,additionalLabelTooltip:w,additionalInfoLabel:j,showAdditionalInfoLabel:S=!0}){const C=J(),{formState:{errors:b}}=oe(),$=ne(),D=ke(b,l.name),m=()=>{if(n===!0)return t.jsx(He,{children:t.jsx(Fe,{size:"Small",start:!0})});if(S&&j||D){let c=null;return o===!0&&S&&w&&(c=t.jsx(Ae,{placement:C==="small"?"bottom":"right",maxWidth:"364px",title:t.jsx(Ve,{children:w}),children:t.jsx(qe,{children:t.jsx(Ue,{})})})),t.jsxs(Ne,{size:C,isError:D,hasToolTip:o,isDisabled:e!=null,children:[c,j]})}};return t.jsxs(Ee,{size:C,style:f,isDisabled:e!=null,isError:D,"data-testid":Se("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)}}),D?t.jsx(Me,{windowSize:C,hasError:D,children:u}):null,m()]})]})}const Ee=g.div`
+import{V as t,J,aa as he,b as U,cI as ye,aG as ge,cs as be,ct as fe,cu as xe,ae as ve,aT as we,x as p,f2 as le,f3 as Ce,o as y,bb as $e,cM as oe,y as ne,f4 as De,f5 as Z,cR as G,b3 as H,cN as je,et as Te,u as a,ey as ke,ac as Se,p as V,c as Oe,L as Fe,bV as Le,ak as Ae,bM as Ie}from"./index-DGGt5RDJ.js";import{a as R}from"./sentry-C7LQiKF9.js";import{n as g}from"./mui-BXc79n0P.js";import{bi as K}from"./zeni-epic-state-Cvu6NpVe.js";import{W as We,A as ze}from"./BankAccountWarningSection-DVVX_lU2-YGd3zWAN.js";import{T as Re}from"./MailingDetailsSection-DT2vh6CT-CCScgjq2.js";import{S as Pe}from"./CurrencySelectField-QL-EZiuT-_bjNCxiF.js";import"./liveblocks-Dda0tF-O.js";import"./core-BFf3IFj6.js";import"./recharts-vbuE4Jum.js";import"./lottie-mwve--vc.js";import"./analytics-BFqwqBQR.js";import"./lexical-BeXs36Y0.js";import"./utils-CW6UW7VZ.js";import"./LabeledAddressValueField-COLiEu2C-u-zbSv3w.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="3b805017-5033-4b43-9579-5b4a009f3421",e._sentryDebugIdIdentifier="sentry-dbid-3b805017-5033-4b43-9579-5b4a009f3421")}catch{}})();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 Oe("extraSmallRegular","smallRegular")};function _e({isDisabled:e,label:i,currencySelectField:l,style:f,errorInfoLabel:u,isAdditionalInfoLabelLoading:n=!1,showAdditionalLabelTooltip:o=!1,additionalLabelTooltip:w,additionalInfoLabel:j,showAdditionalInfoLabel:S=!0}){const C=J(),{formState:{errors:b}}=oe(),$=ne(),D=ke(b,l.name),m=()=>{if(n===!0)return t.jsx(He,{children:t.jsx(Fe,{size:"Small",start:!0})});if(S&&j||D){let c=null;return o===!0&&S&&w&&(c=t.jsx(Le,{placement:C==="small"?"bottom":"right",maxWidth:"364px",title:t.jsx(Ve,{children:w}),children:t.jsx(qe,{children:t.jsx(Ue,{})})})),t.jsxs(Ne,{size:C,isError:D,hasToolTip:o,isDisabled:e!=null,children:[c,j]})}};return t.jsxs(Ee,{size:C,style:f,isDisabled:e!=null,isError:D,"data-testid":Se("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)}}),D?t.jsx(Me,{windowSize:C,hasError:D,children:u}):null,m()]})]})}const Ee=g.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -59,7 +59,7 @@ import{V as t,J,aa as he,F as U,cI as ye,aG as ge,cs as be,ct as fe,cu as xe,ae
   justify-content: flex-end;
   flex-direction: column;
   position: relative;
-`,Ve=g(Le)`
+`,Ve=g(Ae)`
   padding: 12px;
   color: ${e=>e.theme.colors.grey1};
   background: ${e=>e.theme.colors.overlayColor};
@@ -82,11 +82,11 @@ import{V as t,J,aa as he,F as U,cI as ye,aG as ge,cs as be,ct as fe,cu as xe,ae
   margin-right: ${y.sp2};
   margin-top: 2px;
   align-items: center;
-`,Ue=g(ze)`
+`,Ue=g(Ie)`
   width: ${y.sp3};
   height: ${y.sp3};
   color: inherit;
-`,k={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:j,isDisabled:S,style:C})=>{const b=J(),{getValues:$}=oe(),D=ne(),m=U.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:c}=m,x=k.largeLabelWidth.value(b),z=n?.accountType?.type,T=n?.countryCode==null,E=n?.currencyCode==null,O=["phone","email","other"];return t.jsx(Je,{style:C,children:t.jsxs(Ze,{children:[t.jsx(De,{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(W,{}),t.jsx(_e,{isDisabled:T===!0?"disabled":j===!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(W,{}),E!==!0&&e==="Completed"?t.jsxs(t.Fragment,{children:[t.jsx(Z,{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(W,{})]}):null,n!=null&&z!=null&&n.dynamicForm[z]!=null&&i.length>0?Object.keys(n.dynamicForm[z]).map(s=>{const r=i.filter(_=>_.name===s)[0],h=n.accountType?.type;if(h!=null&&r!=null){const _=n.dynamicForm[h][s];switch(r.fieldType){case"text":return t.jsxs(t.Fragment,{children:[t.jsx(je,{label:{label:r.label+c.colon,width:x},text:{type:"text",name:I(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:_,options:{required:r.required,pattern:r.validationRegex!=null?new RegExp(r.validationRegex):void 0,maxLength:r.maxLength,minLength:r.minLength}},isDisabled:S,style:{width:"auto"},showAdditionalInfoLabel:!1},I(o,"dynamicForm",h,r.name)),t.jsx(W,{})]});case"select":return t.jsxs(t.Fragment,{children:[t.jsx(Z,{isDisabled:void 0,label:{label:r.label+c.colon,width:x},style:{width:"auto"},singleSelectPickerField:{name:I(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:{selectedOption:_,allOptions:r.valuesAllowed??[]}}},I(o,"dynamicForm",h,r.name)),t.jsx(W,{})]});case"radio":return t.jsxs(t.Fragment,{children:[t.jsxs(Q,{size:b,children:[t.jsx(G,{label:r.label+c.colon,htmlFor:I(o,"dynamicForm",h,r.name),style:{marginLeft:k.labelMarginLeft.value(b),marginRight:k.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:I(o,"dynamicForm",h,r.name),id:r.name,value:M.value,registerOptions:{required:!0}}},M.value))})]},I(o,"dynamicForm",h,r.name)),t.jsx(W,{})]});default:return null}}else return null}):null,t.jsxs(Ke,{size:b,children:[t.jsxs(Q,{size:b,children:[t.jsx(G,{label:c.addSource,htmlFor:L(o,"source"),style:{marginLeft:k.labelMarginLeft.value(b),marginRight:k.labelMarginRight.value(b),width:x},showTooltip:!0,tooltipTitle:c.sourceTooltip,toolTipWidth:k.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:D.colors.background,border:`1px solid ${D.colors.background}`,marginLeft:x},registerOptions:{required:!0,validate:s=>$(`${o}.source`)==="other"&&!!s}}):null]}),t.jsx(W,{})]})})},L=(e,i)=>`${e}.${i}`,I=(e,i,l,f)=>`${e}.${i}.${l}.${f}`,Je=g.div`
+`,k={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:j,isDisabled:S,style:C})=>{const b=J(),{getValues:$}=oe(),D=ne(),m=U.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:c}=m,x=k.largeLabelWidth.value(b),I=n?.accountType?.type,T=n?.countryCode==null,E=n?.currencyCode==null,O=["phone","email","other"];return t.jsx(Je,{style:C,children:t.jsxs(Ze,{children:[t.jsx(De,{isDisabled:w===!0?"readonly":void 0,label:{label:c.country,width:x},style:{width:"auto"},countrySelectField:{name:A(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(z,{}),t.jsx(_e,{isDisabled:T===!0?"disabled":j===!0?"readonly":void 0,label:{label:c.currency,width:x},style:{width:"auto"},currencySelectField:{name:A(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(z,{}),E!==!0&&e==="Completed"?t.jsxs(t.Fragment,{children:[t.jsx(Z,{isDisabled:void 0,label:{label:c.typeOfAccount,width:x},style:{width:"auto"},singleSelectPickerField:{name:A(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(z,{})]}):null,n!=null&&I!=null&&n.dynamicForm[I]!=null&&i.length>0?Object.keys(n.dynamicForm[I]).map(s=>{const r=i.filter(_=>_.name===s)[0],h=n.accountType?.type;if(h!=null&&r!=null){const _=n.dynamicForm[h][s];switch(r.fieldType){case"text":return t.jsxs(t.Fragment,{children:[t.jsx(je,{label:{label:r.label+c.colon,width:x},text:{type:"text",name:W(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:_,options:{required:r.required,pattern:r.validationRegex!=null?new RegExp(r.validationRegex):void 0,maxLength:r.maxLength,minLength:r.minLength}},isDisabled:S,style:{width:"auto"},showAdditionalInfoLabel:!1},W(o,"dynamicForm",h,r.name)),t.jsx(z,{})]});case"select":return t.jsxs(t.Fragment,{children:[t.jsx(Z,{isDisabled:void 0,label:{label:r.label+c.colon,width:x},style:{width:"auto"},singleSelectPickerField:{name:W(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:{selectedOption:_,allOptions:r.valuesAllowed??[]}}},W(o,"dynamicForm",h,r.name)),t.jsx(z,{})]});case"radio":return t.jsxs(t.Fragment,{children:[t.jsxs(Q,{size:b,children:[t.jsx(G,{label:r.label+c.colon,htmlFor:W(o,"dynamicForm",h,r.name),style:{marginLeft:k.labelMarginLeft.value(b),marginRight:k.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:W(o,"dynamicForm",h,r.name),id:r.name,value:M.value,registerOptions:{required:!0}}},M.value))})]},W(o,"dynamicForm",h,r.name)),t.jsx(z,{})]});default:return null}}else return null}):null,t.jsxs(Ke,{size:b,children:[t.jsxs(Q,{size:b,children:[t.jsx(G,{label:c.addSource,htmlFor:A(o,"source"),style:{marginLeft:k.labelMarginLeft.value(b),marginRight:k.labelMarginRight.value(b),width:x},showTooltip:!0,tooltipTitle:c.sourceTooltip,toolTipWidth:k.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:A(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:A(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:A(o,"source"),id:O[2],value:O[2],registerOptions:{required:!0},radioSize:"small"}})]})]}),$(`${o}.source`)==="other"?t.jsx(Te,{type:"text",name:A(o,"otherSource"),placeholder:c.sourcePlaceholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:y.sp7,width:"calc(100% - largeLabelWidth)",background:D.colors.background,border:`1px solid ${D.colors.background}`,marginLeft:x},registerOptions:{required:!0,validate:s=>$(`${o}.source`)==="other"&&!!s}}):null]}),t.jsx(z,{})]})})},A=(e,i)=>`${e}.${i}`,W=(e,i,l,f)=>`${e}.${i}.${l}.${f}`,Je=g.div`
   display: flex;
   flex-direction: column;
 `,Ze=g.div`
@@ -96,7 +96,7 @@ import{V as t,J,aa as he,F as U,cI as ye,aG as ge,cs as be,ct as fe,cu as xe,ae
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${y.sp0} 2px ${y.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${y.sp2};
-`,W=g.div`
+`,z=g.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
@@ -130,7 +130,7 @@ import{V as t,J,aa as he,F as U,cI as ye,aG as ge,cs as be,ct as fe,cu as xe,ae
   flex-grow: 1;
   height: ${e=>k.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)},Y="internationalDetailsPage",v="internationalWireSection",Qe="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:j,onAccountDetailsUpdated:S,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:D})=>{const m=J(),c=e.createInternationalWireDetails.localData,x=e.createInternationalWireDetails.createStatus,z=e.fetchState,T=he({mode:"all",reValidateMode:"onChange",defaultValues:R.useMemo(()=>te(e),[e]),values:te(e)}),[E,O]=R.useState(!1),[s,r]=R.useState(!1),h=U.getLocalizedStrings().spendManagement.billPay.vendorCreation,_=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`,q=d===`${v}.vendorCurrency`;q&&A[v].vendorCurrency.selectedOption!=null&&C(A[v].vendorCurrency.selectedOption,j,i);const pe={...A},me=ie(pe,e,B,q,f);S(me,j,i,q||B)};R.useEffect(()=>{const d=T.watch((A,{name:B})=>{B!=null&&A!=null&&ye(()=>se(B,A))});return()=>{d.unsubscribe()}});const N=R.useCallback(()=>{const d=T.getValues(),A=ie(d,e,!1,!1,f);S(A,j,i,!1),O(!1)},[T,e,f,S,j,i]),de=R.useCallback(()=>{E&&N(),D(n)},[E,N,D,n]),ce=T.handleSubmit(d=>{E&&N(),b()}),ue=!ge(w!=null?K(w):w,o!=null?K(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(Ie,{header:M.addInternationalWireDetails,isDirty:ue,onBackClick:$,setShowConfirmationPopup:r}),x?.fetchState==="Error"&&x.error?.code===409?t.jsx(We,{warningText:h.bankAccountCommon.accountExistWarning}):null,t.jsx(ot,{size:m,children:h.bankAccountCommon.accountDetailsTitle}),t.jsx(ve,{...T,children:t.jsxs("form",{id:ee(Y),onSubmit:ce,children:[t.jsx(tt,{size:m,children:t.jsx(Ge,{wireAccountToCreate:c,dynamicFormFetchState:z,supportedAccountTypes:e.supportedAccountTypes,supportedCountries:e.supportedCountries,supportedCurrencies:e.supportedCurrencies,dynamicFormConfig:e.dynamicForm,sectionId:v,isDisabled:u,isCountryDropdownReadonly:l,isCurrencyDropdownReadonly:f})}),t.jsx(Re,{sectionId:Qe,isDisabled:u,addressType:n,addressToEdit:o,onAddressClick:de})]})})]}),t.jsx(we,{formId:ee(Y),primaryBtn:{label:h.bankAccountCommon.saveAccount,isLoading:x.fetchState==="In-Progress",style:{width:P.buttonWidth.value(m)},isDisabled:u!=null},cancelBtn:{label:_.cancel,style:{width:P.buttonWidth.value(m)},shouldResetOnCancel:!1,onClick:()=>{T.formState.isDirty?r(!0):(T.reset(),$())}}})]})},Ye=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:Ye(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)},Y="internationalDetailsPage",v="internationalWireSection",Qe="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:j,onAccountDetailsUpdated:S,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:D})=>{const m=J(),c=e.createInternationalWireDetails.localData,x=e.createInternationalWireDetails.createStatus,I=e.fetchState,T=he({mode:"all",reValidateMode:"onChange",defaultValues:R.useMemo(()=>te(e),[e]),values:te(e)}),[E,O]=R.useState(!1),[s,r]=R.useState(!1),h=U.getLocalizedStrings().spendManagement.billPay.vendorCreation,_=U.getLocalizedStrings().common.footer,{international:M}=h.wireDetails,re={onOkClick:()=>{r(!1),T.reset(),$()},onCancelClick:()=>{r(!1)}},se=(d,L)=>{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`,q=d===`${v}.vendorCurrency`;q&&L[v].vendorCurrency.selectedOption!=null&&C(L[v].vendorCurrency.selectedOption,j,i);const pe={...L},me=ie(pe,e,B,q,f);S(me,j,i,q||B)};R.useEffect(()=>{const d=T.watch((L,{name:B})=>{B!=null&&L!=null&&ye(()=>se(B,L))});return()=>{d.unsubscribe()}});const N=R.useCallback(()=>{const d=T.getValues(),L=ie(d,e,!1,!1,f);S(L,j,i,!1),O(!1)},[T,e,f,S,j,i]),de=R.useCallback(()=>{E&&N(),D(n)},[E,N,D,n]),ce=T.handleSubmit(d=>{E&&N(),b()}),ue=!ge(w!=null?K(w):w,o!=null?K(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(We,{header:M.addInternationalWireDetails,isDirty:ue,onBackClick:$,setShowConfirmationPopup:r}),x?.fetchState==="Error"&&x.error?.code===409?t.jsx(ze,{warningText:h.bankAccountCommon.accountExistWarning}):null,t.jsx(ot,{size:m,children:h.bankAccountCommon.accountDetailsTitle}),t.jsx(ve,{...T,children:t.jsxs("form",{id:ee(Y),onSubmit:ce,children:[t.jsx(tt,{size:m,children:t.jsx(Ge,{wireAccountToCreate:c,dynamicFormFetchState:I,supportedAccountTypes:e.supportedAccountTypes,supportedCountries:e.supportedCountries,supportedCurrencies:e.supportedCurrencies,dynamicFormConfig:e.dynamicForm,sectionId:v,isDisabled:u,isCountryDropdownReadonly:l,isCurrencyDropdownReadonly:f})}),t.jsx(Re,{sectionId:Qe,isDisabled:u,addressType:n,addressToEdit:o,onAddressClick:de})]})})]}),t.jsx(we,{formId:ee(Y),primaryBtn:{label:h.bankAccountCommon.saveAccount,isLoading:x.fetchState==="In-Progress",style:{width:P.buttonWidth.value(m)},isDisabled:u!=null},cancelBtn:{label:_.cancel,style:{width:P.buttonWidth.value(m)},shouldResetOnCancel:!1,onClick:()=>{T.formState.isDirty?r(!0):(T.reset(),$())}}})]})},Ye=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:Ye(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{V as t,J,aa as he,F as U,cI as ye,aG as ge,cs as be,ct as fe,cu as xe,ae
   color: ${e=>e.theme.colors.champion};
   margin-left: ${e=>P.marginLeft.valuePx(e.size)};
   margin-top: ${y.sp3};
-`,vt=({internationalWireView:e,vendorViewDetails:i,bankAccountContext:l,vendorType:f,addressType:u,isDisabled:n,addressToEdit:o,mailingAddress:w,billAmount:j,onAccountDetailsUpdated:S,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:D})=>{const m={...i.editVendorState??i.newVendorState},c=m.vendorDetailLocalData?.paymentInstrumentIds!=null&&m.vendorDetailLocalData?.paymentInstrumentIds.length>0,x=m.vendorBasic?.countryCode!=null||c,z=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:j,isDisabled:n,onSaveHandler:b,onBackClick:$,onAddressClick:D,onAccountDetailsUpdated:S,onCurrencyUpdated:C,vendorType:f,isCountryDropdownReadonly:x,isCurrencyDropdownReadonly:z})};export{vt as default};
+`,vt=({internationalWireView:e,vendorViewDetails:i,bankAccountContext:l,vendorType:f,addressType:u,isDisabled:n,addressToEdit:o,mailingAddress:w,billAmount:j,onAccountDetailsUpdated:S,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:D})=>{const m={...i.editVendorState??i.newVendorState},c=m.vendorDetailLocalData?.paymentInstrumentIds!=null&&m.vendorDetailLocalData?.paymentInstrumentIds.length>0,x=m.vendorBasic?.countryCode!=null||c,I=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:j,isDisabled:n,onSaveHandler:b,onBackClick:$,onAddressClick:D,onAccountDetailsUpdated:S,onCurrencyUpdated:C,vendorType:f,isCountryDropdownReadonly:x,isCurrencyDropdownReadonly:I})};export{vt as default};

package/dist/assets/VendorInternationalWireSwiftDetailsPage-CPdA16m4-BUiNKc-B.js ADDED Viewed

@@ -0,0 +1 @@

+ import{V as S}from"./index-DGGt5RDJ.js";import{a as b}from"./sentry-C7LQiKF9.js";import{f as k}from"./InternationalWireSwiftDetailsPage-CMrSLhcq-xqjqhVUP.js";import"./liveblocks-Dda0tF-O.js";import"./core-BFf3IFj6.js";import"./recharts-vbuE4Jum.js";import"./zeni-epic-state-Cvu6NpVe.js";import"./mui-BXc79n0P.js";import"./lottie-mwve--vc.js";import"./analytics-BFqwqBQR.js";import"./lexical-BeXs36Y0.js";import"./utils-CW6UW7VZ.js";import"./BankAccountWarningSection-DVVX_lU2-YGd3zWAN.js";import"./MailingDetailsSection-DT2vh6CT-CCScgjq2.js";import"./LabeledAddressValueField-COLiEu2C-u-zbSv3w.js";import"./MagicLinkTitleSection-C8EEgV19-CiX4xfZT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="80f736ce-ea75-4939-bd5e-588627baaad3",e._sentryDebugIdIdentifier="sentry-dbid-80f736ce-ea75-4939-bd5e-588627baaad3")}catch{}})();const F=({vendorViewDetails:e,bankAccountContext:t,isDisabled:d,onSaveHandler:r,onBankDetailsUpdated:i,onBackClick:n,onFetchBankNameBySwift:s,onAddressClick:c})=>{const{internationalBankAccountCreateStatus:o,internationalBankAccountToCreate:f,editVendorState:m,newVendorState:l,bankNameBySwift:p,fetchBankNameBySwiftStatus:u}=e,a={...m??l};return b.useEffect(()=>{(t==="vendor"&&o.fetchState==="Completed"||a?.saveStatus?.fetchState==="Completed")&&n()},[o,a?.saveStatus?.fetchState,n,t]),S.jsx(k,{bankAccountToCreate:f,bankAccountCreationState:o,bankNameBySwift:p,addressToEdit:a?.vendorNewAddressStatus?.addressToCreate,mailingAddress:a?.vendorAddress,addressType:"vendor_address",fetchBankNameBySwiftStatus:u,isDisabled:d,onSaveHandler:r,onBankDetailsUpdated:i,onBackClick:n,onAddressClick:c,onFetchBankNameBySwift:s})};export{F as default};

package/dist/assets/{VendorsAccountsSection-BBnG4jo9-CE1HsZr7.js → VendorsAccountsSection-CKKsK4iR-Brg3gtnO.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{J as ie,y as oe,F as te,x as c,gM as w,aX as P,V as i,i0 as g,o as r,hZ as f,z as ne,p as re,dC as de,ak as se,u as a}from"./index-B7eWgQzZ.js";import{n as s}from"./mui-Ba0_ROTv.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},u=new e.Error().stack;u&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[u]="db99240e-a11f-4063-bd38-34d2f189a628",e._sentryDebugIdIdentifier="sentry-dbid-db99240e-a11f-4063-bd38-34d2f189a628")}catch{}})();const d={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:r.sp6},T={title:new ne("standardMedium","largeMedium")},le=s.div`
+import{J as ie,y as oe,b as te,x as c,gN as w,aX as k,V as i,i2 as g,o as r,h$ as f,c as ne,p as re,dC as de,ak as se,u as a}from"./index-DGGt5RDJ.js";import{n as s}from"./mui-BXc79n0P.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},u=new e.Error().stack;u&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[u]="9379110d-ef28-416b-8636-4e45449fe2cf",e._sentryDebugIdIdentifier="sentry-dbid-9379110d-ef28-416b-8636-4e45449fe2cf")}catch{}})();const d={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:r.sp6},P={title:new ne("standardMedium","largeMedium")},le=s.div`
   display: flex;
   flex-direction: column;
   row-gap: ${e=>d.rowGap.valuePx(e.windowSize)};
@@ -27,7 +27,7 @@ import{J as ie,y as oe,F as te,x as c,gM as w,aX as P,V as i,i0 as g,o as r,hZ a
   margin-bottom: ${r.sp0};
 `,ae=s.div`
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${T.title.style(e.windowSize)}`};
+  ${e=>`${P.title.style(e.windowSize)}`};
 `,b=s.div`
   display: flex;
   flex-direction: column;
@@ -45,7 +45,7 @@ import{J as ie,y as oe,F as te,x as c,gM as w,aX as P,V as i,i0 as g,o as r,hZ a
   max-height: ${e=>d.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   margin-right: ${e=>d.iconContainerMarginRight.valuePx(e.windowSize)};
 `,y=s.div`
-  ${e=>`${T.title.style(e.windowSize)}`};
+  ${e=>`${P.title.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
 `,$=s(se)`
   color: ${e=>e.theme.colors.hero};
@@ -65,4 +65,4 @@ import{J as ie,y as oe,F as te,x as c,gM as w,aX as P,V as i,i0 as g,o as r,hZ a
   background-color: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${r.sp2};
-`,z=(e,u)=>`${e}.${u}`;function he({sectionId:e,vendorAccountMappingSection:u,isAccruedExpensesFeatureEnabled:_,showTitle:L=!0}){const n=ie(),l=oe(),{accruedExpensesAccountHierarchy:D,accruedExpensesAccountList:M,accruedExpensesRecommendations:E,fixedAssetsAccountHierarchy:O,fixedAssetsAccountList:R,fixedAssetsRecommendations:C,prepaidExpensesAccountHierarchy:B,prepaidExpensesAccountList:I,prepaidExpensesRecommendations:k,selectedAccruedExpensesAccountIds:V,selectedFixedAssetsAccountIds:F,selectedPrepaidExpensesAccountIds:W}=u,t=te.getLocalizedStrings().uncategorizedAccountsMapping,p=d.labelWidth.value(n),q=w(B,k,"Accounts"),H=w(O,C,"Accounts"),G=w(D,E,"Accounts"),J=k[0]?.account?.reason??"",N=t.tooltip.replace("__based__",J).replace("__account__",t.vendorSection.prepaidExpenseAccount),X=C[0]?.account?.reason??"",Z=t.tooltip.replace("__based__",X).replace("__account__",t.vendorSection.fixedAssetsAccount),K=E[0]?.account?.reason??"",Q=t.tooltip.replace("__based__",K).replace("__account__",t.vendorSection.accruedExpensesAccount),U=I.filter(o=>W.includes(o.accountId)??!1),Y=R.filter(o=>F.includes(o.accountId)??!1),ee=M.filter(o=>V.includes(o.accountId)??!1),h={valueContainer:o=>({...o,padding:`2px ${r.sp3}`,overflow:"unset"}),multiValue:o=>({...o,margin:0})},x=l.mode==="light"?new P(l.colors.brandColorJadeLight):new P(l.colors.brandColorJadeDark);return i.jsxs(le,{windowSize:n,children:[L?i.jsx(ae,{windowSize:n,children:t.vendorSection.heading}):null,i.jsxs(ce,{windowSize:n,children:[i.jsxs(m,{windowSize:n,children:[i.jsx(S,{windowSize:n,iconColor:x,isDarkMode:l.mode==="dark",children:i.jsx(v,{})}),i.jsxs(b,{children:[i.jsx(y,{windowSize:n,children:t.vendorSection.prepaidExpenseTitle}),i.jsx($,{children:t.vendorSection.prepaidExpenseSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:n,children:i.jsx(g,{label:{label:t.vendorSection.prepaidExpenselabel,width:p},groupedMultiSelectField:{name:z(e,"prepaidExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:q,selectedOptions:U.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${l.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:h,tooltip:{text:N,sticky:!1},valueToId:o=>f(o,I)}})})}),i.jsxs(m,{windowSize:n,children:[i.jsx(S,{windowSize:n,iconColor:x,isDarkMode:l.mode==="dark",children:i.jsx(v,{})}),i.jsxs(b,{children:[i.jsx(y,{windowSize:n,children:t.vendorSection.FixedAssetsTitle}),i.jsx($,{children:t.vendorSection.fixedAssetsSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:n,children:i.jsx(g,{label:{label:t.vendorSection.fixedAssetslabel,width:p},groupedMultiSelectField:{name:z(e,"fixedAssetsAccount"),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 ${l.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:h,tooltip:{text:Z,sticky:!1},valueToId:o=>f(o,R)}})})}),_?i.jsxs(i.Fragment,{children:[i.jsxs(m,{windowSize:n,children:[i.jsx(S,{windowSize:n,iconColor:x,isDarkMode:l.mode==="dark",children:i.jsx(v,{})}),i.jsxs(b,{children:[i.jsx(y,{windowSize:n,children:t.vendorSection.AccruedExpensesTitle}),i.jsx($,{children:t.vendorSection.accruedExpensesSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:n,children:i.jsx(g,{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 ${l.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:h,tooltip:{text:Q,sticky:!1},valueToId:o=>f(o,M)}})})})]}):null]})]})}export{he as h};
+`,z=(e,u)=>`${e}.${u}`;function he({sectionId:e,vendorAccountMappingSection:u,isAccruedExpensesFeatureEnabled:_,showTitle:L=!0}){const n=ie(),l=oe(),{accruedExpensesAccountHierarchy:O,accruedExpensesAccountList:E,accruedExpensesRecommendations:M,fixedAssetsAccountHierarchy:D,fixedAssetsAccountList:R,fixedAssetsRecommendations:I,prepaidExpensesAccountHierarchy:B,prepaidExpensesAccountList:C,prepaidExpensesRecommendations:T,selectedAccruedExpensesAccountIds:V,selectedFixedAssetsAccountIds:W,selectedPrepaidExpensesAccountIds:F}=u,t=te.getLocalizedStrings().uncategorizedAccountsMapping,p=d.labelWidth.value(n),q=w(B,T,"Accounts"),H=w(D,I,"Accounts"),G=w(O,M,"Accounts"),J=T[0]?.account?.reason??"",N=t.tooltip.replace("__based__",J).replace("__account__",t.vendorSection.prepaidExpenseAccount),X=I[0]?.account?.reason??"",K=t.tooltip.replace("__based__",X).replace("__account__",t.vendorSection.fixedAssetsAccount),Q=M[0]?.account?.reason??"",U=t.tooltip.replace("__based__",Q).replace("__account__",t.vendorSection.accruedExpensesAccount),Y=C.filter(o=>F.includes(o.accountId)??!1),Z=R.filter(o=>W.includes(o.accountId)??!1),ee=E.filter(o=>V.includes(o.accountId)??!1),h={valueContainer:o=>({...o,padding:`2px ${r.sp3}`,overflow:"unset"}),multiValue:o=>({...o,margin:0})},x=l.mode==="light"?new k(l.colors.brandColorJadeLight):new k(l.colors.brandColorJadeDark);return i.jsxs(le,{windowSize:n,children:[L?i.jsx(ae,{windowSize:n,children:t.vendorSection.heading}):null,i.jsxs(ce,{windowSize:n,children:[i.jsxs(m,{windowSize:n,children:[i.jsx(S,{windowSize:n,iconColor:x,isDarkMode:l.mode==="dark",children:i.jsx(v,{})}),i.jsxs(b,{children:[i.jsx(y,{windowSize:n,children:t.vendorSection.prepaidExpenseTitle}),i.jsx($,{children:t.vendorSection.prepaidExpenseSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:n,children:i.jsx(g,{label:{label:t.vendorSection.prepaidExpenselabel,width:p},groupedMultiSelectField:{name:z(e,"prepaidExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:q,selectedOptions:Y.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${l.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:h,tooltip:{text:N,sticky:!1},valueToId:o=>f(o,C)}})})}),i.jsxs(m,{windowSize:n,children:[i.jsx(S,{windowSize:n,iconColor:x,isDarkMode:l.mode==="dark",children:i.jsx(v,{})}),i.jsxs(b,{children:[i.jsx(y,{windowSize:n,children:t.vendorSection.FixedAssetsTitle}),i.jsx($,{children:t.vendorSection.fixedAssetsSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:n,children:i.jsx(g,{label:{label:t.vendorSection.fixedAssetslabel,width:p},groupedMultiSelectField:{name:z(e,"fixedAssetsAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:H,selectedOptions:Z.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${l.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:h,tooltip:{text:K,sticky:!1},valueToId:o=>f(o,R)}})})}),_?i.jsxs(i.Fragment,{children:[i.jsxs(m,{windowSize:n,children:[i.jsx(S,{windowSize:n,iconColor:x,isDarkMode:l.mode==="dark",children:i.jsx(v,{})}),i.jsxs(b,{children:[i.jsx(y,{windowSize:n,children:t.vendorSection.AccruedExpensesTitle}),i.jsx($,{children:t.vendorSection.accruedExpensesSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:n,children:i.jsx(g,{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 ${l.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:h,tooltip:{text:U,sticky:!1},valueToId:o=>f(o,E)}})})})]}):null]})]})}export{he as h};