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

package/dist/assets/MyBankConnectionsSettingsPage-IPPiH6jv-CVF8iXYJ.js

@@ -1,110 +0,0 @@
-import{d as z,q as M,fG as H,O as $,aU as w,j as i,l as I,bF as L,ab as v,o as t,bA as P,y as d,an as B,am as _,C as R,c as W,fH as j,fI as C,u as m,fK as E,h as A,ai as F}from"./index-sAOH0Fje.js";import{b as y,n}from"./vendor-Bs1fkIUX.js";import{K as N}from"./SetUpDefaultSection-Bm1eZSgT-BcxYXAIw.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const r={sectionWidth:new d(343,580,726),iconContainerMaxWidthHeight:new d(m[6],m[7]),iconContainerMarginRight:new d(12,m[3]),iconPadding:new d(10,12),iconWidthHeight:new d(20,m[4]),elementsMarginLeftRight:new d(m[3],m[4])},J={title:new W("standardMedium","largeMedium")},K=n.img`
-  width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  border-radius: ${t.sp11};
-  margin-right: ${e=>r.iconContainerMarginRight.valuePx(e.windowSize)};
-`,O=n.div`
-  display: flex;
-`,V=n.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  justify-content: space-between;
-  margin-left: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  padding-top: ${t.sp4};
-  padding-bottom: ${t.sp4};
-`,q=n.div`
-  display: flex;
-  align-items: flex-start;
-`,G=n.div`
-  display: flex;
-  opacity: 1;
-`,U=n.div`
-  display: flex;
-  flex-direction: column;
-`,Y=n.div``,Q=n.div`
-  ${e=>`${J.title.style(e.windowSize)}`};
-  color: ${e=>e.isError===!0?A.important:e.theme.colors.primary};
-`,X=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: ${e=>r.iconPadding.valuePx(e.windowSize)};
-  background: ${e=>e.iconColor.toString()};
-  border-radius: ${t.sp11};
-  width: fit-content;
-  height: fit-content;
-  color: ${e=>e.isDarkMode?A.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
-  max-width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${e=>r.iconContainerMarginRight.valuePx(e.windowSize)};
-`,Z=n(F)`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-  flex-wrap: wrap;
-`,ee=n.div`
-  display: flex;
-`,ie=n.div`
-  display: inline-block;
-  border-radius: ${t.sp2};
-  margin: ${t.sp0} 12px;
-  width: ${t.sp1};
-  height: ${t.sp1};
-  cursor: inherit;
-  background-color: ${e=>e.theme.colors.grey1};
-`,ne=n.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>r.sectionWidth.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.sp2};
-  color: ${e=>e.theme.colors.grey1};
-  justify-content: space-between;
-  box-sizing: border-box;
-`,te=({bankAccount:e,paymentAccount:o,accountStatus:s})=>{const a=M(),u=z(),h=e.bankName,l=u.mode==="light"?new w(u.colors.brandColorJadeLight):new w(u.colors.brandColorJadeDark),f={element:i.jsx(P,{width:r.iconWidthHeight.valuePx(a),height:r.iconWidthHeight.valuePx(a)}),color:l},c=o?.providerVerificationStatus?.code,p=`${o?.accountSubType?.name!=null?o.accountSubType.name.substring(0,1).toUpperCase().concat(o.accountSubType.name.substring(1)):""} ${o?.maskedAccountNumber??e.maskedAccountNumber}`.trim(),g=o?.institutionDetails?.zeniInstitutionId.toLowerCase()==="chase";return i.jsx(ne,{windowSize:a,children:i.jsxs(V,{windowSize:a,children:[i.jsxs(q,{children:[i.jsx(G,{children:oe(f,a,u.mode==="dark",o)}),i.jsxs(U,{children:[i.jsxs(Y,{children:[i.jsx(Q,{windowSize:a,children:h}),i.jsx(Z,{children:p?i.jsxs(i.Fragment,{children:[i.jsx(ee,{children:p}),a!=="small"&&(c!=="verification_failed"&&o?.providerVerificationStatus?.code==="pending_manual_verification"||g)?i.jsx(ie,{}):null]}):null})]}),s!=null&&a==="small"?i.jsx(j,{style:{width:"max-content",padding:0,marginTop:t.sp2},tagTitle:s.name,textColor:C(s.code)}):null]})]}),i.jsx(O,{children:s!=null&&a!=="small"?i.jsx(j,{style:{width:"max-content",padding:0,marginTop:t.sp2},tagTitle:s.name,textColor:C(s.code)}):null})]})})},oe=(e,o,s,a)=>a?.institutionDetails.logo?.base64!=null?i.jsx(K,{windowSize:o,src:`${E}${a.institutionDetails.logo.base64.toString()}`,alt:a.institutionDetails.institutionName,loading:"lazy"}):i.jsx(X,{iconColor:e.color,windowSize:o,isDarkMode:s,children:e.element}),b={iconWidthHeight:new d(20,m[4]),sectionWidth:new d(343,580,726),subtitleSectionWidth:new d(343,580,1200)},ae={title:new W("standardMedium","largeMedium")},le=n.div`
-  display: flex;
-  row-gap: ${t.sp3};
-  flex-direction: column;
-`,re=n.div`
-  display: flex;
-  height: 100vh;
-  width: 100%;
-  row-gap: ${t.sp3};
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,se=n.div`
-  margin: auto;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: flex-start;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,de=n.div`
-  display: flex;
-  align-items: center;
-  width: ${e=>b.sectionWidth.valuePx(e.windowSize)};
-  margin-bottom: ${t.sp3};
-`,ce=n.div`
-  display: flex;
-  align-items: center;
-
-  color: ${e=>e.theme.colors.primary};
-  font-family: ${R.largeMedium.fontFamily};
-  ${e=>`${ae.title.style(e.windowSize)}`};
-`,me=n(B)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: ${e=>b.subtitleSectionWidth.valuePx(e.windowSize)};
-  margin-bottom: ${t.sp5};
-`,ue=n(_)`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-`,$e=({plaidConnectionDetails:e,myBankConnectionsView:o,onEstablishConnectionClick:s,onFetchLinkTokenClick:a,onClickMenuIcon:u})=>{const h=z(),l=M(),f=y.useCallback(x=>{s(x)},[s]),c=y.useMemo(()=>e.link_account_no_microdeposit,[e]),{open:p}=H({token:c.linkToken??null,onSuccess:f}),g=$.getLocalizedStrings().common.settings,T=h.mode==="light"?new w(h.colors.brandColorJadeLight):new w(h.colors.brandColorJadeDark),k=$.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;return y.useEffect(()=>{(I.zeniDate(new Date().toISOString()).isAfter(c.expiration)||c.linkToken==null)&&a("link_account_no_microdeposit")},[a,c.expiration,c.linkToken]),i.jsxs(re,{children:[i.jsx(L,{source:"MyBankConnectionsSettingsPage",title:g.title.myBankConnections,backgroundColor:h.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:u}),i.jsxs(se,{windowSize:l,children:[i.jsx(me,{windowSize:l,children:i.jsx(ue,{windowSize:l,children:g.infoText.myBankConnections})}),o.bankAccounts.length>0?i.jsx(de,{windowSize:l,children:i.jsx(ce,{windowSize:l,children:g.subtitle.myBankConnections})}):null,i.jsx(v,{controller:o.bankAccounts.length>0,children:i.jsx(le,{children:o.bankAccounts.map(x=>{const S=o.paymentAccounts.find(D=>D.bankAccountId==x.bankAccountId);return i.jsx(te,{bankAccount:x,accountStatus:S?.verificationStatus,paymentAccount:S},x.bankAccountId)})})}),i.jsx(v,{controller:o.bankAccounts.length===0,children:i.jsx(N,{onClick:()=>{p()},title:k.connectYourBank,subTitle:k.loginToBank,header:g.label.reimbursements,icon:{element:i.jsx(P,{width:b.iconWidthHeight.valuePx(l),height:b.iconWidthHeight.valuePx(l)}),color:T},style:{width:"unset",rowGap:l==="small"?t.sp2:void 0}})})]})]})};export{$e as default};

package/dist/assets/MyPendingActivationChargeCardListPage-BTGb1yIE-BD419NGA.js

@@ -1,6 +0,0 @@
-import{d as N,ax as B,l as w,O as D,f_ as a,j as d,bF as M,gh as O,o as j}from"./index-sAOH0Fje.js";import{n as P}from"./vendor-Bs1fkIUX.js";import{a as U,l as $}from"./ChargeCardListTable-BGWV4zJl-fPTlw7hA.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./Menu-B6iTf2H7-Cqx4dVPp.js";import"./RoleWithToolTip-BqI6M0x_-CwUqJeb5.js";import"./CardNumberSubText-CmhH95Ff-CLBGKyAX.js";import"./ChargeCardUtils-BRgkrCTs-DoVoCmwL.js";const{spendManagement:{chargeCard:C}}=D.getLocalizedStrings(),at=({myPendingActivationChargeCardListView:e,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,chargeCardCashbackDetailState:r,creditAccount:c,creditAccountRepayment:u,depositAccountListWithDebitCardIssued:i,controllerEmails:b,signedInUser:S,onChargeCardRowClick:p,onBackClick:k,onReloadCards:g,onColumnSortConfigChanged:A})=>{const f=N(),F=B(),h=w.hasChargeCardAdminLevelAccess(F.loggedInUserRoleMap),v=e.cards.some(t=>t.type.code.includes("credit")),m=e.cards.some(t=>t.type.code.includes("debit")),y=v&&m?C.cardList.title.cards:m?C.cardList.title.debit:C.cardList.title.credit,E=h===!0?{creditCardCashbackOffer:`${r.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${r.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:a(r.cashbackSummary.cashbackEarned.amount),redeemedCashback:a(r.cashbackSummary.cashbackRedeemed.amount),availableCashback:a(r.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:r.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:r.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,L=o&&l&&h===!0?{creditAccountId:c.id,creditAccountLimit:a(c.limit.amount),creditAccountAvailableAmount:a(c.available.amount),creditAccountSpentAmount:a(c.balance.amount+c.hold.amount),creditAccountStatus:c.status,outstandingBalance:a(u.remainingAmountDue.amount)}:void 0,I=n&&s?{debitAccountId:i.depositAccounts.map(t=>t.id),debitAccountName:i.depositAccounts.map(t=>t.accountName),debitAccountBalance:i.depositAccounts.map(t=>a(t.accountBalance.available.amount)),debitCardsSpend:0,debitAccountStatus:i.depositAccounts.map(t=>t.accountStatus)}:void 0,R={isCreditCardOffered:o,isDebitCardOffered:n,isDebitCardEnabled:s,isCreditCardEnabled:l},x={revokeChargeCardFetchState:{fetchState:"Not-Started"},unlockChargeCardsFetchState:{fetchState:"Not-Started"},lockChargeCardsFetchState:{fetchState:"Not-Started"},closeChargeCardsFetchState:{fetchState:"Not-Started"},updateChargeCardLimitFetchState:{fetchState:"Not-Started"},updateChargeCardNameFetchState:{fetchState:"Not-Started"},depositAccountLimitFetchState:{fetchState:"Not-Started"},recurringExpenses:[],recurringExpensesFetchState:{fetchState:"Not-Started"}};return d.jsxs(V,{children:[d.jsx(M,{title:y,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:k,source:"MyPendingActivationChargeCardListPage"}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?d.jsx(O,{fetchState:e.fetchState,styles:{margin:"auto"}}):d.jsx(U,{onBulkCloseClick:()=>{},onBulkLockClick:()=>{},bulkSubmissionLimit:$,isCardControlsEnabled:!1,cardsSelectedForBulkAction:[],isBulkActionAllowed:!1,firstSelectedCardStatus:void 0,setActionTypeForRowAction:()=>{},setCardIdForRowAction:()=>{},controllerEmails:b,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,creditAccount:c,creditAccountRepayment:u,productInformation:R,cashbackInformation:E,creditAccountInformation:L,debitAccountInformation:I,depositAccountListWithDebitCardIssued:i,cardList:e.cards,showViewForCardUser:!0,signedInUser:S,fetchState:e.fetchState,unlockChargeCardsFetchState:"Not-Started",revokeChargeCardsInviteFetchState:"Not-Started",rowActionView:x,onProceedForBulkActionClick:t=>{},removeAllCardsFromBulkActionList:()=>{},setShowBulkChangeSpendLimitPopup:t=>{},updateBulkActionList:t=>{},onReloadCards:g,onChargeCardRowClick:(t,z)=>{p(t)},uiState:e.uiState,onColumnSortConfigChanged:A,onChargeCardResendInviteClick:()=>{}})]})},V=P.div`
-  display: flex;
-  min-height: ${`calc(100vh - ${j.sp9})`};
-  flex-direction: column;
-  width: 100%;
-`;export{at as default};

package/dist/assets/MyProfileSettingsPage-BRK5nWg2--GwgfIws.js

@@ -1,85 +0,0 @@
-import{q as ie,g2 as te,d as fe,ax as ge,g3 as be,aa as ye,aC as xe,l as F,cT as we,cS as Pe,O as re,j as l,g4 as ve,bF as Oe,ad as $e,aQ as De,o as s,g5 as ne,g6 as de,g7 as ce,cO as ue,y as L,an as me,C as Se,c as Re,aJ as le,d2 as je,cV as Ce,g8 as q,c$ as Le,cZ as Te,g9 as Ie,a$ as Ve,u as U}from"./index-sAOH0Fje.js";import{b as v,n as m}from"./vendor-Bs1fkIUX.js";import{W as ke}from"./LabeledAddressValueField-YP7bXlgZ-8CibrbWw.js";import{Y as ze}from"./LabeledUserSingleSelectWithSubtitlesField-vEIvvd-n-BRFp4N3Z.js";import{C as Be,j as Fe}from"./LabeledZeniRolesDropDownField-BXTCN4j2-C9dcF_vL.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./RoleWithToolTip-BqI6M0x_-CwUqJeb5.js";const b=(e,t)=>`${e}.${t}`,B={largeLabelWidth:new L(120,120,160),textFieldPaddingHorizontal:new L(U[2],U[3]),toolTipWidth:new L(215,237),notePadding:new L(U[3],U[4]),noteGap:new L(U[0],6)},{peoplePage:a,common:{settings:se,labels:G,placeholder:z,errorMessage:Ae},dateFormat:Ne}=re.getLocalizedStrings(),Me=({myProfileView:e,isZeniFinopsRolesUser:t,sectionId:i,isDisabled:u,isReimbursementDisabled:y,isZeniAccountsDisabled:p,isChargeCardDisabled:o,isBankingOnlyTenant:f,isCardsOnlyTenant:O,isLiteRoleDisabled:T,isTreasuryDisabled:h,onAddressClick:x})=>{const n=ie(),{person:r,managersList:A,classList:N,manager:H,department:g,controllersList:M,myProfileLocalData:W,addressData:Q}=e,Y=e.person.user?.birthday!=null?"readonly":void 0,$=B.largeLabelWidth.value(n),I=B.largeLabelWidth.value(n),J=v.useMemo(()=>te(y,p,o,f,O,T,h),[y,p,o,f,O,T,h]),{firstController:w,restControllerEmailsStr:D}=v.useMemo(()=>{const c=le(M),S=c.splice(0,1),R=c.reduce((V,k)=>V.concat(`${k.email},`),"");return{firstController:S,restControllerEmailsStr:R}},[M]),K=v.useMemo(()=>le(ue.roles),[]),d=F.hasInvestorBankerLevelAccess(r.userRole!=null?r.userRole.userRoles:[]),_=v.useMemo(()=>N.map(c=>({label:c.fullyQualifiedAccountingClassName,value:c.classId,hoverText:c.accountingClassNumber})),[N]);return l.jsxs(Ze,{windowSize:n,children:[l.jsx(je,{isDisabled:u,label:{label:G.name,width:I},nameField:{name:b(i,"name"),placeHolder:{firstName:z.firstNamePlaceholder,lastName:z.lastNamePlaceholder,name:z.namePlaceholder},showFullNameError:!0},errorInfoLabel:Ae.nameError.replace("_product_type_",se.common.productTypeString)}),l.jsx(C,{}),l.jsx(Ce,{isDisabled:u,showAdditionalInfoLabel:!1,label:{label:a.invitePage.email,width:$},text:{type:"text",name:b(i,"email"),placeholder:q(a.addPlaceholderPrefix,a.invitePage.email),style:{padding:`${s.sp0} ${B.textFieldPaddingHorizontal.valuePx(n)}`}}}),l.jsx(C,{}),l.jsx(Le,{label:{label:G.dateOfBirth,width:I},style:{width:"auto"},isDisabled:Y,dateField:{name:b(i,"dateOfBirth"),placeholder:z.datePlaceholder,defaultValue:W.dateOfBirth,dateFormat:Ne.visual.defaultInput,autoComplete:"off",maxDate:F.dateNow().subtract(18,"year")}}),l.jsx(C,{}),l.jsx(ke,{label:{label:G.mailingAddress,width:I},addressValueField:{name:b(i,"mailingAddress"),placeholder:z.addressPlaceholder,defaultValue:Q?.addressToCreate,onClick:()=>{x("user_address")}},showAdditionalInfoLabel:!0,style:{width:"auto",padding:`${s.sp2} ${s.sp2} ${s.sp2} ${s.sp0}`}}),l.jsx(C,{}),l.jsx(Te,{label:{label:G.phone,width:I},text:{name:b(i,"phone"),placeholder:z.phonePlaceholder,defaultValue:W.phone,autoComplete:"off"},showVerified:W.isPhoneVerified,style:{width:"auto"}}),l.jsx(C,{}),t?l.jsx(Be,{label:{label:a.invitePage.role,width:$},zeniRolesDropDownField:{name:b(i,"role"),defaultValue:{selectedOptions:r.userRole!=null?r.userRole.userRoles:[],allOptions:K},registerOptions:{required:!0},placeholderLabel:q(a.selectPlaceholderPrefix,a.invitePage.role),isMulti:!0,forZeniUser:!0},isDisabled:"readonly"}):l.jsxs(l.Fragment,{children:[l.jsx(Fe,{label:{label:a.invitePage.role,width:$},rolesDropDownField:{name:b(i,"nonZeniRole"),defaultValue:{userRole:{selectedRole:ce(r.userRole?.userRoles??[]),allRootRole:de(f,O)},productsByUserRole:ne(r.userRole?.userRoles??[],J)},registerOptions:{required:!0}},isDisabled:u}),l.jsx(C,{}),l.jsx(ze,{label:{label:a.invitePage.manager,width:$},showTooltip:!0,toolTipWidth:B.toolTipWidth.valuePx(n),tooltipTitle:l.jsx(We,{}),userSingleSelectWithSubTitlesField:{name:b(i,"manager"),value:{allUsers:d?[]:A,selectedUser:d?void 0:H?.userId},valueToSubtitle:c=>{const S=A.findIndex(R=>R.userId===c);if(S!==-1){const R=A[S],V=N.find(X=>X.classId===R.userRole.accountingClassIDs[0]),k=[];return V!=null&&k.push(V.className),k}else return[]},placeholderLabel:d?a.notApplicable:q(a.selectPlaceholderPrefix,a.invitePage.manager),registerOptions:{required:!d},showOneOffLabel:{label:se.label.noManager,value:"no_manager",position:"top",subtitles:[]}},isDisabled:"readonly",opacity:d?.32:1}),l.jsx(C,{}),l.jsx(Ie,{label:{label:a.invitePage.department,width:$},singleSelectWithoutClearableField:{name:b(i,"department"),defaultValue:{allOptions:d?[]:_,selectedOption:d?void 0:_.find(c=>c.value===g?.classId)},placeholder:d?a.notApplicable:q(a.selectPlaceholderPrefix,a.invitePage.department),registerOptions:{required:!d},isDisabled:u,showOptionOnHover:!0},isDisabled:u,opacity:d?.32:1}),t?null:l.jsxs(Ue,{windowSize:n,children:[a.invitePage.controllerText,w[0]?l.jsxs(_e,{href:`mailto:${w[0].email}?cc=${D}&subject=${encodeURIComponent(a.invitePage.emailSubject)}`,children:[l.jsx(Ee,{children:`${w[0].firstName} ${w[0].lastName}`}),l.jsx(Ve,{className:"arrowIcon"})]}):null]})]})]})},We=()=>a.invitePage.managerTooltipText,Ze=m.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${s.sp0} 2px ${s.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${s.sp2};
-  margin-bottom: ${s.sp3};
-  .single-select-field__menu {
-    border: ${e=>e.windowSize==="small"?`1px solid ${e.theme.colors.grey3}`:"unset"};
-  }
-`,C=m.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Ue=m(me)`
-  padding: ${e=>`${s.sp1}  ${B.notePadding.valuePx(e.windowSize)}`};
-  background: ${e=>e.theme.colors.grey4};
-  border-radius: ${s.sp0} ${s.sp0} ${s.sp2} ${s.sp2};
-  text-align: left;
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  gap: ${e=>B.noteGap.valuePx(e.windowSize)};
-`,_e=m.a`
-  color: ${e=>e.theme.colors.hero};
-  text-decoration: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  .arrowIcon {
-    cursor: pointer;
-    height: 12px;
-    width: 12px;
-  }
-  :hover {
-    color: ${e=>e.theme.colors.primary};
-    .arrowIcon {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Ee=m.span``,pe={sectionWidth:new L(343,580,726),subtitleSectionWidth:new L(343,580,1200)},qe={title:new Re("standardMedium","largeMedium")},P="userDetails",pl=({myProfileView:e,isReimbursementDisabled:t,isZeniAccountsDisabled:i,isChargeCardDisabled:u,isTreasuryDisabled:y,isBankingOnlyTenant:p,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onClickMenuIcon:O,onAddressClick:T,updateMyProfileLocalData:h,onCancelClick:x,onGetOtp:n,onResendOtp:r,onSaveClick:A,onVerifyOtp:N,onVerifyOtpSuccess:H})=>{const g=ie(),M=v.useMemo(()=>te(t,i,u,p,o,f,y),[t,i,u,p,o,f,y]),[W,Q]=v.useState(!1),[Y,$]=v.useState(!1),I=fe(),J=ge(),w=be(J),D=ye({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:oe(e,w,M,p,o),values:oe(e,w,M,p,o)}),K=e.myProfileLocalData.dateOfBirth!=null&&e.person.user?.birthday!=null&&!e.myProfileLocalData.dateOfBirth.isSame(e.person.user?.birthday)||e.myProfileLocalData.dateOfBirth!=null&&e.person.user?.birthday==null,d=e.myProfileLocalData.phone!==e.person.user?.phone,_=e.addressData?.addressToCreate!=null&&e.person.address!=null&&!xe(F.getFormattedAddress(e.addressData?.addressToCreate),F.getFormattedAddress(e.person.address))||e.addressData?.addressToCreate!=null&&e.person.address==null,c=K||d||_,S=Object.keys(D.formState.errors).length===0,R=we(D.formState.dirtyFields),V=S&&(R||c),k=async(ee,E)=>{if(ee!=null){const j={...E},he={...e.myProfileLocalData,phone:j[P].phone,isPhoneVerified:j[P].phone!==e.person.user?.phone?!1:e.person.user?.isPhoneVerified??!1,dateOfBirth:j[P].dateOfBirth!=null?F.zeniDate(j[P].dateOfBirth.toString()):void 0};h(he)}};v.useEffect(()=>{const ee=D.watch((E,{name:j})=>{j!=null&&E!=null&&Pe(()=>k(j,E))});return()=>{ee.unsubscribe()}});const X=D.handleSubmit(()=>{S&&(e.myProfileLocalData.phone!=null&&(e.myProfileLocalData.isPhoneVerified==null||e.myProfileLocalData.isPhoneVerified===!1)?n(e.myProfileLocalData.phone):A())}),{common:Z}=re.getLocalizedStrings();return l.jsxs(Ge,{children:[l.jsx(ve,{showOtpPopup:W,phoneNumberPopupDescription:"show something",showPhoneNumberPopup:Y,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.myProfileLocalData.phone,onVerifyOtp:N,onVerifyOtpSuccess:H,setShowOtpPopup:Q,onResendOtp:r,setShowPhoneNumberPopup:$,onGetOtp:n}),l.jsx(Oe,{source:"MyProfileSettingsPage",title:Z.settings.title.myProfile,backgroundColor:I.colors.grey4,showBackButton:!1,showMenuIcon:g==="medium-compact"||g==="small",onClickMenuIcon:O}),l.jsxs(He,{windowSize:g,children:[l.jsx(Qe,{windowSize:g,children:l.jsx(Ye,{windowSize:g,children:Z.settings.infoText.myProfile})}),l.jsx($e,{...D,children:l.jsxs("form",{id:ae(P),onSubmit:X,children:[l.jsx(Je,{windowSize:g,children:l.jsx(Ke,{windowSize:g,children:Z.settings.subtitle.myProfile})}),l.jsx(Me,{myProfileView:e,isZeniFinopsRolesUser:w,isDisabled:"readonly",isReimbursementDisabled:t,sectionId:P,isZeniAccountsDisabled:i,isChargeCardDisabled:u,isTreasuryDisabled:y,isBankingOnlyTenant:p,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onAddressClick:T})]})})]}),V?l.jsx(De,{style:{zIndex:1,paddingTop:s.sp3,paddingBottom:s.sp3},formId:ae(P),helperStyle:{paddingTop:s.sp0,paddingBottom:s.sp0},primaryBtn:{label:Z.footer.save,isLoading:e.updateProfileStatus.fetchState==="In-Progress",style:{minWidth:103}},cancelBtn:{label:Z.cancel,onClick:x,shouldResetOnCancel:!0,style:{minWidth:103}}}):null]})},ae=e=>`${e}_form`,Ge=m.div`
-  display: flex;
-  height: 100vh;
-  width: 100%;
-  flex-direction: column;
-  row-gap: ${s.sp3};
-  background-color: ${e=>e.theme.colors.grey4};
-`,He=m.div`
-  display: flex;
-  width: 100%;
-  margin: auto;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,Qe=m(me)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: ${e=>pe.subtitleSectionWidth.valuePx(e.windowSize)};
-  margin-bottom: ${s.sp5};
-`,Ye=m.div`
-  display: flex;
-  align-items: center;
-
-  color: ${e=>e.theme.colors.hero};
-  ${Se.standardMedium.css};
-`,Je=m.div`
-  display: flex;
-  align-items: center;
-  width: ${e=>pe.sectionWidth.valuePx(e.windowSize)};
-  margin-bottom: ${s.sp3};
-`,Ke=m.div`
-  display: flex;
-  align-items: center;
-
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${qe.title.style(e.windowSize)}`};
-`,oe=(e,t,i,u,y)=>{const{classList:p,person:o,managersList:f,manager:O,department:T,myProfileLocalData:h}=e,x=F.hasInvestorBankerLevelAccess(o.userRole!=null?o.userRole.userRoles:[]),n=p.map(r=>({label:r.fullyQualifiedAccountingClassName,value:r.classId,hoverText:r.accountingClassNumber}));return{[P]:{name:{firstName:o.user?.firstName??"",lastName:o.user?.lastName??""},email:o.user?.email??"",role:t?{allOptions:ue.roles,selectedOptions:o.userRole?.userRoles??[]}:void 0,nonZeniRole:t?void 0:{userRole:{selectedRole:ce(o.userRole?.userRoles??[]),allRootRole:de(u,y)},productsByUserRole:ne(o.userRole?.userRoles??[],i)},manager:{allUsers:x?[]:f,selectedUser:Xe(x,O)},department:{allOptions:x?[]:n,selectedOption:x?void 0:n.find(r=>r.value===T?.classId)},dateOfBirth:h.dateOfBirth?.toDate(),phone:h.phone,syncToken:h?.syncToken,isPhoneVerified:h?.isPhoneVerified,otpChallenge:h?.otpChallenge,mailingAddress:e.addressData?.addressToCreate}}},Xe=(e,t)=>{if(!e)return t!=null?t.userId:"no_manager"};export{pl as default,ae as uniqueFormName};