@zeniai/web-cockpit-ui 1.14.90-qa → 1.14.91-dev

package/dist/assets/DrawerPage-Bha9ElcW-B8Be3mMf.js

@@ -0,0 +1,118 @@
+import{q as a,V as i,bQ as y,o as r,F as h,y as s,b$ as P,a as c,B as g,L as b,c as t,aL as L,jT as k,jU as D,jV as C}from"./index-DJLrbf0F.js";import{n as o}from"./mui-DpJXlk4t.js";import"./core-CA3j8Axi.js";import"./sentry-BA4piVNf.js";import"./zeni-epic-state-CQt4n3Xe.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.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]="afcdc483-e800-44f9-a54e-40f44a748be9",e._sentryDebugIdIdentifier="sentry-dbid-afcdc483-e800-44f9-a54e-40f44a748be9")}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])},j={title:new c("standardRegular","largeRegular"),content:new c("smallRegular","standardRegular")},p=h.getLocalizedStrings().rewardsPage.drawerPage,_=({rewardsPlan:e})=>{const n=[I(),R(),B({rewardsPlan:e})],d=a();return i.jsx(q,{children:n.map((v,S)=>i.jsxs(V,{children:[i.jsx(E,{children:v}),S<n.length-1?i.jsx(A,{windowSize:d}):null]},`step_${S}`))})},I=()=>{const e=a(),n=p.item1;return i.jsxs(x,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:e,icon:"link",children:i.jsx(M,{windowSize:e})}),i.jsx(f,{windowSize:e,children:n.title})]}),i.jsx($,{windowSize:e,children:i.jsx(z,{windowSize:e,children:n.content})})]})},R=()=>{const e=a(),n=p.item2;return i.jsxs(x,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:e,icon:"user",children:i.jsx(N,{windowSize:e})}),i.jsx(f,{windowSize:e,children:n.title})]}),i.jsx($,{windowSize:e,children:i.jsx(z,{windowSize:e,children:n.content})})]})},B=({rewardsPlan:e})=>{const n=a(),d=p.item3;return i.jsxs(x,{windowSize:n,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:n,icon:"money",children:i.jsx(T,{windowSize:n})}),i.jsx(f,{windowSize:n,children:d.title[e.planName]})]}),i.jsx($,{windowSize:n,children:i.jsx(z,{windowSize:n,children:d.content[e.planName].replace("__reward-amount__",L("0,0",e.referrerAmount))})})]})},x=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}`};
+  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=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+`,$=o.div`
+  margin-left: ${e=>l.styledDivMarginLeft.valuePx(e.windowSize)};
+`,M=o(k)`
+  height: ${e=>l.iconSize.valuePx(e.windowSize)};
+  width: ${e=>l.iconSize.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.graphColor12Dark};
+`,N=o(D)`
+  height: ${e=>l.iconSize.valuePx(e.windowSize)};
+  width: ${e=>l.iconSize.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.graphColor06Dark};
+`,T=o(C)`
+  height: ${e=>l.iconSize.valuePx(e.windowSize)};
+  width: ${e=>l.iconSize.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.success};
+`,u=o.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: ${r.sp2};
+`,f=o(g)`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${j.title.style(e.windowSize)}`};
+`,z=o(g)`
+  color: ${e=>e.theme.colors.hero};
+  ${e=>`${j.content.style(e.windowSize)}`};
+`,V=o.div`
+  display: flex;
+  flex-direction: row;
+  position: relative;
+  z-index: 1;
+`,q=o.div`
+  margin-top: ${r.sp4};
+`,A=o.div`
+  top: ${r.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=o.div`
+  padding-bottom: ${r.sp4};
+`,{common:{navBar:{back:F}}}=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])},H={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(G,{windowSize:d,children:i.jsxs(J,{windowSize:d,children:[d==="small"&&i.jsx(O,{children:i.jsx(y,{enterDelay:600,title:F,placement:"bottom",style:{padding:`${r.sp1} ${r.sp2}`},children:i.jsx(Z,{onClick:n})})}),i.jsx(Q,{windowSize:d,children:W}),d!=="small"&&i.jsx(K,{onClick:n})]})}),i.jsx(U,{windowSize:d,children:i.jsx(_,{rewardsPlan:e})})]})}const X=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  width: 100%;
+  height: 100vh;
+  position: relative;
+`,J=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 100%;
+  width: ${e=>e.windowSize==="small"?"100%":"76%"};
+`,Q=o(g)`
+  color: ${e=>e.theme.colors.primary};
+  width: 96%;
+  text-align: center;
+  ${e=>`${H.title.style(e.windowSize)}`};
+`,U=o.div`
+  padding-left: ${e=>w.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>w.containerPaddingRight.valuePx(e.windowSize)};
+`,G=o.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  top: ${r.sp0};
+  padding: ${e=>`${w.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${r.sp0}`};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+`,K=o(b)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${r.sp4};
+  height: ${r.sp4};
+  min-height: ${r.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,O=o.div`
+  height: ${r.sp4};
+  width: ${r.sp4};
+  display: flex;
+  align-items: center;
+  margin-left: ${r.sp3};
+`,Z=o(P)`
+  height: ${r.sp4};
+  width: ${r.sp4};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;export{ce as default};

package/dist/assets/EditPeoplePage-B6QD5Vld-jl0Ywq6s.js

@@ -0,0 +1,55 @@
+import{q as ae,F as ie,fO as de,d as pe,a8 as ce,aN as ue,V as t,cm as me,ao as fe,cn as ge,co as he,gJ as ye,aK as U,cs as be,o as n,bQ as ve,ab as xe,aO as we,y as k,fR as $e,fS as Re,fT as Ce,cx as Ie,b7 as Oe,p as M,cV as je,c as u}from"./index-DJLrbf0F.js";import{a as $}from"./core-CA3j8Axi.js";import{n as l}from"./mui-DpJXlk4t.js";import{Fw as _e,bh as Te}from"./zeni-epic-state-CQt4n3Xe.js";import{f as ke}from"./AllUserItems-CVZZU-J3-TfKbUj2d.js";import"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";import"./LabeledUserSingleSelectWithSubtitlesField-UlGND56Y-Bns3vXLL.js";import"./RoleWithToolTip-fC3byzzv-DteZC2-q.js";import"./LabeledZeniRolesDropDownField-dpz7g9jK-BS9FUIQq.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="f2909a6f-f19e-478e-a5a5-2811eaa6af02",e._sentryDebugIdIdentifier="sentry-dbid-f2909a6f-f19e-478e-a5a5-2811eaa6af02")}catch{}})();const I={containerPaddingTop:new k(u[3],u[3]),containerPaddingLeft:new k(u[3],u[6],u[6]),containerPaddingRight:new k(u[3],u[6],u[8]),buttonWidth:new k(85,85)},Q="editPeoplePage",R="userItems",d=ie.getLocalizedStrings().peoplePage,st=({peopleDetails:e,managersList:o,classList:y,controllersList:O,mode:p,isZeniTenant:P,onCloseClick:j,onResetClick:_,onSaveClick:m,onDeleteUser:J,onPeopleLocalDataUpdated:K,analytics:z,isReimbursementDisabled:B,isZeniAccountsDisabled:N,isChargeCardDisabled:Z,isTreasuryDisabled:q,isBankingOnlyTenant:b,isCardsOnlyTenant:v,isLiteRoleDisabled:V})=>{const C=ae(),[X,S]=$.useState(!1),[Y,H]=$.useState(-1),ee=p==="zeni_only"?d.invitePage.editZeniTitle:d.invitePage.editTitle,te=$.useRef(null),D=$.useMemo(()=>de(B,N,Z,b,v,V,q),[B,N,Z,b,v,V,q]),A=pe(),a=ce({mode:"onBlur",reValidateMode:"onChange",defaultValues:W(e.people,o,y,p,D,b,v),values:W(e.people,o,y,p,D,b,v)}),se=a.handleSubmit(()=>{G()&&m()},()=>{G(),console.warn("Edit Profile form error")}),G=()=>{const f=a.getValues();let r=!0;return f.userItems.forEach((g,x)=>{const{role:E,department:i,nonZeniRole:h,manager:c}=g;if(p==="zeni_only"){const s=E.selectedOptions;(!s?.length||s?.length===1&&s?.includes("company_officer"))&&(a.setError(`${R}.${x}.role`,{type:"required"}),r=!1)}else{const s=h?.userRole.selectedRole;(s!=null&&h!=null?h.productsByUserRole[s].map(w=>w.selectedOption).filter(w=>w!=null):[]).length<1&&(a.setError(`${R}.${x}.nonZeniRole.userRole.selectedRole`,{type:"required"}),r=!1),s!=="investor_or_banker"&&i?.selectedOption==null&&(b||v||(a.setError(`${R}.${x}.department`,{type:"required"}),r=!1)),c?.selectedUser==null&&s!=="investor_or_banker"&&(a.setError(`${R}.${x}.manager`,{type:"required"}),r=!1)}}),r},ne=async(f,r)=>{const g=[],{userItems:x}=r,E=e.person?.userRole?.userRoleId;x.forEach(i=>{let h={};if(E!=null){if(p==="zeni_only")h={email:i.email,role:i.role.selectedOptions};else{const c=i.nonZeniRole?.userRole.selectedRole;let s=[];c==="admin"||c==="investor_or_banker"?s.push(c):s=c!=null?(i.nonZeniRole?.productsByUserRole[c]??[]).map(L=>_e(L.selectedOption?.value)).filter(L=>L!=null):[],c==="employee"&&s.length===0&&s.push("reimbursements_user");const w=Te(s);h={email:i.email,role:s,departmentId:w?void 0:i.department?.selectedOption?.value,managerId:w?void 0:i.manager?.selectedUser}}g.push(h)}}),K(g)};$.useEffect(()=>{const f=a.watch((r,{name:g})=>{g!=null&&r!=null&&ne(g,r)});return()=>{f.unsubscribe()}});const oe=()=>{S(!0)},re={onOkClick:()=>{const f=e.person;z?.trackRemoveUserAccess(f.userRole.userRoles,f.userRole.userEmail),J?.(e.person)},onCancelClick:()=>{S(!1)}},F=ue(e.person?.update),T=e.person?.update,le=d.deleteOverlay.description.replace("‘_user-name_’",`"${e.person?.user?.firstName} ${e.person?.user?.lastName}"`);return $.useEffect(()=>{T==null&&F==="removeUsers"&&(S(!1),_?.())},[T,F]),t.jsxs(t.Fragment,{children:[X===!0?t.jsx(me,{titleComponent:t.jsx(he,{children:d.deleteOverlay.title}),descriptionComponent:t.jsx(ge,{children:le}),primaryButtonText:d.deleteOverlay.remove,secondaryButtonText:d.deleteOverlay.cancel,action:re,proceedButtonVariant:"danger",isLoading:T==="removeUsers",isDisabled:T==="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()??fe,alt:e.person?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(ye,{title:ee,backgroundColor:A.colors.grey4,style:{zIndex:4},onCloseClick:j,isTitleAlignLeft:C==="small"}),t.jsxs(Pe,{"data-testid":U("edit-people-page-container"),windowSize:C,ref:te,children:[t.jsxs(Le,{children:[t.jsx(be,{personBasic:e.person?.user,styles:{height:n.sp6,width:n.sp6}}),t.jsxs(Se,{children:[t.jsx(De,{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":U("edit-people-page-delete-icon-wrapper"),onClick:oe,children:t.jsx(ve,{style:{padding:"2px 5px"},enterDelay:600,title:d.deleteOverlay.title,placement:"top",children:t.jsx(Ne,{windowsize:C})})})]})]}),t.jsx(xe,{...a,children:t.jsx("form",{id:`${Q}_form`,onSubmit:se,children:t.jsx(ke,{control:a.control,sectionId:R,deleteConfirmationIndex:Y,updateDeleteConfirmationIndex:H,mode:p,isZeniTenant:P,classList:y,managersList:o,controllersList:O,customerRoleOptions:D,isBankingOnlyTenant:b,isCardsOnlyTenant:v,isEdit:!0,person:e.person,analytics:z})})})]}),t.jsx(we,{formId:`${Q}_form`,"data-testid":U("edit-people-page-footer"),primaryBtn:{label:d.invitePage.update,style:{width:I.buttonWidth.value(C)},isLoading:e.updatePersonState.fetchState==="In-Progress",isDisabled:e.updatePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:d.invitePage.cancel,style:{width:I.buttonWidth.value(C)},shouldResetOnCancel:!1,onClick:j},separatorStyle:{marginRight:n.sp4}})]})},W=(e,o,y,O,p,P,j)=>{const _=y.map(m=>({label:m.fullyQualifiedAccountingClassName??"",value:m.classId,hoverText:m.accountingClassNumber}));return{[R]:[{userIndex:0,email:e[0].email,role:O==="zeni_only"?{allOptions:Ie.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:O!=="zeni_only"?{userRole:{selectedRole:Ce(e[0]?.role),allRootRole:Re(P,j)},productsByUserRole:$e(e[0]?.role,p)}:void 0,manager:{allUsers:o,selectedUser:e[0]?.managerId?e[0]?.managerId:"no_manager"},department:{allOptions:_,selectedOption:_.find(m=>m.value===e[0]?.departmentId)}}]}},nt=(e,o)=>`${e}.${o}`,Pe=l.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  padding-left: ${e=>`${I.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${I.containerPaddingRight.valuePx(e.windowSize)}`};
+  overflow-x: hidden;
+  height: 100%;
+  padding-top: ${e=>`${I.containerPaddingTop.valuePx(e.windowSize)}`};
+  gap: ${n.sp2};
+`,Se=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: 5px;
+  flex: 1;
+`,De=l.div``,Ee=l(Oe)`
+  color: ${e=>e.theme.colors.primary};
+`,Le=l.div`
+  display: flex;
+  gap: ${n.sp2};
+  align-items: center;
+  margin: ${n.sp0} ${n.sp1};
+`,Ue=l.div`
+  position: absolute;
+  top: -26px;
+`,ze=l.img`
+  height: 60px;
+  width: 60px;
+  border-radius: 50%;
+  color: ${e=>e.theme.colors.hero};
+`,Be=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(je)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  cursor: pointer;
+  color: ${e=>e.windowsize==="small"?M.important:e.theme.colors.hero};
+  &:hover {
+    color: ${M.important};
+  }
+`,Ze=l.div`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  cursor: pointer;
+  position: relative;
+`;export{st as default,nt as uniqueName};