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

package/dist/assets/NotificationSettingsPage-BhlKl9Ll-DUhiPe-6.js

@@ -1,163 +0,0 @@
-import{j as t,hr as ne,b as i,cz as se,a as N,bq as re,i as J,u as W,a8 as le,dt as ae,cf as ce,aa as de,a9 as v,bC as pe,R as M,gY as me,hs as ue,fZ as he,ht as ge,hu as fe,bz as xe,s as I,bJ as Z,af as K,ah as Q,ai as $e}from"./index-OJbFNHch.js";import{a as k}from"./core-tlHkQPPu.js";import{n as o}from"./mui-kiGMfX4-.js";import{fD as be,fE as ye,fF as Se,fG as je}from"./zeni-epic-state-Bo1aGezX.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const{common:we}=N.getLocalizedStrings(),F={notePadding:new M(I[3],I[4]),noteGap:new M(I[0],6)},z=(e,n)=>`${e}.${n}`,ve=o.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${i.sp3};
-`,Ie=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,Ne=o(Z)`
-  color: ${e=>e.theme.colors.primary};
-`,Ee=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}`};
-`,ke=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};
-  }
-`,Ce=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};
-  }
-`,Re=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};
-    }
-  }
-`,T=o.div`
-  flex: 1;
-`,A=o(Q)`
-  color: ${e=>e.theme.colors.hero};
-`,Pe=o(K)`
-  color: ${e=>e.theme.colors.primary};
-  flex: 1;
-  width: 120px;
-  text-align: center;
-`,Le=o($e)`
-  padding: ${e=>`${i.sp1}  ${F.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=>F.noteGap.valuePx(e.windowSize)};
-`,Oe=o.div``,ze=o.span``;function Be({sectionId:e,monthEndInsightsNotificationLocalData:n,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:f,classList:m,controllersList:$}){const u=J(),c=W(),{sectionTitle:b,monthEndInsights:l,mode:y}=we.settings.notifications,h=$[0],P=$.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(ve,{children:[t.jsxs(Ie,{children:[t.jsx(Ne,{children:b.monthEndInsights}),t.jsx(Oe,{children:t.jsx(Pe,{children:y.email})})]}),t.jsxs(Ee,{children:[t.jsxs(ke,{disabled:s.enabled==null,children:[t.jsx(A,{children:l.labels.notifyMe}),t.jsx(he,{defaultChecked:n.notify,checkBoxValue:z(e,"notify"),name:z(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(v,{controller:s.enabled!=null,children:t.jsxs(Ce,{children:[t.jsx(T,{children:t.jsx(A,{children:l.labels.notifyOthers})}),t.jsx(T,{children:t.jsx(ge,{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),S=[];if(r!==-1){const p=a[r],j=fe(p.userRole.userRoles);j.length>0&&S.push(j);const E=m.find(L=>L.classId===p.userRole.accountingClassIDs[0]);return E!=null&&S.push(E.className),S}return[]},name:z(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(v,{controller:s.enabled==null,children:t.jsxs(Le,{windowSize:c,children:[l.stopReceivingEmailsText,h?t.jsxs(Re,{href:`mailto:${h.email}?cc=${P}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(ze,{children:`${h.firstName} ${h.lastName}`}),t.jsx(xe,{className:"arrowIcon"})]}):null]})})]})]})}const q=(e,n,s)=>`${e}.${n}.${s}`,Me=o.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${i.sp3};
-`,Ue=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,Fe=o(Z)`
-  color: ${e=>e.theme.colors.primary};
-`,D=o.div`
-  display: flex;
-`,V=o(K)`
-  color: ${e=>e.theme.colors.primary};
-  flex: 1;
-  width: 120px;
-  text-align: center;
-`,Te=o.div`
-  width: 120px;
-  display: flex;
-`,Ae=o.div`
-  width: 120px;
-  display: flex;
-  padding-right: 12px;
-`,qe=o(Q)`
-  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 _e({sectionId:e,remindersLocalData:n,reminderNotificationSettings:s}){const{texts:a,settings:f}=N.getLocalizedStrings().common,{notifications:m}=f,$=Se.slice(0,1),u=je.filter(c=>s[c]!=null);return t.jsxs(Me,{children:[t.jsxs(Ue,{children:[t.jsx(Fe,{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,b)=>t.jsxs(Ve,{firstElement:b===0,lastElement:b===u.length-1,children:[t.jsx(qe,{children:m.reminders[c]}),t.jsxs(D,{children:[t.jsx(Ae,{children:t.jsx(me,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:n[c].frequency},name:q(e,c,"frequency")})}),t.jsx(Te,{children:t.jsx(ue,{mode:"always_on",checkBoxes:$.map(l=>({label:"",value:l,defaultChecked:n[c].preferredMode.includes(l),groupLabel:!1})),name:q(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const B={contentPadding:new M(I[3],I[8])},x="reminders",w="monthEndInsights",_="notificationSettingsPage",G=e=>`${e}_form`,{settings:X,reloadPage:Ge}=N.getLocalizedStrings().common,He=e=>{const n=J(),s=W(),{notificationSettingsView:a,signedInUser:f,onFormDataChange:m,resetUpdateStatus:$,onSave:u,onCancel:c,onClickMenuIcon:b}=e,{notificationSettingsLocalData:l,allUsers:y,notificationSettings:h,classList:P,managersList:d,updateStatus:r,controllersList:S}=a,p=le({defaultValues:Y(l,y)}),j=k.useCallback(O=>{m(function(g){return{[x]:{missingReceiptNotification:R(g[x].missingReceiptNotification),uncategorizedTransactionNotification:R(g[x].uncategorizedTransactionNotification),pendingBillApprovalNotification:R(g[x].pendingBillApprovalNotification),pendingReimbursementApprovalNotification:R(g[x].pendingReimbursementApprovalNotification)},[w]:{...g[w],recipientEmailIds:g[w].recipientEmailIds.selectedUsers.map(oe=>oe.email)}}}(O))},[m]),E=p.handleSubmit(()=>{u()}),L=k.useCallback(()=>{p.reset(),c()},[c]);k.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(Y(l,y)),$())},[l,a.updateStatus.fetchState,y]),k.useEffect(()=>{const O=p.watch((g,{name:U})=>{U!=null&&g!=null&&ae(()=>j(g))});return()=>{O.unsubscribe()}},[p,j]);const ee=Object.keys(p.formState.dirtyFields).length>0,te=f.userEmail!=null&&be(h.monthEndInsightsNotificationSettings,f.userEmail),ie=ye(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(Ye,{children:[t.jsx(ce,{source:"NotificationSettingsPage",title:X.title.notifications,backgroundColor:n.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:b}),t.jsx(Je,{windowSize:s,children:t.jsx(de,{...p,children:t.jsx("form",{id:G(_),onSubmit:E,children:t.jsxs(We,{children:[t.jsx(v,{controller:ie,children:t.jsx(_e,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:x})}),t.jsx(v,{controller:te,children:t.jsx(Be,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:w,allUsers:y,classList:P,managersList:d,controllersList:S})})]})})})})]}),t.jsx(v,{controller:ee,children:t.jsx(pe,{style:{width:"100%"},formId:G(_),primaryBtn:{label:N.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:N.getLocalizedStrings().common.footer.cancel,onClick:L,style:{width:"82px"}}})})]})};function rt(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(Ze,{onClick:s,children:t.jsx(se,{})}),t.jsx(Ke,{children:Ge.label})]}):t.jsx(He,{...e})}const Ye=o.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`
-  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};
-`,Je=o.div`
-  padding-left: ${e=>B.contentPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>B.contentPadding.valuePx(e.windowSize)};
-  padding-bottom: ${e=>B.contentPadding.valuePx(e.windowSize)};
-`,We=o.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${i.sp8};
-`,Ze=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};
-    }
-  }
-`,Ke=o(re)`
-  margin-top: ${i.sp3};
-  color: ${e=>e.theme.colors.hero};
-`;function C(e){const n=X.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:n}}}function Y(e,n){return{[x]:{missingReceiptNotification:C(e.reminders.missingReceiptNotification),uncategorizedTransactionNotification:C(e.reminders.uncategorizedTransactionNotification),pendingBillApprovalNotification:C(e.reminders.pendingBillApprovalNotification),pendingReimbursementApprovalNotification:C(e.reminders.pendingReimbursementApprovalNotification)},[w]:{notify:e.monthEndInsights.notify,recipientEmailIds:{allNonUsers:[],selectedNonUsers:[],allUsers:n,selectedUsers:n.filter(s=>e.monthEndInsights.recipientEmailIds.includes(s.email))}}}}function R(e){return{preferredMode:e.preferredMode,frequency:e.frequency.selectedOption}}export{rt as default,G as uniqueName};

package/dist/assets/NotificationsListConfig-DsgxTfdY-Bf7tXkyY.js

@@ -1 +0,0 @@
-import{t as e,s as t}from"./index-OJbFNHch.js";const a=t[5],r=59,o=t[5],i=e.standardRegular.lineHeightValue,l=1,n=1e3;export{a as e,i,l as n,n as o,o as r,r as t};