npm - @zeniai/web-cockpit-ui - Versions diffs - 1.14.17-qa → 1.14.18-dev - Mend

@zeniai/web-cockpit-ui 1.14.17-qa → 1.14.18-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 (247) hide show

package/dist/assets/{VendorInternationalWireDetailsPage-BgHCBv0S-D_ke2Imn.js → VendorInternationalWireDetailsPage-CUw0lbm5-B48sIzNH.js} RENAMED Viewed

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

package/dist/assets/{VendorInternationalWireSwiftDetailsPage-axseacZL-DrQ20j5u.js → VendorInternationalWireSwiftDetailsPage-2BGGr3aV-bgtv6P0O.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{j as l}from"./index-~~D3AeqRGt~~.js";import{b as B}from"./vendor-CnQcJ2Lu.js";import{f as u}from"./InternationalWireSwiftDetailsPage-~~C7D15jtK~~-~~CNlL_DBa~~.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./BankAccountWarningSection-~~927iR_QB~~-~~DZ1ZjG-a~~.js";import"./MailingDetailsSection-~~CTrx1xoB~~-~~DJHX02qB~~.js";import"./LabeledAddressValueField-~~Dl5yKg2N~~-~~CEGK2Y9X~~.js";import"./MagicLinkTitleSection-~~tHh2d5Ld~~-~~CTdvPKXv~~.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-C5chxI3W.js";import{b as B}from"./vendor-CnQcJ2Lu.js";import{f as u}from"./InternationalWireSwiftDetailsPage-sSSgjYdh-CECQrN0I.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./BankAccountWarningSection-BqgTMjDy-DwldrkYy.js";import"./MailingDetailsSection-Cx1s77og-DXexyF-i.js";import"./LabeledAddressValueField-Eka4fXzu-BSJMd52k.js";import"./MagicLinkTitleSection-CBYkZ8RD-DOnIUCAU.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-oYghWvs6-CBTS5C2m.js → VendorsAccountsSection-D5-r6xWp-BXiiVWTo.js} RENAMED Viewed

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

package/dist/assets/{WarningsDrawerPage-B1his2AN-DWCRBrQ3.js → WarningsDrawerPage-BEuiclea-2arBaAmM.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import{e as C,l as B,M as S,j as s,eQ as j,eU as D,J as M,v as E,o as n,C as $,X as L,h as P,a3 as z,c4 as N,g as w,L as A,az as R,eE as T,q as g}from"./index-D3AeqRGt.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.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=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}=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(J,{children:s.jsxs(_,{windowSize:l,children:[s.jsx(K,{windowSize:l,children:r?.name}),s.jsx(se,{onClick:d})]})})}),s.jsxs(U,{children:[s.jsx(X,{children:I>0?s.jsxs(b,{children:[s.jsx(b,{children:j(e.cockpit.review.warningsDrawer.issueFound)}),s.jsx(ie,{children:`${e.common.strings.openingBrace}${I}${e.common.strings.closingBrace}`})]}):s.jsx(b,{children:`${e.common.no}
-              ${j(e.cockpit.review.warningsDrawer.issueFound)}`})}),u.map((i,c)=>s.jsx(W,{isStepInError:i.status==="Error",children:s.jsxs(Y,{children:[s.jsx(Z,{children:i.status==="Complete"?s.jsx(oe,{}):i.status==="Error"?s.jsx(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,eN as j,eR as S,K as M,f as E,o as n,C as $,Q as L,h as P,a3 as z,c1 as N,g as w,k as A,az as R,eB as T,q as g}from"./index-C5chxI3W.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.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)},Q={title:new L("largeMedium","largeSemiBold")},$e=({companyView:r,allUsers:a,onRetryBankAccountConnection:o,onCloseClick:d})=>{const l=C(),I=r!=null?B.getAuditWarningsCount(r):0,x=r?.onboardingInfo?.bankAccountLinked,v=r?.onboardingInfo?.qboLinked,y=r?.onboardingInfo?.identityVerified,k=r?.onboardingInfo?.businessVerified,f=r?.onboardingInfo?.accountingConnectionCreationMode==="zeni_user",u=[];if(x!=null){const i=a.find(p=>p.userId===x.userIds[0]),{errorMessage:c,successMessage:m}=O(x,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.onboarding.header.linkBankAccount} ${e.common.strings.hyphen} ${e.common.incompleteText}`,onClickRetry:o})}if(v!=null){const i=a.find(p=>p.userId===v.userIds[0]),{errorMessage:c,successMessage:m}=q(v,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.onboarding.header.connectToQBO} ${e.common.strings.hyphen} ${e.common.incompleteText}`})}if(y!=null){const i=a.find(p=>p.userId===y.userIds[0]),{errorMessage:c,successMessage:m}=F(y,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.review.warningsDrawer.kyc} ${e.common.strings.hyphen} ${y.status}`})}if(k!=null){const i=a.find(p=>p.userId===k.userIds[0]),{errorMessage:c,successMessage:m}=G(k,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.review.warningsDrawer.kyb} ${e.common.strings.hyphen} ${k.status}`})}return s.jsxs(V,{children:[s.jsx(H,{windowSize:l,children:s.jsx(K,{children:s.jsxs(_,{windowSize:l,children:[s.jsx(J,{windowSize:l,children:r?.name}),s.jsx(se,{onClick:d})]})})}),s.jsxs(X,{children:[s.jsx(Y,{children:I>0?s.jsxs(b,{children:[s.jsx(b,{children:j(e.cockpit.review.warningsDrawer.issueFound)}),s.jsx(ie,{children:`${e.common.strings.openingBrace}${I}${e.common.strings.closingBrace}`})]}):s.jsx(b,{children:`${e.common.no}
+              ${j(e.cockpit.review.warningsDrawer.issueFound)}`})}),u.map((i,c)=>s.jsx(U,{isStepInError:i.status==="Error",children:s.jsxs(W,{children:[s.jsx(Z,{children:i.status==="Complete"?s.jsx(oe,{}):i.status==="Error"?s.jsx(S,{}):s.jsx(ne,{})}),s.jsxs(ee,{children:[s.jsx(re,{isStepInError:i.status==="Error",children:i.message}),i.status==="Error"?s.jsx(M,{label:e.common.retry,onClick:i.onClickRetry,loading:r?.retryBankAccountConnectionFetchState.fetchState==="In-Progress",variant:"light_transparent",style:{padding:`${n.sp1} ${n.sp3}`,borderRadius:n.sp1},textStyle:{...E.extraSmallMedium.cssObject}}):null]})]})},c))]})]})},O=(r,a,o)=>{const d=r.error===!0?r.errorDetails!=null?r.errorDetails.summary:e.cockpit.review.errors.bankAccountLinked:null,l=r.completed===!0?o!=null?`${e.cockpit.onboarding.header.linkBankAccount}  ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:e.cockpit.onboarding.header.linkBankAccount:null;return{errorMessage:d,successMessage:l}},q=(r,a,o)=>{const d=r.error===!0?r.errorDetails!=null?r.errorDetails.summary:e.cockpit.review.errors.qboLinked:null,l=r.completed===!0?o!=null?`${e.cockpit.onboarding.header.connectToQBO}  ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.onboarding.header.connectToQBO}`:null;return{errorMessage:d,successMessage:l}},F=(r,a,o)=>{const d=r.status==="Error"?o!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()}`:null,l=r.status==="Complete"?o!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity}`:null;return{errorMessage:d,successMessage:l}},G=(r,a,o)=>{const d=r.status==="Error"?o!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()}`:null,l=r.status==="Complete"?o!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}`:`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity}`:null;return{errorMessage:d,successMessage:l}},V=t.div`
   display: flex;
   flex-direction: column;
   padding-top: ${n.sp3};
@@ -11,13 +11,13 @@ import{e as C,l as B,M as S,j as s,eQ as j,eU as D,J as M,v as E,o as n,C as $,X
   z-index: 1;
   top: ${n.sp0};
   width: 100%;
-`,J=t.div`
+`,K=t.div`
   position: relative;
-`,U=t.div`
+`,X=t.div`
   display: flex;
   flex-direction: column;
   margin: ${n.sp3} ${n.sp8} 102px ${n.sp8};
-`,X=t(N)`
+`,Y=t(N)`
   color: ${r=>r.theme.colors.primary};
   margin-bottom: ${n.sp3};
   margin-right: ${n.sp6};
@@ -34,15 +34,15 @@ import{e as C,l as B,M as S,j as s,eQ as j,eU as D,J as M,v as E,o as n,C as $,X
   padding-top: ${r=>h.navBarPaddingTop.valuePx(r.windowSize)};
   padding-bottom: ${r=>h.navBarPaddingBottom.valuePx(r.windowSize)};
   height: 100%;
-`,K=t(P)`
-  ${r=>`${O.title.style(r.windowSize)}`};
+`,J=t(P)`
+  ${r=>`${Q.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{e as C,l as B,M as S,j as s,eQ as j,eU as D,J as M,v as E,o as n,C as $,X
   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;

package/dist/assets/{ZeniAccountDetailPage-B21kawRR-DGJGfsGD.js → ZeniAccountDetailPage-DvUTbTBC-BePzTP3_.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx as L,o,aW as Le,v as z,bS as R,bU as F,bV as Y,F as Ne,cE as He,g as y,cs as Me,$ as C,m as ue,d as b,b5 as Ee,bf as Ie,a6 as Ue,C as j,ff as We,cS as ae,q as p,gU as Oe,at as Re,b7 as Fe,aw as Ye,av as Ve,b8 as Ge,au as Je,n as Z,gV as Xe,am as Ke,af as qe,gW as Ze,L as _e,gX as Qe,az as et,fh as tt,cz as ot,B as at,X as it,bL as nt}from"./index-D3AeqRGt.js";import{b as l,n as a}from"./vendor-CnQcJ2Lu.js";import{$ as rt}from"./BoxItem-CQlEDklH-CpOQze_E.js";import{w as lt}from"./downloadPdf-CNrmv_yZ-CxSqkh2v.js";import{H as ct}from"./DepositAccTransactionItem-Dy6qzuSL-CpAkao08.js";import{T as st}from"./ZeniAccountNavBarPieces-5yZFq-zt-CS3RCOOK.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-NUQEpowf-IZPez2Zj.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 Pe,X as M,w as Te,l as T,u as pe,a2 as Be,j as t,M as Z,a0 as B,bt as L,o,aW as Le,f as z,bP as R,bR as F,bS as Y,F as Ne,cB as He,g as y,cp as Me,_ as v,c as ue,v as w,b5 as Ee,bf as Ie,a6 as Ue,C as j,fd as Oe,cP as ae,q as p,gR as We,at as Re,b7 as Fe,aw as Ye,av as Ge,b8 as Ve,au as Je,e as _,gS as Xe,am as Ke,af as Ze,gT as _e,k as qe,gU as Qe,az as et,ff as tt,cw as ot,m as at,Q as it,bI as nt}from"./index-C5chxI3W.js";import{b as r,n as a}from"./vendor-CnQcJ2Lu.js";import{$ as lt}from"./BoxItem-9JmA6QqI-D4hhkbCR.js";import{w as rt}from"./downloadPdf-B5Tb5dp_-Ct6A3VYi.js";import{H as ct}from"./DepositAccTransactionItem-BQYFrzDW-VNbpp2iU.js";import{T as st}from"./ZeniAccountNavBarPieces-CBRZuAIU-D4DE3sLv.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-BpaqG_u8-Hm0X7sCE.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 Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx a
   background-color: ${e=>e.theme.colors.grey5};
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
   background-color: ${e=>e.theme.colors.grey4};
-`,ie="editNickName-form",V="checkingAccountNickName",ut={tickLabelText:new it("extraSmallRegular","smallRegular")},u={accountDetailHeaderPaddingRight:new j(p[3],p[8]),accountDetailHeaderPaddingBottom:new j(p[3],p[6]),accountDetailHeaderPaddingLeft:new j(p[3],p[8]),accountDetailContentMarginTop:new j(p[5],p[7]),areaChartHeight:new j(114,209),accountDetailHeaderGap:new j(18,100,184),accBtnsGap:new j(0,p[11]),styledNoTransactionIconSize:new j(60,120)},{common:H,spendManagement:ht}=q.getLocalizedStrings(),{zeniAccounts:i}=ht,G=q.getLocalizedStrings().dateFormat,mt=q.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Jt,{children:e}),he=l.memo(({accountHistory:e})=>{const h=M(),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=P.zeniDate(r[0].payload?.date).format(G.visual.DMMMYYYYFormat)),t.jsxs(Vt,{children:[t.jsx(re,{children:d}),t.jsx(re,{isSublabel:!0,children:c})]})},[]),g=l.useCallback(r=>{const{x:d,y:c}=r,{value:v}=r.payload;let D=!1;e.accountHistoryWithBalance.length>360&&(D=!0);const S=D?P.zeniDate(v).format(G.visual.MMMformat):P.zeniDate(v).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]),f=l.useMemo(()=>{const r=e.accountHistoryWithBalance.length;return r<=0?0:r>360?Math.floor(r/12):Math.floor(r/7)},[e.accountHistoryWithBalance.length]);return e.fetchState!=="Completed"?null:e.fetchState==="Completed"&&e.accountHistoryWithBalance.length===0?t.jsx(so,{children:t.jsx(po,{children:H.texts.noData})}):t.jsx(It,{children:t.jsx(Oe,{height:u.areaChartHeight.value(h),width:"99%",children:t.jsxs(Re,{data: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(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:r=>g(r),padding:{right:p[4]},interval:f}),t.jsx(Ve,{tick:!1,axisLine:!1}),t.jsx(Ge,{position:m,content:({payload:r})=>x(r),cursor:{strokeDasharray:"3",stroke:y.brandColorJade}}),t.jsx(Je,{activeDot:k,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:y.brandColorJade,fill:"url(#colorUv)"})]})})})});he.displayName="AccountBalanceGraph";const me=l.memo(({zeniAccountDetail:e,getToolTipContent:h,onAccountDetailClick:n,downloadEndPoint:m,authParams:$,showLoader:w,setShowLoader:x,onViewAllTransactionClick:g,showViewAllTransactions:k})=>{const f=M(),r=l.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(wt,{windowSize:f,children:[t.jsx(xt,{getToolTipContent:h,zeniAccountDetail:e}),t.jsxs(zt,{children:[t.jsx(he,{accountHistory:r}),t.jsxs(Et,{windowSize:f,children:[t.jsxs(Rt,{onClick:n,"data-testid":C("view-account-detail-button"),children:[t.jsx(ao,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.accDetails}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),t.jsxs(Ft,{"data-testid":C("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,{}),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:rt(c,e.transactionList.length)},d.id))})]}):t.jsxs(gt,{children:[t.jsx(ft,{windowSize:f}),t.jsx(yt,{children:i.zeniAccountDetail.noTransactionText})]})]})});me.displayName="AccountDetailScreen";const So=({authParams:e,downloadEndPoint:h,zeniAccountDetail:n,isBillPayEnabled:m,isExpressPayEnabled:$,onViewAllTransactionClick:w,onAccountDetailClick:x,handleMoveMoneyOptionSelection:g,onBackClick:k,onCloseAccountClick:f,onEditNameClick:r,onReloadZeniAccountDetailPage:d})=>{const c=Te({mode:"all"}),{setFocus:v}=c,[D,S]=l.useState(!1),[E,I]=l.useState(!1),[_,xe]=l.useState(!1),Q=M(),ee=Pe(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||P.hasAnyFinOpRole(ee.loggedInUserRoleMap);l.useEffect(()=>{const s=setTimeout(()=>{n.fetchState==="Completed"&&n.accountDetail?.accountBalance.available.amount===0&&!te&&g("transfer",n.accountDetail)},500);return()=>{clearTimeout(s)}},[n.accountDetail?.id,n.fetchState,te]),l.useEffect(()=>{_===!0&&setTimeout(()=>{xe(!1)},800)},[_]);const ge=n.transactionList.length>4,U=pe(),[fe,ye]=l.useState(!1),[$e,W]=l.useState(!1),O=n.accountUpdateStatus.editName.fetchState,oe=Be(O),je=s=>{s==="closeAccount"?S(!0):s==="editNickName"?I(!0):s==="payBill"?W(!0):g(s,n.accountDetail)},be={onOkClick:()=>{f?.(),S(!1)},onCancelClick:()=>{S(!1)}},we={onOkClick:()=>{},onCancelClick:()=>{c.reset(),I(!1)}};l.useEffect(()=>{oe==="In-Progress"&&O==="Completed"&&(I(!1),c.reset())},[oe,O,c]),l.useEffect(()=>{E&&v(V)},[E,v]);const ke={pageName:"detailPage",onOptionSelection:je},Ce=n.accountDetail?.accountName??"",A=n.accountSummary,ve=c.handleSubmit(s=>{r?.(s.checkingAccountNickName)}),Se={onOkClick:()=>{g("payBill"),W(!1)},onCancelClick:()=>{W(!1)}},ze=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},De=l.useCallback(s=>{let T=null;switch(s){case"insuredBalance":T=t.jsx(t.Fragment,{});break;case"totalInterest":T=t.jsx(co,{children:i.zeniAccountList.yieldTooltip});break;case"totalBalance":T=t.jsxs(ro,{children:[t.jsx(no,{children:i.zeniAccountList.balanceTooltip.base}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.balance}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.current)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.processing}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.hold)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.available}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.available)})]})]});break}return t.jsx(N,{children:t.jsx(L,{style:{textAlign:"left",padding:o.sp1},maxWidth:ze(s),display:"flex",placement:Q==="small"?"bottom":"top",title:T,children:t.jsx(lo,{})})})},[A,Q]),Ae=t.jsx(st,{zeniBankProps:ke,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(bt,{children:[t.jsx(Le,{title:Ce,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(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:be}):null,$e?t.jsx(R,{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(R,{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:we,containerStyle:{width:"100%"},isLoading:n.accountUpdateStatus.editName.fetchState==="In-Progress",children:t.jsx(Ne,{...c,children:t.jsx("form",{id:ie,onSubmit:ve,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(He,{type:"text",name:V,defaultValue:n.accountDetail?.accountName,placeholder:n.accountDetail?.accountName??"",style:{display:"flex",flexGrow:1,cursor:"inherit",height:o.sp7,textAlign:"left",width:"100%",background:Me(c.formState.errors,V)===!0?y.importantLight:U.colors.background,border:`1px solid ${U.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,n.fetchState==="Completed"?t.jsx(me,{authParams:e,downloadEndPoint:h,getToolTipContent:De,onAccountDetailClick:x,onViewAllTransactionClick:w,setShowLoader:ye,showLoader:fe,showViewAllTransactions:ge,zeniAccountDetail:n}):n.fetchState==="Error"?t.jsxs(At,{children:[t.jsx(Tt,{onClick:d,"data-testid":C("account-detail-reload"),children:t.jsx(Bt,{})}),t.jsx(Pt,{children:mt.reloadPage.label})]}):t.jsx(pt,{children:t.jsx(ue,{size:"ExtraLarge",start:!0})})]})},xt=({zeniAccountDetail:e,getToolTipContent:h})=>{const n=M(),[m,$]=l.useState(!1),[,w]=We(),[x,g]=l.useState(!1),k=()=>{w(e.accountDetail?.accountNumber??""),g(!0)};return l.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(Ct,{children:[t.jsxs(vt,{children:[t.jsx(Yt,{children:t.jsxs(le,{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: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(Kt,{"data-testid":C("hide-account-number"),onClick:()=>{$(!1)}})})}),t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"right",title:x?H.copyToClipBoard.copied:H.copyToClipBoard.copy,enterDelay:600,children:x===!0?t.jsx(oo,{}):t.jsx(to,{onClick:k,"data-testid":C("copy-account-number")})})})]}):t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.maskedAccountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.show,enterDelay:600,children:t.jsx(Xt,{"data-testid":C("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(St,{children:[t.jsxs(le,{children:[ne(i.common.totalYieldEarned),h("totalInterest")]}),t.jsxs(Ut,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(ae,{amount:e.accountSummary?.totalInterest.available,integerStyles:z.largeRegular.cssObject,decimalStyles:z.smallRegular.cssObject}),t.jsx(Wt,{}),t.jsx(Ot,{children:`${i.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},gt=a.div`
+`,ie="editNickName-form",G="checkingAccountNickName",ut={tickLabelText:new it("extraSmallRegular","smallRegular")},u={accountDetailHeaderPaddingRight:new j(p[3],p[8]),accountDetailHeaderPaddingBottom:new j(p[3],p[6]),accountDetailHeaderPaddingLeft:new j(p[3],p[8]),accountDetailContentMarginTop:new j(p[5],p[7]),areaChartHeight:new j(114,209),accountDetailHeaderGap:new j(18,100,184),accBtnsGap:new j(0,p[11]),styledNoTransactionIconSize:new j(60,120)},{common:H,spendManagement:ht}=Z.getLocalizedStrings(),{zeniAccounts:i}=ht,V=Z.getLocalizedStrings().dateFormat,mt=Z.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=T.zeniDate(l[0].payload?.date).format(V.visual.DMMMYYYYFormat)),t.jsxs(Gt,{children:[t.jsx(le,{children:d}),t.jsx(le,{isSublabel:!0,children:c})]})},[]),g=r.useCallback(l=>{const{x:d,y:c}=l,{value:C}=l.payload;let D=!1;e.accountHistoryWithBalance.length>360&&(D=!0);const S=D?T.zeniDate(C).format(V.visual.MMMformat):T.zeniDate(C).format(V.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=r.useCallback(({cx:l,cy:d,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==l||m?.y!==d)&&$({x:l,y:d}),t.jsx(Vt,{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(We,{height:u.areaChartHeight.value(h),width:"99%",children:t.jsxs(Re,{data:b,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(Nt,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(Ht,{offset:"0%",stopColor:y.brandColorJade,stopOpacity:1}),t.jsx(Mt,{offset:"100%",stopColor:y.brandColorJade,stopOpacity:.03})]})}),t.jsx(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(Ge,{tick:!1,axisLine:!1}),t.jsx(Ve,{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(zt,{children:[t.jsx(he,{accountHistory:l}),t.jsxs(Et,{windowSize:f,children:[t.jsxs(Rt,{onClick:n,"data-testid":v("view-account-detail-button"),children:[t.jsx(ao,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.accDetails}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),t.jsxs(Ft,{"data-testid":v("download-bank-verification-letter"),onClick:()=>rt(`${m}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,$,x),children:[b?t.jsx(ue,{size:"Standard",start:!0}):t.jsx(io,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.bankLetter}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.bankLetter})]})]})]})]}),e.transactionList.length>0?t.jsxs($t,{windowSize:f,children:[t.jsxs(jt,{children:[t.jsx(_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(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=Pe({mode:"all"}),{setFocus:C}=c,[D,S]=r.useState(!1),[E,I]=r.useState(!1),[q,xe]=r.useState(!1),Q=M(),ee=Te(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||T.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(()=>{q===!0&&setTimeout(()=>{xe(!1)},800)},[q]);const ge=n.transactionList.length>4,U=pe(),[fe,ye]=r.useState(!1),[$e,O]=r.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)},we={onOkClick:()=>{f?.(),S(!1)},onCancelClick:()=>{S(!1)}},be={onOkClick:()=>{},onCancelClick:()=>{c.reset(),I(!1)}};r.useEffect(()=>{oe==="In-Progress"&&W==="Completed"&&(I(!1),c.reset())},[oe,W,c]),r.useEffect(()=>{E&&C(G)},[E,C]);const ke={pageName:"detailPage",onOptionSelection:je},ve=n.accountDetail?.accountName??"",A=n.accountSummary,Ce=c.handleSubmit(s=>{l?.(s.checkingAccountNickName)}),Se={onOkClick:()=>{g("payBill"),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=r.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(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:ze(s),display:"flex",placement:Q==="small"?"bottom":"top",title:P,children:t.jsx(ro,{})})})},[A,Q]),Ae=t.jsx(st,{zeniBankProps:ke,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(wt,{children:[t.jsx(Le,{title:ve,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:k,showMenuIcon:!1,backgroundColor:U.colors.grey4,style:{zIndex:3,...z.largeSemiBold.cssObject},rightSideComponent:Ae,source:"ZeniAccountDetailPage"}),D?t.jsx(R,{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(R,{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(R,{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:Ce,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(He,{type:"text",name:G,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,G)===!0?y.importantLight:U.colors.background,border:`1px solid ${U.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,n.fetchState==="Completed"?t.jsx(me,{authParams:e,downloadEndPoint:h,getToolTipContent:De,onAccountDetailClick:x,onViewAllTransactionClick:b,setShowLoader:ye,showLoader:fe,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=M(),[m,$]=r.useState(!1),[,b]=Oe(),[x,g]=r.useState(!1),k=()=>{b(e.accountDetail?.accountNumber??""),g(!0)};return r.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(vt,{children:[t.jsxs(Ct,{children:[t.jsx(Yt,{children:t.jsxs(re,{children:[ne(i.zeniAccountList.totalAvailableBalance),h("totalBalance")]})}),t.jsx(Zt,{windowSize:n,children:e.accountDetail?.accountBalance.available?t.jsx(t.Fragment,{children:t.jsx(ae,{amount:e.accountDetail?.accountBalance.available,integerStyles: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(Kt,{"data-testid":v("hide-account-number"),onClick:()=>{$(!1)}})})}),t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"right",title:x?H.copyToClipBoard.copied:H.copyToClipBoard.copy,enterDelay:600,children:x===!0?t.jsx(oo,{}):t.jsx(to,{onClick:k,"data-testid":v("copy-account-number")})})})]}):t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.maskedAccountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.show,enterDelay:600,children:t.jsx(Xt,{"data-testid":v("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(St,{children:[t.jsxs(re,{children:[ne(i.common.totalYieldEarned),h("totalInterest")]}),t.jsxs(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`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,ft=a(Ze)`
+`,ft=a(_e)`
   width: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
   height: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
   margin-top: 128px;
   margin-bottom: ${o.sp3};
-`,yt=a(Z)`
+`,yt=a(_)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
 `,$t=a.div`
@@ -33,11 +33,11 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx a
   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,12 +51,12 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx a
 `,kt=a.div`
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${o.sp2};
-`,Ct=a.div`
+`,vt=a.div`
   display: flex;
   gap: ${o.sp3};
   flex-direction: column;
   justify-content: space-between;
-`,vt=a.div``,St=a.div``,zt=a.div`
+`,Ct=a.div``,St=a.div``,zt=a.div`
   display: flex;
   gap: ${o.sp3};
   flex: 1;
@@ -71,7 +71,7 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx a
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,Tt=a.div`
+`,Pt=a.div`
   height: ${o.sp12};
   width: ${o.sp12};
   background: ${e=>e.theme.colors.background};
@@ -89,7 +89,7 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx a
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Pt=a(Ue)`
+`,Tt=a(Ue)`
   margin-top: ${o.sp3};
   color: ${e=>e.theme.colors.hero};
 `,Bt=a(Ie)`
@@ -124,7 +124,7 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx a
   display: flex;
   flex-direction: row;
   align-items: baseline;
-`,Wt=a.div`
+`,Ot=a.div`
   align-self: center;
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
@@ -132,7 +132,7 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx a
   height: ${o.sp1};
   margin: ${o.sp0} ${o.sp1};
   margin-top: 2px;
-`,Ot=a(at)`
+`,Wt=a(at)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${o.sp1};
 `,Rt=a.div`
@@ -165,10 +165,10 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx a
     }
   }
   margin-right: ${o.sp3};
-`,Yt=a(b)`
+`,Yt=a(w)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,Vt=a.div`
+`,Gt=a.div`
   display: flex;
   align-items: center;
   flex-direction: column;
@@ -180,17 +180,17 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx a
   border-radius: ${o.sp1};
   padding: ${o.sp0} ${o.sp2};
   background-color: ${y.blackColor};
-`,Gt=a.circle`
+`,Vt=a.circle`
   stroke: ${e=>e.theme.colors.brandColorJade};
   fill: ${e=>e.theme.colors.grey5};
-`,re=a(b)`
+`,le=a(w)`
   color: ${e=>e.isSublabel===!0?y.neutralGrey1Light:y.brandColorPearl};
-`,le=a.div`
+`,re=a.div`
   display: flex;
   gap: ${o.sp1};
-`,Jt=a(b)`
+`,Jt=a(w)`
   color: ${e=>e.theme.colors.hero};
-`,ce=a(_e)`
+`,ce=a(qe)`
   text-transform: capitalize;
   color: ${e=>`${e.windowSize==="small"?e.theme.colors.hero:e.theme.colors.champion}`};
   display: flex;
@@ -208,17 +208,17 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx a
   margin-left: ${o.sp2};
   margin-right: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,qt=a.div`
+`,Zt=a.div`
   display: flex;
   align-items: baseline;
   color: ${e=>e.theme.colors.primary};
-`,se=a(Z)`
+`,se=a(_)`
   margin-left: ${o.sp2};
-`,de=a(b)`
+`,de=a(w)`
   margin-left: ${o.sp2};
-`,Zt=a(Ke)`
+`,_t=a(Ke)`
   color: ${e=>e.theme.colors.primary};
-`,_t=a.div`
+`,qt=a.div`
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -231,11 +231,11 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx a
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Qt=a(qe)`
+`,Qt=a(Ze)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.grey1};
-`,eo=a(Z)`
+`,eo=a(_)`
   color: ${e=>e.theme.colors.hero};
   margin-right: ${o.sp2};
 `,N=a.div`
@@ -266,14 +266,14 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx a
   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;
@@ -282,14 +282,14 @@ import{a as Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx a
   color: ${e=>e.theme.colors.hero};
 `,K=a.div`
   color: ${y.primaryDark};
-`,lo=a(Ee)`
+`,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`