@zeniai/web-cockpit-ui 1.15.63-prod → 1.15.64-dev

package/dist/assets/{DrawerPage-DesxXhZk-C0y6jtVG.js → DrawerPage-CaG-xx5d-D9_lXenJ.js}

@@ -1,4 +1,4 @@
-import{e as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,b,u as t,aQ as k,kg as L,kh as D,ki as C}from"./index-Cm6P3K46.js";import{n as o}from"./mui-DGw2vKc7.js";import"./sentry-DQX_Fx-w.js";import"./liveblocks-C-an77Yg.js";import"./core-y5vNjvGm.js";import"./recharts-Lox_fHVE.js";import"./zeni-epic-state-BFWVgvPn.js";import"./lottie-Do_Ys5BQ.js";import"./analytics-D84el2T1.js";import"./lexical-D3JtQc3J.js";import"./utils-fQIcM-GG.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="248a2ce8-fe27-4518-9f35-7a34b11d49e2",e._sentryDebugIdIdentifier="sentry-dbid-248a2ce8-fe27-4518-9f35-7a34b11d49e2")}catch{}})();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,_=({rewardsPlan:e})=>{const n=[I(),R(),M({rewardsPlan:e})],d=a();return i.jsx(H,{children:n.map((j,f)=>i.jsxs(A,{children:[i.jsx(T,{children:j}),f<n.length-1?i.jsx(O,{windowSize:d}):null]},`step_${f}`))})},I=()=>{const e=a(),n=x.item1;return i.jsxs(p,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:e,icon:"link",children:i.jsx(N,{windowSize:e})}),i.jsx(z,{windowSize:e,children:n.title})]}),i.jsx($,{windowSize:e,children:i.jsx(S,{windowSize:e,children:n.content})})]})},R=()=>{const e=a(),n=x.item2;return i.jsxs(p,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:e,icon:"user",children:i.jsx(B,{windowSize:e})}),i.jsx(z,{windowSize:e,children:n.title})]}),i.jsx($,{windowSize:e,children:i.jsx(S,{windowSize:e,children:n.content})})]})},M=({rewardsPlan:e})=>{const n=a(),d=x.item3;return i.jsxs(p,{windowSize:n,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:n,icon:"money",children:i.jsx(E,{windowSize:n})}),i.jsx(z,{windowSize:n,children:d.title[e.planName]})]}),i.jsx($,{windowSize:n,children:i.jsx(S,{windowSize:n,children:d.content[e.planName].replace("__reward-amount__",k("0,0",e.referrerAmount))})})]})},p=o.div`
+import{J as a,V as i,bV as j,o as r,y as s,O as h,c4 as P,H as c,B as g,x as b,u as t,aP as k,k4 as L,k5 as D,k6 as C}from"./index-DqZ19at7.js";import{n as o}from"./mui-ZYC_cKE8.js";import"./sentry-DO9J0OD9.js";import"./liveblocks-BTMi-6jm.js";import"./core-ChNxRm0V.js";import"./recharts-CPKKNFMD.js";import"./zeni-epic-state-C5Hzx540.js";import"./lottie-DePu4yCn.js";import"./analytics-Bkw5onLf.js";import"./lexical-1Ygrq4RW.js";import"./utils-CXoyjNuY.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="d435bf3c-2ce0-4537-aaeb-f0935deae4e1",e._sentryDebugIdIdentifier="sentry-dbid-d435bf3c-2ce0-4537-aaeb-f0935deae4e1")}catch{}})();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,I=({rewardsPlan:e})=>{const n=[_(),R(),B({rewardsPlan:e})],d=a();return i.jsx(A,{children:n.map((y,f)=>i.jsxs(V,{children:[i.jsx(J,{children:y}),f<n.length-1?i.jsx(E,{windowSize:d}):null]},`step_${f}`))})},_=()=>{const e=a(),n=x.item1;return i.jsxs(p,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:e,icon:"link",children:i.jsx(H,{windowSize:e})}),i.jsx(z,{windowSize:e,children:n.title})]}),i.jsx($,{windowSize:e,children:i.jsx(S,{windowSize:e,children:n.content})})]})},R=()=>{const e=a(),n=x.item2;return i.jsxs(p,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:e,icon:"user",children:i.jsx(M,{windowSize:e})}),i.jsx(z,{windowSize:e,children:n.title})]}),i.jsx($,{windowSize:e,children:i.jsx(S,{windowSize:e,children:n.content})})]})},B=({rewardsPlan:e})=>{const n=a(),d=x.item3;return i.jsxs(p,{windowSize:n,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:n,icon:"money",children:i.jsx(N,{windowSize:n})}),i.jsx(z,{windowSize:n,children:d.title[e.planName]})]}),i.jsx($,{windowSize:n,children:i.jsx(S,{windowSize:n,children:d.content[e.planName].replace("__reward-amount__",k("0,0",e.referrerAmount))})})]})},p=o.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${r.sp2};
   box-shadow: ${e=>`${r.sp0} 1px 2px ${r.sp0} ${e.theme.colors.dropShadowNormal}`};
@@ -15,15 +15,15 @@ import{e as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,b,u as t
   justify-content: flex-start;
 `,$=o.div`
   margin-left: ${e=>l.styledDivMarginLeft.valuePx(e.windowSize)};
-`,N=o(L)`
+`,H=o(L)`
   height: ${e=>l.iconSize.valuePx(e.windowSize)};
   width: ${e=>l.iconSize.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.graphColor12Dark};
-`,B=o(D)`
+`,M=o(D)`
   height: ${e=>l.iconSize.valuePx(e.windowSize)};
   width: ${e=>l.iconSize.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.graphColor06Dark};
-`,E=o(C)`
+`,N=o(C)`
   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{e as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,b,u as t
 `,S=o(g)`
   color: ${e=>e.theme.colors.hero};
   ${e=>`${v.content.style(e.windowSize)}`};
-`,A=o.div`
+`,V=o.div`
   display: flex;
   flex-direction: row;
   position: relative;
   z-index: 1;
-`,H=o.div`
+`,A=o.div`
   margin-top: ${r.sp4};
-`,O=o.div`
+`,E=o.div`
   top: ${r.sp0};
   width: 1px;
   height: 100%;
@@ -58,9 +58,9 @@ import{e as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,b,u as t
   width: 2px;
   background: ${e=>e.theme.colors.grey2};
   z-index: -1;
-`,T=o.div`
+`,J=o.div`
   padding-bottom: ${r.sp4};
-`,{common:{navBar:{back:V}}}=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])},W={title:new c("standardRegular","largeRegular")},{referAndEarn:X}=h.getLocalizedStrings().rewardsPage;function ce({rewardsPlan:e,onDismissClick:n}){const d=a();return i.jsxs(Q,{windowSize:d,children:[i.jsx(J,{windowSize:d,children:i.jsxs(q,{windowSize:d,children:[d==="small"&&i.jsx(U,{children:i.jsx(y,{enterDelay:600,title:V,placement:"bottom",style:{padding:`${r.sp1} ${r.sp2}`},children:i.jsx(Z,{onClick:n})})}),i.jsx(F,{windowSize:d,children:X}),d!=="small"&&i.jsx(K,{onClick:n})]})}),i.jsx(G,{windowSize:d,children:i.jsx(_,{rewardsPlan:e})})]})}const Q=o.div`
+`,{common:{navBar:{back:O}}}=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:W}=h.getLocalizedStrings().rewardsPage;function ce({rewardsPlan:e,onDismissClick:n}){const d=a();return i.jsxs(X,{windowSize:d,children:[i.jsx(K,{windowSize:d,children:i.jsxs(q,{windowSize:d,children:[d==="small"&&i.jsx(U,{children:i.jsx(j,{enterDelay:600,title:O,placement:"bottom",style:{padding:`${r.sp1} ${r.sp2}`},children:i.jsx(Y,{onClick:n})})}),i.jsx(F,{windowSize:d,children:W}),d!=="small"&&i.jsx(Q,{onClick:n})]})}),i.jsx(G,{windowSize:d,children:i.jsx(I,{rewardsPlan:e})})]})}const X=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -78,11 +78,11 @@ import{e as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,b,u as t
   color: ${e=>e.theme.colors.primary};
   width: 96%;
   text-align: center;
-  ${e=>`${W.title.style(e.windowSize)}`};
+  ${e=>`${T.title.style(e.windowSize)}`};
 `,G=o.div`
   padding-left: ${e=>w.containerPaddingLeft.valuePx(e.windowSize)};
   padding-right: ${e=>w.containerPaddingRight.valuePx(e.windowSize)};
-`,J=o.div`
+`,K=o.div`
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -92,7 +92,7 @@ import{e as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,b,u as t
   padding: ${e=>`${w.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${r.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,K=o(b)`
+`,Q=o(b)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${r.sp4};
@@ -107,7 +107,7 @@ import{e as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,b,u as t
   display: flex;
   align-items: center;
   margin-left: ${r.sp3};
-`,Z=o(P)`
+`,Y=o(P)`
   height: ${r.sp4};
   width: ${r.sp4};
   cursor: pointer;

package/dist/assets/EditPeoplePage-BcsdEp_d-IwV_edCq.js

@@ -0,0 +1,55 @@
+import{J as ie,fX as ae,d as de,aa as pe,aS as ce,V as t,cr as ue,aq as me,cs as fe,ct as ge,gT as he,cx as ye,o as n,bV as be,aR as E,ad as ve,aT as xe,y as _,O as $e,cD as we,f_ as Re,f$ as Ie,g0 as Ce,bb as je,p as F,d0 as ke,u}from"./index-DqZ19at7.js";import{a as w}from"./sentry-DO9J0OD9.js";import{n as l}from"./mui-ZYC_cKE8.js";import{FM as Oe,bg as Te}from"./zeni-epic-state-C5Hzx540.js";import{f as _e}from"./AllUserItems-DEv_CXOA-B5fCEIiV.js";import"./liveblocks-BTMi-6jm.js";import"./core-ChNxRm0V.js";import"./recharts-CPKKNFMD.js";import"./lottie-DePu4yCn.js";import"./analytics-Bkw5onLf.js";import"./lexical-1Ygrq4RW.js";import"./utils-CXoyjNuY.js";import"./LabeledUserSingleSelectWithSubtitlesField-DCv1Q5qb-BoHfD7aR.js";import"./RoleWithToolTip-C8x5yXaK-Dbq6YNZJ.js";import"./LabeledZeniRolesDropDownField-kWC0ShEy-rvx0SYJG.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="9602f45c-042f-4059-94f7-0fd2ee8dae09",e._sentryDebugIdIdentifier="sentry-dbid-9602f45c-042f-4059-94f7-0fd2ee8dae09")}catch{}})();const C={containerPaddingTop:new _(u[3],u[3]),containerPaddingLeft:new _(u[3],u[6],u[6]),containerPaddingRight:new _(u[3],u[6],u[8]),buttonWidth:new _(85,85)},M="editPeoplePage",R="userItems",d=$e.getLocalizedStrings().peoplePage,st=({peopleDetails:e,managersList:r,classList:y,controllersList:j,mode:p,isZeniTenant:P,onCloseClick:k,onResetClick:O,onSaveClick:m,onDeleteUser:Q,onPeopleLocalDataUpdated:X,analytics:U,isReimbursementDisabled:z,isZeniAccountsDisabled:N,isChargeCardDisabled:Z,isTreasuryDisabled:q,isBankingOnlyTenant:b,isCardsOnlyTenant:v,isLiteRoleDisabled:A})=>{const I=ie(),[Y,D]=w.useState(!1),[G,H]=w.useState(-1),ee=p==="zeni_only"?d.invitePage.editZeniTitle:d.invitePage.editTitle,te=w.useRef(null),S=w.useMemo(()=>ae(z,N,Z,b,v,A,q),[z,N,Z,b,v,A,q]),V=de(),i=pe({mode:"onBlur",reValidateMode:"onChange",defaultValues:W(e.people,r,y,p,S,b,v),values:W(e.people,r,y,p,S,b,v)}),se=i.handleSubmit(()=>{K()&&m()},()=>{K(),console.warn("Edit Profile form error")}),K=()=>{const f=i.getValues();let o=!0;return f.userItems.forEach((g,x)=>{const{role:L,department:a,nonZeniRole:h,manager:c}=g;if(p==="zeni_only"){const s=L.selectedOptions;(!s?.length||s?.length===1&&s?.includes("company_officer"))&&(i.setError(`${R}.${x}.role`,{type:"required"}),o=!1)}else{const s=h?.userRole.selectedRole;(s!=null&&h!=null?h.productsByUserRole[s].map($=>$.selectedOption).filter($=>$!=null):[]).length<1&&(i.setError(`${R}.${x}.nonZeniRole.userRole.selectedRole`,{type:"required"}),o=!1),s!=="investor_or_banker"&&a?.selectedOption==null&&(b||v||(i.setError(`${R}.${x}.department`,{type:"required"}),o=!1)),c?.selectedUser==null&&s!=="investor_or_banker"&&(i.setError(`${R}.${x}.manager`,{type:"required"}),o=!1)}}),o},ne=async(f,o)=>{const g=[],{userItems:x}=o,L=e.person?.userRole?.userRoleId;x.forEach(a=>{let h={};if(L!=null){if(p==="zeni_only")h={email:a.email,role:a.role.selectedOptions};else{const c=a.nonZeniRole?.userRole.selectedRole;let s=[];c==="admin"||c==="investor_or_banker"?s.push(c):s=c!=null?(a.nonZeniRole?.productsByUserRole[c]??[]).map(B=>Oe(B.selectedOption?.value)).filter(B=>B!=null):[],c==="employee"&&s.length===0&&s.push("reimbursements_user");const $=Te(s);h={email:a.email,role:s,departmentId:$?void 0:a.department?.selectedOption?.value,managerId:$?void 0:a.manager?.selectedUser}}g.push(h)}}),X(g)};w.useEffect(()=>{const f=i.watch((o,{name:g})=>{g!=null&&o!=null&&ne(g,o)});return()=>{f.unsubscribe()}});const re=()=>{D(!0)},oe={onOkClick:()=>{const f=e.person;U?.trackRemoveUserAccess(f.userRole.userRoles,f.userRole.userEmail),Q?.(e.person)},onCancelClick:()=>{D(!1)}},J=ce(e.person?.update),T=e.person?.update,le=d.deleteOverlay.description.replace("‘_user-name_’",`"${e.person?.user?.firstName} ${e.person?.user?.lastName}"`);return w.useEffect(()=>{T==null&&J==="removeUsers"&&(D(!1),O?.())},[T,J]),t.jsxs(t.Fragment,{children:[Y===!0?t.jsx(ue,{titleComponent:t.jsx(ge,{children:d.deleteOverlay.title}),descriptionComponent:t.jsx(fe,{children:le}),primaryButtonText:d.deleteOverlay.remove,secondaryButtonText:d.deleteOverlay.cancel,action:oe,proceedButtonVariant:"danger",isLoading:T==="removeUsers",isDisabled:T==="removeUsers",style:{background:V.colors.overlayColor},children:e.person?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(ze,{}),t.jsx(Ee,{children:t.jsx(Ue,{src:e.person?.user.photo?.toString()??me,alt:e.person?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(he,{title:ee,backgroundColor:V.colors.grey4,style:{zIndex:4},onCloseClick:k,isTitleAlignLeft:I==="small"}),t.jsxs(Pe,{"data-testid":E("edit-people-page-container"),windowSize:I,ref:te,children:[t.jsxs(Be,{children:[t.jsx(ye,{personBasic:e.person?.user,styles:{height:n.sp6,width:n.sp6}}),t.jsxs(De,{children:[t.jsx(Se,{children:e.person?.user?.firstName?t.jsxs(Le,{children:[e.person?.user?.firstName??""," ",e.person?.user?.lastName??""]}):null}),t.jsx(Ze,{className:"delete-icon-wrapper","data-testid":E("edit-people-page-delete-icon-wrapper"),onClick:re,children:t.jsx(be,{style:{padding:"2px 5px"},enterDelay:600,title:d.deleteOverlay.title,placement:"top",children:t.jsx(Ne,{windowsize:I})})})]})]}),t.jsx(ve,{...i,children:t.jsx("form",{id:`${M}_form`,onSubmit:se,children:t.jsx(_e,{control:i.control,sectionId:R,deleteConfirmationIndex:G,updateDeleteConfirmationIndex:H,mode:p,isZeniTenant:P,classList:y,managersList:r,controllersList:j,customerRoleOptions:S,isBankingOnlyTenant:b,isCardsOnlyTenant:v,isEdit:!0,person:e.person,analytics:U})})})]}),t.jsx(xe,{formId:`${M}_form`,"data-testid":E("edit-people-page-footer"),primaryBtn:{label:d.invitePage.update,style:{width:C.buttonWidth.value(I)},isLoading:e.updatePersonState.fetchState==="In-Progress",isDisabled:e.updatePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:d.invitePage.cancel,style:{width:C.buttonWidth.value(I)},shouldResetOnCancel:!1,onClick:k},separatorStyle:{marginRight:n.sp4}})]})},W=(e,r,y,j,p,P,k)=>{const O=y.map(m=>({label:m.fullyQualifiedAccountingClassName??"",value:m.classId,hoverText:m.accountingClassNumber}));return{[R]:[{userIndex:0,email:e[0].email,role:j==="zeni_only"?{allOptions:we.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:j!=="zeni_only"?{userRole:{selectedRole:Ce(e[0]?.role),allRootRole:Ie(P,k)},productsByUserRole:Re(e[0]?.role,p)}:void 0,manager:{allUsers:r,selectedUser:e[0]?.managerId?e[0]?.managerId:"no_manager"},department:{allOptions:O,selectedOption:O.find(m=>m.value===e[0]?.departmentId)}}]}},nt=(e,r)=>`${e}.${r}`,Pe=l.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  padding-left: ${e=>`${C.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${C.containerPaddingRight.valuePx(e.windowSize)}`};
+  overflow-x: hidden;
+  height: 100%;
+  padding-top: ${e=>`${C.containerPaddingTop.valuePx(e.windowSize)}`};
+  gap: ${n.sp2};
+`,De=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: 5px;
+  flex: 1;
+`,Se=l.div``,Le=l(je)`
+  color: ${e=>e.theme.colors.primary};
+`,Be=l.div`
+  display: flex;
+  gap: ${n.sp2};
+  align-items: center;
+  margin: ${n.sp0} ${n.sp1};
+`,Ee=l.div`
+  position: absolute;
+  top: -26px;
+`,Ue=l.img`
+  height: 60px;
+  width: 60px;
+  border-radius: 50%;
+  color: ${e=>e.theme.colors.hero};
+`,ze=l.div`
+  position: absolute;
+  top: 1%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  height: 62px;
+  width: ${n.sp9};
+  border-radius: 50% 50% 0 0;
+  background-color: ${e=>e.theme.colors.grey5};
+`,Ne=l(ke)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  cursor: pointer;
+  color: ${e=>e.windowsize==="small"?F.important:e.theme.colors.hero};
+  &:hover {
+    color: ${F.important};
+  }
+`,Ze=l.div`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  cursor: pointer;
+  position: relative;
+`;export{st as default,nt as uniqueName};