@zeniai/web-components 3.16.60 → 3.16.62

package/dist/NewGlobalMerchantPage-DOY4EbUq.cjs

@@ -0,0 +1,160 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-CT-Z_-kn.cjs"),j=require("react"),r=require("@emotion/styled"),t=require("./index-CGiOrCyX.cjs"),q=require("@emotion/react"),g={width:new t.ResponsiveSized(343,580,726),height:new t.ResponsiveSized(t.sp[6],t.sp[6]),controlHeight:new t.ResponsiveSized(t.sp[6],t.sp[6]),paddingTopBottom:new t.ResponsiveSized(t.sp[2],t.sp[2]),marginRight:new t.ResponsiveSized(t.sp[2],t.sp[2]),labelMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginTop:new t.ResponsiveSized(t.sp[2],t.sp[2])},_={infoLabel:new t.ResponsiveSizedStyle("smallRegular","standardRegular")},B=t.appLocale.getLocalizedStrings();function O({label:e,textField:o,additionalInfo:d,checkBoxFields:c,fetchState:u,style:R,toolTip:S,isOptionalLabel:v}){const s=t.useWindowSizeContext(),{formState:{errors:l}}=n.useFormContext(),f=n.has(l,o.name);return n.jsxRuntimeExports.jsxs(A,{windowSize:s,style:R,isDisabled:o.isDisabled!=null,isError:f,children:[n.jsxRuntimeExports.jsx(t.Label,{isDisabled:o.isDisabled,label:e.label,style:{marginLeft:g.labelMarginLeft.value(s),marginRight:g.labelMarginRight.value(s),marginTop:g.labelMarginTop.value(s),width:e.width??"auto"},showTooltip:S!=null,tooltipTitle:S?.title,toolTipWidth:S?.width,isOptional:v}),n.jsxRuntimeExports.jsxs(H,{labelWidth:e.width,children:[n.jsxRuntimeExports.jsx(t.TextField,{...o,style:{...o.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:g.controlHeight.value(s),cursor:"inherit"}}),u?.fetchState==="In-Progress"?n.jsxRuntimeExports.jsx(J,{children:n.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Standard",start:!0})}):n.jsxRuntimeExports.jsxs(K,{children:[n.jsxRuntimeExports.jsxs(V,{windowSize:s,isRecommendationVisible:c.length>0,isError:f,children:[d.icon,d.label]}),c.length>0?c.map((h,x)=>n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(t.BorderedCheckBoxField,{isHighlighted:!0,label:{label:h.label},checkBoxField:h.field,defaultChecked:h.field.defaultChecked,isDisabled:h.field.isDisabled!=null},n.nanoid()),x<c.length-1?n.jsxRuntimeExports.jsx(Q,{children:B.common.texts.or}):null]})):null]})]})]})}const A=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>g.width.valuePx(e.windowSize)};
+  min-height: ${e=>g.height.valuePx(e.windowSize)};
+  padding-right: ${e=>g.marginRight.valuePx(e.windowSize)};
+  padding-top: ${e=>g.paddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>g.paddingTopBottom.valuePx(e.windowSize)};
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  &:focus-within {
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+
+    input {
+      background-color: ${e=>e.isError?t.Colors.importantLight:e.theme.colors.background};
+    }
+  }
+  input {
+    background-color: ${e=>e.isError?t.Colors.importantLight:e.theme.colors.grey5};
+  }
+  &:hover {
+    z-index: 1;
+    outline: 1px solid
+      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
+    input {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?t.Colors.importantLight:e.theme.colors.background};
+    }
+  }
+`,H=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,V=r.label`
+  display: flex;
+  color: ${e=>e.isError?t.Colors.important:e.theme.colors.primary};
+  ${e=>`${_.infoLabel.style(e.windowSize)}`};
+  text-align: right;
+`,J=r.div`
+  height: 100%;
+  width: 100%;
+  margin-top: ${t.Space.sp2};
+  display: flex;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,K=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-top: ${t.Space.sp2};
+  padding-right: ${t.Space.sp3};
+  gap: ${t.Space.sp3};
+`,Q=r.div`
+  color: ${e=>e.theme.colors.hero};
+`,X={labelWidth:new t.ResponsiveSized(120,145,160)},Y=t.appLocale.getLocalizedStrings(),{common:Z,vendorReview:{globalReview:W}}=Y,{sectionTitles:ee,labels:y}=Z,te=({recommendationFetchState:e,newGlobalMerchantData:o,recommendedGlobalMerchants:d,sectionId:c,isDisabled:u,style:R,fetchRecommendation:S})=>{const v=t.useWindowSizeContext(),s=X.labelWidth.value(v),{formState:l}=n.useFormContext(),f=()=>{o?.globalMerchantName!=null&&o.globalMerchantName.trim().length>2&&l.dirtyFields[c]?.globalMerchantName===!0&&S()},h=[];return d.length>0&&d.forEach((x,M)=>{const m=`recommended${t.mapIndexToString(M)}`;h.push({field:{name:E(c,m),defaultChecked:o?.currentSelection===m,isDisabled:u},label:x.globalMerchantName})}),n.jsxRuntimeExports.jsxs(ne,{style:R,children:[n.jsxRuntimeExports.jsx(oe,{children:ee.vendorDetails}),n.jsxRuntimeExports.jsxs(re,{children:[n.jsxRuntimeExports.jsx(O,{label:{label:y.name,width:s},textField:{type:"text",name:E(c,"globalMerchantName"),placeholder:t.getPlaceholderTextWithPrefix(y.name),defaultValue:o?.globalMerchantName,autoComplete:"off",isDisabled:e.fetchState==="In-Progress"?"readonly":u,registerOptions:{required:!0},onBlur:f,onKeyDown:x=>{x.key==="Enter"&&(x.preventDefault(),f())}},checkBoxFields:h,fetchState:e,additionalInfo:{label:d.length>0?W.newGlobalMerchant.recommendationText:W.newGlobalMerchant.recommendationInfoText,icon:n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(le,{})})},style:{width:"auto"}}),n.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:e.fetchState==="In-Progress"?"readonly":u,label:{label:y.websiteURL,width:s},text:{type:"url",name:E(c,"globalMerchantWebsiteUrl"),placeholder:t.getPlaceholderTextWithPrefix(y.websiteURL),defaultValue:o?.globalMerchantWebsiteUrl?.toString(),autoComplete:"off",options:{required:!0}},style:{width:"auto"}})]})]})},E=(e,o)=>`${e}.${o}`,ne=r.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.Space.sp3};
+  padding-bottom: ${t.Space.sp3};
+`,oe=r(t.LargeMedium)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${t.Space.sp3};
+  margin-right: ${t.Space.sp6};
+`,re=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  ${e=>q.css`
+    box-shadow: ${t.Space.sp0} 2px ${t.Space.sp1}
+      ${e.theme.colors.dropShadowNormal};
+  `};
+  border-radius: ${t.Space.sp2};
+`,ie=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: ${t.Space.sp2};
+`,le=r(t.SvgAutofill1)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,w={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[3],t.sp[6]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[3],t.sp[8]),navbarContainerPaddingTop:new t.ResponsiveSized(t.sp[2],t.sp[3]),navbarContainerPaddingBottom:new t.ResponsiveSized(t.sp[4],t.sp[5]),sectionTitleMarginTop:new t.ResponsiveSized(0,t.sp[3]),sectionTitleMarginLeft:new t.ResponsiveSized(t.sp[3],0)},se={sectionTitle:new t.ResponsiveSizedStyle("h6Regular","h5Regular")},D="newGlobalMerchantPage",b="newGlobalMerchant",ae=t.appLocale.getLocalizedStrings(),{common:{footer:L,sectionTitles:de},vendorReview:{globalReview:ce}}=ae,me=({globalMerchantView:e,analytics:o,tenantMerchant:d,isDisabled:c,updateCreateGlobalMerchantLocalData:u,fetchRecommendation:R,onBackClick:S,onSaveClick:v})=>{const s=t.useWindowSizeContext(),l=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:j.useMemo(()=>F(e),[e]),values:j.useMemo(()=>F(e),[e]),resetOptions:{keepDefaultValues:!0,keepDirtyValues:!0}}),f=()=>{if(e.newGlobalMerchantData!=null){const i=d?.tenantName??null,p=e.newGlobalMerchantData.globalMerchantName,a=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;o.trackVendorReviewNewVendorRequested({reviewSource:"global_review",newRequestedVendorName:p,tenantName:i,newRequestedVendorNameSource:i!=null?"text_edit":"new_vendor_button",isVendorNameRecommendationSelected:a===p,recommendedVendorName:a,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null})}R()},h=()=>{if(e.newGlobalMerchantData!=null){const i=d?.tenantName??null,p=e.newGlobalMerchantData.globalMerchantName,a=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;o.trackVendorReviewNewVendorSaved({reviewSource:"global_review",saveRequestedVendorName:p,tenantName:i,recommendedVendorName:a,saveRequestedVendorSource:i!=null?"text_edit":"new_vendor_button",recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null,isVendorNameRecommendationSelected:a===p})}v()},x=()=>{e.newGlobalMerchantData!=null&&o.trackVendorReviewNewVendorCanceled({reviewSource:"global_review",newRequestedVendorName:e.newGlobalMerchantData.globalMerchantName,tenantName:d?.tenantName??null,recommendedVendorName:e.recommendedGlobalMerchants[0]?.globalMerchantName??null,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null}),S()},M=()=>{h()},z=async(i,p)=>{const{newGlobalMerchant:{globalMerchantName:a,recommendedFirst:P,recommendedSecond:G,globalMerchantWebsiteUrl:k}}=p;if(i.includes("globalMerchantName")||i.includes("globalMerchantWebsiteUrl")){let N=null;a===e.recommendedGlobalMerchants[0]?.globalMerchantName?N="recommendedFirst":a===e.recommendedGlobalMerchants[1]?.globalMerchantName&&(N="recommendedSecond"),u(a,N,k)}else(i.includes("recommendedFirst")||i.includes("recommendedSecond"))&&(i.includes("recommendedFirst")&&P&&e.recommendedGlobalMerchants[0]?.globalMerchantName?(u(e.recommendedGlobalMerchants[0]?.globalMerchantName,"recommendedFirst",e.recommendedGlobalMerchants[0]?.websiteUrl?.toString()),e.recommendedGlobalMerchants[0]?.websiteUrl!=null&&l.setValue(`${b}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[0].websiteUrl.toString())):i.includes("recommendedSecond")&&G&&e.recommendedGlobalMerchants[1]?.globalMerchantName?(u(e.recommendedGlobalMerchants[1].globalMerchantName,"recommendedSecond",e.recommendedGlobalMerchants[1].websiteUrl?.toString()),e.recommendedGlobalMerchants[1]?.websiteUrl!=null&&l.setValue(`${b}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[1].websiteUrl.toString())):!P&&!G&&(l.resetField(`${b}.globalMerchantName`),l.resetField(`${b}.globalMerchantWebsiteUrl`)))};j.useEffect(()=>{const i=l.watch((p,{name:a})=>{a!=null&&p!=null&&n.defer(()=>z(a,p))});return()=>{i.unsubscribe()}});const{newGlobalMerchantData:m,fetchState:$,error:I,recommendedGlobalMerchants:U}=e,C=t.usePrevious($);return j.useEffect(()=>{C==="In-Progress"&&$==="Completed"&&m?.globalMerchantName!=null&&(l.resetField(`${b}.globalMerchantName`,{defaultValue:m.globalMerchantName}),e.recommendedGlobalMerchants.forEach(i=>{i.globalMerchantName===m.globalMerchantName&&i.websiteUrl!=null&&l.setValue(`${b}.globalMerchantWebsiteUrl`,i.websiteUrl.toString())}))},[C,$,l,m?.globalMerchantName,m?.globalMerchantWebsiteUrl,e.recommendedGlobalMerchants]),n.jsxRuntimeExports.jsxs(pe,{windowSize:s,children:[n.jsxRuntimeExports.jsxs(ue,{windowSize:s,children:[n.jsxRuntimeExports.jsx(xe,{children:n.jsxRuntimeExports.jsx(ge,{onClick:x})}),n.jsxRuntimeExports.jsx(be,{windowSize:s,children:de.newVendor}),n.jsxRuntimeExports.jsx(Se,{children:n.jsxRuntimeExports.jsxs(fe,{children:[n.jsxRuntimeExports.jsx(Re,{children:n.jsxRuntimeExports.jsx(ve,{})}),n.jsxRuntimeExports.jsx(we,{children:ce.newGlobalMerchant.tip})]})})]}),n.jsxRuntimeExports.jsx(he,{children:n.jsxRuntimeExports.jsx(n.FormProvider,{...l,children:n.jsxRuntimeExports.jsx("form",{id:T(D),onSubmit:l.handleSubmit(M),children:n.jsxRuntimeExports.jsx(te,{sectionId:b,isDisabled:m?.status.fetchState==="In-Progress"?"readonly":c,newGlobalMerchantData:m,recommendationFetchState:{fetchState:$,error:I},recommendedGlobalMerchants:U,fetchRecommendation:f})})})}),n.jsxRuntimeExports.jsx(t.Footer,{formId:T(D),primaryBtn:{label:L.save,isLoading:m?.status.fetchState==="In-Progress",isDisabled:$==="In-Progress"},cancelBtn:{label:L.cancel,shouldResetOnCancel:!0,onClick:x}})]})},T=e=>`${e}_form`,F=e=>{const{newGlobalMerchantData:o}=e;return{[b]:{globalMerchantName:o?.globalMerchantName??"",globalMerchantWebsiteUrl:o?.globalMerchantWebsiteUrl?.toString(),recommendedFirst:o?.currentSelection==="recommendedFirst",recommendedSecond:o?.currentSelection==="recommendedSecond",newGlobalMerchantId:o?.newGlobalMerchantId}}},pe=r.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  width: 100%;
+  padding-left: ${e=>w.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>w.containerPaddingRight.valuePx(e.windowSize)};
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,ue=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  top: ${t.Space.sp0};
+  z-index: 2;
+  padding-top: ${e=>w.navbarContainerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>w.navbarContainerPaddingBottom.valuePx(e.windowSize)};
+`,he=r.div`
+  flex: 1;
+`,xe=r.div`
+  display: flex;
+  width: 100%;
+  justify-content: flex-end;
+  align-items: center;
+  padding: ${t.Space.sp3} ${t.Space.sp0};
+`,ge=r(t.SvgClose)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,be=r(t.StyledText)`
+  display: flex;
+  width: 100%;
+  color: ${e=>e.theme.colors.primary};
+  margin-left: ${e=>w.sectionTitleMarginLeft.valuePx(e.windowSize)};
+  margin-top: ${e=>w.sectionTitleMarginTop.valuePx(e.windowSize)};
+  ${e=>`${se.sectionTitle.style(e.windowSize)}`};
+`,Se=r.div`
+  display: flex;
+  width: 100%;
+  background-color: transparent;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+  margin-top: ${t.Space.sp3};
+`,fe=r.div`
+  display: flex;
+  padding: ${t.Space.sp3} ${t.Space.sp4} ${t.Space.sp3} ${t.Space.sp4};
+`,we=r(t.StandardRegular)`
+  display: flex;
+  flex-grow: 1;
+  color: ${e=>e.theme.colors.hero};
+`,Re=r.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${t.Space.sp2};
+`,ve=r(t.SvgProTip)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`;exports.default=me;exports.uniqueFormName=T;

package/dist/NoDataChart-DQDXjeEq.cjs

@@ -0,0 +1,26 @@
+"use strict";const n=require("./vendor-.pnpm-CT-Z_-kn.cjs"),s=require("@emotion/styled"),t=require("./index-CGiOrCyX.cjs"),o=require("react");function c(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const h=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,h.get?h:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const a=c(o),l=e=>a.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{fill:"#3E4043",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),a.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"})),m=e=>a.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{fill:"#E9ECF0",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),a.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"})),p={chartMinHeight:new t.ResponsiveSized(288,360)},v=s.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,d=s.div`
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${t.Space.sp8};
+`,x=s.div`
+  display: flex;
+  width: 100%;
+  height: 35vh;
+  min-height: ${e=>p.chartMinHeight.valuePx(e.windowSize)};
+  flex-grow: 0;
+  max-width: 100%;
+  flex-basis: 100%;
+  flex-direction: column;
+`,u=s(t.StandardRegular)`
+  color: ${t.Colors.alert};
+  margin: ${t.Space.sp3} ${t.Space.sp0} ${t.Space.sp5} ${t.Space.sp0};
+`;function z(){switch(n.useTheme().mode){case"light":return n.jsxRuntimeExports.jsx(m,{width:"100%",height:"100%",preserveAspectRatio:"none"});case"dark":default:return n.jsxRuntimeExports.jsx(l,{width:"100%",height:"100%",preserveAspectRatio:"none"})}}function f({title:e}){const i=t.useWindowSizeContext();return n.jsxRuntimeExports.jsxs(v,{children:[e!=null?n.jsxRuntimeExports.jsx(u,{children:e}):null,n.jsxRuntimeExports.jsx(d,{children:n.jsxRuntimeExports.jsx(x,{windowSize:i,children:n.jsxRuntimeExports.jsx(z,{})})})]})}exports.NoDataChart=f;

package/dist/NoDataChart-PyI10pVK.js

@@ -0,0 +1,58 @@
+import { j as t, u as s } from "./vendor-.pnpm-DtFedGku.js";
+import n from "@emotion/styled";
+import { u as r, C as o, S as h, p as m, R as l } from "./index-DosfnUdx.js";
+import * as a from "react";
+const c = (e) => /* @__PURE__ */ a.createElement("svg", { viewBox: "0 0 1088 393", role: "img", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ a.createElement("path", { fill: "#3E4043", d: "M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z" }), /* @__PURE__ */ a.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" })), v = (e) => /* @__PURE__ */ a.createElement("svg", { viewBox: "0 0 1088 393", role: "img", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ a.createElement("path", { fill: "#E9ECF0", d: "M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z" }), /* @__PURE__ */ a.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 l(288, 360)
+}, p = n.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`, z = n.div`
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${h.sp8};
+`, x = n.div`
+  display: flex;
+  width: 100%;
+  height: 35vh;
+  min-height: ${(e) => d.chartMinHeight.valuePx(e.windowSize)};
+  flex-grow: 0;
+  max-width: 100%;
+  flex-basis: 100%;
+  flex-direction: column;
+`, w = n(m)`
+  color: ${o.alert};
+  margin: ${h.sp3} ${h.sp0} ${h.sp5} ${h.sp0};
+`;
+function f() {
+  switch (s().mode) {
+    case "light":
+      return /* @__PURE__ */ t.jsx(
+        v,
+        {
+          width: "100%",
+          height: "100%",
+          preserveAspectRatio: "none"
+        }
+      );
+    case "dark":
+    default:
+      return /* @__PURE__ */ t.jsx(c, { width: "100%", height: "100%", preserveAspectRatio: "none" });
+  }
+}
+function C({ title: e }) {
+  const i = r();
+  return /* @__PURE__ */ t.jsxs(p, { children: [
+    e != null ? /* @__PURE__ */ t.jsx(w, { children: e }) : null,
+    /* @__PURE__ */ t.jsx(z, { children: /* @__PURE__ */ t.jsx(x, { windowSize: i, children: /* @__PURE__ */ t.jsx(f, {}) }) })
+  ] });
+}
+export {
+  C as N
+};

package/dist/NoDataTable-CKr1AmU2.js

@@ -0,0 +1,27 @@
+import { j as e, u as a } from "./vendor-.pnpm-DtFedGku.js";
+import i from "@emotion/styled";
+import { S as t } from "./index-DosfnUdx.js";
+import { a as s, S as r } from "./graphic-no-data-l-DU4J8fDt.js";
+const o = i.div`
+  display: flex;
+  width: 100%;
+  padding: ${t.sp8} ${t.sp0} ${t.sp8} ${t.sp0};
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`;
+function n() {
+  switch (a().mode) {
+    case "light":
+      return /* @__PURE__ */ e.jsx(r, { width: "120px", height: "60px" });
+    case "dark":
+    default:
+      return /* @__PURE__ */ e.jsx(s, { width: "120px", height: "60px" });
+  }
+}
+function d() {
+  return /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(n, {}) });
+}
+export {
+  d as N
+};

package/dist/NoDataTable-CZb3JxCs.cjs

@@ -0,0 +1,8 @@
+"use strict";const e=require("./vendor-.pnpm-CT-Z_-kn.cjs"),i=require("@emotion/styled"),t=require("./index-CGiOrCyX.cjs"),n=require("./graphic-no-data-l-C-ZhJpjS.cjs"),s=i.div`
+  display: flex;
+  width: 100%;
+  padding: ${t.Space.sp8} ${t.Space.sp0} ${t.Space.sp8} ${t.Space.sp0};
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`;function r(){switch(e.useTheme().mode){case"light":return e.jsxRuntimeExports.jsx(n.SvgGraphicNoDataL,{width:"120px",height:"60px"});case"dark":default:return e.jsxRuntimeExports.jsx(n.SvgGraphicNoDataD,{width:"120px",height:"60px"})}}function a(){return e.jsxRuntimeExports.jsx(s,{children:e.jsxRuntimeExports.jsx(r,{})})}exports.NoDataTable=a;

package/dist/NotFoundPage-CWfvQynG.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-DosfnUdx.js";
+import { Z as g } from "./ZeniCopyright-DSg7PagE.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-CjvAiMvX.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-CGiOrCyX.cjs"),s=require("./ZeniCopyright-DmV1MvtW.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-BsAoOpJB.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-CGiOrCyX.cjs"),J=require("./BusyIndication-DPV8XAvu.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;