@zeniai/web-cockpit-ui 1.14.82-qa → 1.14.83-dev

package/dist/assets/NotificationSettingsPage-rUpktNmE-NwNovwAO.js

@@ -1,163 +0,0 @@
-import{V as t,g0 as oe,o as i,bL as ne,F as v,aQ as se,e as W,q as Y,a8 as re,cB as le,bz as ae,ab as ce,a9 as w,aO as de,y as M,fx as pe,g1 as me,eH as ue,g2 as he,g3 as ge,aZ as fe,u as S,b7 as K,ag as Q,ak as Z,al as xe}from"./index-BsBAi_Kg.js";import{a as E}from"./core-3dlyNYRL.js";import{n as o}from"./mui-bYXq4XMS.js";import{fD as $e,fE as be,fF as ye,fG as je}from"./zeni-epic-state-LPACxnXP.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const{common:we}=v.getLocalizedStrings(),U={notePadding:new M(S[3],S[4]),noteGap:new M(S[0],6)},R=(e,n)=>`${e}.${n}`,Se=o.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${i.sp3};
-`,Ie=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,ve=o(K)`
-  color: ${e=>e.theme.colors.primary};
-`,Ne=o.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}`};
-`,Ee=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-  padding: ${i.sp3} ${i.sp7} ${i.sp3} ${i.sp4};
-  pointer-events: ${e=>e.disabled?"none":"all"};
-  background-color: ${e=>e.theme.colors.grey5};
-  &:hover {
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    border-top-right-radius: ${i.sp2};
-    border-top-left-radius: ${i.sp2};
-  }
-`,ke=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: ${e=>e.lastElement===!0?"unset":`1px solid ${e.theme.colors.grey3}`};
-  padding: ${i.sp2} ${i.sp1} ${i.sp2} ${i.sp4};
-  background-color: ${e=>e.theme.colors.grey5};
-  &:hover {
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    border-bottom-right-radius: ${i.sp2};
-    border-bottom-left-radius: ${i.sp2};
-  }
-`,Ce=o.a`
-  color: ${e=>e.theme.colors.hero};
-  text-decoration: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  .arrowIcon {
-    cursor: pointer;
-    height: 12px;
-    width: 12px;
-  }
-  :hover {
-    color: ${e=>e.theme.colors.primary};
-    .arrowIcon {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,B=o.div`
-  flex: 1;
-`,q=o(Z)`
-  color: ${e=>e.theme.colors.hero};
-`,Pe=o(Q)`
-  color: ${e=>e.theme.colors.primary};
-  flex: 1;
-  width: 120px;
-  text-align: center;
-`,Le=o(xe)`
-  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};
-  text-align: left;
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  gap: ${e=>U.noteGap.valuePx(e.windowSize)};
-`,Oe=o.div``,Re=o.span``;function ze({sectionId:e,monthEndInsightsNotificationLocalData:n,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:g,classList:m,controllersList:x}){const u=W(),c=Y(),{sectionTitle:$,monthEndInsights:l,mode:b}=we.settings.notifications,h=x[0],P=x.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(Se,{children:[t.jsxs(Ie,{children:[t.jsx(ve,{children:$.monthEndInsights}),t.jsx(Oe,{children:t.jsx(Pe,{children:b.email})})]}),t.jsxs(Ne,{children:[t.jsxs(Ee,{disabled:s.enabled==null,children:[t.jsx(q,{children:l.labels.notifyMe}),t.jsx(ue,{defaultChecked:n.notify,checkBoxValue:R(e,"notify"),name:R(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(w,{controller:s.enabled!=null,children:t.jsxs(ke,{children:[t.jsx(B,{children:t.jsx(q,{children:l.labels.notifyOthers})}),t.jsx(B,{children:t.jsx(he,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:g,selectedUsers:g.filter(d=>n.recipientEmailIds.includes(d.email)),allNonUsers:[],selectedNonUsers:[]},hideMultiValueOnBlur:!1,valueToSubtitle:d=>{const r=a.findIndex(p=>p.userId===d),y=[];if(r!==-1){const p=a[r],j=ge(p.userRole.userRoles);j.length>0&&y.push(j);const N=m.find(L=>L.classId===p.userRole.accountingClassIDs[0]);return N!=null&&y.push(N.className),y}else return[]},name:R(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(Le,{windowSize:c,children:[l.stopReceivingEmailsText,h?t.jsxs(Ce,{href:`mailto:${h.email}?cc=${P}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Re,{children:`${h.firstName} ${h.lastName}`}),t.jsx(fe,{className:"arrowIcon"})]}):null]})})]})]})}const A=(e,n,s)=>`${e}.${n}.${s}`,Me=o.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${i.sp3};
-`,Te=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,Ue=o(K)`
-  color: ${e=>e.theme.colors.primary};
-`,D=o.div`
-  display: flex;
-`,V=o(Q)`
-  color: ${e=>e.theme.colors.primary};
-  flex: 1;
-  width: 120px;
-  text-align: center;
-`,Be=o.div`
-  width: 120px;
-  display: flex;
-`,qe=o.div`
-  width: 120px;
-  display: flex;
-  padding-right: 12px;
-`,Ae=o(Z)`
-  color: ${e=>e.theme.colors.hero};
-`,De=o.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`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: ${e=>e.lastElement===!0?"unset":`1px solid ${e.theme.colors.grey3}`};
-  background-color: ${e=>e.theme.colors.grey5};
-  padding: ${i.sp2} ${i.sp0} ${i.sp2} ${i.sp4};
-  &:hover {
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    border-top-right-radius: ${e=>e.firstElement===!0?i.sp2:i.sp0};
-    border-top-left-radius: ${e=>e.firstElement===!0?i.sp2:i.sp0};
-    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 Fe({sectionId:e,remindersLocalData:n,reminderNotificationSettings:s}){const{texts:a,settings:g}=v.getLocalizedStrings().common,{notifications:m}=g,x=ye.slice(0,1),u=je.filter(c=>s[c]!=null);return t.jsxs(Me,{children:[t.jsxs(Te,{children:[t.jsx(Ue,{children:m.sectionTitle.reminders}),t.jsxs(D,{children:[t.jsx(V,{children:a.frequency}),t.jsx(V,{children:m.mode.email})]})]}),t.jsx(De,{children:u.map((c,$)=>t.jsxs(Ve,{firstElement:$===0,lastElement:$===u.length-1,children:[t.jsx(Ae,{children:m.reminders[c]}),t.jsxs(D,{children:[t.jsx(qe,{children:t.jsx(pe,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:n[c].frequency},name:A(e,c,"frequency")})}),t.jsx(Be,{children:t.jsx(me,{mode:"always_on",checkBoxes:x.map(l=>({label:"",value:l,defaultChecked:n[c].preferredMode.includes(l),groupLabel:!1})),name:A(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const z={contentPadding:new M(S[3],S[8])},f="reminders",I="monthEndInsights",F="notificationSettingsPage",_=e=>`${e}_form`,{settings:J,reloadPage:_e}=v.getLocalizedStrings().common,Ge=e=>{const n=W(),s=Y(),{notificationSettingsView:a,signedInUser:g,onFormDataChange:m,resetUpdateStatus:x,onSave:u,onCancel:c,onClickMenuIcon:$}=e,{notificationSettingsLocalData:l,allUsers:b,notificationSettings:h,classList:P,managersList:d,updateStatus:r,controllersList:y}=a,p=re({defaultValues:H(l,b)}),j=E.useCallback(O=>{m(Ze(O))},[m]),N=p.handleSubmit(()=>{u()}),L=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(H(l,b)),x())},[l,a.updateStatus.fetchState,b]),E.useEffect(()=>{const O=p.watch((T,{name:ie})=>{ie!=null&&T!=null&&le(()=>j(T))});return()=>{O.unsubscribe()}},[p,j]);const X=Object.keys(p.formState.dirtyFields).length>0,ee=g.userEmail!=null?$e(h.monthEndInsightsNotificationSettings,g.userEmail):!1,te=be(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(He,{children:[t.jsx(ae,{source:"NotificationSettingsPage",title:J.title.notifications,backgroundColor:n.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:$}),t.jsx(We,{windowSize:s,children:t.jsx(ce,{...p,children:t.jsx("form",{id:_(F),onSubmit:N,children:t.jsxs(Ye,{children:[t.jsx(w,{controller:te,children:t.jsx(Fe,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:f})}),t.jsx(w,{controller:ee,children:t.jsx(ze,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:I,allUsers:b,classList:P,managersList:d,controllersList:y})})]})})})})]}),t.jsx(w,{controller:X,children:t.jsx(de,{style:{width:"100%"},formId:_(F),primaryBtn:{label:v.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:v.getLocalizedStrings().common.footer.cancel,onClick:L,style:{width:"82px"}}})})]})};function ct(e){const{notificationSettingsView:n,onRefresh:s}=e,{fetchState:a}=n;return a==="Not-Started"||a==="In-Progress"?t.jsx(G,{children:t.jsx(oe,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(G,{children:[t.jsx(Ke,{onClick:s,children:t.jsx(ne,{})}),t.jsx(Qe,{children:_e.label})]}):t.jsx(Ge,{...e})}const He=o.div`
-  display: flex;
-  width: 100%;
-  min-height: 100vh;
-  flex-direction: column;
-  row-gap: ${i.sp3};
-  background-color: ${e=>e.theme.colors.grey4};
-`,G=o.div`
-  display: flex;
-  height: 100vh;
-  width: 100%;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  row-gap: ${i.sp3};
-  background-color: ${e=>e.theme.colors.grey4};
-`,We=o.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)};
-`,Ye=o.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${i.sp8};
-`,Ke=o.div`
-  height: 96px;
-  width: 96px;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${i.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Qe=o(se)`
-  margin-top: ${i.sp3};
-  color: ${e=>e.theme.colors.hero};
-`;function k(e){const n=J.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:n}}}function H(e,n){return{[f]:{missingReceiptNotification:k(e.reminders.missingReceiptNotification),uncategorizedTransactionNotification:k(e.reminders.uncategorizedTransactionNotification),pendingBillApprovalNotification:k(e.reminders.pendingBillApprovalNotification),pendingReimbursementApprovalNotification:k(e.reminders.pendingReimbursementApprovalNotification)},[I]:{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 Ze(e){return{[f]:{missingReceiptNotification:C(e[f].missingReceiptNotification),uncategorizedTransactionNotification:C(e[f].uncategorizedTransactionNotification),pendingBillApprovalNotification:C(e[f].pendingBillApprovalNotification),pendingReimbursementApprovalNotification:C(e[f].pendingReimbursementApprovalNotification)},[I]:{...e[I],recipientEmailIds:e[I].recipientEmailIds.selectedUsers.map(n=>n.email)}}}export{ct as default,_ as uniqueName};

package/dist/assets/NotificationsListConfig-DxNNUnb--CiwIZV6O.js

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