@zeniai/web-components 3.16.84 → 3.16.85

package/dist/InvitePeoplePage-C0PWeM3E.js

@@ -0,0 +1,286 @@
+import { u as ee, g as oe, j as u, F as te } from "./vendor-.pnpm-DtFedGku.js";
+import { useState as W, useRef as le, useMemo as ne, useEffect as B } from "react";
+import T from "@emotion/styled";
+import { toUserRoleTypeStrict as re, hasInvestorBankerLevelAccess as ie } from "@zeniai/client-epic-state";
+import { u as se, i2 as ae, a as ce, D as s, aZ as de, j as ue, ap as pe, S as fe, R as b, i4 as H, i5 as L, i6 as M, fe as O, H as me } from "./index-BrQvJ7aX.js";
+import { A as ge } from "./AllUserItems-I9JQjdtN.js";
+const U = {
+  containerPaddingLeft: new b(s[3], s[6], s[8]),
+  containerPaddingRight: new b(s[3], s[6], s[8]),
+  buttonWidth: new b(85, 85),
+  marginBottom: new b(s[3], s[3])
+}, k = "editPeoplePage", S = "userItems", m = ce.getLocalizedStrings().peoplePage, $e = ({
+  peopleDetails: e,
+  managersList: i,
+  classList: h,
+  controllersList: j,
+  mode: l,
+  isZeniTenant: w,
+  onPeopleLocalDataUpdated: $,
+  onCloseClick: y,
+  onSaveClick: a,
+  isReimbursementDisabled: z,
+  isZeniAccountsDisabled: n,
+  isChargeCardDisabled: C,
+  isTreasuryDisabled: F,
+  isBankingOnlyTenant: P,
+  isCardsOnlyTenant: I,
+  isLiteRoleDisabled: N
+}) => {
+  const p = se(), [G, J] = W(-1), [q, _] = W(""), A = le(null), E = ne(
+    () => ae(
+      z,
+      n,
+      C,
+      P,
+      I,
+      N,
+      F
+    ),
+    [
+      z,
+      n,
+      C,
+      P,
+      I,
+      N,
+      F
+    ]
+  ), K = ee(), c = oe({
+    mode: "onBlur",
+    reValidateMode: "onChange",
+    defaultValues: Q(
+      e.people,
+      l,
+      E,
+      i,
+      h,
+      P,
+      I
+    ),
+    values: Q(
+      e.people,
+      l,
+      E,
+      i,
+      h,
+      P,
+      I
+    )
+  }), X = c.handleSubmit(() => {
+    Y() ? a() : console.warn("Invite People form error");
+  }), Y = () => {
+    const o = c.getValues();
+    let t = !0;
+    return o.userItems.forEach((g, x) => {
+      const { role: d, nonZeniRole: v, department: V, manager: f } = g;
+      if (l === "zeni_only")
+        d?.selectedOptions == null && (c.setError(`${S}.${x}.role`, {
+          type: "required"
+        }), t = !1);
+      else {
+        const r = v?.userRole.selectedRole;
+        (r != null && v != null ? v.productsByUserRole[r].map((R) => R.selectedOption).filter((R) => R != null) : []).length < 1 && (c.setError(
+          `${S}.${x}.nonZeniRole.userRole.selectedRole`,
+          {
+            type: "required"
+          }
+        ), t = !1), V?.selectedOption == null && r !== "investor_or_banker" && !P && !I && (c.setError(`${S}.${x}.department`, {
+          type: "required"
+        }), t = !1), f?.selectedUser == null && r !== "investor_or_banker" && (c.setError(`${S}.${x}.manager`, {
+          type: "required"
+        }), t = !1);
+      }
+    }), t;
+  }, D = async (o, t) => {
+    const g = [], { userItems: x } = t;
+    x.forEach((d) => {
+      let v = {};
+      if (l === "zeni_only")
+        v = {
+          email: d.email,
+          role: [d.role?.selectedOptions]
+        };
+      else {
+        const f = d.nonZeniRole?.userRole.selectedRole;
+        let r = [];
+        f === "admin" || f === "investor_or_banker" ? r.push(f) : r = f != null ? (d.nonZeniRole?.productsByUserRole[f] ?? []).map(
+          (R) => re(R.selectedOption?.value)
+        ).filter(
+          (R) => R != null
+        ) : [], f === "employee" && r.length === 0 && (r = ["reimbursements_user"]);
+        const Z = ie(r);
+        v = {
+          email: d.email,
+          role: r,
+          departmentId: Z ? void 0 : d.department?.selectedOption?.value,
+          managerId: Z ? void 0 : d.manager?.selectedUser
+        };
+      }
+      g.push(v);
+    }), $(g);
+  };
+  return B(() => {
+    const o = c.watch((t, { name: g }) => {
+      g != null && t != null && D(g, t);
+    });
+    return () => {
+      o.unsubscribe();
+    };
+  }), B(() => {
+    const o = A.current, t = () => {
+      p !== "small" && (o && o?.scrollTop > s[9] ? _(
+        l === "zeni_only" ? m.invitePage.zeniTitle : m.invitePage.title
+      ) : _(""));
+    };
+    return p === "small" ? _(
+      l === "zeni_only" ? m.invitePage.zeniTitle : m.invitePage.title
+    ) : o && o?.scrollTop <= s[9] && _(""), o && o.addEventListener("scroll", t), () => {
+      o && o.removeEventListener("scroll", t);
+    };
+  }, [l, q, p]), /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+    /* @__PURE__ */ u.jsx(
+      de,
+      {
+        title: q,
+        backgroundColor: K.colors.grey4,
+        style: { zIndex: 4 },
+        onCloseClick: y,
+        isTitleAlignLeft: p === "small"
+      }
+    ),
+    /* @__PURE__ */ u.jsxs(
+      ve,
+      {
+        "data-testid": ue("invite-people-container"),
+        windowSize: p,
+        ref: A,
+        children: [
+          p !== "small" ? /* @__PURE__ */ u.jsx(Re, { children: l === "zeni_only" ? m.invitePage.zeniTitle : m.invitePage.title }) : null,
+          /* @__PURE__ */ u.jsx(te, { ...c, children: /* @__PURE__ */ u.jsx("form", { id: `${k}_form`, onSubmit: X, children: /* @__PURE__ */ u.jsx(
+            ge,
+            {
+              control: c.control,
+              sectionId: S,
+              deleteConfirmationIndex: G,
+              updateDeleteConfirmationIndex: J,
+              mode: l,
+              isZeniTenant: w,
+              classList: h,
+              managersList: i,
+              controllersList: j,
+              isBankingOnlyTenant: P,
+              isCardsOnlyTenant: I,
+              customerRoleOptions: E,
+              isEdit: !1
+            }
+          ) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ u.jsx(
+      pe,
+      {
+        formId: `${k}_form`,
+        primaryBtn: {
+          label: m.invitePage.invite,
+          style: {
+            width: U.buttonWidth.value(p)
+          },
+          isLoading: e.invitePersonState.fetchState === "In-Progress",
+          isDisabled: e.invitePersonState.fetchState === "In-Progress"
+        },
+        showCancel: !0,
+        cancelBtn: {
+          label: m.invitePage.cancel,
+          style: {
+            width: U.buttonWidth.value(p)
+          },
+          shouldResetOnCancel: !1,
+          onClick: y
+        },
+        separatorStyle: { marginRight: fe.sp4 }
+      }
+    )
+  ] });
+}, Q = (e, i, h, j, l, w, $) => {
+  const y = [
+    {
+      userIndex: 0,
+      email: [],
+      role: i === "zeni_only" ? {
+        allOptions: O.roles,
+        selectedOptions: e[0]?.role
+      } : void 0,
+      nonZeniRole: i === "off" ? {
+        userRole: {
+          selectedRole: e[0]?.role.length > 0 ? M(e[0].role) : void 0,
+          allRootRole: L(
+            w,
+            $
+          )
+        },
+        productsByUserRole: H(
+          e[0]?.role ?? [],
+          h
+        )
+      } : void 0,
+      department: void 0,
+      manager: void 0
+    }
+  ];
+  return {
+    [S]: e.length > 0 ? e.map((a, z) => ({
+      userIndex: z,
+      email: a.email,
+      role: i === "zeni_only" ? {
+        allOptions: O.roles,
+        selectedOptions: a.role
+      } : void 0,
+      nonZeniRole: i === "off" ? {
+        userRole: {
+          selectedRole: a.role.length > 0 ? M(a.role) : void 0,
+          allRootRole: L(
+            w,
+            $
+          )
+        },
+        productsByUserRole: H(
+          a.role,
+          h
+        )
+      } : void 0,
+      department: {
+        allOptions: l.map((n) => ({
+          label: n.fullyQualifiedAccountingClassName ?? "",
+          value: n.classId,
+          hoverText: n.accountingClassNumber
+        })),
+        selectedOption: l.map((n) => ({
+          label: n.fullyQualifiedAccountingClassName ?? "",
+          value: n.classId,
+          hoverText: n.accountingClassNumber
+        })).find((n) => n.value === a.departmentId)
+      },
+      manager: {
+        allUsers: j,
+        selectedUser: a.managerId
+      }
+    })) : y
+  };
+}, ye = (e, i) => `${e}.${i}`, ve = T.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${(e) => e.theme.colors.grey4};
+
+  padding-left: ${(e) => `${U.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${(e) => `${U.containerPaddingRight.valuePx(e.windowSize)}`};
+  overflow-x: hidden;
+  height: 100%;
+`, Re = T(me)`
+  color: ${(e) => e.theme.colors.primary};
+`;
+export {
+  $e as default,
+  ye as uniqueName
+};

package/dist/InvitePeoplePage-DfAeU05u.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-.pnpm-CT-Z_-kn.cjs"),S=require("react"),M=require("@emotion/styled"),V=require("@zeniai/client-epic-state"),e=require("./index-BOGO7v0l.cjs"),J=require("./AllUserItems-CSNQkTHD.cjs"),$={containerPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8]),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])},B="editPeoplePage",E="userItems",R=e.appLocale.getLocalizedStrings().peoplePage,K=({peopleDetails:t,managersList:a,classList:h,controllersList:b,mode:n,isZeniTenant:z,onPeopleLocalDataUpdated:y,onCloseClick:_,onSaveClick:c,isReimbursementDisabled:j,isZeniAccountsDisabled:r,isChargeCardDisabled:C,isTreasuryDisabled:Z,isBankingOnlyTenant:x,isCardsOnlyTenant:P,isLiteRoleDisabled:N})=>{const p=e.useWindowSizeContext(),[L,T]=S.useState(-1),[A,w]=S.useState(""),F=S.useRef(null),U=S.useMemo(()=>e.getUpdatedRoles(j,r,C,x,P,N,Z),[j,r,C,x,P,N,Z]),k=s.useTheme(),u=s.useForm({mode:"onBlur",reValidateMode:"onChange",defaultValues:O(t.people,n,U,a,h,x,P),values:O(t.people,n,U,a,h,x,P)}),H=u.handleSubmit(()=>{Q()?c():console.warn("Invite People form error")}),Q=()=>{const o=u.getValues();let l=!0;return o.userItems.forEach((m,I)=>{const{role:d,nonZeniRole:g,department:W,manager:f}=m;if(n==="zeni_only")d?.selectedOptions==null&&(u.setError(`${E}.${I}.role`,{type:"required"}),l=!1);else{const i=g?.userRole.selectedRole;(i!=null&&g!=null?g.productsByUserRole[i].map(v=>v.selectedOption).filter(v=>v!=null):[]).length<1&&(u.setError(`${E}.${I}.nonZeniRole.userRole.selectedRole`,{type:"required"}),l=!1),W?.selectedOption==null&&i!=="investor_or_banker"&&!x&&!P&&(u.setError(`${E}.${I}.department`,{type:"required"}),l=!1),f?.selectedUser==null&&i!=="investor_or_banker"&&(u.setError(`${E}.${I}.manager`,{type:"required"}),l=!1)}}),l},G=async(o,l)=>{const m=[],{userItems:I}=l;I.forEach(d=>{let g={};if(n==="zeni_only")g={email:d.email,role:[d.role?.selectedOptions]};else{const f=d.nonZeniRole?.userRole.selectedRole;let i=[];f==="admin"||f==="investor_or_banker"?i.push(f):i=f!=null?(d.nonZeniRole?.productsByUserRole[f]??[]).map(v=>V.toUserRoleTypeStrict(v.selectedOption?.value)).filter(v=>v!=null):[],f==="employee"&&i.length===0&&(i=["reimbursements_user"]);const q=V.hasInvestorBankerLevelAccess(i);g={email:d.email,role:i,departmentId:q?void 0:d.department?.selectedOption?.value,managerId:q?void 0:d.manager?.selectedUser}}m.push(g)}),y(m)};return S.useEffect(()=>{const o=u.watch((l,{name:m})=>{m!=null&&l!=null&&G(m,l)});return()=>{o.unsubscribe()}}),S.useEffect(()=>{const o=F.current,l=()=>{p!=="small"&&(o&&o?.scrollTop>e.sp[9]?w(n==="zeni_only"?R.invitePage.zeniTitle:R.invitePage.title):w(""))};return p==="small"?w(n==="zeni_only"?R.invitePage.zeniTitle:R.invitePage.title):o&&o?.scrollTop<=e.sp[9]&&w(""),o&&o.addEventListener("scroll",l),()=>{o&&o.removeEventListener("scroll",l)}},[n,A,p]),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(e.NavBarWithClose,{title:A,backgroundColor:k.colors.grey4,style:{zIndex:4},onCloseClick:_,isTitleAlignLeft:p==="small"}),s.jsxRuntimeExports.jsxs(Y,{"data-testid":e.generateDataTestId("invite-people-container"),windowSize:p,ref:F,children:[p!=="small"?s.jsxRuntimeExports.jsx(D,{children:n==="zeni_only"?R.invitePage.zeniTitle:R.invitePage.title}):null,s.jsxRuntimeExports.jsx(s.FormProvider,{...u,children:s.jsxRuntimeExports.jsx("form",{id:`${B}_form`,onSubmit:H,children:s.jsxRuntimeExports.jsx(J.AllUserItems,{control:u.control,sectionId:E,deleteConfirmationIndex:L,updateDeleteConfirmationIndex:T,mode:n,isZeniTenant:z,classList:h,managersList:a,controllersList:b,isBankingOnlyTenant:x,isCardsOnlyTenant:P,customerRoleOptions:U,isEdit:!1})})})]}),s.jsxRuntimeExports.jsx(e.Footer,{formId:`${B}_form`,primaryBtn:{label:R.invitePage.invite,style:{width:$.buttonWidth.value(p)},isLoading:t.invitePersonState.fetchState==="In-Progress",isDisabled:t.invitePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:R.invitePage.cancel,style:{width:$.buttonWidth.value(p)},shouldResetOnCancel:!1,onClick:_},separatorStyle:{marginRight:e.Space.sp4}})]})},O=(t,a,h,b,n,z,y)=>{const _=[{userIndex:0,email:[],role:a==="zeni_only"?{allOptions:e.ZeniRolesConstants.roles,selectedOptions:t[0]?.role}:void 0,nonZeniRole:a==="off"?{userRole:{selectedRole:t[0]?.role.length>0?e.getSelectedRootRole(t[0].role):void 0,allRootRole:e.getAllRootRoles(z,y)},productsByUserRole:e.getProductWiseRoleOptions(t[0]?.role??[],h)}:void 0,department:void 0,manager:void 0}];return{[E]:t.length>0?t.map((c,j)=>({userIndex:j,email:c.email,role:a==="zeni_only"?{allOptions:e.ZeniRolesConstants.roles,selectedOptions:c.role}:void 0,nonZeniRole:a==="off"?{userRole:{selectedRole:c.role.length>0?e.getSelectedRootRole(c.role):void 0,allRootRole:e.getAllRootRoles(z,y)},productsByUserRole:e.getProductWiseRoleOptions(c.role,h)}:void 0,department:{allOptions:n.map(r=>({label:r.fullyQualifiedAccountingClassName??"",value:r.classId,hoverText:r.accountingClassNumber})),selectedOption:n.map(r=>({label:r.fullyQualifiedAccountingClassName??"",value:r.classId,hoverText:r.accountingClassNumber})).find(r=>r.value===c.departmentId)},manager:{allUsers:b,selectedUser:c.managerId}})):_}},X=(t,a)=>`${t}.${a}`,Y=M.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey4};
+
+  padding-left: ${t=>`${$.containerPaddingLeft.valuePx(t.windowSize)}`};
+  padding-right: ${t=>`${$.containerPaddingRight.valuePx(t.windowSize)}`};
+  overflow-x: hidden;
+  height: 100%;
+`,D=M(e.H5Regular)`
+  color: ${t=>t.theme.colors.primary};
+`;exports.default=K;exports.uniqueName=X;