@zeniai/web-cockpit-ui 1.13.95-dev → 1.13.96-dev

package/dist/assets/{MyProfileSettingsPage-CwBD0rUF-Bso1ueKy.js → MyProfileSettingsPage-ChyYrCir-Dq1dhgqM.js}

@@ -1,4 +1,4 @@
-import{X as te,fj as ie,u as fe,t as ge,fk as be,a as ye,H as xe,l as z,c4 as we,c3 as Pe,M as re,j as l,fl as ve,aW as $e,F as De,a3 as Se,o as s,fm as ne,fn as de,fo as ce,b_ as ue,C as L,f as me,v as je,Q as Ce,S as le,cf as Oe,c6 as Re,fp as q,cc as Le,ca as Te,fq as Ie,ae as Ve,n as U}from"./index-QTXYT_IZ.js";import{b as v,n as m}from"./vendor-CnQcJ2Lu.js";import{C as ke}from"./LabeledAddressValueField-CVVc36IB-mrR3y5nG.js";import{X as Be}from"./LabeledUserSingleSelectWithSubtitlesField-Cmc8qo-r-M7EEhfxE.js";import{C as Fe,j as ze}from"./LabeledZeniRolesDropDownField-Cl6BAapU-DdwZAoZU.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./RoleWithToolTip-DoD_vW-E-xeMdlQFI.js";const b=(e,i)=>`${e}.${i}`,F={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:X,placeholder:B,errorMessage:Ae},dateFormat:Ne}=re.getLocalizedStrings(),Me=({myProfileView:e,isZeniFinopsRolesUser:i,sectionId:t,isDisabled:u,isReimbursementDisabled:y,isZeniAccountsDisabled:p,isChargeCardDisabled:o,isBankingOnlyTenant:f,isCardsOnlyTenant:$,isLiteRoleDisabled:T,isTreasuryDisabled:h,onAddressClick:x})=>{const n=te(),{person:r,managersList:A,classList:N,manager:G,department:g,controllersList:M,myProfileLocalData:W,addressData:H}=e,Q=e.person.user?.birthday!=null?"readonly":void 0,D=F.largeLabelWidth.value(n),I=F.largeLabelWidth.value(n),J=v.useMemo(()=>ie(y,p,o,f,$,T,h),[y,p,o,f,$,T,h]),{firstController:w,restControllerEmailsStr:S}=v.useMemo(()=>{const c=le(M),j=c.splice(0,1),C=c.reduce((V,k)=>V.concat(`${k.email},`),"");return{firstController:j,restControllerEmailsStr:C}},[M]),K=v.useMemo(()=>le(ue.roles),[]),d=z.hasInvestorBankerLevelAccess(r.userRole!=null?r.userRole.userRoles:[]),E=v.useMemo(()=>N.map(c=>({label:c.fullyQualifiedAccountingClassName,value:c.classId,hoverText:c.accountingClassNumber})),[N]);return l.jsxs(_e,{windowSize:n,children:[l.jsx(Oe,{isDisabled:u,label:{label:X.name,width:I},nameField:{name:b(t,"name"),placeHolder:{firstName:B.firstNamePlaceholder,lastName:B.lastNamePlaceholder,name:B.namePlaceholder},showFullNameError:!0},errorInfoLabel:Ae.nameError.replace("_product_type_",se.common.productTypeString)}),l.jsx(R,{}),l.jsx(Re,{isDisabled:u,showAdditionalInfoLabel:!1,label:{label:a.invitePage.email,width:D},text:{type:"text",name:b(t,"email"),placeholder:q(a.addPlaceholderPrefix,a.invitePage.email),style:{padding:`${s.sp0} ${F.textFieldPaddingHorizontal.valuePx(n)}`}}}),l.jsx(R,{}),l.jsx(Le,{label:{label:X.dateOfBirth,width:I},style:{width:"auto"},isDisabled:Q,dateField:{name:b(t,"dateOfBirth"),placeholder:B.datePlaceholder,defaultValue:W.dateOfBirth,dateFormat:Ne.visual.defaultInput,autoComplete:"off",maxDate:z.dateNow().subtract(18,"year")}}),l.jsx(R,{}),l.jsx(ke,{label:{label:X.mailingAddress,width:I},addressValueField:{name:b(t,"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(R,{}),l.jsx(Te,{label:{label:X.phone,width:I},text:{name:b(t,"phone"),placeholder:B.phonePlaceholder,defaultValue:W.phone,autoComplete:"off"},showVerified:W.isPhoneVerified,style:{width:"auto"}}),l.jsx(R,{}),i?l.jsx(Fe,{label:{label:a.invitePage.role,width:D},zeniRolesDropDownField:{name:b(t,"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(ze,{label:{label:a.invitePage.role,width:D},rolesDropDownField:{name:b(t,"nonZeniRole"),defaultValue:{userRole:{selectedRole:ce(r.userRole?.userRoles??[]),allRootRole:de(f,$)},productsByUserRole:ne(r.userRole?.userRoles??[],J)},registerOptions:{required:!0}},isDisabled:u}),l.jsx(R,{}),l.jsx(Be,{label:{label:a.invitePage.manager,width:D},showTooltip:!0,toolTipWidth:F.toolTipWidth.valuePx(n),tooltipTitle:l.jsx(We,{}),userSingleSelectWithSubTitlesField:{name:b(t,"manager"),value:{allUsers:d?[]:A,selectedUser:d?void 0:G?.userId},valueToSubtitle:c=>{const j=A.findIndex(C=>C.userId===c);if(j!==-1){const C=A[j],V=N.find(Y=>Y.classId===C.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(R,{}),l.jsx(Ie,{label:{label:a.invitePage.department,width:D},singleSelectWithoutClearableField:{name:b(t,"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}),i?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(Ze,{children:`${w[0].firstName} ${w[0].lastName}`}),l.jsx(Ve,{className:"arrowIcon"})]}):null]})]})]})},We=()=>a.invitePage.managerTooltipText,_e=m.div`
+import{X as te,fj as ie,u as fe,t as ge,fk as be,a as xe,H as ye,l as z,c4 as we,c3 as Pe,M as re,j as l,fl as ve,aV as $e,F as De,a3 as Se,o as s,fm as ne,fn as de,fo as ce,b_ as ue,C as L,f as me,v as je,Q as Oe,S as le,cf as Re,c6 as Ce,fp as q,cc as Le,ca as Te,fq as Ve,ae as Ie,n as E}from"./index-DyBH5SZv.js";import{b as v,n as m}from"./vendor-CnQcJ2Lu.js";import{W as ke}from"./LabeledAddressValueField-C2LEKAwf-BQxD3J4c.js";import{X as Be}from"./LabeledUserSingleSelectWithSubtitlesField-CfzUlgs3-BKnteQzK.js";import{C as Fe,j as ze}from"./LabeledZeniRolesDropDownField-CGSgg1Zl-M-Z5Kz_3.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./RoleWithToolTip-B3hm-1rz-OZzvKPZJ.js";const b=(e,i)=>`${e}.${i}`,F={largeLabelWidth:new L(120,120,160),textFieldPaddingHorizontal:new L(E[2],E[3]),toolTipWidth:new L(215,237),notePadding:new L(E[3],E[4]),noteGap:new L(E[0],6)},{peoplePage:a,common:{settings:se,labels:X,placeholder:B,errorMessage:Ae},dateFormat:Ne}=re.getLocalizedStrings(),Me=({myProfileView:e,isZeniFinopsRolesUser:i,sectionId:t,isDisabled:u,isReimbursementDisabled:x,isZeniAccountsDisabled:p,isChargeCardDisabled:o,isBankingOnlyTenant:f,isCardsOnlyTenant:$,isLiteRoleDisabled:T,isTreasuryDisabled:h,onAddressClick:y})=>{const n=te(),{person:r,managersList:A,classList:N,manager:G,department:g,controllersList:M,myProfileLocalData:W,addressData:H}=e,Q=e.person.user?.birthday!=null?"readonly":void 0,D=F.largeLabelWidth.value(n),V=F.largeLabelWidth.value(n),J=v.useMemo(()=>ie(x,p,o,f,$,T,h),[x,p,o,f,$,T,h]),{firstController:w,restControllerEmailsStr:S}=v.useMemo(()=>{const c=le(M),j=c.splice(0,1),O=c.reduce((I,k)=>I.concat(`${k.email},`),"");return{firstController:j,restControllerEmailsStr:O}},[M]),K=v.useMemo(()=>le(ue.roles),[]),d=z.hasInvestorBankerLevelAccess(r.userRole!=null?r.userRole.userRoles:[]),Z=v.useMemo(()=>N.map(c=>({label:c.fullyQualifiedAccountingClassName,value:c.classId,hoverText:c.accountingClassNumber})),[N]);return l.jsxs(Ue,{windowSize:n,children:[l.jsx(Re,{isDisabled:u,label:{label:X.name,width:V},nameField:{name:b(t,"name"),placeHolder:{firstName:B.firstNamePlaceholder,lastName:B.lastNamePlaceholder,name:B.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:D},text:{type:"text",name:b(t,"email"),placeholder:q(a.addPlaceholderPrefix,a.invitePage.email),style:{padding:`${s.sp0} ${F.textFieldPaddingHorizontal.valuePx(n)}`}}}),l.jsx(C,{}),l.jsx(Le,{label:{label:X.dateOfBirth,width:V},style:{width:"auto"},isDisabled:Q,dateField:{name:b(t,"dateOfBirth"),placeholder:B.datePlaceholder,defaultValue:W.dateOfBirth,dateFormat:Ne.visual.defaultInput,autoComplete:"off",maxDate:z.dateNow().subtract(18,"year")}}),l.jsx(C,{}),l.jsx(ke,{label:{label:X.mailingAddress,width:V},addressValueField:{name:b(t,"mailingAddress"),placeholder:B.addressPlaceholder,defaultValue:H?.addressToCreate,onClick:()=>{y("user_address")}},showAdditionalInfoLabel:!0,style:{width:"auto",padding:`${s.sp2} ${s.sp2} ${s.sp2} ${s.sp0}`}}),l.jsx(C,{}),l.jsx(Te,{label:{label:X.phone,width:V},text:{name:b(t,"phone"),placeholder:B.phonePlaceholder,defaultValue:W.phone,autoComplete:"off"},showVerified:W.isPhoneVerified,style:{width:"auto"}}),l.jsx(C,{}),i?l.jsx(Fe,{label:{label:a.invitePage.role,width:D},zeniRolesDropDownField:{name:b(t,"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(ze,{label:{label:a.invitePage.role,width:D},rolesDropDownField:{name:b(t,"nonZeniRole"),defaultValue:{userRole:{selectedRole:ce(r.userRole?.userRoles??[]),allRootRole:de(f,$)},productsByUserRole:ne(r.userRole?.userRoles??[],J)},registerOptions:{required:!0}},isDisabled:u}),l.jsx(C,{}),l.jsx(Be,{label:{label:a.invitePage.manager,width:D},showTooltip:!0,toolTipWidth:F.toolTipWidth.valuePx(n),tooltipTitle:l.jsx(We,{}),userSingleSelectWithSubTitlesField:{name:b(t,"manager"),value:{allUsers:d?[]:A,selectedUser:d?void 0:G?.userId},valueToSubtitle:c=>{const j=A.findIndex(O=>O.userId===c);if(j!==-1){const O=A[j],I=N.find(Y=>Y.classId===O.userRole.accountingClassIDs[0]),k=[];return I!=null&&k.push(I.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(Ve,{label:{label:a.invitePage.department,width:D},singleSelectWithoutClearableField:{name:b(t,"department"),defaultValue:{allOptions:d?[]:Z,selectedOption:d?void 0:Z.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}),i?null:l.jsxs(Ee,{windowSize:n,children:[a.invitePage.controllerText,w[0]?l.jsxs(Ze,{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(Ie,{className:"arrowIcon"})]}):null]})]})]})},We=()=>a.invitePage.managerTooltipText,Ue=m.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -9,13 +9,13 @@ import{X as te,fj as ie,u as fe,t as ge,fk as be,a as ye,H as xe,l as z,c4 as we
   .single-select-field__menu {
     border: ${e=>e.windowSize==="small"?`1px solid ${e.theme.colors.grey3}`:"unset"};
   }
-`,R=m.div`
+`,C=m.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Ue=m(me)`
+`,Ee=m(me)`
   padding: ${e=>`${s.sp1}  ${F.notePadding.valuePx(e.windowSize)}`};
   background: ${e=>e.theme.colors.grey4};
   border-radius: ${s.sp0} ${s.sp0} ${s.sp2} ${s.sp2};
@@ -25,7 +25,7 @@ import{X as te,fj as ie,u as fe,t as ge,fk as be,a as ye,H as xe,l as z,c4 as we
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
   gap: ${e=>F.noteGap.valuePx(e.windowSize)};
-`,Ee=m.a`
+`,Ze=m.a`
   color: ${e=>e.theme.colors.hero};
   text-decoration: none;
   cursor: pointer;
@@ -43,7 +43,7 @@ import{X as te,fj as ie,u as fe,t as ge,fk as be,a as ye,H as xe,l as z,c4 as we
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Ze=m.span``,pe={sectionWidth:new L(343,580,726),subtitleSectionWidth:new L(343,580,1200)},qe={title:new Ce("standardMedium","largeMedium")},P="userDetails",pl=({myProfileView:e,isReimbursementDisabled:i,isZeniAccountsDisabled:t,isChargeCardDisabled:u,isTreasuryDisabled:y,isBankingOnlyTenant:p,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onClickMenuIcon:$,onAddressClick:T,updateMyProfileLocalData:h,onCancelClick:x,onGetOtp:n,onResendOtp:r,onSaveClick:A,onVerifyOtp:N,onVerifyOtpSuccess:G})=>{const g=te(),M=v.useMemo(()=>ie(i,t,u,p,o,f,y),[i,t,u,p,o,f,y]),[W,H]=v.useState(!1),[Q,D]=v.useState(!1),I=fe(),J=ge(),w=be(J),S=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=e.addressData?.addressToCreate!=null&&e.person.address!=null&&!xe(z.getFormattedAddress(e.addressData?.addressToCreate),z.getFormattedAddress(e.person.address))||e.addressData?.addressToCreate!=null&&e.person.address==null,c=K||d||E,j=Object.keys(S.formState.errors).length===0,C=we(S.formState.dirtyFields),V=j&&(C||c),k=async(ee,Z)=>{if(ee!=null){const O={...Z},he={...e.myProfileLocalData,phone:O[P].phone,isPhoneVerified:O[P].phone!==e.person.user?.phone?!1:e.person.user?.isPhoneVerified??!1,dateOfBirth:O[P].dateOfBirth!=null?z.zeniDate(O[P].dateOfBirth.toString()):void 0};h(he)}};v.useEffect(()=>{const ee=S.watch((Z,{name:O})=>{O!=null&&Z!=null&&Pe(()=>k(O,Z))});return()=>{ee.unsubscribe()}});const Y=S.handleSubmit(()=>{j&&(e.myProfileLocalData.phone!=null&&(e.myProfileLocalData.isPhoneVerified==null||e.myProfileLocalData.isPhoneVerified===!1)?n(e.myProfileLocalData.phone):A())}),{common:_}=re.getLocalizedStrings();return l.jsxs(Xe,{children:[l.jsx(ve,{showOtpPopup:W,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($e,{source:"MyProfileSettingsPage",title:_.settings.title.myProfile,backgroundColor:I.colors.grey4,showBackButton:!1,showMenuIcon:g==="medium-compact"||g==="small",onClickMenuIcon:$}),l.jsxs(Ge,{windowSize:g,children:[l.jsx(He,{windowSize:g,children:l.jsx(Qe,{windowSize:g,children:_.settings.infoText.myProfile})}),l.jsx(De,{...S,children:l.jsxs("form",{id:ae(P),onSubmit:Y,children:[l.jsx(Je,{windowSize:g,children:l.jsx(Ke,{windowSize:g,children:_.settings.subtitle.myProfile})}),l.jsx(Me,{myProfileView:e,isZeniFinopsRolesUser:w,isDisabled:"readonly",isReimbursementDisabled:i,sectionId:P,isZeniAccountsDisabled:t,isChargeCardDisabled:u,isTreasuryDisabled:y,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:_.footer.save,isLoading:e.updateProfileStatus.fetchState==="In-Progress",style:{minWidth:103}},cancelBtn:{label:_.cancel,onClick:x,shouldResetOnCancel:!0,style:{minWidth:103}}}):null]})},ae=e=>`${e}_form`,Xe=m.div`
+`,_e=m.span``,pe={sectionWidth:new L(343,580,726),subtitleSectionWidth:new L(343,580,1200)},qe={title:new Oe("standardMedium","largeMedium")},P="userDetails",pl=({myProfileView:e,isReimbursementDisabled:i,isZeniAccountsDisabled:t,isChargeCardDisabled:u,isTreasuryDisabled:x,isBankingOnlyTenant:p,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onClickMenuIcon:$,onAddressClick:T,updateMyProfileLocalData:h,onCancelClick:y,onGetOtp:n,onResendOtp:r,onSaveClick:A,onVerifyOtp:N,onVerifyOtpSuccess:G})=>{const g=te(),M=v.useMemo(()=>ie(i,t,u,p,o,f,x),[i,t,u,p,o,f,x]),[W,H]=v.useState(!1),[Q,D]=v.useState(!1),V=fe(),J=ge(),w=be(J),S=xe({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,Z=e.addressData?.addressToCreate!=null&&e.person.address!=null&&!ye(z.getFormattedAddress(e.addressData?.addressToCreate),z.getFormattedAddress(e.person.address))||e.addressData?.addressToCreate!=null&&e.person.address==null,c=K||d||Z,j=Object.keys(S.formState.errors).length===0,O=we(S.formState.dirtyFields),I=j&&(O||c),k=async(ee,_)=>{if(ee!=null){const R={..._},he={...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?z.zeniDate(R[P].dateOfBirth.toString()):void 0};h(he)}};v.useEffect(()=>{const ee=S.watch((_,{name:R})=>{R!=null&&_!=null&&Pe(()=>k(R,_))});return()=>{ee.unsubscribe()}});const Y=S.handleSubmit(()=>{j&&(e.myProfileLocalData.phone!=null&&(e.myProfileLocalData.isPhoneVerified==null||e.myProfileLocalData.isPhoneVerified===!1)?n(e.myProfileLocalData.phone):A())}),{common:U}=re.getLocalizedStrings();return l.jsxs(Xe,{children:[l.jsx(ve,{showOtpPopup:W,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($e,{source:"MyProfileSettingsPage",title:U.settings.title.myProfile,backgroundColor:V.colors.grey4,showBackButton:!1,showMenuIcon:g==="medium-compact"||g==="small",onClickMenuIcon:$}),l.jsxs(Ge,{windowSize:g,children:[l.jsx(He,{windowSize:g,children:l.jsx(Qe,{windowSize:g,children:U.settings.infoText.myProfile})}),l.jsx(De,{...S,children:l.jsxs("form",{id:ae(P),onSubmit:Y,children:[l.jsx(Je,{windowSize:g,children:l.jsx(Ke,{windowSize:g,children:U.settings.subtitle.myProfile})}),l.jsx(Me,{myProfileView:e,isZeniFinopsRolesUser:w,isDisabled:"readonly",isReimbursementDisabled:i,sectionId:P,isZeniAccountsDisabled:t,isChargeCardDisabled:u,isTreasuryDisabled:x,isBankingOnlyTenant:p,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onAddressClick:T})]})})]}),I?l.jsx(Se,{style:{zIndex:1,paddingTop:s.sp3,paddingBottom:s.sp3},formId:ae(P),helperStyle:{paddingTop:s.sp0,paddingBottom:s.sp0},primaryBtn:{label:U.footer.save,isLoading:e.updateProfileStatus.fetchState==="In-Progress",style:{minWidth:103}},cancelBtn:{label:U.cancel,onClick:y,shouldResetOnCancel:!0,style:{minWidth:103}}}):null]})},ae=e=>`${e}_form`,Xe=m.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -82,4 +82,4 @@ import{X as te,fj as ie,u as fe,t as ge,fk as be,a as ye,H as xe,l as z,c4 as we
 
   color: ${e=>e.theme.colors.primary};
   ${e=>`${qe.title.style(e.windowSize)}`};
-`,oe=(e,i,t,u,y)=>{const{classList:p,person:o,managersList:f,manager:$,department:T,myProfileLocalData:h}=e,x=z.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:i?{allOptions:ue.roles,selectedOptions:o.userRole?.userRoles??[]}:void 0,nonZeniRole:i?void 0:{userRole:{selectedRole:ce(o.userRole?.userRoles??[]),allRootRole:de(u,y)},productsByUserRole:ne(o.userRole?.userRoles??[],t)},manager:{allUsers:x?[]:f,selectedUser:Ye(x,$)},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}}},Ye=(e,i)=>{if(!e)return i!=null?i.userId:"no_manager"};export{pl as default,ae as uniqueFormName};
+`,oe=(e,i,t,u,x)=>{const{classList:p,person:o,managersList:f,manager:$,department:T,myProfileLocalData:h}=e,y=z.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:i?{allOptions:ue.roles,selectedOptions:o.userRole?.userRoles??[]}:void 0,nonZeniRole:i?void 0:{userRole:{selectedRole:ce(o.userRole?.userRoles??[]),allRootRole:de(u,x)},productsByUserRole:ne(o.userRole?.userRoles??[],t)},manager:{allUsers:y?[]:f,selectedUser:Ye(y,$)},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}}},Ye=(e,i)=>{if(!e)return i!=null?i.userId:"no_manager"};export{pl as default,ae as uniqueFormName};

package/dist/assets/{NavBarWithPicker-wTsy1SAG-B0aq1ozI.js → NavBarWithPicker-D4jJGXZB-BJWr2BT1.js}

@@ -1,4 +1,4 @@
-import{u as p,X as m,j as o,Y as u,bt as g,M as x,o as t,a_ as b,eK as k,bp as y,bm as C,v}from"./index-QTXYT_IZ.js";import{n as l}from"./vendor-CnQcJ2Lu.js";const j=l.div`
+import{u as p,X as m,j as o,Y as u,bs as g,M as x,o as t,aZ as b,eK as k,bo as y,bl as C,v}from"./index-DyBH5SZv.js";import{n as l}from"./vendor-CnQcJ2Lu.js";const j=l.div`
   display: flex;
   flex-direction: row;
   flex: 1 1 auto;
@@ -27,4 +27,4 @@ import{u as p,X as m,j as o,Y as u,bt as g,M as x,o as t,a_ as b,eK as k,bp as y
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;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(f,{bgColor:r,windowSize:h,children:[a?o.jsx(D,{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(w,{...e,backgroundColor:r}),i!=null?o.jsx(T,{children:i}):null]})}export{z as R};
+`;function L({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(f,{bgColor:r,windowSize:h,children:[a?o.jsx(D,{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(w,{...e,backgroundColor:r}),i!=null?o.jsx(T,{children:i}):null]})}export{L};

package/dist/assets/{NavigationArrow-PxVotVGU-BN6LQQ8z.js → NavigationArrow-DlUdvmV7-iugv9ZVE.js}

@@ -1,4 +1,4 @@
-import{j as e,o as r,ae as i,bp as h}from"./index-QTXYT_IZ.js";import{j as l,n as s}from"./vendor-CnQcJ2Lu.js";const c=l`
+import{j as e,o as r,ae as i,bo as h}from"./index-DyBH5SZv.js";import{j as l,n as t}from"./vendor-CnQcJ2Lu.js";const c=l`
   border-left-style: none;
   margin-left: -${r.sp3};
   border-top-right-radius: ${r.sp2};
@@ -10,7 +10,7 @@ import{j as e,o as r,ae as i,bp as h}from"./index-QTXYT_IZ.js";import{j as l,n a
   border-top-left-radius: ${r.sp2};
   border-bottom-left-radius: ${r.sp2};
   padding: ${r.sp2};
-`,g=s.div`
+`,g=t.div`
   cursor: pointer;
   display: flex;
   border: 1px solid
@@ -28,18 +28,18 @@ import{j as e,o as r,ae as i,bp as h}from"./index-QTXYT_IZ.js";import{j as l,n a
           border-color: ${o};
         `:null}
   }
-`,C=s(h)`
+`,C=t(h)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${o=>o.theme.colors.hero};
   &:hover {
     color: ${o=>o.theme.colors.primary};
   }
-`,u=s(i)`
+`,u=t(i)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${o=>o.theme.colors.hero};
   &:hover {
     color: ${o=>o.theme.colors.primary};
   }
-`;function y({navType:o}){switch(o){case"left":return e.jsx(C,{});case"right":return e.jsx(u,{});default:throw Error("Invalid navtype")}}const b=({navType:o,isSpendManagementPromoCard:t=!1,promoBorderColor:p,promoBorderColorHover:a,promoColor:d,handleClick:m})=>e.jsx(g,{isSpendManagementPromoCard:t,which:o,className:`styledNav styledNav-${o}`,promoBorderColor:p,promoColor:d,promoBorderColorHover:a,onClick:n=>m(n,o=="left"?"right":"left"),children:e.jsx(y,{navType:o})});export{b as x};
+`;function y({navType:o}){switch(o){case"left":return e.jsx(C,{});case"right":return e.jsx(u,{});default:throw Error("Invalid navtype")}}const b=({navType:o,isSpendManagementPromoCard:s=!1,promoBorderColor:a,promoBorderColorHover:p,promoColor:d,handleClick:m})=>e.jsx(g,{isSpendManagementPromoCard:s,which:o,className:`styledNav styledNav-${o}`,promoBorderColor:a,promoColor:d,promoBorderColorHover:p,onClick:n=>m(n,o=="left"?"right":"left"),children:e.jsx(y,{navType:o})});export{b as x};

package/dist/assets/{NavigationDots-BhLlf9IS-Cc6rFgNx.js → NavigationDots-CFJt-T5J-B9PAzC5S.js}

@@ -1,4 +1,4 @@
-import{j as e,Y as p,o as t}from"./index-QTXYT_IZ.js";import{n as l}from"./vendor-CnQcJ2Lu.js";const v=l.div`
+import{j as e,Y as p,o as t}from"./index-DyBH5SZv.js";import{n as l}from"./vendor-CnQcJ2Lu.js";const v=l.div`
   text-align: center;
   cursor: pointer;
 `,C=l.div`

package/dist/assets/{NewGlobalMerchantPage-BnXD_AkF-7b5iQIvJ.js → NewGlobalMerchantPage-DhYni-in-Diwu92Go.js}

@@ -1,4 +1,4 @@
-import{X as z,a as K,c3 as Q,a1 as X,j as t,M as C,F as Y,a3 as Z,C as i,o as a,a2 as ee,Q as _,h as te,gh as ae,q as le,cg as O,hC as ne,c8 as U,c6 as oe,n as l,an as re,co as ie,cm as de,cA as se,d as ce,eo as me,dg as he,az as be,g as V}from"./index-QTXYT_IZ.js";import{b as j,n as o,j as ge}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const w={width:new i(343,580,726),height:new i(l[6],l[6]),controlHeight:new i(l[6],l[6]),paddingTopBottom:new i(l[2],l[2]),marginRight:new i(l[2],l[2]),labelMarginLeft:new i(l[3],l[4]),labelMarginRight:new i(l[3],l[4]),labelMarginTop:new i(l[2],l[2])},ue={infoLabel:new _("smallRegular","standardRegular")},pe=C.getLocalizedStrings();function we({label:e,textField:n,additionalInfo:h,checkBoxFields:m,fetchState:g,style:v,toolTip:M,isOptionalLabel:y}){const s=z(),{formState:{errors:d}}=O(),$=ie(d,n.name);return t.jsxs(xe,{windowSize:s,style:v,isDisabled:n.isDisabled!=null,isError:$,children:[t.jsx(de,{isDisabled:n.isDisabled,label:e.label,style:{marginLeft:w.labelMarginLeft.value(s),marginRight:w.labelMarginRight.value(s),marginTop:w.labelMarginTop.value(s),width:e.width??"auto"},showTooltip:M!=null,tooltipTitle:M?.title,toolTipWidth:M?.width,isOptional:y}),t.jsxs(fe,{labelWidth:e.width,children:[t.jsx(se,{...n,style:{...n.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:w.controlHeight.value(s),cursor:"inherit"}}),g?.fetchState==="In-Progress"?t.jsx($e,{children:t.jsx(ce,{size:"Standard",start:!0})}):t.jsxs(Se,{children:[t.jsxs(Me,{windowSize:s,isRecommendationVisible:m.length>0,isError:$,children:[h.icon,h.label]}),m.length>0?m.map((u,p)=>t.jsxs(t.Fragment,{children:[t.jsx(me,{isHighlighted:!0,label:{label:u.label},checkBoxField:u.field,defaultChecked:u.field.defaultChecked,isDisabled:u.field.isDisabled!=null},he()),p<m.length-1?t.jsx(ve,{children:pe.common.texts.or}):null]})):null]})]})]})}const xe=o.div`
+import{X as z,a as Q,c3 as A,a1 as X,j as t,M as C,F as Y,a3 as Z,C as i,o as a,a2 as ee,Q as _,h as te,gh as ae,q as le,cg as O,hC as ne,c8 as U,c6 as oe,n as l,an as re,co as ie,cm as de,cA as se,c as ce,eo as me,dg as he,az as be,g as V}from"./index-DyBH5SZv.js";import{b as j,n as o,j as ge}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const w={width:new i(343,580,726),height:new i(l[6],l[6]),controlHeight:new i(l[6],l[6]),paddingTopBottom:new i(l[2],l[2]),marginRight:new i(l[2],l[2]),labelMarginLeft:new i(l[3],l[4]),labelMarginRight:new i(l[3],l[4]),labelMarginTop:new i(l[2],l[2])},ue={infoLabel:new _("smallRegular","standardRegular")},pe=C.getLocalizedStrings();function we({label:e,textField:n,additionalInfo:h,checkBoxFields:m,fetchState:g,style:v,toolTip:M,isOptionalLabel:y}){const s=z(),{formState:{errors:d}}=O(),$=ie(d,n.name);return t.jsxs(xe,{windowSize:s,style:v,isDisabled:n.isDisabled!=null,isError:$,children:[t.jsx(de,{isDisabled:n.isDisabled,label:e.label,style:{marginLeft:w.labelMarginLeft.value(s),marginRight:w.labelMarginRight.value(s),marginTop:w.labelMarginTop.value(s),width:e.width??"auto"},showTooltip:M!=null,tooltipTitle:M?.title,toolTipWidth:M?.width,isOptional:y}),t.jsxs(fe,{labelWidth:e.width,children:[t.jsx(se,{...n,style:{...n.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:w.controlHeight.value(s),cursor:"inherit"}}),g?.fetchState==="In-Progress"?t.jsx($e,{children:t.jsx(ce,{size:"Standard",start:!0})}):t.jsxs(Se,{children:[t.jsxs(Me,{windowSize:s,isRecommendationVisible:m.length>0,isError:$,children:[h.icon,h.label]}),m.length>0?m.map((u,p)=>t.jsxs(t.Fragment,{children:[t.jsx(me,{isHighlighted:!0,label:{label:u.label},checkBoxField:u.field,defaultChecked:u.field.defaultChecked,isDisabled:u.field.isDisabled!=null},he()),p<m.length-1?t.jsx(ve,{children:pe.common.texts.or}):null]})):null]})]})]})}const xe=o.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -94,7 +94,7 @@ import{X as z,a as K,c3 as Q,a1 as X,j as t,M as C,F as Y,a3 as Z,C as i,o as a,
   color: ${e=>e.theme.colors.brandColorJade};
   width: ${a.sp3};
   height: ${a.sp3};
-`,S={containerPaddingLeft:new i(l[3],l[3],l[6]),containerPaddingRight:new i(l[3],l[3],l[8]),navbarContainerPaddingTop:new i(l[2],l[3]),navbarContainerPaddingBottom:new i(l[4],l[5]),sectionTitleMarginTop:new i(0,l[3]),sectionTitleMarginLeft:new i(l[3],0)},Ce={sectionTitle:new _("h6Regular","h5Regular")},I="newGlobalMerchantPage",f="newGlobalMerchant",Fe=C.getLocalizedStrings(),{common:{footer:E,sectionTitles:Te},vendorReview:{globalReview:Le}}=Fe,nt=({globalMerchantView:e,analytics:n,tenantMerchant:h,isDisabled:m,updateCreateGlobalMerchantLocalData:g,fetchRecommendation:v,onBackClick:M,onSaveClick:y})=>{const s=z(),d=K({mode:"all",reValidateMode:"onChange",defaultValues:j.useMemo(()=>q(e),[e]),values:j.useMemo(()=>q(e),[e]),resetOptions:{keepDefaultValues:!0,keepDirtyValues:!0}}),$=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorRequested({reviewSource:"global_review",newRequestedVendorName:b,tenantName:r,newRequestedVendorNameSource:r!=null?"text_edit":"new_vendor_button",isVendorNameRecommendationSelected:c===b,recommendedVendorName:c,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null})}v()},u=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorSaved({reviewSource:"global_review",saveRequestedVendorName:b,tenantName:r,recommendedVendorName:c,saveRequestedVendorSource:r!=null?"text_edit":"new_vendor_button",recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null,isVendorNameRecommendationSelected:c===b})}y()},p=()=>{e.newGlobalMerchantData!=null&&n.trackVendorReviewNewVendorCanceled({reviewSource:"global_review",newRequestedVendorName:e.newGlobalMerchantData.globalMerchantName,tenantName:h?.tenantName??null,recommendedVendorName:e.recommendedGlobalMerchants[0]?.globalMerchantName??null,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null}),M()},D=()=>{u()},G=async(r,b)=>{const{newGlobalMerchant:{globalMerchantName:c,recommendedFirst:T,recommendedSecond:L,globalMerchantWebsiteUrl:J}}=b;if(r.includes("globalMerchantName")||r.includes("globalMerchantWebsiteUrl")){let P=null;c===e.recommendedGlobalMerchants[0]?.globalMerchantName?P="recommendedFirst":c===e.recommendedGlobalMerchants[1]?.globalMerchantName&&(P="recommendedSecond"),g(c,P,J)}else(r.includes("recommendedFirst")||r.includes("recommendedSecond"))&&(r.includes("recommendedFirst")&&T&&e.recommendedGlobalMerchants[0]?.globalMerchantName?(g(e.recommendedGlobalMerchants[0]?.globalMerchantName,"recommendedFirst",e.recommendedGlobalMerchants[0]?.websiteUrl?.toString()),e.recommendedGlobalMerchants[0]?.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[0].websiteUrl.toString())):r.includes("recommendedSecond")&&L&&e.recommendedGlobalMerchants[1]?.globalMerchantName?(g(e.recommendedGlobalMerchants[1].globalMerchantName,"recommendedSecond",e.recommendedGlobalMerchants[1].websiteUrl?.toString()),e.recommendedGlobalMerchants[1]?.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[1].websiteUrl.toString())):!T&&!L&&(d.resetField(`${f}.globalMerchantName`),d.resetField(`${f}.globalMerchantWebsiteUrl`)))};j.useEffect(()=>{const r=d.watch((b,{name:c})=>{c!=null&&b!=null&&Q(()=>G(c,b))});return()=>{r.unsubscribe()}});const{newGlobalMerchantData:x,fetchState:N,error:H,recommendedGlobalMerchants:A}=e,F=X(N);return j.useEffect(()=>{F==="In-Progress"&&N==="Completed"&&x?.globalMerchantName!=null&&(d.resetField(`${f}.globalMerchantName`,{defaultValue:x.globalMerchantName}),e.recommendedGlobalMerchants.forEach(r=>{r.globalMerchantName===x.globalMerchantName&&r.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,r.websiteUrl.toString())}))},[F,N,d,x?.globalMerchantName,x?.globalMerchantWebsiteUrl,e.recommendedGlobalMerchants]),t.jsxs(Ue,{windowSize:s,children:[t.jsxs(We,{windowSize:s,children:[t.jsx(Ee,{children:t.jsx(Be,{onClick:p})}),t.jsx(qe,{windowSize:s,children:Te.newVendor}),t.jsx(_e,{children:t.jsxs(Oe,{children:[t.jsx(Ae,{children:t.jsx(Je,{})}),t.jsx(He,{children:Le.newGlobalMerchant.tip})]})})]}),t.jsx(Ie,{children:t.jsx(Y,{...d,children:t.jsx("form",{id:B(I),onSubmit:d.handleSubmit(D),children:t.jsx(Re,{sectionId:f,isDisabled:x?.status.fetchState==="In-Progress"?"readonly":m,newGlobalMerchantData:x,recommendationFetchState:{fetchState:N,error:H},recommendedGlobalMerchants:A,fetchRecommendation:$})})})}),t.jsx(Z,{formId:B(I),primaryBtn:{label:E.save,isLoading:x?.status.fetchState==="In-Progress",isDisabled:N==="In-Progress"},cancelBtn:{label:E.cancel,shouldResetOnCancel:!0,onClick:p}})]})},B=e=>`${e}_form`,q=e=>{const{newGlobalMerchantData:n}=e;return{[f]:{globalMerchantName:n?.globalMerchantName??"",globalMerchantWebsiteUrl:n?.globalMerchantWebsiteUrl?.toString(),recommendedFirst:n?.currentSelection==="recommendedFirst",recommendedSecond:n?.currentSelection==="recommendedSecond",newGlobalMerchantId:n?.newGlobalMerchantId}}},Ue=o.div`
+`,S={containerPaddingLeft:new i(l[3],l[3],l[6]),containerPaddingRight:new i(l[3],l[3],l[8]),navbarContainerPaddingTop:new i(l[2],l[3]),navbarContainerPaddingBottom:new i(l[4],l[5]),sectionTitleMarginTop:new i(0,l[3]),sectionTitleMarginLeft:new i(l[3],0)},Ce={sectionTitle:new _("h6Regular","h5Regular")},I="newGlobalMerchantPage",f="newGlobalMerchant",Fe=C.getLocalizedStrings(),{common:{footer:E,sectionTitles:Te},vendorReview:{globalReview:Le}}=Fe,nt=({globalMerchantView:e,analytics:n,tenantMerchant:h,isDisabled:m,updateCreateGlobalMerchantLocalData:g,fetchRecommendation:v,onBackClick:M,onSaveClick:y})=>{const s=z(),d=Q({mode:"all",reValidateMode:"onChange",defaultValues:j.useMemo(()=>q(e),[e]),values:j.useMemo(()=>q(e),[e]),resetOptions:{keepDefaultValues:!0,keepDirtyValues:!0}}),$=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorRequested({reviewSource:"global_review",newRequestedVendorName:b,tenantName:r,newRequestedVendorNameSource:r!=null?"text_edit":"new_vendor_button",isVendorNameRecommendationSelected:c===b,recommendedVendorName:c,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null})}v()},u=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorSaved({reviewSource:"global_review",saveRequestedVendorName:b,tenantName:r,recommendedVendorName:c,saveRequestedVendorSource:r!=null?"text_edit":"new_vendor_button",recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null,isVendorNameRecommendationSelected:c===b})}y()},p=()=>{e.newGlobalMerchantData!=null&&n.trackVendorReviewNewVendorCanceled({reviewSource:"global_review",newRequestedVendorName:e.newGlobalMerchantData.globalMerchantName,tenantName:h?.tenantName??null,recommendedVendorName:e.recommendedGlobalMerchants[0]?.globalMerchantName??null,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null}),M()},D=()=>{u()},G=async(r,b)=>{const{newGlobalMerchant:{globalMerchantName:c,recommendedFirst:T,recommendedSecond:L,globalMerchantWebsiteUrl:K}}=b;if(r.includes("globalMerchantName")||r.includes("globalMerchantWebsiteUrl")){let P=null;c===e.recommendedGlobalMerchants[0]?.globalMerchantName?P="recommendedFirst":c===e.recommendedGlobalMerchants[1]?.globalMerchantName&&(P="recommendedSecond"),g(c,P,K)}else(r.includes("recommendedFirst")||r.includes("recommendedSecond"))&&(r.includes("recommendedFirst")&&T&&e.recommendedGlobalMerchants[0]?.globalMerchantName?(g(e.recommendedGlobalMerchants[0]?.globalMerchantName,"recommendedFirst",e.recommendedGlobalMerchants[0]?.websiteUrl?.toString()),e.recommendedGlobalMerchants[0]?.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[0].websiteUrl.toString())):r.includes("recommendedSecond")&&L&&e.recommendedGlobalMerchants[1]?.globalMerchantName?(g(e.recommendedGlobalMerchants[1].globalMerchantName,"recommendedSecond",e.recommendedGlobalMerchants[1].websiteUrl?.toString()),e.recommendedGlobalMerchants[1]?.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[1].websiteUrl.toString())):!T&&!L&&(d.resetField(`${f}.globalMerchantName`),d.resetField(`${f}.globalMerchantWebsiteUrl`)))};j.useEffect(()=>{const r=d.watch((b,{name:c})=>{c!=null&&b!=null&&A(()=>G(c,b))});return()=>{r.unsubscribe()}});const{newGlobalMerchantData:x,fetchState:N,error:H,recommendedGlobalMerchants:J}=e,F=X(N);return j.useEffect(()=>{F==="In-Progress"&&N==="Completed"&&x?.globalMerchantName!=null&&(d.resetField(`${f}.globalMerchantName`,{defaultValue:x.globalMerchantName}),e.recommendedGlobalMerchants.forEach(r=>{r.globalMerchantName===x.globalMerchantName&&r.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,r.websiteUrl.toString())}))},[F,N,d,x?.globalMerchantName,x?.globalMerchantWebsiteUrl,e.recommendedGlobalMerchants]),t.jsxs(Ue,{windowSize:s,children:[t.jsxs(We,{windowSize:s,children:[t.jsx(Ee,{children:t.jsx(Be,{onClick:p})}),t.jsx(qe,{windowSize:s,children:Te.newVendor}),t.jsx(_e,{children:t.jsxs(Oe,{children:[t.jsx(Je,{children:t.jsx(Ke,{})}),t.jsx(He,{children:Le.newGlobalMerchant.tip})]})})]}),t.jsx(Ie,{children:t.jsx(Y,{...d,children:t.jsx("form",{id:B(I),onSubmit:d.handleSubmit(D),children:t.jsx(Re,{sectionId:f,isDisabled:x?.status.fetchState==="In-Progress"?"readonly":m,newGlobalMerchantData:x,recommendationFetchState:{fetchState:N,error:H},recommendedGlobalMerchants:J,fetchRecommendation:$})})})}),t.jsx(Z,{formId:B(I),primaryBtn:{label:E.save,isLoading:x?.status.fetchState==="In-Progress",isDisabled:N==="In-Progress"},cancelBtn:{label:E.cancel,shouldResetOnCancel:!0,onClick:p}})]})},B=e=>`${e}_form`,q=e=>{const{newGlobalMerchantData:n}=e;return{[f]:{globalMerchantName:n?.globalMerchantName??"",globalMerchantWebsiteUrl:n?.globalMerchantWebsiteUrl?.toString(),recommendedFirst:n?.currentSelection==="recommendedFirst",recommendedSecond:n?.currentSelection==="recommendedSecond",newGlobalMerchantId:n?.newGlobalMerchantId}}},Ue=o.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -149,11 +149,11 @@ import{X as z,a as K,c3 as Q,a1 as X,j as t,M as C,F as Y,a3 as Z,C as i,o as a,
   display: flex;
   flex-grow: 1;
   color: ${e=>e.theme.colors.hero};
-`,Ae=o.div`
+`,Je=o.div`
   display: flex;
   align-items: center;
   margin-right: ${a.sp2};
-`,Je=o(ae)`
+`,Ke=o(ae)`
   color: ${e=>e.theme.colors.primary};
   width: ${a.sp4};
   height: ${a.sp4};

package/dist/assets/{NoDataChart-DLfKZ9J--1T9pg2HM.js → NoDataChart-CvGbQO4j-B5z4vqWb.js}

@@ -1,4 +1,4 @@
-import{X as l,j as t,g as r,o as a,q as s,C as m,u as o}from"./index-QTXYT_IZ.js";import{n as i,b as h}from"./vendor-CnQcJ2Lu.js";const v=e=>h.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{fill:"#3E4043",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),h.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#3E4043"})),c=e=>h.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{fill:"#E9ECF0",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),h.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#E9ECF0"})),d={chartMinHeight:new m(288,360)},z=i.div`
+import{X as l,j as t,g as r,o as a,q as s,C as m,u as o}from"./index-DyBH5SZv.js";import{n as i,b as h}from"./vendor-CnQcJ2Lu.js";const v=e=>h.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{fill:"#3E4043",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),h.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#3E4043"})),c=e=>h.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{fill:"#E9ECF0",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),h.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#E9ECF0"})),d={chartMinHeight:new m(288,360)},z=i.div`
   display: flex;
   width: 100%;
   flex-direction: column;

package/dist/assets/{NoDataTable-BRKuhxS0-sx0oHeyw.js → NoDataTable-EKtYZwcL-XyHu2gAL.js}

@@ -1,4 +1,4 @@
-import{j as e,o as t,u as s}from"./index-QTXYT_IZ.js";import{n as i}from"./vendor-CnQcJ2Lu.js";import{r as n,o}from"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";const r=i.div`
+import{j as e,o as t,u as s}from"./index-DyBH5SZv.js";import{n as i}from"./vendor-CnQcJ2Lu.js";import{r as n,o}from"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";const r=i.div`
   display: flex;
   width: 100%;
   padding: ${t.sp8} ${t.sp0} ${t.sp8} ${t.sp0};

package/dist/assets/{NotFoundPage-BD417YGL-rToNH_nB.js → NotFoundPage-D5SHSQLS-0U7pTJ8G.js}

@@ -1,4 +1,4 @@
-import{j as o,M as i,bC as s,c0 as l,q as c,g as a,f as d}from"./index-QTXYT_IZ.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import{i as h}from"./ZeniCopyright-gnzM8wV--B3wiitHw.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const g=t.div`
+import{j as o,M as i,bB as s,c0 as l,q as c,g as a,f as d}from"./index-DyBH5SZv.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import{i as h}from"./ZeniCopyright-DoA2I5zj-CPBH_zf-.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const g=t.div`
   width: 100%;
   height: 100vh;
   position: relative;

package/dist/assets/{NotificationSettingsPage-Mb9ed249-CQss7Tea.js → NotificationSettingsPage-CjJw9Atb-BmSbhipZ.js}

@@ -1,18 +1,18 @@
-import{j as t,fy as ne,o as i,bf as se,M as I,a5 as re,u as X,X as Y,a as le,c3 as ae,l as P,aW as ce,F as de,T as w,a3 as pe,C as T,f3 as me,fz as ue,eB as he,fA as fe,fB as ge,ae as xe,n as S,an as J,w as K,q as Q,f as $e}from"./index-QTXYT_IZ.js";import{n as o,b as E}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const{common:ye}=I.getLocalizedStrings(),U={notePadding:new T(S[3],S[4]),noteGap:new T(S[0],6)},M=(e,n)=>`${e}.${n}`,be=o.div`
+import{j as t,fy as oe,o as i,be as se,M as I,a5 as re,u as W,X,a as le,c3 as ae,l as P,aV as ce,F as de,T as w,a3 as pe,C as T,f3 as me,fz as ue,eB as he,fA as fe,fB as ge,ae as xe,n as S,an as J,w as K,q as Q,f as $e}from"./index-DyBH5SZv.js";import{n,b as E}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const{common:ye}=I.getLocalizedStrings(),U={notePadding:new T(S[3],S[4]),noteGap:new T(S[0],6)},M=(e,o)=>`${e}.${o}`,be=n.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
-`,je=o.div`
+`,je=n.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,we=o(J)`
+`,we=n(J)`
   color: ${e=>e.theme.colors.primary};
-`,Se=o.div`
+`,Se=n.div`
   border-radius: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,ve=o.div`
+`,ve=n.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -25,7 +25,7 @@ import{j as t,fy as ne,o as i,bf as se,M as I,a5 as re,u as X,X as Y,a as le,c3
     border-top-right-radius: ${i.sp2};
     border-top-left-radius: ${i.sp2};
   }
-`,Ie=o.div`
+`,Ie=n.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -37,7 +37,7 @@ import{j as t,fy as ne,o as i,bf as se,M as I,a5 as re,u as X,X as Y,a as le,c3
     border-bottom-right-radius: ${i.sp2};
     border-bottom-left-radius: ${i.sp2};
   }
-`,Ne=o.a`
+`,Ne=n.a`
   color: ${e=>e.theme.colors.hero};
   text-decoration: none;
   cursor: pointer;
@@ -55,16 +55,16 @@ import{j as t,fy as ne,o as i,bf as se,M as I,a5 as re,u as X,X as Y,a as le,c3
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,A=o.div`
+`,A=n.div`
   flex: 1;
-`,q=o(Q)`
+`,q=n(Q)`
   color: ${e=>e.theme.colors.hero};
-`,Ee=o(K)`
+`,Ee=n(K)`
   color: ${e=>e.theme.colors.primary};
   flex: 1;
   width: 120px;
   text-align: center;
-`,ke=o($e)`
+`,ke=n($e)`
   padding: ${e=>`${i.sp1}  ${U.notePadding.valuePx(e.windowSize)}`};
   background: ${e=>e.theme.colors.grey4};
   border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2};
@@ -74,37 +74,37 @@ import{j as t,fy as ne,o as i,bf as se,M as I,a5 as re,u as X,X as Y,a as le,c3
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
   gap: ${e=>U.noteGap.valuePx(e.windowSize)};
-`,Ce=o.div``,Pe=o.span``;function Oe({sectionId:e,monthEndInsightsNotificationLocalData:n,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:f,classList:m,controllersList:x}){const u=X(),c=Y(),{sectionTitle:$,monthEndInsights:l,mode:y}=ye.settings.notifications,h=x[0],O=x.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(be,{children:[t.jsxs(je,{children:[t.jsx(we,{children:$.monthEndInsights}),t.jsx(Ce,{children:t.jsx(Ee,{children:y.email})})]}),t.jsxs(Se,{children:[t.jsxs(ve,{disabled:s.enabled==null,children:[t.jsx(q,{children:l.labels.notifyMe}),t.jsx(he,{defaultChecked:n.notify,checkBoxValue:M(e,"notify"),name:M(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(w,{controller:s.enabled!=null,children:t.jsxs(Ie,{children:[t.jsx(A,{children:t.jsx(q,{children:l.labels.notifyOthers})}),t.jsx(A,{children:t.jsx(fe,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:f,selectedUsers:f.filter(d=>n.recipientEmailIds.includes(d.email)),allNonUsers:[],selectedNonUsers:[]},hideMultiValueOnBlur:!1,valueToSubtitle:d=>{const r=a.findIndex(p=>p.userId===d),b=[];if(r!==-1){const p=a[r],j=ge(p.userRole.userRoles);j.length>0&&b.push(j);const N=m.find(L=>L.classId===p.userRole.accountingClassIDs[0]);return N!=null&&b.push(N.className),b}else return[]},name:M(e,"recipientEmailIds"),placeholderLabel:l.userFieldPlaceholder,customStyleConfig:{valueContainer:(d,{selectProps:r})=>({justifyContent:r.menuIsOpen===!1?"flex-end":"flex-start"}),input:(d,{selectProps:r})=>({display:r.menuIsOpen===!1?"none":"inline-grid"}),control:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),container:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),multiValue:(d,{selectProps:r})=>({outline:r.menuIsOpen===!1?"unset":`1px solid ${u.colors.primary}`})}})})]})}),t.jsx(w,{controller:s.enabled==null,children:t.jsxs(ke,{windowSize:c,children:[l.stopReceivingEmailsText,h?t.jsxs(Ne,{href:`mailto:${h.email}?cc=${O}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Pe,{children:`${h.firstName} ${h.lastName}`}),t.jsx(xe,{className:"arrowIcon"})]}):null]})})]})]})}const D=(e,n,s)=>`${e}.${n}.${s}`,Le=o.div`
+`,Ce=n.div``,Pe=n.span``;function Oe({sectionId:e,monthEndInsightsNotificationLocalData:o,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:f,classList:m,controllersList:x}){const u=W(),c=X(),{sectionTitle:$,monthEndInsights:l,mode:y}=ye.settings.notifications,h=x[0],O=x.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(be,{children:[t.jsxs(je,{children:[t.jsx(we,{children:$.monthEndInsights}),t.jsx(Ce,{children:t.jsx(Ee,{children:y.email})})]}),t.jsxs(Se,{children:[t.jsxs(ve,{disabled:s.enabled==null,children:[t.jsx(q,{children:l.labels.notifyMe}),t.jsx(he,{defaultChecked:o.notify,checkBoxValue:M(e,"notify"),name:M(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(w,{controller:s.enabled!=null,children:t.jsxs(Ie,{children:[t.jsx(A,{children:t.jsx(q,{children:l.labels.notifyOthers})}),t.jsx(A,{children:t.jsx(fe,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:f,selectedUsers:f.filter(d=>o.recipientEmailIds.includes(d.email)),allNonUsers:[],selectedNonUsers:[]},hideMultiValueOnBlur:!1,valueToSubtitle:d=>{const r=a.findIndex(p=>p.userId===d),b=[];if(r!==-1){const p=a[r],j=ge(p.userRole.userRoles);j.length>0&&b.push(j);const N=m.find(L=>L.classId===p.userRole.accountingClassIDs[0]);return N!=null&&b.push(N.className),b}else return[]},name:M(e,"recipientEmailIds"),placeholderLabel:l.userFieldPlaceholder,customStyleConfig:{valueContainer:(d,{selectProps:r})=>({justifyContent:r.menuIsOpen===!1?"flex-end":"flex-start"}),input:(d,{selectProps:r})=>({display:r.menuIsOpen===!1?"none":"inline-grid"}),control:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),container:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),multiValue:(d,{selectProps:r})=>({outline:r.menuIsOpen===!1?"unset":`1px solid ${u.colors.primary}`})}})})]})}),t.jsx(w,{controller:s.enabled==null,children:t.jsxs(ke,{windowSize:c,children:[l.stopReceivingEmailsText,h?t.jsxs(Ne,{href:`mailto:${h.email}?cc=${O}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Pe,{children:`${h.firstName} ${h.lastName}`}),t.jsx(xe,{className:"arrowIcon"})]}):null]})})]})]})}const D=(e,o,s)=>`${e}.${o}.${s}`,Le=n.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
-`,Re=o.div`
+`,Re=n.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,Me=o(J)`
+`,Me=n(J)`
   color: ${e=>e.theme.colors.primary};
-`,F=o.div`
+`,F=n.div`
   display: flex;
-`,V=o(K)`
+`,V=n(K)`
   color: ${e=>e.theme.colors.primary};
   flex: 1;
   width: 120px;
   text-align: center;
-`,ze=o.div`
+`,ze=n.div`
   width: 120px;
   display: flex;
-`,Te=o.div`
+`,Te=n.div`
   width: 120px;
   display: flex;
   padding-right: 12px;
-`,Be=o(Q)`
+`,Be=n(Q)`
   color: ${e=>e.theme.colors.hero};
-`,Ue=o.div`
+`,Ue=n.div`
   border-radius: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Ae=o.div`
+`,Ae=n.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -118,14 +118,14 @@ import{j as t,fy as ne,o as i,bf as se,M as I,a5 as re,u as X,X as Y,a as le,c3
     border-bottom-left-radius: ${e=>e.lastElement===!0?i.sp2:i.sp0};
     border-bottom-right-radius: ${e=>e.lastElement===!0?i.sp2:i.sp0};
   }
-`;function qe({sectionId:e,remindersLocalData:n,reminderNotificationSettings:s}){const{texts:a,settings:f}=I.getLocalizedStrings().common,{notifications:m}=f,x=P.NOTIFICATION_MODES.slice(0,1),u=P.REMINDER_NOTIFICATION_TYPES.filter(c=>s[c]!=null);return t.jsxs(Le,{children:[t.jsxs(Re,{children:[t.jsx(Me,{children:m.sectionTitle.reminders}),t.jsxs(F,{children:[t.jsx(V,{children:a.frequency}),t.jsx(V,{children:m.mode.email})]})]}),t.jsx(Ue,{children:u.map((c,$)=>t.jsxs(Ae,{firstElement:$===0,lastElement:$===u.length-1,children:[t.jsx(Be,{children:m.reminders[c]}),t.jsxs(F,{children:[t.jsx(Te,{children:t.jsx(me,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:n[c].frequency},name:D(e,c,"frequency")})}),t.jsx(ze,{children:t.jsx(ue,{mode:"always_on",checkBoxes:x.map(l=>({label:"",value:l,defaultChecked:n[c].preferredMode.includes(l),groupLabel:!1})),name:D(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const z={contentPadding:new T(S[3],S[8])},g="reminders",v="monthEndInsights",_="notificationSettingsPage",G=e=>`${e}_form`,{settings:Z,reloadPage:De}=I.getLocalizedStrings().common,Fe=e=>{const n=X(),s=Y(),{notificationSettingsView:a,signedInUser:f,onFormDataChange:m,resetUpdateStatus:x,onSave:u,onCancel:c,onClickMenuIcon:$}=e,{notificationSettingsLocalData:l,allUsers:y,notificationSettings:h,classList:O,managersList:d,updateStatus:r,controllersList:b}=a,p=le({defaultValues:W(l,y)}),j=E.useCallback(R=>{m(Xe(R))},[m]),N=p.handleSubmit(()=>{u()}),L=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(W(l,y)),x())},[l,a.updateStatus.fetchState,y]),E.useEffect(()=>{const R=p.watch((B,{name:oe})=>{oe!=null&&B!=null&&ae(()=>j(B))});return()=>{R.unsubscribe()}},[p,j]);const ee=Object.keys(p.formState.dirtyFields).length>0,te=f.userEmail!=null?P.isMonthEndNotificationsSectionVisibleOnSettingsPage(h.monthEndInsightsNotificationSettings,f.userEmail):!1,ie=P.isRemindersSectionVisibleOnSettingsPage(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(Ve,{children:[t.jsx(ce,{source:"NotificationSettingsPage",title:Z.title.notifications,backgroundColor:n.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:$}),t.jsx(_e,{windowSize:s,children:t.jsx(de,{...p,children:t.jsx("form",{id:G(_),onSubmit:N,children:t.jsxs(Ge,{children:[t.jsx(w,{controller:ie,children:t.jsx(qe,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:g})}),t.jsx(w,{controller:te,children:t.jsx(Oe,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:v,allUsers:y,classList:O,managersList:d,controllersList:b})})]})})})})]}),t.jsx(w,{controller:ee,children:t.jsx(pe,{style:{width:"100%"},formId:G(_),primaryBtn:{label:I.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:I.getLocalizedStrings().common.footer.cancel,onClick:L,style:{width:"82px"}}})})]})};function nt(e){const{notificationSettingsView:n,onRefresh:s}=e,{fetchState:a}=n;return a==="Not-Started"||a==="In-Progress"?t.jsx(H,{children:t.jsx(ne,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(H,{children:[t.jsx(He,{onClick:s,children:t.jsx(se,{})}),t.jsx(We,{children:De.label})]}):t.jsx(Fe,{...e})}const Ve=o.div`
+`;function qe({sectionId:e,remindersLocalData:o,reminderNotificationSettings:s}){const{texts:a,settings:f}=I.getLocalizedStrings().common,{notifications:m}=f,x=P.NOTIFICATION_MODES.slice(0,1),u=P.REMINDER_NOTIFICATION_TYPES.filter(c=>s[c]!=null);return t.jsxs(Le,{children:[t.jsxs(Re,{children:[t.jsx(Me,{children:m.sectionTitle.reminders}),t.jsxs(F,{children:[t.jsx(V,{children:a.frequency}),t.jsx(V,{children:m.mode.email})]})]}),t.jsx(Ue,{children:u.map((c,$)=>t.jsxs(Ae,{firstElement:$===0,lastElement:$===u.length-1,children:[t.jsx(Be,{children:m.reminders[c]}),t.jsxs(F,{children:[t.jsx(Te,{children:t.jsx(me,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:o[c].frequency},name:D(e,c,"frequency")})}),t.jsx(ze,{children:t.jsx(ue,{mode:"always_on",checkBoxes:x.map(l=>({label:"",value:l,defaultChecked:o[c].preferredMode.includes(l),groupLabel:!1})),name:D(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const z={contentPadding:new T(S[3],S[8])},g="reminders",v="monthEndInsights",_="notificationSettingsPage",G=e=>`${e}_form`,{settings:Z,reloadPage:De}=I.getLocalizedStrings().common,Fe=e=>{const o=W(),s=X(),{notificationSettingsView:a,signedInUser:f,onFormDataChange:m,resetUpdateStatus:x,onSave:u,onCancel:c,onClickMenuIcon:$}=e,{notificationSettingsLocalData:l,allUsers:y,notificationSettings:h,classList:O,managersList:d,updateStatus:r,controllersList:b}=a,p=le({defaultValues:Y(l,y)}),j=E.useCallback(R=>{m(We(R))},[m]),N=p.handleSubmit(()=>{u()}),L=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(Y(l,y)),x())},[l,a.updateStatus.fetchState,y]),E.useEffect(()=>{const R=p.watch((B,{name:ne})=>{ne!=null&&B!=null&&ae(()=>j(B))});return()=>{R.unsubscribe()}},[p,j]);const ee=Object.keys(p.formState.dirtyFields).length>0,te=f.userEmail!=null?P.isMonthEndNotificationsSectionVisibleOnSettingsPage(h.monthEndInsightsNotificationSettings,f.userEmail):!1,ie=P.isRemindersSectionVisibleOnSettingsPage(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(Ve,{children:[t.jsx(ce,{source:"NotificationSettingsPage",title:Z.title.notifications,backgroundColor:o.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:$}),t.jsx(_e,{windowSize:s,children:t.jsx(de,{...p,children:t.jsx("form",{id:G(_),onSubmit:N,children:t.jsxs(Ge,{children:[t.jsx(w,{controller:ie,children:t.jsx(qe,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:g})}),t.jsx(w,{controller:te,children:t.jsx(Oe,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:v,allUsers:y,classList:O,managersList:d,controllersList:b})})]})})})})]}),t.jsx(w,{controller:ee,children:t.jsx(pe,{style:{width:"100%"},formId:G(_),primaryBtn:{label:I.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:I.getLocalizedStrings().common.footer.cancel,onClick:L,style:{width:"82px"}}})})]})};function ot(e){const{notificationSettingsView:o,onRefresh:s}=e,{fetchState:a}=o;return a==="Not-Started"||a==="In-Progress"?t.jsx(H,{children:t.jsx(oe,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(H,{children:[t.jsx(He,{onClick:s,children:t.jsx(se,{})}),t.jsx(Ye,{children:De.label})]}):t.jsx(Fe,{...e})}const Ve=n.div`
   display: flex;
   width: 100%;
   min-height: 100vh;
   flex-direction: column;
   row-gap: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,H=o.div`
+`,H=n.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -134,15 +134,15 @@ import{j as t,fy as ne,o as i,bf as se,M as I,a5 as re,u as X,X as Y,a as le,c3
   align-items: center;
   row-gap: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,_e=o.div`
+`,_e=n.div`
   padding-left: ${e=>z.contentPadding.valuePx(e.windowSize)};
   padding-right: ${e=>z.contentPadding.valuePx(e.windowSize)};
   padding-bottom: ${e=>z.contentPadding.valuePx(e.windowSize)};
-`,Ge=o.div`
+`,Ge=n.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp8};
-`,He=o.div`
+`,He=n.div`
   height: 96px;
   width: 96px;
   background: ${e=>e.theme.colors.background};
@@ -157,7 +157,7 @@ import{j as t,fy as ne,o as i,bf as se,M as I,a5 as re,u as X,X as Y,a as le,c3
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,We=o(re)`
+`,Ye=n(re)`
   margin-top: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`;function k(e){const n=Z.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:n}}}function W(e,n){return{[g]:{missingReceiptNotification:k(e.reminders.missingReceiptNotification),uncategorizedTransactionNotification:k(e.reminders.uncategorizedTransactionNotification),pendingBillApprovalNotification:k(e.reminders.pendingBillApprovalNotification),pendingReimbursementApprovalNotification:k(e.reminders.pendingReimbursementApprovalNotification)},[v]:{notify:e.monthEndInsights.notify,recipientEmailIds:{allNonUsers:[],selectedNonUsers:[],allUsers:n,selectedUsers:n.filter(s=>e.monthEndInsights.recipientEmailIds.includes(s.email))}}}}function C(e){return{preferredMode:e.preferredMode,frequency:e.frequency.selectedOption}}function Xe(e){return{[g]:{missingReceiptNotification:C(e[g].missingReceiptNotification),uncategorizedTransactionNotification:C(e[g].uncategorizedTransactionNotification),pendingBillApprovalNotification:C(e[g].pendingBillApprovalNotification),pendingReimbursementApprovalNotification:C(e[g].pendingReimbursementApprovalNotification)},[v]:{...e[v],recipientEmailIds:e[v].recipientEmailIds.selectedUsers.map(n=>n.email)}}}export{nt as default,G as uniqueName};
+`;function k(e){const o=Z.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:o}}}function Y(e,o){return{[g]:{missingReceiptNotification:k(e.reminders.missingReceiptNotification),uncategorizedTransactionNotification:k(e.reminders.uncategorizedTransactionNotification),pendingBillApprovalNotification:k(e.reminders.pendingBillApprovalNotification),pendingReimbursementApprovalNotification:k(e.reminders.pendingReimbursementApprovalNotification)},[v]:{notify:e.monthEndInsights.notify,recipientEmailIds:{allNonUsers:[],selectedNonUsers:[],allUsers:o,selectedUsers:o.filter(s=>e.monthEndInsights.recipientEmailIds.includes(s.email))}}}}function C(e){return{preferredMode:e.preferredMode,frequency:e.frequency.selectedOption}}function We(e){return{[g]:{missingReceiptNotification:C(e[g].missingReceiptNotification),uncategorizedTransactionNotification:C(e[g].uncategorizedTransactionNotification),pendingBillApprovalNotification:C(e[g].pendingBillApprovalNotification),pendingReimbursementApprovalNotification:C(e[g].pendingReimbursementApprovalNotification)},[v]:{...e[v],recipientEmailIds:e[v].recipientEmailIds.selectedUsers.map(o=>o.email)}}}export{ot as default,G as uniqueName};

package/dist/assets/{NotificationsListConfig-CISUs4yA-Up6zrNe0.js → NotificationsListConfig-BL_MxKXF-CvqrsVs-.js}

@@ -1 +1 @@
-import{v as e,n as a}from"./index-QTXYT_IZ.js";const r=a[5],n=59,o=a[5],i=e.standardRegular.lineHeightValue,l=1,s=1e3;export{i as A,o as E,l as I,s as L,n as a,r as t};
+import{v as e,n as a}from"./index-DyBH5SZv.js";const r=a[5],n=59,o=a[5],i=e.standardRegular.lineHeightValue,l=1,s=1e3;export{i as A,o as E,l as I,s as L,n as a,r as t};

package/dist/assets/{NotificationsPage-WTGOES7C-D5gXR2ud.js → NotificationsPage-bGvx2yV6-C4p8pfzZ.js}

@@ -1,4 +1,4 @@
-import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aW as Kt,l as g,F as Qt,a3 as ei,o as i,T as we,gm as ti,C as R,hu as ii,v as Ne,d as oi,z as et,bL as tt,ai as it,di as ot,bT as st,jd as at,n as w,K as si,je as ai,dg as ce,ad as ri,Q as ni,h as rt,g as S,w as li,bg as z,cg as ue,fz as he,jf as pe,t as nt,d2 as lt,dq as V,cZ as dt,fI as di,q as Q,hI as ci,f as H,eY as ui,a7 as ye,ao as fe,jg as hi,bd as ct,jh as Ie,aP as pi}from"./index-QTXYT_IZ.js";import{b as x,n as r,j as O}from"./vendor-CnQcJ2Lu.js";import{k as fi}from"./SubTabSwitcher-mCKmnU9--jUtM0Bft.js";import{d as ut}from"./useLongPress-GCK2COYQ-gxLtL5O4.js";import{A as ht,t as pt,a as ft,E as mt,L as gt,I as xt}from"./NotificationsListConfig-CISUs4yA-Up6zrNe0.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";function mi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:u}){const h=v(),f=K(),m=x.useCallback(b=>{d(b.id)},[d]),p=x.useCallback(b=>{u(b.id)},[u]);return e.length===0?null:t.jsxs(gi,{windowSize:h,children:[t.jsx(ii,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${f.colors.grey3}`},onTabChange:m}),t.jsx(fi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:p})]})}const gi=r.div`
+import{u as K,X as v,a as Zt,M as P,c3 as Xt,j as t,aV as Kt,l as g,F as Qt,a3 as ei,o as i,T as we,gm as ti,C as R,hu as ii,v as Ne,c as oi,z as et,bL as tt,ai as it,di as ot,bT as st,jd as at,n as w,K as si,je as ai,dg as ce,ad as ri,Q as ni,h as rt,g as S,w as li,bf as z,cg as ue,fz as he,jf as pe,t as nt,d2 as lt,dq as V,cZ as dt,fI as di,q as Q,hI as ci,f as H,eY as ui,a7 as ye,ao as fe,jg as hi,bc as ct,jh as Ie,aP as pi}from"./index-DyBH5SZv.js";import{b as x,n as r,j as O}from"./vendor-CnQcJ2Lu.js";import{k as fi}from"./SubTabSwitcher-a38_U4dN-BfyQ4BdY.js";import{d as ut}from"./useLongPress-GCK2COYQ-gxLtL5O4.js";import{A as ht,t as pt,a as ft,E as mt,L as gt,I as xt}from"./NotificationsListConfig-BL_MxKXF-CvqrsVs-.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";function mi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:u}){const h=v(),f=K(),m=x.useCallback(b=>{d(b.id)},[d]),p=x.useCallback(b=>{u(b.id)},[u]);return e.length===0?null:t.jsxs(gi,{windowSize:h,children:[t.jsx(ii,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${f.colors.grey3}`},onTabChange:m}),t.jsx(fi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:p})]})}const gi=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;

package/dist/assets/{OpExByVendorPage-D4Ur1QRV-CtpvGOvR.js → OpExByVendorPage-BE_NnQzd-DQnxoqWx.js}

@@ -1,4 +1,4 @@
-import{X as H,ht as be,M as B,u as q,z as xe,j as t,Y as _e,bf as Se,hs as ke,aY as we,aW as ve,hu as Be,hv as Oe,o as u,a5 as $e,d as Pe,C as F,ai as le,H as ie,a7 as je,n as O,a$ as Te,bE as De,bF as Ne,bG as Ee,g as a,q as ce,bc as Ie,b7 as Me,au as Ae,v as Z,at as Le,aa as Fe,b8 as Ve,ba as ze,l as Re}from"./index-QTXYT_IZ.js";import{b,n as m,f as We}from"./vendor-CnQcJ2Lu.js";import{p as Ke,d as Ye,y as G,b as de,u as ee}from"./chartTypes-BTdgphvt-COUgSR4v.js";import{V as Ge}from"./toChartData-CiTmOVzN-DBayRNk7.js";import{m as V}from"./analyticsHelper-Cdzg4Zjw-BD3QBCs9.js";import{p as He}from"./TimeRangeSwitcher-DIszv8B4-D-1vIZUO.js";import{M as qe}from"./TimeframeSwitcherWithToggle-DqvG5zv2-DqYusAPI.js";import{C as Je}from"./NoDataChart-DLfKZ9J--1T9pg2HM.js";import{d as Ue}from"./NoDataTable-BRKuhxS0-sx0oHeyw.js";import{H as Xe,k as oe}from"./detailCommon-SwpJm2mb--HDCa1ev.js";import{n as z}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Qe,W as J}from"./CollapsableReportTable-CKu2AawV-BR9Jh8-F.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-DcljRs6K-orb0-qTl.js";import{d as re}from"./mapLoadingInProgressToTreeNode-C8MSAhen-AfMjxweq.js";import{l as Ze}from"./mapSpacerToTreeNode-BBfTCdRQ-bgZlN15f.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-C8tn7HgF-Db6tSjO9.js";import"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";import"./AccountRow-BUDNnxLp-lnjPiXai.js";const eo=m.div`
+import{X as H,ht as ye,M as B,u as q,z as be,j as t,Y as _e,be as Se,hs as ke,aX as we,aV as ve,hu as Be,hv as Oe,o as u,a5 as Pe,c as je,C as F,ai as le,H as ie,a7 as $e,n as O,a_ as Te,bE as De,bF as Ne,bG as Ee,g as a,q as ce,bb as Ie,b6 as Me,au as Ae,v as Z,at as Le,aa as Fe,b7 as Ve,b9 as ze,l as Re}from"./index-DyBH5SZv.js";import{b as y,n as m,f as We}from"./vendor-CnQcJ2Lu.js";import{p as Ke,d as Ye,y as G,b as de,u as ee}from"./chartTypes-qpvW4LwC-4Ag0mdD1.js";import{V as Ge}from"./toChartData-Dkp488IJ-Cg1gF7al.js";import{m as V}from"./analyticsHelper-DPbbQVAO-ChPUlKK7.js";import{p as He}from"./TimeRangeSwitcher-C4mpBnQl-CaG6dXuN.js";import{M as qe}from"./TimeframeSwitcherWithToggle-Bc-Y5Hwv-0uMnBILy.js";import{C as Xe}from"./NoDataChart-CvGbQO4j-B5z4vqWb.js";import{d as Je}from"./NoDataTable-EKtYZwcL-XyHu2gAL.js";import{H as Ue,k as oe}from"./detailCommon-jP1ggD3g-CQiTz4E7.js";import{n as z}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Qe,W as X}from"./CollapsableReportTable-BBGdC6Ii-N5Ehkf8R.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-BnpqSOA6-DAD3sG8g.js";import{d as re}from"./mapLoadingInProgressToTreeNode-CjvJKOzk-DeuVFxVw.js";import{l as Ze}from"./mapSpacerToTreeNode-COsnfFtf-DI0OXEqQ.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-CnLEHYWD-BW9vKcLS.js";import"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";import"./AccountRow-CP7Tu1pO-VLQJgkE6.js";const eo=m.div`
   display: flex;
 `,oo=m.div`
   flex: display;
@@ -22,10 +22,10 @@ import{X as H,ht as be,M as B,u as q,z as xe,j as t,Y as _e,bf as Se,hs as ke,aY
   width: 100%;
   height: 1px;
   background-color: ${a.neutralGrey3Dark};
-`,ao=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const l=r.filter(y=>y.name==o)[0],i=l.payload,h=l.color,n={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:h,total:p,timeframeTick:i.timeLabel})}return s},to=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(eo,{children:t.jsxs(oo,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ro,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),no=e=>{const r=ao({...e});return r.length===0?null:t.jsx(to,{barLabelsWithValues:r,getVendorName:e.getVendorName})},so=We.memo(no),se=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class N{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new N;getBarColor(r){const o=N.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=N.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!ie(s,r)}static init(){return this.#e=new N,this.#e}static instance(){return this.#e}}const lo=N.instance(),io=(e,r)=>{const o=new Set,s={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Ke(g,"actual");o.add(c),l==null&&n.balance!=null&&(l=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),l!=null?Ge(e,[...o],l,s):void 0},co=m.div`
+`,ao=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const l=r.filter(C=>C.name==o)[0],i=l.payload,h=l.color,n={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:h,total:p,timeframeTick:i.timeLabel})}return s},to=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(eo,{children:t.jsxs(oo,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ro,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),no=e=>{const r=ao({...e});return r.length===0?null:t.jsx(to,{barLabelsWithValues:r,getVendorName:e.getVendorName})},so=We.memo(no),se=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class N{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new N;getBarColor(r){const o=N.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=N.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!ie(s,r)}static init(){return this.#e=new N,this.#e}static instance(){return this.#e}}const lo=N.instance(),io=(e,r)=>{const o=new Set,s={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Ke(g,"actual");o.add(c),l==null&&n.balance!=null&&(l=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),l!=null?Ge(e,[...o],l,s):void 0},co=m.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`;function po({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=b.useRef(!1),h=lo,[n,p]=b.useState(void 0);b.useEffect(()=>{i.current=!0},[]);const g=io(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(x=>{const S=l===!0&&!i.current;d.push(y(x,S))}),d},y=(d,x)=>t.jsx(ze,{name:d,animationDuration:x?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),_=({active:d,payload:x})=>x?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(so,{active:d,payload:x,barName:n,getVendorName:f}):null,f=(d,x)=>{const S=Re.getOpexVendorTimeframeKey(d);try{const v=x.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(ho,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const ho=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=Ye(e),g=i!==!1,c=h?(s-60)/G.operating_expenses_by_vendor*(G.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(co,{width:s,height:l,children:t.jsx(le,{children:({height:y,width:_})=>t.jsxs(Ie,{width:_,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?O[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Me,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Ae,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Le,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Fe("0,0.[00]a",f,p)}),t.jsx(Ve,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(_-120)/G.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function mo(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function go(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function uo(e){const r=go(e);if(r!=null)return fo(e.statementEndPoint,e.authParams,r)}async function fo(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(mo(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ne(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ee(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function yo({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function Co({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",h=e.classBase?.className??"-",n=J("vendor_row",[],o+i+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function bo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const xo=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=pe({balances:i,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((y,_)=>{n.push(re({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=bo({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const y=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>Co({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&y==null,config:o}));n.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(Ze({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(yo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function _o(e,r,o,s=!0){Object.assign(e.config,r);const l=So(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const So=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new F(288,360),wrapperPadding:new F(O[3],O[3],O[8]),contentPaddingLeft:new F(O[0],O[0],O[0]),contentPaddingRight:new F(O[3],O[3],O[8])},ko=m.div`
+`;function po({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=y.useRef(!1),h=lo,[n,p]=y.useState(void 0);y.useEffect(()=>{i.current=!0},[]);const g=io(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(b=>{const S=l===!0&&!i.current;d.push(C(b,S))}),d},C=(d,b)=>t.jsx(ze,{name:d,animationDuration:b?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),_=({active:d,payload:b})=>b?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(so,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=Re.getOpexVendorTimeframeKey(d);try{const v=b.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(ho,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const ho=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=Ye(e),g=i!==!1,c=h?(s-60)/G.operating_expenses_by_vendor*(G.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(co,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Ie,{width:_,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?O[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Me,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Ae,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Le,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Fe("0,0.[00]a",f,p)}),t.jsx(Ve,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(_-120)/G.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function mo(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function go(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function uo(e){const r=go(e);if(r!=null)return fo(e.statementEndPoint,e.authParams,r)}async function fo(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(mo(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ne(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ee(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function Co({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??X("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function xo({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",h=e.classBase?.className??"-",n=X("vendor_row",[],o+i+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function yo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??X("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const bo=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=pe({balances:i,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((C,_)=>{n.push(re({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=yo({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const C=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>xo({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&C==null,config:o}));n.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(Ze({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(Co({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function _o(e,r,o,s=!0){Object.assign(e.config,r);const l=So(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const So=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new F(288,360),wrapperPadding:new F(O[3],O[3],O[8]),contentPaddingLeft:new F(O[0],O[0],O[0]),contentPaddingRight:new F(O[3],O[3],O[8])},ko=m.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -70,13 +70,13 @@ import{X as H,ht as be,M as B,u as q,z as xe,j as t,Y as _e,bf as Se,hs as ke,aY
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,$o=m($e)`
+`,Po=m(Pe)`
   margin-top: ${u.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Po=m.div`
+`,jo=m.div`
   display: flex;
   padding: ${u.sp2} ${u.sp0} ${u.sp4} ${u.sp0};
-`,jo=m.div``,To=m.div``,Do=m.div`
+`,$o=m.div``,To=m.div``,Do=m.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -97,4 +97,4 @@ import{X as H,ht as be,M as B,u as q,z as xe,j as t,Y as _e,bf as Se,hs as ke,aY
 `,Mo=m.div`
   width: 100%;
   height: calc(100vh - ${u.sp11});
-`,Ao=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(vo,{children:t.jsx(Pe,{size:"ExtraLarge",start:!0})}):null,mr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:x,updateDownloadStateHandler:S,onClearSearch:v,analytics:$,onClickMenuIcon:R})=>{const[j,I]=b.useState(o.searchString[o.timeframe]),[M,A]=b.useState(!1),k=H(),T=b.useRef(null),W=be(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,U=B.getLocalizedStrings().vendors,X=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:P}=o,D=o.searchString[P],fe=b.useCallback(w=>{n(P,D,w)},[P,D,n]),ye=b.useCallback((w,C)=>{window.scrollTo({top:T.current?.offsetTop,behavior:"smooth"}),w.length>0?(y(!0),n(C,w,!1)):(y(!1),v(C))},[v,n,y]),Q=b.useRef(xe((w,C)=>ye(w,C),500,{trailing:!0})).current,Ce=(w,C)=>{c(w,C,P),y(!0),n(P,D,!1)};if(b.useEffect(()=>{async function w(){await uo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[P],...s}),$?.trackDownload(z("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}M&&o.downloadState!=="In-Progress"&&(A(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,M]),b.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs(Bo,{children:[t.jsx(Oo,{"data-testid":_e("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx($o,{children:me.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Ao,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const w=t.jsxs(t.Fragment,{children:[t.jsx(ke,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:U.common.searchPlaceholder,searchText:j??"",onSearchTextChanged:C=>{I(C),C.trim().length>=2?Q(C,P):C.trim().length==0&&Q("",P)},downloadPresent:!0}),t.jsx(we,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async C=>{if(C==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else A(!0)}}}})]});return t.jsxs(ko,{windowSize:k,children:[t.jsx(ve,{title:U.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:X.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:R,source:"OpExByVendorPage"}),t.jsxs(wo,{windowSize:k,children:[he?t.jsx(Be,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${X.colors.grey3}`},onTabChange:C=>l(Oe(C.id)),previousTabPosition:d,setPreviousTabPosition:x}):null,t.jsx(Lo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:$}),Y!=null?t.jsx(Eo,{children:t.jsx(Xe,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Fo,{report:e,isEmptyPeriod:K})]}),t.jsx(Vo,{reference:T,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:Ce,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:$})]})}return t.jsx(t.Fragment,{})},Lo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(To,{children:t.jsxs(jo,{children:[t.jsx(Po,{children:t.jsx(qe,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),z("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&i(c),n==="compare_mode"&&!p&&h(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,z("operating_expenses_by_vendor"),V(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(He,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Fo=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(No,{children:t.jsx(Je,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(Do,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(po,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Vo=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const y=r.mode==="compare_mode",_=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",z("operating_expenses_by_vendor"),V(r.timeframe),"dropdown"),l(y,[k==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,x]=b.useState(void 0),[S,v]=b.useState(void 0),$=H(),R=q(),j=!($==="small"||$==="medium-compact");b.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:Te(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:n}};if(d==null||!ie(S,e)){const T=xo(e,r,k,j);v(e),x(T)}else{const T=_o(d,k,e,j);x(T)}},[r.mode,e]);const I=k=>k<e.opexBalances.length,M=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},A=e.opexBalances.length;return t.jsx(Io,{windowSize:$,ref:s,children:o?t.jsx(Ue,{}):d!=null?t.jsx(Mo,{children:t.jsx(Qe,{backgroundColor:new je(R.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:j,isStickyName:j},treeNodePadding:{left:E.contentPaddingLeft.value($),right:E.contentPaddingRight.value($)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:I,itemCount:A,loadMoreItems:M}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:l}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{mr as default};
+`,Ao=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(vo,{children:t.jsx(je,{size:"ExtraLarge",start:!0})}):null,mr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:C,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:b,updateDownloadStateHandler:S,onClearSearch:v,analytics:P,onClickMenuIcon:R})=>{const[$,I]=y.useState(o.searchString[o.timeframe]),[M,A]=y.useState(!1),k=H(),T=y.useRef(null),W=ye(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,J=B.getLocalizedStrings().vendors,U=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:j}=o,D=o.searchString[j],fe=y.useCallback(w=>{n(j,D,w)},[j,D,n]),Ce=y.useCallback((w,x)=>{window.scrollTo({top:T.current?.offsetTop,behavior:"smooth"}),w.length>0?(C(!0),n(x,w,!1)):(C(!1),v(x))},[v,n,C]),Q=y.useRef(be((w,x)=>Ce(w,x),500,{trailing:!0})).current,xe=(w,x)=>{c(w,x,j),C(!0),n(j,D,!1)};if(y.useEffect(()=>{async function w(){await uo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[j],...s}),P?.trackDownload(z("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}M&&o.downloadState!=="In-Progress"&&(A(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,M]),y.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs(Bo,{children:[t.jsx(Oo,{"data-testid":_e("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx(Po,{children:me.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Ao,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const w=t.jsxs(t.Fragment,{children:[t.jsx(ke,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:J.common.searchPlaceholder,searchText:$??"",onSearchTextChanged:x=>{I(x),x.trim().length>=2?Q(x,j):x.trim().length==0&&Q("",j)},downloadPresent:!0}),t.jsx(we,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async x=>{if(x==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else A(!0)}}}})]});return t.jsxs(ko,{windowSize:k,children:[t.jsx(ve,{title:J.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:U.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:R,source:"OpExByVendorPage"}),t.jsxs(wo,{windowSize:k,children:[he?t.jsx(Be,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${U.colors.grey3}`},onTabChange:x=>l(Oe(x.id)),previousTabPosition:d,setPreviousTabPosition:b}):null,t.jsx(Lo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:P}),Y!=null?t.jsx(Eo,{children:t.jsx(Ue,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Fo,{report:e,isEmptyPeriod:K})]}),t.jsx(Vo,{reference:T,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:xe,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:P})]})}return t.jsx(t.Fragment,{})},Lo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(To,{children:t.jsxs($o,{children:[t.jsx(jo,{children:t.jsx(qe,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),z("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&i(c),n==="compare_mode"&&!p&&h(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,z("operating_expenses_by_vendor"),V(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(He,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Fo=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(No,{children:t.jsx(Xe,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(Do,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(po,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Vo=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const C=r.mode==="compare_mode",_=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",z("operating_expenses_by_vendor"),V(r.timeframe),"dropdown"),l(C,[k==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,b]=y.useState(void 0),[S,v]=y.useState(void 0),P=H(),R=q(),$=!(P==="small"||P==="medium-compact");y.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:Te(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:n}};if(d==null||!ie(S,e)){const T=bo(e,r,k,$);v(e),b(T)}else{const T=_o(d,k,e,$);b(T)}},[r.mode,e]);const I=k=>k<e.opexBalances.length,M=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},A=e.opexBalances.length;return t.jsx(Io,{windowSize:P,ref:s,children:o?t.jsx(Je,{}):d!=null?t.jsx(Mo,{children:t.jsx(Qe,{backgroundColor:new $e(R.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:$,isStickyName:$},treeNodePadding:{left:E.contentPaddingLeft.value(P),right:E.contentPaddingRight.value(P)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:I,itemCount:A,loadMoreItems:M}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:l}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{mr as default};

package/dist/assets/{OverlayContainerPage-C0rUb6-5-DLDjA1WL.js → OverlayContainerPage-GWXnlbZH-D2VSw_RI.js}

@@ -1,4 +1,4 @@
-import{u as i,j as r}from"./index-QTXYT_IZ.js";import{n}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const p=n.div`
+import{u as i,j as r}from"./index-DyBH5SZv.js";import{n}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const p=n.div`
   display: ${({isOpen:o})=>o?"block":"none"};
   position: fixed;
   top: 0;