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

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

@@ -1,110 +0,0 @@
-import{x as z,q as M,iO as H,O as $,cO as p,j as i,ao as L,dD as B,c2 as v,o as t,dy as P,y as d,ce as I,cd as _,C as R,b as W,iQ as j,iR as C,u,iT as O,h as A,c9 as E}from"./index-kF4u7Flm.js";import{b as f,n}from"./vendor-Bs1fkIUX.js";import{K as N}from"./SetUpDefaultSection-Bm1eZSgT-9DFPAVat.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";const r={sectionWidth:new d(343,580,726),iconContainerMaxWidthHeight:new d(u[6],u[7]),iconContainerMarginRight:new d(12,u[3]),iconPadding:new d(10,12),iconWidthHeight:new d(20,u[4]),elementsMarginLeftRight:new d(u[3],u[4])},F={title:new W("standardMedium","largeMedium")},J=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)};
-`,V=n.div`
-  display: flex;
-`,q=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};
-`,K=n.div`
-  display: flex;
-  align-items: flex-start;
-`,G=n.div`
-  display: flex;
-  opacity: 1;
-`,Q=n.div`
-  display: flex;
-  flex-direction: column;
-`,U=n.div``,Y=n.div`
-  ${e=>`${F.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(E)`
-  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 l=M(),h=z(),m=e.bankName,a=h.mode==="light"?new p(h.colors.brandColorJadeLight):new p(h.colors.brandColorJadeDark),y={element:i.jsx(P,{width:r.iconWidthHeight.valuePx(l),height:r.iconWidthHeight.valuePx(l)}),color:a},c=o?.providerVerificationStatus?.code,w=`${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:l,children:i.jsxs(q,{windowSize:l,children:[i.jsxs(K,{children:[i.jsx(G,{children:oe(y,l,h.mode==="dark",o)}),i.jsxs(Q,{children:[i.jsxs(U,{children:[i.jsx(Y,{windowSize:l,children:m}),i.jsx(Z,{children:w?i.jsxs(i.Fragment,{children:[i.jsx(ee,{children:w}),l!=="small"&&(c!=="verification_failed"&&o?.providerVerificationStatus?.code==="pending_manual_verification"||g)?i.jsx(ie,{}):null]}):null})]}),s!=null&&l==="small"?i.jsx(j,{style:{width:"max-content",padding:0,marginTop:t.sp2},tagTitle:s.name,textColor:C(s.code)}):null]})]}),i.jsx(V,{children:s!=null&&l!=="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,l)=>l?.institutionDetails.logo?.base64!=null?i.jsx(J,{windowSize:o,src:`${O}${l.institutionDetails.logo.base64.toString()}`,alt:l.institutionDetails.institutionName,loading:"lazy"}):i.jsx(X,{iconColor:e.color,windowSize:o,isDarkMode:s,children:e.element}),b={iconWidthHeight:new d(20,u[4]),sectionWidth:new d(343,580,726),subtitleSectionWidth:new d(343,580,1200)},le={title:new W("standardMedium","largeMedium")},ae=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=>`${le.title.style(e.windowSize)}`};
-`,ue=n(I)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: ${e=>b.subtitleSectionWidth.valuePx(e.windowSize)};
-  margin-bottom: ${t.sp5};
-`,he=n(_)`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-`,$e=({plaidConnectionDetails:e,myBankConnectionsView:o,onEstablishConnectionClick:s,onFetchLinkTokenClick:l,onClickMenuIcon:h})=>{const m=z(),a=M(),y=f.useCallback(x=>{s(x)},[s]),c=f.useMemo(()=>e.link_account_no_microdeposit,[e]),{open:w}=H({token:c.linkToken??null,onSuccess:y}),g=$.getLocalizedStrings().common.settings,T=m.mode==="light"?new p(m.colors.brandColorJadeLight):new p(m.colors.brandColorJadeDark),k=$.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;return f.useEffect(()=>{(L(new Date().toISOString()).isAfter(c.expiration)||c.linkToken==null)&&l("link_account_no_microdeposit")},[l,c.expiration,c.linkToken]),i.jsxs(re,{children:[i.jsx(B,{source:"MyBankConnectionsSettingsPage",title:g.title.myBankConnections,backgroundColor:m.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:a==="medium-compact"||a==="small",onClickMenuIcon:h}),i.jsxs(se,{windowSize:a,children:[i.jsx(ue,{windowSize:a,children:i.jsx(he,{windowSize:a,children:g.infoText.myBankConnections})}),o.bankAccounts.length>0?i.jsx(de,{windowSize:a,children:i.jsx(ce,{windowSize:a,children:g.subtitle.myBankConnections})}):null,i.jsx(v,{controller:o.bankAccounts.length>0,children:i.jsx(ae,{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:()=>{w()},title:k.connectYourBank,subTitle:k.loginToBank,header:g.label.reimbursements,icon:{element:i.jsx(P,{width:b.iconWidthHeight.valuePx(a),height:b.iconWidthHeight.valuePx(a)}),color:T},style:{width:"unset",rowGap:a==="small"?t.sp2:void 0}})})]})]})};export{$e as default};

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

@@ -1,6 +0,0 @@
-import{x,co as B,cI as w,O as D,j7 as a,j as d,dD as j,ju as M,o as O}from"./index-kF4u7Flm.js";import{n as P}from"./vendor-Bs1fkIUX.js";import{a as U,l as $}from"./ChargeCardListTable-BGWV4zJl-CcT6S7FA.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"./Menu-B6iTf2H7-Cu2Vb11u.js";import"./RoleWithToolTip-BqI6M0x_-3Pz3ZAbU.js";import"./CardNumberSubText-CmhH95Ff-D70_vfvB.js";import"./ChargeCardUtils-BRgkrCTs-Bo37IpfS.js";const{spendManagement:{chargeCard:C}}=D.getLocalizedStrings(),at=({myPendingActivationChargeCardListView:e,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,chargeCardCashbackDetailState:c,creditAccount:r,creditAccountRepayment:u,depositAccountListWithDebitCardIssued:i,controllerEmails:b,signedInUser:S,onChargeCardRowClick:p,onBackClick:k,onReloadCards:g,onColumnSortConfigChanged:A})=>{const f=x(),F=B(),h=w(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:`${c.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${c.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:a(c.cashbackSummary.cashbackEarned.amount),redeemedCashback:a(c.cashbackSummary.cashbackRedeemed.amount),availableCashback:a(c.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:c.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:c.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,I=o&&l&&h===!0?{creditAccountId:r.id,creditAccountLimit:a(r.limit.amount),creditAccountAvailableAmount:a(r.available.amount),creditAccountSpentAmount:a(r.balance.amount+r.hold.amount),creditAccountStatus:r.status,outstandingBalance:a(u.remainingAmountDue.amount)}:void 0,L=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},N={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(j,{title:y,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:k,source:"MyPendingActivationChargeCardListPage"}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?d.jsx(M,{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:r,creditAccountRepayment:u,productInformation:R,cashbackInformation:E,creditAccountInformation:I,debitAccountInformation:L,depositAccountListWithDebitCardIssued:i,cardList:e.cards,showViewForCardUser:!0,signedInUser:S,fetchState:e.fetchState,unlockChargeCardsFetchState:"Not-Started",revokeChargeCardsInviteFetchState:"Not-Started",rowActionView:N,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 - ${O.sp9})`};
-  flex-direction: column;
-  width: 100%;
-`;export{at as default};

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

@@ -1,85 +0,0 @@
-import{q as ie,jd as te,x as ge,co as be,je as ye,c1 as xe,cu as we,fd as ee,fl as Pe,fk as je,O as re,j as l,jf as ve,dD as De,c4 as Oe,cK as $e,o as s,cp as ne,jg as de,jh as ce,ji as ue,f7 as me,ao as Se,y as L,ce as pe,C as Re,b as Ce,cB as le,fx as Le,fo as Te,jj as E,fu as Ve,cD as Ie,fs as ke,jk as Be,cV as ze,u as U}from"./index-kF4u7Flm.js";import{b as j,n as m}from"./vendor-Bs1fkIUX.js";import{W as Fe}from"./LabeledAddressValueField-YP7bXlgZ-D9-PqJNp.js";import{Y as Ne}from"./LabeledUserSingleSelectWithSubtitlesField-vEIvvd-n-DaWgPr9f.js";import{C as Ae,j as Me}from"./LabeledZeniRolesDropDownField-BXTCN4j2-CLEMt0Ht.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"./RoleWithToolTip-BqI6M0x_-3Pz3ZAbU.js";const b=(e,t)=>`${e}.${t}`,z={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:q,placeholder:B,errorMessage:We},dateFormat:Ue}=re.getLocalizedStrings(),Ze=({myProfileView:e,isZeniFinopsRolesUser:t,sectionId:i,isDisabled:u,isReimbursementDisabled:y,isZeniAccountsDisabled:p,isChargeCardDisabled:o,isBankingOnlyTenant:f,isCardsOnlyTenant:v,isLiteRoleDisabled:T,isTreasuryDisabled:h,onAddressClick:x})=>{const n=ie(),{person:r,managersList:F,classList:N,manager:G,department:g,controllersList:A,myProfileLocalData:M,addressData:H}=e,Q=e.person.user?.birthday!=null?"readonly":void 0,D=z.largeLabelWidth.value(n),V=z.largeLabelWidth.value(n),Y=j.useMemo(()=>te(y,p,o,f,v,T,h),[y,p,o,f,v,T,h]),{firstController:w,restControllerEmailsStr:O}=j.useMemo(()=>{const c=le(A),$=c.splice(0,1),S=c.reduce((I,k)=>I.concat(`${k.email},`),"");return{firstController:$,restControllerEmailsStr:S}},[A]),K=j.useMemo(()=>le(me.roles),[]),d=ne(r.userRole!=null?r.userRole.userRoles:[]),Z=j.useMemo(()=>N.map(c=>({label:c.fullyQualifiedAccountingClassName,value:c.classId,hoverText:c.accountingClassNumber})),[N]);return l.jsxs(Ee,{windowSize:n,children:[l.jsx(Le,{isDisabled:u,label:{label:q.name,width:V},nameField:{name:b(i,"name"),placeHolder:{firstName:B.firstNamePlaceholder,lastName:B.lastNamePlaceholder,name:B.namePlaceholder},showFullNameError:!0},errorInfoLabel:We.nameError.replace("_product_type_",se.common.productTypeString)}),l.jsx(C,{}),l.jsx(Te,{isDisabled:u,showAdditionalInfoLabel:!1,label:{label:a.invitePage.email,width:D},text:{type:"text",name:b(i,"email"),placeholder:E(a.addPlaceholderPrefix,a.invitePage.email),style:{padding:`${s.sp0} ${z.textFieldPaddingHorizontal.valuePx(n)}`}}}),l.jsx(C,{}),l.jsx(Ve,{label:{label:q.dateOfBirth,width:V},style:{width:"auto"},isDisabled:Q,dateField:{name:b(i,"dateOfBirth"),placeholder:B.datePlaceholder,defaultValue:M.dateOfBirth,dateFormat:Ue.visual.defaultInput,autoComplete:"off",maxDate:Ie().subtract(18,"year")}}),l.jsx(C,{}),l.jsx(Fe,{label:{label:q.mailingAddress,width:V},addressValueField:{name:b(i,"mailingAddress"),placeholder:B.addressPlaceholder,defaultValue:H?.addressToCreate,onClick:()=>{x("user_address")}},showAdditionalInfoLabel:!0,style:{width:"auto",padding:`${s.sp2} ${s.sp2} ${s.sp2} ${s.sp0}`}}),l.jsx(C,{}),l.jsx(ke,{label:{label:q.phone,width:V},text:{name:b(i,"phone"),placeholder:B.phonePlaceholder,defaultValue:M.phone,autoComplete:"off"},showVerified:M.isPhoneVerified,style:{width:"auto"}}),l.jsx(C,{}),t?l.jsx(Ae,{label:{label:a.invitePage.role,width:D},zeniRolesDropDownField:{name:b(i,"role"),defaultValue:{selectedOptions:r.userRole!=null?r.userRole.userRoles:[],allOptions:K},registerOptions:{required:!0},placeholderLabel:E(a.selectPlaceholderPrefix,a.invitePage.role),isMulti:!0,forZeniUser:!0},isDisabled:"readonly"}):l.jsxs(l.Fragment,{children:[l.jsx(Me,{label:{label:a.invitePage.role,width:D},rolesDropDownField:{name:b(i,"nonZeniRole"),defaultValue:{userRole:{selectedRole:ue(r.userRole?.userRoles??[]),allRootRole:ce(f,v)},productsByUserRole:de(r.userRole?.userRoles??[],Y)},registerOptions:{required:!0}},isDisabled:u}),l.jsx(C,{}),l.jsx(Ne,{label:{label:a.invitePage.manager,width:D},showTooltip:!0,toolTipWidth:z.toolTipWidth.valuePx(n),tooltipTitle:l.jsx(_e,{}),userSingleSelectWithSubTitlesField:{name:b(i,"manager"),value:{allUsers:d?[]:F,selectedUser:d?void 0:G?.userId},valueToSubtitle:c=>{const $=F.findIndex(S=>S.userId===c);if($!==-1){const S=F[$],I=N.find(J=>J.classId===S.userRole.accountingClassIDs[0]),k=[];return I!=null&&k.push(I.className),k}else return[]},placeholderLabel:d?a.notApplicable:E(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(Be,{label:{label:a.invitePage.department,width:D},singleSelectWithoutClearableField:{name:b(i,"department"),defaultValue:{allOptions:d?[]:Z,selectedOption:d?void 0:Z.find(c=>c.value===g?.classId)},placeholder:d?a.notApplicable:E(a.selectPlaceholderPrefix,a.invitePage.department),registerOptions:{required:!d},isDisabled:u,showOptionOnHover:!0},isDisabled:u,opacity:d?.32:1}),t?null:l.jsxs(qe,{windowSize:n,children:[a.invitePage.controllerText,w[0]?l.jsxs(Ge,{href:`mailto:${w[0].email}?cc=${O}&subject=${encodeURIComponent(a.invitePage.emailSubject)}`,children:[l.jsx(He,{children:`${w[0].firstName} ${w[0].lastName}`}),l.jsx(ze,{className:"arrowIcon"})]}):null]})]})]})},_e=()=>a.invitePage.managerTooltipText,Ee=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;
-`,qe=m(pe)`
-  padding: ${e=>`${s.sp1}  ${z.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=>z.noteGap.valuePx(e.windowSize)};
-`,Ge=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};
-    }
-  }
-`,He=m.span``,he={sectionWidth:new L(343,580,726),subtitleSectionWidth:new L(343,580,1200)},Qe={title:new Ce("standardMedium","largeMedium")},P="userDetails",gl=({myProfileView:e,isReimbursementDisabled:t,isZeniAccountsDisabled:i,isChargeCardDisabled:u,isTreasuryDisabled:y,isBankingOnlyTenant:p,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onClickMenuIcon:v,onAddressClick:T,updateMyProfileLocalData:h,onCancelClick:x,onGetOtp:n,onResendOtp:r,onSaveClick:F,onVerifyOtp:N,onVerifyOtpSuccess:G})=>{const g=ie(),A=j.useMemo(()=>te(t,i,u,p,o,f,y),[t,i,u,p,o,f,y]),[M,H]=j.useState(!1),[Q,D]=j.useState(!1),V=ge(),Y=be(),w=ye(Y),O=xe({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:oe(e,w,A,p,o),values:oe(e,w,A,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,Z=e.addressData?.addressToCreate!=null&&e.person.address!=null&&!we(ee(e.addressData?.addressToCreate),ee(e.person.address))||e.addressData?.addressToCreate!=null&&e.person.address==null,c=K||d||Z,$=Object.keys(O.formState.errors).length===0,S=Pe(O.formState.dirtyFields),I=$&&(S||c),k=async(X,_)=>{if(X!=null){const R={..._},fe={...e.myProfileLocalData,phone:R[P].phone,isPhoneVerified:R[P].phone!==e.person.user?.phone?!1:e.person.user?.isPhoneVerified??!1,dateOfBirth:R[P].dateOfBirth!=null?Se(R[P].dateOfBirth.toString()):void 0};h(fe)}};j.useEffect(()=>{const X=O.watch((_,{name:R})=>{R!=null&&_!=null&&je(()=>k(R,_))});return()=>{X.unsubscribe()}});const J=O.handleSubmit(()=>{$&&(e.myProfileLocalData.phone!=null&&(e.myProfileLocalData.isPhoneVerified==null||e.myProfileLocalData.isPhoneVerified===!1)?n(e.myProfileLocalData.phone):F())}),{common:W}=re.getLocalizedStrings();return l.jsxs(Ye,{children:[l.jsx(ve,{showOtpPopup:M,phoneNumberPopupDescription:"show something",showPhoneNumberPopup:Q,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.myProfileLocalData.phone,onVerifyOtp:N,onVerifyOtpSuccess:G,setShowOtpPopup:H,onResendOtp:r,setShowPhoneNumberPopup:D,onGetOtp:n}),l.jsx(De,{source:"MyProfileSettingsPage",title:W.settings.title.myProfile,backgroundColor:V.colors.grey4,showBackButton:!1,showMenuIcon:g==="medium-compact"||g==="small",onClickMenuIcon:v}),l.jsxs(Ke,{windowSize:g,children:[l.jsx(Je,{windowSize:g,children:l.jsx(Xe,{windowSize:g,children:W.settings.infoText.myProfile})}),l.jsx(Oe,{...O,children:l.jsxs("form",{id:ae(P),onSubmit:J,children:[l.jsx(el,{windowSize:g,children:l.jsx(ll,{windowSize:g,children:W.settings.subtitle.myProfile})}),l.jsx(Ze,{myProfileView:e,isZeniFinopsRolesUser:w,isDisabled:"readonly",isReimbursementDisabled:t,sectionId:P,isZeniAccountsDisabled:i,isChargeCardDisabled:u,isTreasuryDisabled:y,isBankingOnlyTenant:p,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onAddressClick:T})]})})]}),I?l.jsx($e,{style:{zIndex:1,paddingTop:s.sp3,paddingBottom:s.sp3},formId:ae(P),helperStyle:{paddingTop:s.sp0,paddingBottom:s.sp0},primaryBtn:{label:W.footer.save,isLoading:e.updateProfileStatus.fetchState==="In-Progress",style:{minWidth:103}},cancelBtn:{label:W.cancel,onClick:x,shouldResetOnCancel:!0,style:{minWidth:103}}}):null]})},ae=e=>`${e}_form`,Ye=m.div`
-  display: flex;
-  height: 100vh;
-  width: 100%;
-  flex-direction: column;
-  row-gap: ${s.sp3};
-  background-color: ${e=>e.theme.colors.grey4};
-`,Ke=m.div`
-  display: flex;
-  width: 100%;
-  margin: auto;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,Je=m(pe)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: ${e=>he.subtitleSectionWidth.valuePx(e.windowSize)};
-  margin-bottom: ${s.sp5};
-`,Xe=m.div`
-  display: flex;
-  align-items: center;
-
-  color: ${e=>e.theme.colors.hero};
-  ${Re.standardMedium.css};
-`,el=m.div`
-  display: flex;
-  align-items: center;
-  width: ${e=>he.sectionWidth.valuePx(e.windowSize)};
-  margin-bottom: ${s.sp3};
-`,ll=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:v,department:T,myProfileLocalData:h}=e,x=ne(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:me.roles,selectedOptions:o.userRole?.userRoles??[]}:void 0,nonZeniRole:t?void 0:{userRole:{selectedRole:ue(o.userRole?.userRoles??[]),allRootRole:ce(u,y)},productsByUserRole:de(o.userRole?.userRoles??[],i)},manager:{allUsers:x?[]:f,selectedUser:sl(x,v)},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}}},sl=(e,t)=>{if(!e)return t!=null?t.userId:"no_manager"};export{gl as default,ae as uniqueFormName};