npm - @zeniai/web-cockpit-ui - Versions diffs - 1.13.97-qa → 1.13.98-dev - Mend

@zeniai/web-cockpit-ui 1.13.97-qa → 1.13.98-dev

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

Files changed (248) hide show

package/dist/assets/{VendorInternationalWireDetailsPage-j4j5irzH-CT3rN25J.js → VendorInternationalWireDetailsPage-C5JXqVVq-DdhMyWB0.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{j as t,X as Y,a as he,M as U,c3 as ye,D as ge,l as G,bO as be,bQ as fe,bR as xe,F as ve,a7 as we,C as p,cw as le,cx as Ce,o as y,as as $e,cg as oe,u as ne,cy as je,cz as J,cm as Q,am as H,c6 as De,cA as Te,q as a,co as Se,Y as ke,g as V,e as Fe,Q as Oe,bt as Ae,v as Le,b5 as ze}from"./index-Dr7k10Ge.js";import{b as I,n as g}from"./vendor-CnQcJ2Lu.js";import{W as We,A as Re}from"./BankAccountWarningSection-DKdgmMHQ-Df__wM_b.js";import{T as Ie}from"./MailingDetailsSection-CJhcwaGu-BAyX38PR.js";import{S as Pe}from"./CurrencySelectField-B3AvTbkp-CwUBnsMJ.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-BMdJsw3x-CnFfe2I5.js";const O={width:new p(343,580,726),height:new p(a[6],a[6]),controlHeight:new p(a[6],a[6]),paddingTopBottom:new p(a[2],a[2]),marginRight:new p(a[2],a[2]),labelMarginLeft:new p(a[3],a[4]),labelMarginRight:new p(a[3],a[4]),labelMarginTop:new p(a[2],a[2])},ae={infoLabel:new Oe("extraSmallRegular","smallRegular")};function Ee({isDisabled:e,label:i,currencySelectField:l,style:f,errorInfoLabel:u,isAdditionalInfoLabelLoading:n=!1,showAdditionalLabelTooltip:o=!1,additionalLabelTooltip:w,additionalInfoLabel:D,showAdditionalInfoLabel:k=!0}){const C=Y(),{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(Ne,{children:t.jsx(Ue,{})})})),t.jsxs(qe,{size:C,isError:j,hasToolTip:o,isDisabled:e!=null,children:[c,D]})}};return t.jsxs(_e,{size:C,style:f,isDisabled:e!=null,isError:j,"data-testid":ke("labeled-currency-field",l.name),children:[t.jsx(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 _e=g.div`
+import{j as t,X as G,a as he,M as U,c3 as ye,H as ge,l as Y,bO as be,bQ as fe,bR as xe,F as ve,a3 as we,C as p,cw as le,cx as Ce,o as y,an as $e,cg as oe,u as ne,cy as je,cz as K,cm as Q,ag as H,c6 as De,cA as Te,n as a,co as Se,Y as ke,g as V,c as Fe,Q as Oe,bs as Ae,w as Le,b4 as ze}from"./index-DyBH5SZv.js";import{b as I,n as g}from"./vendor-CnQcJ2Lu.js";import{W as We,A as Re}from"./BankAccountWarningSection-Ce5s962S-Dy-_2VlU.js";import{T as Ie}from"./MailingDetailsSection-BycONjR9-Dhu_6L_d.js";import{S as Pe}from"./CurrencySelectField-BRkdK9Tx-DZlSSgUd.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-C2LEKAwf-BQxD3J4c.js";const O={width:new p(343,580,726),height:new p(a[6],a[6]),controlHeight:new p(a[6],a[6]),paddingTopBottom:new p(a[2],a[2]),marginRight:new p(a[2],a[2]),labelMarginLeft:new p(a[3],a[4]),labelMarginRight:new p(a[3],a[4]),labelMarginTop:new p(a[2],a[2])},ae={infoLabel:new Oe("extraSmallRegular","smallRegular")};function Ee({isDisabled:e,label:i,currencySelectField:l,style:f,errorInfoLabel:u,isAdditionalInfoLabelLoading:n=!1,showAdditionalLabelTooltip:o=!1,additionalLabelTooltip:w,additionalInfoLabel:D,showAdditionalInfoLabel:k=!0}){const C=G(),{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(Ne,{children:t.jsx(Ue,{})})})),t.jsxs(qe,{size:C,isError:j,hasToolTip:o,isDisabled:e!=null,children:[c,D]})}};return t.jsxs(_e,{size:C,style:f,isDisabled:e!=null,isError:j,"data-testid":ke("labeled-currency-field",l.name),children:[t.jsx(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 _e=g.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -86,10 +86,10 @@ import{j as t,X as Y,a as he,M as U,c3 as ye,D as ge,l as G,bO as be,bQ as fe,bR
   width: ${y.sp3};
   height: ${y.sp3};
   color: inherit;
-`,S={largeLabelWidth:new p(120,140,220),paddingTopBottom:new p(a[3],a[3]),labelHeight:new p(a[6],a[6]),labelMarginLeft:new p(a[3],a[4]),labelMarginRight:new p(a[3],a[4]),labelMarginTop:new p(a[2],a[2]),controlHeight:new p(a[6],a[6]),toolTipWidth:new p(60,150)},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=Y(),{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,_=n?.currencyCode==null,F=["phone","email","other"];return t.jsx(Ye,{style:C,children:t.jsxs(Ge,{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(Ee,{isDisabled:T===!0?"disabled":D===!0?"readonly":void 0,label:{label:c.currency,width:x},style:{width:"auto"},currencySelectField:{name:L(o,"vendorCurrency"),placeholder:c.currencyPlaceholder,defaultValue:{allOptions:u.map(s=>({label:`${s.currencySymbol} - ${s.currencyName}`,value:s.currencyCode,countryCode:s.countryCode,currency:s.currencyName})),selectedOption:n?.currencyCode},registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}},additionalInfoLabel:m.international.currencyAdditionalInfo}),t.jsx(R,{}),_!==!0&&e==="Completed"?t.jsxs(t.Fragment,{children:[t.jsx(J,{isDisabled:void 0,label:{label:c.typeOfAccount,width:x},style:{width:"auto"},singleSelectPickerField:{name:L(o,"typeOfAccount"),placeholder:c.typeOfAccountPlaceholder,defaultValue:{selectedOption:n?.accountType?.type,allOptions:l.map(s=>({label:s.title,value:s.type}))},registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}}}),t.jsx(R,{})]}):null,n!=null&&z!=null&&n.dynamicForm[z]!=null&&i.length>0?Object.keys(n.dynamicForm[z]).map(s=>{const r=i.filter(E=>E.name===s)[0],h=n.accountType?.type;if(h!=null&&r!=null){const E=n.dynamicForm[h][s];switch(r.fieldType){case"text":return t.jsxs(t.Fragment,{children:[t.jsx(De,{label:{label:r.label+c.colon,width:x},text:{type:"text",name:W(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:E,options:{required:r.required,pattern:r.validationRegex!=null?new RegExp(r.validationRegex):void 0,maxLength:r.maxLength,minLength:r.minLength}},isDisabled:k,style:{width:"auto"},showAdditionalInfoLabel:!1},W(o,"dynamicForm",h,r.name)),t.jsx(R,{})]});case"select":return t.jsxs(t.Fragment,{children:[t.jsx(J,{isDisabled:void 0,label:{label:r.label+c.colon,width:x},style:{width:"auto"},singleSelectPickerField:{name:W(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:{selectedOption:E,allOptions:r.valuesAllowed??[]}}},W(o,"dynamicForm",h,r.name)),t.jsx(R,{})]});case"radio":return t.jsxs(t.Fragment,{children:[t.jsxs(K,{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(X,{labelWidth:x,size:b,children:r.valuesAllowed?.map(M=>t.jsx(H,{label:{label:M.label},style:{paddingRight:`${y.sp4}`,width:"auto"},radioField:{name:W(o,"dynamicForm",h,r.name),id:r.name,value:M.value,registerOptions:{required:!0}}},M.value))})]},W(o,"dynamicForm",h,r.name)),t.jsx(R,{})]});default:return null}}else return null}):null,t.jsxs(Je,{size:b,children:[t.jsxs(K,{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(X,{labelWidth:x,size:b,children:[t.jsx(H,{label:{label:c.phone},style:{paddingRight:`${y.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:L(o,"source"),id: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}`,W=(e,i,l,f)=>`${e}.${i}.${l}.${f}`,Ye=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,_=n?.currencyCode==null,F=["phone","email","other"];return t.jsx(Ge,{style:C,children:t.jsxs(Ye,{children:[t.jsx(je,{isDisabled:w===!0?"readonly":void 0,label:{label:c.country,width:x},style:{width:"auto"},countrySelectField:{name:L(o,"vendorCountry"),placeholder:c.countryPlaceholder,defaultValue:le(n?.countryCode,f.map(s=>s.countryCode)),registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}},additionalInfoLabel:m.international.countryAdditionalInfo}),t.jsx(R,{}),t.jsx(Ee,{isDisabled:T===!0?"disabled":D===!0?"readonly":void 0,label:{label:c.currency,width:x},style:{width:"auto"},currencySelectField:{name:L(o,"vendorCurrency"),placeholder:c.currencyPlaceholder,defaultValue:{allOptions:u.map(s=>({label:`${s.currencySymbol} - ${s.currencyName}`,value:s.currencyCode,countryCode:s.countryCode,currency:s.currencyName})),selectedOption:n?.currencyCode},registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}},additionalInfoLabel:m.international.currencyAdditionalInfo}),t.jsx(R,{}),_!==!0&&e==="Completed"?t.jsxs(t.Fragment,{children:[t.jsx(K,{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(E=>E.name===s)[0],h=n.accountType?.type;if(h!=null&&r!=null){const E=n.dynamicForm[h][s];switch(r.fieldType){case"text":return t.jsxs(t.Fragment,{children:[t.jsx(De,{label:{label:r.label+c.colon,width:x},text:{type:"text",name:W(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:E,options:{required:r.required,pattern:r.validationRegex!=null?new RegExp(r.validationRegex):void 0,maxLength:r.maxLength,minLength:r.minLength}},isDisabled:k,style:{width:"auto"},showAdditionalInfoLabel:!1},W(o,"dynamicForm",h,r.name)),t.jsx(R,{})]});case"select":return t.jsxs(t.Fragment,{children:[t.jsx(K,{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:E,allOptions:r.valuesAllowed??[]}}},W(o,"dynamicForm",h,r.name)),t.jsx(R,{})]});case"radio":return t.jsxs(t.Fragment,{children:[t.jsxs(X,{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(H,{label:{label:M.label},style:{paddingRight:`${y.sp4}`,width:"auto"},radioField:{name:W(o,"dynamicForm",h,r.name),id:r.name,value:M.value,registerOptions:{required:!0}}},M.value))})]},W(o,"dynamicForm",h,r.name)),t.jsx(R,{})]});default:return null}}else return null}):null,t.jsxs(Ke,{size:b,children:[t.jsxs(X,{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(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}`,W=(e,i,l,f)=>`${e}.${i}.${l}.${f}`,Ge=g.div`
   display: flex;
   flex-direction: column;
-`,Ge=g.div`
+`,Ye=g.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -102,7 +102,7 @@ import{j as t,X as Y,a as he,M as U,c3 as ye,D as ge,l as G,bO as be,bQ as fe,bR
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Je=g.div`
+`,Ke=g.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -113,7 +113,7 @@ import{j as t,X as Y,a as he,M as U,c3 as ye,D as ge,l as G,bO as be,bQ as fe,bR
     z-index: 1;
     outline: 1px solid ${e=>e.theme.colors.primary};
   }
-`,K=g.div`
+`,X=g.div`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -121,7 +121,7 @@ import{j as t,X as Y,a as he,M as U,c3 as ye,D as ge,l as G,bO as be,bQ as fe,bR
   background-color: ${e=>e.theme.colors.grey5};
   min-height: ${e=>S.labelHeight.valuePx(e.size)};
   align-items: center;
-`,X=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 Y,a as he,M as U,c3 as ye,D as ge,l as G,bO as be,bQ as fe,bR
   flex-grow: 1;
   height: ${e=>S.controlHeight.valuePx(e.size)};
   align-items: center;
-`,P={paddingTopBottomContainer:new p(a[3],a[3]),paddingLeftContainer:new p(a[3],a[6]),paddingRightContainer:new p(a[3],a[8]),marginLeft:new p(a[4],a[6]),buttonWidth:new p(140,140)},Z="internationalDetailsPage",v="internationalWireSection",Ke="mailingAddressSection",ee=e=>`${e}_form`,Xe=({internationalWireView:e,vendorType:i,isCountryDropdownReadonly:l=!1,isCurrencyDropdownReadonly:f=!1,isDisabled:u,addressType:n,addressToEdit:o,mailingAddress:w,billAmount:D,onAccountDetailsUpdated:k,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:j})=>{const m=Y(),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)}),[_,F]=I.useState(!1),[s,r]=I.useState(!1),h=U.getLocalizedStrings().spendManagement.billPay.vendorCreation,E=U.getLocalizedStrings().common.footer,{international:M}=h.wireDetails,re={onOkClick:()=>{r(!1),T.reset(),$()},onCancelClick:()=>{r(!1)}},se=(d,A)=>{if(d.includes("account_holder_name")||d.includes("bank_account_iban")||d.includes("bank_swift_code")||d.includes("account_number")||d.includes("sort_code")||d.includes("ifsc_code")||d.includes("upi_id")||d.includes("contact_no")||d.includes("bank_code")||d.includes("institution_number")||d.includes("transit_number")||d.includes("identification_value")||d.includes("branch_code")||d.includes("clabe")||d.includes("bsb_code")||d.includes("proxy_value")||d.includes("php_e_wallet_no")){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 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(()=>{_&&q(),j(n)},[_,q,j,n]),ce=T.handleSubmit(d=>{_&&q(),b()}),ue=!ge(w!=null?G.getFormattedAddress(w):w,o!=null?G.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(Z),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:Ke,isDisabled:u,addressType:n,addressToEdit:o,onAddressClick:de})]})})]}),t.jsx(we,{formId:ee(Z),primaryBtn:{label:h.bankAccountCommon.saveAccount,isLoading:x.fetchState==="In-Progress",style:{width:P.buttonWidth.value(m)},isDisabled:u!=null},cancelBtn:{label:E.cancel,style:{width:P.buttonWidth.value(m)},shouldResetOnCancel:!1,onClick:()=>{T.formState.isDirty?r(!0):(T.reset(),$())}}})]})},Ze=e=>{const i=e.dynamicForm,l=e.createInternationalWireDetails.localData?.dynamicForm,f=e.createInternationalWireDetails.localData?.accountType?.type;let u={};return l!=null&&i.length>0?(Object.keys(l).forEach(n=>{n===f?(u={...u,[n]:{}},Object.keys(l[n]).forEach(o=>{i.find(w=>w.name===o)?.fieldType==="select"?u[n]={...u[n],[o]:{selectedOption:l[n][o],allOptions:i.find(w=>w.name===o)?.valuesAllowed??[]}}:u[n]={...u[n],[o]:l[n][o]}})):u={...u,[n]:{}}}),u):{}},te=e=>{const i=e.createInternationalWireDetails.localData?.source;return{[v]:{vendorCountry:le(e.createInternationalWireDetails.localData?.countryCode,e.supportedCountries.map(l=>l.countryCode)),vendorCurrency:{allOptions:e.supportedCurrencies.map(l=>({label:`${l.currencyCode} - ${l.currencyName}`,value:l.currencyCode,countryCode:l.currencySymbol,currency:l.currencyName})),selectedOption:e.createInternationalWireDetails.localData?.currencyCode},typeOfAccount:{allOptions:e.supportedAccountTypes.map(l=>({label:l.title,value:l.type})),selectedOption:e.createInternationalWireDetails.localData?.accountType?.type},dynamicForm:Ze(e),source:i!=null&&i!=="phone"&&i!=="email"?"other":i,otherSource:i!=null&&i!=="phone"&&i!=="email"?i:void 0}}},et=e=>{let i={};return Object.keys(e).forEach(l=>{i={...i,[l]:typeof e[l]=="string"?e[l]:e[l].selectedOption}}),i},ie=(e,i,l,f,u)=>{const n=i.createInternationalWireDetails.localData?.accountType?.type;return{dynamicForm:n!=null?{...i.createInternationalWireDetails.localData?.dynamicForm,[n]:et(e[v].dynamicForm?.[n]??{})}:i.createInternationalWireDetails.localData?.dynamicForm??{},source:e[v].source==="other"?e[v].otherSource??"":e[v].source,countryCode:e[v].vendorCountry.selectedOption!=null?Ce(e[v].vendorCountry.selectedOption):void 0,currencyCode:l&&!u?void 0:e[v].vendorCurrency.selectedOption,accountType:f||e[v].typeOfAccount.selectedOption==null?void 0:{type:e[v].typeOfAccount.selectedOption,title:i.supportedAccountTypes.filter(o=>o.type===e[v].typeOfAccount.selectedOption)[0].title}}},tt=g.div`
+`,P={paddingTopBottomContainer:new p(a[3],a[3]),paddingLeftContainer:new p(a[3],a[6]),paddingRightContainer:new p(a[3],a[8]),marginLeft:new p(a[4],a[6]),buttonWidth:new p(140,140)},J="internationalDetailsPage",v="internationalWireSection",Xe="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)}),[_,F]=I.useState(!1),[s,r]=I.useState(!1),h=U.getLocalizedStrings().spendManagement.billPay.vendorCreation,E=U.getLocalizedStrings().common.footer,{international:M}=h.wireDetails,re={onOkClick:()=>{r(!1),T.reset(),$()},onCancelClick:()=>{r(!1)}},se=(d,A)=>{if(d.includes("account_holder_name")||d.includes("bank_account_iban")||d.includes("bank_swift_code")||d.includes("account_number")||d.includes("sort_code")||d.includes("ifsc_code")||d.includes("upi_id")||d.includes("contact_no")||d.includes("bank_code")||d.includes("institution_number")||d.includes("transit_number")||d.includes("identification_value")||d.includes("branch_code")||d.includes("clabe")||d.includes("bsb_code")||d.includes("proxy_value")||d.includes("php_e_wallet_no")){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 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(()=>{_&&q(),j(n)},[_,q,j,n]),ce=T.handleSubmit(d=>{_&&q(),b()}),ue=!ge(w!=null?Y.getFormattedAddress(w):w,o!=null?Y.getFormattedAddress(o):o)||T.formState.isDirty;return t.jsxs(it,{children:[t.jsxs(lt,{size:m,children:[s===!0?t.jsx(be,{titleComponent:t.jsx(xe,{children:h.discardTitle}),descriptionComponent:t.jsx(fe,{children:h.discardDescription}),primaryButtonText:h.discard,secondaryButtonText:h.cancel,action:re}):null,t.jsx(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:Xe,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:E.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 Y,a as he,M as U,c3 as ye,D as ge,l as G,bO as be,bQ as fe,bR
   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,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(Xe,{internationalWireView:e,addressToEdit:o,mailingAddress:w,addressType:u,billAmount:D,isDisabled:n,onSaveHandler:b,onBackClick:$,onAddressClick:j,onAccountDetailsUpdated:k,onCurrencyUpdated:C,vendorType:f,isCountryDropdownReadonly:x,isCurrencyDropdownReadonly:z})};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-DM4jC7wD-0NWOAHYt.js → VendorInternationalWireSwiftDetailsPage-7KrBqEWb-D_WpQwvk.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{j as l}from"./index-~~Dr7k10Ge~~.js";import{b as B}from"./vendor-CnQcJ2Lu.js";import{f as u}from"./InternationalWireSwiftDetailsPage-~~B441GUkh~~-~~D_QVeJ7p~~.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-~~DKdgmMHQ~~-~~Df__wM_b~~.js";import"./MailingDetailsSection-~~CJhcwaGu~~-~~BAyX38PR~~.js";import"./LabeledAddressValueField-~~BMdJsw3x~~-~~CnFfe2I5~~.js";import"./MagicLinkTitleSection-~~CCjLimcL~~-~~Ip3y0PNU~~.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};
1	+ import{j as l}from"./index-DyBH5SZv.js";import{b as B}from"./vendor-CnQcJ2Lu.js";import{f as u}from"./InternationalWireSwiftDetailsPage-24NSHzu1-CRaVhxIk.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-Ce5s962S-Dy-_2VlU.js";import"./MailingDetailsSection-BycONjR9-Dhu_6L_d.js";import"./LabeledAddressValueField-C2LEKAwf-BQxD3J4c.js";import"./MagicLinkTitleSection-Oa8Szvl2-DvY3D69u.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-BTRiZlIa-D2xftT7n.js → VendorsAccountsSection-fcURK7tv-BOScGj67.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{X as ie,u as oe,M as te,C as c,g5 as w,ab as T,j as i,hl as g,hk as m,o as n,Q as re,g as ne,dw as se,v as le,q as a}from"./index-Dr7k10Ge.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`
+import{X as ie,u as oe,M as te,C as c,g3 as w,a7 as T,j as i,hj as g,hi as m,o as r,Q as ne,g as re,dv as se,w as le,n as a}from"./index-DyBH5SZv.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:r.sp6},k={title:new ne("standardMedium","largeMedium")},de=l.div`
   display: flex;
   flex-direction: column;
   row-gap: ${e=>s.rowGap.valuePx(e.windowSize)};
@@ -8,8 +8,8 @@ import{X as ie,u as oe,M as te,C as c,g5 as w,ab as T,j as i,hl as g,hk as m,o a
   width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
   background-color: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${n.sp2};
+  box-shadow: ${e=>`${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${r.sp2};
   fill: ${e=>e.theme.colors.grey1};
   justify-content: space-between;
   box-sizing: border-box;
@@ -23,8 +23,8 @@ import{X as ie,u as oe,M as te,C as c,g5 as w,ab as T,j as i,hl as g,hk as m,o a
   flex-direction: row;
   margin-left: ${e=>s.elementsMarginLeftRight.valuePx(e.windowSize)};
   margin-right: ${e=>s.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-top: ${n.sp4};
-  margin-bottom: ${n.sp0};
+  margin-top: ${r.sp4};
+  margin-bottom: ${r.sp0};
 `,ae=l.div`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${k.title.style(e.windowSize)}`};
@@ -37,10 +37,10 @@ import{X as ie,u as oe,M as te,C as c,g5 as w,ab as T,j as i,hl as g,hk as m,o a
   align-items: flex-start;
   padding: ${e=>s.iconPadding.valuePx(e.windowSize)};
   background: ${e=>e.iconColor.toString()};
-  border-radius: ${n.sp11};
+  border-radius: ${r.sp11};
   width: fit-content;
   height: fit-content;
-  color: ${e=>e.isDarkMode?ne.neutralGrey5Light:e.theme.colors.brandColorOnyx};
+  color: ${e=>e.isDarkMode?re.neutralGrey5Light:e.theme.colors.brandColorOnyx};
   max-width: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   max-height: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   margin-right: ${e=>s.iconContainerMarginRight.valuePx(e.windowSize)};
@@ -50,8 +50,8 @@ import{X as ie,u as oe,M as te,C as c,g5 as w,ab as T,j as i,hl as g,hk as m,o a
 `,v=l(le)`
   color: ${e=>e.theme.colors.hero};
 `,y=l(se)`
-  width: ${n.sp4};
-  height: ${n.sp4};
+  width: ${r.sp4};
+  height: ${r.sp4};
 `,j=l.div`
   display: flex;
   flex-direction: column;
@@ -60,9 +60,9 @@ import{X as ie,u as oe,M as te,C as c,g5 as w,ab as T,j as i,hl as g,hk as m,o a
   flex-direction: column;
   margin-left: ${e=>s.elementsMarginLeftRight.valuePx(e.windowSize)};
   margin-right: ${e=>s.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-top: ${n.sp3};
-  margin-bottom: ${n.sp3};
+  margin-top: ${r.sp3};
+  margin-bottom: ${r.sp3};
   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:L,showTitle:I=!0}){const r=ie(),d=oe(),{accruedExpensesAccountHierarchy:O,accruedExpensesAccountList:_,accruedExpensesRecommendations:M,fixedAssetsAccountHierarchy:B,fixedAssetsAccountList:E,fixedAssetsRecommendations:R,prepaidExpensesAccountHierarchy:W,prepaidExpensesAccountList:C,prepaidExpensesRecommendations:P,selectedAccruedExpensesAccountIds:q,selectedFixedAssetsAccountIds:F,selectedPrepaidExpensesAccountIds:V}=u,t=te.getLocalizedStrings().uncategorizedAccountsMapping,p=s.labelWidth.value(r),H=w(W,P,"Accounts"),D=w(B,R,"Accounts"),G=w(O,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=>V.includes(o.accountId)??!1),Z=E.filter(o=>F.includes(o.accountId)??!1),ee=_.filter(o=>q.includes(o.accountId)??!1),x={valueContainer:o=>({...o,padding:`2px ${n.sp3}`,overflow:"unset"}),multiValue:o=>({...o,margin:0})},h=d.mode==="light"?new T(d.colors.brandColorJadeLight):new T(d.colors.brandColorJadeDark);return i.jsxs(de,{windowSize:r,children:[I?i.jsx(ae,{windowSize:r,children:t.vendorSection.heading}):null,i.jsxs(ce,{windowSize:r,children:[i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(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: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=>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,E)}})})}),L?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};
+  border-radius: ${r.sp2};
+`,z=(e,u)=>`${e}.${u}`;function xe({sectionId:e,vendorAccountMappingSection:u,isAccruedExpensesFeatureEnabled:I,showTitle:L=!0}){const n=ie(),d=oe(),{accruedExpensesAccountHierarchy:O,accruedExpensesAccountList:_,accruedExpensesRecommendations:E,fixedAssetsAccountHierarchy:B,fixedAssetsAccountList:M,fixedAssetsRecommendations:R,prepaidExpensesAccountHierarchy:F,prepaidExpensesAccountList:C,prepaidExpensesRecommendations:P,selectedAccruedExpensesAccountIds:W,selectedFixedAssetsAccountIds:H,selectedPrepaidExpensesAccountIds:V}=u,t=te.getLocalizedStrings().uncategorizedAccountsMapping,p=s.labelWidth.value(n),q=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=>V.includes(o.accountId)??!1),Z=M.filter(o=>H.includes(o.accountId)??!1),ee=_.filter(o=>W.includes(o.accountId)??!1),x={valueContainer:o=>({...o,padding:`2px ${r.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:n,children:[L?i.jsx(ae,{windowSize:n,children:t.vendorSection.heading}):null,i.jsxs(ce,{windowSize:n,children:[i.jsxs(f,{windowSize:n,children:[i.jsx(b,{windowSize:n,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(y,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:n,children:t.vendorSection.prepaidExpenseTitle}),i.jsx(v,{children:t.vendorSection.prepaidExpenseSubTitle})]})]}),i.jsx(j,{children:i.jsx(A,{windowSize:n,children:i.jsx(g,{label:{label:t.vendorSection.prepaidExpenselabel,width:p},groupedMultiSelectField:{name:z(e,"prepaidExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:q,selectedOptions:Y.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:Q,sticky:!1},valueToId:o=>m(o,C)}})})}),i.jsxs(f,{windowSize:n,children:[i.jsx(b,{windowSize:n,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(y,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:n,children:t.vendorSection.FixedAssetsTitle}),i.jsx(v,{children:t.vendorSection.fixedAssetsSubTitle})]})]}),i.jsx(j,{children:i.jsx(A,{windowSize:n,children:i.jsx(g,{label:{label:t.vendorSection.fixedAssetslabel,width:p},groupedMultiSelectField:{name:z(e,"fixedAssetsAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions: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:n,children:[i.jsx(b,{windowSize:n,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(y,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:n,children:t.vendorSection.AccruedExpensesTitle}),i.jsx(v,{children:t.vendorSection.accruedExpensesSubTitle})]})]}),i.jsx(j,{children:i.jsx(A,{windowSize:n,children:i.jsx(g,{label:{label:t.vendorSection.accruedExpenseslabel,width:p},groupedMultiSelectField:{name:z(e,"accruedExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:G,selectedOptions:ee.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${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-ZgfQEBme-BogIku8q.js → WarningsDrawerPage-Bnd_CdR9-B2JqHi6z.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import{X as j,l as B,M as S,j as s,eO as I,eS as D,K as M,r as E,o as n,C as $,Q as L,h as P,a6 as z,c0 as N,g as w,k as A,ee as R,eC as T,q as g}from"./index-Dr7k10Ge.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=S.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)},O={title:new L("largeMedium","largeSemiBold")},$e=({companyView:r,allUsers:a,onRetryBankAccountConnection:o,onCloseClick:d})=>{const l=j(),C=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}=Q(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(J,{windowSize:l,children:[s.jsx(U,{windowSize:l,children:r?.name}),s.jsx(se,{onClick:d})]})})}),s.jsxs(X,{children:[s.jsx(_,{children:C>0?s.jsxs(b,{children:[s.jsx(b,{children:I(e.cockpit.review.warningsDrawer.issueFound)}),s.jsx(ie,{children:`${e.common.strings.openingBrace}${C}${e.common.strings.closingBrace}`})]}):s.jsx(b,{children:`${e.common.no}
-              ${I(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(D,{}):s.jsx(ne,{})}),s.jsxs(ee,{children:[s.jsx(re,{isStepInError:i.status==="Error",children:i.message}),i.status==="Error"?s.jsx(M,{label:e.common.retry,onClick:i.onClickRetry,loading:r?.retryBankAccountConnectionFetchState.fetchState==="In-Progress",variant:"light_transparent",style:{padding:`${n.sp1} ${n.sp3}`,borderRadius:n.sp1},textStyle:{...E.extraSmallMedium.cssObject}}):null]})]})},c))]})]})},Q=(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`
+import{X as C,l as B,M as D,j as s,eM as j,eQ as S,K as M,v as E,o as n,C as $,Q as L,h as P,a2 as z,c0 as N,g as w,k as A,ax as Q,eA as R,n as g}from"./index-DyBH5SZv.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}=F(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}=G(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(q,{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}},F=(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}},G=(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}},q=t.div`
   display: flex;
   flex-direction: column;
   padding-top: ${n.sp3};
@@ -17,11 +17,11 @@ import{X as j,l as B,M as S,j as s,eO as I,eS as D,K as M,r as E,o as n,C as $,Q
   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;
@@ -34,15 +34,15 @@ import{X as j,l as B,M as S,j as s,eO as I,eS as D,K as M,r as E,o as n,C as $,Q
   padding-top: ${r=>h.navBarPaddingTop.valuePx(r.windowSize)};
   padding-bottom: ${r=>h.navBarPaddingBottom.valuePx(r.windowSize)};
   height: 100%;
-`,U=t(P)`
-  ${r=>`${O.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?w.alertLight:r.theme.colors.grey5};
   border: ${r=>`1px solid ${r.theme.colors.grey3}`};
@@ -50,7 +50,7 @@ import{X as j,l as B,M as S,j as s,eO as I,eS as D,K as M,r as E,o as n,C as $,Q
   margin-bottom: ${n.sp3};
   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;
@@ -66,11 +66,11 @@ import{X as j,l as B,M as S,j as s,eO as I,eS as D,K as M,r as E,o as n,C as $,Q
   color: ${r=>r.isStepInError?w.brandColorGoldDark:r.theme.colors.primary};
   margin-left: ${n.sp2};
   align-items: center;
-`,oe=t(R)`
+`,oe=t(Q)`
   width: ${n.sp4};
   height: ${n.sp4};
   color: ${w.success};
-`,ne=t(T)`
+`,ne=t(R)`
   width: ${n.sp4};
   height: ${n.sp4};
   color: ${r=>r.theme.colors.hero};

package/dist/assets/{ZeniAccountDetailPage-xrq0Ez6S-5Y9wWxKq.js → ZeniAccountDetailPage-DRDCdFW7-D8o4Z2Hy.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{a as Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as L,o,aW as Le,r as z,bO as R,bQ as F,bR as V,F as Ne,cA as Me,g as f,co as He,Y as v,e as ue,v as b,b5 as Ee,bf as Ie,a9 as Ue,C as j,fe as Oe,cO as ae,q as p,gS as We,ay as Re,b7 as Fe,aB as Ve,aA as Ye,b8 as Ge,az as Je,t as _,gT as Xe,aq as qe,ak as Ke,gU as _e,k as Qe,gV as Ze,ee as et,fg as tt,cv as ot,m as at,Q as it,ah as nt}from"./index-Dr7k10Ge.js";import{b as l,n as a}from"./vendor-CnQcJ2Lu.js";import{$ as rt}from"./BoxItem-BHtgE0KL-BJPg4xAk.js";import{w as lt}from"./downloadPdf-D7ANJLK4-BVhr8pTH.js";import{H as ct}from"./DepositAccTransactionItem-CiRcbfmm-ChlbIcLT.js";import{T as st}from"./ZeniAccountNavBarPieces-xpHuuPSD-CQw7XfH0.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-DRfDJ_wQ-DeEC_LLv.js";const dt=e=>l.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{d:"M21.5348 3H2.31522C1.80976 3 1.4 3.44579 1.4 3.99569V19.9353C1.4 20.4852 1.80976 20.931 2.31522 20.931H21.5348C22.0402 20.931 22.45 20.4852 22.45 19.9353V3.99569C22.45 3.44579 22.0402 3 21.5348 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M16 10.8126H19.62",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M16 13.6245H18.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M13.8276 15.9677C13.4452 15.3772 12.177 14.948 10.5892 14.3603C10.1412 14.1934 10.2143 13.0237 10.413 12.8053C10.7291 12.463 10.9691 12.0577 11.1174 11.6161C11.2657 11.1744 11.3189 10.7064 11.2735 10.2428C11.3006 9.95383 11.2662 9.66242 11.1723 9.3878C11.0785 9.11317 10.9275 8.86159 10.7292 8.64967C10.5309 8.43776 10.2899 8.27033 10.0222 8.15847C9.75438 8.04661 9.4659 7.99286 9.1758 8.00076C8.8857 7.99286 8.59723 8.04661 8.32945 8.15847C8.06166 8.27033 7.82067 8.43776 7.6224 8.64967C7.42412 8.86159 7.27309 9.11317 7.17927 9.3878C7.08544 9.66242 7.05098 9.95383 7.07814 10.2428C7.03273 10.7064 7.08592 11.1744 7.23421 11.6161C7.38251 12.0577 7.62255 12.463 7.93858 12.8053C8.13728 13.0237 8.21039 14.1934 7.76237 14.3603C6.17647 14.948 4.90644 15.3772 4.52402 15.9677",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),pt=a.div`
+import{a as Te,X as M,t as Pe,l as P,u as pe,a1 as Be,j as t,M as Q,_ as B,bs as L,o,aV as Le,v as D,bO as W,bQ as F,bR as Y,F as Ne,cA as He,g as y,co as Me,Y as C,c as ue,w,b4 as Ee,be as Ie,a5 as Oe,C as j,fc as Ue,cO as ae,n as p,gQ as Re,ar as We,b6 as Fe,au as Ye,at as Ve,b7 as Ge,as as Je,q as Z,gR as Xe,al as Ke,ae as Qe,gS as Ze,k as _e,gT as qe,ax as et,fe as tt,cv as ot,f as at,Q as it,bH as nt}from"./index-DyBH5SZv.js";import{b as r,n as a}from"./vendor-CnQcJ2Lu.js";import{$ as lt}from"./BoxItem-DX1sag1G-C0OcCbod.js";import{w as rt}from"./downloadPdf-LAHtgcHF-B9uNpNRf.js";import{H as ct}from"./DepositAccTransactionItem-B55LUfPM-Bsnh-Dnt.js";import{T as st}from"./ZeniAccountNavBarPieces-DFivFXxa-rHFaK51E.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-DAvj4Il1-Chc9ZQai.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,17 +8,17 @@ import{a as Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
   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}=K.getLocalizedStrings(),{zeniAccounts:i}=ht,G=K.getLocalizedStrings().dateFormat,mt=K.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Jt,{children:e}),he=l.memo(({accountHistory:e})=>{const h=H(),n=pe(),[m,$]=l.useState(),w=l.useMemo(()=>e.accountHistoryWithBalance.map(r=>({...r,date:r.date.toISOString()})),[e.accountHistoryWithBalance]),x=l.useCallback(r=>{let d="",c="";return r&&r[0]&&(c=B("0,0[.]00",r[0].payload?.balance?.available),d=T.zeniDate(r[0].payload?.date).format(G.visual.DMMMYYYYFormat)),t.jsxs(Yt,{children:[t.jsx(re,{children:d}),t.jsx(re,{isSublabel:!0,children:c})]})},[]),g=l.useCallback(r=>{const{x:d,y:c}=r,{value:C}=r.payload;let D=!1;e.accountHistoryWithBalance.length>360&&(D=!0);const S=D?T.zeniDate(C).format(G.visual.MMMformat):T.zeniDate(C).format(G.visual.MMMDFormat);return t.jsx(Dt,{translateX:d,translateY:c,children:t.jsx(Lt,{windowSize:h,dy:20,dx:-25,children:S})})},[e.accountHistoryWithBalance.length,h]),k=l.useCallback(({cx:r,cy:d,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==r||m?.y!==d)&&$({x:r,y:d}),t.jsx(Gt,{cx:r,cy:d,strokeWidth:1,r:p[1]})),[m]),y=l.useMemo(()=>{const r=e.accountHistoryWithBalance.length;return r<=0?0:r>360?Math.floor(r/12):Math.floor(r/7)},[e.accountHistoryWithBalance.length]);return e.fetchState!=="Completed"?null:e.fetchState==="Completed"&&e.accountHistoryWithBalance.length===0?t.jsx(so,{children:t.jsx(po,{children:M.texts.noData})}):t.jsx(It,{children:t.jsx(We,{height:u.areaChartHeight.value(h),width:"99%",children:t.jsxs(Re,{data:w,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:f.brandColorJade,stopOpacity:1}),t.jsx(Ht,{offset:"100%",stopColor:f.brandColorJade,stopOpacity:.03})]})}),t.jsx(Fe,{vertical:!1,strokeWidth:2,stroke:n.colors.grey3}),t.jsx(Ve,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:r=>g(r),padding:{right:p[4]},interval:y}),t.jsx(Ye,{tick:!1,axisLine:!1}),t.jsx(Ge,{position:m,content:({payload:r})=>x(r),cursor:{strokeDasharray:"3",stroke:f.brandColorJade}}),t.jsx(Je,{activeDot:k,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:f.brandColorJade,fill:"url(#colorUv)"})]})})})});he.displayName="AccountBalanceGraph";const me=l.memo(({zeniAccountDetail:e,getToolTipContent:h,onAccountDetailClick:n,downloadEndPoint:m,authParams:$,showLoader:w,setShowLoader:x,onViewAllTransactionClick:g,showViewAllTransactions:k})=>{const y=H(),r=l.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(wt,{windowSize:y,children:[t.jsx(xt,{getToolTipContent:h,zeniAccountDetail:e}),t.jsxs(zt,{children:[t.jsx(he,{accountHistory:r}),t.jsxs(Et,{windowSize:y,children:[t.jsxs(Rt,{onClick:n,"data-testid":v("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(Ft,{"data-testid":v("download-bank-verification-letter"),onClick:()=>lt(`${m}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,$,x),children:[w?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($t,{windowSize:y,children:[t.jsxs(jt,{children:[t.jsx(_t,{children:i.zeniAccountDetail.transactions}),k?t.jsxs(Qt,{onClick:g,"data-testid":v("view-all-account-transactions"),children:[t.jsx(eo,{children:i.zeniAccountDetail.viewAll}),t.jsx(Zt,{})]}):null]}),t.jsx(kt,{children:e.transactionList.map((d,c)=>t.jsx(ct,{data:d,boxType:rt(c,e.transactionList.length)},d.id))})]}):t.jsxs(gt,{children:[t.jsx(yt,{windowSize:y}),t.jsx(ft,{children:i.zeniAccountDetail.noTransactionText})]})]})});me.displayName="AccountDetailScreen";const So=({authParams:e,downloadEndPoint:h,zeniAccountDetail:n,isBillPayEnabled:m,isExpressPayEnabled:$,onViewAllTransactionClick:w,onAccountDetailClick:x,handleMoveMoneyOptionSelection:g,onBackClick:k,onCloseAccountClick:y,onEditNameClick:r,onReloadZeniAccountDetailPage:d})=>{const c=Pe({mode:"all"}),{setFocus:C}=c,[D,S]=l.useState(!1),[E,I]=l.useState(!1),[Q,xe]=l.useState(!1),Z=H(),ee=Te(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||T.hasAnyFinOpRole(ee.loggedInUserRoleMap);l.useEffect(()=>{const s=setTimeout(()=>{n.fetchState==="Completed"&&n.accountDetail?.accountBalance.available.amount===0&&!te&&g("transfer",n.accountDetail)},500);return()=>{clearTimeout(s)}},[n.accountDetail?.id,n.fetchState,te]),l.useEffect(()=>{Q===!0&&setTimeout(()=>{xe(!1)},800)},[Q]);const ge=n.transactionList.length>4,U=pe(),[ye,fe]=l.useState(!1),[$e,O]=l.useState(!1),W=n.accountUpdateStatus.editName.fetchState,oe=Be(W),je=s=>{s==="closeAccount"?S(!0):s==="editNickName"?I(!0):s==="payBill"?O(!0):g(s,n.accountDetail)},be={onOkClick:()=>{y?.(),S(!1)},onCancelClick:()=>{S(!1)}},we={onOkClick:()=>{},onCancelClick:()=>{c.reset(),I(!1)}};l.useEffect(()=>{oe==="In-Progress"&&W==="Completed"&&(I(!1),c.reset())},[oe,W,c]),l.useEffect(()=>{E&&C(Y)},[E,C]);const ke={pageName:"detailPage",onOptionSelection:je},ve=n.accountDetail?.accountName??"",A=n.accountSummary,Ce=c.handleSubmit(s=>{r?.(s.checkingAccountNickName)}),Se={onOkClick:()=>{g("payBill"),O(!1)},onCancelClick:()=>{O(!1)}},ze=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},De=l.useCallback(s=>{let P=null;switch(s){case"insuredBalance":P=t.jsx(t.Fragment,{});break;case"totalInterest":P=t.jsx(co,{children:i.zeniAccountList.yieldTooltip});break;case"totalBalance":P=t.jsxs(ro,{children:[t.jsx(no,{children:i.zeniAccountList.balanceTooltip.base}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.balance}),t.jsx(q,{children:B("0,0[.]00",A?.totalBalance.current)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.processing}),t.jsx(q,{children:B("0,0[.]00",A?.totalBalance.hold)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.available}),t.jsx(q,{children:B("0,0[.]00",A?.totalBalance.available)})]})]});break}return t.jsx(N,{children:t.jsx(L,{style:{textAlign:"left",padding:o.sp1},maxWidth:ze(s),display:"flex",placement:Z==="small"?"bottom":"top",title:P,children:t.jsx(lo,{})})})},[A,Z]),Ae=t.jsx(st,{zeniBankProps:ke,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(bt,{children:[t.jsx(Le,{title:ve,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:k,showMenuIcon:!1,backgroundColor:U.colors.grey4,style:{zIndex:3,...z.largeSemiBold.cssObject},rightSideComponent:Ae,source:"ZeniAccountDetailPage"}),D?t.jsx(R,{titleComponent:t.jsx(V,{children:i.zeniAccountDetail.closeAccountPopUp.title}),descriptionComponent:t.jsx(F,{children:`${i.zeniAccountDetail.closeAccountPopUp.description}${n.accountDetail?.maskedAccountNumber}${M.strings.dot}`}),primaryButtonText:i.zeniAccountDetail.closeAccountPopUp.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:i.zeniAccountDetail.closeAccountPopUp.secondaryButtonText,action:be}):null,$e?t.jsx(R,{titleComponent:t.jsx(V,{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(R,{titleComponent:t.jsx(V,{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:we,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(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?f.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:De,onAccountDetailClick:x,onViewAllTransactionClick:w,setShowLoader:fe,showLoader:ye,showViewAllTransactions:ge,zeniAccountDetail:n}):n.fetchState==="Error"?t.jsxs(At,{children:[t.jsx(Pt,{onClick:d,"data-testid":v("account-detail-reload"),children:t.jsx(Bt,{})}),t.jsx(Tt,{children:mt.reloadPage.label})]}):t.jsx(pt,{children:t.jsx(ue,{size:"ExtraLarge",start:!0})})]})},xt=({zeniAccountDetail:e,getToolTipContent:h})=>{const n=H(),[m,$]=l.useState(!1),[,w]=Oe(),[x,g]=l.useState(!1),k=()=>{w(e.accountDetail?.accountNumber??""),g(!0)};return l.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(vt,{children:[t.jsxs(Ct,{children:[t.jsx(Vt,{children:t.jsxs(le,{children:[ne(i.zeniAccountList.totalAvailableBalance),h("totalBalance")]})}),t.jsx(Kt,{windowSize:n,children:e.accountDetail?.accountBalance.available?t.jsx(t.Fragment,{children:t.jsx(ae,{amount:e.accountDetail?.accountBalance.available,integerStyles:z.h2Regular.cssObject,decimalStyles:z.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(qt,{"data-testid":v("hide-account-number"),onClick:()=>{$(!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":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(le,{children:[ne(i.common.totalYieldEarned),h("totalInterest")]}),t.jsxs(Ut,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(ae,{amount:e.accountSummary?.totalInterest.available,integerStyles:z.largeRegular.cssObject,decimalStyles:z.smallRegular.cssObject}),t.jsx(Ot,{}),t.jsx(Wt,{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,G=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(G.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: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)&&$({x:l,y:d}),t.jsx(Gt,{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(Ye,{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(Ge,{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":C("view-account-detail-button"),children:[t.jsx(ao,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.accDetails}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),t.jsxs(Ft,{"data-testid":C("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":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(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:v}=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&&v(V)},[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"),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:Ce,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(Y,{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(Y,{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(Y,{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:ve,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(He,{type:"text",name:V,defaultValue:n.accountDetail?.accountName,placeholder:n.accountDetail?.accountName??"",style:{display:"flex",flexGrow:1,cursor:"inherit",height:o.sp7,textAlign:"left",width:"100%",background:Me(c.formState.errors,V)===!0?y.importantLight: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":C("account-detail-reload"),children:t.jsx(Bt,{})}),t.jsx(Pt,{children:mt.reloadPage.label})]}):t.jsx(pt,{children:t.jsx(ue,{size:"ExtraLarge",start:!0})})]})},xt=({zeniAccountDetail:e,getToolTipContent:h})=>{const n=M(),[m,$]=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(Ct,{children:[t.jsxs(vt,{children:[t.jsx(Yt,{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":C("hide-account-number"),onClick:()=>{$(!1)}})})}),t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"right",title:x?H.copyToClipBoard.copied:H.copyToClipBoard.copy,enterDelay:600,children:x===!0?t.jsx(oo,{}):t.jsx(to,{onClick:k,"data-testid":C("copy-account-number")})})})]}):t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.maskedAccountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.show,enterDelay:600,children:t.jsx(Xt,{"data-testid":C("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(St,{children:[t.jsxs(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(_e)`
+`,ft=a(Ze)`
   width: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
   height: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
   margin-top: 128px;
   margin-bottom: ${o.sp3};
-`,ft=a(_)`
+`,yt=a(Z)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
 `,$t=a.div`
@@ -33,11 +33,11 @@ import{a as Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
   display: flex;
   justify-content: space-between;
   margin-bottom: ${o.sp3};
-`,bt=a.div`
+`,wt=a.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,wt=a.div`
+`,bt=a.div`
   display: flex;
   gap: ${e=>`${u.accountDetailHeaderGap.valuePx(e.windowSize)}`};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
@@ -51,18 +51,18 @@ import{a as Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
 `,kt=a.div`
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${o.sp2};
-`,vt=a.div`
+`,Ct=a.div`
   display: flex;
   gap: ${o.sp3};
   flex-direction: column;
   justify-content: space-between;
-`,Ct=a.div``,St=a.div``,zt=a.div`
+`,vt=a.div``,St=a.div``,Dt=a.div`
   display: flex;
   gap: ${o.sp3};
   flex: 1;
   flex-direction: column;
   justify-content: flex-end;
-`,Dt=a.g`
+`,zt=a.g`
   transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
 `,At=a.div`
   display: flex;
@@ -71,7 +71,7 @@ import{a as Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,Pt=a.div`
+`,Tt=a.div`
   height: ${o.sp12};
   width: ${o.sp12};
   background: ${e=>e.theme.colors.background};
@@ -89,7 +89,7 @@ import{a as Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Tt=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 Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
 `,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 Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
       }
     }
   }
-`,Ut=a.div`
+`,Ot=a.div`
   display: flex;
   flex-direction: row;
   align-items: baseline;
-`,Ot=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 Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
   height: ${o.sp1};
   margin: ${o.sp0} ${o.sp1};
   margin-top: 2px;
-`,Wt=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;
@@ -165,10 +165,10 @@ import{a as Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
     }
   }
   margin-right: ${o.sp3};
-`,Vt=a(b)`
+`,Yt=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 Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
   min-width: 66px;
   border-radius: ${o.sp1};
   padding: ${o.sp0} ${o.sp2};
-  background-color: ${f.blackColor};
+  background-color: ${y.blackColor};
 `,Gt=a.circle`
   stroke: ${e=>e.theme.colors.brandColorJade};
   fill: ${e=>e.theme.colors.grey5};
-`,re=a(b)`
-  color: ${e=>e.isSublabel===!0?f.neutralGrey1Light:f.brandColorPearl};
-`,le=a.div`
+`,le=a(w)`
+  color: ${e=>e.isSublabel===!0?y.neutralGrey1Light:y.brandColorPearl};
+`,re=a.div`
   display: flex;
   gap: ${o.sp1};
-`,Jt=a(b)`
+`,Jt=a(w)`
   color: ${e=>e.theme.colors.hero};
-`,ce=a(Qe)`
+`,ce=a(_e)`
   text-transform: capitalize;
   color: ${e=>`${e.windowSize==="small"?e.theme.colors.hero:e.theme.colors.champion}`};
   display: flex;
@@ -202,23 +202,23 @@ import{a as Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
   margin-right: ${o.sp2};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,qt=a(Ze)`
+`,Kt=a(qe)`
   height: ${o.sp3};
   width: ${o.sp3};
   margin-left: ${o.sp2};
   margin-right: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,Kt=a.div`
+`,Qt=a.div`
   display: flex;
   align-items: baseline;
   color: ${e=>e.theme.colors.primary};
-`,se=a(_)`
+`,se=a(Z)`
   margin-left: ${o.sp2};
-`,de=a(b)`
+`,de=a(w)`
   margin-left: ${o.sp2};
-`,_t=a(qe)`
+`,Zt=a(Ke)`
   color: ${e=>e.theme.colors.primary};
-`,Qt=a.div`
+`,_t=a.div`
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -231,11 +231,11 @@ import{a as Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Zt=a(Ke)`
+`,qt=a(Qe)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.grey1};
-`,eo=a(_)`
+`,eo=a(Z)`
   color: ${e=>e.theme.colors.hero};
   margin-right: ${o.sp2};
 `,N=a.div`
@@ -257,7 +257,7 @@ import{a as Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
 `,oo=a(et)`
   height: ${o.sp3};
   width: ${o.sp3};
-  color: ${f.success};
+  color: ${y.success};
 `,ao=a(dt)`
   width: ${o.sp4};
   min-width: ${o.sp4};
@@ -266,30 +266,30 @@ import{a as Pe,X as H,V as Te,l as T,u as pe,a5 as Be,j as t,M as K,_ as B,bt as
   width: ${o.sp4};
   min-width: ${o.sp4};
   height: ${o.sp4};
-`,no=a(b)`
+`,no=a(w)`
   margin-bottom: ${o.sp2};
   display: flex;
-`,ro=a(b)`
+`,lo=a(w)`
   padding: 12px ${o.sp3};
   color: ${e=>e.theme.colors.hero};
   border-radius: ${o.sp1};
-`,J=a(b)`
+`,J=a(w)`
   color: ${e=>e.theme.colors.brandColorPearl};
   margin-top: ${o.sp2};
   display: flex;
   justify-content: space-between;
 `,X=a.div`
   color: ${e=>e.theme.colors.hero};
-`,q=a.div`
-  color: ${f.primaryDark};
-`,lo=a(Ee)`
+`,K=a.div`
+  color: ${y.primaryDark};
+`,ro=a(Ee)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,co=a(b)`
+`,co=a(w)`
   padding: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
 `,so=a.div`