@zeniai/web-cockpit-ui 1.14.11-dev → 1.14.12-dev

package/dist/assets/{VendorInternationalWireDetailsPage-w-46Xxg--xMskWvbV.js → VendorInternationalWireDetailsPage-Bhm7j6HC-DsFGzuk8.js}

@@ -1,4 +1,4 @@
-import{j as t,X as Q,a as he,B as N,c6 as ye,J as ge,l as J,bR as be,bT as fe,bU as xe,F as ve,a4 as we,C as p,cz as le,cA as Ce,o as y,ao as $e,cj as oe,u as ne,cB as je,cC as X,cp as G,ah as H,c9 as De,cD as Te,s as r,cr as Se,_ as ke,d as V,i as Fe,Q as Oe,bw as Ae,$ as Le,b4 as We}from"./index-CIAgrDi2.js";import{b as I,n as g}from"./vendor-CnQcJ2Lu.js";import{W as ze,A as Re}from"./BankAccountWarningSection-Bof6a4Ai-D6cSyNpo.js";import{T as Ie}from"./MailingDetailsSection-AiehjqI1-CrcmbjEa.js";import{S as Pe}from"./CurrencySelectField-DS-pGcuE-DLCIpnvb.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./LabeledAddressValueField-Cw-p18du-D9T5QqTG.js";const O={width:new p(343,580,726),height:new p(r[6],r[6]),controlHeight:new p(r[6],r[6]),paddingTopBottom:new p(r[2],r[2]),marginRight:new p(r[2],r[2]),labelMarginLeft:new p(r[3],r[4]),labelMarginRight:new p(r[3],r[4]),labelMarginTop:new p(r[2],r[2])},re={infoLabel:new Oe("extraSmallRegular","smallRegular")};function _e({isDisabled:e,label:i,currencySelectField:l,style:f,errorInfoLabel:u,isAdditionalInfoLabelLoading:n=!1,showAdditionalLabelTooltip:o=!1,additionalLabelTooltip:w,additionalInfoLabel:D,showAdditionalInfoLabel:k=!0}){const C=Q(),{formState:{errors:b}}=oe(),$=ne(),j=Se(b,l.name),m=()=>{if(n===!0)return t.jsx(He,{children:t.jsx(Fe,{size:"Small",start:!0})});if(k&&D||j){let c=null;return o===!0&&k&&w&&(c=t.jsx(Ae,{placement:C==="small"?"bottom":"right",maxWidth:"364px",title:t.jsx(Ve,{children:w}),children:t.jsx(Ue,{children:t.jsx(Ne,{})})})),t.jsxs(qe,{size:C,isError:j,hasToolTip:o,isDisabled:e!=null,children:[c,D]})}};return t.jsxs(Ee,{size:C,style:f,isDisabled:e!=null,isError:j,"data-testid":ke("labeled-currency-field",l.name),children:[t.jsx(G,{isDisabled:e,label:i.label,htmlFor:l.name,style:{marginLeft:O.labelMarginLeft.value(C),marginRight:O.labelMarginRight.value(C),marginTop:O.labelMarginTop.value(C),width:i.width??"auto",color:e==="disabled"?$.colors.grey2:$.colors.hero}}),t.jsxs(Me,{labelWidth:i.width,children:[t.jsx(Pe,{...l,isDisabled:e,style:{display:"flex",flexGrow:1,height:O.controlHeight.value(C)}}),j?t.jsx(Be,{windowSize:C,hasError:j,children:u}):null,m()]})]})}const Ee=g.div`
+import{j as t,X as G,a as he,M as U,c3 as ye,H as ge,l as K,bO as be,bQ as fe,bR as xe,F as ve,a4 as we,C as p,cw as le,cx as Ce,o as y,ao as $e,cg as oe,u as ne,cy as je,cz as X,cm as Q,ah as q,c6 as De,cA as Te,q as a,co as Se,_ as ke,g as V,c as Fe,Q as Oe,bs as Ae,v as Le,b4 as ze}from"./index-Dhj1_7g2.js";import{b as I,n as g}from"./vendor-CnQcJ2Lu.js";import{W as We,A as Re}from"./BankAccountWarningSection-CWXa-X6f-DfZDDQCz.js";import{T as Ie}from"./MailingDetailsSection-CsK09X11-D22aceHc.js";import{S as Pe}from"./CurrencySelectField-5uG4FfJ9-BDdfhX8u.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./LabeledAddressValueField-XuFlx-oK-BwOm2urL.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 _e({isDisabled:e,label:i,currencySelectField:l,style:f,errorInfoLabel:u,isAdditionalInfoLabelLoading:n=!1,showAdditionalLabelTooltip:o=!1,additionalLabelTooltip:w,additionalInfoLabel:D,showAdditionalInfoLabel:k=!0}){const C=G(),{formState:{errors:b}}=oe(),$=ne(),j=Se(b,l.name),m=()=>{if(n===!0)return t.jsx(qe,{children:t.jsx(Fe,{size:"Small",start:!0})});if(k&&D||j){let c=null;return o===!0&&k&&w&&(c=t.jsx(Ae,{placement:C==="small"?"bottom":"right",maxWidth:"364px",title:t.jsx(Ve,{children:w}),children:t.jsx(Ne,{children:t.jsx(Ue,{})})})),t.jsxs(He,{size:C,isError:j,hasToolTip:o,isDisabled:e!=null,children:[c,D]})}};return t.jsxs(Ee,{size:C,style:f,isDisabled:e!=null,isError:j,"data-testid":ke("labeled-currency-field",l.name),children:[t.jsx(Q,{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(Be,{labelWidth:i.width,children:[t.jsx(Pe,{...l,isDisabled:e,style:{display:"flex",flexGrow:1,height:O.controlHeight.value(C)}}),j?t.jsx(Me,{windowSize:C,hasError:j,children:u}):null,m()]})]})}const Ee=g.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -47,13 +47,13 @@ import{j as t,X as Q,a as he,B as N,c6 as ye,J as ge,l as J,bR as be,bT as fe,bU
       background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?V.importantLight:e.theme.colors.background};
     }
   }
-`,Be=g.label`
+`,Me=g.label`
   color: ${e=>e.hasError===!0?V.important:e.additionalInfoTextColor??e.theme.colors.grey1};
   width: auto;
-  ${e=>`${re.infoLabel.style(e.windowSize)}`};
+  ${e=>`${ae.infoLabel.style(e.windowSize)}`};
   padding-right: ${y.sp3};
   text-align: right;
-`,Me=g.div`
+`,Be=g.div`
   display: flex;
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
   justify-content: flex-end;
@@ -64,32 +64,32 @@ import{j as t,X as Q,a as he,B as N,c6 as ye,J as ge,l as J,bR as be,bT as fe,bU
   color: ${e=>e.theme.colors.grey1};
   background: ${e=>e.theme.colors.overlayColor};
   border-radius: ${y.sp1};
-`,He=g.div`
+`,qe=g.div`
   padding-right: ${y.sp3};
   padding-top: ${y.sp1};
   display: flex;
   justify-content: flex-end;
-`,qe=g.label`
+`,He=g.label`
   display: flex;
   justify-content: flex-end;
   color: ${e=>e.isDisabled?e.theme.colors.grey2:e.isError?V.important:e.theme.colors.hero};
-  ${e=>`${re.infoLabel.style(e.size)}`};
+  ${e=>`${ae.infoLabel.style(e.size)}`};
   padding-right: ${y.sp3};
   text-align: right;
   margin-top: ${e=>e.hasToolTip===!0?y.sp1:y.sp0};
-`,Ue=g.div`
+`,Ne=g.div`
   display: flex;
   margin-right: ${y.sp2};
   margin-top: 2px;
   align-items: center;
-`,Ne=g(We)`
+`,Ue=g(ze)`
   width: ${y.sp3};
   height: ${y.sp3};
   color: inherit;
-`,S={largeLabelWidth:new p(120,140,220),paddingTopBottom:new p(r[3],r[3]),labelHeight:new p(r[6],r[6]),labelMarginLeft:new p(r[3],r[4]),labelMarginRight:new p(r[3],r[4]),labelMarginTop:new p(r[2],r[2]),controlHeight:new p(r[6],r[6]),toolTipWidth:new p(60,150)},Ge=({dynamicFormFetchState:e,dynamicFormConfig:i,supportedAccountTypes:l,supportedCountries:f,supportedCurrencies:u,wireAccountToCreate:n,sectionId:o,isCountryDropdownReadonly:w,isCurrencyDropdownReadonly:D,isDisabled:k,style:C})=>{const b=Q(),{getValues:$}=oe(),j=ne(),m=N.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:c}=m,x=S.largeLabelWidth.value(b),W=n?.accountType?.type,T=n?.countryCode==null,E=n?.currencyCode==null,F=["phone","email","other"];return t.jsx(Qe,{style:C,children:t.jsxs(Je,{children:[t.jsx(je,{isDisabled:w===!0?"readonly":void 0,label:{label:c.country,width:x},style:{width:"auto"},countrySelectField:{name:L(o,"vendorCountry"),placeholder:c.countryPlaceholder,defaultValue:le(n?.countryCode,f.map(s=>s.countryCode)),registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}},additionalInfoLabel:m.international.countryAdditionalInfo}),t.jsx(R,{}),t.jsx(_e,{isDisabled:T===!0?"disabled":D===!0?"readonly":void 0,label:{label:c.currency,width:x},style:{width:"auto"},currencySelectField:{name:L(o,"vendorCurrency"),placeholder:c.currencyPlaceholder,defaultValue:{allOptions:u.map(s=>({label:`${s.currencySymbol} - ${s.currencyName}`,value:s.currencyCode,countryCode:s.countryCode,currency:s.currencyName})),selectedOption:n?.currencyCode},registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}},additionalInfoLabel:m.international.currencyAdditionalInfo}),t.jsx(R,{}),E!==!0&&e==="Completed"?t.jsxs(t.Fragment,{children:[t.jsx(X,{isDisabled:void 0,label:{label:c.typeOfAccount,width:x},style:{width:"auto"},singleSelectPickerField:{name:L(o,"typeOfAccount"),placeholder:c.typeOfAccountPlaceholder,defaultValue:{selectedOption:n?.accountType?.type,allOptions:l.map(s=>({label:s.title,value:s.type}))},registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}}}),t.jsx(R,{})]}):null,n!=null&&W!=null&&n.dynamicForm[W]!=null&&i.length>0?Object.keys(n.dynamicForm[W]).map(s=>{const a=i.filter(_=>_.name===s)[0],h=n.accountType?.type;if(h!=null&&a!=null){const _=n.dynamicForm[h][s];switch(a.fieldType){case"text":return t.jsxs(t.Fragment,{children:[t.jsx(De,{label:{label:a.label+c.colon,width:x},text:{type:"text",name:z(o,"dynamicForm",h,a.name),placeholder:a.placeholder,defaultValue:_,options:{required:a.required,pattern:a.validationRegex!=null?new RegExp(a.validationRegex):void 0,maxLength:a.maxLength,minLength:a.minLength}},isDisabled:k,style:{width:"auto"},showAdditionalInfoLabel:!1},z(o,"dynamicForm",h,a.name)),t.jsx(R,{})]});case"select":return t.jsxs(t.Fragment,{children:[t.jsx(X,{isDisabled:void 0,label:{label:a.label+c.colon,width:x},style:{width:"auto"},singleSelectPickerField:{name:z(o,"dynamicForm",h,a.name),placeholder:a.placeholder,defaultValue:{selectedOption:_,allOptions:a.valuesAllowed??[]}}},z(o,"dynamicForm",h,a.name)),t.jsx(R,{})]});case"radio":return t.jsxs(t.Fragment,{children:[t.jsxs(Z,{size:b,children:[t.jsx(G,{label:a.label+c.colon,htmlFor:z(o,"dynamicForm",h,a.name),style:{marginLeft:S.labelMarginLeft.value(b),marginRight:S.labelMarginRight.value(b),width:x}}),t.jsx(K,{labelWidth:x,size:b,children:a.valuesAllowed?.map(B=>t.jsx(H,{label:{label:B.label},style:{paddingRight:`${y.sp4}`,width:"auto"},radioField:{name:z(o,"dynamicForm",h,a.name),id:a.name,value:B.value,registerOptions:{required:!0}}},B.value))})]},z(o,"dynamicForm",h,a.name)),t.jsx(R,{})]});default:return null}}else return null}):null,t.jsxs(Xe,{size:b,children:[t.jsxs(Z,{size:b,children:[t.jsx(G,{label:c.addSource,htmlFor:L(o,"source"),style:{marginLeft:S.labelMarginLeft.value(b),marginRight:S.labelMarginRight.value(b),width:x},showTooltip:!0,tooltipTitle:c.sourceTooltip,toolTipWidth:S.toolTipWidth.valuePx(b)}),t.jsxs(K,{labelWidth:x,size:b,children:[t.jsx(H,{label:{label:c.phone},style:{paddingRight:`${y.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:L(o,"source"),id:F[0],value:F[0],registerOptions:{required:!0},radioSize:"small"}}),t.jsx(H,{label:{label:c.email},style:{paddingRight:`${y.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:L(o,"source"),id:F[1],value:F[1],registerOptions:{required:!0},radioSize:"small"}}),t.jsx(H,{label:{label:c.other},style:{width:"auto"},isContainerClickable:!0,radioField:{name:L(o,"source"),id:F[2],value:F[2],registerOptions:{required:!0},radioSize:"small"}})]})]}),$(`${o}.source`)==="other"?t.jsx(Te,{type:"text",name:L(o,"otherSource"),placeholder:c.sourcePlaceholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:y.sp7,width:"calc(100% - largeLabelWidth)",background:j.colors.background,border:`1px solid ${j.colors.background}`,marginLeft:x},registerOptions:{required:!0,validate:s=>$(`${o}.source`)==="other"&&!!s}}):null]}),t.jsx(R,{})]})})},L=(e,i)=>`${e}.${i}`,z=(e,i,l,f)=>`${e}.${i}.${l}.${f}`,Qe=g.div`
+`,S={largeLabelWidth:new p(120,140,220),paddingTopBottom:new p(a[3],a[3]),labelHeight:new p(a[6],a[6]),labelMarginLeft:new p(a[3],a[4]),labelMarginRight:new p(a[3],a[4]),labelMarginTop:new p(a[2],a[2]),controlHeight:new p(a[6],a[6]),toolTipWidth:new p(60,150)},Qe=({dynamicFormFetchState:e,dynamicFormConfig:i,supportedAccountTypes:l,supportedCountries:f,supportedCurrencies:u,wireAccountToCreate:n,sectionId:o,isCountryDropdownReadonly:w,isCurrencyDropdownReadonly:D,isDisabled:k,style:C})=>{const b=G(),{getValues:$}=oe(),j=ne(),m=U.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:c}=m,x=S.largeLabelWidth.value(b),z=n?.accountType?.type,T=n?.countryCode==null,E=n?.currencyCode==null,F=["phone","email","other"];return t.jsx(Ge,{style:C,children:t.jsxs(Ke,{children:[t.jsx(je,{isDisabled:w===!0?"readonly":void 0,label:{label:c.country,width:x},style:{width:"auto"},countrySelectField:{name:L(o,"vendorCountry"),placeholder:c.countryPlaceholder,defaultValue:le(n?.countryCode,f.map(s=>s.countryCode)),registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}},additionalInfoLabel:m.international.countryAdditionalInfo}),t.jsx(R,{}),t.jsx(_e,{isDisabled:T===!0?"disabled":D===!0?"readonly":void 0,label:{label:c.currency,width:x},style:{width:"auto"},currencySelectField:{name:L(o,"vendorCurrency"),placeholder:c.currencyPlaceholder,defaultValue:{allOptions:u.map(s=>({label:`${s.currencySymbol} - ${s.currencyName}`,value:s.currencyCode,countryCode:s.countryCode,currency:s.currencyName})),selectedOption:n?.currencyCode},registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}},additionalInfoLabel:m.international.currencyAdditionalInfo}),t.jsx(R,{}),E!==!0&&e==="Completed"?t.jsxs(t.Fragment,{children:[t.jsx(X,{isDisabled:void 0,label:{label:c.typeOfAccount,width:x},style:{width:"auto"},singleSelectPickerField:{name:L(o,"typeOfAccount"),placeholder:c.typeOfAccountPlaceholder,defaultValue:{selectedOption:n?.accountType?.type,allOptions:l.map(s=>({label:s.title,value:s.type}))},registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}}}),t.jsx(R,{})]}):null,n!=null&&z!=null&&n.dynamicForm[z]!=null&&i.length>0?Object.keys(n.dynamicForm[z]).map(s=>{const r=i.filter(_=>_.name===s)[0],h=n.accountType?.type;if(h!=null&&r!=null){const _=n.dynamicForm[h][s];switch(r.fieldType){case"text":return t.jsxs(t.Fragment,{children:[t.jsx(De,{label:{label:r.label+c.colon,width:x},text:{type:"text",name:W(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:_,options:{required:r.required,pattern:r.validationRegex!=null?new RegExp(r.validationRegex):void 0,maxLength:r.maxLength,minLength:r.minLength}},isDisabled:k,style:{width:"auto"},showAdditionalInfoLabel:!1},W(o,"dynamicForm",h,r.name)),t.jsx(R,{})]});case"select":return t.jsxs(t.Fragment,{children:[t.jsx(X,{isDisabled:void 0,label:{label:r.label+c.colon,width:x},style:{width:"auto"},singleSelectPickerField:{name:W(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:{selectedOption:_,allOptions:r.valuesAllowed??[]}}},W(o,"dynamicForm",h,r.name)),t.jsx(R,{})]});case"radio":return t.jsxs(t.Fragment,{children:[t.jsxs(Y,{size:b,children:[t.jsx(Q,{label:r.label+c.colon,htmlFor:W(o,"dynamicForm",h,r.name),style:{marginLeft:S.labelMarginLeft.value(b),marginRight:S.labelMarginRight.value(b),width:x}}),t.jsx(Z,{labelWidth:x,size:b,children:r.valuesAllowed?.map(M=>t.jsx(q,{label:{label:M.label},style:{paddingRight:`${y.sp4}`,width:"auto"},radioField:{name:W(o,"dynamicForm",h,r.name),id:r.name,value:M.value,registerOptions:{required:!0}}},M.value))})]},W(o,"dynamicForm",h,r.name)),t.jsx(R,{})]});default:return null}}else return null}):null,t.jsxs(Xe,{size:b,children:[t.jsxs(Y,{size:b,children:[t.jsx(Q,{label:c.addSource,htmlFor:L(o,"source"),style:{marginLeft:S.labelMarginLeft.value(b),marginRight:S.labelMarginRight.value(b),width:x},showTooltip:!0,tooltipTitle:c.sourceTooltip,toolTipWidth:S.toolTipWidth.valuePx(b)}),t.jsxs(Z,{labelWidth:x,size:b,children:[t.jsx(q,{label:{label:c.phone},style:{paddingRight:`${y.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:L(o,"source"),id:F[0],value:F[0],registerOptions:{required:!0},radioSize:"small"}}),t.jsx(q,{label:{label:c.email},style:{paddingRight:`${y.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:L(o,"source"),id:F[1],value:F[1],registerOptions:{required:!0},radioSize:"small"}}),t.jsx(q,{label:{label:c.other},style:{width:"auto"},isContainerClickable:!0,radioField:{name:L(o,"source"),id:F[2],value:F[2],registerOptions:{required:!0},radioSize:"small"}})]})]}),$(`${o}.source`)==="other"?t.jsx(Te,{type:"text",name:L(o,"otherSource"),placeholder:c.sourcePlaceholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:y.sp7,width:"calc(100% - largeLabelWidth)",background:j.colors.background,border:`1px solid ${j.colors.background}`,marginLeft:x},registerOptions:{required:!0,validate:s=>$(`${o}.source`)==="other"&&!!s}}):null]}),t.jsx(R,{})]})})},L=(e,i)=>`${e}.${i}`,W=(e,i,l,f)=>`${e}.${i}.${l}.${f}`,Ge=g.div`
   display: flex;
   flex-direction: column;
-`,Je=g.div`
+`,Ke=g.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -113,7 +113,7 @@ import{j as t,X as Q,a as he,B as N,c6 as ye,J as ge,l as J,bR as be,bT as fe,bU
     z-index: 1;
     outline: 1px solid ${e=>e.theme.colors.primary};
   }
-`,Z=g.div`
+`,Y=g.div`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -121,7 +121,7 @@ import{j as t,X as Q,a as he,B as N,c6 as ye,J as ge,l as J,bR as be,bT as fe,bU
   background-color: ${e=>e.theme.colors.grey5};
   min-height: ${e=>S.labelHeight.valuePx(e.size)};
   align-items: center;
-`,K=g.div`
+`,Z=g.div`
   display: flex;
   flex-direction: row;
   width: ${e=>`calc(100% - ${e.labelWidth}px)`};
@@ -130,7 +130,7 @@ import{j as t,X as Q,a as he,B as N,c6 as ye,J as ge,l as J,bR as be,bT as fe,bU
   flex-grow: 1;
   height: ${e=>S.controlHeight.valuePx(e.size)};
   align-items: center;
-`,P={paddingTopBottomContainer:new p(r[3],r[3]),paddingLeftContainer:new p(r[3],r[6]),paddingRightContainer:new p(r[3],r[8]),marginLeft:new p(r[4],r[6]),buttonWidth:new p(140,140)},Y="internationalDetailsPage",v="internationalWireSection",Ze="mailingAddressSection",ee=e=>`${e}_form`,Ke=({internationalWireView:e,vendorType:i,isCountryDropdownReadonly:l=!1,isCurrencyDropdownReadonly:f=!1,isDisabled:u,addressType:n,addressToEdit:o,mailingAddress:w,billAmount:D,onAccountDetailsUpdated:k,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:j})=>{const m=Q(),c=e.createInternationalWireDetails.localData,x=e.createInternationalWireDetails.createStatus,W=e.fetchState,T=he({mode:"all",reValidateMode:"onChange",defaultValues:I.useMemo(()=>te(e),[e]),values:te(e)}),[E,F]=I.useState(!1),[s,a]=I.useState(!1),h=N.getLocalizedStrings().spendManagement.billPay.vendorCreation,_=N.getLocalizedStrings().common.footer,{international:B}=h.wireDetails,ae={onOkClick:()=>{a(!1),T.reset(),$()},onCancelClick:()=>{a(!1)}},se=(d,A)=>{if(d.includes("account_holder_name")||d.includes("bank_account_iban")||d.includes("bank_swift_code")||d.includes("account_number")||d.includes("sort_code")||d.includes("ifsc_code")||d.includes("upi_id")||d.includes("contact_no")||d.includes("bank_code")||d.includes("institution_number")||d.includes("transit_number")||d.includes("identification_value")||d.includes("branch_code")||d.includes("clabe")||d.includes("bsb_code")||d.includes("proxy_value")||d.includes("php_e_wallet_no")){F(!0);return}const M=d===`${v}.vendorCountry`,U=d===`${v}.vendorCurrency`;U&&A[v].vendorCurrency.selectedOption!=null&&C(A[v].vendorCurrency.selectedOption,D,i);const pe={...A},me=ie(pe,e,M,U,f);k(me,D,i,U||M)};I.useEffect(()=>{const d=T.watch((A,{name:M})=>{M!=null&&A!=null&&ye(()=>se(M,A))});return()=>{d.unsubscribe()}});const q=I.useCallback(()=>{const d=T.getValues(),A=ie(d,e,!1,!1,f);k(A,D,i,!1),F(!1)},[T,e,f,k,D,i]),de=I.useCallback(()=>{E&&q(),j(n)},[E,q,j,n]),ce=T.handleSubmit(d=>{E&&q(),b()}),ue=!ge(w!=null?J.getFormattedAddress(w):w,o!=null?J.getFormattedAddress(o):o)||T.formState.isDirty;return t.jsxs(it,{children:[t.jsxs(lt,{size:m,children:[s===!0?t.jsx(be,{titleComponent:t.jsx(xe,{children:h.discardTitle}),descriptionComponent:t.jsx(fe,{children:h.discardDescription}),primaryButtonText:h.discard,secondaryButtonText:h.cancel,action:ae}):null,t.jsx(ze,{header:B.addInternationalWireDetails,isDirty:ue,onBackClick:$,setShowConfirmationPopup:a}),x?.fetchState==="Error"&&x.error?.code===409?t.jsx(Re,{warningText:h.bankAccountCommon.accountExistWarning}):null,t.jsx(ot,{size:m,children:h.bankAccountCommon.accountDetailsTitle}),t.jsx(ve,{...T,children:t.jsxs("form",{id:ee(Y),onSubmit:ce,children:[t.jsx(tt,{size:m,children:t.jsx(Ge,{wireAccountToCreate:c,dynamicFormFetchState:W,supportedAccountTypes:e.supportedAccountTypes,supportedCountries:e.supportedCountries,supportedCurrencies:e.supportedCurrencies,dynamicFormConfig:e.dynamicForm,sectionId:v,isDisabled:u,isCountryDropdownReadonly:l,isCurrencyDropdownReadonly:f})}),t.jsx(Ie,{sectionId:Ze,isDisabled:u,addressType:n,addressToEdit:o,onAddressClick:de})]})})]}),t.jsx(we,{formId:ee(Y),primaryBtn:{label:h.bankAccountCommon.saveAccount,isLoading:x.fetchState==="In-Progress",style:{width:P.buttonWidth.value(m)},isDisabled:u!=null},cancelBtn:{label:_.cancel,style:{width:P.buttonWidth.value(m)},shouldResetOnCancel:!1,onClick:()=>{T.formState.isDirty?a(!0):(T.reset(),$())}}})]})},Ye=e=>{const i=e.dynamicForm,l=e.createInternationalWireDetails.localData?.dynamicForm,f=e.createInternationalWireDetails.localData?.accountType?.type;let u={};return l!=null&&i.length>0?(Object.keys(l).forEach(n=>{n===f?(u={...u,[n]:{}},Object.keys(l[n]).forEach(o=>{i.find(w=>w.name===o)?.fieldType==="select"?u[n]={...u[n],[o]:{selectedOption:l[n][o],allOptions:i.find(w=>w.name===o)?.valuesAllowed??[]}}:u[n]={...u[n],[o]:l[n][o]}})):u={...u,[n]:{}}}),u):{}},te=e=>{const i=e.createInternationalWireDetails.localData?.source;return{[v]:{vendorCountry:le(e.createInternationalWireDetails.localData?.countryCode,e.supportedCountries.map(l=>l.countryCode)),vendorCurrency:{allOptions:e.supportedCurrencies.map(l=>({label:`${l.currencyCode} - ${l.currencyName}`,value:l.currencyCode,countryCode:l.currencySymbol,currency:l.currencyName})),selectedOption:e.createInternationalWireDetails.localData?.currencyCode},typeOfAccount:{allOptions:e.supportedAccountTypes.map(l=>({label:l.title,value:l.type})),selectedOption:e.createInternationalWireDetails.localData?.accountType?.type},dynamicForm:Ye(e),source:i!=null&&i!=="phone"&&i!=="email"?"other":i,otherSource:i!=null&&i!=="phone"&&i!=="email"?i:void 0}}},et=e=>{let i={};return Object.keys(e).forEach(l=>{i={...i,[l]:typeof e[l]=="string"?e[l]:e[l].selectedOption}}),i},ie=(e,i,l,f,u)=>{const n=i.createInternationalWireDetails.localData?.accountType?.type;return{dynamicForm:n!=null?{...i.createInternationalWireDetails.localData?.dynamicForm,[n]:et(e[v].dynamicForm?.[n]??{})}:i.createInternationalWireDetails.localData?.dynamicForm??{},source:e[v].source==="other"?e[v].otherSource??"":e[v].source,countryCode:e[v].vendorCountry.selectedOption!=null?Ce(e[v].vendorCountry.selectedOption):void 0,currencyCode:l&&!u?void 0:e[v].vendorCurrency.selectedOption,accountType:f||e[v].typeOfAccount.selectedOption==null?void 0:{type:e[v].typeOfAccount.selectedOption,title:i.supportedAccountTypes.filter(o=>o.type===e[v].typeOfAccount.selectedOption)[0].title}}},tt=g.div`
+`,P={paddingTopBottomContainer:new p(a[3],a[3]),paddingLeftContainer:new p(a[3],a[6]),paddingRightContainer:new p(a[3],a[8]),marginLeft:new p(a[4],a[6]),buttonWidth:new p(140,140)},J="internationalDetailsPage",v="internationalWireSection",Ye="mailingAddressSection",ee=e=>`${e}_form`,Ze=({internationalWireView:e,vendorType:i,isCountryDropdownReadonly:l=!1,isCurrencyDropdownReadonly:f=!1,isDisabled:u,addressType:n,addressToEdit:o,mailingAddress:w,billAmount:D,onAccountDetailsUpdated:k,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:j})=>{const m=G(),c=e.createInternationalWireDetails.localData,x=e.createInternationalWireDetails.createStatus,z=e.fetchState,T=he({mode:"all",reValidateMode:"onChange",defaultValues:I.useMemo(()=>te(e),[e]),values:te(e)}),[E,F]=I.useState(!1),[s,r]=I.useState(!1),h=U.getLocalizedStrings().spendManagement.billPay.vendorCreation,_=U.getLocalizedStrings().common.footer,{international:M}=h.wireDetails,re={onOkClick:()=>{r(!1),T.reset(),$()},onCancelClick:()=>{r(!1)}},se=(d,A)=>{if(d.includes("account_holder_name")||d.includes("bank_account_iban")||d.includes("bank_swift_code")||d.includes("account_number")||d.includes("sort_code")||d.includes("ifsc_code")||d.includes("upi_id")||d.includes("contact_no")||d.includes("bank_code")||d.includes("institution_number")||d.includes("transit_number")||d.includes("identification_value")||d.includes("branch_code")||d.includes("clabe")||d.includes("bsb_code")||d.includes("proxy_value")||d.includes("php_e_wallet_no")){F(!0);return}const B=d===`${v}.vendorCountry`,N=d===`${v}.vendorCurrency`;N&&A[v].vendorCurrency.selectedOption!=null&&C(A[v].vendorCurrency.selectedOption,D,i);const pe={...A},me=ie(pe,e,B,N,f);k(me,D,i,N||B)};I.useEffect(()=>{const d=T.watch((A,{name:B})=>{B!=null&&A!=null&&ye(()=>se(B,A))});return()=>{d.unsubscribe()}});const H=I.useCallback(()=>{const d=T.getValues(),A=ie(d,e,!1,!1,f);k(A,D,i,!1),F(!1)},[T,e,f,k,D,i]),de=I.useCallback(()=>{E&&H(),j(n)},[E,H,j,n]),ce=T.handleSubmit(d=>{E&&H(),b()}),ue=!ge(w!=null?K.getFormattedAddress(w):w,o!=null?K.getFormattedAddress(o):o)||T.formState.isDirty;return t.jsxs(it,{children:[t.jsxs(lt,{size:m,children:[s===!0?t.jsx(be,{titleComponent:t.jsx(xe,{children:h.discardTitle}),descriptionComponent:t.jsx(fe,{children:h.discardDescription}),primaryButtonText:h.discard,secondaryButtonText:h.cancel,action:re}):null,t.jsx(We,{header:M.addInternationalWireDetails,isDirty:ue,onBackClick:$,setShowConfirmationPopup:r}),x?.fetchState==="Error"&&x.error?.code===409?t.jsx(Re,{warningText:h.bankAccountCommon.accountExistWarning}):null,t.jsx(ot,{size:m,children:h.bankAccountCommon.accountDetailsTitle}),t.jsx(ve,{...T,children:t.jsxs("form",{id:ee(J),onSubmit:ce,children:[t.jsx(tt,{size:m,children:t.jsx(Qe,{wireAccountToCreate:c,dynamicFormFetchState:z,supportedAccountTypes:e.supportedAccountTypes,supportedCountries:e.supportedCountries,supportedCurrencies:e.supportedCurrencies,dynamicFormConfig:e.dynamicForm,sectionId:v,isDisabled:u,isCountryDropdownReadonly:l,isCurrencyDropdownReadonly:f})}),t.jsx(Ie,{sectionId:Ye,isDisabled:u,addressType:n,addressToEdit:o,onAddressClick:de})]})})]}),t.jsx(we,{formId:ee(J),primaryBtn:{label:h.bankAccountCommon.saveAccount,isLoading:x.fetchState==="In-Progress",style:{width:P.buttonWidth.value(m)},isDisabled:u!=null},cancelBtn:{label:_.cancel,style:{width:P.buttonWidth.value(m)},shouldResetOnCancel:!1,onClick:()=>{T.formState.isDirty?r(!0):(T.reset(),$())}}})]})},Je=e=>{const i=e.dynamicForm,l=e.createInternationalWireDetails.localData?.dynamicForm,f=e.createInternationalWireDetails.localData?.accountType?.type;let u={};return l!=null&&i.length>0?(Object.keys(l).forEach(n=>{n===f?(u={...u,[n]:{}},Object.keys(l[n]).forEach(o=>{i.find(w=>w.name===o)?.fieldType==="select"?u[n]={...u[n],[o]:{selectedOption:l[n][o],allOptions:i.find(w=>w.name===o)?.valuesAllowed??[]}}:u[n]={...u[n],[o]:l[n][o]}})):u={...u,[n]:{}}}),u):{}},te=e=>{const i=e.createInternationalWireDetails.localData?.source;return{[v]:{vendorCountry:le(e.createInternationalWireDetails.localData?.countryCode,e.supportedCountries.map(l=>l.countryCode)),vendorCurrency:{allOptions:e.supportedCurrencies.map(l=>({label:`${l.currencyCode} - ${l.currencyName}`,value:l.currencyCode,countryCode:l.currencySymbol,currency:l.currencyName})),selectedOption:e.createInternationalWireDetails.localData?.currencyCode},typeOfAccount:{allOptions:e.supportedAccountTypes.map(l=>({label:l.title,value:l.type})),selectedOption:e.createInternationalWireDetails.localData?.accountType?.type},dynamicForm:Je(e),source:i!=null&&i!=="phone"&&i!=="email"?"other":i,otherSource:i!=null&&i!=="phone"&&i!=="email"?i:void 0}}},et=e=>{let i={};return Object.keys(e).forEach(l=>{i={...i,[l]:typeof e[l]=="string"?e[l]:e[l].selectedOption}}),i},ie=(e,i,l,f,u)=>{const n=i.createInternationalWireDetails.localData?.accountType?.type;return{dynamicForm:n!=null?{...i.createInternationalWireDetails.localData?.dynamicForm,[n]:et(e[v].dynamicForm?.[n]??{})}:i.createInternationalWireDetails.localData?.dynamicForm??{},source:e[v].source==="other"?e[v].otherSource??"":e[v].source,countryCode:e[v].vendorCountry.selectedOption!=null?Ce(e[v].vendorCountry.selectedOption):void 0,currencyCode:l&&!u?void 0:e[v].vendorCurrency.selectedOption,accountType:f||e[v].typeOfAccount.selectedOption==null?void 0:{type:e[v].typeOfAccount.selectedOption,title:i.supportedAccountTypes.filter(o=>o.type===e[v].typeOfAccount.selectedOption)[0].title}}},tt=g.div`
   padding-left: ${e=>P.paddingLeftContainer.valuePx(e.size)};
   padding-right: ${e=>P.paddingRightContainer.valuePx(e.size)};
   padding-top: ${e=>P.paddingTopBottomContainer.valuePx(e.size)};
@@ -149,4 +149,4 @@ import{j as t,X as Q,a as he,B as N,c6 as ye,J as ge,l as J,bR as be,bT as fe,bU
   color: ${e=>e.theme.colors.champion};
   margin-left: ${e=>P.marginLeft.valuePx(e.size)};
   margin-top: ${y.sp3};
-`,ft=({internationalWireView:e,vendorViewDetails:i,bankAccountContext:l,vendorType:f,addressType:u,isDisabled:n,addressToEdit:o,mailingAddress:w,billAmount:D,onAccountDetailsUpdated:k,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:j})=>{const m={...i.editVendorState??i.newVendorState},c=m.vendorDetailLocalData?.paymentInstrumentIds!=null&&m.vendorDetailLocalData?.paymentInstrumentIds.length>0,x=m.vendorBasic?.countryCode!=null||c,W=m.vendorBasic?.currencyCode!=null||c;return I.useEffect(()=>{(l==="vendor"&&e.createInternationalWireDetails.createStatus.fetchState==="Completed"||m?.saveStatus?.fetchState==="Completed")&&$()},[m?.saveStatus?.fetchState,$,l,e.createInternationalWireDetails.createStatus]),t.jsx(Ke,{internationalWireView:e,addressToEdit:o,mailingAddress:w,addressType:u,billAmount:D,isDisabled:n,onSaveHandler:b,onBackClick:$,onAddressClick:j,onAccountDetailsUpdated:k,onCurrencyUpdated:C,vendorType:f,isCountryDropdownReadonly:x,isCurrencyDropdownReadonly:W})};export{ft as default};
+`,ft=({internationalWireView:e,vendorViewDetails:i,bankAccountContext:l,vendorType:f,addressType:u,isDisabled:n,addressToEdit:o,mailingAddress:w,billAmount:D,onAccountDetailsUpdated:k,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:j})=>{const m={...i.editVendorState??i.newVendorState},c=m.vendorDetailLocalData?.paymentInstrumentIds!=null&&m.vendorDetailLocalData?.paymentInstrumentIds.length>0,x=m.vendorBasic?.countryCode!=null||c,z=m.vendorBasic?.currencyCode!=null||c;return I.useEffect(()=>{(l==="vendor"&&e.createInternationalWireDetails.createStatus.fetchState==="Completed"||m?.saveStatus?.fetchState==="Completed")&&$()},[m?.saveStatus?.fetchState,$,l,e.createInternationalWireDetails.createStatus]),t.jsx(Ze,{internationalWireView:e,addressToEdit:o,mailingAddress:w,addressType:u,billAmount:D,isDisabled:n,onSaveHandler:b,onBackClick:$,onAddressClick:j,onAccountDetailsUpdated:k,onCurrencyUpdated:C,vendorType:f,isCountryDropdownReadonly:x,isCurrencyDropdownReadonly:z})};export{ft as default};

package/dist/assets/{VendorInternationalWireSwiftDetailsPage-C5dogij9-DD3MG-8Z.js → VendorInternationalWireSwiftDetailsPage-MgN7VFET-DYSQMIco.js}

@@ -1 +1 @@
-import{j as l}from"./index-CIAgrDi2.js";import{b as B}from"./vendor-CnQcJ2Lu.js";import{f as u}from"./InternationalWireSwiftDetailsPage-B21X5YFS-DWJjZuCw.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./BankAccountWarningSection-Bof6a4Ai-D6cSyNpo.js";import"./MailingDetailsSection-AiehjqI1-CrcmbjEa.js";import"./LabeledAddressValueField-Cw-p18du-D9T5QqTG.js";import"./MagicLinkTitleSection-CmTUPCA1-crT0_cjI.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-Dhj1_7g2.js";import{b as B}from"./vendor-CnQcJ2Lu.js";import{f as u}from"./InternationalWireSwiftDetailsPage-BFMqW1oQ-DTpqOglD.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./BankAccountWarningSection-CWXa-X6f-DfZDDQCz.js";import"./MailingDetailsSection-CsK09X11-D22aceHc.js";import"./LabeledAddressValueField-XuFlx-oK-BwOm2urL.js";import"./MagicLinkTitleSection-d1edBt3w-BD8o8cwj.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-DBYoP6us-C4im8TRF.js → VendorsAccountsSection-Cn-8Yemv-Ba4x1KCB.js}

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

package/dist/assets/{WarningsDrawerPage-CZcR7kH4-sqfZfsTI.js → WarningsDrawerPage-Cc_Rty0A-C8AX9SCt.js}

@@ -1,27 +1,27 @@
-import{X as C,l as B,B as D,j as s,eP as j,eT as S,K as M,v as E,o as n,C as $,Q as L,g as P,a3 as z,c3 as N,d as h,k as A,ay as T,eD as R,s as g}from"./index-CIAgrDi2.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.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)},Q={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}=G(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}=O(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}=V(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(X,{children:[s.jsx(q,{windowSize:l,children:s.jsx(H,{children:s.jsxs(J,{windowSize:l,children:[s.jsx(U,{windowSize:l,children:r?.name}),s.jsx(se,{onClick:d})]})})}),s.jsxs(K,{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(W,{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))]})]})},G=(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}},O=(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}},V=(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}},X=t.div`
+import{X as C,l as B,M as D,j as s,eM as j,eQ as S,K as M,f as E,o as n,C as $,Q as L,h as P,a3 as z,c0 as N,g as w,k as A,ay as Q,eA as R,q as g}from"./index-Dhj1_7g2.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const e=D.getLocalizedStrings(),h={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)},T={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}=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(V,{children:[s.jsx(H,{windowSize:l,children:s.jsx(K,{children:s.jsxs(_,{windowSize:l,children:[s.jsx(J,{windowSize:l,children:r?.name}),s.jsx(se,{onClick:d})]})})}),s.jsxs(X,{children:[s.jsx(Y,{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(U,{isStepInError:i.status==="Error",children:s.jsxs(W,{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}},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}},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}},V=t.div`
   display: flex;
   flex-direction: column;
   padding-top: ${n.sp3};
-`,q=t.div`
-  min-height: ${r=>w.navBarHeight.valuePx(r.windowSize)};
+`,H=t.div`
+  min-height: ${r=>h.navBarHeight.valuePx(r.windowSize)};
   position: sticky;
   background-color: ${r=>r.theme.colors.grey4};
   border-bottom: 1px solid transparent;
   z-index: 1;
   top: ${n.sp0};
   width: 100%;
-`,H=t.div`
-  position: relative;
 `,K=t.div`
+  position: relative;
+`,X=t.div`
   display: flex;
   flex-direction: column;
   margin: ${n.sp3} ${n.sp8} 102px ${n.sp8};
-`,_=t(N)`
+`,Y=t(N)`
   color: ${r=>r.theme.colors.primary};
   margin-bottom: ${n.sp3};
   margin-right: ${n.sp6};
-`,J=t.div`
+`,_=t.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -29,28 +29,28 @@ import{X as C,l as B,B as D,j as s,eP as j,eT as S,K as M,v as E,o as n,C as $,Q
   top: 0;
   left: 0;
   right: 0;
-  padding-right: ${r=>w.navBarPaddingRight.valuePx(r.windowSize)};
-  padding-left: ${r=>w.navBarPaddingLeft.valuePx(r.windowSize)};
-  padding-top: ${r=>w.navBarPaddingTop.valuePx(r.windowSize)};
-  padding-bottom: ${r=>w.navBarPaddingBottom.valuePx(r.windowSize)};
+  padding-right: ${r=>h.navBarPaddingRight.valuePx(r.windowSize)};
+  padding-left: ${r=>h.navBarPaddingLeft.valuePx(r.windowSize)};
+  padding-top: ${r=>h.navBarPaddingTop.valuePx(r.windowSize)};
+  padding-bottom: ${r=>h.navBarPaddingBottom.valuePx(r.windowSize)};
   height: 100%;
-`,U=t(P)`
-  ${r=>`${Q.title.style(r.windowSize)}`};
+`,J=t(P)`
+  ${r=>`${T.title.style(r.windowSize)}`};
   display: flex;
   flex: 1 1 auto;
   color: ${r=>r.theme.colors.primary};
   align-items: center;
   justify-content: center;
   overflow: hidden;
-`,W=t.div`
+`,U=t.div`
   display: flex;
-  background-color: ${r=>r.isStepInError?h.alertLight:r.theme.colors.grey5};
+  background-color: ${r=>r.isStepInError?w.alertLight:r.theme.colors.grey5};
   border: ${r=>`1px solid ${r.theme.colors.grey3}`};
   border-radius: ${n.sp2};
   margin-bottom: ${n.sp3};
-  border-color: ${r=>r.isStepInError?h.brandColorGold:r.theme.colors.grey2};
+  border-color: ${r=>r.isStepInError?w.brandColorGold:r.theme.colors.grey2};
   flex-direction: column;
-`,Y=t.div`
+`,W=t.div`
   display: flex;
   margin: 12px ${n.sp3} 12px ${n.sp3};
   align-items: center;
@@ -63,13 +63,13 @@ import{X as C,l as B,B as D,j as s,eP as j,eT as S,K as M,v as E,o as n,C as $,Q
   align-items: center;
 `,re=t.div`
   display: flex;
-  color: ${r=>r.isStepInError?h.brandColorGoldDark:r.theme.colors.primary};
+  color: ${r=>r.isStepInError?w.brandColorGoldDark:r.theme.colors.primary};
   margin-left: ${n.sp2};
   align-items: center;
-`,oe=t(T)`
+`,oe=t(Q)`
   width: ${n.sp4};
   height: ${n.sp4};
-  color: ${h.success};
+  color: ${w.success};
 `,ne=t(R)`
   width: ${n.sp4};
   height: ${n.sp4};
@@ -87,6 +87,6 @@ import{X as C,l as B,B as D,j as s,eP as j,eT as S,K as M,v as E,o as n,C as $,Q
 `,ie=t(A)`
   display: flex;
   align-items: end;
-  color: ${h.brandColorGoldDark};
+  color: ${w.brandColorGoldDark};
   margin-left: ${n.sp2};
 `;export{$e as default};

package/dist/assets/{ZeniAccountDetailPage-C-NQEE2--DiLlSCD5.js → ZeniAccountDetailPage-BU2TTiDP-g3X34Mnd.js}

@@ -1,4 +1,4 @@
-import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw as L,o,aV as Le,v as D,bR as R,bT as V,bU as F,F as Ne,cD as Me,d as $,cr as He,_ as C,i as ue,$ as w,b4 as Ee,be as Ie,a6 as Ue,C as j,fe as We,cR as ae,s as p,gT as Oe,as as Re,b6 as Ve,av as Fe,au as Ye,b7 as Ge,at as Je,n as Q,gU as Xe,am as Ke,af as _e,gV as Qe,k as Ze,gW as qe,ay as et,fg as tt,cy as ot,M as at,Q as it,bK as nt}from"./index-CIAgrDi2.js";import{b as r,n as a}from"./vendor-CnQcJ2Lu.js";import{$ as lt}from"./BoxItem-a04JWA45-DJp9lW-u.js";import{w as rt}from"./downloadPdf-DAA4T-qo-CPXN54rf.js";import{H as ct}from"./DepositAccTransactionItem-C6_OrohL-DcY3deV_.js";import{T as st}from"./ZeniAccountNavBarPieces-DX2iXF2E-CQG9bWdR.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-DRK1vfDX-CO7PCzy1.js";const dt=e=>r.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.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"}),r.createElement("path",{d:"M16 10.8126H19.62",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16 13.6245H18.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.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,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs as L,o,aV as Le,f as D,bO as W,bQ as F,bR as G,F as Ne,cA as He,g as y,co as Me,_ as v,c as ue,v as w,b4 as Ee,be as Ie,a6 as Oe,C as j,fc as Ue,cO as ae,q as p,gQ as Re,as as We,b6 as Fe,av as Ge,au as Ve,b7 as Ye,at as Je,e as Z,gR as Xe,am as Ke,af as Qe,gS as Ze,k as _e,gT as qe,ay as et,fe as tt,cv as ot,m as at,Q as it,bH as nt}from"./index-Dhj1_7g2.js";import{b as r,n as a}from"./vendor-CnQcJ2Lu.js";import{$ as lt}from"./BoxItem-Bcy7IYuZ-DautVok3.js";import{w as rt}from"./downloadPdf-CDvgLzWC-CPQqckVY.js";import{H as ct}from"./DepositAccTransactionItem-Da0GWYei-DZh1aBKG.js";import{T as st}from"./ZeniAccountNavBarPieces-CeJHAl4O-DAWPUiSq.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-BtmBVXgZ-C8cgTp9k.js";const dt=e=>r.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.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"}),r.createElement("path",{d:"M16 10.8126H19.62",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16 13.6245H18.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.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,20 +8,20 @@ import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw 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",Y="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:M,spendManagement:ht}=_.getLocalizedStrings(),{zeniAccounts:i}=ht,G=_.getLocalizedStrings().dateFormat,mt=_.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Jt,{children:e}),he=r.memo(({accountHistory:e})=>{const h=H(),n=pe(),[m,f]=r.useState(),b=r.useMemo(()=>e.accountHistoryWithBalance.map(l=>({...l,date:l.date.toISOString()})),[e.accountHistoryWithBalance]),x=r.useCallback(l=>{let d="",c="";return l&&l[0]&&(c=B("0,0[.]00",l[0].payload?.balance?.available),d=P.zeniDate(l[0].payload?.date).format(G.visual.DMMMYYYYFormat)),t.jsxs(Yt,{children:[t.jsx(le,{children:d}),t.jsx(le,{isSublabel:!0,children:c})]})},[]),g=r.useCallback(l=>{const{x:d,y:c}=l,{value:v}=l.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=r.useCallback(({cx:l,cy:d,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==l||m?.y!==d)&&f({x:l,y:d}),t.jsx(Gt,{cx:l,cy:d,strokeWidth:1,r:p[1]})),[m]),y=r.useMemo(()=>{const l=e.accountHistoryWithBalance.length;return l<=0?0:l>360?Math.floor(l/12):Math.floor(l/7)},[e.accountHistoryWithBalance.length]);return e.fetchState!=="Completed"?null:e.fetchState==="Completed"&&e.accountHistoryWithBalance.length===0?t.jsx(so,{children:t.jsx(po,{children:M.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(Mt,{offset:"0%",stopColor:$.brandColorJade,stopOpacity:1}),t.jsx(Ht,{offset:"100%",stopColor:$.brandColorJade,stopOpacity:.03})]})}),t.jsx(Ve,{vertical:!1,strokeWidth:2,stroke:n.colors.grey3}),t.jsx(Fe,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:l=>g(l),padding:{right:p[4]},interval:y}),t.jsx(Ye,{tick:!1,axisLine:!1}),t.jsx(Ge,{position:m,content:({payload:l})=>x(l),cursor:{strokeDasharray:"3",stroke:$.brandColorJade}}),t.jsx(Je,{activeDot:k,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:$.brandColorJade,fill:"url(#colorUv)"})]})})})});he.displayName="AccountBalanceGraph";const me=r.memo(({zeniAccountDetail:e,getToolTipContent:h,onAccountDetailClick:n,downloadEndPoint:m,authParams:f,showLoader:b,setShowLoader:x,onViewAllTransactionClick:g,showViewAllTransactions:k})=>{const y=H(),l=r.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(bt,{windowSize:y,children:[t.jsx(xt,{getToolTipContent:h,zeniAccountDetail:e}),t.jsxs(Dt,{children:[t.jsx(he,{accountHistory:l}),t.jsxs(Et,{windowSize:y,children:[t.jsxs(Rt,{onClick:n,"data-testid":C("view-account-detail-button"),children:[t.jsx(ao,{}),y==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.accDetails}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),t.jsxs(Vt,{"data-testid":C("download-bank-verification-letter"),onClick:()=>rt(`${m}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,f,x),children:[b?t.jsx(ue,{size:"Standard",start:!0}):t.jsx(io,{}),y==="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(ft,{windowSize:y,children:[t.jsxs(jt,{children:[t.jsx(Qt,{children:i.zeniAccountDetail.transactions}),k?t.jsxs(Zt,{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:lt(c,e.transactionList.length)},d.id))})]}):t.jsxs(gt,{children:[t.jsx(yt,{windowSize:y}),t.jsx($t,{children:i.zeniAccountDetail.noTransactionText})]})]})});me.displayName="AccountDetailScreen";const So=({authParams:e,downloadEndPoint:h,zeniAccountDetail:n,isBillPayEnabled:m,isExpressPayEnabled:f,onViewAllTransactionClick:b,onAccountDetailClick:x,handleMoveMoneyOptionSelection:g,onBackClick:k,onCloseAccountClick:y,onEditNameClick:l,onReloadZeniAccountDetailPage:d})=>{const c=Te({mode:"all"}),{setFocus:v}=c,[z,S]=r.useState(!1),[E,I]=r.useState(!1),[Z,xe]=r.useState(!1),q=H(),ee=Pe(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||P.hasAnyFinOpRole(ee.loggedInUserRoleMap);r.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]),r.useEffect(()=>{Z===!0&&setTimeout(()=>{xe(!1)},800)},[Z]);const ge=n.transactionList.length>4,U=pe(),[ye,$e]=r.useState(!1),[fe,W]=r.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:()=>{y?.(),S(!1)},onCancelClick:()=>{S(!1)}},be={onOkClick:()=>{},onCancelClick:()=>{c.reset(),I(!1)}};r.useEffect(()=>{oe==="In-Progress"&&O==="Completed"&&(I(!1),c.reset())},[oe,O,c]),r.useEffect(()=>{E&&v(Y)},[E,v]);const ke={pageName:"detailPage",onOptionSelection:je},Ce=n.accountDetail?.accountName??"",A=n.accountSummary,ve=c.handleSubmit(s=>{l?.(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=r.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(lo,{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(ro,{})})})},[A,q]),Ae=t.jsx(st,{zeniBankProps:ke,isBillPayEnabled:m,isExpressPayEnabled:f});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(V,{children:`${i.zeniAccountDetail.closeAccountPopUp.description}${n.accountDetail?.maskedAccountNumber}${M.strings.dot}`}),primaryButtonText:i.zeniAccountDetail.closeAccountPopUp.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:i.zeniAccountDetail.closeAccountPopUp.secondaryButtonText,action:we}):null,fe?t.jsx(R,{titleComponent:t.jsx(F,{children:i.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(V,{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(V,{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(Me,{type:"text",name:Y,defaultValue:n.accountDetail?.accountName,placeholder:n.accountDetail?.accountName??"",style:{display:"flex",flexGrow:1,cursor:"inherit",height:o.sp7,textAlign:"left",width:"100%",background:He(c.formState.errors,Y)===!0?$.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:$e,showLoader:ye,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=H(),[m,f]=r.useState(!1),[,b]=We(),[x,g]=r.useState(!1),k=()=>{b(e.accountDetail?.accountNumber??""),g(!0)};return r.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(Ct,{children:[t.jsxs(vt,{children:[t.jsx(Ft,{children:t.jsxs(re,{children:[ne(i.zeniAccountList.totalAvailableBalance),h("totalBalance")]})}),t.jsx(_t,{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:()=>{f(!1)}})})}),t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"right",title:x?M.copyToClipBoard.copied:M.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:()=>{f(!0)}})})})]})]}),t.jsxs(St,{children:[t.jsxs(re,{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}=Q.getLocalizedStrings(),{zeniAccounts:i}=ht,Y=Q.getLocalizedStrings().dateFormat,mt=Q.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Jt,{children:e}),he=r.memo(({accountHistory:e})=>{const h=M(),n=pe(),[m,$]=r.useState(),b=r.useMemo(()=>e.accountHistoryWithBalance.map(l=>({...l,date:l.date.toISOString()})),[e.accountHistoryWithBalance]),x=r.useCallback(l=>{let d="",c="";return l&&l[0]&&(c=B("0,0[.]00",l[0].payload?.balance?.available),d=P.zeniDate(l[0].payload?.date).format(Y.visual.DMMMYYYYFormat)),t.jsxs(Vt,{children:[t.jsx(le,{children:d}),t.jsx(le,{isSublabel:!0,children:c})]})},[]),g=r.useCallback(l=>{const{x:d,y:c}=l,{value:C}=l.payload;let z=!1;e.accountHistoryWithBalance.length>360&&(z=!0);const S=z?P.zeniDate(C).format(Y.visual.MMMformat):P.zeniDate(C).format(Y.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=r.useCallback(({cx:l,cy:d,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==l||m?.y!==d)&&$({x:l,y:d}),t.jsx(Yt,{cx:l,cy:d,strokeWidth:1,r:p[1]})),[m]),f=r.useMemo(()=>{const l=e.accountHistoryWithBalance.length;return l<=0?0:l>360?Math.floor(l/12):Math.floor(l/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(Re,{height:u.areaChartHeight.value(h),width:"99%",children:t.jsxs(We,{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(Fe,{vertical:!1,strokeWidth:2,stroke:n.colors.grey3}),t.jsx(Ge,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:l=>g(l),padding:{right:p[4]},interval:f}),t.jsx(Ve,{tick:!1,axisLine:!1}),t.jsx(Ye,{position:m,content:({payload:l})=>x(l),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=r.memo(({zeniAccountDetail:e,getToolTipContent:h,onAccountDetailClick:n,downloadEndPoint:m,authParams:$,showLoader:b,setShowLoader:x,onViewAllTransactionClick:g,showViewAllTransactions:k})=>{const f=M(),l=r.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:l}),t.jsxs(Et,{windowSize:f,children:[t.jsxs(Wt,{onClick:n,"data-testid":v("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(Ft,{"data-testid":v("download-bank-verification-letter"),onClick:()=>rt(`${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(Zt,{children:i.zeniAccountDetail.transactions}),k?t.jsxs(_t,{onClick:g,"data-testid":v("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:lt(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:l,onReloadZeniAccountDetailPage:d})=>{const c=Te({mode:"all"}),{setFocus:C}=c,[z,S]=r.useState(!1),[E,I]=r.useState(!1),[_,xe]=r.useState(!1),q=M(),ee=Pe(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||P.hasAnyFinOpRole(ee.loggedInUserRoleMap);r.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]),r.useEffect(()=>{_===!0&&setTimeout(()=>{xe(!1)},800)},[_]);const ge=n.transactionList.length>4,O=pe(),[fe,ye]=r.useState(!1),[$e,U]=r.useState(!1),R=n.accountUpdateStatus.editName.fetchState,oe=Be(R),je=s=>{s==="closeAccount"?S(!0):s==="editNickName"?I(!0):s==="payBill"?U(!0):g(s,n.accountDetail)},we={onOkClick:()=>{f?.(),S(!1)},onCancelClick:()=>{S(!1)}},be={onOkClick:()=>{},onCancelClick:()=>{c.reset(),I(!1)}};r.useEffect(()=>{oe==="In-Progress"&&R==="Completed"&&(I(!1),c.reset())},[oe,R,c]),r.useEffect(()=>{E&&C(V)},[E,C]);const ke={pageName:"detailPage",onOptionSelection:je},ve=n.accountDetail?.accountName??"",A=n.accountSummary,Ce=c.handleSubmit(s=>{l?.(s.checkingAccountNickName)}),Se={onOkClick:()=>{g("payBill"),U(!1)},onCancelClick:()=>{U(!1)}},De=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},ze=r.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(lo,{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(ro,{})})})},[A,q]),Ae=t.jsx(st,{zeniBankProps:ke,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(wt,{children:[t.jsx(Le,{title:ve,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:k,showMenuIcon:!1,backgroundColor:O.colors.grey4,style:{zIndex:3,...D.largeSemiBold.cssObject},rightSideComponent:Ae,source:"ZeniAccountDetailPage"}),z?t.jsx(W,{titleComponent:t.jsx(G,{children:i.zeniAccountDetail.closeAccountPopUp.title}),descriptionComponent:t.jsx(F,{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(W,{titleComponent:t.jsx(G,{children:i.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(F,{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(W,{titleComponent:t.jsx(G,{children:i.zeniAccountDetail.editNamePopUp.title}),descriptionComponent:t.jsx(F,{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:Ce,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:O.colors.background,border:`1px solid ${O.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":v("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,$]=r.useState(!1),[,b]=Ue(),[x,g]=r.useState(!1),k=()=>{b(e.accountDetail?.accountNumber??""),g(!0)};return r.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(vt,{children:[t.jsxs(Ct,{children:[t.jsx(Gt,{children:t.jsxs(re,{children:[ne(i.zeniAccountList.totalAvailableBalance),h("totalBalance")]})}),t.jsx(Qt,{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":v("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":v("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":v("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(St,{children:[t.jsxs(re,{children:[ne(i.common.totalYieldEarned),h("totalInterest")]}),t.jsxs(Ot,{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(Ut,{}),t.jsx(Rt,{children:`${i.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},gt=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,yt=a(Qe)`
+`,ft=a(Ze)`
   width: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
   height: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
   margin-top: 128px;
   margin-bottom: ${o.sp3};
-`,$t=a(Q)`
+`,yt=a(Z)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
-`,ft=a.div`
+`,$t=a.div`
   margin-top: ${e=>u.accountDetailContentMarginTop.valuePx(e.windowSize)};
   margin-right: ${e=>u.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
   margin-left: ${e=>u.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
@@ -51,12 +51,12 @@ import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw a
 `,kt=a.div`
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${o.sp2};
-`,Ct=a.div`
+`,vt=a.div`
   display: flex;
   gap: ${o.sp3};
   flex-direction: column;
   justify-content: space-between;
-`,vt=a.div``,St=a.div``,Dt=a.div`
+`,Ct=a.div``,St=a.div``,Dt=a.div`
   display: flex;
   gap: ${o.sp3};
   flex: 1;
@@ -89,7 +89,7 @@ import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw a
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Pt=a(Ue)`
+`,Pt=a(Oe)`
   margin-top: ${o.sp3};
   color: ${e=>e.theme.colors.hero};
 `,Bt=a(Ie)`
@@ -103,7 +103,7 @@ import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw a
 `,Lt=a.text`
   fill: ${e=>e.theme.colors.hero};
   ${e=>`${ut.tickLabelText.style(e.windowSize)}`};
-`,Nt=a.linearGradient``,Mt=a.stop``,Ht=a.stop``,Et=a.div`
+`,Nt=a.linearGradient``,Ht=a.stop``,Mt=a.stop``,Et=a.div`
   display: flex;
   flex-direction: row;
   gap: ${e=>u.accBtnsGap.valuePx(e.windowSize)};
@@ -120,11 +120,11 @@ import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw a
       }
     }
   }
-`,Ut=a.div`
+`,Ot=a.div`
   display: flex;
   flex-direction: row;
   align-items: baseline;
-`,Wt=a.div`
+`,Ut=a.div`
   align-self: center;
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
@@ -132,10 +132,10 @@ import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw a
   height: ${o.sp1};
   margin: ${o.sp0} ${o.sp1};
   margin-top: 2px;
-`,Ot=a(at)`
+`,Rt=a(at)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${o.sp1};
-`,Rt=a.div`
+`,Wt=a.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -150,7 +150,7 @@ import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw a
     }
   }
   margin-left: ${o.sp3};
-`,Vt=a.div`
+`,Ft=a.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -165,10 +165,10 @@ import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw a
     }
   }
   margin-right: ${o.sp3};
-`,Ft=a(w)`
+`,Gt=a(w)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,Yt=a.div`
+`,Vt=a.div`
   display: flex;
   align-items: center;
   flex-direction: column;
@@ -179,18 +179,18 @@ import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw a
   min-width: 66px;
   border-radius: ${o.sp1};
   padding: ${o.sp0} ${o.sp2};
-  background-color: ${$.blackColor};
-`,Gt=a.circle`
+  background-color: ${y.blackColor};
+`,Yt=a.circle`
   stroke: ${e=>e.theme.colors.brandColorJade};
   fill: ${e=>e.theme.colors.grey5};
 `,le=a(w)`
-  color: ${e=>e.isSublabel===!0?$.neutralGrey1Light:$.brandColorPearl};
+  color: ${e=>e.isSublabel===!0?y.neutralGrey1Light:y.brandColorPearl};
 `,re=a.div`
   display: flex;
   gap: ${o.sp1};
 `,Jt=a(w)`
   color: ${e=>e.theme.colors.hero};
-`,ce=a(Ze)`
+`,ce=a(_e)`
   text-transform: capitalize;
   color: ${e=>`${e.windowSize==="small"?e.theme.colors.hero:e.theme.colors.champion}`};
   display: flex;
@@ -208,17 +208,17 @@ import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw a
   margin-left: ${o.sp2};
   margin-right: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,_t=a.div`
+`,Qt=a.div`
   display: flex;
   align-items: baseline;
   color: ${e=>e.theme.colors.primary};
-`,se=a(Q)`
+`,se=a(Z)`
   margin-left: ${o.sp2};
 `,de=a(w)`
   margin-left: ${o.sp2};
-`,Qt=a(Ke)`
+`,Zt=a(Ke)`
   color: ${e=>e.theme.colors.primary};
-`,Zt=a.div`
+`,_t=a.div`
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -231,11 +231,11 @@ import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw a
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,qt=a(_e)`
+`,qt=a(Qe)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.grey1};
-`,eo=a(Q)`
+`,eo=a(Z)`
   color: ${e=>e.theme.colors.hero};
   margin-right: ${o.sp2};
 `,N=a.div`
@@ -257,7 +257,7 @@ import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw a
 `,oo=a(et)`
   height: ${o.sp3};
   width: ${o.sp3};
-  color: ${$.success};
+  color: ${y.success};
 `,ao=a(dt)`
   width: ${o.sp4};
   min-width: ${o.sp4};
@@ -281,7 +281,7 @@ import{a as Te,X as H,y as Pe,l as P,u as pe,a2 as Be,j as t,B as _,a0 as B,bw a
 `,X=a.div`
   color: ${e=>e.theme.colors.hero};
 `,K=a.div`
-  color: ${$.primaryDark};
+  color: ${y.primaryDark};
 `,ro=a(Ee)`
   width: ${o.sp3};
   height: ${o.sp3};