@zeniai/web-cockpit-ui 1.14.18-qa → 1.14.19-dev

package/dist/assets/{DrawerPage-DLVTld-y-ocrEwuzh.js → DrawerPage-Dpd6lRf7-l9nV_5N2.js}

@@ -1,4 +1,4 @@
-import{X as a,j as i,bt as P,o,M as h,C as s,bp as y,Q as c,h as g,a3 as b,q as t,a0 as L,j4 as k,j5 as C,j6 as R}from"./index-CbZTLtvs.js";import{n}from"./vendor-CnQcJ2Lu.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const l={drawerItemPadding:new s(t[3],t[3],t[4]),styledDivMarginLeft:new s(t[6],t[7]),verticalLineLeftMargin:new s(32,42),iconWidth:new s(t[5],t[6]),iconHeight:new s(t[5],t[6]),iconSize:new s(20,t[4])},v={title:new c("standardRegular","largeRegular"),content:new c("smallRegular","standardRegular")},x=h.getLocalizedStrings().rewardsPage.drawerPage,D=({rewardsPlan:e})=>{const r=[M(),_(),H({rewardsPlan:e})],d=a();return i.jsx(W,{children:r.map((f,j)=>i.jsxs(N,{children:[i.jsx(E,{children:f}),j<r.length-1?i.jsx(A,{windowSize:d}):null]},`step_${j}`))})},M=()=>{const e=a(),r=x.item1;return i.jsxs(p,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(z,{windowSize:e,icon:"link",children:i.jsx(X,{windowSize:e})}),i.jsx(S,{windowSize:e,children:r.title})]}),i.jsx($,{windowSize:e,children:i.jsx(u,{windowSize:e,children:r.content})})]})},_=()=>{const e=a(),r=x.item2;return i.jsxs(p,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(z,{windowSize:e,icon:"user",children:i.jsx(B,{windowSize:e})}),i.jsx(S,{windowSize:e,children:r.title})]}),i.jsx($,{windowSize:e,children:i.jsx(u,{windowSize:e,children:r.content})})]})},H=({rewardsPlan:e})=>{const r=a(),d=x.item3;return i.jsxs(p,{windowSize:r,children:[i.jsxs(m,{children:[i.jsx(z,{windowSize:r,icon:"money",children:i.jsx(I,{windowSize:r})}),i.jsx(S,{windowSize:r,children:d.title[e.planName]})]}),i.jsx($,{windowSize:r,children:i.jsx(u,{windowSize:r,children:d.content[e.planName].replace("__reward-amount__",L("0,0",e.referrerAmount))})})]})},p=n.div`
+import{e as a,j as i,bx as P,o,M as h,C as s,bt as y,b as c,h as g,a3 as b,q as t,a0 as L,j7 as k,j8 as C,j9 as R}from"./index-CyJdCOlu.js";import{n}from"./vendor-CnQcJ2Lu.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const l={drawerItemPadding:new s(t[3],t[3],t[4]),styledDivMarginLeft:new s(t[6],t[7]),verticalLineLeftMargin:new s(32,42),iconWidth:new s(t[5],t[6]),iconHeight:new s(t[5],t[6]),iconSize:new s(20,t[4])},v={title:new c("standardRegular","largeRegular"),content:new c("smallRegular","standardRegular")},x=h.getLocalizedStrings().rewardsPage.drawerPage,M=({rewardsPlan:e})=>{const r=[D(),_(),W({rewardsPlan:e})],d=a();return i.jsx(H,{children:r.map((f,j)=>i.jsxs(E,{children:[i.jsx(X,{children:f}),j<r.length-1?i.jsx(I,{windowSize:d}):null]},`step_${j}`))})},D=()=>{const e=a(),r=x.item1;return i.jsxs(p,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(z,{windowSize:e,icon:"link",children:i.jsx(B,{windowSize:e})}),i.jsx(S,{windowSize:e,children:r.title})]}),i.jsx($,{windowSize:e,children:i.jsx(u,{windowSize:e,children:r.content})})]})},_=()=>{const e=a(),r=x.item2;return i.jsxs(p,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(z,{windowSize:e,icon:"user",children:i.jsx(N,{windowSize:e})}),i.jsx(S,{windowSize:e,children:r.title})]}),i.jsx($,{windowSize:e,children:i.jsx(u,{windowSize:e,children:r.content})})]})},W=({rewardsPlan:e})=>{const r=a(),d=x.item3;return i.jsxs(p,{windowSize:r,children:[i.jsxs(m,{children:[i.jsx(z,{windowSize:r,icon:"money",children:i.jsx(A,{windowSize:r})}),i.jsx(S,{windowSize:r,children:d.title[e.planName]})]}),i.jsx($,{windowSize:r,children:i.jsx(u,{windowSize:r,children:d.content[e.planName].replace("__reward-amount__",L("0,0",e.referrerAmount))})})]})},p=n.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${o.sp2};
   box-shadow: ${e=>`${o.sp0} 1px 2px ${o.sp0} ${e.theme.colors.dropShadowNormal}`};
@@ -15,15 +15,15 @@ import{X as a,j as i,bt as P,o,M as h,C as s,bp as y,Q as c,h as g,a3 as b,q as
   justify-content: flex-start;
 `,$=n.div`
   margin-left: ${e=>l.styledDivMarginLeft.valuePx(e.windowSize)};
-`,X=n(k)`
+`,B=n(k)`
   height: ${e=>l.iconSize.valuePx(e.windowSize)};
   width: ${e=>l.iconSize.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.graphColor12Dark};
-`,B=n(C)`
+`,N=n(C)`
   height: ${e=>l.iconSize.valuePx(e.windowSize)};
   width: ${e=>l.iconSize.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.graphColor06Dark};
-`,I=n(R)`
+`,A=n(R)`
   height: ${e=>l.iconSize.valuePx(e.windowSize)};
   width: ${e=>l.iconSize.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.success};
@@ -42,14 +42,14 @@ import{X as a,j as i,bt as P,o,M as h,C as s,bp as y,Q as c,h as g,a3 as b,q as
 `,u=n(g)`
   color: ${e=>e.theme.colors.hero};
   ${e=>`${v.content.style(e.windowSize)}`};
-`,N=n.div`
+`,E=n.div`
   display: flex;
   flex-direction: row;
   position: relative;
   z-index: 1;
-`,W=n.div`
+`,H=n.div`
   margin-top: ${o.sp4};
-`,A=n.div`
+`,I=n.div`
   top: ${o.sp0};
   width: 1px;
   height: 100%;
@@ -58,9 +58,9 @@ import{X as a,j as i,bt as P,o,M as h,C as s,bp as y,Q as c,h as g,a3 as b,q as
   width: 2px;
   background: ${e=>e.theme.colors.grey2};
   z-index: -1;
-`,E=n.div`
+`,X=n.div`
   padding-bottom: ${o.sp4};
-`,{common:{navBar:{back:Q}}}=h.getLocalizedStrings(),w={navBarContainerPaddingXaxis:new s(10,t[3]),containerPaddingLeft:new s(t[3],t[6],t[8]),containerPaddingRight:new s(t[3],t[6],t[8])},q={title:new c("standardRegular","largeRegular")},{referAndEarn:J}=h.getLocalizedStrings().rewardsPage;function se({rewardsPlan:e,onDismissClick:r}){const d=a();return i.jsxs(F,{windowSize:d,children:[i.jsx(T,{windowSize:d,children:i.jsxs(G,{windowSize:d,children:[d==="small"&&i.jsx(V,{children:i.jsx(P,{enterDelay:600,title:Q,placement:"bottom",style:{padding:`${o.sp1} ${o.sp2}`},children:i.jsx(Y,{onClick:r})})}),i.jsx(K,{windowSize:d,children:J}),d!=="small"&&i.jsx(U,{onClick:r})]})}),i.jsx(O,{windowSize:d,children:i.jsx(D,{rewardsPlan:e})})]})}const F=n.div`
+`,{common:{navBar:{back:q}}}=h.getLocalizedStrings(),w={navBarContainerPaddingXaxis:new s(10,t[3]),containerPaddingLeft:new s(t[3],t[6],t[8]),containerPaddingRight:new s(t[3],t[6],t[8])},T={title:new c("standardRegular","largeRegular")},{referAndEarn:V}=h.getLocalizedStrings().rewardsPage;function se({rewardsPlan:e,onDismissClick:r}){const d=a();return i.jsxs(F,{windowSize:d,children:[i.jsx(O,{windowSize:d,children:i.jsxs(G,{windowSize:d,children:[d==="small"&&i.jsx(U,{children:i.jsx(P,{enterDelay:600,title:q,placement:"bottom",style:{padding:`${o.sp1} ${o.sp2}`},children:i.jsx(Y,{onClick:r})})}),i.jsx(J,{windowSize:d,children:V}),d!=="small"&&i.jsx(Q,{onClick:r})]})}),i.jsx(K,{windowSize:d,children:i.jsx(M,{rewardsPlan:e})})]})}const F=n.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -74,15 +74,15 @@ import{X as a,j as i,bt as P,o,M as h,C as s,bp as y,Q as c,h as g,a3 as b,q as
   justify-content: space-between;
   height: 100%;
   width: ${e=>e.windowSize==="small"?"100%":"76%"};
-`,K=n(g)`
+`,J=n(g)`
   color: ${e=>e.theme.colors.primary};
   width: 96%;
   text-align: center;
-  ${e=>`${q.title.style(e.windowSize)}`};
-`,O=n.div`
+  ${e=>`${T.title.style(e.windowSize)}`};
+`,K=n.div`
   padding-left: ${e=>w.containerPaddingLeft.valuePx(e.windowSize)};
   padding-right: ${e=>w.containerPaddingRight.valuePx(e.windowSize)};
-`,T=n.div`
+`,O=n.div`
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -92,7 +92,7 @@ import{X as a,j as i,bt as P,o,M as h,C as s,bp as y,Q as c,h as g,a3 as b,q as
   padding: ${e=>`${w.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${o.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,U=n(b)`
+`,Q=n(b)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${o.sp4};
@@ -101,7 +101,7 @@ import{X as a,j as i,bt as P,o,M as h,C as s,bp as y,Q as c,h as g,a3 as b,q as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,V=n.div`
+`,U=n.div`
   height: ${o.sp4};
   width: ${o.sp4};
   display: flex;

package/dist/assets/EditPeoplePage-C7uOWg9F-BdboEEOc.js

@@ -0,0 +1,55 @@
+import{e as ae,M as de,fm as pe,u as ce,a as ue,a2 as me,j as t,bS as ge,bT as he,bU as fe,bV as xe,ge as ye,_ as z,bZ as ve,o as r,bx as be,F as $e,a4 as we,C as _,fp as Re,fq as Ce,fr as je,c2 as Oe,l as Q,ao as ke,c as W,cr as Pe,q as c}from"./index-CyJdCOlu.js";import{b as $,n}from"./vendor-CnQcJ2Lu.js";import{x as Ie}from"./AllUserItems-DBXzXO61-sIPVSbAT.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./LabeledUserSingleSelectWithSubtitlesField-DrloYoze-DB50WeN3.js";import"./RoleWithToolTip-CNQZHC7h-LUv0Jw-2.js";import"./LabeledZeniRolesDropDownField-BZKMSlzI-B3-a-Sde.js";const j={containerPaddingTop:new _(c[3],c[3]),containerPaddingLeft:new _(c[3],c[6],c[6]),containerPaddingRight:new _(c[3],c[6],c[8]),buttonWidth:new _(85,85)},J="editPeoplePage",w="userItems",a=de.getLocalizedStrings().peoplePage,Ye=({peopleDetails:e,managersList:u,classList:R,controllersList:O,mode:d,isZeniTenant:S,onCloseClick:k,onResetClick:P,onSaveClick:m,onDeleteUser:H,onPeopleLocalDataUpdated:K,analytics:B,isReimbursementDisabled:D,isZeniAccountsDisabled:Z,isChargeCardDisabled:q,isTreasuryDisabled:N,isBankingOnlyTenant:x,isCardsOnlyTenant:y,isLiteRoleDisabled:F})=>{const C=ae(),[X,T]=$.useState(!1),[Y,ee]=$.useState(-1),te=d==="zeni_only"?a.invitePage.editZeniTitle:a.invitePage.editTitle,se=$.useRef(null),E=$.useMemo(()=>pe(D,Z,q,x,y,F,N),[D,Z,q,x,y,F,N]),A=ce(),l=ue({mode:"onBlur",reValidateMode:"onChange",defaultValues:G(e.people,u,R,d,E,x,y),values:G(e.people,u,R,d,E,x,y)}),re=l.handleSubmit(()=>{V()&&m()},()=>{V(),console.warn("Edit Profile form error")}),V=()=>{const g=l.getValues();let o=!0;return g.userItems.forEach((h,v)=>{const{role:L,department:i,nonZeniRole:f,manager:p}=h;if(d==="zeni_only"){const s=L.selectedOptions;(!s?.length||s?.length===1&&s?.includes("company_officer"))&&(l.setError(`${w}.${v}.role`,{type:"required"}),o=!1)}else{const s=f?.userRole.selectedRole;(s!=null&&f!=null?f.productsByUserRole[s].map(b=>b.selectedOption).filter(b=>b!=null):[]).length<1&&(l.setError(`${w}.${v}.nonZeniRole.userRole.selectedRole`,{type:"required"}),o=!1),s!=="investor_or_banker"&&i?.selectedOption==null&&(x||y||(l.setError(`${w}.${v}.department`,{type:"required"}),o=!1)),p?.selectedUser==null&&s!=="investor_or_banker"&&(l.setError(`${w}.${v}.manager`,{type:"required"}),o=!1)}}),o},oe=async(g,o)=>{const h=[],{userItems:v}=o,L=e.person?.userRole?.userRoleId;v.forEach(i=>{let f={};if(L!=null){if(d==="zeni_only")f={email:i.email,role:i.role.selectedOptions};else{const p=i.nonZeniRole?.userRole.selectedRole;let s=[];p==="admin"||p==="investor_or_banker"?s.push(p):s=p!=null?(i.nonZeniRole?.productsByUserRole[p]??[]).map(U=>Q.toUserRoleTypeStrict(U.selectedOption?.value)).filter(U=>U!=null):[],p==="employee"&&s.length===0&&s.push("reimbursements_user");const b=Q.hasInvestorBankerLevelAccess(s);f={email:i.email,role:s,departmentId:b?void 0:i.department?.selectedOption?.value,managerId:b?void 0:i.manager?.selectedUser}}h.push(f)}}),K(h)};$.useEffect(()=>{const g=l.watch((o,{name:h})=>{h!=null&&o!=null&&oe(h,o)});return()=>{g.unsubscribe()}});const ne=()=>{T(!0)},le={onOkClick:()=>{const g=e.person;B?.trackRemoveUserAccess(g.userRole.userRoles,g.userRole.userEmail),H?.(e.person)},onCancelClick:()=>{T(!1)}},M=me(e.person?.update),I=e.person?.update,ie=a.deleteOverlay.description.replace("‘_user-name_’",`"${e.person?.user?.firstName} ${e.person?.user?.lastName}"`);return $.useEffect(()=>{I==null&&M==="removeUsers"&&(T(!1),P?.())},[I,M]),t.jsxs(t.Fragment,{children:[X===!0?t.jsx(ge,{titleComponent:t.jsx(xe,{children:a.deleteOverlay.title}),descriptionComponent:t.jsx(fe,{children:ie}),primaryButtonText:a.deleteOverlay.remove,secondaryButtonText:a.deleteOverlay.cancel,action:le,proceedButtonVariant:"danger",isLoading:I==="removeUsers",isDisabled:I==="removeUsers",style:{background:A.colors.overlayColor},children:e.person?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Be,{}),t.jsx(Ue,{children:t.jsx(ze,{src:e.person?.user.photo?.toString()??he,alt:e.person?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(ye,{title:te,backgroundColor:A.colors.grey4,style:{zIndex:4},onCloseClick:k,isTitleAlignLeft:C==="small"}),t.jsxs(_e,{"data-testid":z("edit-people-page-container"),windowSize:C,ref:se,children:[t.jsxs(Le,{children:[t.jsx(ve,{personBasic:e.person?.user,styles:{height:r.sp6,width:r.sp6}}),t.jsxs(Se,{children:[t.jsx(Te,{children:e.person?.user?.firstName?t.jsxs(Ee,{children:[e.person?.user?.firstName??""," ",e.person?.user?.lastName??""]}):null}),t.jsx(Ze,{className:"delete-icon-wrapper","data-testid":z("edit-people-page-delete-icon-wrapper"),onClick:ne,children:t.jsx(be,{style:{padding:"2px 5px"},enterDelay:600,title:a.deleteOverlay.title,placement:"top",children:t.jsx(De,{windowsize:C})})})]})]}),t.jsx($e,{...l,children:t.jsx("form",{id:`${J}_form`,onSubmit:re,children:t.jsx(Ie,{control:l.control,sectionId:w,deleteConfirmationIndex:Y,updateDeleteConfirmationIndex:ee,mode:d,isZeniTenant:S,classList:R,managersList:u,controllersList:O,customerRoleOptions:E,isBankingOnlyTenant:x,isCardsOnlyTenant:y,isEdit:!0,person:e.person,analytics:B})})})]}),t.jsx(we,{formId:`${J}_form`,"data-testid":z("edit-people-page-footer"),primaryBtn:{label:a.invitePage.update,style:{width:j.buttonWidth.value(C)},isLoading:e.updatePersonState.fetchState==="In-Progress",isDisabled:e.updatePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:a.invitePage.cancel,style:{width:j.buttonWidth.value(C)},shouldResetOnCancel:!1,onClick:k},separatorStyle:{marginRight:r.sp4}})]})},G=(e,u,R,O,d,S,k)=>{const P=R.map(m=>({label:m.fullyQualifiedAccountingClassName??"",value:m.classId,hoverText:m.accountingClassNumber}));return{[w]:[{userIndex:0,email:e[0].email,role:O==="zeni_only"?{allOptions:Oe.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:O!=="zeni_only"?{userRole:{selectedRole:je(e[0]?.role),allRootRole:Ce(S,k)},productsByUserRole:Re(e[0]?.role,d)}:void 0,manager:{allUsers:u,selectedUser:e[0]?.managerId?e[0]?.managerId:"no_manager"},department:{allOptions:P,selectedOption:P.find(m=>m.value===e[0]?.departmentId)}}]}},et=(e,u)=>`${e}.${u}`,_e=n.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};
+`,Se=n.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: 5px;
+  flex: 1;
+`,Te=n.div``,Ee=n(ke)`
+  color: ${e=>e.theme.colors.primary};
+`,Le=n.div`
+  display: flex;
+  gap: ${r.sp2};
+  align-items: center;
+  margin: ${r.sp0} ${r.sp1};
+`,Ue=n.div`
+  position: absolute;
+  top: -26px;
+`,ze=n.img`
+  height: 60px;
+  width: 60px;
+  border-radius: 50%;
+  color: ${e=>e.theme.colors.hero};
+`,Be=n.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};
+`,De=n(Pe)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  cursor: pointer;
+  color: ${e=>e.windowsize==="small"?W.important:e.theme.colors.hero};
+  &:hover {
+    color: ${W.important};
+  }
+`,Ze=n.div`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  cursor: pointer;
+  position: relative;
+`;export{Ye as default,et as uniqueName};