@zeniai/web-cockpit-ui 1.14.38-prod → 1.14.39-dev

package/dist/assets/{VendorFirstReviewPage-DrelrPYn-B_TMCwXZ.js → VendorFirstReviewPage-4NSSfruW-SkZiIEM_.js}

@@ -1,4 +1,4 @@
-import{e as ae,Y as Nn,u as mn,a as nt,hv as Pe,ca as tt,H as On,hw as ie,hx as xe,hy as fe,hz as be,hA as me,B as je,j as n,hr as ot,F as rt,aX as it,b as st,bV as at,bX as lt,bY as dt,br as ct,$ as Y,bg as mt,bS as pt,aj as ut,dl as ht,b_ as gt,C as w,m as wt,N as Ne,o as t,a7 as In,t as De,a6 as vt,q as c,w as Re,c3 as xt,l as zn,dr as Pn,bh as ze,aB as Tn,c6 as ft,bv as bt,dE as $t,ap as Ye,aP as pn,g as F,az as Dn,fk as St,dh as wn,cz as rn,hB as yt,hC as sn,p as jt,bp as Fe,dO as Rt,et as vn,b6 as Ct,dt as Vt,K as xn,hD as kt,cn as Mt,cv as Nt,cw as Ot,ey as It,n as Ln,hE as zt,b4 as se,hF as fn,gg as Pt,b2 as Tt,aD as Dt,ds as Lt,v as _n,J as _t,eF as At,a9 as dn}from"./index-Bda8vF5a.js";import{b as f,n as o,j as cn}from"./vendor-rkTZJa59.js";import{r as Bt}from"./mui-C42whWwM.js";import{R as Ft}from"./Menu-DCl4YiCd-NQ746zhM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const An=({steps:e})=>{const s=ae();return n.jsx(Ut,{windowSize:s,children:e.map((m,d)=>n.jsxs(Et,{children:[n.jsx(qt,{children:d!==e.length-1?d+1:n.jsx(Ht,{})}),n.jsx(Gt,{children:m}),d<e.length-1?n.jsx(Wt,{}):null]},`step_${d}`))})},Et=o.div`
+import{e as ae,Y as Nn,u as mn,a as nt,hw as Pe,ca as tt,H as On,hx as ie,hy as ve,hz as fe,hA as be,hB as me,B as je,j as n,hs as ot,F as rt,aX as it,b as st,bV as at,bX as lt,bY as dt,br as ct,$ as Y,bg as mt,bS as pt,aj as ut,dl as ht,b_ as gt,C as w,m as wt,N as Ne,o as t,a7 as In,t as De,a6 as xt,q as c,w as Re,c3 as vt,l as zn,dr as Pn,bh as ze,aB as Tn,c6 as ft,bv as bt,dE as $t,ap as Ye,aP as pn,g as F,az as Dn,fl as St,dh as wn,cz as rn,hC as yt,hD as sn,p as jt,bp as Fe,dO as Rt,eu as xn,b6 as Ct,dt as Vt,K as vn,hE as kt,cn as Mt,cv as Nt,cw as Ot,ez as It,n as Ln,hF as zt,b4 as se,hG as fn,gh as Pt,b2 as Tt,aD as Dt,ds as Lt,v as _n,J as _t,eG as At,a9 as dn}from"./index-C7jkqxrR.js";import{b as f,n as o,j as cn}from"./vendor-rkTZJa59.js";import{r as Bt}from"./mui-C42whWwM.js";import{R as Ft}from"./Menu-Bi_Vto-l-B6nlDzVX.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";const An=({steps:e})=>{const s=ae();return n.jsx(Ut,{windowSize:s,children:e.map((m,d)=>n.jsxs(Et,{children:[n.jsx(Gt,{children:d!==e.length-1?d+1:n.jsx(Ht,{})}),n.jsx(qt,{children:m}),d<e.length-1?n.jsx(Wt,{}):null]},`step_${d}`))})},Et=o.div`
   display: flex;
   flex-direction: row;
   position: relative;
@@ -13,7 +13,7 @@ import{e as ae,Y as Nn,u as mn,a as nt,hv as Pe,ca as tt,H as On,hw as ie,hx as
   left: ${t.sp3};
   width: 2px;
   background: ${e=>e.theme.colors.grey2};
-`,qt=o.div`
+`,Gt=o.div`
   width: ${t.sp5};
   height: ${t.sp5};
   border: 1px solid ${e=>e.theme.colors.grey1};
@@ -26,7 +26,7 @@ import{e as ae,Y as Nn,u as mn,a as nt,hv as Pe,ca as tt,H as On,hw as ie,hx as
   justify-content: center;
   font-weight: ${bt.bold};
   color: ${e=>e.theme.colors.hero};
-`,Gt=o.div`
+`,qt=o.div`
   padding-bottom: ${t.sp4};
   margin-left: ${t.sp6};
 `,Ht=o($t)`
@@ -89,7 +89,7 @@ import{e as ae,Y as Nn,u as mn,a as nt,hv as Pe,ca as tt,H as On,hw as ie,hx as
   padding: ${t.sp1} ${t.sp2};
   align-items: center;
   justify-content: center;
-`,B={containerPaddingLeft:new w(c[3],c[4]),containerPaddingRight:new w(c[3],c[4]),containerPaddingTop:new w(c[2],c[3]),containerPaddingBottom:new w(c[2],c[3]),containerMarginLeft:new w(c[4],c[8]),vendorsContainerWidth:new w(25,25),recommendedContainerWidth:new w(20,20),retainedContainerWidth:new w(25,25),statusContainerWidth:new w(10,10),invoiceContainerWidth:new w(5,5),logoToValueGap:new w(c[2],c[2]),webkitLineClamp:new w(2,2,1,1,1)},vo=()=>{const e=ae();return n.jsx(xo,{windowSize:e,children:n.jsx(fo,{children:n.jsxs(bo,{children:[n.jsxs(Ae,{windowSize:e,width:B.vendorsContainerWidth,gap:B.logoToValueGap,children:[n.jsx(Pn,{width:c[6],height:c[6]}),n.jsx(Be,{windowSize:e,children:n.jsx(ze,{width:120,height:c[4]})})]}),n.jsx(Ae,{windowSize:e,width:B.invoiceContainerWidth,children:n.jsx(Be,{windowSize:e,children:n.jsx(ze,{width:120,height:c[4]})})}),n.jsx(Ae,{windowSize:e,width:B.recommendedContainerWidth,children:n.jsx(Be,{windowSize:e,children:n.jsx(ze,{width:120,height:c[4]})})}),n.jsx(Ae,{windowSize:e,width:B.retainedContainerWidth,children:n.jsx(Be,{windowSize:e,children:n.jsx(ze,{width:120,height:c[4]})})}),n.jsx(Ae,{windowSize:e,width:B.statusContainerWidth,children:n.jsx(Be,{windowSize:e,children:n.jsx(ze,{width:120,height:c[4]})})})]})})})},xo=o.div`
+`,B={containerPaddingLeft:new w(c[3],c[4]),containerPaddingRight:new w(c[3],c[4]),containerPaddingTop:new w(c[2],c[3]),containerPaddingBottom:new w(c[2],c[3]),containerMarginLeft:new w(c[4],c[8]),vendorsContainerWidth:new w(25,25),recommendedContainerWidth:new w(20,20),retainedContainerWidth:new w(25,25),statusContainerWidth:new w(10,10),invoiceContainerWidth:new w(5,5),logoToValueGap:new w(c[2],c[2]),webkitLineClamp:new w(2,2,1,1,1)},xo=()=>{const e=ae();return n.jsx(vo,{windowSize:e,children:n.jsx(fo,{children:n.jsxs(bo,{children:[n.jsxs(Ae,{windowSize:e,width:B.vendorsContainerWidth,gap:B.logoToValueGap,children:[n.jsx(Pn,{width:c[6],height:c[6]}),n.jsx(Be,{windowSize:e,children:n.jsx(ze,{width:120,height:c[4]})})]}),n.jsx(Ae,{windowSize:e,width:B.invoiceContainerWidth,children:n.jsx(Be,{windowSize:e,children:n.jsx(ze,{width:120,height:c[4]})})}),n.jsx(Ae,{windowSize:e,width:B.recommendedContainerWidth,children:n.jsx(Be,{windowSize:e,children:n.jsx(ze,{width:120,height:c[4]})})}),n.jsx(Ae,{windowSize:e,width:B.retainedContainerWidth,children:n.jsx(Be,{windowSize:e,children:n.jsx(ze,{width:120,height:c[4]})})}),n.jsx(Ae,{windowSize:e,width:B.statusContainerWidth,children:n.jsx(Be,{windowSize:e,children:n.jsx(ze,{width:120,height:c[4]})})})]})})})},vo=o.div`
   display: flex;
   margin-bottom: ${t.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -141,7 +141,7 @@ import{e as ae,Y as Nn,u as mn,a as nt,hv as Pe,ca as tt,H as On,hw as ie,hx as
   max-width: ${e=>e.windowSize==="small"?"200px":"initial"};
   display: "inline-block";
   margin-right: ${t.sp4};
-`,$o=88,So=156,Fn=58,yo=45,un=je.getLocalizedStrings(),Je=un.vendors.reviewVendorList.header,En={key:"vendor",value:Je.vendors,sortOrder:"ascending",width:25},Un={key:"updateTo",value:Je.updateTo,sortOrder:"ascending",width:27},jo={key:"retain",value:Je.retain,sortOrder:"ascending",width:20},Wn={key:"status",value:Je.status,sortOrder:"ascending",width:10},Ro={key:"action",value:un.common.strings.empty,sortOrder:"ascending",width:15},Co={key:"viewTenantInvoice",value:un.common.strings.empty,sortOrder:"ascending",width:c[1]},Vo=[En,Co,Un,jo,Wn,Ro],$n=[En.key,Un.key,Wn.key],an={sortKey:"ytd",sortOrder:"descending"},Oe={headerLastColumnTopPadding:new w(c[0],c[4]),headerLastColumnRightPadding:new w(c[3],c[11]),headerLastColumnBottomPadding:new w(c[0],c[4]),headerLastColumnLeftPadding:new w(c[3],c[11]),headerHeight:new w(yo,Fn)},qn=({sortConfig:e,disableClick:s=!1,onColumnSortConfigChanged:m})=>{const d=ae(),[r,V]=f.useState(Vo);f.useEffect(()=>{const g=[...r];for(const k of g)k.key===e.sortKey?k.sortOrder=e.sortOrder:k.sortOrder="ascending";V(g)},[e.sortKey,e.sortOrder]);const S=(g,k)=>{let D=k;e.sortKey===g&&(D=k==="ascending"?"descending":"ascending"),m(g,D)},R=g=>{s===!1&&g.key!=null&&$n.includes(g.key)&&S(zn.toVendorFirstReviewViewColumnKeyType(g.key),g.sortOrder)};return n.jsx(ko,{windowSize:d,children:r.map(g=>n.jsxs(Mo,{sortDataValue:e.sortKey,actualDataValue:g.key,wrapperWidth:g.width,isClickDisabled:s,windowSize:d,children:[n.jsx(zo,{onClick:()=>R(g),isClickDisabled:s,isSortingDisabled:g.key==="retain","data-testid":Y("vendor-first-review-page-header-name-wrapper"),children:n.jsxs(n.Fragment,{children:[g.key==="updateTo"?n.jsx(Po,{children:n.jsx(To,{})}):null,n.jsx(Re,{children:g.value}),$n.includes(g.key)?n.jsx(Oo,{sortConfig:e,headerdata:g,children:n.jsx(xt,{width:12,height:12})}):null]})}),n.jsx(Io,{isClickDisabled:s,sortDataValue:e.sortKey,isVisible:e.sortKey===g.key&&g.key!==an.sortKey,children:n.jsx(No,{onClick:()=>{s===!1&&S(an.sortKey,an.sortOrder)},"data-testid":Y("vendor-first-review-page-header-sort-cancel-icon")})})]},g.key))})},ko=o.div`
+`,$o=88,So=156,Fn=58,yo=45,un=je.getLocalizedStrings(),Je=un.vendors.reviewVendorList.header,En={key:"vendor",value:Je.vendors,sortOrder:"ascending",width:25},Un={key:"updateTo",value:Je.updateTo,sortOrder:"ascending",width:27},jo={key:"retain",value:Je.retain,sortOrder:"ascending",width:20},Wn={key:"status",value:Je.status,sortOrder:"ascending",width:10},Ro={key:"action",value:un.common.strings.empty,sortOrder:"ascending",width:15},Co={key:"viewTenantInvoice",value:un.common.strings.empty,sortOrder:"ascending",width:c[1]},Vo=[En,Co,Un,jo,Wn,Ro],$n=[En.key,Un.key,Wn.key],an={sortKey:"ytd",sortOrder:"descending"},Oe={headerLastColumnTopPadding:new w(c[0],c[4]),headerLastColumnRightPadding:new w(c[3],c[11]),headerLastColumnBottomPadding:new w(c[0],c[4]),headerLastColumnLeftPadding:new w(c[3],c[11]),headerHeight:new w(yo,Fn)},Gn=({sortConfig:e,disableClick:s=!1,onColumnSortConfigChanged:m})=>{const d=ae(),[r,V]=f.useState(Vo);f.useEffect(()=>{const g=[...r];for(const k of g)k.key===e.sortKey?k.sortOrder=e.sortOrder:k.sortOrder="ascending";V(g)},[e.sortKey,e.sortOrder]);const S=(g,k)=>{let D=k;e.sortKey===g&&(D=k==="ascending"?"descending":"ascending"),m(g,D)},R=g=>{s===!1&&g.key!=null&&$n.includes(g.key)&&S(zn.toVendorFirstReviewViewColumnKeyType(g.key),g.sortOrder)};return n.jsx(ko,{windowSize:d,children:r.map(g=>n.jsxs(Mo,{sortDataValue:e.sortKey,actualDataValue:g.key,wrapperWidth:g.width,isClickDisabled:s,windowSize:d,children:[n.jsx(zo,{onClick:()=>R(g),isClickDisabled:s,isSortingDisabled:g.key==="retain","data-testid":Y("vendor-first-review-page-header-name-wrapper"),children:n.jsxs(n.Fragment,{children:[g.key==="updateTo"?n.jsx(Po,{children:n.jsx(To,{})}):null,n.jsx(Re,{children:g.value}),$n.includes(g.key)?n.jsx(Oo,{sortConfig:e,headerdata:g,children:n.jsx(vt,{width:12,height:12})}):null]})}),n.jsx(Io,{isClickDisabled:s,sortDataValue:e.sortKey,isVisible:e.sortKey===g.key&&g.key!==an.sortKey,children:n.jsx(No,{onClick:()=>{s===!1&&S(an.sortKey,an.sortOrder)},"data-testid":Y("vendor-first-review-page-header-sort-cancel-icon")})})]},g.key))})},ko=o.div`
   top: ${t.sp0};
   left: ${t.sp0};
   min-height: ${e=>Oe.headerHeight.valuePx(e.windowSize)};
@@ -199,7 +199,7 @@ import{e as ae,Y as Nn,u as mn,a as nt,hv as Pe,ca as tt,H as On,hw as ie,hx as
   color: ${e=>e.theme.colors.brandColorJade};
   width: ${t.sp3};
   height: ${t.sp3};
-`,Do=({sortConfig:e,onColumnSortConfigChanged:s})=>{const m=ae();return n.jsxs(Lo,{windowSize:m,children:[n.jsx(qn,{sortConfig:e,disableClick:!0,onColumnSortConfigChanged:s}),n.jsx(_o,{windowSize:m,children:[...Array(7)].map((d,r)=>n.jsx(vo,{},r))})]})},Lo=o.div`
+`,Do=({sortConfig:e,onColumnSortConfigChanged:s})=>{const m=ae();return n.jsxs(Lo,{windowSize:m,children:[n.jsx(Gn,{sortConfig:e,disableClick:!0,onColumnSortConfigChanged:s}),n.jsx(_o,{windowSize:m,children:[...Array(7)].map((d,r)=>n.jsx(xo,{},r))})]})},Lo=o.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -208,7 +208,7 @@ import{e as ae,Y as Nn,u as mn,a as nt,hv as Pe,ca as tt,H as On,hw as ie,hx as
   display: flex;
   min-height: 100%;
   flex-direction: column;
-`,pe={autocompleteEmptyPaddingTop:new w(0,c[1]),autocompleteEmptyPaddingBottom:new w(0,c[1]),loadingStateOptionTopMargin:new w(9.5,9.5),loadingStateOptionBottomMargin:new w(9.5,9.5),loadingStateOptionLeftMargin:new w(16,16),loadingStateOptionRightMargin:new w(19,19),loadingStateOptionRowGap:new w(19,19),loadingStateRowGap:new w(10,10)},Ao={selectFieldInput:new _t("smallRegular","standardRegular")},Bo=({name:e,registerOptions:s,menuIsOpen:m,defaultValue:d,isDisabled:r,style:V,placeholder:S,customStyleConfig:R,showDownChevronWithValue:g,isOptionRemovable:k=!0,autoFocus:D=!1,getRenameOptionText:le,onClickRenameOption:ee,onMenuClose:b,valueToInfo:G,valueToId:ne,loadOptions:L})=>{const{control:Ue,formState:{errors:Ce}}=Mt(),Ve=mn(),[ue,_]=f.useState(null),W=Nt(Ce,e),Le=f.useCallback(u=>({value:u.value,label:u.label,info:G?.(u.value)??"",id:ne?.(u.value)??null,isDisabled:u.isDisabled,isOptionRecommended:u.isOptionRecommended}),[G,ne]),te=u=>u.map(y=>({label:y.label,options:y.options.map(q=>Le(q))})),C=u=>{if(u==null||!u)return;let y=[];return d.defaultOptions.forEach(q=>{y=y.concat(q.options)}),{value:u,label:y.find(q=>q.value===u)?.label??u,info:G?.(u)??""}},ke=u=>{_(u)},H={...R,container:u=>({...u,width:"100%",...V}),valueContainer:(u,y)=>({...u,justifyContent:y.selectProps.menuIsOpen===!1?"flex-end":"flex-start",...R?.valueContainer?.(u,y)}),menu:u=>({...u,backgroundColor:Ve.colors.grey5,borderRadius:t.sp1,boxShadow:`${t.sp0} 2px ${t.sp2} ${Ve.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:u=>({...u,borderRadius:t.sp1})},z={hasError:W,showDownChevronWithValue:g,customFirstGroup:ue,updateCustomFirstGroup:ke,getRenameOptionText:le,onClickRenameOption:ee},N=je.getLocalizedStrings().autoComplete,E=ae(),v=u=>u.inputValue.trim().length<2?null:n.jsxs(xr,{windowSize:E,children:[n.jsx(fr,{}),n.jsx(br,{children:N.input.noMatches})]}),de=(u,y)=>{L(u,y)},he=f.useRef(On((u,y)=>de(u,y),500,{trailing:!0})).current,Q=(u,y)=>{if(u.trim().length<2)return y([]);he(u,y)};return n.jsx(Ot,{name:e,control:Ue,defaultValue:d,rules:s,render:({field:{onChange:u,onBlur:y,value:q,ref:ge}})=>{const K=q;return n.jsx(It,{...z,menuIsOpen:m,autoFocus:D,ref:ge,cacheOptions:!1,isMulti:!1,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:S,noOptionsMessage:v,value:C(K.selectedOption),defaultOptions:te(K.defaultOptions),loadOptions:Q,onChange:ce=>{ce==null||ce.value!=null&&K?.selectedOption===ce.value?k===!0&&u({selectedOption:void 0,defaultOptions:K.defaultOptions}):u({selectedOption:ce.value,defaultOptions:K.defaultOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,onMenuClose:b,classNamePrefix:"auto-complete-grouped-single-select-field",onBlur:y,menuPlacement:"auto",maxMenuHeight:288,menuShouldScrollIntoView:!0,closeMenuOnSelect:!0,components:{Control:Fo,Option:Ko,Input:Uo,Group:qo,GroupHeading:Go,SingleValue:Ho,ValueContainer:Eo,MenuList:Wo,LoadingIndicator:jr,DropdownIndicator:$r,IndicatorSeparator:Sr,Placeholder:Qo,ClearIndicator:yr},hideSelectedOptions:!1,styles:H,isDisabled:r!=null})}})},Fo=e=>{const{menuIsOpen:s,isFocused:m,isDisabled:d,selectProps:r,options:V}=e,{value:S,hasError:R}=r;let g=[];V.forEach(D=>{g=g.concat(D.options)});const k=ae();return n.jsx(er,{windowSize:k,menuIsOpen:s,isFocused:m,isDisabled:d,selectedValue:S,hasError:R,children:n.jsx(se.Control,{...e,className:"select-control",children:e.children})})},Eo=e=>{const{selectProps:s,children:m}=e,{showDownChevronWithValue:d}=s;return n.jsxs(se.ValueContainer,{...e,className:"select-value-container",children:[m,d===!0?n.jsx(De,{children:n.jsx(nr,{})}):null]})},Uo=e=>{const{selectProps:s}=e,{placeholder:m,value:d}=s;return n.jsx(se.Input,{...e,autoComplete:"off",placeholder:d==null?m:void 0,children:e.children})},Wo=e=>{const{children:s,selectProps:m}=e,{customFirstGroup:d,updateCustomFirstGroup:r,getRenameOptionText:V,onClickRenameOption:S}=m,R=ae(),g=V?.(e.selectProps.inputValue);return f.useEffect(()=>{d==null&&r(s[0])},[d,r,s]),n.jsx(n.Fragment,{children:e.isLoading===!0?n.jsxs(se.MenuList,{...e,children:[d,n.jsx(cr,{windowSize:R,children:[...Array(2)].map((k,D)=>n.jsxs(mr,{windowSize:R,children:[n.jsx(Pn,{width:c[4],height:c[4]}),n.jsx(ze,{width:218,height:c[4]})]},D))})]}):n.jsxs(se.MenuList,{...e,children:[s,g!=null&&g.length>0?n.jsxs(pr,{onClick:()=>{S?.(e.selectProps.inputValue)},children:[n.jsx(hr,{children:n.jsx(ur,{})}),n.jsx(gr,{children:g})]}):null]})})},qo=e=>n.jsx(se.Group,{...e,children:e.children}),Go=e=>{const[s,m]=f.useState(!0);return n.jsx(ar,{className:"group-heading-container",isGroupOpen:s,onClick:()=>m(!s),children:n.jsxs(se.GroupHeading,{...e,children:[n.jsx(lr,{isGroupOpen:s,children:n.jsx(dr,{className:"close-tick-icon"})}),e.children]})})},Ho=({children:e,...s},m)=>{const d=m==null||s.selectProps.menuIsOpen===!0?e:m.sticky===!0?n.jsx(Xo,{title:m.text,children:e}):n.jsx(Fe,{style:{padding:t.sp3},title:m.text,placement:"top",children:e});return n.jsx(se.SingleValue,{...s,children:d})},Qo=()=>null,Ko=e=>{const{data:s,isSelected:m,isDisabled:d,isFocused:r}=e;return n.jsx(tr,{className:"select-option-wrapper",isFocused:r,isSelected:m,isDisabled:d,isOptionRecommended:s.isOptionRecommended===!0,showBottomBorder:s.info==null||s.isOptionRecommended===!1,children:n.jsx(se.Option,{...e,className:"select-option",children:n.jsxs(or,{isOptionRecommended:s.isOptionRecommended,children:[s.isOptionRecommended===!0?n.jsx(wr,{children:n.jsx(vr,{})}):null,n.jsxs(sr,{isSelected:m,isOptionRecommended:s.isOptionRecommended,children:[n.jsx(rr,{isSelected:m,isDisabled:d,children:s.label}),s.isOptionRecommended===!0&&s.info!=null?n.jsx(ir,{isSelected:m,isDisabled:d,children:s.info}):null]})]})})})},Xo=({children:e,title:s})=>n.jsxs(Yo,{children:[n.jsxs(Jo,{children:[s,n.jsx(Zo,{})]}),e]}),Yo=o.div`
+`,pe={autocompleteEmptyPaddingTop:new w(0,c[1]),autocompleteEmptyPaddingBottom:new w(0,c[1]),loadingStateOptionTopMargin:new w(9.5,9.5),loadingStateOptionBottomMargin:new w(9.5,9.5),loadingStateOptionLeftMargin:new w(16,16),loadingStateOptionRightMargin:new w(19,19),loadingStateOptionRowGap:new w(19,19),loadingStateRowGap:new w(10,10)},Ao={selectFieldInput:new _t("smallRegular","standardRegular")},Bo=({name:e,registerOptions:s,menuIsOpen:m,defaultValue:d,isDisabled:r,style:V,placeholder:S,customStyleConfig:R,showDownChevronWithValue:g,isOptionRemovable:k=!0,autoFocus:D=!1,getRenameOptionText:le,onClickRenameOption:ee,onMenuClose:b,valueToInfo:q,valueToId:ne,loadOptions:L})=>{const{control:Ue,formState:{errors:Ce}}=Mt(),Ve=mn(),[ue,_]=f.useState(null),W=Nt(Ce,e),Le=f.useCallback(u=>({value:u.value,label:u.label,info:q?.(u.value)??"",id:ne?.(u.value)??null,isDisabled:u.isDisabled,isOptionRecommended:u.isOptionRecommended}),[q,ne]),te=u=>u.map(y=>({label:y.label,options:y.options.map(G=>Le(G))})),C=u=>{if(u==null||!u)return;let y=[];return d.defaultOptions.forEach(G=>{y=y.concat(G.options)}),{value:u,label:y.find(G=>G.value===u)?.label??u,info:q?.(u)??""}},ke=u=>{_(u)},H={...R,container:u=>({...u,width:"100%",...V}),valueContainer:(u,y)=>({...u,justifyContent:y.selectProps.menuIsOpen===!1?"flex-end":"flex-start",...R?.valueContainer?.(u,y)}),menu:u=>({...u,backgroundColor:Ve.colors.grey5,borderRadius:t.sp1,boxShadow:`${t.sp0} 2px ${t.sp2} ${Ve.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:u=>({...u,borderRadius:t.sp1})},z={hasError:W,showDownChevronWithValue:g,customFirstGroup:ue,updateCustomFirstGroup:ke,getRenameOptionText:le,onClickRenameOption:ee},N=je.getLocalizedStrings().autoComplete,E=ae(),x=u=>u.inputValue.trim().length<2?null:n.jsxs(vr,{windowSize:E,children:[n.jsx(fr,{}),n.jsx(br,{children:N.input.noMatches})]}),de=(u,y)=>{L(u,y)},he=f.useRef(On((u,y)=>de(u,y),500,{trailing:!0})).current,Q=(u,y)=>{if(u.trim().length<2)return y([]);he(u,y)};return n.jsx(Ot,{name:e,control:Ue,defaultValue:d,rules:s,render:({field:{onChange:u,onBlur:y,value:G,ref:ge}})=>{const K=G;return n.jsx(It,{...z,menuIsOpen:m,autoFocus:D,ref:ge,cacheOptions:!1,isMulti:!1,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:S,noOptionsMessage:x,value:C(K.selectedOption),defaultOptions:te(K.defaultOptions),loadOptions:Q,onChange:ce=>{ce==null||ce.value!=null&&K?.selectedOption===ce.value?k===!0&&u({selectedOption:void 0,defaultOptions:K.defaultOptions}):u({selectedOption:ce.value,defaultOptions:K.defaultOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,onMenuClose:b,classNamePrefix:"auto-complete-grouped-single-select-field",onBlur:y,menuPlacement:"auto",maxMenuHeight:288,menuShouldScrollIntoView:!0,closeMenuOnSelect:!0,components:{Control:Fo,Option:Ko,Input:Uo,Group:Go,GroupHeading:qo,SingleValue:Ho,ValueContainer:Eo,MenuList:Wo,LoadingIndicator:jr,DropdownIndicator:$r,IndicatorSeparator:Sr,Placeholder:Qo,ClearIndicator:yr},hideSelectedOptions:!1,styles:H,isDisabled:r!=null})}})},Fo=e=>{const{menuIsOpen:s,isFocused:m,isDisabled:d,selectProps:r,options:V}=e,{value:S,hasError:R}=r;let g=[];V.forEach(D=>{g=g.concat(D.options)});const k=ae();return n.jsx(er,{windowSize:k,menuIsOpen:s,isFocused:m,isDisabled:d,selectedValue:S,hasError:R,children:n.jsx(se.Control,{...e,className:"select-control",children:e.children})})},Eo=e=>{const{selectProps:s,children:m}=e,{showDownChevronWithValue:d}=s;return n.jsxs(se.ValueContainer,{...e,className:"select-value-container",children:[m,d===!0?n.jsx(De,{children:n.jsx(nr,{})}):null]})},Uo=e=>{const{selectProps:s}=e,{placeholder:m,value:d}=s;return n.jsx(se.Input,{...e,autoComplete:"off",placeholder:d==null?m:void 0,children:e.children})},Wo=e=>{const{children:s,selectProps:m}=e,{customFirstGroup:d,updateCustomFirstGroup:r,getRenameOptionText:V,onClickRenameOption:S}=m,R=ae(),g=V?.(e.selectProps.inputValue);return f.useEffect(()=>{d==null&&r(s[0])},[d,r,s]),n.jsx(n.Fragment,{children:e.isLoading===!0?n.jsxs(se.MenuList,{...e,children:[d,n.jsx(cr,{windowSize:R,children:[...Array(2)].map((k,D)=>n.jsxs(mr,{windowSize:R,children:[n.jsx(Pn,{width:c[4],height:c[4]}),n.jsx(ze,{width:218,height:c[4]})]},D))})]}):n.jsxs(se.MenuList,{...e,children:[s,g!=null&&g.length>0?n.jsxs(pr,{onClick:()=>{S?.(e.selectProps.inputValue)},children:[n.jsx(hr,{children:n.jsx(ur,{})}),n.jsx(gr,{children:g})]}):null]})})},Go=e=>n.jsx(se.Group,{...e,children:e.children}),qo=e=>{const[s,m]=f.useState(!0);return n.jsx(ar,{className:"group-heading-container",isGroupOpen:s,onClick:()=>m(!s),children:n.jsxs(se.GroupHeading,{...e,children:[n.jsx(lr,{isGroupOpen:s,children:n.jsx(dr,{className:"close-tick-icon"})}),e.children]})})},Ho=({children:e,...s},m)=>{const d=m==null||s.selectProps.menuIsOpen===!0?e:m.sticky===!0?n.jsx(Xo,{title:m.text,children:e}):n.jsx(Fe,{style:{padding:t.sp3},title:m.text,placement:"top",children:e});return n.jsx(se.SingleValue,{...s,children:d})},Qo=()=>null,Ko=e=>{const{data:s,isSelected:m,isDisabled:d,isFocused:r}=e;return n.jsx(tr,{className:"select-option-wrapper",isFocused:r,isSelected:m,isDisabled:d,isOptionRecommended:s.isOptionRecommended===!0,showBottomBorder:s.info==null||s.isOptionRecommended===!1,children:n.jsx(se.Option,{...e,className:"select-option",children:n.jsxs(or,{isOptionRecommended:s.isOptionRecommended,children:[s.isOptionRecommended===!0?n.jsx(wr,{children:n.jsx(xr,{})}):null,n.jsxs(sr,{isSelected:m,isOptionRecommended:s.isOptionRecommended,children:[n.jsx(rr,{isSelected:m,isDisabled:d,children:s.label}),s.isOptionRecommended===!0&&s.info!=null?n.jsx(ir,{isSelected:m,isDisabled:d,children:s.info}):null]})]})})})},Xo=({children:e,title:s})=>n.jsxs(Yo,{children:[n.jsxs(Jo,{children:[s,n.jsx(Zo,{})]}),e]}),Yo=o.div`
   position: relative;
   display: none;
 `,Jo=o.div`
@@ -418,11 +418,11 @@ import{e as ae,Y as Nn,u as mn,a as nt,hv as Pe,ca as tt,H as On,hw as ie,hx as
 `,wr=o.div`
   margin-right: ${t.sp2};
   margin-bottom: 12px;
-`,vr=o(Tn)`
+`,xr=o(Tn)`
   color: ${e=>e.theme.colors.primary};
   width: ${t.sp3};
   height: ${t.sp3};
-`,xr=o.div`
+`,vr=o.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -440,7 +440,7 @@ import{e as ae,Y as Nn,u as mn,a as nt,hv as Pe,ca as tt,H as On,hw as ie,hx as
   overflow-wrap: break-word;
   white-space: normal;
   word-break: break-all;
-`,$r=()=>null,Sr=()=>null,yr=()=>null,jr=()=>null,hn=(e,s,m,d,r)=>{const V=je.getLocalizedStrings().vendorReview.firstReview,S=[];return m.length>0&&S.push({label:V.vendorDropdown.recommendedVendor,options:[]}),m.forEach(R=>{S[0].options.push({label:R.globalMerchantName,value:R.globalMerchantId??R.globalMerchantName,isVisible:!0,isDisabled:s,info:R.reason,isOptionRecommended:!0})}),S.length&&S[0].options.length===0&&S.pop(),S.push({label:V.vendorDropdown.allVendors,options:e.map(R=>({label:R.globalMerchantName,value:R.globalMerchantId,isVisible:!0}))}),d!=null&&S[S.length-1].options.push({label:d.name,value:d.id,isVisible:!1,isDisabled:s}),r!=null&&S[S.length-1].options.push({label:r.name,value:r.id,isVisible:!1}),S},P={containerPaddingLeft:new w(c[3],c[4]),containerPaddingRight:new w(c[3],c[4]),containerPaddingTop:new w(c[2],c[3]),containerPaddingBottom:new w(c[2],c[3]),containerMarginLeft:new w(c[4],c[8]),nameLogoWidth:new w(c[6],c[6]),nameLogoHeight:new w(c[6],c[6]),logoToValueGap:new w(c[2],c[2]),logoHeightAndWidth:new w(c[3],c[4]),webkitLineClamp:new w(2,2,1,1,1)},{common:U,vendorReview:{firstReview:Se}}=je.getLocalizedStrings(),Rr=({analytics:e,authParams:s,attachmentEndpoint:m,sectionId:d,rowData:r,searchAutoComplete:V,setCurrentVendorInAction:S,onClickRenameOption:R,onVendorNameClick:g,onClickSave:k,onClickCancel:D,onClearGlobalMerchantAutoCompleteResults:le})=>{const ee=mn(),b=ae(),G=Nn(),[ne,L]=f.useState(!1),[Ue,Ce]=f.useState(0),[Ve,ue]=f.useState(!1),{globalMerchantAutoCompleteView:_}=V.autoCompleteData,W=r.currentSelection!=null,[Le,te]=f.useState(!1),{transactionAttachments:C}=r,[ke,H]=f.useState([]),[z,N]=f.useState(null),[E,v]=f.useState(0),[de,he]=f.useState(0),[Q,u]=f.useState(0),y=a=>{u(a),te(!0),we(C[a]),N(ke[a])};function q(a){v(a.targetTouches[0].clientX)}function ge(a){he(a.targetTouches[0].clientX)}function K(a){return a<0?C.length+a:a%C.length}function ce(){E-de>50&&de!==0&&Q<C.length-1?(y(K(Q+1)),v(0),he(0)):E-de<-50&&de!==0&&Q>0&&(y(K(Q-1)),v(0),he(0))}const[_e,we]=f.useState(C[0]),Ze=()=>{te(!1),N(null),H([]),C.length>0&&we(C[0])},en=()=>{H([]),Ce(a=>{const $=a<C.length-1?a+1:0;return Ge(r.vendorId,$),$})},nn=()=>{H([]),Ce(a=>{const $=a>0?a-1:C.length-1;return Ge(r.vendorId,$),$})},We=C.length===0,qe=C.map(a=>a.id),Ge=(a,$)=>{te(!0);async function A(Qe){return await fn(m,s,Qe)}const oe=[qe[$]];A({vendorId:a,attachmentIds:oe}).then(Qe=>{H(Qe),we(C[$]),C.length>0&&N(Qe[0])})},tn=a=>{te(!0);async function $(A){return await fn(m,s,A)}$({vendorId:a,attachmentIds:qe}).then(A=>{H(A),C.length>0&&N(A[0])})},He=f.useMemo(()=>r.currentSelection==="customMerchant"&&r.selectedVendor.id!=null&&r.selectedVendor.name!=null?{id:r.selectedVendor.id,name:r.selectedVendor.name}:void 0,[r]),ve=r.status.code==="under_review"||r.saveStatus.fetchState==="In-Progress",O=r.status.code==="merge_in_qbo"||r.status.code==="merge_in_netsuite",Me=O||ve,i=a=>{let $=a.websiteUrl?.toString();if($){if($.includes("http")||($="https://".concat($)),r.currentVendor!=null){const A=a?.globalMerchantName??null;e.trackVendorReviewWebsiteOpened({reviewSource:"tenant_review",vendorName:r.currentVendor.name,wasRecommendationAvailable:!!A,recommendedVendorName:A,recommendedVendorReason:a.reason??null,vendorWebsite:$})}window.open($,"_blank")}},h=r.currentVendor!=null?{label:{label:r.currentVendor?.name,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:sn(d,ie,"retain"),defaultChecked:r.currentSelection==="retain"},tooltipProps:{text:r.currentVendor?.name},isDisabled:Me}:void 0,x=f.useCallback(a=>a.logo!=null?n.jsxs(Dr,{children:[n.jsx(wn,{photoUrl:a.logo.toString(),styles:{width:P.logoHeightAndWidth.valuePx(b),height:P.logoHeightAndWidth.valuePx(b)},placeholder:{width:P.logoHeightAndWidth.value(b),height:P.logoHeightAndWidth.value(b)},fallbackAvatar:n.jsx(ln,{children:n.jsx(rn,{name:a.globalMerchantName,size:P.logoHeightAndWidth.valuePx(b)})})}),n.jsx($e,{windowSize:b,isLastItem:!1,children:n.jsx(kn,{children:a.globalMerchantName})})]}):n.jsx($e,{windowSize:b,isLastItem:!1,children:n.jsx(kn,{children:a.globalMerchantName})}),[b]),l=r.recommendations.map((a,$)=>{const A=x(a),oe=`recommended${yt($)}`;return{label:{label:A,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:sn(d,ie,oe),defaultChecked:r.currentSelection===oe},tooltipProps:{text:a.websiteUrl?.toString().length?n.jsx(Cr,{recommendation:a,onRedirectionToRecommendedMerchantWebsiteUrl:()=>i(a)}):a.globalMerchantName,maxWidth:"360px"},isDisabled:Me,fieldName:oe}}),p=f.useMemo(()=>({defaultOptions:hn(_.globalMerchants,O,r.recommendations,r.currentVendor,He),selectedOption:r.selectedVendor.id}),[_,r,He,O]),j=()=>{L(!1),le()},X=a=>{const $=r.currentVendor?.name,A=[..._.globalMerchants.map(oe=>oe.globalMerchantName),...r.recommendations.map(oe=>oe.globalMerchantName)];return r.currentVendor==null||A.includes(a)||$===a?null:a.trim().length>0?Se.vendorDropdown.fromOldName.replace("__old_name__",$??"")+" "+Se.vendorDropdown.toNewName.replace("__new_name__",a??""):null},on=a=>{a.stopPropagation(),k(r.vendorId)},Hn=a=>{a.stopPropagation(),D(d)},Qn=a=>{a.stopPropagation(),L(!0)},Kn=()=>{r.selectedVendor.id!=null&&r.vendorQboId!=null&&g(r.vendorId,r.vendorQboId)},Xn=a=>{r.selectedVendor.id!=null&&R(r.selectedVendor.id,a),L(!1)},Yn=(a,$)=>{S(r.vendorId),V.loadOptions(a,$)},Jn=a=>r.recommendations.find($=>$.globalMerchantId===a||$.globalMerchantName===a)?.reason??"",Zn=()=>{k(r.vendorId,!0)},et=()=>{k(r.vendorId,!1,!0)};return n.jsxs(kr,{windowSize:b,isDisabled:ve,isRowActive:W,children:[n.jsx(Ie,{windowSize:b,width:25,isDisabled:ve,gap:P.logoToValueGap,children:n.jsx(n.Fragment,{children:ne===!0?n.jsx(jt,{onClickAway:j,children:n.jsx(zr,{windowSize:b,children:n.jsx(Bo,{name:sn(d,me),placeholder:U.strings.empty,defaultValue:p,autoFocus:!0,customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start",margin:`${t.sp0} ${t.sp3}`}),singleValue:()=>({display:"flex",alignItems:"center",color:ee.colors.hero,"&:hover":{color:ee.colors.primary}})},style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:"20px",cursor:"inherit",alignItems:"center"},valueToInfo:Jn,menuIsOpen:ne,getRenameOptionText:X,onMenuClose:j,loadOptions:Yn,isOptionRemovable:!1,onClickRenameOption:Xn})})}):n.jsxs(n.Fragment,{children:[r.selectedVendor?.logo!=null&&r.selectedVendor.name!=null?n.jsx(wn,{photoUrl:r.selectedVendor.logo.toString(),styles:{width:P.nameLogoWidth.valuePx(b),height:P.nameLogoHeight.valuePx(b)},fallbackAvatar:n.jsx(ln,{children:n.jsx(rn,{name:r.selectedVendor.name,size:t.sp6})})}):r.selectedVendor.name!=null?n.jsx(ln,{children:n.jsx(rn,{name:r.selectedVendor.name,size:t.sp6})}):null,n.jsx(Nr,{onClick:Kn,"data-testid":Y("vendor-first-review-row-vendor-name-text"),children:n.jsxs(Or,{children:[r.selectedVendor.name?n.jsx(Fe,{enterDelay:600,display:"block",placement:"bottom",title:r.selectedVendor.name,children:n.jsx(jn,{children:r.selectedVendor.name})}):n.jsx(jn,{children:U.strings.hyphen}),n.jsx(Fe,{display:"block",placement:"bottom",title:U.tooltips.editName,enterDelay:600,children:n.jsx(Ir,{onClick:Qn,"data-testid":Y("vendor-first-review-row-edit-icon")})})]})})]})})}),n.jsx(Ie,{windowSize:b,width:c[1],isDisabled:!1,children:C.length>0?n.jsx($e,{windowSize:b,className:"vendor-first-review-row-item",children:n.jsx(Lr,{isDisabled:We,onClick:()=>We===!1?tn(r.vendorId):null,"data-testid":Y("vendor-first-review-row-attachment-tag-box"),children:n.jsx(Fe,{display:"block",placement:"top",title:Se.viewRecipts,enterDelay:600,children:n.jsx(_r,{children:n.jsx(Rt,{width:t.sp3,height:t.sp3})})})})}):n.jsx($e,{className:"vendor-first-review-row-item",windowSize:b,children:U.strings.hyphen})}),n.jsx(Ie,{windowSize:b,width:25,isDisabled:Me,gap:P.logoToValueGap,children:l.map((a,$)=>n.jsxs(n.Fragment,{children:[n.jsx($e,{windowSize:b,className:"vendor-first-review-row-item",children:n.jsx(vn,{isHighlighted:!0,defaultChecked:r.currentSelection===a.fieldName,label:a.label,checkBoxField:a.checkBoxField,isDisabled:a.isDisabled,tooltipProps:a.tooltipProps})}),$<l.length-1?n.jsxs(Vn,{children:[" ",U.texts.or]}):null]}))}),n.jsx(Ie,{windowSize:b,width:20,isDisabled:Me,children:r.currentVendor!=null&&h!=null?n.jsx($e,{windowSize:b,className:"vendor-first-review-row-item",children:n.jsx(vn,{defaultChecked:r.currentSelection==="retain",label:h.label,checkBoxField:h.checkBoxField,isDisabled:h.isDisabled,tooltipProps:h.tooltipProps,backgroundDefaultColor:ee.colors.grey5})}):null}),n.jsx(Ie,{windowSize:b,"data-currentVendorName":r.currentVendor?.name,"data-mergeVendorName":r.mergeVendorName,"data-testid":Y("vendor-first-review-row-status-tag"),width:W?10:25,isDisabled:ve,children:n.jsxs($e,{windowSize:b,className:"vendor-first-review-row-item",children:[n.jsxs(Vn,{children:[n.jsx(Mr,{isDisabled:!1,clickable:!1,statusMergeInQBO:O,children:n.jsx(Sn,{children:r.status.name})}),O&&r.currentVendor!=null&&r.mergeVendorName!=null?n.jsx(Fe,{title:n.jsx(Vr,{vendorName:r.currentVendor.name,mergeVendorName:r.mergeVendorName,statusCode:r.status}),maxWidth:"312px",children:n.jsx(Ct,{width:t.sp3,height:t.sp3})}):null]}),r.lastUpdatedVendorNameByUser!=null&&O?n.jsx(Sn,{children:`${U.by} ${Vt(r.lastUpdatedVendorNameByUser)}`}):null]})}),n.jsxs(Ie,{windowSize:b,width:W?15:0,isDisabled:ve,className:"vendor-first-review-action-items",children:[n.jsx(xn,{variant:"light_transparent",label:U.footer.cancel,onClick:Hn,size:"small",style:{height:"100%"},disabled:!W}),n.jsx(yn,{space:t.sp0}),n.jsx(xn,{variant:"primary",loading:r.saveStatus.fetchState==="In-Progress",label:U.texts.confirm,onClick:on,size:"small",style:{height:"100%"},disabled:!W}),n.jsx(yn,{space:t.sp0}),n.jsx(Pr,{children:r.currentSelection==null?n.jsx(Ft,{menuItems:n.jsxs(Tr,{children:[n.jsxs(Rn,{onClick:()=>{ue(!1),Zn()},"data-testid":Y("vendor-first-review-row-mark-as-employee-menu-item"),children:[n.jsx(Cn,{}),Se.rowMoreActions.markAsEmployee]}),n.jsxs(Rn,{onClick:()=>{ue(!1),et()},"data-testid":Y("vendor-first-review-row-mark-as-contractor-menu-item"),children:[n.jsx(Cn,{}),Se.rowMoreActions.markAsLocalContractor]})]}),setIsMenuOpen:ue,isMenuOpen:Ve}):null})]}),Le&&C.length>0?Bt.createPortal(n.jsx(kt,{allFiles:ke,fileSource:z,file:_e,title:_e.fileName,attachments:C,showNavigation:G.connectionName==="netsuite",setFileSource:N,setShowFullScreenView:te,onCrossClick:Ze,onNextClick:en,onPreviousClick:nn,setSelectedFileAttachment:we,handleTouchStart:q,handleTouchMove:ge,handleTouchEnd:ce}),document.body):null]})},Cr=({recommendation:e,onRedirectionToRecommendedMerchantWebsiteUrl:s})=>n.jsxs(Gn,{setMaxHeight:!0,children:[n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.name}),n.jsx(Xe,{children:e.globalMerchantName})]}),n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.websiteURL}),n.jsx(Xe,{className:"websiteUrlTooltipText",onClick:s,"data-testid":Y("vendor-first-review-row-website-url-tooltip-content"),children:e.websiteUrl?.toString()})]})]}),Vr=({vendorName:e,mergeVendorName:s,statusCode:m})=>n.jsxs(Gn,{setMaxHeight:!1,children:[m.code==="merge_in_qbo"?n.jsx(Te,{children:Se.tooltip.mergeInQBOText}):null,m.code==="merge_in_netsuite"?n.jsx(Te,{children:Se.tooltip.mergeInNetSuiteText}):null,n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.vendor}),n.jsx(Xe,{children:e})]}),n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.mergedTo}),n.jsx(Xe,{children:s})]})]}),kr=o.div`
+`,$r=()=>null,Sr=()=>null,yr=()=>null,jr=()=>null,hn=(e,s,m,d,r)=>{const V=je.getLocalizedStrings().vendorReview.firstReview,S=[];return m.length>0&&S.push({label:V.vendorDropdown.recommendedVendor,options:[]}),m.forEach(R=>{S[0].options.push({label:R.globalMerchantName,value:R.globalMerchantId??R.globalMerchantName,isVisible:!0,isDisabled:s,info:R.reason,isOptionRecommended:!0})}),S.length&&S[0].options.length===0&&S.pop(),S.push({label:V.vendorDropdown.allVendors,options:e.map(R=>({label:R.globalMerchantName,value:R.globalMerchantId,isVisible:!0}))}),d!=null&&S[S.length-1].options.push({label:d.name,value:d.id,isVisible:!1,isDisabled:s}),r!=null&&S[S.length-1].options.push({label:r.name,value:r.id,isVisible:!1}),S},P={containerPaddingLeft:new w(c[3],c[4]),containerPaddingRight:new w(c[3],c[4]),containerPaddingTop:new w(c[2],c[3]),containerPaddingBottom:new w(c[2],c[3]),containerMarginLeft:new w(c[4],c[8]),nameLogoWidth:new w(c[6],c[6]),nameLogoHeight:new w(c[6],c[6]),logoToValueGap:new w(c[2],c[2]),logoHeightAndWidth:new w(c[3],c[4]),webkitLineClamp:new w(2,2,1,1,1)},{common:U,vendorReview:{firstReview:Se}}=je.getLocalizedStrings(),Rr=({analytics:e,authParams:s,attachmentEndpoint:m,sectionId:d,rowData:r,searchAutoComplete:V,setCurrentVendorInAction:S,onClickRenameOption:R,onVendorNameClick:g,onClickSave:k,onClickCancel:D,onClearGlobalMerchantAutoCompleteResults:le})=>{const ee=mn(),b=ae(),q=Nn(),[ne,L]=f.useState(!1),[Ue,Ce]=f.useState(0),[Ve,ue]=f.useState(!1),{globalMerchantAutoCompleteView:_}=V.autoCompleteData,W=r.currentSelection!=null,[Le,te]=f.useState(!1),{transactionAttachments:C}=r,[ke,H]=f.useState([]),[z,N]=f.useState(null),[E,x]=f.useState(0),[de,he]=f.useState(0),[Q,u]=f.useState(0),y=a=>{u(a),te(!0),we(C[a]),N(ke[a])};function G(a){x(a.targetTouches[0].clientX)}function ge(a){he(a.targetTouches[0].clientX)}function K(a){return a<0?C.length+a:a%C.length}function ce(){E-de>50&&de!==0&&Q<C.length-1?(y(K(Q+1)),x(0),he(0)):E-de<-50&&de!==0&&Q>0&&(y(K(Q-1)),x(0),he(0))}const[_e,we]=f.useState(C[0]),Ze=()=>{te(!1),N(null),H([]),C.length>0&&we(C[0])},en=()=>{H([]),Ce(a=>{const $=a<C.length-1?a+1:0;return qe(r.vendorId,$),$})},nn=()=>{H([]),Ce(a=>{const $=a>0?a-1:C.length-1;return qe(r.vendorId,$),$})},We=C.length===0,Ge=C.map(a=>a.id),qe=(a,$)=>{te(!0);async function A(Qe){return await fn(m,s,Qe)}const oe=[Ge[$]];A({vendorId:a,attachmentIds:oe}).then(Qe=>{H(Qe),we(C[$]),C.length>0&&N(Qe[0])})},tn=a=>{te(!0);async function $(A){return await fn(m,s,A)}$({vendorId:a,attachmentIds:Ge}).then(A=>{H(A),C.length>0&&N(A[0])})},He=f.useMemo(()=>r.currentSelection==="customMerchant"&&r.selectedVendor.id!=null&&r.selectedVendor.name!=null?{id:r.selectedVendor.id,name:r.selectedVendor.name}:void 0,[r]),xe=r.status.code==="under_review"||r.saveStatus.fetchState==="In-Progress",O=r.status.code==="merge_in_qbo"||r.status.code==="merge_in_netsuite",Me=O||xe,i=a=>{let $=a.websiteUrl?.toString();if($){if($.includes("http")||($="https://".concat($)),r.currentVendor!=null){const A=a?.globalMerchantName??null;e.trackVendorReviewWebsiteOpened({reviewSource:"tenant_review",vendorName:r.currentVendor.name,wasRecommendationAvailable:!!A,recommendedVendorName:A,recommendedVendorReason:a.reason??null,vendorWebsite:$})}window.open($,"_blank")}},h=r.currentVendor!=null?{label:{label:r.currentVendor?.name,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:sn(d,ie,"retain"),defaultChecked:r.currentSelection==="retain"},tooltipProps:{text:r.currentVendor?.name},isDisabled:Me}:void 0,v=f.useCallback(a=>a.logo!=null?n.jsxs(Dr,{children:[n.jsx(wn,{photoUrl:a.logo.toString(),styles:{width:P.logoHeightAndWidth.valuePx(b),height:P.logoHeightAndWidth.valuePx(b)},placeholder:{width:P.logoHeightAndWidth.value(b),height:P.logoHeightAndWidth.value(b)},fallbackAvatar:n.jsx(ln,{children:n.jsx(rn,{name:a.globalMerchantName,size:P.logoHeightAndWidth.valuePx(b)})})}),n.jsx($e,{windowSize:b,isLastItem:!1,children:n.jsx(kn,{children:a.globalMerchantName})})]}):n.jsx($e,{windowSize:b,isLastItem:!1,children:n.jsx(kn,{children:a.globalMerchantName})}),[b]),l=r.recommendations.map((a,$)=>{const A=v(a),oe=`recommended${yt($)}`;return{label:{label:A,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:sn(d,ie,oe),defaultChecked:r.currentSelection===oe},tooltipProps:{text:a.websiteUrl?.toString().length?n.jsx(Cr,{recommendation:a,onRedirectionToRecommendedMerchantWebsiteUrl:()=>i(a)}):a.globalMerchantName,maxWidth:"360px"},isDisabled:Me,fieldName:oe}}),p=f.useMemo(()=>({defaultOptions:hn(_.globalMerchants,O,r.recommendations,r.currentVendor,He),selectedOption:r.selectedVendor.id}),[_,r,He,O]),j=()=>{L(!1),le()},X=a=>{const $=r.currentVendor?.name,A=[..._.globalMerchants.map(oe=>oe.globalMerchantName),...r.recommendations.map(oe=>oe.globalMerchantName)];return r.currentVendor==null||A.includes(a)||$===a?null:a.trim().length>0?Se.vendorDropdown.fromOldName.replace("__old_name__",$??"")+" "+Se.vendorDropdown.toNewName.replace("__new_name__",a??""):null},on=a=>{a.stopPropagation(),k(r.vendorId)},Hn=a=>{a.stopPropagation(),D(d)},Qn=a=>{a.stopPropagation(),L(!0)},Kn=()=>{r.selectedVendor.id!=null&&r.vendorQboId!=null&&g(r.vendorId,r.vendorQboId)},Xn=a=>{r.selectedVendor.id!=null&&R(r.selectedVendor.id,a),L(!1)},Yn=(a,$)=>{S(r.vendorId),V.loadOptions(a,$)},Jn=a=>r.recommendations.find($=>$.globalMerchantId===a||$.globalMerchantName===a)?.reason??"",Zn=()=>{k(r.vendorId,!0)},et=()=>{k(r.vendorId,!1,!0)};return n.jsxs(kr,{windowSize:b,isDisabled:xe,isRowActive:W,children:[n.jsx(Ie,{windowSize:b,width:25,isDisabled:xe,gap:P.logoToValueGap,children:n.jsx(n.Fragment,{children:ne===!0?n.jsx(jt,{onClickAway:j,children:n.jsx(zr,{windowSize:b,children:n.jsx(Bo,{name:sn(d,me),placeholder:U.strings.empty,defaultValue:p,autoFocus:!0,customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start",margin:`${t.sp0} ${t.sp3}`}),singleValue:()=>({display:"flex",alignItems:"center",color:ee.colors.hero,"&:hover":{color:ee.colors.primary}})},style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:"20px",cursor:"inherit",alignItems:"center"},valueToInfo:Jn,menuIsOpen:ne,getRenameOptionText:X,onMenuClose:j,loadOptions:Yn,isOptionRemovable:!1,onClickRenameOption:Xn})})}):n.jsxs(n.Fragment,{children:[r.selectedVendor?.logo!=null&&r.selectedVendor.name!=null?n.jsx(wn,{photoUrl:r.selectedVendor.logo.toString(),styles:{width:P.nameLogoWidth.valuePx(b),height:P.nameLogoHeight.valuePx(b)},fallbackAvatar:n.jsx(ln,{children:n.jsx(rn,{name:r.selectedVendor.name,size:t.sp6})})}):r.selectedVendor.name!=null?n.jsx(ln,{children:n.jsx(rn,{name:r.selectedVendor.name,size:t.sp6})}):null,n.jsx(Nr,{onClick:Kn,"data-testid":Y("vendor-first-review-row-vendor-name-text"),children:n.jsxs(Or,{children:[r.selectedVendor.name?n.jsx(Fe,{enterDelay:600,display:"block",placement:"bottom",title:r.selectedVendor.name,children:n.jsx(jn,{children:r.selectedVendor.name})}):n.jsx(jn,{children:U.strings.hyphen}),n.jsx(Fe,{display:"block",placement:"bottom",title:U.tooltips.editName,enterDelay:600,children:n.jsx(Ir,{onClick:Qn,"data-testid":Y("vendor-first-review-row-edit-icon")})})]})})]})})}),n.jsx(Ie,{windowSize:b,width:c[1],isDisabled:!1,children:C.length>0?n.jsx($e,{windowSize:b,className:"vendor-first-review-row-item",children:n.jsx(Lr,{isDisabled:We,onClick:()=>We===!1?tn(r.vendorId):null,"data-testid":Y("vendor-first-review-row-attachment-tag-box"),children:n.jsx(Fe,{display:"block",placement:"top",title:Se.viewRecipts,enterDelay:600,children:n.jsx(_r,{children:n.jsx(Rt,{width:t.sp3,height:t.sp3})})})})}):n.jsx($e,{className:"vendor-first-review-row-item",windowSize:b,children:U.strings.hyphen})}),n.jsx(Ie,{windowSize:b,width:25,isDisabled:Me,gap:P.logoToValueGap,children:l.map((a,$)=>n.jsxs(n.Fragment,{children:[n.jsx($e,{windowSize:b,className:"vendor-first-review-row-item",children:n.jsx(xn,{isHighlighted:!0,defaultChecked:r.currentSelection===a.fieldName,label:a.label,checkBoxField:a.checkBoxField,isDisabled:a.isDisabled,tooltipProps:a.tooltipProps})}),$<l.length-1?n.jsxs(Vn,{children:[" ",U.texts.or]}):null]}))}),n.jsx(Ie,{windowSize:b,width:20,isDisabled:Me,children:r.currentVendor!=null&&h!=null?n.jsx($e,{windowSize:b,className:"vendor-first-review-row-item",children:n.jsx(xn,{defaultChecked:r.currentSelection==="retain",label:h.label,checkBoxField:h.checkBoxField,isDisabled:h.isDisabled,tooltipProps:h.tooltipProps,backgroundDefaultColor:ee.colors.grey5})}):null}),n.jsx(Ie,{windowSize:b,"data-currentVendorName":r.currentVendor?.name,"data-mergeVendorName":r.mergeVendorName,"data-testid":Y("vendor-first-review-row-status-tag"),width:W?10:25,isDisabled:xe,children:n.jsxs($e,{windowSize:b,className:"vendor-first-review-row-item",children:[n.jsxs(Vn,{children:[n.jsx(Mr,{isDisabled:!1,clickable:!1,statusMergeInQBO:O,children:n.jsx(Sn,{children:r.status.name})}),O&&r.currentVendor!=null&&r.mergeVendorName!=null?n.jsx(Fe,{title:n.jsx(Vr,{vendorName:r.currentVendor.name,mergeVendorName:r.mergeVendorName,statusCode:r.status}),maxWidth:"312px",children:n.jsx(Ct,{width:t.sp3,height:t.sp3})}):null]}),r.lastUpdatedVendorNameByUser!=null&&O?n.jsx(Sn,{children:`${U.by} ${Vt(r.lastUpdatedVendorNameByUser)}`}):null]})}),n.jsxs(Ie,{windowSize:b,width:W?15:0,isDisabled:xe,className:"vendor-first-review-action-items",children:[n.jsx(vn,{variant:"light_transparent",label:U.footer.cancel,onClick:Hn,size:"small",style:{height:"100%"},disabled:!W}),n.jsx(yn,{space:t.sp0}),n.jsx(vn,{variant:"primary",loading:r.saveStatus.fetchState==="In-Progress",label:U.texts.confirm,onClick:on,size:"small",style:{height:"100%"},disabled:!W}),n.jsx(yn,{space:t.sp0}),n.jsx(Pr,{children:r.currentSelection==null?n.jsx(Ft,{menuItems:n.jsxs(Tr,{children:[n.jsxs(Rn,{onClick:()=>{ue(!1),Zn()},"data-testid":Y("vendor-first-review-row-mark-as-employee-menu-item"),children:[n.jsx(Cn,{}),Se.rowMoreActions.markAsEmployee]}),n.jsxs(Rn,{onClick:()=>{ue(!1),et()},"data-testid":Y("vendor-first-review-row-mark-as-contractor-menu-item"),children:[n.jsx(Cn,{}),Se.rowMoreActions.markAsLocalContractor]})]}),setIsMenuOpen:ue,isMenuOpen:Ve}):null})]}),Le&&C.length>0?Bt.createPortal(n.jsx(kt,{allFiles:ke,fileSource:z,file:_e,title:_e.fileName,attachments:C,showNavigation:q.connectionName==="netsuite",setFileSource:N,setShowFullScreenView:te,onCrossClick:Ze,onNextClick:en,onPreviousClick:nn,setSelectedFileAttachment:we,handleTouchStart:G,handleTouchMove:ge,handleTouchEnd:ce}),document.body):null]})},Cr=({recommendation:e,onRedirectionToRecommendedMerchantWebsiteUrl:s})=>n.jsxs(qn,{setMaxHeight:!0,children:[n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.name}),n.jsx(Xe,{children:e.globalMerchantName})]}),n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.websiteURL}),n.jsx(Xe,{className:"websiteUrlTooltipText",onClick:s,"data-testid":Y("vendor-first-review-row-website-url-tooltip-content"),children:e.websiteUrl?.toString()})]})]}),Vr=({vendorName:e,mergeVendorName:s,statusCode:m})=>n.jsxs(qn,{setMaxHeight:!1,children:[m.code==="merge_in_qbo"?n.jsx(Te,{children:Se.tooltip.mergeInQBOText}):null,m.code==="merge_in_netsuite"?n.jsx(Te,{children:Se.tooltip.mergeInNetSuiteText}):null,n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.vendor}),n.jsx(Xe,{children:e})]}),n.jsxs(Ke,{children:[n.jsx(Te,{children:U.labels.mergedTo}),n.jsx(Xe,{children:s})]})]}),kr=o.div`
   display: flex;
   margin-bottom: ${t.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -578,7 +578,7 @@ import{e as ae,Y as Nn,u as mn,a as nt,hv as Pe,ca as tt,H as On,hw as ie,hx as
   width: 400px;
 `,ln=o.div`
   display: flex;
-`,Gn=o.div`
+`,qn=o.div`
   width: auto;
   box-sizing: border-box;
   max-height: ${e=>e.setMaxHeight?t.sp10:"none"};
@@ -655,7 +655,7 @@ import{e as ae,Y as Nn,u as mn,a as nt,hv as Pe,ca as tt,H as On,hw as ie,hx as
   max-width: 100%;
 `,kn=o.div`
   ${Ar};
-`,Br=e=>n.jsx(Rr,{...e}),gn={listContainerMarginTop:new w(c[3],c[3]),itemHeight:new w(So,$o),vendorListWrapperContainerMarginTop:new w(c[4],0)},{common:re,vendorReview:{firstReview:I}}=je.getLocalizedStrings(),hi=({vendorFirstReviewView:e,globalMerchantAutoCompleteData:s,analytics:m,authParams:d,attachmentEndpoint:r,onBackClick:V,onVendorNameClick:S,onGlobalMerchantAutoCompleteInputChange:R,onUpdateLocalData:g,onFetchVendorReviewView:k,onUpdateScrollYOffset:D,onUpdatePageToken:le,onUpdateSortUiState:ee,onClickSave:b,updateVendorDetailLocalData:G,onReloadList:ne,onClickCancelPopup:L,onClickRedirectToQBO:Ue,onClearGlobalMerchantAutoCompleteResults:Ce,onResetVendorLocalData:Ve,onClickMenuIcon:ue})=>{const _=ae(),W=Nn(),Le=mn(),[te,C]=f.useState(!1),[ke,H]=f.useState(null),{uiState:z,fetchState:N,vendorReviewView:E,recentlySavedErroredVendorView:v}=e,[de,he]=f.useState(z.searchText),Q=f.useRef(null),u=f.useRef(),y=nt({mode:"all",reValidateMode:"onChange",defaultValues:Mn(E,s.globalMerchantAutoCompleteView),values:Mn(E,s.globalMerchantAutoCompleteView),resetOptions:{keepDirtyValues:!0}});f.useEffect(()=>{if(s.globalMerchantAutoCompleteView.fetchState==="Completed"){const i=e.vendorReviewView.find(x=>x.vendorId===ke);let h;i!=null&&(h=i?.recommendations),u.current?.(hn(s.globalMerchantAutoCompleteView.globalMerchants,i?.status.code==="merge_in_qbo",h??[])),H(null)}},[s.globalMerchantAutoCompleteView.fetchState]),f.useEffect(()=>{Q.current?.resetAfterIndex(0)},[_,Q]),f.useEffect(()=>{N==="Completed"&&C(!1)},[N]),f.useEffect(()=>{const i=y.watch((h,{name:x,type:l})=>{x!=null&&h[Pe]!=null&&tt(()=>Ze(x,h,l))});return()=>{i.unsubscribe()}}),f.useEffect(()=>{N==="Completed"&&m.trackVendorReviewPage("tenant_review",z.totalCount)},[N]);const q=i=>gn.itemHeight.value(_),ge=(i,h,x)=>{k(x??null,i,h)},K=i=>{le(null),ge(i,!1,null)},ce=(i,h)=>{u.current=h,R(i,"vendor")},_e=f.useRef(On(i=>K(i),500,{trailing:!0})).current,we=(i,h)=>{ee(h,i),le(null),ge(z.searchText,!1,null)},Ze=(i,h,x)=>{if(i.includes(Pe)){const l=parseInt(i.split(".")[1]),p=Object.assign(h[Pe][l]);let j=p[ie];if(p[xe]!=null){let X;if(i.includes(`${ie}.${fe}`)&&(p[fe]?.globalMerchantId!=null||p[fe]?.globalMerchantName!=null)?(j={retain:!1,recommendedFirst:p[ie].recommendedFirst,recommendedSecond:!1,rename:!1,customMerchant:!1},X=p[fe].globalMerchantId??p[fe].globalMerchantName):i.includes(`${ie}.${be}`)&&(p[be]?.globalMerchantId!=null||p[be]?.globalMerchantName!=null)?(j={retain:!1,recommendedFirst:!1,recommendedSecond:p[ie].recommendedSecond,rename:!1,customMerchant:!1},X=p[be].globalMerchantId??p[be].globalMerchantName):i.includes(`${ie}.retain`)&&p[xe]!=null&&(j={retain:p[ie].retain,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!1},X=p[xe]),i.includes(me)&&(X=p[me].selectedOption,p[me].selectedOption===p[fe]?.globalMerchantId||p[me].selectedOption===p[fe]?.globalMerchantName?j={retain:!1,recommendedFirst:!0,recommendedSecond:!1,rename:!1,customMerchant:!0}:p[me].selectedOption===p[be]?.globalMerchantId||p[me].selectedOption===p[be]?.globalMerchantName?j={retain:!1,recommendedFirst:!1,recommendedSecond:!0,rename:!1,customMerchant:!0}:p[me].selectedOption===p[xe]?j={retain:!0,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}:j={retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}),x==null){Ve(p[xe]);return}g(p[xe],j,X??p[xe])}}},en=()=>{C(!0),ge(z.searchText,!0,z.pageToken)},nn=i=>i<E.length,We=()=>{z.pageToken!=null&&N==="Completed"&&en()},qe=(i,h)=>{const x=e.vendorReviewView.find(l=>l.vendorId===i);x!=null&&g(x.vendorId,{retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!0,customMerchant:!1},x.vendorId,h)},Ge=i=>{const h=parseInt(i.split(".")[1]),x=e.vendorReviewView[h];if(x?.currentVendor!=null){const l=x.recommendations[0]?.globalMerchantName??null;m.trackVendorReviewUpdateVendorCanceled({reviewSource:"tenant_review",vendorName:x.currentVendor.name,vendorReviewStatus:x.status.code??null,wasRecommendationAvailable:!!l,recommendedVendorName:l,recommendedVendorReason:x.recommendations[0]?.reason??null})}y.resetField(`${Pe}.${h}`)},tn=y.handleSubmit(i=>{}),He=(i,h,x)=>{const l=e.vendorReviewView.find(p=>p.vendorId===i);if(l?.currentVendor!=null){const p=[];l.recommendations.forEach(j=>{j.globalMerchantId!=null&&p.push(j.globalMerchantId)}),(l?.currentSelection==="retain"||l?.currentSelection==="rename")&&l?.isWebsiteUrlSaved===!1&&G({id:i,name:l.currentVendor.name,qboId:l.vendorQboId??i,websiteUrl:zn.toZeniUrlWithoutBaseURL(l.currentVendor.websiteUrl.toString())})}if(l?.currentSelection!=="retain"&&l?.currentSelection!=="rename"||l?.isWebsiteUrlSaved===!0){if(l?.currentVendor!=null){const p=l.selectedVendor.name,j=l.recommendations[0]?.globalMerchantName??null,X=l.currentSelection,on=l.recommendations[0]?.globalMerchantId===l.selectedVendor.id||l.recommendations[0]?.globalMerchantName===p?l.recommendations[0]:void 0;m.trackVendorReviewSaveVendorRequested({reviewSource:"tenant_review",vendorName:l.currentVendor.name,vendorReviewStatus:l.status.code??null,saveRequestedVendorSource:X,saveRequestedVendorName:p,saveRequestedVendorReason:on?.reason??null,isGlobalVendorRequested:l.currentSelection==="customMerchant",isVendorNameRecommendationSelected:j===p,isVendorNameChangedAndSelected:l.currentSelection==="rename",isVendorNameRetainSelected:X==="retain",recommendedVendorName:j,wasRecommendationAvailable:!!j,recommendedVendorReason:l.recommendations[0]?.reason??null,isVendorNameMarkedAsEmployee:h??!1,isVendorNameMarkedAsLocalContractor:x??!1})}b(i,h,x)}},ve={onOkClick:()=>{if(W.connectionName==="netsuite")L();else if(v!=null){const i=e.vendorReviewView.find(h=>h.vendorId===v.vendorId);if(i?.currentVendor!=null){const h=i.selectedVendor.name,x=i.recommendations[0]?.globalMerchantId===i.selectedVendor.id||i.recommendations[0]?.globalMerchantName===h?i.recommendations[0]:void 0,l=i.currentSelection??(v.newRecommendedVendor!=null?"recommendedFirst":null),p=i.recommendations[0]?.globalMerchantName??null;if(v.oldRecommendedVendor!=null||v.newRecommendedVendor!=null){const j={vendorName:i.currentVendor.name,saveRequestedVendorName:h,saveRequestedVendorReason:x?.reason??null,isVendorNameRecommendationSelected:l==="recommendedFirst"||l==="recommendedSecond",isVendorNameRetainSelected:l==="retain",isVendorNameChangedAndSelected:l==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null};v.newRecommendedVendor!=null?(m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Ne.Event.vendorReviewTenantRecommendationUpdateContinue,saveRequestedVendorSource:l,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:v.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:v.newRecommendedVendor.reason??null}),b(v.vendorId)):m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Ne.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:l,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null}),L()}else m.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:Ne.Event.vendorReviewTenantMergeInQBORedirect,vendorName:i.currentVendor.name,vendorReviewStatus:i.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:i.recommendations[0]?.reason??null}),Ue(),L()}}},onCancelClick:()=>{if(v!=null){const i=e.vendorReviewView.find(h=>h.vendorId===v.vendorId);if(i?.currentVendor!=null){const h=i.selectedVendor.name,x=i.recommendations[0]?.globalMerchantId===i.selectedVendor.id||i.recommendations[0]?.globalMerchantName===h?i.recommendations[0]:void 0,l=i.currentSelection,p=i.recommendations[0]?.globalMerchantName??null;if(v.oldRecommendedVendor!=null||v.newRecommendedVendor!=null){const j={vendorName:i.currentVendor.name,saveRequestedVendorName:h,saveRequestedVendorReason:x?.reason??null,isVendorNameRecommendationSelected:l==="recommendedFirst"||l==="recommendedSecond",isVendorNameRetainSelected:l==="retain",isVendorNameChangedAndSelected:l==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null};v.newRecommendedVendor!=null?m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Ne.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:l,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:v.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:v.newRecommendedVendor.reason??null}):m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Ne.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:l,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null})}else m.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:Ne.Event.vendorReviewTenantMergeInQBOCancel,vendorName:i.currentVendor.name,vendorReviewStatus:i.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:i.recommendations[0]?.reason??null})}L()}}},O=(()=>{if(v!=null)if(v.newRecommendedVendor!=null&&v.oldRecommendedVendor!=null){const i=I.popupMessages.zeniUpdatedRecommendationPopupTitle.replace("_vendor_name_",v.vendorName).replace("_old_recommendation_",v.oldRecommendedVendor.globalMerchantName).replace("_new_recommendation_",v.newRecommendedVendor.globalMerchantName);return{description:I.popupMessages.zeniUpdatedRecommendationPopupMsg,title:i,secondaryButtonText:re.cancel,primaryButtonText:re.continue}}else if(v.newRecommendedVendor!=null){const i=I.popupMessages.zeniNewRecommendationPopupTitle.replace("_vendor_name_",v.vendorName).replace("_new_recommendation_",v.newRecommendedVendor.globalMerchantName);return{description:I.popupMessages.zeniNewRecommendationPopupMsg,title:i,secondaryButtonText:re.cancel,primaryButtonText:re.continue}}else if(v.oldRecommendedVendor!=null){const i=I.popupMessages.zeniNewRecommendationNotAvailablePopupTitle.replace("_vendor_name_",v.vendorName);return{description:I.popupMessages.zeniNewRecommendationNotAvailablePopupMsg,title:i,primaryButtonText:re.gotIt}}else return W.connectionName==="netsuite"?{descriptionHeader:I.popupMessages.netsuiteLinkPopupMsgHeader,title:I.popupMessages.netsuiteLinkPopupTitle.replace("_vendor_name_",v.vendorName),subTitle:I.popupMessages.netsuiteLinkPopupSubTitle,description:I.popupMessages.netsuiteLinkPopupDescription,primaryButtonText:re.texts.close}:{descriptionHeader:I.popupMessages.qboLinkPopupMsgHeader,title:I.popupMessages.qboLinkPopupTitle.replace("_vendor_name_",v.vendorName),subTitle:I.popupMessages.qboLinkPopupSubTitle,secondaryButtonText:re.cancel,primaryButtonText:I.popupMessages.redirectToQBO}})(),Me=n.jsx(ot,{isSearchOpen:z.searchText.length>0,searchPlaceHolder:I.searchPlaceholder,searchText:de,onSearchTextChanged:i=>{he(i),i.trim().length>=2?_e(i):i.trim().length==0&&_e("")}});return n.jsx(Er,{windowSize:_,children:n.jsxs(rt,{...y,children:[n.jsx(it,{title:I.title,backgroundColor:Le.colors.grey4,onBackClick:V,rightSideComponent:Me,showMenuIcon:_==="medium-compact"||_==="small",onClickMenuIcon:ue,source:"VendorFirstReviewPage"}),n.jsx("form",{onSubmit:tn,children:n.jsxs(Ur,{windowSize:_,children:[n.jsx(st,{controller:!!v?.vendorId&&!!O,children:n.jsx(at,{titleComponent:n.jsx(dt,{children:n.jsxs(ei,{children:[n.jsx(ct,{children:O?.title}),O?.subTitle!=null?n.jsx(ni,{children:O.subTitle}):null]})}),descriptionComponent:n.jsxs(lt,{style:{textAlign:O?.description==null?"left":"unset"},children:[O?.descriptionHeader!=null?n.jsx(ti,{children:O.descriptionHeader}):null,O?.description!=null?n.jsx(oi,{children:O.description}):W.connectionName==="netsuite"?n.jsx(oo,{}):n.jsx(Qt,{})]}),primaryButtonText:O?.primaryButtonText??re.continue,secondaryButtonText:O?.secondaryButtonText,containerStyle:{maxWidth:"624px"},action:ve,primaryButtonWidth:148,secondaryButtonWidth:148})}),n.jsx(Wr,{windowSize:_,children:N==="Error"?n.jsxs(Gr,{children:[n.jsx(Hr,{onClick:ne,"data-testid":Y("vendor-first-review-page-reload-icon"),children:n.jsx(mt,{})}),n.jsx(Kr,{children:re.reloadPage.label})]}):N==="Completed"&&E.length===0?n.jsx(pt,{message:z.searchText?I.noMatchedDataText:I.noDataText}):N==="Not-Started"||N==="In-Progress"&&E.length===0?n.jsx(Do,{sortConfig:{sortKey:z.sortKey,sortOrder:z.sortOrder},onColumnSortConfigChanged:we,disableClick:!0}):n.jsx(qr,{windowSize:_,children:n.jsx(ut,{children:({height:i,width:h})=>n.jsx(ht,{isItemLoaded:nn,itemCount:E.length+1,loadMoreItems:We,children:({onItemsRendered:x})=>n.jsxs(Zr,{style:{height:i,width:h},children:[n.jsx(Jr,{style:{width:"auto"},children:n.jsx(qn,{sortConfig:{sortKey:z.sortKey,sortOrder:z.sortOrder},disableClick:N!=="Completed",onColumnSortConfigChanged:we})}),n.jsx(gt,{height:i-Fn,itemSize:q,width:h,ref:Q,overscanCount:1,itemCount:E.length,onItemsRendered:x,onScroll:({scrollOffset:l})=>{D(l)},initialScrollOffset:z.scrollYOffset,itemData:{vendorFirstReviewView:e,analytics:m,authParams:d,attachmentEndpoint:r,globalMerchantAutoCompleteView:s.globalMerchantAutoCompleteView,searchAutoComplete:{autoCompleteData:s,loadOptions:ce},setCurrentVendorInAction:H,onClickVendorName:S,onClickVendorRename:qe,onClickCancel:Ge,onClickSave:He,onClearGlobalMerchantAutoCompleteResults:Ce},children:Fr})]})})})})}),te===!0?n.jsx(Yr,{children:n.jsx(wt,{size:"Small",start:!0})}):null]})})]})})},Fr=({index:e,style:s,data:m})=>{const{analytics:d,authParams:r,attachmentEndpoint:V,vendorFirstReviewView:S,searchAutoComplete:R,setCurrentVendorInAction:g,onClickVendorName:k,onClickVendorRename:D,onClickCancel:le,onClickSave:ee,onClearGlobalMerchantAutoCompleteResults:b}=m,{vendorReviewView:G,fetchState:ne}=S,L=G[e];return e<G.length&&L.selectedVendor!=null?n.jsx(Xr,{style:{...s,width:"100%"},className:"vendor-list-item",children:n.jsx(Qr,{children:n.jsx(Br,{fetchState:ne,analytics:d,authParams:r,attachmentEndpoint:V,sectionId:`${Pe}.${e}`,vendorId:L.currentVendor?.id,rowData:L,setCurrentVendorInAction:g,searchAutoComplete:R,onVendorNameClick:k,onClickCancel:le,onClickSave:ee,onClickRenameOption:D,onClearGlobalMerchantAutoCompleteResults:b},e)},`sub-container-${e}`)}):null},Mn=(e,s)=>{const m=e.map(d=>{const r=d.currentSelection==="customMerchant"&&d.selectedVendor?.id!=null&&d.selectedVendor.name!=null?{id:d.selectedVendor.id,name:d.selectedVendor.name}:void 0,V=d.recommendations;return{selectedVendor:{defaultOptions:hn(s.globalMerchants,d.status.code==="merge_in_qbo",V,d.currentVendor,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{[Pe]:m}},Er=o.div`
+`,Br=e=>n.jsx(Rr,{...e}),gn={listContainerMarginTop:new w(c[3],c[3]),itemHeight:new w(So,$o),vendorListWrapperContainerMarginTop:new w(c[4],0)},{common:re,vendorReview:{firstReview:I}}=je.getLocalizedStrings(),hi=({vendorFirstReviewView:e,globalMerchantAutoCompleteData:s,analytics:m,authParams:d,attachmentEndpoint:r,onBackClick:V,onVendorNameClick:S,onGlobalMerchantAutoCompleteInputChange:R,onUpdateLocalData:g,onFetchVendorReviewView:k,onUpdateScrollYOffset:D,onUpdatePageToken:le,onUpdateSortUiState:ee,onClickSave:b,updateVendorDetailLocalData:q,onReloadList:ne,onClickCancelPopup:L,onClickRedirectToQBO:Ue,onClearGlobalMerchantAutoCompleteResults:Ce,onResetVendorLocalData:Ve,onClickMenuIcon:ue})=>{const _=ae(),W=Nn(),Le=mn(),[te,C]=f.useState(!1),[ke,H]=f.useState(null),{uiState:z,fetchState:N,vendorReviewView:E,recentlySavedErroredVendorView:x}=e,[de,he]=f.useState(z.searchText),Q=f.useRef(null),u=f.useRef(),y=nt({mode:"all",reValidateMode:"onChange",defaultValues:Mn(E,s.globalMerchantAutoCompleteView),values:Mn(E,s.globalMerchantAutoCompleteView),resetOptions:{keepDirtyValues:!0}});f.useEffect(()=>{if(s.globalMerchantAutoCompleteView.fetchState==="Completed"){const i=e.vendorReviewView.find(v=>v.vendorId===ke);let h;i!=null&&(h=i?.recommendations),u.current?.(hn(s.globalMerchantAutoCompleteView.globalMerchants,i?.status.code==="merge_in_qbo",h??[])),H(null)}},[s.globalMerchantAutoCompleteView.fetchState]),f.useEffect(()=>{Q.current?.resetAfterIndex(0)},[_,Q]),f.useEffect(()=>{N==="Completed"&&C(!1)},[N]),f.useEffect(()=>{const i=y.watch((h,{name:v,type:l})=>{v!=null&&h[Pe]!=null&&tt(()=>Ze(v,h,l))});return()=>{i.unsubscribe()}}),f.useEffect(()=>{N==="Completed"&&m.trackVendorReviewPage("tenant_review",z.totalCount)},[N]);const G=i=>gn.itemHeight.value(_),ge=(i,h,v)=>{k(v??null,i,h)},K=i=>{le(null),ge(i,!1,null)},ce=(i,h)=>{u.current=h,R(i,"vendor")},_e=f.useRef(On(i=>K(i),500,{trailing:!0})).current,we=(i,h)=>{ee(h,i),le(null),ge(z.searchText,!1,null)},Ze=(i,h,v)=>{if(i.includes(Pe)){const l=parseInt(i.split(".")[1]),p=Object.assign(h[Pe][l]);let j=p[ie];if(p[ve]!=null){let X;if(i.includes(`${ie}.${fe}`)&&(p[fe]?.globalMerchantId!=null||p[fe]?.globalMerchantName!=null)?(j={retain:!1,recommendedFirst:p[ie].recommendedFirst,recommendedSecond:!1,rename:!1,customMerchant:!1},X=p[fe].globalMerchantId??p[fe].globalMerchantName):i.includes(`${ie}.${be}`)&&(p[be]?.globalMerchantId!=null||p[be]?.globalMerchantName!=null)?(j={retain:!1,recommendedFirst:!1,recommendedSecond:p[ie].recommendedSecond,rename:!1,customMerchant:!1},X=p[be].globalMerchantId??p[be].globalMerchantName):i.includes(`${ie}.retain`)&&p[ve]!=null&&(j={retain:p[ie].retain,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!1},X=p[ve]),i.includes(me)&&(X=p[me].selectedOption,p[me].selectedOption===p[fe]?.globalMerchantId||p[me].selectedOption===p[fe]?.globalMerchantName?j={retain:!1,recommendedFirst:!0,recommendedSecond:!1,rename:!1,customMerchant:!0}:p[me].selectedOption===p[be]?.globalMerchantId||p[me].selectedOption===p[be]?.globalMerchantName?j={retain:!1,recommendedFirst:!1,recommendedSecond:!0,rename:!1,customMerchant:!0}:p[me].selectedOption===p[ve]?j={retain:!0,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}:j={retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}),v==null){Ve(p[ve]);return}g(p[ve],j,X??p[ve])}}},en=()=>{C(!0),ge(z.searchText,!0,z.pageToken)},nn=i=>i<E.length,We=()=>{z.pageToken!=null&&N==="Completed"&&en()},Ge=(i,h)=>{const v=e.vendorReviewView.find(l=>l.vendorId===i);v!=null&&g(v.vendorId,{retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!0,customMerchant:!1},v.vendorId,h)},qe=i=>{const h=parseInt(i.split(".")[1]),v=e.vendorReviewView[h];if(v?.currentVendor!=null){const l=v.recommendations[0]?.globalMerchantName??null;m.trackVendorReviewUpdateVendorCanceled({reviewSource:"tenant_review",vendorName:v.currentVendor.name,vendorReviewStatus:v.status.code??null,wasRecommendationAvailable:!!l,recommendedVendorName:l,recommendedVendorReason:v.recommendations[0]?.reason??null})}y.resetField(`${Pe}.${h}`)},tn=y.handleSubmit(i=>{}),He=(i,h,v)=>{const l=e.vendorReviewView.find(p=>p.vendorId===i);if(l?.currentVendor!=null){const p=[];l.recommendations.forEach(j=>{j.globalMerchantId!=null&&p.push(j.globalMerchantId)}),(l?.currentSelection==="retain"||l?.currentSelection==="rename")&&l?.isWebsiteUrlSaved===!1&&q({id:i,name:l.currentVendor.name,qboId:l.vendorQboId??i,websiteUrl:zn.toZeniUrlWithoutBaseURL(l.currentVendor.websiteUrl.toString())})}if(l?.currentSelection!=="retain"&&l?.currentSelection!=="rename"||l?.isWebsiteUrlSaved===!0){if(l?.currentVendor!=null){const p=l.selectedVendor.name,j=l.recommendations[0]?.globalMerchantName??null,X=l.currentSelection,on=l.recommendations[0]?.globalMerchantId===l.selectedVendor.id||l.recommendations[0]?.globalMerchantName===p?l.recommendations[0]:void 0;m.trackVendorReviewSaveVendorRequested({reviewSource:"tenant_review",vendorName:l.currentVendor.name,vendorReviewStatus:l.status.code??null,saveRequestedVendorSource:X,saveRequestedVendorName:p,saveRequestedVendorReason:on?.reason??null,isGlobalVendorRequested:l.currentSelection==="customMerchant",isVendorNameRecommendationSelected:j===p,isVendorNameChangedAndSelected:l.currentSelection==="rename",isVendorNameRetainSelected:X==="retain",recommendedVendorName:j,wasRecommendationAvailable:!!j,recommendedVendorReason:l.recommendations[0]?.reason??null,isVendorNameMarkedAsEmployee:h??!1,isVendorNameMarkedAsLocalContractor:v??!1})}b(i,h,v)}},xe={onOkClick:()=>{if(W.connectionName==="netsuite")L();else if(x!=null){const i=e.vendorReviewView.find(h=>h.vendorId===x.vendorId);if(i?.currentVendor!=null){const h=i.selectedVendor.name,v=i.recommendations[0]?.globalMerchantId===i.selectedVendor.id||i.recommendations[0]?.globalMerchantName===h?i.recommendations[0]:void 0,l=i.currentSelection??(x.newRecommendedVendor!=null?"recommendedFirst":null),p=i.recommendations[0]?.globalMerchantName??null;if(x.oldRecommendedVendor!=null||x.newRecommendedVendor!=null){const j={vendorName:i.currentVendor.name,saveRequestedVendorName:h,saveRequestedVendorReason:v?.reason??null,isVendorNameRecommendationSelected:l==="recommendedFirst"||l==="recommendedSecond",isVendorNameRetainSelected:l==="retain",isVendorNameChangedAndSelected:l==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null};x.newRecommendedVendor!=null?(m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Ne.Event.vendorReviewTenantRecommendationUpdateContinue,saveRequestedVendorSource:l,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:x.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:x.newRecommendedVendor.reason??null}),b(x.vendorId)):m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Ne.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:l,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null}),L()}else m.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:Ne.Event.vendorReviewTenantMergeInQBORedirect,vendorName:i.currentVendor.name,vendorReviewStatus:i.status.code??null,saveRequestedVendorSource:l,saveRequestedVendorName:h,saveRequestedVendorReason:v?.reason??null,isVendorNameRecommendationSelected:l==="recommendedFirst"||l==="recommendedSecond",isVendorNameRetainSelected:l==="retain",isVendorNameChangedAndSelected:l==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null}),Ue(),L()}}},onCancelClick:()=>{if(x!=null){const i=e.vendorReviewView.find(h=>h.vendorId===x.vendorId);if(i?.currentVendor!=null){const h=i.selectedVendor.name,v=i.recommendations[0]?.globalMerchantId===i.selectedVendor.id||i.recommendations[0]?.globalMerchantName===h?i.recommendations[0]:void 0,l=i.currentSelection,p=i.recommendations[0]?.globalMerchantName??null;if(x.oldRecommendedVendor!=null||x.newRecommendedVendor!=null){const j={vendorName:i.currentVendor.name,saveRequestedVendorName:h,saveRequestedVendorReason:v?.reason??null,isVendorNameRecommendationSelected:l==="recommendedFirst"||l==="recommendedSecond",isVendorNameRetainSelected:l==="retain",isVendorNameChangedAndSelected:l==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null};x.newRecommendedVendor!=null?m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Ne.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:l,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:x.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:x.newRecommendedVendor.reason??null}):m.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...j,reviewSource:"tenant_review",event:Ne.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:l,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null})}else m.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:Ne.Event.vendorReviewTenantMergeInQBOCancel,vendorName:i.currentVendor.name,vendorReviewStatus:i.status.code??null,saveRequestedVendorSource:l,saveRequestedVendorName:h,saveRequestedVendorReason:v?.reason??null,isVendorNameRecommendationSelected:l==="recommendedFirst"||l==="recommendedSecond",isVendorNameRetainSelected:l==="retain",isVendorNameChangedAndSelected:l==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null})}L()}}},O=(()=>{if(x!=null)if(x.newRecommendedVendor!=null&&x.oldRecommendedVendor!=null){const i=I.popupMessages.zeniUpdatedRecommendationPopupTitle.replace("_vendor_name_",x.vendorName).replace("_old_recommendation_",x.oldRecommendedVendor.globalMerchantName).replace("_new_recommendation_",x.newRecommendedVendor.globalMerchantName);return{description:I.popupMessages.zeniUpdatedRecommendationPopupMsg,title:i,secondaryButtonText:re.cancel,primaryButtonText:re.continue}}else if(x.newRecommendedVendor!=null){const i=I.popupMessages.zeniNewRecommendationPopupTitle.replace("_vendor_name_",x.vendorName).replace("_new_recommendation_",x.newRecommendedVendor.globalMerchantName);return{description:I.popupMessages.zeniNewRecommendationPopupMsg,title:i,secondaryButtonText:re.cancel,primaryButtonText:re.continue}}else if(x.oldRecommendedVendor!=null){const i=I.popupMessages.zeniNewRecommendationNotAvailablePopupTitle.replace("_vendor_name_",x.vendorName);return{description:I.popupMessages.zeniNewRecommendationNotAvailablePopupMsg,title:i,primaryButtonText:re.gotIt}}else return W.connectionName==="netsuite"?{descriptionHeader:I.popupMessages.netsuiteLinkPopupMsgHeader,title:I.popupMessages.netsuiteLinkPopupTitle.replace("_vendor_name_",x.vendorName),subTitle:I.popupMessages.netsuiteLinkPopupSubTitle,description:I.popupMessages.netsuiteLinkPopupDescription,primaryButtonText:re.texts.close}:{descriptionHeader:I.popupMessages.qboLinkPopupMsgHeader,title:I.popupMessages.qboLinkPopupTitle.replace("_vendor_name_",x.vendorName),subTitle:I.popupMessages.qboLinkPopupSubTitle,secondaryButtonText:re.cancel,primaryButtonText:I.popupMessages.redirectToQBO}})(),Me=n.jsx(ot,{isSearchOpen:z.searchText.length>0,searchPlaceHolder:I.searchPlaceholder,searchText:de,onSearchTextChanged:i=>{he(i),i.trim().length>=2?_e(i):i.trim().length==0&&_e("")}});return n.jsx(Er,{windowSize:_,children:n.jsxs(rt,{...y,children:[n.jsx(it,{title:I.title,backgroundColor:Le.colors.grey4,onBackClick:V,rightSideComponent:Me,showMenuIcon:_==="medium-compact"||_==="small",onClickMenuIcon:ue,source:"VendorFirstReviewPage"}),n.jsx("form",{onSubmit:tn,children:n.jsxs(Ur,{windowSize:_,children:[n.jsx(st,{controller:!!x?.vendorId&&!!O,children:n.jsx(at,{titleComponent:n.jsx(dt,{children:n.jsxs(ei,{children:[n.jsx(ct,{children:O?.title}),O?.subTitle!=null?n.jsx(ni,{children:O.subTitle}):null]})}),descriptionComponent:n.jsxs(lt,{style:{textAlign:O?.description==null?"left":"unset"},children:[O?.descriptionHeader!=null?n.jsx(ti,{children:O.descriptionHeader}):null,O?.description!=null?n.jsx(oi,{children:O.description}):W.connectionName==="netsuite"?n.jsx(oo,{}):n.jsx(Qt,{})]}),primaryButtonText:O?.primaryButtonText??re.continue,secondaryButtonText:O?.secondaryButtonText,containerStyle:{maxWidth:"624px"},action:xe,primaryButtonWidth:148,secondaryButtonWidth:148})}),n.jsx(Wr,{windowSize:_,children:N==="Error"?n.jsxs(qr,{children:[n.jsx(Hr,{onClick:ne,"data-testid":Y("vendor-first-review-page-reload-icon"),children:n.jsx(mt,{})}),n.jsx(Kr,{children:re.reloadPage.label})]}):N==="Completed"&&E.length===0?n.jsx(pt,{message:z.searchText?I.noMatchedDataText:I.noDataText}):N==="Not-Started"||N==="In-Progress"&&E.length===0?n.jsx(Do,{sortConfig:{sortKey:z.sortKey,sortOrder:z.sortOrder},onColumnSortConfigChanged:we,disableClick:!0}):n.jsx(Gr,{windowSize:_,children:n.jsx(ut,{children:({height:i,width:h})=>n.jsx(ht,{isItemLoaded:nn,itemCount:E.length+1,loadMoreItems:We,children:({onItemsRendered:v})=>n.jsxs(Zr,{style:{height:i,width:h},children:[n.jsx(Jr,{style:{width:"auto"},children:n.jsx(Gn,{sortConfig:{sortKey:z.sortKey,sortOrder:z.sortOrder},disableClick:N!=="Completed",onColumnSortConfigChanged:we})}),n.jsx(gt,{height:i-Fn,itemSize:G,width:h,ref:Q,overscanCount:1,itemCount:E.length,onItemsRendered:v,onScroll:({scrollOffset:l})=>{D(l)},initialScrollOffset:z.scrollYOffset,itemData:{vendorFirstReviewView:e,analytics:m,authParams:d,attachmentEndpoint:r,globalMerchantAutoCompleteView:s.globalMerchantAutoCompleteView,searchAutoComplete:{autoCompleteData:s,loadOptions:ce},setCurrentVendorInAction:H,onClickVendorName:S,onClickVendorRename:Ge,onClickCancel:qe,onClickSave:He,onClearGlobalMerchantAutoCompleteResults:Ce},children:Fr})]})})})})}),te===!0?n.jsx(Yr,{children:n.jsx(wt,{size:"Small",start:!0})}):null]})})]})})},Fr=({index:e,style:s,data:m})=>{const{analytics:d,authParams:r,attachmentEndpoint:V,vendorFirstReviewView:S,searchAutoComplete:R,setCurrentVendorInAction:g,onClickVendorName:k,onClickVendorRename:D,onClickCancel:le,onClickSave:ee,onClearGlobalMerchantAutoCompleteResults:b}=m,{vendorReviewView:q,fetchState:ne}=S,L=q[e];return e<q.length&&L.selectedVendor!=null?n.jsx(Xr,{style:{...s,width:"100%"},className:"vendor-list-item",children:n.jsx(Qr,{children:n.jsx(Br,{fetchState:ne,analytics:d,authParams:r,attachmentEndpoint:V,sectionId:`${Pe}.${e}`,vendorId:L.currentVendor?.id,rowData:L,setCurrentVendorInAction:g,searchAutoComplete:R,onVendorNameClick:k,onClickCancel:le,onClickSave:ee,onClickRenameOption:D,onClearGlobalMerchantAutoCompleteResults:b},e)},`sub-container-${e}`)}):null},Mn=(e,s)=>{const m=e.map(d=>{const r=d.currentSelection==="customMerchant"&&d.selectedVendor?.id!=null&&d.selectedVendor.name!=null?{id:d.selectedVendor.id,name:d.selectedVendor.name}:void 0,V=d.recommendations;return{selectedVendor:{defaultOptions:hn(s.globalMerchants,d.status.code==="merge_in_qbo",V,d.currentVendor,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{[Pe]:m}},Er=o.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -669,12 +669,12 @@ import{e as ae,Y as Nn,u as mn,a as nt,hv as Pe,ca as tt,H as On,hw as ie,hx as
 `,Wr=o.div`
   margin-top: ${e=>gn.listContainerMarginTop.valuePx(e.windowSize)};
   height: 100%;
-`,qr=o.div`
+`,Gr=o.div`
   height: 100%;
   display: flex;
   flex-direction: column;
   max-width: 99.9%;
-`,Gr=o.div`
+`,qr=o.div`
   display: flex;
   width: 100%;
   height: calc(100% - 60px);
@@ -699,7 +699,7 @@ import{e as ae,Y as Nn,u as mn,a as nt,hv as Pe,ca as tt,H as On,hw as ie,hx as
 `,Qr=o.div`
   display: flex;
   flex-direction: column;
-`,Kr=o(vt)`
+`,Kr=o(xt)`
   margin-top: ${t.sp3};
   color: ${e=>e.theme.colors.hero};
 `,Xr=o.div`

package/dist/assets/{VendorInternationalWireDetailsPage-BglZ4_v2-YeMvshGP.js → VendorInternationalWireDetailsPage-CYnMhzsB-Dp-2dBCE.js}

@@ -1,4 +1,4 @@
-import{j as t,e as J,a as he,B as U,ca as ye,O as ge,l as Y,bV as be,bX as fe,bY as xe,F as ve,a4 as we,C as p,cD as le,cE as Ce,o as y,ao as $e,cn as oe,u as ne,cF as De,cG as Z,ct as G,ah as H,cd as je,cH as Te,q as a,cv as Se,$ as ke,g as V,m as Fe,J as Oe,bp as Ae,w as Le,b6 as We}from"./index-Bda8vF5a.js";import{b as R,n as g}from"./vendor-rkTZJa59.js";import{W as ze,A as Ie}from"./BankAccountWarningSection-DFi3iK9n-6P4133q4.js";import{T as Re}from"./MailingDetailsSection-N-M1JzkW-EJyTbakN.js";import{S as Pe}from"./CurrencySelectField-DL628Rog-CxN7K7MR.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./LabeledAddressValueField-RFI4bpOj-WmfVzECO.js";const O={width:new p(343,580,726),height:new p(a[6],a[6]),controlHeight:new p(a[6],a[6]),paddingTopBottom:new p(a[2],a[2]),marginRight:new p(a[2],a[2]),labelMarginLeft:new p(a[3],a[4]),labelMarginRight:new p(a[3],a[4]),labelMarginTop:new p(a[2],a[2])},ae={infoLabel:new Oe("extraSmallRegular","smallRegular")};function Ee({isDisabled:e,label:i,currencySelectField:l,style:f,errorInfoLabel:u,isAdditionalInfoLabelLoading:n=!1,showAdditionalLabelTooltip:o=!1,additionalLabelTooltip:w,additionalInfoLabel:j,showAdditionalInfoLabel:k=!0}){const C=J(),{formState:{errors:b}}=oe(),$=ne(),D=Se(b,l.name),m=()=>{if(n===!0)return t.jsx(He,{children:t.jsx(Fe,{size:"Small",start:!0})});if(k&&j||D){let c=null;return o===!0&&k&&w&&(c=t.jsx(Ae,{placement:C==="small"?"bottom":"right",maxWidth:"364px",title:t.jsx(Ve,{children:w}),children:t.jsx(Ne,{children:t.jsx(Ue,{})})})),t.jsxs(qe,{size:C,isError:D,hasToolTip:o,isDisabled:e!=null,children:[c,j]})}};return t.jsxs(_e,{size:C,style:f,isDisabled:e!=null,isError:D,"data-testid":ke("labeled-currency-field",l.name),children:[t.jsx(G,{isDisabled:e,label:i.label,htmlFor:l.name,style:{marginLeft:O.labelMarginLeft.value(C),marginRight:O.labelMarginRight.value(C),marginTop:O.labelMarginTop.value(C),width:i.width??"auto",color:e==="disabled"?$.colors.grey2:$.colors.hero}}),t.jsxs(Me,{labelWidth:i.width,children:[t.jsx(Pe,{...l,isDisabled:e,style:{display:"flex",flexGrow:1,height:O.controlHeight.value(C)}}),D?t.jsx(Be,{windowSize:C,hasError:D,children:u}):null,m()]})]})}const _e=g.div`
+import{j as t,e as J,a as he,B as U,ca as ye,O as ge,l as Y,bV as be,bX as fe,bY as xe,F as ve,a4 as we,C as p,cD as le,cE as Ce,o as y,ao as $e,cn as oe,u as ne,cF as De,cG as Z,ct as G,ah as H,cd as je,cH as Te,q as a,cv as Se,$ as ke,g as V,m as Fe,J as Oe,bp as Ae,w as Le,b6 as We}from"./index-C7jkqxrR.js";import{b as R,n as g}from"./vendor-rkTZJa59.js";import{W as ze,A as Ie}from"./BankAccountWarningSection-CVhY2Ven-MI-JQ1yO.js";import{T as Re}from"./MailingDetailsSection-DU4LYPzH-BXsLAtDc.js";import{S as Pe}from"./CurrencySelectField-DhbePxwd-Cd-AHSQD.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";import"./LabeledAddressValueField-CNyhuNMg-BDiOnCQn.js";const O={width:new p(343,580,726),height:new p(a[6],a[6]),controlHeight:new p(a[6],a[6]),paddingTopBottom:new p(a[2],a[2]),marginRight:new p(a[2],a[2]),labelMarginLeft:new p(a[3],a[4]),labelMarginRight:new p(a[3],a[4]),labelMarginTop:new p(a[2],a[2])},ae={infoLabel:new Oe("extraSmallRegular","smallRegular")};function Ee({isDisabled:e,label:i,currencySelectField:l,style:f,errorInfoLabel:u,isAdditionalInfoLabelLoading:n=!1,showAdditionalLabelTooltip:o=!1,additionalLabelTooltip:w,additionalInfoLabel:j,showAdditionalInfoLabel:k=!0}){const C=J(),{formState:{errors:b}}=oe(),$=ne(),D=Se(b,l.name),m=()=>{if(n===!0)return t.jsx(He,{children:t.jsx(Fe,{size:"Small",start:!0})});if(k&&j||D){let c=null;return o===!0&&k&&w&&(c=t.jsx(Ae,{placement:C==="small"?"bottom":"right",maxWidth:"364px",title:t.jsx(Ve,{children:w}),children:t.jsx(Ne,{children:t.jsx(Ue,{})})})),t.jsxs(qe,{size:C,isError:D,hasToolTip:o,isDisabled:e!=null,children:[c,j]})}};return t.jsxs(_e,{size:C,style:f,isDisabled:e!=null,isError:D,"data-testid":ke("labeled-currency-field",l.name),children:[t.jsx(G,{isDisabled:e,label:i.label,htmlFor:l.name,style:{marginLeft:O.labelMarginLeft.value(C),marginRight:O.labelMarginRight.value(C),marginTop:O.labelMarginTop.value(C),width:i.width??"auto",color:e==="disabled"?$.colors.grey2:$.colors.hero}}),t.jsxs(Me,{labelWidth:i.width,children:[t.jsx(Pe,{...l,isDisabled:e,style:{display:"flex",flexGrow:1,height:O.controlHeight.value(C)}}),D?t.jsx(Be,{windowSize:C,hasError:D,children:u}):null,m()]})]})}const _e=g.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;

package/dist/assets/{VendorInternationalWireSwiftDetailsPage-MKHHcDL4-D4WqRSue.js → VendorInternationalWireSwiftDetailsPage-CXhnSzG9-CqZ25PxA.js}

@@ -1 +1 @@
-import{j as l}from"./index-Bda8vF5a.js";import{b as B}from"./vendor-rkTZJa59.js";import{f as u}from"./InternationalWireSwiftDetailsPage-DXYaOaYh-CXh_knvC.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./BankAccountWarningSection-DFi3iK9n-6P4133q4.js";import"./MailingDetailsSection-N-M1JzkW-EJyTbakN.js";import"./LabeledAddressValueField-RFI4bpOj-WmfVzECO.js";import"./MagicLinkTitleSection-Dzfctx8H-CfnXahDH.js";const F=({vendorViewDetails:n,bankAccountContext:o,isDisabled:r,onSaveHandler:s,onBankDetailsUpdated:i,onBackClick:e,onFetchBankNameBySwift:d,onAddressClick:c})=>{const{internationalBankAccountCreateStatus:a,internationalBankAccountToCreate:m,editVendorState:p,newVendorState:S,bankNameBySwift:f,fetchBankNameBySwiftStatus:k}=n,t={...p??S};return B.useEffect(()=>{(o==="vendor"&&a.fetchState==="Completed"||t?.saveStatus?.fetchState==="Completed")&&e()},[a,t?.saveStatus?.fetchState,e,o]),l.jsx(u,{bankAccountToCreate:m,bankAccountCreationState:a,bankNameBySwift:f,addressToEdit:t?.vendorNewAddressStatus?.addressToCreate,mailingAddress:t?.vendorAddress,addressType:"vendor_address",fetchBankNameBySwiftStatus:k,isDisabled:r,onSaveHandler:s,onBankDetailsUpdated:i,onBackClick:e,onAddressClick:c,onFetchBankNameBySwift:d})};export{F as default};
+import{j as l}from"./index-C7jkqxrR.js";import{b as B}from"./vendor-rkTZJa59.js";import{f as u}from"./InternationalWireSwiftDetailsPage-CHh9rwda-CYMl7fKC.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";import"./BankAccountWarningSection-CVhY2Ven-MI-JQ1yO.js";import"./MailingDetailsSection-DU4LYPzH-BXsLAtDc.js";import"./LabeledAddressValueField-CNyhuNMg-BDiOnCQn.js";import"./MagicLinkTitleSection-wjuKcqab-D7vo35cb.js";const F=({vendorViewDetails:n,bankAccountContext:o,isDisabled:r,onSaveHandler:s,onBankDetailsUpdated:i,onBackClick:e,onFetchBankNameBySwift:d,onAddressClick:c})=>{const{internationalBankAccountCreateStatus:a,internationalBankAccountToCreate:m,editVendorState:p,newVendorState:S,bankNameBySwift:f,fetchBankNameBySwiftStatus:k}=n,t={...p??S};return B.useEffect(()=>{(o==="vendor"&&a.fetchState==="Completed"||t?.saveStatus?.fetchState==="Completed")&&e()},[a,t?.saveStatus?.fetchState,e,o]),l.jsx(u,{bankAccountToCreate:m,bankAccountCreationState:a,bankNameBySwift:f,addressToEdit:t?.vendorNewAddressStatus?.addressToCreate,mailingAddress:t?.vendorAddress,addressType:"vendor_address",fetchBankNameBySwiftStatus:k,isDisabled:r,onSaveHandler:s,onBankDetailsUpdated:i,onBackClick:e,onAddressClick:c,onFetchBankNameBySwift:d})};export{F as default};

package/dist/assets/{VendorsAccountsSection-COwLgrG_-DIl96IN6.js → VendorsAccountsSection-DytBkZ5j-BDTqXfPm.js}

@@ -1,4 +1,4 @@
-import{e as ie,u as oe,B as te,C as c,g9 as w,a8 as k,j as i,hj as g,hi as m,o as n,J as re,g as ne,dy as se,w as le,q as a}from"./index-Bda8vF5a.js";import{n as l}from"./vendor-rkTZJa59.js";const s={labelWidth:new c(270,340,350),sectionWidth:new c(343,580,726),iconContainerMaxWidthHeight:new c(a[6],a[7]),iconContainerMarginRight:new c(12,a[3]),iconPadding:new c(10,12),rowGap:new c(a[2],a[3]),elementsMarginLeftRight:new c(a[3],a[4]),controlWidth:n.sp6},T={title:new re("standardMedium","largeMedium")},de=l.div`
+import{e as ie,u as oe,B as te,C as c,ga as w,a8 as k,j as i,hk as g,hj as m,o as n,J as re,g as ne,dy as se,w as le,q as a}from"./index-C7jkqxrR.js";import{n as l}from"./vendor-rkTZJa59.js";const s={labelWidth:new c(270,340,350),sectionWidth:new c(343,580,726),iconContainerMaxWidthHeight:new c(a[6],a[7]),iconContainerMarginRight:new c(12,a[3]),iconPadding:new c(10,12),rowGap:new c(a[2],a[3]),elementsMarginLeftRight:new c(a[3],a[4]),controlWidth:n.sp6},T={title:new re("standardMedium","largeMedium")},de=l.div`
   display: flex;
   flex-direction: column;
   row-gap: ${e=>s.rowGap.valuePx(e.windowSize)};

package/dist/assets/{VerifyDevice-FO7331hS-x1s3lwXg.js → VerifyDevice-CQ0olx8K-BR-mcrJ3.js}

@@ -1,4 +1,4 @@
-import{a2 as A,a as B,B as P,j as r,bo as K,b as d,l as q,F as U,bp as W,w as f,bq as X,o,K as D,br as Z,t as L,bs as G,bt as C,b6 as J,g as y,ap as b,bu as Q}from"./index-Bda8vF5a.js";import{b as c,n as t}from"./vendor-rkTZJa59.js";import{A as Y,Z as k}from"./AccountLockedInfoModal-4JAQCp4H-BsH2FTFT.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./handshake-BPg58FML-CVKh3Eii.js";const ee=e=>{if(!e)return"";try{const i=G(e);if(!i){const l=e.replace(/\D/g,"");if(l.length>=4){const g=l.slice(-4);return`+${l.slice(0,-4)||"1"} (•••) ••• ${g}`}return C(e)||e}const p=i.countryCallingCode,x=i.nationalNumber.slice(-4);return`+${p} (•••) ••• ${x}`}catch{const i=e.replace(/\D/g,"");if(i.length>=4){const p=i.slice(-4);return`+${i.slice(0,-4)||"1"} (•••) ••• ${p}`}return C(e)||e}},F=120,I=30,O=2,re="456px",te="256px",V=6,n=P.getLocalizedStrings().commonSetUp.twoFactorAuthentication,m="otpInputField",Te=e=>{const i=e.verifyOtpFetchState==="In-Progress",[p,x]=c.useState(!1),[l,g]=c.useState(!1),[$,T]=c.useState(0),[v,w]=c.useState(F),[h,E]=c.useState(I),S=A(e.verifyOtpFetchState),u=B({mode:"all",reValidateMode:"onChange",defaultValues:{[m]:""}}),j=u.watch(m),_=()=>{e.onCancelVerifyDevice()},R=()=>{j.trim().length===V&&e.onVerifyOtp(j)},M=n.footerHelperText.replace(/<button_text>/,n.verify);c.useEffect(()=>{S==="In-Progress"&&e.verifyOtpFetchState==="Error"&&(x(!0),T(s=>s+1),u.setValue(m,""))},[S,e.verifyOtpFetchState,u]),c.useEffect(()=>{if(v<=0){g(!0);return}const s=setInterval(()=>{w(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(s)},[v]),c.useEffect(()=>{if(h<=0)return;const s=setInterval(()=>{E(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(s)},[h]);const H=s=>{const a=Math.floor(s/60),z=s%60;return`${a}:${z.toString().padStart(2,"0")}`};return r.jsx(K,{open:!0,children:r.jsxs(oe,{children:[r.jsx(d,{controller:$>O,children:r.jsx(Y,{unlockDate:q.dateNow().add(1,"hour"),onSubmit:e.onCancelVerifyDevice})}),r.jsx(d,{controller:$<=O,children:r.jsx(U,{...u,children:r.jsxs(ge,{children:[r.jsxs(fe,{children:[r.jsx(ne,{children:n.verifyDeviceTitle}),r.jsx(se,{children:n.verifyDeviceDescription}),r.jsxs(le,{children:[r.jsx(ie,{children:ee(e.phoneNumber+"")}),r.jsx(W,{placement:"top",title:r.jsxs(f,{children:[n.changePhoneNumberHelperText,r.jsx(Ee,{href:`mailto:${k}`,children:k})]}),enterDelay:600,children:r.jsx(we,{})})]})]}),r.jsxs(ce,{children:[r.jsx(X,{value:j,valueLength:6,hasError:l===!0||p===!0,style:{margin:o.sp0},onChange:s=>{u.setValue(m,s),x(!1)}}),r.jsx(d,{controller:l===!1,children:r.jsx(N,{children:r.jsxs(je,{children:[n.codeExpiresIn," ",H(v)]})})}),r.jsx(d,{controller:l===!0,children:r.jsx(N,{children:r.jsx(ye,{children:n.codeExpired})})})]}),p===!0&&l===!1?r.jsxs(r.Fragment,{children:[r.jsx(d,{controller:$>=1,children:r.jsx(ae,{children:n.incorrectCode})}),r.jsx(d,{controller:$===2,children:r.jsx(ve,{children:r.jsxs(f,{children:[r.jsx(be,{}),n.accountLockWarning]})})})]}):null,r.jsx(d,{controller:e.resendVerifyDeviceOTPFetchState.error?.details?.application_error_code!=="ERR_OTP_RESEND_LIMIT_EXCEEDED",children:r.jsxs(de,{children:[r.jsx(pe,{children:n.codeNotReceived}),r.jsx(ue,{disabled:h>0,onClick:()=>{h===0&&(e.onResendOtp(),x(!1),g(!1),u.setValue(m,""),w(F),E(I))},children:n.resend}),h>0&&r.jsxs(he,{children:[P.getLocalizedStrings().common.in.toLowerCase()," ",h,"s"]})]})}),r.jsxs($e,{children:[r.jsxs(xe,{children:[r.jsx(D,{label:n.cancel,onClick:_,style:{width:82}}),r.jsx(D,{variant:"primary",label:n.verify,onClick:R,style:{width:82},loading:i,disabled:j.trim().length!==V||l===!0})]}),r.jsx(me,{children:M})]})]})})})]})})},oe=t.div`
+import{a2 as A,a as B,B as P,j as r,bo as K,b as d,l as q,F as U,bp as W,w as f,bq as X,o,K as D,br as Z,t as L,bs as G,bt as C,b6 as J,g as y,ap as b,bu as Q}from"./index-C7jkqxrR.js";import{b as c,n as t}from"./vendor-rkTZJa59.js";import{A as Y,Z as k}from"./AccountLockedInfoModal-Nuuzfbv1-D8-h_fCC.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";import"./handshake-BPg58FML-CVKh3Eii.js";const ee=e=>{if(!e)return"";try{const i=G(e);if(!i){const l=e.replace(/\D/g,"");if(l.length>=4){const g=l.slice(-4);return`+${l.slice(0,-4)||"1"} (•••) ••• ${g}`}return C(e)||e}const p=i.countryCallingCode,x=i.nationalNumber.slice(-4);return`+${p} (•••) ••• ${x}`}catch{const i=e.replace(/\D/g,"");if(i.length>=4){const p=i.slice(-4);return`+${i.slice(0,-4)||"1"} (•••) ••• ${p}`}return C(e)||e}},F=120,I=30,O=2,re="456px",te="256px",V=6,n=P.getLocalizedStrings().commonSetUp.twoFactorAuthentication,m="otpInputField",Te=e=>{const i=e.verifyOtpFetchState==="In-Progress",[p,x]=c.useState(!1),[l,g]=c.useState(!1),[$,T]=c.useState(0),[v,w]=c.useState(F),[h,E]=c.useState(I),S=A(e.verifyOtpFetchState),u=B({mode:"all",reValidateMode:"onChange",defaultValues:{[m]:""}}),j=u.watch(m),_=()=>{e.onCancelVerifyDevice()},R=()=>{j.trim().length===V&&e.onVerifyOtp(j)},M=n.footerHelperText.replace(/<button_text>/,n.verify);c.useEffect(()=>{S==="In-Progress"&&e.verifyOtpFetchState==="Error"&&(x(!0),T(s=>s+1),u.setValue(m,""))},[S,e.verifyOtpFetchState,u]),c.useEffect(()=>{if(v<=0){g(!0);return}const s=setInterval(()=>{w(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(s)},[v]),c.useEffect(()=>{if(h<=0)return;const s=setInterval(()=>{E(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(s)},[h]);const H=s=>{const a=Math.floor(s/60),z=s%60;return`${a}:${z.toString().padStart(2,"0")}`};return r.jsx(K,{open:!0,children:r.jsxs(oe,{children:[r.jsx(d,{controller:$>O,children:r.jsx(Y,{unlockDate:q.dateNow().add(1,"hour"),onSubmit:e.onCancelVerifyDevice})}),r.jsx(d,{controller:$<=O,children:r.jsx(U,{...u,children:r.jsxs(ge,{children:[r.jsxs(fe,{children:[r.jsx(ne,{children:n.verifyDeviceTitle}),r.jsx(se,{children:n.verifyDeviceDescription}),r.jsxs(le,{children:[r.jsx(ie,{children:ee(e.phoneNumber+"")}),r.jsx(W,{placement:"top",title:r.jsxs(f,{children:[n.changePhoneNumberHelperText,r.jsx(Ee,{href:`mailto:${k}`,children:k})]}),enterDelay:600,children:r.jsx(we,{})})]})]}),r.jsxs(ce,{children:[r.jsx(X,{value:j,valueLength:6,hasError:l===!0||p===!0,style:{margin:o.sp0},onChange:s=>{u.setValue(m,s),x(!1)}}),r.jsx(d,{controller:l===!1,children:r.jsx(N,{children:r.jsxs(je,{children:[n.codeExpiresIn," ",H(v)]})})}),r.jsx(d,{controller:l===!0,children:r.jsx(N,{children:r.jsx(ye,{children:n.codeExpired})})})]}),p===!0&&l===!1?r.jsxs(r.Fragment,{children:[r.jsx(d,{controller:$>=1,children:r.jsx(ae,{children:n.incorrectCode})}),r.jsx(d,{controller:$===2,children:r.jsx(ve,{children:r.jsxs(f,{children:[r.jsx(be,{}),n.accountLockWarning]})})})]}):null,r.jsx(d,{controller:e.resendVerifyDeviceOTPFetchState.error?.details?.application_error_code!=="ERR_OTP_RESEND_LIMIT_EXCEEDED",children:r.jsxs(de,{children:[r.jsx(pe,{children:n.codeNotReceived}),r.jsx(ue,{disabled:h>0,onClick:()=>{h===0&&(e.onResendOtp(),x(!1),g(!1),u.setValue(m,""),w(F),E(I))},children:n.resend}),h>0&&r.jsxs(he,{children:[P.getLocalizedStrings().common.in.toLowerCase()," ",h,"s"]})]})}),r.jsxs($e,{children:[r.jsxs(xe,{children:[r.jsx(D,{label:n.cancel,onClick:_,style:{width:82}}),r.jsx(D,{variant:"primary",label:n.verify,onClick:R,style:{width:82},loading:i,disabled:j.trim().length!==V||l===!0})]}),r.jsx(me,{children:M})]})]})})})]})})},oe=t.div`
   display: flex;
   flex-direction: column;
   min-width: ${te};

package/dist/assets/{VideoPlayer-C7GWTYSG-CQfRGJAt.js → VideoPlayer-BzfzJW7y-C5JZYu_g.js}

@@ -1,4 +1,4 @@
-import{e as B,j as o,e$ as F,o as c}from"./index-Bda8vF5a.js";import{b as e,n as f,k as S}from"./vendor-rkTZJa59.js";const k=t=>e.createElement("svg",{width:208,height:208,viewBox:"0 0 208 208",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("g",{filter:"url(#filter0_f_251_38441)"},e.createElement("circle",{cx:104,cy:104,r:44,fill:"url(#paint0_linear_251_38441)"}),e.createElement("circle",{cx:104,cy:104,r:50,stroke:"url(#paint1_linear_251_38441)",strokeWidth:12})),e.createElement("g",{filter:"url(#filter1_d_251_38441)"},e.createElement("circle",{cx:104,cy:104,r:41.1429,fill:"#FAFAFA"}),e.createElement("circle",{cx:104,cy:104,r:43.1429,stroke:"url(#paint2_linear_251_38441)",strokeWidth:4})),e.createElement("g",{clipPath:"url(#clip0_251_38441)"},e.createElement("path",{d:"M120.16 102.411L96.2853 90.4684C96.0134 90.3343 95.7118 90.2718 95.409 90.2867C95.1062 90.3016 94.8122 90.3935 94.5548 90.5536C94.2974 90.7138 94.0851 90.9369 93.938 91.202C93.7908 91.467 93.7137 91.7652 93.7139 92.0684V115.931C93.7137 116.234 93.7908 116.533 93.938 116.798C94.0851 117.063 94.2974 117.286 94.5548 117.446C94.8122 117.606 95.1062 117.698 95.409 117.713C95.7118 117.728 96.0134 117.665 96.2853 117.531L120.16 105.588C120.456 105.442 120.706 105.216 120.88 104.935C121.055 104.654 121.147 104.33 121.147 104C121.147 103.669 121.055 103.345 120.88 103.065C120.706 102.784 120.456 102.558 120.16 102.411Z",fill:"black"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_f_251_38441",x:0,y:0,width:208,height:208,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e.createElement("feGaussianBlur",{stdDeviation:24,result:"effect1_foregroundBlur_251_38441"})),e.createElement("filter",{id:"filter1_d_251_38441",x:54.8569,y:58.8571,width:98.2856,height:98.2857,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dy:4}),e.createElement("feGaussianBlur",{stdDeviation:2}),e.createElement("feComposite",{in2:"hardAlpha",operator:"out"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_251_38441"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_251_38441",result:"shape"})),e.createElement("linearGradient",{id:"paint0_linear_251_38441",x1:119.671,y1:119.671,x2:87.9755,y2:87.9758,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#7135FF"}),e.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),e.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),e.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),e.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),e.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),e.createElement("stop",{offset:1,stopColor:"#EE609C"})),e.createElement("linearGradient",{id:"paint1_linear_251_38441",x1:119.671,y1:119.671,x2:87.9755,y2:87.9758,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#7135FF"}),e.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),e.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),e.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),e.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),e.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),e.createElement("stop",{offset:1,stopColor:"#EE609C"})),e.createElement("linearGradient",{id:"paint2_linear_251_38441",x1:118.653,y1:118.653,x2:89.0159,y2:89.0164,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#7135FF"}),e.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),e.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),e.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),e.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),e.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),e.createElement("stop",{offset:1,stopColor:"#EE609C"})),e.createElement("clipPath",{id:"clip0_251_38441"},e.createElement("rect",{width:27.4286,height:27.4286,fill:"white",transform:"translate(93.7139 90.2849)"}))));function O({src:t,config:a,controls:p=!0,height:m="100%",loop:E=!1,muted:d=!1,showPlayButton:n=!1,style:u,thumbnail:C,width:h="100%",onEnded:_,onPlay:s}){const g=B(),[r,l]=e.useState(!1),i={};a?.youtube&&(i.youtube=a.youtube);const x=()=>{l(!0),s?.()},y=()=>{l(!1),_?.()},w=()=>{l(!0),s?.()};return o.jsxs(o.Fragment,{children:[o.jsx(F,{src:t,playing:r,controls:r?p:!1,muted:d,loop:E,width:h,height:m,style:u,light:n&&!r?C??!0:!1,onEnded:y,onPlay:w,config:i}),n&&!r&&o.jsx(b,{onClick:x,children:o.jsx(v,{windowSize:g})})]})}const A=S`
+import{e as B,j as o,f0 as F,o as c}from"./index-C7jkqxrR.js";import{b as e,n as f,k as S}from"./vendor-rkTZJa59.js";const k=t=>e.createElement("svg",{width:208,height:208,viewBox:"0 0 208 208",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("g",{filter:"url(#filter0_f_251_38441)"},e.createElement("circle",{cx:104,cy:104,r:44,fill:"url(#paint0_linear_251_38441)"}),e.createElement("circle",{cx:104,cy:104,r:50,stroke:"url(#paint1_linear_251_38441)",strokeWidth:12})),e.createElement("g",{filter:"url(#filter1_d_251_38441)"},e.createElement("circle",{cx:104,cy:104,r:41.1429,fill:"#FAFAFA"}),e.createElement("circle",{cx:104,cy:104,r:43.1429,stroke:"url(#paint2_linear_251_38441)",strokeWidth:4})),e.createElement("g",{clipPath:"url(#clip0_251_38441)"},e.createElement("path",{d:"M120.16 102.411L96.2853 90.4684C96.0134 90.3343 95.7118 90.2718 95.409 90.2867C95.1062 90.3016 94.8122 90.3935 94.5548 90.5536C94.2974 90.7138 94.0851 90.9369 93.938 91.202C93.7908 91.467 93.7137 91.7652 93.7139 92.0684V115.931C93.7137 116.234 93.7908 116.533 93.938 116.798C94.0851 117.063 94.2974 117.286 94.5548 117.446C94.8122 117.606 95.1062 117.698 95.409 117.713C95.7118 117.728 96.0134 117.665 96.2853 117.531L120.16 105.588C120.456 105.442 120.706 105.216 120.88 104.935C121.055 104.654 121.147 104.33 121.147 104C121.147 103.669 121.055 103.345 120.88 103.065C120.706 102.784 120.456 102.558 120.16 102.411Z",fill:"black"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_f_251_38441",x:0,y:0,width:208,height:208,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e.createElement("feGaussianBlur",{stdDeviation:24,result:"effect1_foregroundBlur_251_38441"})),e.createElement("filter",{id:"filter1_d_251_38441",x:54.8569,y:58.8571,width:98.2856,height:98.2857,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dy:4}),e.createElement("feGaussianBlur",{stdDeviation:2}),e.createElement("feComposite",{in2:"hardAlpha",operator:"out"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_251_38441"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_251_38441",result:"shape"})),e.createElement("linearGradient",{id:"paint0_linear_251_38441",x1:119.671,y1:119.671,x2:87.9755,y2:87.9758,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#7135FF"}),e.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),e.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),e.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),e.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),e.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),e.createElement("stop",{offset:1,stopColor:"#EE609C"})),e.createElement("linearGradient",{id:"paint1_linear_251_38441",x1:119.671,y1:119.671,x2:87.9755,y2:87.9758,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#7135FF"}),e.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),e.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),e.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),e.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),e.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),e.createElement("stop",{offset:1,stopColor:"#EE609C"})),e.createElement("linearGradient",{id:"paint2_linear_251_38441",x1:118.653,y1:118.653,x2:89.0159,y2:89.0164,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#7135FF"}),e.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),e.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),e.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),e.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),e.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),e.createElement("stop",{offset:1,stopColor:"#EE609C"})),e.createElement("clipPath",{id:"clip0_251_38441"},e.createElement("rect",{width:27.4286,height:27.4286,fill:"white",transform:"translate(93.7139 90.2849)"}))));function O({src:t,config:a,controls:p=!0,height:m="100%",loop:E=!1,muted:d=!1,showPlayButton:n=!1,style:u,thumbnail:C,width:h="100%",onEnded:_,onPlay:s}){const g=B(),[r,l]=e.useState(!1),i={};a?.youtube&&(i.youtube=a.youtube);const x=()=>{l(!0),s?.()},y=()=>{l(!1),_?.()},w=()=>{l(!0),s?.()};return o.jsxs(o.Fragment,{children:[o.jsx(F,{src:t,playing:r,controls:r?p:!1,muted:d,loop:E,width:h,height:m,style:u,light:n&&!r?C??!0:!1,onEnded:y,onPlay:w,config:i}),n&&!r&&o.jsx(b,{onClick:x,children:o.jsx(v,{windowSize:g})})]})}const A=S`
   0% {
     transform: rotate(0deg);
   }

package/dist/assets/{VideoPopup-CB0BXhOA-tn8VsQOa.js → VideoPopup-DJubpBc5-CxKuMSGz.js}

@@ -1,4 +1,4 @@
-import{e as s,j as i,p as l,$ as a,g as c,o as n,C as r}from"./index-Bda8vF5a.js";import{n as t}from"./vendor-rkTZJa59.js";import{z as h}from"./VideoPlayer-C7GWTYSG-CQfRGJAt.js";const d={width:new r(300,770,770),height:new r(195,500,500)},p=t.div`
+import{e as s,j as i,p as l,$ as a,g as c,o as n,C as r}from"./index-C7jkqxrR.js";import{n as t}from"./vendor-rkTZJa59.js";import{z as h}from"./VideoPlayer-BzfzJW7y-C5JZYu_g.js";const d={width:new r(300,770,770),height:new r(195,500,500)},p=t.div`
   position: fixed;
   top: 0;
   left: 0;

package/dist/assets/{WarningsDrawerPage-B081ksn8-BoDavkZS.js → WarningsDrawerPage-DtdniUCH-DJUs63Zw.js}

@@ -1,9 +1,9 @@
-import{e as C,l as B,B as D,j as s,eR as j,eV as S,K as M,v as E,o as n,C as $,J as L,y as P,a3 as z,c7 as N,g as h,T,az as A,eF as R,q as g}from"./index-Bda8vF5a.js";import{n as t}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const e=D.getLocalizedStrings(),w={navBarHeight:new $(62,62,62),navBarPaddingLeft:new $(g[3],g[3],g[8]),navBarPaddingRight:new $(g[3],g[3],g[8]),navBarPaddingTop:new $(12,12,g[3]),navBarPaddingBottom:new $(12,12,19)},F={title:new L("largeMedium","largeSemiBold")},$e=({companyView:r,allUsers:a,onRetryBankAccountConnection:o,onCloseClick:d})=>{const l=C(),I=r!=null?B.getAuditWarningsCount(r):0,x=r?.onboardingInfo?.bankAccountLinked,v=r?.onboardingInfo?.qboLinked,y=r?.onboardingInfo?.identityVerified,k=r?.onboardingInfo?.businessVerified,f=r?.onboardingInfo?.accountingConnectionCreationMode==="zeni_user",u=[];if(x!=null){const i=a.find(p=>p.userId===x.userIds[0]),{errorMessage:c,successMessage:m}=O(x,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.onboarding.header.linkBankAccount} ${e.common.strings.hyphen} ${e.common.incompleteText}`,onClickRetry:o})}if(v!=null){const i=a.find(p=>p.userId===v.userIds[0]),{errorMessage:c,successMessage:m}=V(v,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.onboarding.header.connectToQBO} ${e.common.strings.hyphen} ${e.common.incompleteText}`})}if(y!=null){const i=a.find(p=>p.userId===y.userIds[0]),{errorMessage:c,successMessage:m}=q(y,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.review.warningsDrawer.kyc} ${e.common.strings.hyphen} ${y.status}`})}if(k!=null){const i=a.find(p=>p.userId===k.userIds[0]),{errorMessage:c,successMessage:m}=G(k,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.review.warningsDrawer.kyb} ${e.common.strings.hyphen} ${k.status}`})}return s.jsxs(K,{children:[s.jsx(Q,{windowSize:l,children:s.jsx(H,{children:s.jsxs(U,{windowSize:l,children:[s.jsx(W,{windowSize:l,children:r?.name}),s.jsx(se,{onClick:d})]})})}),s.jsxs(J,{children:[s.jsx(_,{children:I>0?s.jsxs(b,{children:[s.jsx(b,{children:j(e.cockpit.review.warningsDrawer.issueFound)}),s.jsx(ie,{children:`${e.common.strings.openingBrace}${I}${e.common.strings.closingBrace}`})]}):s.jsx(b,{children:`${e.common.no} 
-              ${j(e.cockpit.review.warningsDrawer.issueFound)}`})}),u.map((i,c)=>s.jsx(X,{isStepInError:i.status==="Error",children:s.jsxs(Y,{children:[s.jsx(Z,{children:i.status==="Complete"?s.jsx(oe,{}):i.status==="Error"?s.jsx(S,{}):s.jsx(ne,{})}),s.jsxs(ee,{children:[s.jsx(re,{isStepInError:i.status==="Error",children:i.message}),i.status==="Error"?s.jsx(M,{label:e.common.retry,onClick:i.onClickRetry,loading:r?.retryBankAccountConnectionFetchState.fetchState==="In-Progress",variant:"light_transparent",style:{padding:`${n.sp1} ${n.sp3}`,borderRadius:n.sp1},textStyle:{...E.extraSmallMedium.cssObject}}):null]})]})},c))]})]})},O=(r,a,o)=>{const d=r.error===!0?r.errorDetails!=null?r.errorDetails.summary:e.cockpit.review.errors.bankAccountLinked:null,l=r.completed===!0?o!=null?`${e.cockpit.onboarding.header.linkBankAccount}  ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:e.cockpit.onboarding.header.linkBankAccount:null;return{errorMessage:d,successMessage:l}},V=(r,a,o)=>{const d=r.error===!0?r.errorDetails!=null?r.errorDetails.summary:e.cockpit.review.errors.qboLinked:null,l=r.completed===!0?o!=null?`${e.cockpit.onboarding.header.connectToQBO}  ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.onboarding.header.connectToQBO}`:null;return{errorMessage:d,successMessage:l}},q=(r,a,o)=>{const d=r.status==="Error"?o!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()}`:null,l=r.status==="Complete"?o!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity}`:null;return{errorMessage:d,successMessage:l}},G=(r,a,o)=>{const d=r.status==="Error"?o!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()}`:null,l=r.status==="Complete"?o!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity}`:null;return{errorMessage:d,successMessage:l}},K=t.div`
+import{e as C,l as B,B as S,j as s,eS as j,eW as D,K as M,v as E,o as n,C as $,J as L,y as P,a3 as z,c7 as N,g as h,T,az as A,eG as R,q as g}from"./index-C7jkqxrR.js";import{n as t}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";const e=S.getLocalizedStrings(),w={navBarHeight:new $(62,62,62),navBarPaddingLeft:new $(g[3],g[3],g[8]),navBarPaddingRight:new $(g[3],g[3],g[8]),navBarPaddingTop:new $(12,12,g[3]),navBarPaddingBottom:new $(12,12,19)},G={title:new L("largeMedium","largeSemiBold")},$e=({companyView:r,allUsers:a,onRetryBankAccountConnection:o,onCloseClick:d})=>{const l=C(),I=r!=null?B.getAuditWarningsCount(r):0,x=r?.onboardingInfo?.bankAccountLinked,v=r?.onboardingInfo?.qboLinked,y=r?.onboardingInfo?.identityVerified,k=r?.onboardingInfo?.businessVerified,f=r?.onboardingInfo?.accountingConnectionCreationMode==="zeni_user",u=[];if(x!=null){const i=a.find(p=>p.userId===x.userIds[0]),{errorMessage:c,successMessage:m}=O(x,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.onboarding.header.linkBankAccount} ${e.common.strings.hyphen} ${e.common.incompleteText}`,onClickRetry:o})}if(v!=null){const i=a.find(p=>p.userId===v.userIds[0]),{errorMessage:c,successMessage:m}=q(v,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.onboarding.header.connectToQBO} ${e.common.strings.hyphen} ${e.common.incompleteText}`})}if(y!=null){const i=a.find(p=>p.userId===y.userIds[0]),{errorMessage:c,successMessage:m}=F(y,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.review.warningsDrawer.kyc} ${e.common.strings.hyphen} ${y.status}`})}if(k!=null){const i=a.find(p=>p.userId===k.userIds[0]),{errorMessage:c,successMessage:m}=K(k,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.review.warningsDrawer.kyb} ${e.common.strings.hyphen} ${k.status}`})}return s.jsxs(Q,{children:[s.jsx(V,{windowSize:l,children:s.jsx(H,{children:s.jsxs(_,{windowSize:l,children:[s.jsx(U,{windowSize:l,children:r?.name}),s.jsx(se,{onClick:d})]})})}),s.jsxs(J,{children:[s.jsx(W,{children:I>0?s.jsxs(b,{children:[s.jsx(b,{children:j(e.cockpit.review.warningsDrawer.issueFound)}),s.jsx(ie,{children:`${e.common.strings.openingBrace}${I}${e.common.strings.closingBrace}`})]}):s.jsx(b,{children:`${e.common.no} 
+              ${j(e.cockpit.review.warningsDrawer.issueFound)}`})}),u.map((i,c)=>s.jsx(X,{isStepInError:i.status==="Error",children:s.jsxs(Y,{children:[s.jsx(Z,{children:i.status==="Complete"?s.jsx(oe,{}):i.status==="Error"?s.jsx(D,{}):s.jsx(ne,{})}),s.jsxs(ee,{children:[s.jsx(re,{isStepInError:i.status==="Error",children:i.message}),i.status==="Error"?s.jsx(M,{label:e.common.retry,onClick:i.onClickRetry,loading:r?.retryBankAccountConnectionFetchState.fetchState==="In-Progress",variant:"light_transparent",style:{padding:`${n.sp1} ${n.sp3}`,borderRadius:n.sp1},textStyle:{...E.extraSmallMedium.cssObject}}):null]})]})},c))]})]})},O=(r,a,o)=>{const d=r.error===!0?r.errorDetails!=null?r.errorDetails.summary:e.cockpit.review.errors.bankAccountLinked:null,l=r.completed===!0?o!=null?`${e.cockpit.onboarding.header.linkBankAccount}  ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:e.cockpit.onboarding.header.linkBankAccount:null;return{errorMessage:d,successMessage:l}},q=(r,a,o)=>{const d=r.error===!0?r.errorDetails!=null?r.errorDetails.summary:e.cockpit.review.errors.qboLinked:null,l=r.completed===!0?o!=null?`${e.cockpit.onboarding.header.connectToQBO}  ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.onboarding.header.connectToQBO}`:null;return{errorMessage:d,successMessage:l}},F=(r,a,o)=>{const d=r.status==="Error"?o!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()}`:null,l=r.status==="Complete"?o!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity}`:null;return{errorMessage:d,successMessage:l}},K=(r,a,o)=>{const d=r.status==="Error"?o!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()}`:null,l=r.status==="Complete"?o!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity}`:null;return{errorMessage:d,successMessage:l}},Q=t.div`
   display: flex;
   flex-direction: column;
   padding-top: ${n.sp3};
-`,Q=t.div`
+`,V=t.div`
   min-height: ${r=>w.navBarHeight.valuePx(r.windowSize)};
   position: sticky;
   background-color: ${r=>r.theme.colors.grey4};
@@ -17,11 +17,11 @@ import{e as C,l as B,B as D,j as s,eR as j,eV as S,K as M,v as E,o as n,C as $,J
   display: flex;
   flex-direction: column;
   margin: ${n.sp3} ${n.sp8} 102px ${n.sp8};
-`,_=t(N)`
+`,W=t(N)`
   color: ${r=>r.theme.colors.primary};
   margin-bottom: ${n.sp3};
   margin-right: ${n.sp6};
-`,U=t.div`
+`,_=t.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -34,8 +34,8 @@ import{e as C,l as B,B as D,j as s,eR as j,eV as S,K as M,v as E,o as n,C as $,J
   padding-top: ${r=>w.navBarPaddingTop.valuePx(r.windowSize)};
   padding-bottom: ${r=>w.navBarPaddingBottom.valuePx(r.windowSize)};
   height: 100%;
-`,W=t(P)`
-  ${r=>`${F.title.style(r.windowSize)}`};
+`,U=t(P)`
+  ${r=>`${G.title.style(r.windowSize)}`};
   display: flex;
   flex: 1 1 auto;
   color: ${r=>r.theme.colors.primary};

package/dist/assets/{ZeniAccountDetailPage-Bbx7ge3Z-DCcWZW8P.js → ZeniAccountDetailPage-UcgfqnXC-Th3RZHDM.js}

@@ -1,4 +1,4 @@
-import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,B as Z,a0 as B,bp as L,o,aX as Le,v as D,bV as R,bX as Y,bY as F,F as Ne,cH as He,g as y,cv as Me,$ as C,m as ue,w,b6 as Ee,bg as Ie,a6 as Ue,C as j,fi as We,cV as ae,q as p,gX as Oe,at as Re,b8 as Ye,aw as Fe,av as Ve,b9 as Ge,au as Je,t as q,gY as Xe,am as Ke,af as Ze,gZ as qe,T as _e,g_ as Qe,az as et,fk as tt,cC as ot,n as at,J as it,bO as nt}from"./index-Bda8vF5a.js";import{b as l,n as a}from"./vendor-rkTZJa59.js";import{$ as rt}from"./BoxItem-BnivUbj--Dtgn8IAv.js";import{w as lt}from"./downloadPdf-CgcD1OYw-Dze0zYIy.js";import{H as ct}from"./DepositAccTransactionItem-DnzXR7B4-BVEeSjoI.js";import{T as st}from"./ZeniAccountNavBarPieces-BkN8_5Zi-bviBlC6G.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./commonDimensions-C2hbzHZW-C9ck_2iK.js";const dt=e=>l.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{d:"M21.5348 3H2.31522C1.80976 3 1.4 3.44579 1.4 3.99569V19.9353C1.4 20.4852 1.80976 20.931 2.31522 20.931H21.5348C22.0402 20.931 22.45 20.4852 22.45 19.9353V3.99569C22.45 3.44579 22.0402 3 21.5348 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M16 10.8126H19.62",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M16 13.6245H18.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M13.8276 15.9677C13.4452 15.3772 12.177 14.948 10.5892 14.3603C10.1412 14.1934 10.2143 13.0237 10.413 12.8053C10.7291 12.463 10.9691 12.0577 11.1174 11.6161C11.2657 11.1744 11.3189 10.7064 11.2735 10.2428C11.3006 9.95383 11.2662 9.66242 11.1723 9.3878C11.0785 9.11317 10.9275 8.86159 10.7292 8.64967C10.5309 8.43776 10.2899 8.27033 10.0222 8.15847C9.75438 8.04661 9.4659 7.99286 9.1758 8.00076C8.8857 7.99286 8.59723 8.04661 8.32945 8.15847C8.06166 8.27033 7.82067 8.43776 7.6224 8.64967C7.42412 8.86159 7.27309 9.11317 7.17927 9.3878C7.08544 9.66242 7.05098 9.95383 7.07814 10.2428C7.03273 10.7064 7.08592 11.1744 7.23421 11.6161C7.38251 12.0577 7.62255 12.463 7.93858 12.8053C8.13728 13.0237 8.21039 14.1934 7.76237 14.3603C6.17647 14.948 4.90644 15.3772 4.52402 15.9677",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),pt=a.div`
+import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,B as Z,a0 as B,bp as L,o,aX as Le,v as D,bV as R,bX as Y,bY as F,F as Ne,cH as He,g as y,cv as Me,$ as k,m as ue,w,b6 as Ee,bg as Ie,a6 as Ue,C as j,fj as We,cV as ae,q as p,gY as Oe,at as Re,b8 as Ye,aw as Fe,av as Ve,b9 as Ge,au as Je,t as q,gZ as Xe,am as Ke,af as Ze,g_ as qe,T as _e,g$ as Qe,az as et,fl as tt,cC as ot,n as at,J as it,bO as nt}from"./index-C7jkqxrR.js";import{b as l,n as a}from"./vendor-rkTZJa59.js";import{$ as rt}from"./BoxItem-Bwh-fULe-Cnvh0VLf.js";import{w as lt}from"./downloadPdf-QB7_leFQ-CoJ91cS7.js";import{H as ct}from"./DepositAccTransactionItem-CVGiw_b2-CfGaUFaN.js";import{T as st}from"./ZeniAccountNavBarPieces-ZNlC5aGd-BNisBi0x.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";import"./commonDimensions-Dfc-15aJ-CxnVwTdu.js";const dt=e=>l.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{d:"M21.5348 3H2.31522C1.80976 3 1.4 3.44579 1.4 3.99569V19.9353C1.4 20.4852 1.80976 20.931 2.31522 20.931H21.5348C22.0402 20.931 22.45 20.4852 22.45 19.9353V3.99569C22.45 3.44579 22.0402 3 21.5348 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M16 10.8126H19.62",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M16 13.6245H18.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M13.8276 15.9677C13.4452 15.3772 12.177 14.948 10.5892 14.3603C10.1412 14.1934 10.2143 13.0237 10.413 12.8053C10.7291 12.463 10.9691 12.0577 11.1174 11.6161C11.2657 11.1744 11.3189 10.7064 11.2735 10.2428C11.3006 9.95383 11.2662 9.66242 11.1723 9.3878C11.0785 9.11317 10.9275 8.86159 10.7292 8.64967C10.5309 8.43776 10.2899 8.27033 10.0222 8.15847C9.75438 8.04661 9.4659 7.99286 9.1758 8.00076C8.8857 7.99286 8.59723 8.04661 8.32945 8.15847C8.06166 8.27033 7.82067 8.43776 7.6224 8.64967C7.42412 8.86159 7.27309 9.11317 7.17927 9.3878C7.08544 9.66242 7.05098 9.95383 7.07814 10.2428C7.03273 10.7064 7.08592 11.1744 7.23421 11.6161C7.38251 12.0577 7.62255 12.463 7.93858 12.8053C8.13728 13.0237 8.21039 14.1934 7.76237 14.3603C6.17647 14.948 4.90644 15.3772 4.52402 15.9677",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),pt=a.div`
   display: flex;
   width: 100%;
   height: 100vh;
@@ -8,7 +8,7 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,B as Z,a0 as B,bp a
   background-color: ${e=>e.theme.colors.grey5};
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
   background-color: ${e=>e.theme.colors.grey4};
-`,ie="editNickName-form",V="checkingAccountNickName",ut={tickLabelText:new it("extraSmallRegular","smallRegular")},u={accountDetailHeaderPaddingRight:new j(p[3],p[8]),accountDetailHeaderPaddingBottom:new j(p[3],p[6]),accountDetailHeaderPaddingLeft:new j(p[3],p[8]),accountDetailContentMarginTop:new j(p[5],p[7]),areaChartHeight:new j(114,209),accountDetailHeaderGap:new j(18,100,184),accBtnsGap:new j(0,p[11]),styledNoTransactionIconSize:new j(60,120)},{common:H,spendManagement:ht}=Z.getLocalizedStrings(),{zeniAccounts:i}=ht,G=Z.getLocalizedStrings().dateFormat,mt=Z.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Jt,{children:e}),he=l.memo(({accountHistory:e})=>{const h=M(),n=pe(),[m,$]=l.useState(),b=l.useMemo(()=>e.accountHistoryWithBalance.map(r=>({...r,date:r.date.toISOString()})),[e.accountHistoryWithBalance]),x=l.useCallback(r=>{let d="",c="";return r&&r[0]&&(c=B("0,0[.]00",r[0].payload?.balance?.available),d=P.zeniDate(r[0].payload?.date).format(G.visual.DMMMYYYYFormat)),t.jsxs(Vt,{children:[t.jsx(re,{children:d}),t.jsx(re,{isSublabel:!0,children:c})]})},[]),g=l.useCallback(r=>{const{x:d,y:c}=r,{value:v}=r.payload;let z=!1;e.accountHistoryWithBalance.length>360&&(z=!0);const S=z?P.zeniDate(v).format(G.visual.MMMformat):P.zeniDate(v).format(G.visual.MMMDFormat);return t.jsx(zt,{translateX:d,translateY:c,children:t.jsx(Lt,{windowSize:h,dy:20,dx:-25,children:S})})},[e.accountHistoryWithBalance.length,h]),k=l.useCallback(({cx:r,cy:d,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==r||m?.y!==d)&&$({x:r,y:d}),t.jsx(Gt,{cx:r,cy:d,strokeWidth:1,r:p[1]})),[m]),f=l.useMemo(()=>{const r=e.accountHistoryWithBalance.length;return r<=0?0:r>360?Math.floor(r/12):Math.floor(r/7)},[e.accountHistoryWithBalance.length]);return e.fetchState!=="Completed"?null:e.fetchState==="Completed"&&e.accountHistoryWithBalance.length===0?t.jsx(so,{children:t.jsx(po,{children:H.texts.noData})}):t.jsx(It,{children:t.jsx(Oe,{height:u.areaChartHeight.value(h),width:"99%",children:t.jsxs(Re,{data:b,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(Nt,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(Ht,{offset:"0%",stopColor:y.brandColorJade,stopOpacity:1}),t.jsx(Mt,{offset:"100%",stopColor:y.brandColorJade,stopOpacity:.03})]})}),t.jsx(Ye,{vertical:!1,strokeWidth:2,stroke:n.colors.grey3}),t.jsx(Fe,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:r=>g(r),padding:{right:p[4]},interval:f}),t.jsx(Ve,{tick:!1,axisLine:!1}),t.jsx(Ge,{position:m,content:({payload:r})=>x(r),cursor:{strokeDasharray:"3",stroke:y.brandColorJade}}),t.jsx(Je,{activeDot:k,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:y.brandColorJade,fill:"url(#colorUv)"})]})})})});he.displayName="AccountBalanceGraph";const me=l.memo(({zeniAccountDetail:e,getToolTipContent:h,onAccountDetailClick:n,downloadEndPoint:m,authParams:$,showLoader:b,setShowLoader:x,onViewAllTransactionClick:g,showViewAllTransactions:k})=>{const f=M(),r=l.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(bt,{windowSize:f,children:[t.jsx(xt,{getToolTipContent:h,zeniAccountDetail:e}),t.jsxs(Dt,{children:[t.jsx(he,{accountHistory:r}),t.jsxs(Et,{windowSize:f,children:[t.jsxs(Rt,{onClick:n,"data-testid":C("view-account-detail-button"),children:[t.jsx(ao,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.accDetails}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),t.jsxs(Yt,{"data-testid":C("download-bank-verification-letter"),onClick:()=>lt(`${m}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,$,x),children:[b?t.jsx(ue,{size:"Standard",start:!0}):t.jsx(io,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.bankLetter}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.bankLetter})]})]})]})]}),e.transactionList.length>0?t.jsxs($t,{windowSize:f,children:[t.jsxs(jt,{children:[t.jsx(qt,{children:i.zeniAccountDetail.transactions}),k?t.jsxs(_t,{onClick:g,"data-testid":C("view-all-account-transactions"),children:[t.jsx(eo,{children:i.zeniAccountDetail.viewAll}),t.jsx(Qt,{})]}):null]}),t.jsx(kt,{children:e.transactionList.map((d,c)=>t.jsx(ct,{data:d,boxType:rt(c,e.transactionList.length)},d.id))})]}):t.jsxs(gt,{children:[t.jsx(ft,{windowSize:f}),t.jsx(yt,{children:i.zeniAccountDetail.noTransactionText})]})]})});me.displayName="AccountDetailScreen";const So=({authParams:e,downloadEndPoint:h,zeniAccountDetail:n,isBillPayEnabled:m,isExpressPayEnabled:$,onViewAllTransactionClick:b,onAccountDetailClick:x,handleMoveMoneyOptionSelection:g,onBackClick:k,onCloseAccountClick:f,onEditNameClick:r,onReloadZeniAccountDetailPage:d})=>{const c=Te({mode:"all"}),{setFocus:v}=c,[z,S]=l.useState(!1),[E,I]=l.useState(!1),[_,xe]=l.useState(!1),Q=M(),ee=Pe(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||P.hasAnyFinOpRole(ee.loggedInUserRoleMap);l.useEffect(()=>{const s=setTimeout(()=>{n.fetchState==="Completed"&&n.accountDetail?.accountBalance.available.amount===0&&!te&&g("transfer",n.accountDetail)},500);return()=>{clearTimeout(s)}},[n.accountDetail?.id,n.fetchState,te]),l.useEffect(()=>{_===!0&&setTimeout(()=>{xe(!1)},800)},[_]);const ge=n.transactionList.length>4,U=pe(),[fe,ye]=l.useState(!1),[$e,W]=l.useState(!1),O=n.accountUpdateStatus.editName.fetchState,oe=Be(O),je=s=>{s==="closeAccount"?S(!0):s==="editNickName"?I(!0):s==="payBill"?W(!0):g(s,n.accountDetail)},we={onOkClick:()=>{f?.(),S(!1)},onCancelClick:()=>{S(!1)}},be={onOkClick:()=>{},onCancelClick:()=>{c.reset(),I(!1)}};l.useEffect(()=>{oe==="In-Progress"&&O==="Completed"&&(I(!1),c.reset())},[oe,O,c]),l.useEffect(()=>{E&&v(V)},[E,v]);const ke={pageName:"detailPage",onOptionSelection:je},Ce=n.accountDetail?.accountName??"",A=n.accountSummary,ve=c.handleSubmit(s=>{r?.(s.checkingAccountNickName)}),Se={onOkClick:()=>{g("payBill"),W(!1)},onCancelClick:()=>{W(!1)}},De=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},ze=l.useCallback(s=>{let T=null;switch(s){case"insuredBalance":T=t.jsx(t.Fragment,{});break;case"totalInterest":T=t.jsx(co,{children:i.zeniAccountList.yieldTooltip});break;case"totalBalance":T=t.jsxs(ro,{children:[t.jsx(no,{children:i.zeniAccountList.balanceTooltip.base}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.balance}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.current)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.processing}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.hold)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.available}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.available)})]})]});break}return t.jsx(N,{children:t.jsx(L,{style:{textAlign:"left",padding:o.sp1},maxWidth:De(s),display:"flex",placement:Q==="small"?"bottom":"top",title:T,children:t.jsx(lo,{})})})},[A,Q]),Ae=t.jsx(st,{zeniBankProps:ke,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(wt,{children:[t.jsx(Le,{title:Ce,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:k,showMenuIcon:!1,backgroundColor:U.colors.grey4,style:{zIndex:3,...D.largeSemiBold.cssObject},rightSideComponent:Ae,source:"ZeniAccountDetailPage"}),z?t.jsx(R,{titleComponent:t.jsx(F,{children:i.zeniAccountDetail.closeAccountPopUp.title}),descriptionComponent:t.jsx(Y,{children:`${i.zeniAccountDetail.closeAccountPopUp.description}${n.accountDetail?.maskedAccountNumber}${H.strings.dot}`}),primaryButtonText:i.zeniAccountDetail.closeAccountPopUp.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:i.zeniAccountDetail.closeAccountPopUp.secondaryButtonText,action:we}):null,$e?t.jsx(R,{titleComponent:t.jsx(F,{children:i.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(Y,{children:i.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:i.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:i.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:Se,secondaryButtonWidth:130,primaryButtonWidth:130}):null,E?t.jsx(R,{titleComponent:t.jsx(F,{children:i.zeniAccountDetail.editNamePopUp.title}),descriptionComponent:t.jsx(Y,{children:i.zeniAccountDetail.editNamePopUp.description}),primaryButtonText:i.zeniAccountDetail.editNamePopUp.primaryButtonText,secondaryButtonText:i.zeniAccountDetail.editNamePopUp.secondaryButtonText,formId:ie,action:be,containerStyle:{width:"100%"},isLoading:n.accountUpdateStatus.editName.fetchState==="In-Progress",children:t.jsx(Ne,{...c,children:t.jsx("form",{id:ie,onSubmit:ve,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(He,{type:"text",name:V,defaultValue:n.accountDetail?.accountName,placeholder:n.accountDetail?.accountName??"",style:{display:"flex",flexGrow:1,cursor:"inherit",height:o.sp7,textAlign:"left",width:"100%",background:Me(c.formState.errors,V)===!0?y.importantLight:U.colors.background,border:`1px solid ${U.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,n.fetchState==="Completed"?t.jsx(me,{authParams:e,downloadEndPoint:h,getToolTipContent:ze,onAccountDetailClick:x,onViewAllTransactionClick:b,setShowLoader:ye,showLoader:fe,showViewAllTransactions:ge,zeniAccountDetail:n}):n.fetchState==="Error"?t.jsxs(At,{children:[t.jsx(Tt,{onClick:d,"data-testid":C("account-detail-reload"),children:t.jsx(Bt,{})}),t.jsx(Pt,{children:mt.reloadPage.label})]}):t.jsx(pt,{children:t.jsx(ue,{size:"ExtraLarge",start:!0})})]})},xt=({zeniAccountDetail:e,getToolTipContent:h})=>{const n=M(),[m,$]=l.useState(!1),[,b]=We(),[x,g]=l.useState(!1),k=()=>{b(e.accountDetail?.accountNumber??""),g(!0)};return l.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(Ct,{children:[t.jsxs(vt,{children:[t.jsx(Ft,{children:t.jsxs(le,{children:[ne(i.zeniAccountList.totalAvailableBalance),h("totalBalance")]})}),t.jsx(Zt,{windowSize:n,children:e.accountDetail?.accountBalance.available?t.jsx(t.Fragment,{children:t.jsx(ae,{amount:e.accountDetail?.accountBalance.available,integerStyles:D.h2Regular.cssObject,decimalStyles:D.h5Medium.cssObject})}):null}),m?t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.accountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.hide,enterDelay:600,children:t.jsx(Kt,{"data-testid":C("hide-account-number"),onClick:()=>{$(!1)}})})}),t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"right",title:x?H.copyToClipBoard.copied:H.copyToClipBoard.copy,enterDelay:600,children:x===!0?t.jsx(oo,{}):t.jsx(to,{onClick:k,"data-testid":C("copy-account-number")})})})]}):t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.maskedAccountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.show,enterDelay:600,children:t.jsx(Xt,{"data-testid":C("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(St,{children:[t.jsxs(le,{children:[ne(i.common.totalYieldEarned),h("totalInterest")]}),t.jsxs(Ut,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(ae,{amount:e.accountSummary?.totalInterest.available,integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject}),t.jsx(Wt,{}),t.jsx(Ot,{children:`${i.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},gt=a.div`
+`,ie="editNickName-form",V="checkingAccountNickName",ut={tickLabelText:new it("extraSmallRegular","smallRegular")},u={accountDetailHeaderPaddingRight:new j(p[3],p[8]),accountDetailHeaderPaddingBottom:new j(p[3],p[6]),accountDetailHeaderPaddingLeft:new j(p[3],p[8]),accountDetailContentMarginTop:new j(p[5],p[7]),areaChartHeight:new j(114,209),accountDetailHeaderGap:new j(18,100,184),accBtnsGap:new j(0,p[11]),styledNoTransactionIconSize:new j(60,120)},{common:H,spendManagement:ht}=Z.getLocalizedStrings(),{zeniAccounts:i}=ht,G=Z.getLocalizedStrings().dateFormat,mt=Z.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Jt,{children:e}),he=l.memo(({accountHistory:e})=>{const h=M(),n=pe(),[m,$]=l.useState(),b=l.useMemo(()=>e.accountHistoryWithBalance.map(r=>({...r,date:r.date.toISOString()})),[e.accountHistoryWithBalance]),x=l.useCallback(r=>{let d="",c="";return r&&r[0]&&(c=B("0,0[.]00",r[0].payload?.balance?.available),d=P.zeniDate(r[0].payload?.date).format(G.visual.DMMMYYYYFormat)),t.jsxs(Vt,{children:[t.jsx(re,{children:d}),t.jsx(re,{isSublabel:!0,children:c})]})},[]),g=l.useCallback(r=>{const{x:d,y:c}=r,{value:v}=r.payload;let z=!1;e.accountHistoryWithBalance.length>360&&(z=!0);const S=z?P.zeniDate(v).format(G.visual.MMMformat):P.zeniDate(v).format(G.visual.MMMDFormat);return t.jsx(zt,{translateX:d,translateY:c,children:t.jsx(Lt,{windowSize:h,dy:20,dx:-25,children:S})})},[e.accountHistoryWithBalance.length,h]),C=l.useCallback(({cx:r,cy:d,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==r||m?.y!==d)&&$({x:r,y:d}),t.jsx(Gt,{cx:r,cy:d,strokeWidth:1,r:p[1]})),[m]),f=l.useMemo(()=>{const r=e.accountHistoryWithBalance.length;return r<=0?0:r>360?Math.floor(r/12):Math.floor(r/7)},[e.accountHistoryWithBalance.length]);return e.fetchState!=="Completed"?null:e.fetchState==="Completed"&&e.accountHistoryWithBalance.length===0?t.jsx(so,{children:t.jsx(po,{children:H.texts.noData})}):t.jsx(It,{children:t.jsx(Oe,{height:u.areaChartHeight.value(h),width:"99%",children:t.jsxs(Re,{data:b,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(Nt,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(Ht,{offset:"0%",stopColor:y.brandColorJade,stopOpacity:1}),t.jsx(Mt,{offset:"100%",stopColor:y.brandColorJade,stopOpacity:.03})]})}),t.jsx(Ye,{vertical:!1,strokeWidth:2,stroke:n.colors.grey3}),t.jsx(Fe,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:r=>g(r),padding:{right:p[4]},interval:f}),t.jsx(Ve,{tick:!1,axisLine:!1}),t.jsx(Ge,{position:m,content:({payload:r})=>x(r),cursor:{strokeDasharray:"3",stroke:y.brandColorJade}}),t.jsx(Je,{activeDot:C,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:y.brandColorJade,fill:"url(#colorUv)"})]})})})});he.displayName="AccountBalanceGraph";const me=l.memo(({zeniAccountDetail:e,getToolTipContent:h,onAccountDetailClick:n,downloadEndPoint:m,authParams:$,showLoader:b,setShowLoader:x,onViewAllTransactionClick:g,showViewAllTransactions:C})=>{const f=M(),r=l.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(bt,{windowSize:f,children:[t.jsx(xt,{getToolTipContent:h,zeniAccountDetail:e}),t.jsxs(Dt,{children:[t.jsx(he,{accountHistory:r}),t.jsxs(Et,{windowSize:f,children:[t.jsxs(Rt,{onClick:n,"data-testid":k("view-account-detail-button"),children:[t.jsx(ao,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.accDetails}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),t.jsxs(Yt,{"data-testid":k("download-bank-verification-letter"),onClick:()=>lt(`${m}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,$,x),children:[b?t.jsx(ue,{size:"Standard",start:!0}):t.jsx(io,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.bankLetter}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.bankLetter})]})]})]})]}),e.transactionList.length>0?t.jsxs($t,{windowSize:f,children:[t.jsxs(jt,{children:[t.jsx(qt,{children:i.zeniAccountDetail.transactions}),C?t.jsxs(_t,{onClick:g,"data-testid":k("view-all-account-transactions"),children:[t.jsx(eo,{children:i.zeniAccountDetail.viewAll}),t.jsx(Qt,{})]}):null]}),t.jsx(Ct,{children:e.transactionList.map((d,c)=>t.jsx(ct,{data:d,boxType:rt(c,e.transactionList.length)},d.id))})]}):t.jsxs(gt,{children:[t.jsx(ft,{windowSize:f}),t.jsx(yt,{children:i.zeniAccountDetail.noTransactionText})]})]})});me.displayName="AccountDetailScreen";const So=({authParams:e,downloadEndPoint:h,zeniAccountDetail:n,isBillPayEnabled:m,isExpressPayEnabled:$,onViewAllTransactionClick:b,onAccountDetailClick:x,handleMoveMoneyOptionSelection:g,onBackClick:C,onCloseAccountClick:f,onEditNameClick:r,onReloadZeniAccountDetailPage:d})=>{const c=Te({mode:"all"}),{setFocus:v}=c,[z,S]=l.useState(!1),[E,I]=l.useState(!1),[_,xe]=l.useState(!1),Q=M(),ee=Pe(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||P.hasAnyFinOpRole(ee.loggedInUserRoleMap);l.useEffect(()=>{const s=setTimeout(()=>{n.fetchState==="Completed"&&n.accountDetail?.accountBalance.available.amount===0&&!te&&g("transfer",n.accountDetail)},500);return()=>{clearTimeout(s)}},[n.accountDetail?.id,n.fetchState,te]),l.useEffect(()=>{_===!0&&setTimeout(()=>{xe(!1)},800)},[_]);const ge=n.transactionList.length>4,U=pe(),[fe,ye]=l.useState(!1),[$e,W]=l.useState(!1),O=n.accountUpdateStatus.editName.fetchState,oe=Be(O),je=s=>{s==="closeAccount"?S(!0):s==="editNickName"?I(!0):s==="payBill"?W(!0):g(s,n.accountDetail)},we={onOkClick:()=>{f?.(),S(!1)},onCancelClick:()=>{S(!1)}},be={onOkClick:()=>{},onCancelClick:()=>{c.reset(),I(!1)}};l.useEffect(()=>{oe==="In-Progress"&&O==="Completed"&&(I(!1),c.reset())},[oe,O,c]),l.useEffect(()=>{E&&v(V)},[E,v]);const Ce={pageName:"detailPage",onOptionSelection:je},ke=n.accountDetail?.accountName??"",A=n.accountSummary,ve=c.handleSubmit(s=>{r?.(s.checkingAccountNickName)}),Se={onOkClick:()=>{g("payBill"),W(!1)},onCancelClick:()=>{W(!1)}},De=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},ze=l.useCallback(s=>{let T=null;switch(s){case"insuredBalance":T=t.jsx(t.Fragment,{});break;case"totalInterest":T=t.jsx(co,{children:i.zeniAccountList.yieldTooltip});break;case"totalBalance":T=t.jsxs(ro,{children:[t.jsx(no,{children:i.zeniAccountList.balanceTooltip.base}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.balance}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.current)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.processing}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.hold)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.available}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.available)})]})]});break}return t.jsx(N,{children:t.jsx(L,{style:{textAlign:"left",padding:o.sp1},maxWidth:De(s),display:"flex",placement:Q==="small"?"bottom":"top",title:T,children:t.jsx(lo,{})})})},[A,Q]),Ae=t.jsx(st,{zeniBankProps:Ce,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(wt,{children:[t.jsx(Le,{title:ke,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:C,showMenuIcon:!1,backgroundColor:U.colors.grey4,style:{zIndex:3,...D.largeSemiBold.cssObject},rightSideComponent:Ae,source:"ZeniAccountDetailPage"}),z?t.jsx(R,{titleComponent:t.jsx(F,{children:i.zeniAccountDetail.closeAccountPopUp.title}),descriptionComponent:t.jsx(Y,{children:`${i.zeniAccountDetail.closeAccountPopUp.description}${n.accountDetail?.maskedAccountNumber}${H.strings.dot}`}),primaryButtonText:i.zeniAccountDetail.closeAccountPopUp.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:i.zeniAccountDetail.closeAccountPopUp.secondaryButtonText,action:we}):null,$e?t.jsx(R,{titleComponent:t.jsx(F,{children:i.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(Y,{children:i.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:i.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:i.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:Se,secondaryButtonWidth:130,primaryButtonWidth:130}):null,E?t.jsx(R,{titleComponent:t.jsx(F,{children:i.zeniAccountDetail.editNamePopUp.title}),descriptionComponent:t.jsx(Y,{children:i.zeniAccountDetail.editNamePopUp.description}),primaryButtonText:i.zeniAccountDetail.editNamePopUp.primaryButtonText,secondaryButtonText:i.zeniAccountDetail.editNamePopUp.secondaryButtonText,formId:ie,action:be,containerStyle:{width:"100%"},isLoading:n.accountUpdateStatus.editName.fetchState==="In-Progress",children:t.jsx(Ne,{...c,children:t.jsx("form",{id:ie,onSubmit:ve,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(He,{type:"text",name:V,defaultValue:n.accountDetail?.accountName,placeholder:n.accountDetail?.accountName??"",style:{display:"flex",flexGrow:1,cursor:"inherit",height:o.sp7,textAlign:"left",width:"100%",background:Me(c.formState.errors,V)===!0?y.importantLight:U.colors.background,border:`1px solid ${U.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,n.fetchState==="Completed"?t.jsx(me,{authParams:e,downloadEndPoint:h,getToolTipContent:ze,onAccountDetailClick:x,onViewAllTransactionClick:b,setShowLoader:ye,showLoader:fe,showViewAllTransactions:ge,zeniAccountDetail:n}):n.fetchState==="Error"?t.jsxs(At,{children:[t.jsx(Tt,{onClick:d,"data-testid":k("account-detail-reload"),children:t.jsx(Bt,{})}),t.jsx(Pt,{children:mt.reloadPage.label})]}):t.jsx(pt,{children:t.jsx(ue,{size:"ExtraLarge",start:!0})})]})},xt=({zeniAccountDetail:e,getToolTipContent:h})=>{const n=M(),[m,$]=l.useState(!1),[,b]=We(),[x,g]=l.useState(!1),C=()=>{b(e.accountDetail?.accountNumber??""),g(!0)};return l.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(kt,{children:[t.jsxs(vt,{children:[t.jsx(Ft,{children:t.jsxs(le,{children:[ne(i.zeniAccountList.totalAvailableBalance),h("totalBalance")]})}),t.jsx(Zt,{windowSize:n,children:e.accountDetail?.accountBalance.available?t.jsx(t.Fragment,{children:t.jsx(ae,{amount:e.accountDetail?.accountBalance.available,integerStyles:D.h2Regular.cssObject,decimalStyles:D.h5Medium.cssObject})}):null}),m?t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.accountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.hide,enterDelay:600,children:t.jsx(Kt,{"data-testid":k("hide-account-number"),onClick:()=>{$(!1)}})})}),t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"right",title:x?H.copyToClipBoard.copied:H.copyToClipBoard.copy,enterDelay:600,children:x===!0?t.jsx(oo,{}):t.jsx(to,{onClick:C,"data-testid":k("copy-account-number")})})})]}):t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.maskedAccountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.show,enterDelay:600,children:t.jsx(Xt,{"data-testid":k("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(St,{children:[t.jsxs(le,{children:[ne(i.common.totalYieldEarned),h("totalInterest")]}),t.jsxs(Ut,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(ae,{amount:e.accountSummary?.totalInterest.available,integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject}),t.jsx(Wt,{}),t.jsx(Ot,{children:`${i.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},gt=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -48,10 +48,10 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,B as Z,a0 as B,bp a
   padding-left: ${e=>u.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
   justify-content: space-between;
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,kt=a.div`
+`,Ct=a.div`
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${o.sp2};
-`,Ct=a.div`
+`,kt=a.div`
   display: flex;
   gap: ${o.sp3};
   flex-direction: column;