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

package/dist/assets/{MyBankConnectionsSettingsPage-B4NuqJVI-C5C-Tkbz.js → MyBankConnectionsSettingsPage-DCURGC-R-BMFNqNjE.js}

@@ -1,12 +1,12 @@
-import{u as z,e as M,e_ as B,M as $,a8 as w,j as i,l as H,aW as L,T as v,o as t,aS as P,C as d,B as I,n as _,v as R,b as W,e$ as j,f0 as C,q as u,f2 as E,c as T,d as J}from"./index-CyJdCOlu.js";import{b as y,n}from"./vendor-CnQcJ2Lu.js";import{J as F}from"./SetUpDefaultSection-a6NTauck-C-i38hil.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const 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])},N={title:new W("standardMedium","largeMedium")},V=n.img`
+import{u as z,K as M,fF as H,F as $,a8 as w,j as i,l as I,aW as L,b as v,o as t,aS as P,x as d,O as B,k as _,y as F,V as W,f4 as j,fG as C,n as u,fI as R,h as A,$ as E}from"./index-D9zAXs3-.js";import{b as y,n}from"./vendor-Bs1fkIUX.js";import{K as V}from"./SetUpDefaultSection-BWt_kYKx-Dc8telSj.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./Loader-Cqmoylhp-CKPikayq.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])},K={title:new W("standardMedium","largeMedium")},N=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)};
-`,q=n.div`
-  display: flex;
 `,G=n.div`
   display: flex;
+`,J=n.div`
+  display: flex;
   align-items: center;
   flex-direction: row;
   justify-content: space-between;
@@ -23,9 +23,9 @@ import{u as z,e as M,e_ as B,M as $,a8 as w,j as i,l as H,aW as L,T as v,o as t,
 `,Y=n.div`
   display: flex;
   flex-direction: column;
-`,K=n.div``,Q=n.div`
-  ${e=>`${N.title.style(e.windowSize)}`};
-  color: ${e=>e.isError===!0?T.important:e.theme.colors.primary};
+`,q=n.div``,Q=n.div`
+  ${e=>`${K.title.style(e.windowSize)}`};
+  color: ${e=>e.isError===!0?A.important:e.theme.colors.primary};
 `,X=n.div`
   display: flex;
   flex-direction: row;
@@ -35,11 +35,11 @@ import{u as z,e as M,e_ as B,M as $,a8 as w,j as i,l as H,aW as L,T as v,o as t,
   border-radius: ${t.sp11};
   width: fit-content;
   height: fit-content;
-  color: ${e=>e.isDarkMode?T.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
+  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(J)`
+`,Z=n(E)`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.hero};
@@ -65,7 +65,7 @@ import{u as z,e as M,e_ as B,M as $,a8 as w,j as i,l as H,aW as L,T as v,o as t,
   color: ${e=>e.theme.colors.grey1};
   justify-content: space-between;
   box-sizing: border-box;
-`,te=({bankAccount:e,paymentAccount:o,accountStatus:s})=>{const a=M(),h=z(),m=e.bankName,l=h.mode==="light"?new w(h.colors.brandColorJadeLight):new w(h.colors.brandColorJadeDark),b={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(G,{windowSize:a,children:[i.jsxs(O,{children:[i.jsx(U,{children:oe(b,a,h.mode==="dark",o)}),i.jsxs(Y,{children:[i.jsxs(K,{children:[i.jsx(Q,{windowSize:a,children:m}),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(q,{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(V,{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}),f={iconWidthHeight:new d(20,u[4]),sectionWidth:new d(343,580,726),subtitleSectionWidth:new d(343,580,1200)},ae={title:new W("standardMedium","largeMedium")},le=n.div`
+`,te=({bankAccount:e,paymentAccount:o,accountStatus:s})=>{const a=M(),m=z(),h=e.bankName,l=m.mode==="light"?new w(m.colors.brandColorJadeLight):new w(m.colors.brandColorJadeDark),b={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(J,{windowSize:a,children:[i.jsxs(O,{children:[i.jsx(U,{children:oe(b,a,m.mode==="dark",o)}),i.jsxs(Y,{children:[i.jsxs(q,{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(G,{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(N,{windowSize:o,src:`${R}${a.institutionDetails.logo.base64.toString()}`,alt:a.institutionDetails.institutionName,loading:"lazy"}):i.jsx(X,{iconColor:e.color,windowSize:o,isDarkMode:s,children:e.element}),f={iconWidthHeight:new d(20,u[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;
@@ -95,16 +95,16 @@ import{u as z,e as M,e_ as B,M as $,a8 as w,j as i,l as H,aW as L,T as v,o as t,
   align-items: center;
 
   color: ${e=>e.theme.colors.primary};
-  font-family: ${R.largeMedium.fontFamily};
+  font-family: ${F.largeMedium.fontFamily};
   ${e=>`${ae.title.style(e.windowSize)}`};
-`,ue=n(I)`
+`,ue=n(B)`
   display: flex;
   justify-content: center;
   align-items: center;
   width: ${e=>f.subtitleSectionWidth.valuePx(e.windowSize)};
   margin-bottom: ${t.sp5};
-`,he=n(_)`
+`,me=n(_)`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.hero};
-`,$e=({plaidConnectionDetails:e,myBankConnectionsView:o,onEstablishConnectionClick:s,onFetchLinkTokenClick:a,onClickMenuIcon:h})=>{const m=z(),l=M(),b=y.useCallback(x=>{s(x)},[s]),c=y.useMemo(()=>e.link_account_no_microdeposit,[e]),{open:p}=B({token:c.linkToken??null,onSuccess:b}),g=$.getLocalizedStrings().common.settings,A=m.mode==="light"?new w(m.colors.brandColorJadeLight):new w(m.colors.brandColorJadeDark),k=$.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;return y.useEffect(()=>{(H.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:m.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:h}),i.jsxs(se,{windowSize:l,children:[i.jsx(ue,{windowSize:l,children:i.jsx(he,{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(F,{onClick:()=>{p()},title:k.connectYourBank,subTitle:k.loginToBank,header:g.label.reimbursements,icon:{element:i.jsx(P,{width:f.iconWidthHeight.valuePx(l),height:f.iconWidthHeight.valuePx(l)}),color:A},style:{width:"unset",rowGap:l==="small"?t.sp2:void 0}})})]})]})};export{$e as default};
+`,ve=({plaidConnectionDetails:e,myBankConnectionsView:o,onEstablishConnectionClick:s,onFetchLinkTokenClick:a,onClickMenuIcon:m})=>{const h=z(),l=M(),b=y.useCallback(x=>{s(x)},[s]),c=y.useMemo(()=>e.link_account_no_microdeposit,[e]),{open:p}=H({token:c.linkToken??null,onSuccess:b}),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:m}),i.jsxs(se,{windowSize:l,children:[i.jsx(ue,{windowSize:l,children:i.jsx(me,{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(V,{onClick:()=>{p()},title:k.connectYourBank,subTitle:k.loginToBank,header:g.label.reimbursements,icon:{element:i.jsx(P,{width:f.iconWidthHeight.valuePx(l),height:f.iconWidthHeight.valuePx(l)}),color:T},style:{width:"unset",rowGap:l==="small"?t.sp2:void 0}})})]})]})};export{ve as default};

package/dist/assets/MyPendingActivationChargeCardListPage-BFe1hoDt-CfBCldAO.js

@@ -0,0 +1,6 @@
+import{u as D,z as M,l as j,F as w,fV as t,j as d,aW as B,o as F}from"./index-D9zAXs3-.js";import{n as O}from"./vendor-Bs1fkIUX.js";import{d as P}from"./BusyIndication-_H8LL7GJ-BjR55KdD.js";import{M as U}from"./ChargeCardListTable-DE1xnRyd-D2F1GAJW.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./common-CU4uS1La-DdHnWUCD.js";import"./calculateSize-BUfcd-gF-DqmEdKsX.js";import"./Menu-BCNEnlpd-D3With3F.js";import"./ZeniAvatar-Cendj_Bv-Dp3oXY0H.js";import"./avatar-Dz7aEm3d-D64JGSQG.js";import"./RoleWithToolTip-CUogd8qi-BfjjZiS9.js";import"./CardNumberSubText-Bo_ZeAR0-DocU3odv.js";import"./ChargeCardUtils-DYpmF85C-qBaPG14m.js";const{spendManagement:{chargeCard:l}}=w.getLocalizedStrings(),ra=({myPendingActivationChargeCardListView:e,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:m,chargeCardCashbackDetailState:i,creditAccount:r,creditAccountRepayment:u,depositAccountListWithDebitCardIssued:c,controllerEmails:h,signedInUser:p,onChargeCardRowClick:g,onBackClick:A,onReloadCards:f,onColumnSortConfigChanged:k})=>{const S=D(),y=M(),C=j.hasChargeCardAdminLevelAccess(y.loggedInUserRoleMap),v=e.cards.some(a=>a.type.code.includes("credit")),b=e.cards.some(a=>a.type.code.includes("debit")),E=v&&b?l.cardList.title.cards:b?l.cardList.title.debit:l.cardList.title.credit,I=C===!0?{creditCardCashbackOffer:`${i.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${i.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:t(i.cashbackSummary.cashbackEarned.amount),redeemedCashback:t(i.cashbackSummary.cashbackRedeemed.amount),availableCashback:t(i.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:i.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:i.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,R=o&&m&&C===!0?{creditAccountId:r.id,creditAccountLimit:t(r.limit.amount),creditAccountAvailableAmount:t(r.available.amount),creditAccountSpentAmount:t(r.balance.amount+r.hold.amount),creditAccountStatus:r.status,outstandingBalance:t(u.remainingAmountDue.amount)}:void 0,x=n&&s?{debitAccountId:c.depositAccounts.map(a=>a.id),debitAccountName:c.depositAccounts.map(a=>a.accountName),debitAccountBalance:c.depositAccounts.map(a=>t(a.accountBalance.available.amount)),debitCardsSpend:0,debitAccountStatus:c.depositAccounts.map(a=>a.accountStatus)}:void 0,L={isCreditCardOffered:o,isDebitCardOffered:n,isDebitCardEnabled:s,isCreditCardEnabled:m};return d.jsxs(W,{children:[d.jsx(B,{title:E,backgroundColor:S.colors.grey4,style:{zIndex:3},onBackClick:A,source:"MyPendingActivationChargeCardListPage"}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?d.jsx(P,{fetchState:e.fetchState,styles:{margin:"auto"}}):d.jsx(U,{controllerEmails:h,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:m,creditAccount:r,creditAccountRepayment:u,productInformation:L,cashbackInformation:I,creditAccountInformation:R,debitAccountInformation:x,depositAccountListWithDebitCardIssued:c,cardList:e.cards,showViewForCardUser:!0,signedInUser:p,fetchState:e.fetchState,onReloadCards:f,onChargeCardRowClick:g,uiState:e.uiState,onColumnSortConfigChanged:k,onChargeCardResendInviteClick:()=>{},onChargeCardRevokeInviteClick:()=>{}})]})},W=O.div`
+  display: flex;
+  min-height: ${`calc(100vh - ${F.sp9})`};
+  flex-direction: column;
+  width: 100%;
+`;export{ra as default};

package/dist/assets/MyProfileSettingsPage-B7zND-Ux-BN19QlhA.js

@@ -0,0 +1,85 @@
+import{K as ie,fZ as te,u as fe,z as ge,f_ as be,a as xe,I as ye,l as B,c3 as we,c2 as Pe,F as re,j as l,f$ as $e,aW as ve,c as De,a4 as Se,o as s,g0 as ne,g1 as de,g2 as ce,bZ as ue,x as L,O as me,y as Oe,V as Re,S as le,c5 as je,g3 as q,ca as Ce,c9 as Le,af as Te,n as U}from"./index-D9zAXs3-.js";import{b as $,n as m}from"./vendor-Bs1fkIUX.js";import{W as Ie}from"./LabeledAddressValueField-CkveEJJG-BEvwzrCB.js";import{Z as Ve}from"./LabeledNameField-B73hOD1K-DrzOl55q.js";import{x as Fe}from"./LabeledSingleSelectWithoutClearableField-DgT7faZC-Or3zfyeO.js";import{Y as ke}from"./LabeledUserSingleSelectWithSubtitlesField-DZUt2T7b-B09ph3mF.js";import{C as ze,j as Be}from"./LabeledZeniRolesDropDownField-DNZUBYDP-ltAbPko_.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./RoleWithToolTip-CUogd8qi-BfjjZiS9.js";import"./avatar-Dz7aEm3d-D64JGSQG.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:G,placeholder:k,errorMessage:Me},dateFormat:Ne}=re.getLocalizedStrings(),Ae=({myProfileView:e,isZeniFinopsRolesUser:t,sectionId:i,isDisabled:u,isReimbursementDisabled:x,isZeniAccountsDisabled:p,isChargeCardDisabled:o,isBankingOnlyTenant:f,isCardsOnlyTenant:v,isLiteRoleDisabled:T,isTreasuryDisabled:h,onAddressClick:y})=>{const n=ie(),{person:r,managersList:M,classList:N,manager:H,department:g,controllersList:A,myProfileLocalData:W,addressData:K}=e,Q=e.person.user?.birthday!=null?"readonly":void 0,D=z.largeLabelWidth.value(n),I=z.largeLabelWidth.value(n),X=$.useMemo(()=>te(x,p,o,f,v,T,h),[x,p,o,f,v,T,h]),{firstController:w,restControllerEmailsStr:S}=$.useMemo(()=>{const c=le(A),O=c.splice(0,1),R=c.reduce((V,F)=>V.concat(`${F.email},`),"");return{firstController:O,restControllerEmailsStr:R}},[A]),Y=$.useMemo(()=>le(ue.roles),[]),d=B.hasInvestorBankerLevelAccess(r.userRole!=null?r.userRole.userRoles:[]),E=$.useMemo(()=>N.map(c=>({label:c.fullyQualifiedAccountingClassName,value:c.classId,hoverText:c.accountingClassNumber})),[N]);return l.jsxs(Ze,{windowSize:n,children:[l.jsx(Ve,{isDisabled:u,label:{label:G.name,width:I},nameField:{name:b(i,"name"),placeHolder:{firstName:k.firstNamePlaceholder,lastName:k.lastNamePlaceholder,name:k.namePlaceholder},showFullNameError:!0},errorInfoLabel:Me.nameError.replace("_product_type_",se.common.productTypeString)}),l.jsx(C,{}),l.jsx(je,{isDisabled:u,showAdditionalInfoLabel:!1,label:{label:a.invitePage.email,width:D},text:{type:"text",name:b(i,"email"),placeholder:q(a.addPlaceholderPrefix,a.invitePage.email),style:{padding:`${s.sp0} ${z.textFieldPaddingHorizontal.valuePx(n)}`}}}),l.jsx(C,{}),l.jsx(Ce,{label:{label:G.dateOfBirth,width:I},style:{width:"auto"},isDisabled:Q,dateField:{name:b(i,"dateOfBirth"),placeholder:k.datePlaceholder,defaultValue:W.dateOfBirth,dateFormat:Ne.visual.defaultInput,autoComplete:"off",maxDate:B.dateNow().subtract(18,"year")}}),l.jsx(C,{}),l.jsx(Ie,{label:{label:G.mailingAddress,width:I},addressValueField:{name:b(i,"mailingAddress"),placeholder:k.addressPlaceholder,defaultValue:K?.addressToCreate,onClick:()=>{y("user_address")}},showAdditionalInfoLabel:!0,style:{width:"auto",padding:`${s.sp2} ${s.sp2} ${s.sp2} ${s.sp0}`}}),l.jsx(C,{}),l.jsx(Le,{label:{label:G.phone,width:I},text:{name:b(i,"phone"),placeholder:k.phonePlaceholder,defaultValue:W.phone,autoComplete:"off"},showVerified:W.isPhoneVerified,style:{width:"auto"}}),l.jsx(C,{}),t?l.jsx(ze,{label:{label:a.invitePage.role,width:D},zeniRolesDropDownField:{name:b(i,"role"),defaultValue:{selectedOptions:r.userRole!=null?r.userRole.userRoles:[],allOptions:Y},registerOptions:{required:!0},placeholderLabel:q(a.selectPlaceholderPrefix,a.invitePage.role),isMulti:!0,forZeniUser:!0},isDisabled:"readonly"}):l.jsxs(l.Fragment,{children:[l.jsx(Be,{label:{label:a.invitePage.role,width:D},rolesDropDownField:{name:b(i,"nonZeniRole"),defaultValue:{userRole:{selectedRole:ce(r.userRole?.userRoles??[]),allRootRole:de(f,v)},productsByUserRole:ne(r.userRole?.userRoles??[],X)},registerOptions:{required:!0}},isDisabled:u}),l.jsx(C,{}),l.jsx(ke,{label:{label:a.invitePage.manager,width:D},showTooltip:!0,toolTipWidth:z.toolTipWidth.valuePx(n),tooltipTitle:l.jsx(We,{}),userSingleSelectWithSubTitlesField:{name:b(i,"manager"),value:{allUsers:d?[]:M,selectedUser:d?void 0:H?.userId},valueToSubtitle:c=>{const O=M.findIndex(R=>R.userId===c);if(O!==-1){const R=M[O],V=N.find(J=>J.classId===R.userRole.accountingClassIDs[0]),F=[];return V!=null&&F.push(V.className),F}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(Fe,{label:{label:a.invitePage.department,width:D},singleSelectWithoutClearableField:{name:b(i,"department"),defaultValue:{allOptions:d?[]:E,selectedOption:d?void 0:E.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(Ee,{href:`mailto:${w[0].email}?cc=${S}&subject=${encodeURIComponent(a.invitePage.emailSubject)}`,children:[l.jsx(_e,{children:`${w[0].firstName} ${w[0].lastName}`}),l.jsx(Te,{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}  ${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)};
+`,Ee=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};
+    }
+  }
+`,_e=m.span``,pe={sectionWidth:new L(343,580,726),subtitleSectionWidth:new L(343,580,1200)},qe={title:new Re("standardMedium","largeMedium")},P="userDetails",gl=({myProfileView:e,isReimbursementDisabled:t,isZeniAccountsDisabled:i,isChargeCardDisabled:u,isTreasuryDisabled:x,isBankingOnlyTenant:p,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onClickMenuIcon:v,onAddressClick:T,updateMyProfileLocalData:h,onCancelClick:y,onGetOtp:n,onResendOtp:r,onSaveClick:M,onVerifyOtp:N,onVerifyOtpSuccess:H})=>{const g=ie(),A=$.useMemo(()=>te(t,i,u,p,o,f,x),[t,i,u,p,o,f,x]),[W,K]=$.useState(!1),[Q,D]=$.useState(!1),I=fe(),X=ge(),w=be(X),S=xe({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:oe(e,w,A,p,o),values:oe(e,w,A,p,o)}),Y=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=e.addressData?.addressToCreate!=null&&e.person.address!=null&&!ye(B.getFormattedAddress(e.addressData?.addressToCreate),B.getFormattedAddress(e.person.address))||e.addressData?.addressToCreate!=null&&e.person.address==null,c=Y||d||E,O=Object.keys(S.formState.errors).length===0,R=we(S.formState.dirtyFields),V=O&&(R||c),F=async(ee,_)=>{if(ee!=null){const j={..._},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?B.zeniDate(j[P].dateOfBirth.toString()):void 0};h(he)}};$.useEffect(()=>{const ee=S.watch((_,{name:j})=>{j!=null&&_!=null&&Pe(()=>F(j,_))});return()=>{ee.unsubscribe()}});const J=S.handleSubmit(()=>{O&&(e.myProfileLocalData.phone!=null&&(e.myProfileLocalData.isPhoneVerified==null||e.myProfileLocalData.isPhoneVerified===!1)?n(e.myProfileLocalData.phone):M())}),{common:Z}=re.getLocalizedStrings();return l.jsxs(Ge,{children:[l.jsx($e,{showOtpPopup:W,phoneNumberPopupDescription:"show something",showPhoneNumberPopup:Q,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.myProfileLocalData.phone,onVerifyOtp:N,onVerifyOtpSuccess:H,setShowOtpPopup:K,onResendOtp:r,setShowPhoneNumberPopup:D,onGetOtp:n}),l.jsx(ve,{source:"MyProfileSettingsPage",title:Z.settings.title.myProfile,backgroundColor:I.colors.grey4,showBackButton:!1,showMenuIcon:g==="medium-compact"||g==="small",onClickMenuIcon:v}),l.jsxs(He,{windowSize:g,children:[l.jsx(Ke,{windowSize:g,children:l.jsx(Qe,{windowSize:g,children:Z.settings.infoText.myProfile})}),l.jsx(De,{...S,children:l.jsxs("form",{id:ae(P),onSubmit:J,children:[l.jsx(Xe,{windowSize:g,children:l.jsx(Ye,{windowSize:g,children:Z.settings.subtitle.myProfile})}),l.jsx(Ae,{myProfileView:e,isZeniFinopsRolesUser:w,isDisabled:"readonly",isReimbursementDisabled:t,sectionId:P,isZeniAccountsDisabled:i,isChargeCardDisabled:u,isTreasuryDisabled:x,isBankingOnlyTenant:p,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onAddressClick:T})]})})]}),V?l.jsx(Se,{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:y,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;
+`,Ke=m(me)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${e=>pe.subtitleSectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${s.sp5};
+`,Qe=m.div`
+  display: flex;
+  align-items: center;
+
+  color: ${e=>e.theme.colors.hero};
+  ${Oe.standardMedium.css};
+`,Xe=m.div`
+  display: flex;
+  align-items: center;
+  width: ${e=>pe.sectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${s.sp3};
+`,Ye=m.div`
+  display: flex;
+  align-items: center;
+
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${qe.title.style(e.windowSize)}`};
+`,oe=(e,t,i,u,x)=>{const{classList:p,person:o,managersList:f,manager:v,department:T,myProfileLocalData:h}=e,y=B.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,x)},productsByUserRole:ne(o.userRole?.userRoles??[],i)},manager:{allUsers:y?[]:f,selectedUser:Je(y,v)},department:{allOptions:y?[]:n,selectedOption:y?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}}},Je=(e,t)=>{if(!e)return t!=null?t.userId:"no_manager"};export{gl as default,ae as uniqueFormName};

package/dist/assets/NavBar-BjyxKUvF-gwYjTp7H.js

@@ -0,0 +1,189 @@
+import{K as ie,co as se,cp as re,j as o,Z as ae,F as N,aK as F,r as E,aJ as R,cq as ne,o as t,e as le,am as ce,cr as de,aL as pe,l as P,cs as he,y as Z,i as H,ct as ue,a3 as me,b$ as fe,h as B,bH as xe,bI as ge,bJ as be}from"./index-D9zAXs3-.js";import{b as h,n as i}from"./vendor-Bs1fkIUX.js";import{t as K,v as ye,w as we,I as U}from"./liveblocks-C2xecagE.js";import{r as $e}from"./double-tick-D6s_OvsM-DFvZDijg.js";import{L as ke,h as je}from"./cockpitConstants-CT7OARAT-C430UcjZ.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./crypto-DPjkCRYF.js";const Ce=({inboxNotification:e,onNotificationClick:r})=>{const s=we(e.id),c=s.metadata.entityType.split("."),a=s.metadata.isGlobalComment&&c.length===2;return o.jsx(Te,{isClickable:a,isUnRead:e.readAt==null,onClick:()=>{r(s.metadata,s.id)},children:o.jsx(U,{inboxNotification:e,kinds:{thread:u=>o.jsx(U.Thread,{...u,showRoomName:!0})}})})},Te=i.div`
+  display: flex;
+  width: 100%;
+  cursor: ${e=>e.isClickable?"pointer":"initial"};
+  box-sizing: border-box;
+  flex-direction: column;
+  background-color: ${e=>e.isUnRead?e.theme.colors.background:e.theme.colors.grey5};
+  border-radius: ${t.sp2};
+  padding: ${t.sp1};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  ${Z.standardRegular.css};
+
+  &:focus-within,
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.grey1};
+  }
+
+  box-shadow: ${e=>`${t.sp0} 1px 2px ${t.sp0} ${e.theme.colors.grey1}3D`};
+`,{common:{headers:{notifications:ve}},commentsAndNotifications:{notifications:{texts:De}},timeFormat:{hmmADashDDMMMCommaYYYY:G}}=N.getLocalizedStrings(),Se=e=>{const{inboxNotifications:r,isLoading:s,isFetchingMore:c,hasFetchedAll:a,fetchMore:u}=K();h.useEffect(()=>{const d=setTimeout(()=>u?.(),0);return()=>clearTimeout(d)});const n=s||c===!0||a!==!0,m=ye(),[x,b]=h.useState(!1),{isDrawerOpen:M,application:k,onNotificationClick:j,onCloseAllInboxNotificationsDrawer:C}=e,y=h.useMemo(()=>{if(!r)return[];const d=[...r];return d.sort((p,g)=>{const T=P.zeniDate(p.notifiedAt.toDateString(),G),v=P.zeniDate(g.notifiedAt.toDateString(),G);return T.isSame(v,"day")?0:T.isSameOrBefore(v,"day")?-1:1}),d.filter(p=>p.roomId?.includes(k)===!0)},[k,r]),w=h.useCallback(()=>{b(!0);const d=y.filter(p=>p.readAt==null);d.length===0?b(!1):d.forEach((p,g)=>{m(p.id),g===d.length-1&&setTimeout(()=>{b(!1)},1e3)})},[m,y]);return o.jsx(he,{anchor:"right",open:M,style:{display:"flex",justifyContent:"space-between"},onClose:C,transitionDuration:250,children:o.jsx(Ie,{children:o.jsxs(Ne,{children:[o.jsxs(Le,{children:[o.jsx(Ee,{}),o.jsx(Re,{onClick:C,children:o.jsx(Pe,{})})]}),o.jsxs(Me,{children:[o.jsxs(_e,{children:[o.jsx(Fe,{children:ve}),o.jsx(ze,{variant:"tertiary",size:"small",label:De.markAllAsRead,onClick:w,prefixIcon:n||x?o.jsx(H,{size:"Small",start:!0}):o.jsx(Ae,{className:"mark-as-read"}),disabled:n||x,textStyle:{...Z.smallRegular.cssObject},style:{borderRadius:t.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:t.sp0,cursor:n||x?"default":"pointer"}})]}),s===!0?o.jsx(He,{children:o.jsx(H,{size:"Standard",style:{color:"inherit"},start:!0})}):o.jsx(Oe,{children:y.map(d=>o.jsx(Ce,{inboxNotification:d,onNotificationClick:(p,g)=>j(p,g)},d.id))})]})]})})})},Ie=i.div`
+  height: 100%; // Drawer header height
+`,Ne=i.div`
+  width: 400px;
+  height: 100%;
+  padding: ${t.sp0} ${t.sp5};
+  background-color: ${e=>e.theme.colors.grey4};
+`,Me=i.div`
+  width: 100%;
+  height: calc(100% - 59px); // Drawer header height
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: ${t.sp0};
+  background-color: inherit;
+  border: none;
+  gap: ${t.sp0};
+`,ze=i(E)`
+  .mark-as-read {
+    color: ${e=>e.theme.colors.hero};
+  }
+  :hover {
+    .mark-as-read {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Ae=i($e)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+`,Oe=i.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${t.sp3};
+  padding: ${t.sp0} ${t.sp4};
+  overflow: auto;
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  padding-bottom: ${t.sp5};
+  &::-webkit-scrollbar {
+    width: ${t.sp2};
+    height: ${t.sp2};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${t.sp2};
+      height: ${t.sp2};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-track {
+      box-shadow: inset 0 0 2px ${B.scrollbarBoxShadow};
+      -webkit-box-shadow: inset 0 0 2px ${B.scrollbarBoxShadow};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${e=>e.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`,Le=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${t.sp3};
+  padding: ${t.sp3} ${t.sp4};
+`,_e=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: inherit;
+  padding: ${t.sp0};
+  margin: ${t.sp0} ${t.sp4} ${t.sp4} ${t.sp4};
+`,Ee=i.div`
+  width: ${t.sp3};
+  height: ${t.sp3};
+`,Fe=i(fe)`
+  ${e=>e.theme.colors.primary};
+`,Re=i.div`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  display: flex;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Pe=i(me)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+`,He=i.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: inherit;
+`;function Be(e){if(e.tabsFileType!=null)return{locale_id:N.getAppLocaleID(),tabs_file_type:e.tabsFileType,tabs:e.tabs,filter_by_tabs:e.filterByTabs,time_zone:e.timezone}}function Ue(e){const{tabs:r,filterByTabs:s,tabsFileType:c,timezone:a}=e.defaultOptions;return{tabsFileType:c,tabs:r,filterByTabs:s,timezone:a}}function Ge(e){const r=Ue(e);return Je(e.downloadParams.cockpitEndPoint,e.downloadParams.authParams,r)}async function Je(e,r,s){const c=`${e}?query=${encodeURIComponent(JSON.stringify(Be(s)))}`,{cockpit:a,download:u}=N.getLocalizedStrings();try{if(s.tabsFileType==null)throw new Error(u.errorMessages.unsupportedFileType);const n=await xe({urlEndPoint:c,authParams:r,fileType:s.tabsFileType});if(n.ok){const m=ge(n.headers,a.defaultFileName),x=await n.arrayBuffer();be(x,m)}else console.error(`${u.errorMessages.fileDownloadError.replace("__feature__",a.cockpitHeader)} ${n.statusText}`)}catch(n){console.error(`${u.errorMessages.fileDownloadError.replace("__feature__",a.cockpitHeader)} ${JSON.stringify(n)}`)}}const Ye=({downloadCockpitOptions:e})=>o.jsx(ue,{downloadMenuItems:e.downloadMenu.simpleMenuItems,onDownloadClick:e.downloadMenu.onDownloadClick});function qe(e){const[r,s]=h.useState(!1),{analytics:c,updateDownloadStateHandler:a,downloadState:u,currentCockpitTab:n}=e;return h.useEffect(()=>{async function m(){await Ge({...e}),a("Completed"),c.trackDownload(je(n),"months","excel",!1)}r&&e.downloadState!=="In-Progress"&&(s(!1),a("In-Progress"),m())},[u,r,a,c,e,n]),o.jsx(Ye,{downloadCockpitOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDownloading:e.downloadState==="In-Progress"}],onDownloadClick:async m=>{if(m==="excel"){if(e.downloadState==="In-Progress")return;s(!0)}}}}})}const J=i.div`
+  width: 100%;
+  flex-direction: column;
+  display: flex;
+  justify-content: space-between;
+  position: sticky;
+  row-gap: ${t.sp2};
+  background-color: ${e=>e.theme.colors.grey4};
+  padding: ${t.sp3} ${t.sp8} ${t.sp0} ${t.sp8};
+  box-sizing: border-box;
+  &.mobileHeader {
+    padding: ${t.sp3} ${t.sp3} ${t.sp0} ${t.sp3};
+  }
+  height: 60px;
+  z-index: 2;
+`,Ze=i(ce)`
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+`,Y=i.div`
+  width: 100%;
+  justify-content: space-between;
+  display: flex;
+  &.mobileTitle {
+    align-items: center;
+  }
+`,Ke=i.div`
+  display: flex;
+  align-content: center;
+  align-items: center;
+`,Xe=i(le)`
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+  height: ${t.sp4};
+`,Qe=i.div`
+  display: flex;
+  align-items: center;
+`,Ve=i.div`
+  display: flex;
+  gap: ${t.sp5};
+  align-items: center;
+`,q=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,We=i(de)`
+  display: flex;
+  width: ${t.sp4};
+  height: ${t.sp4};
+  align-items: center;
+  justify-content: center;
+`,et=i(pe)`
+  display: flex;
+  width: ${t.sp4};
+  height: ${t.sp4};
+  align-items: center;
+  justify-content: center;
+`,tt=i.div``,{cockpit:_,common:ot}=N.getLocalizedStrings();function mt({defaultOptions:e,downloadState:r,downloadParams:s,signedInUser:c,cockpitHeader:a,analytics:u,currentTab:n,updateDownloadStateHandler:m,onZeniLogoClick:x,onLogOutClick:b,onThreadClick:M,onNotificationClick:k,onNewCustomerClick:j}){const C=ie(),[y,w]=h.useState(!1),[d,p]=h.useState(!1),{inboxNotifications:g,isLoading:T,isFetchingMore:v,hasFetchedAll:X,fetchMore:Q}=K(),{threads:z,isLoading:$}=se({application:"cockpit",isGlobalComment:!0},"both",!0),V=h.useMemo(()=>z.filter(l=>l.resolved===!1),[z]).length,{setOpenThread:D,setRequestToOpenThread:S,openThread:I}=h.useContext(re);h.useEffect(()=>{const l=setTimeout(()=>Q?.(),0);return()=>clearTimeout(l)});const A=T||v===!0||X!==!0,W=g?.filter(l=>l.readAt==null&&l.roomId?.includes("cockpit")===!0).length,ee=ke(n),te=h.useCallback((l,f)=>{const{companyId:O,entityType:L}=l;I===f?D(null):(w(!1),S({threadId:f,companyId:O,entityType:L}))},[I,D,S]),oe=h.useCallback((l,f)=>{const{companyId:O,entityType:L}=l;I===f?D(null):(p(!1),S({threadId:f,companyId:O,entityType:L}))},[I,D,S]);return C!=="small"?o.jsxs(J,{children:[o.jsxs(Y,{children:[o.jsx(Qe,{children:o.jsx(Xe,{"data-testid":ae("zeni-logo-cockpit-nav-bar"),onClick:x})}),o.jsx(Ze,{children:a??_.cockpitHeader}),o.jsxs(Ve,{children:[o.jsxs(q,{isDisabled:$,onClick:$?()=>null:()=>w(!0),children:[o.jsx(F,{count:$?void 0:V,isLoading:$,style:{left:"12px"}}),o.jsx(We,{})]}),o.jsxs(q,{isDisabled:A,onClick:A?()=>null:()=>p(!0),children:[o.jsx(F,{count:W,isLoading:A,style:{left:"12px"}}),o.jsx(et,{})]}),o.jsx(qe,{defaultOptions:e,downloadParams:s,downloadState:r,analytics:u,currentCockpitTab:ee,updateDownloadStateHandler:m}),o.jsx(E,{variant:"primary",size:"small",style:{whiteSpace:"nowrap"},label:_.newCustomer,onClick:j}),o.jsx(Ke,{children:o.jsx(R,{signedInUser:c,pageName:"Cockpit",onLogOutClick:b})})]})]}),o.jsx(ne,{isDrawerOpen:y,filter:{application:"cockpit",isGlobalComment:!0},autoExpand:!0,autoFocus:!1,drawerTitle:ot.headers.comments,onCloseAllThreadsDrawer:()=>w(!1),onThreadClick:(l,f)=>{M(l,f,te)},style:{cursor:"pointer"},showReactions:!0,showActions:!0,allowExpand:!0,threads:z,isLoading:$,allowComposer:!1,textOverrides:{},withRoomProvider:!0}),o.jsx(Se,{application:"cockpit",isDrawerOpen:d,onNotificationClick:(l,f)=>{k(l,f,oe)},onCloseAllInboxNotificationsDrawer:()=>p(!1)})]}):o.jsx(J,{className:"mobileHeader",children:o.jsxs(Y,{className:"mobileTitle",children:[o.jsx(E,{variant:"primary",size:"small",style:{whiteSpace:"nowrap"},label:_.newCustomer,onClick:j}),o.jsx(tt,{children:o.jsx(R,{signedInUser:c,pageName:"Cockpit",onLogOutClick:b})})]})})}export{mt as default};

package/dist/assets/{NavBarWithPicker-Bu03gVw7-BBANsf51.js → NavBarWithPicker-CBOGjIl3-ajX8qLcM.js}

@@ -1,16 +1,16 @@
-import{u as m,e as p,j as o,_ as u,bx as g,M as x,o as t,a_ as b,eO as k,bt as y,bm as C,v}from"./index-CyJdCOlu.js";import{n as l}from"./vendor-CnQcJ2Lu.js";const j=l.div`
+import{u as p,K as m,j as o,Z as u,bw as g,F as x,o as t,a_ as b,et as k,bt as y,bm as C,y as v}from"./index-D9zAXs3-.js";import{n as l}from"./vendor-Bs1fkIUX.js";const w=l.div`
   display: flex;
   flex-direction: row;
   flex: 1 1 auto;
   justify-content: center;
   max-width: calc(100% - 36px);
   margin-left: ${t.sp3};
-`,w=({backgroundColor:e,pickerValues:a,valueToLabel:n,selectedValue:i,onPickerSelectionChanged:s,isPickerDisabled:c,titleTextStyle:d,styles:h})=>{const r=m();return o.jsx(j,{style:h,children:o.jsx(C,{pickerValues:a,valueToLabel:n,selectedValue:i,onPickerSelectionChanged:s,backgroundColor:e,titleTextStyle:d??v.largeRegular,titleColor:r.colors.primary,selectedOptionColor:r.colors.primary,isDisabled:c})})},{common:{navBar:{back:$}}}=x.getLocalizedStrings(),S={navBarHeight:b},f=l.div`
+`,j=({backgroundColor:e,pickerValues:n,valueToLabel:a,selectedValue:i,onPickerSelectionChanged:s,isPickerDisabled:c,titleTextStyle:d,styles:h})=>{const r=p();return o.jsx(w,{style:h,children:o.jsx(C,{pickerValues:n,valueToLabel:a,selectedValue:i,onPickerSelectionChanged:s,backgroundColor:e,titleTextStyle:d??v.largeRegular,titleColor:r.colors.primary,selectedOptionColor:r.colors.primary,isDisabled:c})})},{common:{navBar:{back:$}}}=x.getLocalizedStrings(),f={navBarHeight:b},S=l.div`
   display: flex;
   align-items: center;
-  min-height: ${e=>S.navBarHeight.valuePx(e.windowSize)};
+  min-height: ${e=>f.navBarHeight.valuePx(e.windowSize)};
   background-color: ${e=>e.bgColor};
-`,T=l.div``,M=l(y)`
+`,T=l.div``,B=l(y)`
   cursor: pointer;
   width: ${t.sp4};
   height: ${t.sp4};
@@ -18,7 +18,7 @@ import{u as m,e as p,j as o,_ as u,bx as g,M as x,o as t,a_ as b,eO as k,bt as y
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,B=l(k)`
+`,P=l(k)`
   cursor: pointer;
   width: 20px;
   min-width: 20px;
@@ -27,4 +27,4 @@ import{u as m,e as p,j as o,_ as u,bx as g,M as x,o as t,a_ as b,eO as k,bt as y
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function z({picker:e,backgroundColor:a,showMenuIcon:n,rightSideComponent:i,onBackClick:s,onClickMenuIcon:c}){const d=m(),h=p(),r=a??d.colors.grey5;return o.jsxs(f,{bgColor:r,windowSize:h,children:[n?o.jsx(B,{onClick:c,"data-testid":u("nav-bar-menu-button")}):o.jsx(g,{style:{marginTop:t.sp1,height:t.sp4},title:$,enterDelay:600,placement:"bottom",children:o.jsx(M,{"data-testid":u("nav-bar-back-button"),onClick:s})}),o.jsx(w,{...e,backgroundColor:r}),i!=null?o.jsx(T,{children:i}):null]})}export{z as M};
+`;function z({picker:e,backgroundColor:n,showMenuIcon:a,rightSideComponent:i,onBackClick:s,onClickMenuIcon:c}){const d=p(),h=m(),r=n??d.colors.grey5;return o.jsxs(S,{bgColor:r,windowSize:h,children:[a?o.jsx(P,{onClick:c,"data-testid":u("nav-bar-menu-button")}):o.jsx(g,{style:{marginTop:t.sp1,height:t.sp4},title:$,enterDelay:600,placement:"bottom",children:o.jsx(B,{"data-testid":u("nav-bar-back-button"),onClick:s})}),o.jsx(j,{...e,backgroundColor:r}),i!=null?o.jsx(T,{children:i}):null]})}export{z as M};