@zeniai/web-components 3.16.66 → 3.16.68

package/dist/NotFoundPage-BHHcGJCm.js

@@ -0,0 +1,71 @@
+import { j as t } from "./vendor-.pnpm-DtFedGku.js";
+import o from "@emotion/styled";
+import { a as n, M as s, H as l, p as a, C as c, E as d } from "./index-SJFqjz6R.js";
+import { Z as g } from "./ZeniCopyright-DRoQc2Ra.js";
+const x = o.div`
+  width: 100%;
+  height: 100vh;
+  position: relative;
+  background-color: ${(e) => e.theme.colors.background};
+`, h = o.div`
+  height: 54px;
+`, p = o.div`
+  flex: 1 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+`, u = o(d)`
+  height: 74px;
+  color: ${(e) => e.theme.colors.grey1};
+`, m = o.div`
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`, f = o(l)`
+  color: ${(e) => e.theme.colors.primary};
+`, j = o(a)`
+  color: ${(e) => e.theme.colors.hero};
+`, v = o.div`
+  position: absolute;
+  transform: translate(-50%, -50%);
+  top: 50%;
+  left: 50%;
+  color: ${(e) => e.theme.colors.grey3};
+  font-size: 400px;
+  font-weight: ${s.bold};
+`, i = o.span`
+  color: ${c.info};
+  &:hover {
+    text-decoration: underline;
+    cursor: pointer;
+  }
+`;
+function P({ onGoBack: e, onGoHome: r }) {
+  return /* @__PURE__ */ t.jsxs(x, { children: [
+    /* @__PURE__ */ t.jsx(v, { children: "404" }),
+    /* @__PURE__ */ t.jsxs(m, { children: [
+      /* @__PURE__ */ t.jsx(h, {}),
+      /* @__PURE__ */ t.jsxs(p, { children: [
+        /* @__PURE__ */ t.jsx(f, { children: n.getLocalizedStrings().notFoundPage.cantFindText }),
+        /* @__PURE__ */ t.jsxs(j, { children: [
+          n.getLocalizedStrings().notFoundPage.pleaseText,
+          /* @__PURE__ */ t.jsx(i, { onClick: e, children: n.getLocalizedStrings().notFoundPage.goBackText }),
+          n.getLocalizedStrings().notFoundPage.startOverText,
+          /* @__PURE__ */ t.jsx(i, { onClick: r, children: n.getLocalizedStrings().notFoundPage.homePageText })
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsx(u, { children: /* @__PURE__ */ t.jsx(g, {}) })
+    ] })
+  ] });
+}
+export {
+  P as default
+};

package/dist/NotFoundPage-DhTrpm8B.cjs

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-CT-Z_-kn.cjs"),n=require("@emotion/styled"),o=require("./index-BbWHLDfl.cjs"),s=require("./ZeniCopyright-Btfoa7EE.cjs"),c=n.div`
+  width: 100%;
+  height: 100vh;
+  position: relative;
+  background-color: ${e=>e.theme.colors.background};
+`,l=n.div`
+  height: 54px;
+`,a=n.div`
+  flex: 1 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+`,x=n(o.ExtraSmallRegular)`
+  height: 74px;
+  color: ${e=>e.theme.colors.grey1};
+`,d=n.div`
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,u=n(o.H5Regular)`
+  color: ${e=>e.theme.colors.primary};
+`,p=n(o.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,g=n.div`
+  position: absolute;
+  transform: translate(-50%, -50%);
+  top: 50%;
+  left: 50%;
+  color: ${e=>e.theme.colors.grey3};
+  font-size: 400px;
+  font-weight: ${o.FontWeight.bold};
+`,i=n.span`
+  color: ${o.Colors.info};
+  &:hover {
+    text-decoration: underline;
+    cursor: pointer;
+  }
+`;function h({onGoBack:e,onGoHome:r}){return t.jsxRuntimeExports.jsxs(c,{children:[t.jsxRuntimeExports.jsx(g,{children:"404"}),t.jsxRuntimeExports.jsxs(d,{children:[t.jsxRuntimeExports.jsx(l,{}),t.jsxRuntimeExports.jsxs(a,{children:[t.jsxRuntimeExports.jsx(u,{children:o.appLocale.getLocalizedStrings().notFoundPage.cantFindText}),t.jsxRuntimeExports.jsxs(p,{children:[o.appLocale.getLocalizedStrings().notFoundPage.pleaseText,t.jsxRuntimeExports.jsx(i,{onClick:e,children:o.appLocale.getLocalizedStrings().notFoundPage.goBackText}),o.appLocale.getLocalizedStrings().notFoundPage.startOverText,t.jsxRuntimeExports.jsx(i,{onClick:r,children:o.appLocale.getLocalizedStrings().notFoundPage.homePageText})]})]}),t.jsxRuntimeExports.jsx(x,{children:t.jsxRuntimeExports.jsx(s.ZeniCopyright,{})})]})]})}exports.default=h;

package/dist/NotificationSettingsPage-B3Rb2NHM.cjs

@@ -0,0 +1,163 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-CT-Z_-kn.cjs"),b=require("react"),o=require("@emotion/styled"),w=require("@zeniai/client-epic-state"),t=require("./index-BbWHLDfl.cjs"),J=require("./BusyIndication-_PljfHrH.cjs"),{common:K}=t.appLocale.getLocalizedStrings(),z={notePadding:new t.ResponsiveSized(t.sp[3],t.sp[4]),noteGap:new t.ResponsiveSized(t.sp[0],6)},O=(e,i)=>`${e}.${i}`,Q=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+`,X=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,Z=o(t.LargeMedium)`
+  color: ${e=>e.theme.colors.primary};
+`,ee=o.div`
+  border-radius: ${t.Space.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,te=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  padding: ${t.Space.sp3} ${t.Space.sp7} ${t.Space.sp3} ${t.Space.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: ${t.Space.sp2};
+    border-top-left-radius: ${t.Space.sp2};
+  }
+`,ne=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: ${t.Space.sp2} ${t.Space.sp1} ${t.Space.sp2} ${t.Space.sp4};
+  background-color: ${e=>e.theme.colors.grey5};
+  &:hover {
+    outline: 1px solid ${e=>e.theme.colors.primary};
+    border-bottom-right-radius: ${t.Space.sp2};
+    border-bottom-left-radius: ${t.Space.sp2};
+  }
+`,oe=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};
+    }
+  }
+`,F=o.div`
+  flex: 1;
+`,q=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,ie=o(t.SmallRegular)`
+  color: ${e=>e.theme.colors.primary};
+  flex: 1;
+  width: 120px;
+  text-align: center;
+`,se=o(t.ExtraSmallRegular)`
+  padding: ${e=>`${t.Space.sp1}  ${z.notePadding.valuePx(e.windowSize)}`};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp2};
+  text-align: left;
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
+  gap: ${e=>z.noteGap.valuePx(e.windowSize)};
+`,re=o.div``,le=o.span``;function ce({sectionId:e,monthEndInsightsNotificationLocalData:i,monthEndInsightsNotificationSettings:s,managersList:l,allUsers:g,classList:u,controllersList:f}){const m=n.useTheme(),a=t.useWindowSizeContext(),{sectionTitle:S,monthEndInsights:c,mode:j}=K.settings.notifications,x=f[0],I=f.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return n.jsxRuntimeExports.jsxs(Q,{children:[n.jsxRuntimeExports.jsxs(X,{children:[n.jsxRuntimeExports.jsx(Z,{children:S.monthEndInsights}),n.jsxRuntimeExports.jsx(re,{children:n.jsxRuntimeExports.jsx(ie,{children:j.email})})]}),n.jsxRuntimeExports.jsxs(ee,{children:[n.jsxRuntimeExports.jsxs(te,{disabled:s.enabled==null,children:[n.jsxRuntimeExports.jsx(q,{children:c.labels.notifyMe}),n.jsxRuntimeExports.jsx(t.ControlledCheckBoxField,{defaultChecked:i.notify,checkBoxValue:O(e,"notify"),name:O(e,"notify"),checkedIconColor:s.enabled==null?m.colors.grey2:void 0})]}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:s.enabled!=null,children:n.jsxRuntimeExports.jsxs(ne,{children:[n.jsxRuntimeExports.jsx(F,{children:n.jsxRuntimeExports.jsx(q,{children:c.labels.notifyOthers})}),n.jsxRuntimeExports.jsx(F,{children:n.jsxRuntimeExports.jsx(t.UserMultiSelectField,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:g,selectedUsers:g.filter(d=>i.recipientEmailIds.includes(d.email)),allNonUsers:[],selectedNonUsers:[]},hideMultiValueOnBlur:!1,valueToSubtitle:d=>{const r=l.findIndex(p=>p.userId===d),$=[];if(r!==-1){const p=l[r],E=t.getSingleRoleInOrder(p.userRole.userRoles);E.length>0&&$.push(E);const y=u.find(N=>N.classId===p.userRole.accountingClassIDs[0]);return y!=null&&$.push(y.className),$}else return[]},name:O(e,"recipientEmailIds"),placeholderLabel:c.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?m.colors.background:"unset"}),container:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?m.colors.background:"unset"}),multiValue:(d,{selectProps:r})=>({outline:r.menuIsOpen===!1?"unset":`1px solid ${m.colors.primary}`})}})})]})}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:s.enabled==null,children:n.jsxRuntimeExports.jsxs(se,{windowSize:a,children:[c.stopReceivingEmailsText,x?n.jsxRuntimeExports.jsxs(oe,{href:`mailto:${x.email}?cc=${I}&subject=${encodeURIComponent(c.stopReceivingMonthEndInsightsSubject)}`,children:[n.jsxRuntimeExports.jsx(le,{children:`${x.firstName} ${x.lastName}`}),n.jsxRuntimeExports.jsx(t.SvgArrowRight,{className:"arrowIcon"})]}):null]})})]})]})}const B=(e,i,s)=>`${e}.${i}.${s}`,ae=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+`,de=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,pe=o(t.LargeMedium)`
+  color: ${e=>e.theme.colors.primary};
+`,T=o.div`
+  display: flex;
+`,A=o(t.SmallRegular)`
+  color: ${e=>e.theme.colors.primary};
+  flex: 1;
+  width: 120px;
+  text-align: center;
+`,ue=o.div`
+  width: 120px;
+  display: flex;
+`,me=o.div`
+  width: 120px;
+  display: flex;
+  padding-right: 12px;
+`,xe=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,ge=o.div`
+  border-radius: ${t.Space.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,he=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: ${t.Space.sp2} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp4};
+  &:hover {
+    outline: 1px solid ${e=>e.theme.colors.primary};
+    border-top-right-radius: ${e=>e.firstElement===!0?t.Space.sp2:t.Space.sp0};
+    border-top-left-radius: ${e=>e.firstElement===!0?t.Space.sp2:t.Space.sp0};
+    border-bottom-left-radius: ${e=>e.lastElement===!0?t.Space.sp2:t.Space.sp0};
+    border-bottom-right-radius: ${e=>e.lastElement===!0?t.Space.sp2:t.Space.sp0};
+  }
+`;function fe({sectionId:e,remindersLocalData:i,reminderNotificationSettings:s}){const{texts:l,settings:g}=t.appLocale.getLocalizedStrings().common,{notifications:u}=g,f=w.NOTIFICATION_MODES.slice(0,1),m=w.REMINDER_NOTIFICATION_TYPES.filter(a=>s[a]!=null);return n.jsxRuntimeExports.jsxs(ae,{children:[n.jsxRuntimeExports.jsxs(de,{children:[n.jsxRuntimeExports.jsx(pe,{children:u.sectionTitle.reminders}),n.jsxRuntimeExports.jsxs(T,{children:[n.jsxRuntimeExports.jsx(A,{children:l.frequency}),n.jsxRuntimeExports.jsx(A,{children:u.mode.email})]})]}),n.jsxRuntimeExports.jsx(ge,{children:m.map((a,S)=>n.jsxRuntimeExports.jsxs(he,{firstElement:S===0,lastElement:S===m.length-1,children:[n.jsxRuntimeExports.jsx(xe,{children:u.reminders[a]}),n.jsxRuntimeExports.jsxs(T,{children:[n.jsxRuntimeExports.jsx(me,{children:n.jsxRuntimeExports.jsx(t.SingleSelectPickerField,{defaultValue:{allOptions:u.reminderFrequencyOptions,selectedOption:i[a].frequency},name:B(e,a,"frequency")})}),n.jsxRuntimeExports.jsx(ue,{children:n.jsxRuntimeExports.jsx(t.LabeledGroupedCheckBoxField,{mode:"always_on",checkBoxes:f.map(c=>({label:"",value:c,defaultChecked:i[a].preferredMode.includes(c),groupLabel:!1})),name:B(e,a,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},a))})]})}const P={contentPadding:new t.ResponsiveSized(t.sp[3],t.sp[8])},h="reminders",R="monthEndInsights",U="notificationSettingsPage",L=e=>`${e}_form`,{settings:H,reloadPage:Se}=t.appLocale.getLocalizedStrings().common,je=e=>{const i=n.useTheme(),s=t.useWindowSizeContext(),{notificationSettingsView:l,signedInUser:g,onFormDataChange:u,resetUpdateStatus:f,onSave:m,onCancel:a,onClickMenuIcon:S}=e,{notificationSettingsLocalData:c,allUsers:j,notificationSettings:x,classList:I,managersList:d,updateStatus:r,controllersList:$}=l,p=n.useForm({defaultValues:_(c,j)}),E=b.useCallback(k=>{u(ve(k))},[u]),y=p.handleSubmit(()=>{m()}),N=b.useCallback(()=>{p.reset(),a()},[a]);b.useEffect(()=>{l.updateStatus.fetchState==="Completed"&&(p.reset(_(c,j)),f())},[c,l.updateStatus.fetchState,j]),b.useEffect(()=>{const k=p.watch((M,{name:Y})=>{Y!=null&&M!=null&&n.defer(()=>E(M))});return()=>{k.unsubscribe()}},[p,E]);const D=Object.keys(p.formState.dirtyFields).length>0,G=g.userEmail!=null?w.isMonthEndNotificationsSectionVisibleOnSettingsPage(x.monthEndInsightsNotificationSettings,g.userEmail):!1,W=w.isRemindersSectionVisibleOnSettingsPage(x.reminderNotificationSettings);return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsxs(Ee,{children:[n.jsxRuntimeExports.jsx(t.NavBar,{source:"NotificationSettingsPage",title:H.title.notifications,backgroundColor:i.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:S}),n.jsxRuntimeExports.jsx(Re,{windowSize:s,children:n.jsxRuntimeExports.jsx(n.FormProvider,{...p,children:n.jsxRuntimeExports.jsx("form",{id:L(U),onSubmit:y,children:n.jsxRuntimeExports.jsxs(ye,{children:[n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:W,children:n.jsxRuntimeExports.jsx(fe,{reminderNotificationSettings:x.reminderNotificationSettings,remindersLocalData:c.reminders,sectionId:h})}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:G,children:n.jsxRuntimeExports.jsx(ce,{monthEndInsightsNotificationLocalData:c.monthEndInsights,monthEndInsightsNotificationSettings:x.monthEndInsightsNotificationSettings,sectionId:R,allUsers:j,classList:I,managersList:d,controllersList:$})})]})})})})]}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:D,children:n.jsxRuntimeExports.jsx(t.Footer,{style:{width:"100%"},formId:L(U),primaryBtn:{label:t.appLocale.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:t.appLocale.getLocalizedStrings().common.footer.cancel,onClick:N,style:{width:"82px"}}})})]})};function $e(e){const{notificationSettingsView:i,onRefresh:s}=e,{fetchState:l}=i;return l==="Not-Started"||l==="In-Progress"?n.jsxRuntimeExports.jsx(V,{children:n.jsxRuntimeExports.jsx(J.BusyIndication,{fetchState:l,styles:{margin:t.Space.sp0}})}):l==="Error"?n.jsxRuntimeExports.jsxs(V,{children:[n.jsxRuntimeExports.jsx(be,{onClick:s,children:n.jsxRuntimeExports.jsx(t.SvgReload,{})}),n.jsxRuntimeExports.jsx(Ce,{children:Se.label})]}):n.jsxRuntimeExports.jsx(je,{...e})}const Ee=o.div`
+  display: flex;
+  width: 100%;
+  min-height: 100vh;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey4};
+`,V=o.div`
+  display: flex;
+  height: 100vh;
+  width: 100%;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  row-gap: ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey4};
+`,Re=o.div`
+  padding-left: ${e=>P.contentPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>P.contentPadding.valuePx(e.windowSize)};
+  padding-bottom: ${e=>P.contentPadding.valuePx(e.windowSize)};
+`,ye=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp8};
+`,be=o.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${t.Space.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Ce=o(t.SmallRegularSp)`
+  margin-top: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`;function C(e){const i=H.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:i}}}function _(e,i){return{[h]:{missingReceiptNotification:C(e.reminders.missingReceiptNotification),uncategorizedTransactionNotification:C(e.reminders.uncategorizedTransactionNotification),pendingBillApprovalNotification:C(e.reminders.pendingBillApprovalNotification),pendingReimbursementApprovalNotification:C(e.reminders.pendingReimbursementApprovalNotification)},[R]:{notify:e.monthEndInsights.notify,recipientEmailIds:{allNonUsers:[],selectedNonUsers:[],allUsers:i,selectedUsers:i.filter(l=>e.monthEndInsights.recipientEmailIds.includes(l.email))}}}}function v(e){return{preferredMode:e.preferredMode,frequency:e.frequency.selectedOption}}function ve(e){return{[h]:{missingReceiptNotification:v(e[h].missingReceiptNotification),uncategorizedTransactionNotification:v(e[h].uncategorizedTransactionNotification),pendingBillApprovalNotification:v(e[h].pendingBillApprovalNotification),pendingReimbursementApprovalNotification:v(e[h].pendingReimbursementApprovalNotification)},[R]:{...e[R],recipientEmailIds:e[R].recipientEmailIds.selectedUsers.map(s=>s.email)}}}exports.default=$e;exports.uniqueName=L;