@zeniai/web-components 3.16.99 → 3.17.2

package/dist/InvitePeoplePage-BBCOyXrb.cjs

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-.pnpm-D0ILHvHB.cjs"),S=require("react"),M=require("@emotion/styled"),V=require("@zeniai/client-epic-state"),e=require("./index-CZKgJQb3.cjs"),J=require("./AllUserItems-C8BdMzTN.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;

package/dist/InvitePeoplePage-D7AJG7Jt.js

@@ -1,286 +0,0 @@
-import { u as ee, g as oe, j as u, F as te } from "./vendor-.pnpm-B2klaOGU.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, i3 as ae, a as ce, D as s, aZ as de, e as ue, ao as fe, S as pe, R as b, i5 as H, i6 as L, i7 as M, fe as O, H as me } from "./index-CD9fwr4J.js";
-import { A as ge } from "./AllUserItems-DjWT-b3o.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: E,
-  mode: l,
-  isZeniTenant: w,
-  onPeopleLocalDataUpdated: $,
-  onCloseClick: y,
-  onSaveClick: a,
-  isReimbursementDisabled: z,
-  isZeniAccountsDisabled: n,
-  isChargeCardDisabled: C,
-  isTreasuryDisabled: F,
-  isBankingOnlyTenant: P,
-  isCardsOnlyTenant: I,
-  isLiteRoleDisabled: N
-}) => {
-  const f = se(), [G, J] = W(-1), [q, _] = W(""), A = le(null), j = 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,
-      j,
-      i,
-      h,
-      P,
-      I
-    ),
-    values: Q(
-      e.people,
-      l,
-      j,
-      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: p } = 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), p?.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 p = d.nonZeniRole?.userRole.selectedRole;
-        let r = [];
-        p === "admin" || p === "investor_or_banker" ? r.push(p) : r = p != null ? (d.nonZeniRole?.productsByUserRole[p] ?? []).map(
-          (R) => re(R.selectedOption?.value)
-        ).filter(
-          (R) => R != null
-        ) : [], p === "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 = () => {
-      f !== "small" && (o && o?.scrollTop > s[9] ? _(
-        l === "zeni_only" ? m.invitePage.zeniTitle : m.invitePage.title
-      ) : _(""));
-    };
-    return f === "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, f]), /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-    /* @__PURE__ */ u.jsx(
-      de,
-      {
-        title: q,
-        backgroundColor: K.colors.grey4,
-        style: { zIndex: 4 },
-        onCloseClick: y,
-        isTitleAlignLeft: f === "small"
-      }
-    ),
-    /* @__PURE__ */ u.jsxs(
-      ve,
-      {
-        "data-testid": ue("invite-people-container"),
-        windowSize: f,
-        ref: A,
-        children: [
-          f !== "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: E,
-              isBankingOnlyTenant: P,
-              isCardsOnlyTenant: I,
-              customerRoleOptions: j,
-              isEdit: !1
-            }
-          ) }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ u.jsx(
-      fe,
-      {
-        formId: `${k}_form`,
-        primaryBtn: {
-          label: m.invitePage.invite,
-          style: {
-            width: U.buttonWidth.value(f)
-          },
-          isLoading: e.invitePersonState.fetchState === "In-Progress",
-          isDisabled: e.invitePersonState.fetchState === "In-Progress"
-        },
-        showCancel: !0,
-        cancelBtn: {
-          label: m.invitePage.cancel,
-          style: {
-            width: U.buttonWidth.value(f)
-          },
-          shouldResetOnCancel: !1,
-          onClick: y
-        },
-        separatorStyle: { marginRight: pe.sp4 }
-      }
-    )
-  ] });
-}, Q = (e, i, h, E, 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: E,
-        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
-};