@zeniai/web-cockpit-ui 1.14.72-dev-betaSK01 → 1.14.73-dev

package/dist/assets/VendorInternationalWireDetailsPage-Ct689KuY-N7HCxAFy.js

@@ -1,152 +0,0 @@
-import{j as t,q as G,c1 as he,O as U,fk as ye,cu as ge,fd as X,eX as be,eY as fe,eZ as xe,c4 as ve,cK as we,y as p,fP as le,fQ as Ce,o as y,d2 as $e,fy as oe,x as ne,fR as je,fS as K,fE as Y,cX as H,fo as De,fT as Te,u as r,fH as Se,cF as ke,h as V,Y as Oe,b as Fe,eh as Le,c9 as Ae,dS as We}from"./index-kF4u7Flm.js";import{b as I,n as g}from"./vendor-Bs1fkIUX.js";import{W as ze,F as Re}from"./BankAccountWarningSection-Di_BsiJC-_Ul1tNJQ.js";import{T as Ie}from"./MailingDetailsSection-9RwlQxVG-_UrE81Sw.js";import{S as Pe}from"./CurrencySelectField-nhg_dhDw-nZHVWMo0.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./LabeledAddressValueField-YP7bXlgZ-D9-PqJNp.js";const F={width:new p(343,580,726),height:new p(r[6],r[6]),controlHeight:new p(r[6],r[6]),paddingTopBottom:new p(r[2],r[2]),marginRight:new p(r[2],r[2]),labelMarginLeft:new p(r[3],r[4]),labelMarginRight:new p(r[3],r[4]),labelMarginTop:new p(r[2],r[2])},re={infoLabel:new Fe("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(Oe,{size:"Small",start:!0})});if(k&&D||j){let c=null;return o===!0&&k&&w&&(c=t.jsx(Le,{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(Y,{isDisabled:e,label:i.label,htmlFor:l.name,style:{marginLeft:F.labelMarginLeft.value(C),marginRight:F.labelMarginRight.value(C),marginTop:F.labelMarginTop.value(C),width:i.width??"auto",color:e==="disabled"?$.colors.grey2:$.colors.hero}}),t.jsxs(Me,{labelWidth:i.width,children:[t.jsx(Pe,{...l,isDisabled:e,style:{display:"flex",flexGrow:1,height:F.controlHeight.value(C)}}),j?t.jsx(Be,{windowSize:C,hasError:j,children:u}):null,m()]})]})}const _e=g.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  width: ${e=>F.width.valuePx(e.size)};
-  min-height: ${e=>F.height.valuePx(e.size)};
-  padding-right: ${e=>F.marginRight.valuePx(e.size)};
-  padding-top: ${e=>F.paddingTopBottom.valuePx(e.size)};
-  padding-bottom: ${e=>F.paddingTopBottom.valuePx(e.size)};
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  &:focus-within {
-    z-index: 2;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .select-control {
-      background-color: ${e=>e.isError?V.importantLight:e.theme.colors.background};
-    }
-  }
-
-  .select-control {
-    background-color: ${e=>e.isError?V.importantLight:e.theme.colors.grey5};
-  }
-
-  &:hover {
-    z-index: 1;
-    outline: ${e=>e.isDisabled===!0?"none":`1px solid ${e.theme.colors.primary}`};
-    .select-control {
-      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?V.importantLight:e.theme.colors.background};
-    }
-  }
-`,Be=g.label`
-  color: ${e=>e.hasError===!0?V.important:e.additionalInfoTextColor??e.theme.colors.grey1};
-  width: auto;
-  ${e=>`${re.infoLabel.style(e.windowSize)}`};
-  padding-right: ${y.sp3};
-  text-align: right;
-`,Me=g.div`
-  display: flex;
-  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
-  justify-content: flex-end;
-  flex-direction: column;
-  position: relative;
-`,Ve=g(Ae)`
-  padding: 12px;
-  color: ${e=>e.theme.colors.grey1};
-  background: ${e=>e.theme.colors.overlayColor};
-  border-radius: ${y.sp1};
-`,He=g.div`
-  padding-right: ${y.sp3};
-  padding-top: ${y.sp1};
-  display: flex;
-  justify-content: flex-end;
-`,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};
-  ${e=>`${re.infoLabel.style(e.size)}`};
-  padding-right: ${y.sp3};
-  text-align: right;
-  margin-top: ${e=>e.hasToolTip===!0?y.sp1:y.sp0};
-`,Ne=g.div`
-  display: flex;
-  margin-right: ${y.sp2};
-  margin-top: 2px;
-  align-items: center;
-`,Ue=g(We)`
-  width: ${y.sp3};
-  height: ${y.sp3};
-  color: inherit;
-`,S={largeLabelWidth:new p(120,140,220),paddingTopBottom:new p(r[3],r[3]),labelHeight:new p(r[6],r[6]),labelMarginLeft:new p(r[3],r[4]),labelMarginRight:new p(r[3],r[4]),labelMarginTop:new p(r[2],r[2]),controlHeight:new p(r[6],r[6]),toolTipWidth:new p(60,150)},Ye=({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),W=n?.accountType?.type,T=n?.countryCode==null,_=n?.currencyCode==null,O=["phone","email","other"];return t.jsx(Ge,{style:C,children:t.jsxs(Xe,{children:[t.jsx(je,{isDisabled:w===!0?"readonly":void 0,label:{label:c.country,width:x},style:{width:"auto"},countrySelectField:{name:A(o,"vendorCountry"),placeholder:c.countryPlaceholder,defaultValue:le(n?.countryCode,f.map(s=>s.countryCode)),registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}},additionalInfoLabel:m.international.countryAdditionalInfo}),t.jsx(R,{}),t.jsx(Ee,{isDisabled:T===!0?"disabled":D===!0?"readonly":void 0,label:{label:c.currency,width:x},style:{width:"auto"},currencySelectField:{name:A(o,"vendorCurrency"),placeholder:c.currencyPlaceholder,defaultValue:{allOptions:u.map(s=>({label:`${s.currencySymbol} - ${s.currencyName}`,value:s.currencyCode,countryCode:s.countryCode,currency:s.currencyName})),selectedOption:n?.currencyCode},registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}},additionalInfoLabel:m.international.currencyAdditionalInfo}),t.jsx(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:A(o,"typeOfAccount"),placeholder:c.typeOfAccountPlaceholder,defaultValue:{selectedOption:n?.accountType?.type,allOptions:l.map(s=>({label:s.title,value:s.type}))},registerOptions:{validate:s=>!!(s!=null&&s.selectedOption)}}}),t.jsx(R,{})]}):null,n!=null&&W!=null&&n.dynamicForm[W]!=null&&i.length>0?Object.keys(n.dynamicForm[W]).map(s=>{const a=i.filter(E=>E.name===s)[0],h=n.accountType?.type;if(h!=null&&a!=null){const E=n.dynamicForm[h][s];switch(a.fieldType){case"text":return t.jsxs(t.Fragment,{children:[t.jsx(De,{label:{label:a.label+c.colon,width:x},text:{type:"text",name:z(o,"dynamicForm",h,a.name),placeholder:a.placeholder,defaultValue:E,options:{required:a.required,pattern:a.validationRegex!=null?new RegExp(a.validationRegex):void 0,maxLength:a.maxLength,minLength:a.minLength}},isDisabled:k,style:{width:"auto"},showAdditionalInfoLabel:!1},z(o,"dynamicForm",h,a.name)),t.jsx(R,{})]});case"select":return t.jsxs(t.Fragment,{children:[t.jsx(K,{isDisabled:void 0,label:{label:a.label+c.colon,width:x},style:{width:"auto"},singleSelectPickerField:{name:z(o,"dynamicForm",h,a.name),placeholder:a.placeholder,defaultValue:{selectedOption:E,allOptions:a.valuesAllowed??[]}}},z(o,"dynamicForm",h,a.name)),t.jsx(R,{})]});case"radio":return t.jsxs(t.Fragment,{children:[t.jsxs(Q,{size:b,children:[t.jsx(Y,{label:a.label+c.colon,htmlFor:z(o,"dynamicForm",h,a.name),style:{marginLeft:S.labelMarginLeft.value(b),marginRight:S.labelMarginRight.value(b),width:x}}),t.jsx(Z,{labelWidth:x,size:b,children:a.valuesAllowed?.map(B=>t.jsx(H,{label:{label:B.label},style:{paddingRight:`${y.sp4}`,width:"auto"},radioField:{name:z(o,"dynamicForm",h,a.name),id:a.name,value:B.value,registerOptions:{required:!0}}},B.value))})]},z(o,"dynamicForm",h,a.name)),t.jsx(R,{})]});default:return null}}else return null}):null,t.jsxs(Ke,{size:b,children:[t.jsxs(Q,{size:b,children:[t.jsx(Y,{label:c.addSource,htmlFor:A(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:A(o,"source"),id:O[0],value:O[0],registerOptions:{required:!0},radioSize:"small"}}),t.jsx(H,{label:{label:c.email},style:{paddingRight:`${y.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:A(o,"source"),id:O[1],value:O[1],registerOptions:{required:!0},radioSize:"small"}}),t.jsx(H,{label:{label:c.other},style:{width:"auto"},isContainerClickable:!0,radioField:{name:A(o,"source"),id:O[2],value:O[2],registerOptions:{required:!0},radioSize:"small"}})]})]}),$(`${o}.source`)==="other"?t.jsx(Te,{type:"text",name:A(o,"otherSource"),placeholder:c.sourcePlaceholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:y.sp7,width:"calc(100% - largeLabelWidth)",background:j.colors.background,border:`1px solid ${j.colors.background}`,marginLeft:x},registerOptions:{required:!0,validate:s=>$(`${o}.source`)==="other"&&!!s}}):null]}),t.jsx(R,{})]})})},A=(e,i)=>`${e}.${i}`,z=(e,i,l,f)=>`${e}.${i}.${l}.${f}`,Ge=g.div`
-  display: flex;
-  flex-direction: column;
-`,Xe=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};
-`,R=g.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Ke=g.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding-right: ${e=>S.labelMarginRight.valuePx(e.size)};
-  padding-top: ${e=>S.labelMarginTop.valuePx(e.size)};
-  padding-bottom: ${e=>S.paddingTopBottom.valuePx(e.size)};
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-`,Q=g.div`
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  min-height: ${e=>S.labelHeight.valuePx(e.size)};
-  align-items: center;
-`,Z=g.div`
-  display: flex;
-  flex-direction: row;
-  width: ${e=>`calc(100% - ${e.labelWidth}px)`};
-  align-items: flex-end;
-  justify-content: flex-end;
-  flex-grow: 1;
-  height: ${e=>S.controlHeight.valuePx(e.size)};
-  align-items: center;
-`,P={paddingTopBottomContainer:new p(r[3],r[3]),paddingLeftContainer:new p(r[3],r[6]),paddingRightContainer:new p(r[3],r[8]),marginLeft:new p(r[4],r[6]),buttonWidth:new p(140,140)},J="internationalDetailsPage",v="internationalWireSection",Qe="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,W=e.fetchState,T=he({mode:"all",reValidateMode:"onChange",defaultValues:I.useMemo(()=>te(e),[e]),values:te(e)}),[_,O]=I.useState(!1),[s,a]=I.useState(!1),h=U.getLocalizedStrings().spendManagement.billPay.vendorCreation,E=U.getLocalizedStrings().common.footer,{international:B}=h.wireDetails,ae={onOkClick:()=>{a(!1),T.reset(),$()},onCancelClick:()=>{a(!1)}},se=(d,L)=>{if(d.includes("account_holder_name")||d.includes("bank_account_iban")||d.includes("bank_swift_code")||d.includes("account_number")||d.includes("sort_code")||d.includes("ifsc_code")||d.includes("upi_id")||d.includes("contact_no")||d.includes("bank_code")||d.includes("institution_number")||d.includes("transit_number")||d.includes("identification_value")||d.includes("branch_code")||d.includes("clabe")||d.includes("bsb_code")||d.includes("proxy_value")||d.includes("php_e_wallet_no")){O(!0);return}const M=d===`${v}.vendorCountry`,N=d===`${v}.vendorCurrency`;N&&L[v].vendorCurrency.selectedOption!=null&&C(L[v].vendorCurrency.selectedOption,D,i);const pe={...L},me=ie(pe,e,M,N,f);k(me,D,i,N||M)};I.useEffect(()=>{const d=T.watch((L,{name:M})=>{M!=null&&L!=null&&ye(()=>se(M,L))});return()=>{d.unsubscribe()}});const q=I.useCallback(()=>{const d=T.getValues(),L=ie(d,e,!1,!1,f);k(L,D,i,!1),O(!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?X(w):w,o!=null?X(o):o)||T.formState.isDirty;return t.jsxs(it,{children:[t.jsxs(lt,{size:m,children:[s===!0?t.jsx(be,{titleComponent:t.jsx(xe,{children:h.discardTitle}),descriptionComponent:t.jsx(fe,{children:h.discardDescription}),primaryButtonText:h.discard,secondaryButtonText:h.cancel,action:ae}):null,t.jsx(ze,{header:B.addInternationalWireDetails,isDirty:ue,onBackClick:$,setShowConfirmationPopup:a}),x?.fetchState==="Error"&&x.error?.code===409?t.jsx(Re,{warningText:h.bankAccountCommon.accountExistWarning}):null,t.jsx(ot,{size:m,children:h.bankAccountCommon.accountDetailsTitle}),t.jsx(ve,{...T,children:t.jsxs("form",{id:ee(J),onSubmit:ce,children:[t.jsx(tt,{size:m,children:t.jsx(Ye,{wireAccountToCreate:c,dynamicFormFetchState:W,supportedAccountTypes:e.supportedAccountTypes,supportedCountries:e.supportedCountries,supportedCurrencies:e.supportedCurrencies,dynamicFormConfig:e.dynamicForm,sectionId:v,isDisabled:u,isCountryDropdownReadonly:l,isCurrencyDropdownReadonly:f})}),t.jsx(Ie,{sectionId:Qe,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?a(!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)};
-  padding-bottom: ${e=>P.paddingTopBottomContainer.valuePx(e.size)};
-`,it=g.div`
-  background-color: ${e=>e.theme.colors.grey4};
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`,lt=g.div`
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-`,ot=g($e)`
-  color: ${e=>e.theme.colors.champion};
-  margin-left: ${e=>P.marginLeft.valuePx(e.size)};
-  margin-top: ${y.sp3};
-`,ft=({internationalWireView:e,vendorViewDetails:i,bankAccountContext:l,vendorType:f,addressType:u,isDisabled:n,addressToEdit:o,mailingAddress:w,billAmount:D,onAccountDetailsUpdated:k,onCurrencyUpdated:C,onSaveHandler:b,onBackClick:$,onAddressClick:j})=>{const m={...i.editVendorState??i.newVendorState},c=m.vendorDetailLocalData?.paymentInstrumentIds!=null&&m.vendorDetailLocalData?.paymentInstrumentIds.length>0,x=m.vendorBasic?.countryCode!=null||c,W=m.vendorBasic?.currencyCode!=null||c;return I.useEffect(()=>{(l==="vendor"&&e.createInternationalWireDetails.createStatus.fetchState==="Completed"||m?.saveStatus?.fetchState==="Completed")&&$()},[m?.saveStatus?.fetchState,$,l,e.createInternationalWireDetails.createStatus]),t.jsx(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:W})};export{ft as default};

package/dist/assets/VerifyDevice-C27gEWkZ-BrEq9dHz.js

@@ -1,112 +0,0 @@
-import{cJ as A,c1 as B,O as N,j as r,eg as J,c2 as d,cD as U,c4 as W,eh as X,c9 as f,ei as Y,o,n as E,ej as Z,cd as L,ek as q,el as k,dS as G,h as y,d3 as b,em as K}from"./index-kF4u7Flm.js";import{b as c,n as t}from"./vendor-Bs1fkIUX.js";import{A as Q,Z as C}from"./AccountLockedInfoModal-BD7Nb81U-ZCs8qzoa.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./handshake-BPg58FML-BpN0H-2S.js";const ee=e=>{if(!e)return"";try{const i=q(e);if(!i){const l=e.replace(/\D/g,"");if(l.length>=4){const g=l.slice(-4);return`+${l.slice(0,-4)||"1"} (•••) ••• ${g}`}return k(e)||e}const h=i.countryCallingCode,m=i.nationalNumber.slice(-4);return`+${h} (•••) ••• ${m}`}catch{const i=e.replace(/\D/g,"");if(i.length>=4){const h=i.slice(-4);return`+${i.slice(0,-4)||"1"} (•••) ••• ${h}`}return k(e)||e}},I=120,F=30,O=2,re="456px",te="256px",P=6,n=N.getLocalizedStrings().commonSetUp.twoFactorAuthentication,x="otpInputField",Te=e=>{const i=e.verifyOtpFetchState==="In-Progress",[h,m]=c.useState(!1),[l,g]=c.useState(!1),[j,T]=c.useState(0),[v,S]=c.useState(I),[p,w]=c.useState(F),D=A(e.verifyOtpFetchState),u=B({mode:"all",reValidateMode:"onChange",defaultValues:{[x]:""}}),$=u.watch(x),_=()=>{e.onCancelVerifyDevice()},M=()=>{$.trim().length===P&&e.onVerifyOtp($)},R=n.footerHelperText.replace(/<button_text>/,n.verify);c.useEffect(()=>{D==="In-Progress"&&e.verifyOtpFetchState==="Error"&&(m(!0),T(s=>s+1),u.setValue(x,""))},[D,e.verifyOtpFetchState,u]),c.useEffect(()=>{if(v<=0){g(!0);return}const s=setInterval(()=>{S(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(s)},[v]),c.useEffect(()=>{if(p<=0)return;const s=setInterval(()=>{w(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(s)},[p]);const H=s=>{const a=Math.floor(s/60),z=s%60;return`${a}:${z.toString().padStart(2,"0")}`};return r.jsx(J,{open:!0,children:r.jsxs(oe,{children:[r.jsx(d,{controller:j>O,children:r.jsx(Q,{unlockDate:U().add(1,"hour"),onSubmit:e.onCancelVerifyDevice})}),r.jsx(d,{controller:j<=O,children:r.jsx(W,{...u,children:r.jsxs(ge,{children:[r.jsxs(fe,{children:[r.jsx(ne,{children:n.verifyDeviceTitle}),r.jsx(se,{children:n.verifyDeviceDescription}),r.jsxs(le,{children:[r.jsx(ie,{children:ee(e.phoneNumber+"")}),r.jsx(X,{placement:"top",title:r.jsxs(f,{children:[n.changePhoneNumberHelperText,r.jsx(we,{href:`mailto:${C}`,children:C})]}),enterDelay:600,children:r.jsx(Se,{})})]})]}),r.jsxs(ce,{children:[r.jsx(Y,{value:$,valueLength:6,hasError:l===!0||h===!0,style:{margin:o.sp0},onChange:s=>{u.setValue(x,s),m(!1)}}),r.jsx(d,{controller:l===!1,children:r.jsx(V,{children:r.jsxs($e,{children:[n.codeExpiresIn," ",H(v)]})})}),r.jsx(d,{controller:l===!0,children:r.jsx(V,{children:r.jsx(ye,{children:n.codeExpired})})})]}),h===!0&&l===!1?r.jsxs(r.Fragment,{children:[r.jsx(d,{controller:j>=1,children:r.jsx(ae,{children:n.incorrectCode})}),r.jsx(d,{controller:j===2,children:r.jsx(ve,{children:r.jsxs(f,{children:[r.jsx(be,{}),n.accountLockWarning]})})})]}):null,r.jsx(d,{controller:e.resendVerifyDeviceOTPFetchState.error?.details?.application_error_code!=="OTP_RESEND_LIMIT_EXCEEDED",children:r.jsxs(de,{children:[r.jsx(he,{children:n.codeNotReceived}),r.jsx(ue,{disabled:p>0,onClick:()=>{p===0&&(e.onResendOtp(),m(!1),g(!1),u.setValue(x,""),S(I),w(F))},children:n.resend}),p>0&&r.jsxs(pe,{children:[N.getLocalizedStrings().common.in.toLowerCase()," ",p,"s"]})]})}),r.jsxs(je,{children:[r.jsxs(me,{children:[r.jsx(E,{label:n.cancel,onClick:_,style:{width:82}}),r.jsx(E,{variant:"primary",label:n.verify,onClick:M,style:{width:82},loading:i,disabled:$.trim().length!==P||l===!0})]}),r.jsx(xe,{children:R})]})]})})})]})})},oe=t.div`
-  display: flex;
-  flex-direction: column;
-  min-width: ${te};
-  max-width: ${re};
-  padding: ${o.sp5} ${o.sp6};
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: ${o.sp2};
-`,ne=t(Z)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,se=t(L)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,ie=t(L)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,le=t.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp1};
-`,ce=t.div`
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  row-gap: ${o.sp1};
-`,ae=t(b)`
-  color: ${y.important};
-  text-align: center;
-`,de=t.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: ${o.sp1};
-`,he=t(b)`
-  color: ${e=>e.theme.colors.hero};
-`,pe=t(b)`
-  color: ${e=>e.theme.colors.hero};
-`,ue=t.button`
-  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.link};
-  cursor: ${e=>e.disabled?"default":"pointer"};
-  background: none;
-  border: none;
-  padding: 0;
-  font: inherit;
-
-  &:hover {
-    color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.primary};
-  }
-`,me=t.div`
-  display: flex;
-  justify-content: center;
-  column-gap: ${o.sp3};
-`,xe=t(f)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,fe=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${o.sp2};
-`,ge=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${o.sp3};
-`,je=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${o.sp2};
-  margin-top: ${o.sp2};
-`,V=t.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: ${e=>e.theme.colors.background};
-`,$e=t(f)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,ye=t(f)`
-  color: ${y.important};
-  text-align: center;
-`,ve=t.div`
-  display: flex;
-  justify-content: center;
-  background: ${y.importantLight};
-  border-radius: ${o.sp1};
-  color: ${y.important};
-  word-wrap: normal;
-  padding: ${o.sp1} ${o.sp6};
-  text-align: center;
-`,be=t(K)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  top: 2px;
-  position: relative;
-`,Se=t(G)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${e=>e.theme.colors.grey1};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,we=t.a`
-  text-decoration: underline;
-  color: inherit;
-`;export{Te as default};

package/dist/assets/ZeniAccountDetailPage-egmysAfI-CX7srLCt.js

@@ -1,300 +0,0 @@
-import{c1 as Pe,q as M,co as Te,k_ as Be,x as pe,cJ as Le,j as t,O as _,cG as T,eh as B,o,dD as Ne,C as D,eX as W,eY as R,eZ as F,c4 as Me,fT as He,h as f,fH as Ee,cF as v,Y as ue,c9 as w,dS as Ie,e0 as Oe,cM as Ue,y as j,j4 as We,iv as ae,ao as Y,u as p,l1 as Re,d8 as Fe,dU as Ye,db as Ge,da as Ve,dV as Je,d9 as Xe,cd as q,l2 as Ze,d0 as _e,cV as qe,l3 as Ke,s as Qe,l4 as et,M as tt,j6 as ot,fO as at,ce as it,b as nt,eQ as lt}from"./index-kF4u7Flm.js";import{b as r,n as a}from"./vendor-Bs1fkIUX.js";import{$ as rt}from"./BoxItem-COIjjFrn-CYZK_lth.js";import{w as ct}from"./downloadPdf-D7p3yKmg-DrJJdcEl.js";import{H as st}from"./DepositAccTransactionItem-B0BGwVqF-Cwta5ei3.js";import{T as dt}from"./ZeniAccountNavBarPieces-HNIht0FM-azEwN9c2.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./commonDimensions-C32v1F7H-C9uaBJ8J.js";const pt=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"})),ut=a.div`
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  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",G="checkingAccountNickName",ht={tickLabelText:new nt("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:N,spendManagement:mt}=_.getLocalizedStrings(),{zeniAccounts:i}=mt,V=_.getLocalizedStrings().dateFormat,xt=_.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Xt,{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=T("0,0[.]00",l[0].payload?.balance?.available),d=Y(l[0].payload?.date).format(V.visual.DMMMYYYYFormat)),t.jsxs(Vt,{children:[t.jsx(le,{children:d}),t.jsx(le,{isSublabel:!0,children:c})]})},[]),g=r.useCallback(l=>{const{x:d,y:c}=l,{value:C}=l.payload;let A=!1;e.accountHistoryWithBalance.length>360&&(A=!0);const S=A?Y(C).format(V.visual.MMMformat):Y(C).format(V.visual.MMMDFormat);return t.jsx(zt,{translateX:d,translateY:c,children:t.jsx(Nt,{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(Jt,{cx:l,cy:d,strokeWidth:1,r:p[1]})),[m]),y=r.useMemo(()=>{const l=e.accountHistoryWithBalance.length;return l<=0?0:l>360?Math.floor(l/12):Math.floor(l/7)},[e.accountHistoryWithBalance.length]);return e.fetchState!=="Completed"?null:e.fetchState==="Completed"&&e.accountHistoryWithBalance.length===0?t.jsx(po,{children:t.jsx(uo,{children:N.texts.noData})}):t.jsx(Ot,{children:t.jsx(Re,{height:u.areaChartHeight.value(h),width:"99%",children:t.jsxs(Fe,{data:b,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(Mt,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(Ht,{offset:"0%",stopColor:f.brandColorJade,stopOpacity:1}),t.jsx(Et,{offset:"100%",stopColor:f.brandColorJade,stopOpacity:.03})]})}),t.jsx(Ye,{vertical:!1,strokeWidth:2,stroke:n.colors.grey3}),t.jsx(Ge,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:l=>g(l),padding:{right:p[4]},interval:y}),t.jsx(Ve,{tick:!1,axisLine:!1}),t.jsx(Je,{position:m,content:({payload:l})=>x(l),cursor:{strokeDasharray:"3",stroke:f.brandColorJade}}),t.jsx(Xe,{activeDot:k,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:f.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 y=M(),l=r.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(kt,{windowSize:y,children:[t.jsx(gt,{getToolTipContent:h,zeniAccountDetail:e}),t.jsxs(At,{children:[t.jsx(he,{accountHistory:l}),t.jsxs(It,{windowSize:y,children:[t.jsxs(Ft,{onClick:n,"data-testid":v("view-account-detail-button"),children:[t.jsx(io,{}),y==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.accDetails}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),t.jsxs(Yt,{"data-testid":v("download-bank-verification-letter"),onClick:()=>ct(`${m}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,$,x),children:[b?t.jsx(ue,{size:"Standard",start:!0}):t.jsx(no,{}),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(jt,{windowSize:y,children:[t.jsxs(wt,{children:[t.jsx(Kt,{children:i.zeniAccountDetail.transactions}),k?t.jsxs(Qt,{onClick:g,"data-testid":v("view-all-account-transactions"),children:[t.jsx(to,{children:i.zeniAccountDetail.viewAll}),t.jsx(eo,{})]}):null]}),t.jsx(vt,{children:e.transactionList.map((d,c)=>t.jsx(st,{data:d,boxType:rt(c,e.transactionList.length)},d.id))})]}):t.jsxs(yt,{children:[t.jsx(ft,{windowSize:y}),t.jsx($t,{children:i.zeniAccountDetail.noTransactionText})]})]})});me.displayName="AccountDetailScreen";const Do=({authParams:e,downloadEndPoint:h,zeniAccountDetail:n,isBillPayEnabled:m,isExpressPayEnabled:$,onViewAllTransactionClick:b,onAccountDetailClick:x,handleMoveMoneyOptionSelection:g,onBackClick:k,onCloseAccountClick:y,onEditNameClick:l,onReloadZeniAccountDetailPage:d})=>{const c=Pe({mode:"all"}),{setFocus:C}=c,[A,S]=r.useState(!1),[H,E]=r.useState(!1),[K,xe]=r.useState(!1),Q=M(),ee=Te(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||Be(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(()=>{K===!0&&setTimeout(()=>{xe(!1)},800)},[K]);const ge=n.transactionList.length>4,I=pe(),[ye,fe]=r.useState(!1),[$e,O]=r.useState(!1),U=n.accountUpdateStatus.editName.fetchState,oe=Le(U),je=s=>{s==="closeAccount"?S(!0):s==="editNickName"?E(!0):s==="payBill"?O(!0):g(s,n.accountDetail)},we={onOkClick:()=>{y?.(),S(!1)},onCancelClick:()=>{S(!1)}},be={onOkClick:()=>{},onCancelClick:()=>{c.reset(),E(!1)}};r.useEffect(()=>{oe==="In-Progress"&&U==="Completed"&&(E(!1),c.reset())},[oe,U,c]),r.useEffect(()=>{H&&C(G)},[H,C]);const ke={pageName:"detailPage",onOptionSelection:je},ve=n.accountDetail?.accountName??"",z=n.accountSummary,Ce=c.handleSubmit(s=>{l?.(s.checkingAccountNickName)}),Se={onOkClick:()=>{g("payBill"),O(!1)},onCancelClick:()=>{O(!1)}},De=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},Ae=r.useCallback(s=>{let P=null;switch(s){case"insuredBalance":P=t.jsx(t.Fragment,{});break;case"totalInterest":P=t.jsx(so,{children:i.zeniAccountList.yieldTooltip});break;case"totalBalance":P=t.jsxs(ro,{children:[t.jsx(lo,{children:i.zeniAccountList.balanceTooltip.base}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.balance}),t.jsx(Z,{children:T("0,0[.]00",z?.totalBalance.current)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.processing}),t.jsx(Z,{children:T("0,0[.]00",z?.totalBalance.hold)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.available}),t.jsx(Z,{children:T("0,0[.]00",z?.totalBalance.available)})]})]});break}return t.jsx(L,{children:t.jsx(B,{style:{textAlign:"left",padding:o.sp1},maxWidth:De(s),display:"flex",placement:Q==="small"?"bottom":"top",title:P,children:t.jsx(co,{})})})},[z,Q]),ze=t.jsx(dt,{zeniBankProps:ke,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(bt,{children:[t.jsx(Ne,{title:ve,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:k,showMenuIcon:!1,backgroundColor:I.colors.grey4,style:{zIndex:3,...D.largeSemiBold.cssObject},rightSideComponent:ze,source:"ZeniAccountDetailPage"}),A?t.jsx(W,{titleComponent:t.jsx(F,{children:i.zeniAccountDetail.closeAccountPopUp.title}),descriptionComponent:t.jsx(R,{children:`${i.zeniAccountDetail.closeAccountPopUp.description}${n.accountDetail?.maskedAccountNumber}${N.strings.dot}`}),primaryButtonText:i.zeniAccountDetail.closeAccountPopUp.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:i.zeniAccountDetail.closeAccountPopUp.secondaryButtonText,action:we}):null,$e?t.jsx(W,{titleComponent:t.jsx(F,{children:i.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(R,{children:i.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:i.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:i.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:Se,secondaryButtonWidth:130,primaryButtonWidth:130}):null,H?t.jsx(W,{titleComponent:t.jsx(F,{children:i.zeniAccountDetail.editNamePopUp.title}),descriptionComponent:t.jsx(R,{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(Me,{...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:Ee(c.formState.errors,G)===!0?f.importantLight:I.colors.background,border:`1px solid ${I.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,n.fetchState==="Completed"?t.jsx(me,{authParams:e,downloadEndPoint:h,getToolTipContent:Ae,onAccountDetailClick:x,onViewAllTransactionClick:b,setShowLoader:fe,showLoader:ye,showViewAllTransactions:ge,zeniAccountDetail:n}):n.fetchState==="Error"?t.jsxs(Pt,{children:[t.jsx(Tt,{onClick:d,"data-testid":v("account-detail-reload"),children:t.jsx(Lt,{})}),t.jsx(Bt,{children:xt.reloadPage.label})]}):t.jsx(ut,{children:t.jsx(ue,{size:"ExtraLarge",start:!0})})]})},gt=({zeniAccountDetail:e,getToolTipContent:h})=>{const n=M(),[m,$]=r.useState(!1),[,b]=We(),[x,g]=r.useState(!1),k=()=>{b(e.accountDetail?.accountNumber??""),g(!0)};return r.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(Ct,{children:[t.jsxs(St,{children:[t.jsx(Gt,{children:t.jsxs(re,{children:[ne(i.zeniAccountList.totalAvailableBalance),h("totalBalance")]})}),t.jsx(qt,{windowSize:n,children:e.accountDetail?.accountBalance.available?t.jsx(t.Fragment,{children:t.jsx(ae,{amount:e.accountDetail?.accountBalance.available,integerStyles:D.h2Regular.cssObject,decimalStyles:D.h5Medium.cssObject})}):null}),m?t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.accountNumber,t.jsx(L,{children:t.jsx(B,{display:"flex",placement:"top",title:i.zeniAccountDetail.hide,enterDelay:600,children:t.jsx(_t,{"data-testid":v("hide-account-number"),onClick:()=>{$(!1)}})})}),t.jsx(L,{children:t.jsx(B,{display:"flex",placement:"right",title:x?N.copyToClipBoard.copied:N.copyToClipBoard.copy,enterDelay:600,children:x===!0?t.jsx(ao,{}):t.jsx(oo,{onClick:k,"data-testid":v("copy-account-number")})})})]}):t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.maskedAccountNumber,t.jsx(L,{children:t.jsx(B,{display:"flex",placement:"top",title:i.zeniAccountDetail.show,enterDelay:600,children:t.jsx(Zt,{"data-testid":v("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(Dt,{children:[t.jsxs(re,{children:[ne(i.common.totalYieldEarned),h("totalInterest")]}),t.jsxs(Ut,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(ae,{amount:e.accountSummary?.totalInterest.available,integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject}),t.jsx(Wt,{}),t.jsx(Rt,{children:`${i.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},yt=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,ft=a(Ke)`
-  width: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
-  height: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
-  margin-top: 128px;
-  margin-bottom: ${o.sp3};
-`,$t=a(q)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,jt=a.div`
-  margin-top: ${e=>u.accountDetailContentMarginTop.valuePx(e.windowSize)};
-  margin-right: ${e=>u.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
-  margin-left: ${e=>u.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
-  margin-bottom: ${o.sp0};
-  &:last-child {
-    margin-bottom: ${o.sp8};
-  }
-`,wt=a.div`
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: ${o.sp3};
-`,bt=a.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-`,kt=a.div`
-  display: flex;
-  gap: ${e=>`${u.accountDetailHeaderGap.valuePx(e.windowSize)}`};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  background: ${e=>e.theme.colors.grey4};
-  padding-top: ${o.sp6};
-  padding-right: ${e=>u.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
-  padding-bottom: ${e=>u.accountDetailHeaderPaddingBottom.valuePx(e.windowSize)};
-  padding-left: ${e=>u.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
-  justify-content: space-between;
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,vt=a.div`
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
-`,Ct=a.div`
-  display: flex;
-  gap: ${o.sp3};
-  flex-direction: column;
-  justify-content: space-between;
-`,St=a.div``,Dt=a.div``,At=a.div`
-  display: flex;
-  gap: ${o.sp3};
-  flex: 1;
-  flex-direction: column;
-  justify-content: flex-end;
-`,zt=a.g`
-  transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
-`,Pt=a.div`
-  display: flex;
-  width: 100%;
-  height: calc(100% - 60px);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,Tt=a.div`
-  height: ${o.sp12};
-  width: ${o.sp12};
-  background: ${e=>e.theme.colors.background};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${o.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Bt=a(Ue)`
-  margin-top: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,Lt=a(Oe)`
-  height: ${o.sp5};
-  width: ${o.sp5};
-  margin: ${o.sp5};
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Nt=a.text`
-  fill: ${e=>e.theme.colors.hero};
-  ${e=>`${ht.tickLabelText.style(e.windowSize)}`};
-`,Mt=a.linearGradient``,Ht=a.stop``,Et=a.stop``,It=a.div`
-  display: flex;
-  flex-direction: row;
-  gap: ${e=>u.accBtnsGap.valuePx(e.windowSize)};
-  justify-content: ${e=>e.windowSize==="small"?"space-between":"flex-end"};
-  align-items: center;
-`,Ot=a.div`
-  display: flex;
-  justify-content: flex-end;
-  margin-left: -${o.sp8};
-  .recharts-cartesian-grid {
-    .recharts-cartesian-grid-horizontal {
-      line:last-child {
-        display: none;
-      }
-    }
-  }
-`,Ut=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: baseline;
-`,Wt=a.div`
-  align-self: center;
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-  width: ${o.sp1};
-  height: ${o.sp1};
-  margin: ${o.sp0} ${o.sp1};
-  margin-top: 2px;
-`,Rt=a(it)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${o.sp1};
-`,Ft=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    .btnText {
-      color: ${e=>e.theme.colors.primary};
-    }
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-  margin-left: ${o.sp3};
-`,Yt=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    .btnText {
-      color: ${e=>e.theme.colors.primary};
-    }
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-  margin-right: ${o.sp3};
-`,Gt=a(w)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-`,Vt=a.div`
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  position: relative;
-  top: -22px;
-  right: 103px;
-  min-height: ${o.sp6};
-  min-width: 66px;
-  border-radius: ${o.sp1};
-  padding: ${o.sp0} ${o.sp2};
-  background-color: ${f.blackColor};
-`,Jt=a.circle`
-  stroke: ${e=>e.theme.colors.brandColorJade};
-  fill: ${e=>e.theme.colors.grey5};
-`,le=a(w)`
-  color: ${e=>e.isSublabel===!0?f.neutralGrey1Light:f.brandColorPearl};
-`,re=a.div`
-  display: flex;
-  gap: ${o.sp1};
-`,Xt=a(w)`
-  color: ${e=>e.theme.colors.hero};
-`,ce=a(Qe)`
-  text-transform: capitalize;
-  color: ${e=>`${e.windowSize==="small"?e.theme.colors.hero:e.theme.colors.champion}`};
-  display: flex;
-  align-items: center;
-`,Zt=a(at)`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  margin-left: ${o.sp2};
-  margin-right: ${o.sp2};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-`,_t=a(et)`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  margin-left: ${o.sp2};
-  margin-right: ${o.sp2};
-  color: ${e=>e.theme.colors.hero};
-`,qt=a.div`
-  display: flex;
-  align-items: baseline;
-  color: ${e=>e.theme.colors.primary};
-`,se=a(q)`
-  margin-left: ${o.sp2};
-`,de=a(w)`
-  margin-left: ${o.sp2};
-`,Kt=a(_e)`
-  color: ${e=>e.theme.colors.primary};
-`,Qt=a.div`
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  &:hover {
-    div {
-      color: ${e=>e.theme.colors.primary};
-    }
-
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,eo=a(qe)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${e=>e.theme.colors.grey1};
-`,to=a(q)`
-  color: ${e=>e.theme.colors.hero};
-  margin-right: ${o.sp2};
-`,L=a.div`
-  display: flex;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,oo=a(ot)`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ao=a(tt)`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  color: ${f.success};
-`,io=a(pt)`
-  width: ${o.sp4};
-  min-width: ${o.sp4};
-  height: ${o.sp4};
-`,no=a(Ze)`
-  width: ${o.sp4};
-  min-width: ${o.sp4};
-  height: ${o.sp4};
-`,lo=a(w)`
-  margin-bottom: ${o.sp2};
-  display: flex;
-`,ro=a(w)`
-  padding: 12px ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-  border-radius: ${o.sp1};
-`,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};
-`,Z=a.div`
-  color: ${f.primaryDark};
-`,co=a(Ie)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,so=a(w)`
-  padding: ${o.sp2};
-  color: ${e=>e.theme.colors.hero};
-`,po=a.div`
-  height: -webkit-fill-available;
-  align-self: center;
-`,uo=a(lt)`
-  opacity: 0.25;
-`;export{Do as default};

package/dist/assets/ZeniAccountNavBarPieces-HNIht0FM-azEwN9c2.js

@@ -1,14 +0,0 @@
-import{co as O,je as $,iK as P,O as j,j as i,cF as w,kw as p,l0 as u,o as s,ky as z}from"./index-kF4u7Flm.js";import{n as d}from"./vendor-Bs1fkIUX.js";const o=j.getLocalizedStrings().spendManagement.zeniAccounts,m=[{value:"editNickName",label:o.moveMoney.editNickName},{value:"accountStatement",label:o.moveMoney.accountStatement}],y={value:"payBill",label:o.moveMoney.payBills},g={value:"transfer",label:o.moveMoney.transfer},v={value:"sendMoney",label:o.moveMoney.sendMoney,isNew:!0},M={value:"checkDeposit",label:o.moveMoney.checkDeposit},B=[y,g,v,M],A=[v,g,y,M],R=({zeniBankProps:e,isBillPayEnabled:h,isExpressPayEnabled:k,analytics:x,onSettingsClick:f})=>{const a=O(),l=a.loggedInUserRoleMap.deposit_accounts_user===!0||$(a),b=P(a.loggedInUserRoleMap),S=m.filter(t=>t.value==="accountStatement"),c=h===!0?B:A,r=k===!0?c:c.filter(t=>t.value!=="sendMoney"),N=b?r:r.filter(t=>t.value!=="payBill");return i.jsxs(D,{isTopAlign:e.pageName==="detailPage",children:[e.pageName==="listPage"&&!l?i.jsx(C,{onClick:f,"data-testid":w("zeni-accounts-settings-button")}):e.pageName==="detailPage"&&i.jsx(p,{entity:"zeni_accounts",onOptionSelection:t=>{const n=u(t);n!=null&&e.onOptionSelection(n)},isMoreOption:!0,options:l?S:m,title:o.moveMoney.title}),l?null:i.jsx(p,{entity:"zeni_accounts",onOptionSelection:t=>{const n=u(t);n!=null&&e.onOptionSelection(n)},isMoreOption:!1,options:N,title:o.moveMoney.title,onMenuOpen:()=>x?.trackAccountsListPageClicked("Move Money")})]})},C=d(z)`
-  cursor: pointer;
-  min-width: ${s.sp4};
-  width: ${s.sp4};
-  height: ${s.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,D=d.div`
-  display: flex;
-  flex-direction: row;
-  align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
-`;export{R as T};

package/dist/assets/addSubtractPeriod-CFvkmqm8.js

@@ -1 +0,0 @@
-import{ga as n,gb as a}from"./index-kF4u7Flm.js";function h(r,c,s,t){if(t==="week"||t==="month")return r.add(s,t);switch(t){case"quarter":return r.add(s*a,"month");case"year":return r.add(s*n,"month")}}function u(r,c,s,t){if(t==="week"||t==="month")return r.subtract(s,t);switch(t){case"quarter":return r.subtract(s*a,"month");case"year":return r.subtract(s*n,"month")}}export{h as a,u as s};

package/dist/assets/analyticsHelper-or1KkBWk-CU2Z2CeD.js

@@ -1 +0,0 @@
-import{O as c,ex as s}from"./index-kF4u7Flm.js";const _=t=>{switch(t){case"week":return"weeks";case"month":return"months";case"quarter":return"quarters";case"year":return"years";case"this_month_to_date":case"this_week_to_date":case"this_year_to_date":case"last_year":case"last_week":case"last_month":case"last_6_months":case"last_3_months":case"last_12_months":case"free_range":return t}},m=(t,n,e)=>{const{dateFormat:{analytics:a},common:{strings:{atTheRate:r}}}=c.getLocalizedStrings();if(e==null)return"";switch(n){case"month":return r+s(e.startDate,a.MMMYYFormat,t);case"quarter":return r+"Q"+s(e.startDate,a.QYYYYFormat,t);case"year":return r+s(e.startDate,a.YYYYFormat,t);case"free_range":case"week":return r+s(e.startDate,a.MMMYYYYFormat,t)}};export{m as l,_ as m};

package/dist/assets/downloadPdf-D7p3yKmg-DrJJdcEl.js

@@ -1 +0,0 @@
-import{eN as n,eO as f,eP as d}from"./index-kF4u7Flm.js";async function w(t,o,s,e,r=!1){e?.(!0);try{const a=await n({urlEndPoint:t,authParams:s,fileType:"pdf"});if(a.ok){const i=f(a.headers,o),l=await a.arrayBuffer();d(l,r?i:o),e?.(!1)}else console.error(`${o} download Failed with ${a.statusText}`),e?.(!1)}catch(a){console.error(`${o} download Failed with ${JSON.stringify(a)}`),e?.(!1)}}export{w};