@zeniai/web-components 3.16.29 → 3.16.31

package/dist/DrawerPage-opXqOkdc.js

@@ -1,208 +0,0 @@
-import { j as i } from "./vendor-.pnpm-DxbX2tX4.js";
-import t from "@emotion/styled";
-import { u as c, a as g, a5 as z, S as n, R as a, av as d, K as w, D as r, Z as P, F as C, b as L } from "./index-B1WDj5pO.js";
-import { S as b } from "./hyperlink-DQyCeXx2.js";
-import { S as k, a as R } from "./money-2cg1MuG4.js";
-const l = {
-  drawerItemPadding: new a(r[3], r[3], r[4]),
-  styledDivMarginLeft: new a(r[6], r[7]),
-  verticalLineLeftMargin: new a(32, 42),
-  iconWidth: new a(r[5], r[6]),
-  iconHeight: new a(r[5], r[6]),
-  iconSize: new a(20, r[4])
-}, f = {
-  title: new d("standardRegular", "largeRegular"),
-  content: new d("smallRegular", "standardRegular")
-}, x = g.getLocalizedStrings().rewardsPage.drawerPage, I = ({
-  rewardsPlan: e
-}) => {
-  const o = [T(), D(), B({ rewardsPlan: e })], s = c();
-  return /* @__PURE__ */ i.jsx(A, { children: o.map((j, y) => /* @__PURE__ */ i.jsxs(W, { children: [
-    /* @__PURE__ */ i.jsx(E, { children: j }),
-    y < o.length - 1 ? /* @__PURE__ */ i.jsx(H, { windowSize: s }) : null
-  ] }, `step_${y}`)) });
-}, T = () => {
-  const e = c(), o = x.item1;
-  return /* @__PURE__ */ i.jsxs(p, { windowSize: e, children: [
-    /* @__PURE__ */ i.jsxs(m, { children: [
-      /* @__PURE__ */ i.jsx(S, { windowSize: e, icon: "link", children: /* @__PURE__ */ i.jsx(M, { windowSize: e }) }),
-      /* @__PURE__ */ i.jsx(u, { windowSize: e, children: o.title })
-    ] }),
-    /* @__PURE__ */ i.jsx($, { windowSize: e, children: /* @__PURE__ */ i.jsx(v, { windowSize: e, children: o.content }) })
-  ] });
-}, D = () => {
-  const e = c(), o = x.item2;
-  return /* @__PURE__ */ i.jsxs(p, { windowSize: e, children: [
-    /* @__PURE__ */ i.jsxs(m, { children: [
-      /* @__PURE__ */ i.jsx(S, { windowSize: e, icon: "user", children: /* @__PURE__ */ i.jsx(_, { windowSize: e }) }),
-      /* @__PURE__ */ i.jsx(u, { windowSize: e, children: o.title })
-    ] }),
-    /* @__PURE__ */ i.jsx($, { windowSize: e, children: /* @__PURE__ */ i.jsx(v, { windowSize: e, children: o.content }) })
-  ] });
-}, B = ({ rewardsPlan: e }) => {
-  const o = c(), s = x.item3;
-  return /* @__PURE__ */ i.jsxs(p, { windowSize: o, children: [
-    /* @__PURE__ */ i.jsxs(m, { children: [
-      /* @__PURE__ */ i.jsx(S, { windowSize: o, icon: "money", children: /* @__PURE__ */ i.jsx(N, { windowSize: o }) }),
-      /* @__PURE__ */ i.jsx(u, { windowSize: o, children: s.title[e.planName] })
-    ] }),
-    /* @__PURE__ */ i.jsx($, { windowSize: o, children: /* @__PURE__ */ i.jsx(v, { windowSize: o, children: s.content[e.planName].replace(
-      "__reward-amount__",
-      z("0,0", e.referrerAmount)
-    ) }) })
-  ] });
-}, p = t.div`
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  border-radius: ${n.sp2};
-  box-shadow: ${(e) => `${n.sp0} 1px 2px ${n.sp0} ${e.theme.colors.dropShadowNormal}`};
-  padding: ${(e) => l.drawerItemPadding.valuePx(e.windowSize)};
-  width: ${(e) => `calc(100%- ${l.drawerItemPadding.valuePx(e.windowSize)})`};
-  background-color: ${(e) => e.theme.colors.grey5};
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: flex-start;
-`, m = t.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-`, $ = t.div`
-  margin-left: ${(e) => l.styledDivMarginLeft.valuePx(e.windowSize)};
-`, M = t(b)`
-  height: ${(e) => l.iconSize.valuePx(e.windowSize)};
-  width: ${(e) => l.iconSize.valuePx(e.windowSize)};
-  color: ${(e) => e.theme.colors.graphColor12Dark};
-`, _ = t(k)`
-  height: ${(e) => l.iconSize.valuePx(e.windowSize)};
-  width: ${(e) => l.iconSize.valuePx(e.windowSize)};
-  color: ${(e) => e.theme.colors.graphColor06Dark};
-`, N = t(R)`
-  height: ${(e) => l.iconSize.valuePx(e.windowSize)};
-  width: ${(e) => l.iconSize.valuePx(e.windowSize)};
-  color: ${(e) => e.theme.colors.success};
-`, S = t.div`
-  width: ${(e) => l.iconWidth.valuePx(e.windowSize)};
-  height: ${(e) => l.iconHeight.valuePx(e.windowSize)};
-  border-radius: 50%;
-  background-color: ${(e) => e.icon === "link" ? e.theme.colors.graphColor14Light : e.icon === "user" ? e.theme.colors.graphColor06Light : e.theme.colors.graphColor20Light};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: ${n.sp2};
-`, u = t(w)`
-  color: ${(e) => e.theme.colors.primary};
-  ${(e) => `${f.title.style(e.windowSize)}`};
-`, v = t(w)`
-  color: ${(e) => e.theme.colors.hero};
-  ${(e) => `${f.content.style(e.windowSize)}`};
-`, W = t.div`
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  z-index: 1;
-`, A = t.div`
-  margin-top: ${n.sp4};
-`, H = t.div`
-  top: ${n.sp0};
-  width: 1px;
-  height: 100%;
-  position: absolute;
-  left: ${(e) => l.verticalLineLeftMargin.valuePx(e.windowSize)};
-  width: 2px;
-  background: ${(e) => e.theme.colors.grey2};
-  z-index: -1;
-`, E = t.div`
-  padding-bottom: ${n.sp4};
-`, {
-  common: {
-    navBar: { back: X }
-  }
-} = g.getLocalizedStrings(), h = {
-  navBarContainerPaddingXaxis: new a(10, r[3]),
-  containerPaddingLeft: new a(r[3], r[6], r[8]),
-  containerPaddingRight: new a(r[3], r[6], r[8])
-}, F = {
-  title: new d("standardRegular", "largeRegular")
-}, { referAndEarn: K } = g.getLocalizedStrings().rewardsPage;
-function oe({
-  rewardsPlan: e,
-  onDismissClick: o
-}) {
-  const s = c();
-  return /* @__PURE__ */ i.jsxs(V, { windowSize: s, children: [
-    /* @__PURE__ */ i.jsx(J, { windowSize: s, children: /* @__PURE__ */ i.jsxs(Z, { windowSize: s, children: [
-      s === "small" && /* @__PURE__ */ i.jsx(Q, { children: /* @__PURE__ */ i.jsx(
-        P,
-        {
-          enterDelay: 600,
-          title: X,
-          placement: "bottom",
-          style: { padding: `${n.sp1} ${n.sp2}` },
-          children: /* @__PURE__ */ i.jsx(U, { onClick: o })
-        }
-      ) }),
-      /* @__PURE__ */ i.jsx(q, { windowSize: s, children: K }),
-      s !== "small" && /* @__PURE__ */ i.jsx(O, { onClick: o })
-    ] }) }),
-    /* @__PURE__ */ i.jsx(G, { windowSize: s, children: /* @__PURE__ */ i.jsx(I, { rewardsPlan: e }) })
-  ] });
-}
-const V = t.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${(e) => e.theme.colors.grey4};
-  overflow-x: hidden;
-  width: 100%;
-  height: 100vh;
-  position: relative;
-`, Z = t.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 100%;
-  width: ${(e) => e.windowSize === "small" ? "100%" : "76%"};
-`, q = t(w)`
-  color: ${(e) => e.theme.colors.primary};
-  width: 96%;
-  text-align: center;
-  ${(e) => `${F.title.style(e.windowSize)}`};
-`, G = t.div`
-  padding-left: ${(e) => h.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${(e) => h.containerPaddingRight.valuePx(e.windowSize)};
-`, J = t.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  top: ${n.sp0};
-  padding: ${(e) => `${h.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${n.sp0}`};
-  z-index: 2;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, O = t(L)`
-  cursor: pointer;
-  color: ${(e) => e.theme.colors.hero};
-  width: ${n.sp4};
-  height: ${n.sp4};
-  min-height: ${n.sp3};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, Q = t.div`
-  height: ${n.sp4};
-  width: ${n.sp4};
-  display: flex;
-  align-items: center;
-  margin-left: ${n.sp3};
-`, U = t(C)`
-  height: ${n.sp4};
-  width: ${n.sp4};
-  cursor: pointer;
-  color: ${(e) => e.theme.colors.hero};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`;
-export {
-  oe as default
-};

package/dist/EditPeoplePage-BjEXFOgK.cjs

@@ -1,55 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-B6vI-hvj.cjs"),j=require("react"),n=require("@emotion/styled"),F=require("@zeniai/client-epic-state"),e=require("./index-jJbUoV8Z.cjs"),re=require("./ZeniAvatar-nra8u1tj.cjs"),ne=require("./AllUserItems-C07jdJ6f.cjs"),E={containerPaddingTop:new e.ResponsiveSized(e.sp[3],e.sp[3]),containerPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[6]),containerPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8]),buttonWidth:new e.ResponsiveSized(85,85),marginBottom:new e.ResponsiveSized(e.sp[3],e.sp[3])},L="editPeoplePage",S="userItems",a=e.appLocale.getLocalizedStrings().peoplePage,ie=({peopleDetails:t,managersList:p,classList:P,controllersList:w,mode:c,isZeniTenant:b,onCloseClick:$,onResetClick:I,onSaveClick:u,onDeleteUser:H,onPeopleLocalDataUpdated:G,analytics:q,isReimbursementDisabled:B,isZeniAccountsDisabled:k,isChargeCardDisabled:A,isTreasuryDisabled:O,isBankingOnlyTenant:R,isCardsOnlyTenant:h,isLiteRoleDisabled:V})=>{const y=e.useWindowSizeContext(),[Q,_]=j.useState(!1),[J,K]=j.useState(-1),X=c==="zeni_only"?a.invitePage.editZeniTitle:a.invitePage.editTitle,Y=j.useRef(null),z=j.useMemo(()=>e.getUpdatedRoles(B,k,A,R,h,V,O),[B,k,A,R,h,V,O]),Z=o.useTheme(),i=o.useForm({mode:"onBlur",reValidateMode:"onChange",defaultValues:M(t.people,p,P,c,z,R,h),values:M(t.people,p,P,c,z,R,h)}),D=i.handleSubmit(()=>{T()&&u()},()=>{T(),console.warn("Edit Profile form error")}),T=()=>{const m=i.getValues();let r=!0;return m.userItems.forEach((x,v)=>{const{role:N,department:l,nonZeniRole:g,manager:d}=x;if(c==="zeni_only"){const s=N.selectedOptions;(!s?.length||s?.length===1&&s?.includes("company_officer"))&&(i.setError(`${S}.${v}.role`,{type:"required"}),r=!1)}else{const s=g?.userRole.selectedRole;(s!=null&&g!=null?g.productsByUserRole[s].map(f=>f.selectedOption).filter(f=>f!=null):[]).length<1&&(i.setError(`${S}.${v}.nonZeniRole.userRole.selectedRole`,{type:"required"}),r=!1),s!=="investor_or_banker"&&l?.selectedOption==null&&(R||h||(i.setError(`${S}.${v}.department`,{type:"required"}),r=!1)),d?.selectedUser==null&&s!=="investor_or_banker"&&(i.setError(`${S}.${v}.manager`,{type:"required"}),r=!1)}}),r},ee=async(m,r)=>{const x=[],{userItems:v}=r,N=t.person?.userRole?.userRoleId;v.forEach(l=>{let g={};if(N!=null){if(c==="zeni_only")g={email:l.email,role:l.role.selectedOptions};else{const d=l.nonZeniRole?.userRole.selectedRole;let s=[];d==="admin"||d==="investor_or_banker"?s.push(d):s=d!=null?(l.nonZeniRole?.productsByUserRole[d]??[]).map(f=>F.toUserRoleTypeStrict(f.selectedOption?.value)).filter(f=>f!=null):[],d==="employee"&&s.length===0&&s.push("reimbursements_user");const U=F.hasInvestorBankerLevelAccess(s);g={email:l.email,role:s,departmentId:U?void 0:l.department?.selectedOption?.value,managerId:U?void 0:l.manager?.selectedUser}}x.push(g)}}),G(x)};j.useEffect(()=>{const m=i.watch((r,{name:x})=>{x!=null&&r!=null&&ee(x,r)});return()=>{m.unsubscribe()}});const te=()=>{_(!0)},oe={onOkClick:()=>{const m=t.person;q?.trackRemoveUserAccess(m.userRole.userRoles,m.userRole.userEmail),H?.(t.person)},onCancelClick:()=>{_(!1)}},W=e.usePrevious(t.person?.update),C=t.person?.update,se=a.deleteOverlay.description.replace("‘_user-name_’",`"${t.person?.user?.firstName} ${t.person?.user?.lastName}"`);return j.useEffect(()=>{C==null&&W==="removeUsers"&&(_(!1),I?.())},[C,W]),o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[Q===!0?o.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:a.deleteOverlay.title}),descriptionComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:se}),primaryButtonText:a.deleteOverlay.remove,secondaryButtonText:a.deleteOverlay.cancel,action:oe,proceedButtonVariant:"danger",isLoading:C==="removeUsers",isDisabled:C==="removeUsers",style:{background:Z.colors.overlayColor},children:t.person?.user!=null?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(ge,{}),o.jsxRuntimeExports.jsx(me,{children:o.jsxRuntimeExports.jsx(xe,{src:t.person?.user.photo?.toString()??e.AvatarSVG,alt:t.person?.user.userId,loading:"lazy"})})]}):null}):null,o.jsxRuntimeExports.jsx(e.NavBarWithClose,{title:X,backgroundColor:Z.colors.grey4,style:{zIndex:4},onCloseClick:$,isTitleAlignLeft:y==="small"}),o.jsxRuntimeExports.jsxs(ae,{"data-testid":e.generateDataTestId("edit-people-page-container"),windowSize:y,ref:Y,children:[o.jsxRuntimeExports.jsxs(ue,{children:[o.jsxRuntimeExports.jsx(re.ZeniAvatar,{personBasic:t.person?.user,styles:{height:e.Space.sp6,width:e.Space.sp6}}),o.jsxRuntimeExports.jsxs(ce,{children:[o.jsxRuntimeExports.jsx(de,{children:t.person?.user?.firstName?o.jsxRuntimeExports.jsxs(pe,{children:[t.person?.user?.firstName??""," ",t.person?.user?.lastName??""]}):null}),o.jsxRuntimeExports.jsx(Re,{className:"delete-icon-wrapper","data-testid":e.generateDataTestId("edit-people-page-delete-icon-wrapper"),onClick:te,children:o.jsxRuntimeExports.jsx(e.Tooltip,{style:{padding:"2px 5px"},enterDelay:600,title:a.deleteOverlay.title,placement:"top",children:o.jsxRuntimeExports.jsx(fe,{windowsize:y})})})]})]}),o.jsxRuntimeExports.jsx(o.FormProvider,{...i,children:o.jsxRuntimeExports.jsx("form",{id:`${L}_form`,onSubmit:D,children:o.jsxRuntimeExports.jsx(ne.AllUserItems,{control:i.control,sectionId:S,deleteConfirmationIndex:J,updateDeleteConfirmationIndex:K,mode:c,isZeniTenant:b,classList:P,managersList:p,controllersList:w,customerRoleOptions:z,isBankingOnlyTenant:R,isCardsOnlyTenant:h,isEdit:!0,person:t.person,analytics:q})})})]}),o.jsxRuntimeExports.jsx(e.Footer,{formId:`${L}_form`,"data-testid":e.generateDataTestId("edit-people-page-footer"),primaryBtn:{label:a.invitePage.update,style:{width:E.buttonWidth.value(y)},isLoading:t.updatePersonState.fetchState==="In-Progress",isDisabled:t.updatePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:a.invitePage.cancel,style:{width:E.buttonWidth.value(y)},shouldResetOnCancel:!1,onClick:$},separatorStyle:{marginRight:e.Space.sp4}})]})},M=(t,p,P,w,c,b,$)=>{const I=P.map(u=>({label:u.fullyQualifiedAccountingClassName??"",value:u.classId,hoverText:u.accountingClassNumber}));return{[S]:[{userIndex:0,email:t[0].email,role:w==="zeni_only"?{allOptions:e.ZeniRolesConstants.roles,selectedOptions:t[0]?.role}:void 0,nonZeniRole:w!=="zeni_only"?{userRole:{selectedRole:e.getSelectedRootRole(t[0]?.role),allRootRole:e.getAllRootRoles(b,$)},productsByUserRole:e.getProductWiseRoleOptions(t[0]?.role,c)}:void 0,manager:{allUsers:p,selectedUser:t[0]?.managerId?t[0]?.managerId:"no_manager"},department:{allOptions:I,selectedOption:I.find(u=>u.value===t[0]?.departmentId)}}]}},le=(t,p)=>`${t}.${p}`,ae=n.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${t=>t.theme.colors.grey4};
-  padding-left: ${t=>`${E.containerPaddingLeft.valuePx(t.windowSize)}`};
-  padding-right: ${t=>`${E.containerPaddingRight.valuePx(t.windowSize)}`};
-  overflow-x: hidden;
-  height: 100%;
-  padding-top: ${t=>`${E.containerPaddingTop.valuePx(t.windowSize)}`};
-  gap: ${e.Space.sp2};
-`,ce=n.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  gap: 5px;
-  flex: 1;
-`,de=n.div``,pe=n(e.LargeMedium)`
-  color: ${t=>t.theme.colors.primary};
-`,ue=n.div`
-  display: flex;
-  gap: ${e.Space.sp2};
-  align-items: center;
-  margin: ${e.Space.sp0} ${e.Space.sp1};
-`,me=n.div`
-  position: absolute;
-  top: -26px;
-`,xe=n.img`
-  height: 60px;
-  width: 60px;
-  border-radius: 50%;
-  color: ${t=>t.theme.colors.hero};
-`,ge=n.div`
-  position: absolute;
-  top: 1%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  height: 62px;
-  width: ${e.Space.sp9};
-  border-radius: 50% 50% 0 0;
-  background-color: ${t=>t.theme.colors.grey5};
-`,fe=n(e.SvgDelete)`
-  width: ${e.Space.sp3};
-  height: ${e.Space.sp3};
-  cursor: pointer;
-  color: ${t=>t.windowsize==="small"?e.Colors.important:t.theme.colors.hero};
-  &:hover {
-    color: ${e.Colors.important};
-  }
-`,Re=n.div`
-  width: ${e.Space.sp3};
-  height: ${e.Space.sp3};
-  cursor: pointer;
-  position: relative;
-`;exports.default=ie;exports.uniqueName=le;

package/dist/EditPeoplePage-c4zpxa1G.js

@@ -1,392 +0,0 @@
-import { u as ae, g as de, j as o, F as ce } from "./vendor-.pnpm-DxbX2tX4.js";
-import { useState as M, useRef as pe, useMemo as ue, useEffect as H } from "react";
-import l from "@emotion/styled";
-import { toUserRoleTypeStrict as me, hasInvestorBankerLevelAccess as fe } from "@zeniai/client-epic-state";
-import { u as ge, a as he, hY as ve, aD as xe, aN as Re, v as Pe, aO as ye, aP as we, aX as $e, j as k, S as r, Z as Ie, ap as je, R as I, h_ as Se, h$ as Ce, i0 as Ue, fc as be, y as _e, C as G, z as ze, D as n } from "./index-B1WDj5pO.js";
-import { Z as Ne } from "./ZeniAvatar-Cgc4wZZF.js";
-import { A as Be } from "./AllUserItems-fbi9l7lp.js";
-const j = {
-  containerPaddingTop: new I(n[3], n[3]),
-  containerPaddingLeft: new I(n[3], n[6], n[6]),
-  containerPaddingRight: new I(n[3], n[6], n[8]),
-  buttonWidth: new I(85, 85),
-  marginBottom: new I(n[3], n[3])
-}, Q = "editPeoplePage", y = "userItems", d = he.getLocalizedStrings().peoplePage, Je = ({
-  peopleDetails: e,
-  managersList: u,
-  classList: w,
-  controllersList: S,
-  mode: c,
-  isZeniTenant: z,
-  onCloseClick: C,
-  onResetClick: U,
-  onSaveClick: m,
-  onDeleteUser: Y,
-  onPeopleLocalDataUpdated: J,
-  analytics: O,
-  isReimbursementDisabled: Z,
-  isZeniAccountsDisabled: A,
-  isChargeCardDisabled: V,
-  isTreasuryDisabled: W,
-  isBankingOnlyTenant: x,
-  isCardsOnlyTenant: R,
-  isLiteRoleDisabled: F
-}) => {
-  const $ = ge(), [K, N] = M(!1), [D, ee] = M(-1), oe = c === "zeni_only" ? d.invitePage.editZeniTitle : d.invitePage.editTitle, te = pe(null), B = ue(
-    () => ve(
-      Z,
-      A,
-      V,
-      x,
-      R,
-      F,
-      W
-    ),
-    [
-      Z,
-      A,
-      V,
-      x,
-      R,
-      F,
-      W
-    ]
-  ), q = ae(), i = de({
-    mode: "onBlur",
-    reValidateMode: "onChange",
-    defaultValues: X(
-      e.people,
-      u,
-      w,
-      c,
-      B,
-      x,
-      R
-    ),
-    values: X(
-      e.people,
-      u,
-      w,
-      c,
-      B,
-      x,
-      R
-    )
-  }), re = i.handleSubmit(
-    () => {
-      T() && m();
-    },
-    () => {
-      T(), console.warn("Edit Profile form error");
-    }
-  ), T = () => {
-    const f = i.getValues();
-    let s = !0;
-    return f.userItems.forEach((g, P) => {
-      const { role: E, department: a, nonZeniRole: h, manager: p } = g;
-      if (c === "zeni_only") {
-        const t = E.selectedOptions;
-        (!t?.length || t?.length === 1 && t?.includes("company_officer")) && (i.setError(`${y}.${P}.role`, {
-          type: "required"
-        }), s = !1);
-      } else {
-        const t = h?.userRole.selectedRole;
-        (t != null && h != null ? h.productsByUserRole[t].map((v) => v.selectedOption).filter((v) => v != null) : []).length < 1 && (i.setError(
-          `${y}.${P}.nonZeniRole.userRole.selectedRole`,
-          {
-            type: "required"
-          }
-        ), s = !1), t !== "investor_or_banker" && a?.selectedOption == null && (x || R || (i.setError(`${y}.${P}.department`, {
-          type: "required"
-        }), s = !1)), p?.selectedUser == null && t !== "investor_or_banker" && (i.setError(`${y}.${P}.manager`, {
-          type: "required"
-        }), s = !1);
-      }
-    }), s;
-  }, se = async (f, s) => {
-    const g = [], { userItems: P } = s, E = e.person?.userRole?.userRoleId;
-    P.forEach((a) => {
-      let h = {};
-      if (E != null) {
-        if (c === "zeni_only")
-          h = {
-            email: a.email,
-            role: a.role.selectedOptions
-          };
-        else {
-          const p = a.nonZeniRole?.userRole.selectedRole;
-          let t = [];
-          p === "admin" || p === "investor_or_banker" ? t.push(p) : t = p != null ? (a.nonZeniRole?.productsByUserRole[p] ?? []).map(
-            (v) => me(v.selectedOption?.value)
-          ).filter(
-            (v) => v != null
-          ) : [], p === "employee" && t.length === 0 && t.push("reimbursements_user");
-          const _ = fe(t);
-          h = {
-            email: a.email,
-            role: t,
-            departmentId: _ ? void 0 : a.department?.selectedOption?.value,
-            managerId: _ ? void 0 : a.manager?.selectedUser
-          };
-        }
-        g.push(h);
-      }
-    }), J(g);
-  };
-  H(() => {
-    const f = i.watch((s, { name: g }) => {
-      g != null && s != null && se(g, s);
-    });
-    return () => {
-      f.unsubscribe();
-    };
-  });
-  const ne = () => {
-    N(!0);
-  }, le = {
-    onOkClick: () => {
-      const f = e.person;
-      O?.trackRemoveUserAccess(
-        f.userRole.userRoles,
-        f.userRole.userEmail
-      ), Y?.(e.person);
-    },
-    onCancelClick: () => {
-      N(!1);
-    }
-  }, L = xe(
-    e.person?.update
-  ), b = e.person?.update, ie = d.deleteOverlay.description.replace(
-    "‘_user-name_’",
-    `"${e.person?.user?.firstName} ${e.person?.user?.lastName}"`
-  );
-  return H(() => {
-    b == null && L === "removeUsers" && (N(!1), U?.());
-  }, [b, L]), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    K === !0 ? /* @__PURE__ */ o.jsx(
-      Re,
-      {
-        titleComponent: /* @__PURE__ */ o.jsx(we, { children: d.deleteOverlay.title }),
-        descriptionComponent: /* @__PURE__ */ o.jsx(ye, { children: ie }),
-        primaryButtonText: d.deleteOverlay.remove,
-        secondaryButtonText: d.deleteOverlay.cancel,
-        action: le,
-        proceedButtonVariant: "danger",
-        isLoading: b === "removeUsers",
-        isDisabled: b === "removeUsers",
-        style: { background: q.colors.overlayColor },
-        children: e.person?.user != null ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          /* @__PURE__ */ o.jsx(Fe, {}),
-          /* @__PURE__ */ o.jsx(Ve, { children: /* @__PURE__ */ o.jsx(
-            We,
-            {
-              src: e.person?.user.photo?.toString() ?? Pe,
-              alt: e.person?.user.userId,
-              loading: "lazy"
-            }
-          ) })
-        ] }) : null
-      }
-    ) : null,
-    /* @__PURE__ */ o.jsx(
-      $e,
-      {
-        title: oe,
-        backgroundColor: q.colors.grey4,
-        style: { zIndex: 4 },
-        onCloseClick: C,
-        isTitleAlignLeft: $ === "small"
-      }
-    ),
-    /* @__PURE__ */ o.jsxs(
-      Ee,
-      {
-        "data-testid": k("edit-people-page-container"),
-        windowSize: $,
-        ref: te,
-        children: [
-          /* @__PURE__ */ o.jsxs(Ae, { children: [
-            /* @__PURE__ */ o.jsx(
-              Ne,
-              {
-                personBasic: e.person?.user,
-                styles: { height: r.sp6, width: r.sp6 }
-              }
-            ),
-            /* @__PURE__ */ o.jsxs(ke, { children: [
-              /* @__PURE__ */ o.jsx(Oe, { children: e.person?.user?.firstName ? /* @__PURE__ */ o.jsxs(Ze, { children: [
-                e.person?.user?.firstName ?? "",
-                " ",
-                e.person?.user?.lastName ?? ""
-              ] }) : null }),
-              /* @__PURE__ */ o.jsx(
-                Te,
-                {
-                  className: "delete-icon-wrapper",
-                  "data-testid": k(
-                    "edit-people-page-delete-icon-wrapper"
-                  ),
-                  onClick: ne,
-                  children: /* @__PURE__ */ o.jsx(
-                    Ie,
-                    {
-                      style: { padding: "2px 5px" },
-                      enterDelay: 600,
-                      title: d.deleteOverlay.title,
-                      placement: "top",
-                      children: /* @__PURE__ */ o.jsx(qe, { windowsize: $ })
-                    }
-                  )
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ o.jsx(ce, { ...i, children: /* @__PURE__ */ o.jsx("form", { id: `${Q}_form`, onSubmit: re, children: /* @__PURE__ */ o.jsx(
-            Be,
-            {
-              control: i.control,
-              sectionId: y,
-              deleteConfirmationIndex: D,
-              updateDeleteConfirmationIndex: ee,
-              mode: c,
-              isZeniTenant: z,
-              classList: w,
-              managersList: u,
-              controllersList: S,
-              customerRoleOptions: B,
-              isBankingOnlyTenant: x,
-              isCardsOnlyTenant: R,
-              isEdit: !0,
-              person: e.person,
-              analytics: O
-            }
-          ) }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ o.jsx(
-      je,
-      {
-        formId: `${Q}_form`,
-        "data-testid": k("edit-people-page-footer"),
-        primaryBtn: {
-          label: d.invitePage.update,
-          style: {
-            width: j.buttonWidth.value($)
-          },
-          isLoading: e.updatePersonState.fetchState === "In-Progress",
-          isDisabled: e.updatePersonState.fetchState === "In-Progress"
-        },
-        showCancel: !0,
-        cancelBtn: {
-          label: d.invitePage.cancel,
-          style: {
-            width: j.buttonWidth.value($)
-          },
-          shouldResetOnCancel: !1,
-          onClick: C
-        },
-        separatorStyle: { marginRight: r.sp4 }
-      }
-    )
-  ] });
-}, X = (e, u, w, S, c, z, C) => {
-  const U = w.map((m) => ({
-    label: m.fullyQualifiedAccountingClassName ?? "",
-    value: m.classId,
-    hoverText: m.accountingClassNumber
-  }));
-  return {
-    [y]: [
-      {
-        userIndex: 0,
-        email: e[0].email,
-        role: S === "zeni_only" ? {
-          allOptions: be.roles,
-          selectedOptions: e[0]?.role
-        } : void 0,
-        nonZeniRole: S !== "zeni_only" ? {
-          userRole: {
-            selectedRole: Ue(e[0]?.role),
-            allRootRole: Ce(
-              z,
-              C
-            )
-          },
-          productsByUserRole: Se(
-            e[0]?.role,
-            c
-          )
-        } : void 0,
-        manager: {
-          allUsers: u,
-          selectedUser: e[0]?.managerId ? e[0]?.managerId : "no_manager"
-        },
-        department: {
-          allOptions: U,
-          selectedOption: U.find(
-            (m) => m.value === e[0]?.departmentId
-          )
-        }
-      }
-    ]
-  };
-}, Ke = (e, u) => `${e}.${u}`, Ee = l.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${(e) => e.theme.colors.grey4};
-  padding-left: ${(e) => `${j.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${(e) => `${j.containerPaddingRight.valuePx(e.windowSize)}`};
-  overflow-x: hidden;
-  height: 100%;
-  padding-top: ${(e) => `${j.containerPaddingTop.valuePx(e.windowSize)}`};
-  gap: ${r.sp2};
-`, ke = l.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  gap: 5px;
-  flex: 1;
-`, Oe = l.div``, Ze = l(_e)`
-  color: ${(e) => e.theme.colors.primary};
-`, Ae = l.div`
-  display: flex;
-  gap: ${r.sp2};
-  align-items: center;
-  margin: ${r.sp0} ${r.sp1};
-`, Ve = l.div`
-  position: absolute;
-  top: -26px;
-`, We = l.img`
-  height: 60px;
-  width: 60px;
-  border-radius: 50%;
-  color: ${(e) => e.theme.colors.hero};
-`, Fe = l.div`
-  position: absolute;
-  top: 1%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  height: 62px;
-  width: ${r.sp9};
-  border-radius: 50% 50% 0 0;
-  background-color: ${(e) => e.theme.colors.grey5};
-`, qe = l(ze)`
-  width: ${r.sp3};
-  height: ${r.sp3};
-  cursor: pointer;
-  color: ${(e) => e.windowsize === "small" ? G.important : e.theme.colors.hero};
-  &:hover {
-    color: ${G.important};
-  }
-`, Te = l.div`
-  width: ${r.sp3};
-  height: ${r.sp3};
-  cursor: pointer;
-  position: relative;
-`;
-export {
-  Je as default,
-  Ke as uniqueName
-};