@zeniai/web-cockpit-ui 1.15.13-qa → 1.15.14-dev

package/dist/assets/{PeoplePage-ByvK4lsu-vcFsHNs3.js → PeoplePage-BlyVVthI-BvlkSarj.js}

@@ -1,4 +1,4 @@
-import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl as _e,T as U,aT as Y,cm as we,r as Le,b as be,cn as Ae,aQ as Ve,co as Me,ap as We,cp as Be,cq as He,b3 as Ue,aD as B,cr as Ke,y as $,cs as Ee,ct as je,u as b,cu as ee,cd as N,cv as Se,a9 as Fe,ac as Ze,cw as qe,cx as Je,aJ as Qe,ai as D,cy as Xe,al as O,am as te,p as A,cz as Ge,ch as ke,ba as ie,cA as Ie,bL as Ye,cB as et}from"./index-D-WiwijD.js";import{P as ce,a as v}from"./sentry-Dlcq8VjX.js";import{n as i}from"./mui-CooLgaJO.js";import{oV as Ce,bg as X}from"./zeni-epic-state-pmiItBju.js";import{T as Re}from"./RoleWithToolTip-CjvIxkPO-i8Jvb-Om.js";import"./liveblocks-DXNKZvWw.js";import"./core-CqdPXR9B.js";import"./recharts-DHPcYqKb.js";import"./lottie-BGCmjFH9.js";import"./analytics-CSlaNB19.js";import"./lexical-D6mU3oV8.js";import"./utils-CXbV7y1T.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]="5df233f7-e587-41dc-a665-6c74bed915db",e._sentryDebugIdIdentifier="sentry-dbid-5df233f7-e587-41dc-a665-6c74bed915db")}catch{}})();const P=y.getLocalizedStrings().peoplePage.header,S=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,30,32)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(18,17,17,21,19)},{key:"manager",value:P.manager,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"department",value:P.department,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],H=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,32,33)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(58,57,57,57,58)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],tt=58;function it({userNameSticky:e,sortConfig:o,onColumnSortConfigChanged:l,mode:d}){const m=I(),[p,x]=v.useState(Qe(d==="off"?S:H));v.useEffect(()=>{const n=[...p];for(const r of n)r.key===o.sortKey?r.sortOrder=o.sortOrder:r.sortOrder="ascending";x(n)},[o.sortKey,o.sortOrder]);const h=(n,r)=>{let u=r;o.sortKey===n&&(u=r==="ascending"?"descending":"ascending"),l?.(n,u)};return t.jsx(rt,{height:tt,"data-testid":a("people-list-header-row"),children:p.map(n=>t.jsxs(lt,{userNameSticky:!!e&&n.key==="name",sortDataValue:o.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:m,children:[t.jsxs(dt,{"data-testid":a("people-list-header",n.key),onClick:()=>h(n.key,n.sortOrder),children:[t.jsx(D,{children:n.value}),t.jsx(ot,{sortDataValue:o.sortKey,headerdata:n,children:t.jsx(Xe,{width:12,height:12})})]}),t.jsx(at,{isVisible:o.sortKey===n.key&&n.key!=="name",children:t.jsx(nt,{"data-testid":a("people-list-header-sort-cancel",n.key),onClick:()=>h("name","ascending")})})]},n.key))})}const st=ce.memo(it),ot=i.div`
+import{d as be,J as I,F as y,V as t,bC as le,aP as a,bO as De,o as s,cl as Oe,cm as _e,T as U,aT as G,cn as we,r as Le,b as $e,co as Ae,aQ as Ve,cp as Me,ap as We,cq as Be,cr as He,b3 as Ue,aD as B,cs as Ke,y as b,ct as Ee,cu as je,u as $,cv as ee,ce as N,cw as Se,a9 as Fe,ac as Ze,cx as Je,cy as qe,aJ as Qe,ai as D,cz as Xe,al as O,am as te,p as A,cA as Ye,ci as ke,ba as ie,cB as Ie,bM as Ge,cC as et}from"./index-Kp9YkIA7.js";import{P as ce,a as v}from"./sentry-D0RHYOS9.js";import{n as i}from"./mui-NI7j5KJX.js";import{oV as Ce,bg as X}from"./zeni-epic-state-Bk1TvHP-.js";import{T as Re}from"./RoleWithToolTip-GCV_l8Ly-CXlGB2I2.js";import"./liveblocks-BRWAYUb6.js";import"./core-C99WDMlL.js";import"./recharts-CK-XmmGv.js";import"./lottie-CRJfZNkb.js";import"./analytics-CiM00cgl.js";import"./lexical-DuSFg2Qn.js";import"./utils-z9KEKf_W.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]="e9b756dc-7a55-4ea1-bb72-c79b59ac6869",e._sentryDebugIdIdentifier="sentry-dbid-e9b756dc-7a55-4ea1-bb72-c79b59ac6869")}catch{}})();const P=y.getLocalizedStrings().peoplePage.header,S=[{key:"name",value:P.name,sortOrder:"ascending",width:new b(32,26,26,30,32)},{key:"role",value:P.role,sortOrder:"ascending",width:new b(18,17,17,21,19)},{key:"manager",value:P.manager,sortOrder:"ascending",width:new b(20,20,20,19,20)},{key:"department",value:P.department,sortOrder:"ascending",width:new b(20,20,20,19,20)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new b(10,17,17,11,9)}],H=[{key:"name",value:P.name,sortOrder:"ascending",width:new b(32,26,26,32,33)},{key:"role",value:P.role,sortOrder:"ascending",width:new b(58,57,57,57,58)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new b(10,17,17,11,9)}],tt=58;function it({userNameSticky:e,sortConfig:o,onColumnSortConfigChanged:l,mode:d}){const m=I(),[p,x]=v.useState(Qe(d==="off"?S:H));v.useEffect(()=>{const n=[...p];for(const r of n)r.key===o.sortKey?r.sortOrder=o.sortOrder:r.sortOrder="ascending";x(n)},[o.sortKey,o.sortOrder]);const h=(n,r)=>{let u=r;o.sortKey===n&&(u=r==="ascending"?"descending":"ascending"),l?.(n,u)};return t.jsx(rt,{height:tt,"data-testid":a("people-list-header-row"),children:p.map(n=>t.jsxs(lt,{userNameSticky:!!e&&n.key==="name",sortDataValue:o.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:m,children:[t.jsxs(dt,{"data-testid":a("people-list-header",n.key),onClick:()=>h(n.key,n.sortOrder),children:[t.jsx(D,{children:n.value}),t.jsx(ot,{sortDataValue:o.sortKey,headerdata:n,children:t.jsx(Xe,{width:12,height:12})})]}),t.jsx(at,{isVisible:o.sortKey===n.key&&n.key!=="name",children:t.jsx(nt,{"data-testid":a("people-list-header-sort-cancel",n.key),onClick:()=>h("name","ascending")})})]},n.key))})}const st=ce.memo(it),ot=i.div`
   display: flex;
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
@@ -46,7 +46,7 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ct=58;function pt({sortConfig:e,onColumnSortConfigChanged:o,mode:l}){const d=y.getLocalizedStrings().peoplePage,m=Fe({mode:"all"}),p=v.useMemo(()=>l==="zeni_only"?H:S,[l]),x=v.useMemo(()=>p.map(r=>({label:r.value,value:r.key})),[p]),h=p.find(r=>r.key===e.sortKey);h!=null&&(h.sortOrder=e.sortOrder);const n=(r,u)=>{let w=u;e.sortKey===r&&(w=u==="ascending"?"descending":"ascending"),o?.(r,w)};return v.useEffect(()=>{const r=m.watch((u,{name:w})=>{if(w!=null&&u!=null){const{people_sort_by:f}=u;o?.(f.selectedOption.value,"ascending")}});return()=>{r.unsubscribe()}}),t.jsxs(ut,{height:ct,"data-testid":a("people-list-header-row-small"),children:[t.jsx(xt,{children:t.jsx(Ze,{...m,children:t.jsx("form",{children:t.jsx(qe,{defaultValue:{allOptions:x,selectedOption:x.find(r=>r.value===e.sortKey)},placeholder:`${d.sortBy}:`,style:{width:"200px"},isSearchable:!1,isOptionsSortable:!1,constantSelectedValue:`${d.sortBy}:`,name:"people_sort_by"})})})}),t.jsxs(gt,{"data-testid":a("people-list-header",e.sortKey),onClick:()=>n(e.sortKey,e.sortOrder),children:[t.jsx(wt,{children:h?.value}),t.jsx(mt,{sortDataValue:e.sortKey,headerdata:h,children:t.jsx(Je,{width:s.sp3,height:s.sp3})})]})]})}const ht=ce.memo(pt),mt=i.div`
+`,ct=58;function pt({sortConfig:e,onColumnSortConfigChanged:o,mode:l}){const d=y.getLocalizedStrings().peoplePage,m=Fe({mode:"all"}),p=v.useMemo(()=>l==="zeni_only"?H:S,[l]),x=v.useMemo(()=>p.map(r=>({label:r.value,value:r.key})),[p]),h=p.find(r=>r.key===e.sortKey);h!=null&&(h.sortOrder=e.sortOrder);const n=(r,u)=>{let w=u;e.sortKey===r&&(w=u==="ascending"?"descending":"ascending"),o?.(r,w)};return v.useEffect(()=>{const r=m.watch((u,{name:w})=>{if(w!=null&&u!=null){const{people_sort_by:f}=u;o?.(f.selectedOption.value,"ascending")}});return()=>{r.unsubscribe()}}),t.jsxs(ut,{height:ct,"data-testid":a("people-list-header-row-small"),children:[t.jsx(xt,{children:t.jsx(Ze,{...m,children:t.jsx("form",{children:t.jsx(Je,{defaultValue:{allOptions:x,selectedOption:x.find(r=>r.value===e.sortKey)},placeholder:`${d.sortBy}:`,style:{width:"200px"},isSearchable:!1,isOptionsSortable:!1,constantSelectedValue:`${d.sortBy}:`,name:"people_sort_by"})})})}),t.jsxs(gt,{"data-testid":a("people-list-header",e.sortKey),onClick:()=>n(e.sortKey,e.sortOrder),children:[t.jsx(wt,{children:h?.value}),t.jsx(mt,{sortDataValue:e.sortKey,headerdata:h,children:t.jsx(qe,{width:s.sp3,height:s.sp3})})]})]})}const ht=ce.memo(pt),mt=i.div`
   display: flex;
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
@@ -81,7 +81,7 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
     justify-content: flex-start;
     .single-select-field__single-value {
       color: ${e=>e.theme.colors.hero};
-      ${be.smallRegular.css};
+      ${$e.smallRegular.css};
     }
   }
 
@@ -103,7 +103,7 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   }
 `,wt=i(D)`
   color: ${e=>e.theme.colors.hero};
-`,{peoplePage:T}=y.getLocalizedStrings(),vt=({peopleData:e,userNameSticky:o,allClasses:l,allManagers:d,onResendInvite:m,onDeleteUser:p,onRowClick:x})=>{const[h,n]=v.useState(!1),r=I(),u=ft(e,d,l),w=e.userRole.userRoles.filter(g=>!Ce(g)),f=()=>{p?.(e)},j=()=>{x?.(e.userId)};return t.jsxs(yt,{windowSize:r,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:j,"data-testid":a("people-list-row",e.userId),children:[t.jsx($t,{wrapperWidth:S[0].width,windowSize:r,userNameSticky:o,children:t.jsxs(jt,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(St,{children:[e.user?.firstName?t.jsxs(kt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(Ct,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(It,{wrapperWidth:S[1].width,windowSize:r,children:t.jsx(Re,{roles:w})}),t.jsxs(t.Fragment,{children:[X(e.userRole.userRoles)?t.jsx(Z,{wrapperWidth:S[2].width,windowSize:r,children:t.jsx(L,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.manager?t.jsx(ve,{wrapperWidth:S[2].width,windowSize:r,children:t.jsx(L,{children:u.manager})}):t.jsx(Z,{wrapperWidth:S[2].width,windowSize:r,children:t.jsx(L,{children:T.noManager})})}),X(e.userRole.userRoles)?t.jsx(Z,{wrapperWidth:S[3].width,windowSize:r,children:t.jsx(L,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.department?t.jsx(ve,{wrapperWidth:S[3].width,windowSize:r,children:t.jsx(L,{children:u.department})}):t.jsx(Z,{wrapperWidth:S[3].width,windowSize:r,children:t.jsx(L,{children:T.emptyDepartmentPlaceholderText})})})]}),t.jsxs(Rt,{"data-testid":a("last-seen-container",e.userId),wrapperWidth:S[4].width,windowSize:r,children:[e.userRole.invitationStatus==="accepted"?t.jsx(bt,{children:u.lastSeen}):t.jsx(Tt,{children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Pt,{"data-testid":a("resend-invite-text",e.userId),onClick:g=>{g.stopPropagation(),m?.(e.userId)},children:T.resendInvite.label}),t.jsx(Nt,{children:t.jsx(Dt,{children:`${T.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(zt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Se,{menuItems:t.jsxs(Ot,{"data-testid":a("menu-items-container",e.userId),children:[t.jsx(fe,{"data-testid":a("edit-people-list-row"),onClick:()=>{n(!1),j()},children:T.invitePage.editTitle}),t.jsx(fe,{"data-testid":a("delete-people-list-row",e.userId),isDelete:!0,onClick:g=>{g.stopPropagation(),n(!1),f()},children:T.deleteOverlay.title})]}),setIsMenuOpen:n,isMenuOpen:h})})]})]})};function ft(e,o,l){const d=l.find(p=>e.userRole.accountingClassIDs[0]===p.classId),m=o.find(p=>p.userId===e.userRole.managerUserId);return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:Ge},manager:m?.user?`${m?.user?.firstName} ${m?.user?.lastName}`:void 0,department:d?d?.className:void 0,lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const yt=i.div`
+`,{peoplePage:T}=y.getLocalizedStrings(),vt=({peopleData:e,userNameSticky:o,allClasses:l,allManagers:d,onResendInvite:m,onDeleteUser:p,onRowClick:x})=>{const[h,n]=v.useState(!1),r=I(),u=ft(e,d,l),w=e.userRole.userRoles.filter(g=>!Ce(g)),f=()=>{p?.(e)},j=()=>{x?.(e.userId)};return t.jsxs(yt,{windowSize:r,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:j,"data-testid":a("people-list-row",e.userId),children:[t.jsx(bt,{wrapperWidth:S[0].width,windowSize:r,userNameSticky:o,children:t.jsxs(jt,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(St,{children:[e.user?.firstName?t.jsxs(kt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(Ct,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(It,{wrapperWidth:S[1].width,windowSize:r,children:t.jsx(Re,{roles:w})}),t.jsxs(t.Fragment,{children:[X(e.userRole.userRoles)?t.jsx(Z,{wrapperWidth:S[2].width,windowSize:r,children:t.jsx(L,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.manager?t.jsx(ve,{wrapperWidth:S[2].width,windowSize:r,children:t.jsx(L,{children:u.manager})}):t.jsx(Z,{wrapperWidth:S[2].width,windowSize:r,children:t.jsx(L,{children:T.noManager})})}),X(e.userRole.userRoles)?t.jsx(Z,{wrapperWidth:S[3].width,windowSize:r,children:t.jsx(L,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.department?t.jsx(ve,{wrapperWidth:S[3].width,windowSize:r,children:t.jsx(L,{children:u.department})}):t.jsx(Z,{wrapperWidth:S[3].width,windowSize:r,children:t.jsx(L,{children:T.emptyDepartmentPlaceholderText})})})]}),t.jsxs(Rt,{"data-testid":a("last-seen-container",e.userId),wrapperWidth:S[4].width,windowSize:r,children:[e.userRole.invitationStatus==="accepted"?t.jsx($t,{children:u.lastSeen}):t.jsx(Tt,{children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Pt,{"data-testid":a("resend-invite-text",e.userId),onClick:g=>{g.stopPropagation(),m?.(e.userId)},children:T.resendInvite.label}),t.jsx(Nt,{children:t.jsx(Dt,{children:`${T.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(zt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Se,{menuItems:t.jsxs(Ot,{"data-testid":a("menu-items-container",e.userId),children:[t.jsx(fe,{"data-testid":a("edit-people-list-row"),onClick:()=>{n(!1),j()},children:T.invitePage.editTitle}),t.jsx(fe,{"data-testid":a("delete-people-list-row",e.userId),isDelete:!0,onClick:g=>{g.stopPropagation(),n(!1),f()},children:T.deleteOverlay.title})]}),setIsMenuOpen:n,isMenuOpen:h})})]})]})};function ft(e,o,l){const d=l.find(p=>e.userRole.accountingClassIDs[0]===p.classId),m=o.find(p=>p.userId===e.userRole.managerUserId);return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:Ye},manager:m?.user?`${m?.user?.firstName} ${m?.user?.lastName}`:void 0,department:d?d?.className:void 0,lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const yt=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -157,7 +157,7 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   }
   background-color: ${e=>e.theme.colors.grey5};
   cursor: pointer;
-`,$t=i(ke)`
+`,bt=i(ke)`
   width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
   max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
   height: 100%;
@@ -177,7 +177,7 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
-`,bt=i(O)`
+`,$t=i(O)`
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -222,7 +222,7 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
-`,Ct=i(Y)`
+`,Ct=i(G)`
   color: ${e=>e.theme.colors.grey1};
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -253,7 +253,7 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   flex-direction: row;
   -webkit-box-pack: end;
   justify-content: flex-end;
-`,Dt=i(Y)`
+`,Dt=i(G)`
   color: ${e=>e.theme.colors.grey1};
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -272,7 +272,7 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,_t={width:new $(343,580,726)},{peoplePage:k}=y.getLocalizedStrings(),Lt=({peopleData:e,allClasses:o,allManagers:l,onRowClick:d,onResendInvite:m})=>{const p=I(),x=e.userRole.userRoles.filter(r=>!Ce(r)),h=si(l,e.userRole.managerUserId),n=oi(o,e.userRole.accountingClassIDs);return t.jsxs(At,{windowSize:p,isInviteAccepted:e.userRole.invitationStatus==="accepted","data-testid":a("people-list-row-small",e.userId),onClick:()=>{d?.(e.userId)},children:[t.jsxs(Vt,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Wt,{children:t.jsxs(Bt,{children:[t.jsxs(Ht,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Ut,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Kt,{className:"lastSeen",children:[t.jsx(Et,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Ft,{children:k.header.lastSeen})]}):t.jsx(Zt,{"data-testid":a("resend-invite-wrapper",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(qt,{"data-testid":a("resend-invite-text",e.userId),onClick:r=>{r.stopPropagation(),m?.(e.userId)},children:k.resendInvite.label}),t.jsx(Jt,{children:t.jsx(Qt,{children:`${k.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Mt,{children:t.jsxs(se,{className:"personDetails",children:[t.jsxs(pe,{children:[t.jsxs(he,{children:[k.header.role,":"]}),t.jsx(oe,{children:t.jsx(Re,{roles:x})})]}),t.jsxs(Xt,{children:[t.jsxs(Yt,{children:[k.header.manager,":"]}),X(e.userRole.userRoles)?t.jsx(q,{children:k.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(ti,{children:h}):t.jsx(q,{children:k.noManager})})]}),t.jsxs(Gt,{children:[t.jsxs(ei,{children:[k.header.department,":"]}),X(e.userRole.userRoles)?t.jsx(q,{children:k.notApplicable}):t.jsx(t.Fragment,{children:n?t.jsx(ii,{children:n}):t.jsx(q,{children:k.emptyDepartmentPlaceholderText})})]})]})})]})},At=i.div`
+`,_t={width:new b(343,580,726)},{peoplePage:k}=y.getLocalizedStrings(),Lt=({peopleData:e,allClasses:o,allManagers:l,onRowClick:d,onResendInvite:m})=>{const p=I(),x=e.userRole.userRoles.filter(r=>!Ce(r)),h=si(l,e.userRole.managerUserId),n=oi(o,e.userRole.accountingClassIDs);return t.jsxs(At,{windowSize:p,isInviteAccepted:e.userRole.invitationStatus==="accepted","data-testid":a("people-list-row-small",e.userId),onClick:()=>{d?.(e.userId)},children:[t.jsxs(Vt,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Wt,{children:t.jsxs(Bt,{children:[t.jsxs(Ht,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Ut,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Kt,{className:"lastSeen",children:[t.jsx(Et,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Ft,{children:k.header.lastSeen})]}):t.jsx(Zt,{"data-testid":a("resend-invite-wrapper",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Jt,{"data-testid":a("resend-invite-text",e.userId),onClick:r=>{r.stopPropagation(),m?.(e.userId)},children:k.resendInvite.label}),t.jsx(qt,{children:t.jsx(Qt,{children:`${k.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Mt,{children:t.jsxs(se,{className:"personDetails",children:[t.jsxs(pe,{children:[t.jsxs(he,{children:[k.header.role,":"]}),t.jsx(oe,{children:t.jsx(Re,{roles:x})})]}),t.jsxs(Xt,{children:[t.jsxs(Gt,{children:[k.header.manager,":"]}),X(e.userRole.userRoles)?t.jsx(J,{children:k.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(ti,{children:h}):t.jsx(J,{children:k.noManager})})]}),t.jsxs(Yt,{children:[t.jsxs(ei,{children:[k.header.department,":"]}),X(e.userRole.userRoles)?t.jsx(J,{children:k.notApplicable}):t.jsx(t.Fragment,{children:n?t.jsx(ii,{children:n}):t.jsx(J,{children:k.emptyDepartmentPlaceholderText})})]})]})})]})},At=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -340,10 +340,10 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,qt=i(se)`
+`,Jt=i(se)`
   color: ${A.info};
   cursor: pointer;
-`,Jt=i.div`
+`,qt=i.div`
   display: flex;
   flex-direction: row;
   -webkit-box-pack: end;
@@ -352,13 +352,13 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   color: ${e=>e.theme.colors.grey1};
 `,pe=i.div`
   display: flex;
-`,Xt=i(pe)``,Gt=i(pe)``,he=i.div`
+`,Xt=i(pe)``,Yt=i(pe)``,he=i.div`
   width: 30%;
-`,Yt=i(he)``,ei=i(he)``,oe=i.div`
+`,Gt=i(he)``,ei=i(he)``,oe=i.div`
   width: 70%;
-`,ti=i(oe)``,ii=i(oe)``,q=i(oe)`
+`,ti=i(oe)``,ii=i(oe)``,J=i(oe)`
   color: ${e=>e.theme.colors.grey1};
-`,si=(e,o)=>{const l=e.find(d=>d.userId===o);return l?.user?`${l?.user?.firstName} ${l?.user?.lastName}`:void 0},oi=(e,o)=>{const l=e.find(d=>o[0]===d.classId);return l?l.className:void 0},ri=e=>I()==="small"?t.jsx(Lt,{...e}):t.jsx(vt,{...e}),J=y.getLocalizedStrings().peoplePage,li=({peopleData:e,userNameSticky:o,onResendInvite:l,onDeleteUser:d,onRowClick:m})=>{const[p,x]=v.useState(!1),h=I(),n=ni(e),r=f=>{const j=[];return f.map(g=>{const R=Ie.roles.find(V=>V.value===g);return R!=null&&j.push(R?.label??""),j}),j.length>0?j.join(", "):"-"},u=()=>{d?.(e)},w=()=>{m?.(e.userId)};return t.jsxs(ai,{"data-testid":a("zeni-people-list-row-medium",e.userId),windowSize:h,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:w,children:[t.jsx(di,{wrapperWidth:H[0].width,windowSize:h,userNameSticky:o,children:t.jsxs(pi,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(hi,{children:[e.user?.firstName?t.jsxs(mi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"personNameTxt",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(xi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(ui,{widthNumber:H[1].width,windowSize:h,children:t.jsx(ci,{wrapperWidth:new $(100,100),windowSize:h,children:r(e.userRole.userRoles)})}),t.jsxs(yi,{"data-testid":a("people-list-row-medium-last-seen",e.userId),wrapperWidth:H[2].width,windowSize:h,children:[e.userRole.invitationStatus==="accepted"?t.jsx($i,{children:n.lastSeen}):t.jsx(gi,{"data-testid":a("people-list-row-medium-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(wi,{"data-testid":a("people-list-row-medium-resend-invite-text",e.userId),onClick:f=>{f.stopPropagation(),l?.(e.userId)},children:J.resendInvite.label}),t.jsx(vi,{children:t.jsx(fi,{children:`${J.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(bi,{"data-testid":a("people-list-row-medium-menu",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Se,{menuItems:t.jsxs(ji,{children:[t.jsx(ye,{"data-testid":a("people-list-row-medium-menu-edit",e.userId),onClick:()=>{x(!1),w()},children:J.invitePage.editTitle}),t.jsx(ye,{"data-testid":a("people-list-row-menu-delete",e.userId),isDelete:!0,onClick:f=>{f.stopPropagation(),x(!1),u()},children:J.deleteOverlay.title})]}),setIsMenuOpen:x,isMenuOpen:p})})]})]})};function ni(e){return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:Ie.roles},lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const ai=i.div`
+`,si=(e,o)=>{const l=e.find(d=>d.userId===o);return l?.user?`${l?.user?.firstName} ${l?.user?.lastName}`:void 0},oi=(e,o)=>{const l=e.find(d=>o[0]===d.classId);return l?l.className:void 0},ri=e=>I()==="small"?t.jsx(Lt,{...e}):t.jsx(vt,{...e}),q=y.getLocalizedStrings().peoplePage,li=({peopleData:e,userNameSticky:o,onResendInvite:l,onDeleteUser:d,onRowClick:m})=>{const[p,x]=v.useState(!1),h=I(),n=ni(e),r=f=>{const j=[];return f.map(g=>{const R=Ie.roles.find(V=>V.value===g);return R!=null&&j.push(R?.label??""),j}),j.length>0?j.join(", "):"-"},u=()=>{d?.(e)},w=()=>{m?.(e.userId)};return t.jsxs(ai,{"data-testid":a("zeni-people-list-row-medium",e.userId),windowSize:h,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:w,children:[t.jsx(di,{wrapperWidth:H[0].width,windowSize:h,userNameSticky:o,children:t.jsxs(pi,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(hi,{children:[e.user?.firstName?t.jsxs(mi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"personNameTxt",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(xi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(ui,{widthNumber:H[1].width,windowSize:h,children:t.jsx(ci,{wrapperWidth:new b(100,100),windowSize:h,children:r(e.userRole.userRoles)})}),t.jsxs(yi,{"data-testid":a("people-list-row-medium-last-seen",e.userId),wrapperWidth:H[2].width,windowSize:h,children:[e.userRole.invitationStatus==="accepted"?t.jsx(bi,{children:n.lastSeen}):t.jsx(gi,{"data-testid":a("people-list-row-medium-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(wi,{"data-testid":a("people-list-row-medium-resend-invite-text",e.userId),onClick:f=>{f.stopPropagation(),l?.(e.userId)},children:q.resendInvite.label}),t.jsx(vi,{children:t.jsx(fi,{children:`${q.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx($i,{"data-testid":a("people-list-row-medium-menu",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Se,{menuItems:t.jsxs(ji,{children:[t.jsx(ye,{"data-testid":a("people-list-row-medium-menu-edit",e.userId),onClick:()=>{x(!1),w()},children:q.invitePage.editTitle}),t.jsx(ye,{"data-testid":a("people-list-row-menu-delete",e.userId),isDelete:!0,onClick:f=>{f.stopPropagation(),x(!1),u()},children:q.deleteOverlay.title})]}),setIsMenuOpen:x,isMenuOpen:p})})]})]})};function ni(e){return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:Ie.roles},lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const ai=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -453,7 +453,7 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   display: flex;
   align-items: flex-start;
   box-sizing: border-box;
-`,xi=i(Y)`
+`,xi=i(G)`
   color: ${e=>e.theme.colors.grey1};
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -477,7 +477,7 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   flex-direction: row;
   -webkit-box-pack: end;
   justify-content: flex-end;
-`,fi=i(Ye)`
+`,fi=i(Ge)`
   color: ${e=>e.theme.colors.grey1};
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -487,13 +487,13 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
 `,yi=i.div`
   width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
   position: relative;
-`,$i=i(O)`
+`,bi=i(O)`
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
-`,bi=i.div`
+`,$i=i.div`
   position: absolute;
   right: ${`-${s.sp2}`};
   top: ${e=>e.isInviteAccepted?"6%":"30%"};
@@ -509,7 +509,7 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Si={width:new $(343,580,726)},Q=y.getLocalizedStrings().peoplePage,ki=({peopleData:e,onRowClick:o,onResendInvite:l})=>{const d=I();return t.jsxs(Ii,{windowSize:d,"data-testid":a("zeni-people-list-row-small",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:()=>{o?.(e.userId)},children:[t.jsxs(Ci,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(zi,{children:t.jsxs(Ti,{children:[t.jsxs(Pi,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Ni,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Li,{className:"lastSeen","data-testid":a("people-list-row-small-last-seen",e.userId),children:[t.jsx(Ai,{className:"lastSeenDateTxt","data-testid":a("people-list-row-small-last-seen-content",e.userId),children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Vi,{children:Q.header.lastSeen})]}):t.jsx(Mi,{"data-testid":a("people-list-row-small-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Wi,{"data-testid":a("people-list-row-small-resend-invite-text",e.userId),onClick:m=>{m.stopPropagation(),l?.(e.userId)},children:Q.resendInvite.label}),t.jsx(Bi,{children:t.jsx(Hi,{children:`${Q.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Ri,{children:t.jsx(re,{className:"personDetails",children:t.jsxs(Di,{style:{display:"flex"},children:[t.jsxs(Oi,{style:{},children:[Q.header.role,":"]}),t.jsx(_i,{children:je(e.userRole.userRoles,"zeni_only")})]})})})]})},Ii=i.div`
+`,Si={width:new b(343,580,726)},Q=y.getLocalizedStrings().peoplePage,ki=({peopleData:e,onRowClick:o,onResendInvite:l})=>{const d=I();return t.jsxs(Ii,{windowSize:d,"data-testid":a("zeni-people-list-row-small",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:()=>{o?.(e.userId)},children:[t.jsxs(Ci,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(zi,{children:t.jsxs(Ti,{children:[t.jsxs(Pi,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Ni,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Li,{className:"lastSeen","data-testid":a("people-list-row-small-last-seen",e.userId),children:[t.jsx(Ai,{className:"lastSeenDateTxt","data-testid":a("people-list-row-small-last-seen-content",e.userId),children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Vi,{children:Q.header.lastSeen})]}):t.jsx(Mi,{"data-testid":a("people-list-row-small-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Wi,{"data-testid":a("people-list-row-small-resend-invite-text",e.userId),onClick:m=>{m.stopPropagation(),l?.(e.userId)},children:Q.resendInvite.label}),t.jsx(Bi,{children:t.jsx(Hi,{children:`${Q.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Ri,{children:t.jsx(re,{className:"personDetails",children:t.jsxs(Di,{style:{display:"flex"},children:[t.jsxs(Oi,{style:{},children:[Q.header.role,":"]}),t.jsx(_i,{children:je(e.userRole.userRoles,"zeni_only")})]})})})]})},Ii=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -587,24 +587,24 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   justify-content: flex-end;
 `,Hi=i(re)`
   color: ${e=>e.theme.colors.grey1};
-`,Ui=e=>I()==="small"?t.jsx(ki,{...e}):t.jsx(li,{...e}),M={overscanCount:1,rowNameLimit:55,listItemHeight:88},ne={peopleListItemHeight:138,zeniPeopleListItemHeight:106,zeniPeopleExtendedListItemHeight:130},G={listItemPaddingRight:new $(b[3],b[8]),listItemPaddingLeft:new $(b[3],b[8]),zeniLastRowHeight:new $(154,136),nonZeniLastRowHeight:new $(200,136)},W=y.getLocalizedStrings().peoplePage,Ki=({peopleView:e,allManagers:o,allClasses:l,analytics:d,onColumnSortConfigChanged:m,onDeleteClick:p,onResendInvite:x,onRowClick:h,isZeniTenant:n})=>{const r=I(),u=v.useRef(null),w=!(r==="small"||r==="medium-compact"),[f,j]=v.useState(!1),[g,R]=v.useState(),V=$e(),z=e.people.findIndex(c=>c.userRole.invitationStatus==="invited"),me=c=>{j(!0),R(c)},ue=v.memo(({index:c,style:C})=>t.jsx(t.Fragment,{children:t.jsxs(Zi,{"data-testid":a("people-list-item",e.people[c].user?.userId),style:{...C,width:"fit-content",minWidth:"100%"},windowSize:r,isFirstResendInviteUser:z===c,className:"people-list-item",children:[z===c?t.jsx(Gi,{}):null,e.uiState.mode==="off"?t.jsx(ri,{allManagers:o,allClasses:l,userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n}):t.jsx(Ui,{userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n})]})}),Ae);ue.displayName="ListItem";const xe=v.forwardRef((c,C)=>{const{children:_,style:E,...F}=c;return t.jsxs("div",{ref:C,style:{...E,width:"auto"},...F,children:[r==="small"?t.jsx(ht,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}):t.jsx(st,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}),t.jsx(qi,{children:_})]})});xe.displayName="People list view inner element type";const ze=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,_=z===c;return C>M.rowNameLimit?M.listItemHeight+b[5]+(_?b[3]:b[0]):M.listItemHeight+(_?b[3]:b[0])},Te=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,_=je(e.people[c].userRole.userRoles,e.uiState.mode).length,E=z===c,F=e.uiState.mode==="zeni_only"?_>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>M.rowNameLimit?F+b[5]+(E?b[3]:b[0]):F+(E?b[3]:b[0])},Pe={onOkClick:()=>{const c=g;d?.trackRemoveUserAccess(c.userRole.userRoles,c.userRole.userEmail),p?.(c.userId,c.userRole.userRoleId)},onCancelClick:()=>{j(!1),R(void 0)}},ge=Ve(e.people.find(c=>c.userId===g?.userId)?.update),K=e.people.find(c=>c.userId===g?.userId)?.update,Ne=g!=null?W.deleteOverlay.description.replace("‘_user-name_’",`"${Ei(g)}"`):W.deleteOverlay.description;return v.useEffect(()=>{u.current&&u.current.resetAfterIndex(0)},[e,r]),v.useEffect(()=>{K==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[K,ge]),t.jsxs(Fi,{"data-testid":a("people-list-view-container"),windowSize:r,mode:e.uiState.mode,children:[f===!0?t.jsx(Me,{titleComponent:t.jsx(He,{children:W.deleteOverlay.title}),descriptionComponent:t.jsx(Be,{children:Ne}),primaryButtonText:W.deleteOverlay.remove,secondaryButtonText:W.deleteOverlay.cancel,action:Pe,proceedButtonVariant:"danger",isLoading:K==="removeUsers",isDisabled:K==="removeUsers",style:{background:V.colors.overlayColor},children:g?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Xi,{}),t.jsx(Ji,{children:t.jsx(Qi,{src:g?.user.photo?.toString()??We,alt:g?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(Ue,{children:({height:c,width:C})=>t.jsx(Yi,{height:c,innerElementType:xe,itemCount:e.people.length,itemSize:r==="small"?Te:ze,width:C,ref:u,overscanCount:M.overscanCount,children:ue})})]})},Ei=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",Fi=i.div`
+`,Ui=e=>I()==="small"?t.jsx(ki,{...e}):t.jsx(li,{...e}),M={overscanCount:1,rowNameLimit:55,listItemHeight:88},ne={peopleListItemHeight:138,zeniPeopleListItemHeight:106,zeniPeopleExtendedListItemHeight:130},Y={listItemPaddingRight:new b($[3],$[8]),listItemPaddingLeft:new b($[3],$[8]),zeniLastRowHeight:new b(154,136),nonZeniLastRowHeight:new b(200,136)},W=y.getLocalizedStrings().peoplePage,Ki=({peopleView:e,allManagers:o,allClasses:l,analytics:d,onColumnSortConfigChanged:m,onDeleteClick:p,onResendInvite:x,onRowClick:h,isZeniTenant:n})=>{const r=I(),u=v.useRef(null),w=!(r==="small"||r==="medium-compact"),[f,j]=v.useState(!1),[g,R]=v.useState(),V=be(),z=e.people.findIndex(c=>c.userRole.invitationStatus==="invited"),me=c=>{j(!0),R(c)},ue=v.memo(({index:c,style:C})=>t.jsx(t.Fragment,{children:t.jsxs(Zi,{"data-testid":a("people-list-item",e.people[c].user?.userId),style:{...C,width:"fit-content",minWidth:"100%"},windowSize:r,isFirstResendInviteUser:z===c,className:"people-list-item",children:[z===c?t.jsx(Yi,{}):null,e.uiState.mode==="off"?t.jsx(ri,{allManagers:o,allClasses:l,userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n}):t.jsx(Ui,{userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n})]})}),Ae);ue.displayName="ListItem";const xe=v.forwardRef((c,C)=>{const{children:_,style:E,...F}=c;return t.jsxs("div",{ref:C,style:{...E,width:"auto"},...F,children:[r==="small"?t.jsx(ht,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}):t.jsx(st,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}),t.jsx(Ji,{children:_})]})});xe.displayName="People list view inner element type";const ze=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,_=z===c;return C>M.rowNameLimit?M.listItemHeight+$[5]+(_?$[3]:$[0]):M.listItemHeight+(_?$[3]:$[0])},Te=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,_=je(e.people[c].userRole.userRoles,e.uiState.mode).length,E=z===c,F=e.uiState.mode==="zeni_only"?_>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>M.rowNameLimit?F+$[5]+(E?$[3]:$[0]):F+(E?$[3]:$[0])},Pe={onOkClick:()=>{const c=g;d?.trackRemoveUserAccess(c.userRole.userRoles,c.userRole.userEmail),p?.(c.userId,c.userRole.userRoleId)},onCancelClick:()=>{j(!1),R(void 0)}},ge=Ve(e.people.find(c=>c.userId===g?.userId)?.update),K=e.people.find(c=>c.userId===g?.userId)?.update,Ne=g!=null?W.deleteOverlay.description.replace("‘_user-name_’",`"${Ei(g)}"`):W.deleteOverlay.description;return v.useEffect(()=>{u.current&&u.current.resetAfterIndex(0)},[e,r]),v.useEffect(()=>{K==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[K,ge]),t.jsxs(Fi,{"data-testid":a("people-list-view-container"),windowSize:r,mode:e.uiState.mode,children:[f===!0?t.jsx(Me,{titleComponent:t.jsx(He,{children:W.deleteOverlay.title}),descriptionComponent:t.jsx(Be,{children:Ne}),primaryButtonText:W.deleteOverlay.remove,secondaryButtonText:W.deleteOverlay.cancel,action:Pe,proceedButtonVariant:"danger",isLoading:K==="removeUsers",isDisabled:K==="removeUsers",style:{background:V.colors.overlayColor},children:g?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Xi,{}),t.jsx(qi,{children:t.jsx(Qi,{src:g?.user.photo?.toString()??We,alt:g?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(Ue,{children:({height:c,width:C})=>t.jsx(Gi,{height:c,innerElementType:xe,itemCount:e.people.length,itemSize:r==="small"?Te:ze,width:C,ref:u,overscanCount:M.overscanCount,children:ue})})]})},Ei=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",Fi=i.div`
   /** Subtract top so list can occupy remaining available height */
   min-height: ${`calc(100vh - ${s.sp9})`};
   max-width: 99.9%;
   .people-list-item:last-of-type {
-    height: ${e=>e.mode==="zeni_only"?G.zeniLastRowHeight.valuePx(e.windowSize):G.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
+    height: ${e=>e.mode==="zeni_only"?Y.zeniLastRowHeight.valuePx(e.windowSize):Y.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
     padding-bottom: ${s.sp9};
   }
 `,Zi=i.div`
   top: ${s.sp0};
   left: ${s.sp0};
-  padding: ${e=>`${s.sp0} ${G.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?s.sp5:s.sp3} ${G.listItemPaddingLeft.valuePx(e.windowSize)} `};
+  padding: ${e=>`${s.sp0} ${Y.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?s.sp5:s.sp3} ${Y.listItemPaddingLeft.valuePx(e.windowSize)} `};
   box-sizing: border-box;
-`,qi=i.div`
+`,Ji=i.div`
   position: relative;
   width: auto;
   height: 100%;
-`,Ji=i.div`
+`,qi=i.div`
   position: absolute;
   top: -26px;
 `,Qi=i.img`
@@ -621,10 +621,10 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
   width: ${s.sp9};
   border-radius: 50% 50% 0 0;
   background-color: ${e=>e.theme.colors.grey5};
-`,Gi=i.div`
+`,Yi=i.div`
   padding-top: ${s.sp3};
   border-top: 1px solid ${e=>e.theme.colors.grey3};
-`,Yi=i(Ee)``,es=(e,o)=>{const{user:l,userId:d,userRole:m,update:p}=e,{user:x,userId:h,userRole:n,update:r}=o;return B(l,x)&&B(d,h)&&B(m,n)&&B(p,r)},ts=(e,o)=>{if(e.peopleView.people.length!=o.peopleView.people.length||e.allManagers.length!=o.allManagers.length)return!1;let l=!0;for(let d=0;d<e.peopleView.people.length;++d){const m=e.peopleView.people[d],p=o.peopleView.people[d];if(l=es(m,p),!l)break}return l=l&&B(e.peopleView.invitePeopleState,o.peopleView.invitePeopleState),l=l&&e.peopleView.uiState.sortKey===o.peopleView.uiState.sortKey&&e.peopleView.uiState.sortOrder===o.peopleView.uiState.sortOrder,l},is=v.memo(Ki,ts);function ss({peopleInviteSectionProps:e}){const o=I();return t.jsx(os,{isSearchOpen:e.isSearchOpen&&o==="small",windowsize:o,children:o!=="small"?t.jsxs(t.Fragment,{children:[e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"unset",right:"120px"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen}),t.jsx(Le,{variant:"primary",size:"small","data-testid":a("invite-people-button"),style:{height:"29px",...be.smallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"},label:e.invitePeopleLabel,onClick:e.onInvitePeopleClick})]}):t.jsxs(t.Fragment,{children:[e.hideInviteBtn?null:t.jsx(rs,{"data-testid":a("invite-people-button"),onClick:e.onInvitePeopleClick}),e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"5px",right:o!=="small"?"120px":"unset",top:"44px",width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,"data-testid":a("people-invite-search"),onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0})]})})}const os=i.div`
+`,Gi=i(Ee)``,es=(e,o)=>{const{user:l,userId:d,userRole:m,update:p}=e,{user:x,userId:h,userRole:n,update:r}=o;return B(l,x)&&B(d,h)&&B(m,n)&&B(p,r)},ts=(e,o)=>{if(e.peopleView.people.length!=o.peopleView.people.length||e.allManagers.length!=o.allManagers.length)return!1;let l=!0;for(let d=0;d<e.peopleView.people.length;++d){const m=e.peopleView.people[d],p=o.peopleView.people[d];if(l=es(m,p),!l)break}return l=l&&B(e.peopleView.invitePeopleState,o.peopleView.invitePeopleState),l=l&&e.peopleView.uiState.sortKey===o.peopleView.uiState.sortKey&&e.peopleView.uiState.sortOrder===o.peopleView.uiState.sortOrder,l},is=v.memo(Ki,ts);function ss({peopleInviteSectionProps:e}){const o=I();return t.jsx(os,{isSearchOpen:e.isSearchOpen&&o==="small",windowsize:o,children:o!=="small"?t.jsxs(t.Fragment,{children:[e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"unset",right:"120px"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen}),t.jsx(Le,{variant:"primary",size:"small","data-testid":a("invite-people-button"),style:{height:"29px",...$e.smallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"},label:e.invitePeopleLabel,onClick:e.onInvitePeopleClick})]}):t.jsxs(t.Fragment,{children:[e.hideInviteBtn?null:t.jsx(rs,{"data-testid":a("invite-people-button"),onClick:e.onInvitePeopleClick}),e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"5px",right:o!=="small"?"120px":"unset",top:"44px",width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,"data-testid":a("people-invite-search"),onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0})]})})}const os=i.div`
   display: flex;
   flex-direction: column;
   justify-content: ${e=>e.windowsize==="small"?"unset":"center"};
@@ -669,7 +669,7 @@ import{g as $e,J as I,F as y,V as t,bB as le,aP as a,bN as De,o as s,ck as Oe,cl
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,cs=i(Y)`
+`,cs=i(G)`
   margin-top: ${s.sp3};
   color: ${e=>e.theme.colors.hero};
-`,ps=()=>t.jsx(ns,{children:t.jsx(U,{size:"ExtraLarge",start:!0})});function hs(e){const o=$e(),l=I(),{mode:d,searchText:m}=e.peopleView.uiState,{fetchState:p}=e.peopleView,{fetchState:x}=e.managersView,{fetchState:h}=e.classList,[n,r]=v.useState(!1),u={isSearchOpen:n,onSearchOpen:z=>{r(z)},onSearchTextChanged:e.personAction.onSearchTextChanged,searchPlaceHolder:y.getLocalizedStrings().peoplePage.searchPlaceHolder,searchText:m,invitePeopleLabel:y.getLocalizedStrings().peoplePage.invitePeopleText,onInvitePeopleClick:e.onInvitePeopleClick,onClickMenuIcon:e.onClickMenuIcon},w=e?.isZeniTenant!==!0&&e?.isZeniAdminUser===!0,f=()=>{const z=d==="off"?"zeni_only":"off";e.personAction.onModeChange?.(z)},j=p==="Completed"?`(${e.peopleView.people.length})`:"",g=`${d==="off"?y.getLocalizedStrings().peoplePage.peopleTitle:y.getLocalizedStrings().peoplePage.zeniPeopleTitle} ${j}`,R=v.useMemo(()=>p==="In-Progress"||p==="Not-Started"||x==="In-Progress"||x==="Not-Started"||e.shouldFetchClasses&&(h==="In-Progress"||h==="Not-Started"),[p,x,e.shouldFetchClasses,h]);function V(){return R?t.jsxs(ae,{"data-testid":a("people-page-loading"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:e.onClickMenuIcon,onZeniLogoClick:f,showZeniLogo:w,zeniLogoVisiblity:d==="zeni_only"?"visible":"hidden",isSearchOpen:n,backgroundColor:o.colors.grey4,source:"PeoplePage"}),t.jsx(ps,{})]}):p==="Error"||h==="Error"||x==="Error"?t.jsxs(ae,{"data-testid":a("people-page-error"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,backgroundColor:o.colors.grey4,source:"PeoplePage"}),t.jsxs(as,{children:[t.jsx(ds,{"data-testid":a("people-page-error-reload-icon"),onClick:e.personAction.onReloadPeople,children:t.jsx(De,{width:s.sp6,height:s.sp6})}),t.jsx(cs,{children:y.getLocalizedStrings().peoplePage.reloadPage.label})]})]}):t.jsxs(ae,{"data-testid":a("people-page-content-container"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,source:"PeoplePage",backgroundColor:o.colors.grey4}),t.jsx(ls,{"data-testid":a("people-page-content"),windowSize:l,children:e.peopleView.people.length>0?t.jsx(is,{peopleView:e.peopleView,allManagers:e.managersView.users,allClasses:e.classList.classes,onDeleteClick:e.personAction.onPersonDelete,analytics:e.analytics,onResendInvite:e.personAction.onResendInvite,onColumnSortConfigChanged:e.onColumnSortConfigChanged,onRowClick:e.onRowClick,isZeniTenant:e.isZeniTenant}):m!==""?t.jsx(Oe,{emptySearchTextFirstLine:y.getLocalizedStrings().peoplePage.emptySearchTextFirstLine,emptySearchTextSecondLine:y.getLocalizedStrings().peoplePage.emptySearchTextSecondLine}):t.jsx(_e,{message:y.getLocalizedStrings().peoplePage.emptyResultsMessage})})]})}return t.jsx("div",{children:V()})}const de=e=>t.jsx(ss,{peopleInviteSectionProps:e}),ks=ce.memo(hs);export{ks as MemoPeople,hs as default};
+`,ps=()=>t.jsx(ns,{children:t.jsx(U,{size:"ExtraLarge",start:!0})});function hs(e){const o=be(),l=I(),{mode:d,searchText:m}=e.peopleView.uiState,{fetchState:p}=e.peopleView,{fetchState:x}=e.managersView,{fetchState:h}=e.classList,[n,r]=v.useState(!1),u={isSearchOpen:n,onSearchOpen:z=>{r(z)},onSearchTextChanged:e.personAction.onSearchTextChanged,searchPlaceHolder:y.getLocalizedStrings().peoplePage.searchPlaceHolder,searchText:m,invitePeopleLabel:y.getLocalizedStrings().peoplePage.invitePeopleText,onInvitePeopleClick:e.onInvitePeopleClick,onClickMenuIcon:e.onClickMenuIcon},w=e?.isZeniTenant!==!0&&e?.isZeniAdminUser===!0,f=()=>{const z=d==="off"?"zeni_only":"off";e.personAction.onModeChange?.(z)},j=p==="Completed"?`(${e.peopleView.people.length})`:"",g=`${d==="off"?y.getLocalizedStrings().peoplePage.peopleTitle:y.getLocalizedStrings().peoplePage.zeniPeopleTitle} ${j}`,R=v.useMemo(()=>p==="In-Progress"||p==="Not-Started"||x==="In-Progress"||x==="Not-Started"||e.shouldFetchClasses&&(h==="In-Progress"||h==="Not-Started"),[p,x,e.shouldFetchClasses,h]);function V(){return R?t.jsxs(ae,{"data-testid":a("people-page-loading"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:e.onClickMenuIcon,onZeniLogoClick:f,showZeniLogo:w,zeniLogoVisiblity:d==="zeni_only"?"visible":"hidden",isSearchOpen:n,backgroundColor:o.colors.grey4,source:"PeoplePage"}),t.jsx(ps,{})]}):p==="Error"||h==="Error"||x==="Error"?t.jsxs(ae,{"data-testid":a("people-page-error"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,backgroundColor:o.colors.grey4,source:"PeoplePage"}),t.jsxs(as,{children:[t.jsx(ds,{"data-testid":a("people-page-error-reload-icon"),onClick:e.personAction.onReloadPeople,children:t.jsx(De,{width:s.sp6,height:s.sp6})}),t.jsx(cs,{children:y.getLocalizedStrings().peoplePage.reloadPage.label})]})]}):t.jsxs(ae,{"data-testid":a("people-page-content-container"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,source:"PeoplePage",backgroundColor:o.colors.grey4}),t.jsx(ls,{"data-testid":a("people-page-content"),windowSize:l,children:e.peopleView.people.length>0?t.jsx(is,{peopleView:e.peopleView,allManagers:e.managersView.users,allClasses:e.classList.classes,onDeleteClick:e.personAction.onPersonDelete,analytics:e.analytics,onResendInvite:e.personAction.onResendInvite,onColumnSortConfigChanged:e.onColumnSortConfigChanged,onRowClick:e.onRowClick,isZeniTenant:e.isZeniTenant}):m!==""?t.jsx(Oe,{emptySearchTextFirstLine:y.getLocalizedStrings().peoplePage.emptySearchTextFirstLine,emptySearchTextSecondLine:y.getLocalizedStrings().peoplePage.emptySearchTextSecondLine}):t.jsx(_e,{message:y.getLocalizedStrings().peoplePage.emptyResultsMessage})})]})}return t.jsx("div",{children:V()})}const de=e=>t.jsx(ss,{peopleInviteSectionProps:e}),ks=ce.memo(hs);export{ks as MemoPeople,hs as default};

package/dist/assets/{Preview-B0RnB2Yn.js → Preview-1YaMlOZx.js}

@@ -1 +1 @@
-import{a as h,P as n}from"./sentry-Dlcq8VjX.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new t.Error().stack;a&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[a]="1e21bcae-92bc-4f72-b3b7-b9f34ad2806c",t._sentryDebugIdIdentifier="sentry-dbid-1e21bcae-92bc-4f72-b3b7-b9f34ad2806c")}catch{}})();const c="64px",u={},k=({src:t,light:a,oEmbedUrl:r,onClickPreview:s,playIcon:m,previewTabIndex:I,previewAriaLabel:f})=>{const[b,o]=h.useState(null);h.useEffect(()=>{!t||!a||!r||_({src:t,light:a,oEmbedUrl:r})},[t,a,r]);const _=async({src:e,light:i,oEmbedUrl:E})=>{if(n.isValidElement(i))return;if(typeof i=="string"){o(i);return}if(u[e]){o(u[e]);return}o(null);const y=await(await fetch(E.replace("{url}",e))).json();if(y.thumbnail_url){const g=y.thumbnail_url.replace("height=100","height=480").replace("-d_295x166","-d_640");o(g),u[e]=g}},w=e=>{(e.key==="Enter"||e.key===" ")&&s?.(e)},v=e=>{s?.(e)},l=n.isValidElement(a),p={display:"flex",alignItems:"center",justifyContent:"center"},d={preview:{width:"100%",height:"100%",backgroundImage:b&&!l?`url(${b})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer",...p},shadow:{background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:c,width:c,height:c,position:l?"absolute":void 0,...p},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},x=n.createElement("div",{style:d.shadow,className:"react-player__shadow"},n.createElement("div",{style:d.playIcon,className:"react-player__play-icon"}));return n.createElement("div",{style:d.preview,className:"react-player__preview",tabIndex:I,onClick:v,onKeyDown:w,...f?{"aria-label":f}:{}},l?a:null,m||x)};var P=k;export{P as default};
+import{a as h,P as n}from"./sentry-D0RHYOS9.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new t.Error().stack;a&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[a]="1e21bcae-92bc-4f72-b3b7-b9f34ad2806c",t._sentryDebugIdIdentifier="sentry-dbid-1e21bcae-92bc-4f72-b3b7-b9f34ad2806c")}catch{}})();const c="64px",u={},k=({src:t,light:a,oEmbedUrl:r,onClickPreview:s,playIcon:m,previewTabIndex:I,previewAriaLabel:f})=>{const[b,o]=h.useState(null);h.useEffect(()=>{!t||!a||!r||_({src:t,light:a,oEmbedUrl:r})},[t,a,r]);const _=async({src:e,light:i,oEmbedUrl:E})=>{if(n.isValidElement(i))return;if(typeof i=="string"){o(i);return}if(u[e]){o(u[e]);return}o(null);const y=await(await fetch(E.replace("{url}",e))).json();if(y.thumbnail_url){const g=y.thumbnail_url.replace("height=100","height=480").replace("-d_295x166","-d_640");o(g),u[e]=g}},w=e=>{(e.key==="Enter"||e.key===" ")&&s?.(e)},v=e=>{s?.(e)},l=n.isValidElement(a),p={display:"flex",alignItems:"center",justifyContent:"center"},d={preview:{width:"100%",height:"100%",backgroundImage:b&&!l?`url(${b})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer",...p},shadow:{background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:c,width:c,height:c,position:l?"absolute":void 0,...p},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},x=n.createElement("div",{style:d.shadow,className:"react-player__shadow"},n.createElement("div",{style:d.playIcon,className:"react-player__play-icon"}));return n.createElement("div",{style:d.preview,className:"react-player__preview",tabIndex:I,onClick:v,onKeyDown:w,...f?{"aria-label":f}:{}},l?a:null,m||x)};var P=k;export{P as default};

package/dist/assets/{ProductsCarousel-CCLEQfr4-I7QWzOtX.js → ProductsCarousel-CAcPH--E-CypMj_aV.js}

@@ -1,4 +1,4 @@
-import{F as D,V as t,a8 as B,o as c,c1 as N,a$ as U,u as V,d6 as q,aq as G,al as T,d7 as H,p as v}from"./index-D-WiwijD.js";import{a as $}from"./sentry-Dlcq8VjX.js";import{n as i}from"./mui-CooLgaJO.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]="6eb667d4-6ca6-4cfd-a53e-986f8c15c143",e._sentryDebugIdIdentifier="sentry-dbid-6eb667d4-6ca6-4cfd-a53e-986f8c15c143")}catch{}})();const u=D.getLocalizedStrings(),w={large:{labelComp:q,title:G,subtitle:T,seeMoreLink:T}},J={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},r=J.large,Y=i.div`
+import{F as I,V as t,a8 as A,o as c,c2 as B,a$ as N,u as q,d7 as G,aq as H,al as T,d8 as J,p as v}from"./index-Kp9YkIA7.js";import{a as $}from"./sentry-D0RHYOS9.js";import{n as i}from"./mui-NI7j5KJX.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]="3e3992d4-8c33-483f-9655-71122534acc8",e._sentryDebugIdIdentifier="sentry-dbid-3e3992d4-8c33-483f-9655-71122534acc8")}catch{}})();const u=I.getLocalizedStrings(),w={large:{labelComp:G,title:H,subtitle:T,seeMoreLink:T}},V={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},r=V.large,Y=i.div`
   width: ${e=>e.scale*r.width}px;
   height: ${e=>e.scale*r.height}px;
   overflow: hidden;
@@ -58,7 +58,7 @@ import{F as D,V as t,a8 as B,o as c,c1 as N,a$ as U,u as V,d6 as q,aq as G,al as
   align-items: center;
   height: ${e=>e.scale*r.svgContainerHeight}px;
   margin-bottom: ${e=>e.scale*r.imageGap}px;
-`,se=i(H)`
+`,se=i(J)`
   width: ${e=>e.scale*r.svgSize}px;
   min-width: ${e=>e.scale*r.svgSize}px;
   height: ${e=>e.scale*r.svgSize}px;
@@ -76,18 +76,18 @@ import{F as D,V as t,a8 as B,o as c,c1 as N,a$ as U,u as V,d6 as q,aq as G,al as
   height: 100%;
   object-fit: fill;
   object-position: center;
-`,le=({scale:e=1,variant:o="large",label:n,title:a,subtitle:h,seeMoreLink:l,image:d})=>{const p=t.jsx(ee,{scale:e,variant:o,padding:r.padding*e,children:t.jsxs(ie,{children:[t.jsxs(oe,{children:[n!=null&&n.trim()!==u.common.strings.empty?t.jsx(K,{scale:e,children:n}):null,a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Q,{scale:e,children:a}):null,h!=null&&h.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:h}):null,l!=null&&l.trim()!==u.common.strings.empty?t.jsxs(re,{scale:e,children:[t.jsx(W,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(se,{scale:e})]}):null]}),d!=null&&d.trim()!==u.common.strings.empty?t.jsx(ae,{children:t.jsx(ne,{src:d,loading:"lazy"})}):null]})});return t.jsx(Y,{scale:e,variant:o,children:o==="large"&&l!=null&&l.trim()!==u.common.strings.empty?t.jsx(te,{href:l,target:"_blank",rel:"noopener noreferrer",children:p}):p})},b=2,X=5,ce=496,de=V[5],j=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],pe=j[0].scale,ge=Math.abs(j[0].positionX),me=i.div`
+`,le=({scale:e=1,variant:o="large",label:n,title:a,subtitle:h,seeMoreLink:l,image:d})=>{const p=t.jsx(ee,{scale:e,variant:o,padding:r.padding*e,children:t.jsxs(ie,{children:[t.jsxs(oe,{children:[n!=null&&n.trim()!==u.common.strings.empty?t.jsx(K,{scale:e,children:n}):null,a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Q,{scale:e,children:a}):null,h!=null&&h.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:h}):null,l!=null&&l.trim()!==u.common.strings.empty?t.jsxs(re,{scale:e,children:[t.jsx(W,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(se,{scale:e})]}):null]}),d!=null&&d.trim()!==u.common.strings.empty?t.jsx(ae,{children:t.jsx(ne,{src:d,loading:"lazy"})}):null]})});return t.jsx(Y,{scale:e,variant:o,children:o==="large"&&l!=null&&l.trim()!==u.common.strings.empty?t.jsx(te,{href:l,target:"_blank",rel:"noopener noreferrer",children:p}):p})},b=2,X=5,ce=496,de=q[5],z=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],pe=z[0].scale,ge=Math.abs(z[0].positionX),me=i.div`
   width: 100%;
   height: 100%;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
-`,he=i(U)`
+`,he=i(N)`
   width: ${c.sp3};
   height: ${c.sp3};
   color: ${e=>e.theme.colors.hero};
-`,I=i.div`
+`,D=i.div`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -111,7 +111,7 @@ import{F as D,V as t,a8 as B,o as c,c1 as N,a$ as U,u as V,d6 as q,aq as G,al as
     }
     outline-color: ${e=>e.theme.colors.primary};
   }
-`,ue=i(N)`
+`,ue=i(B)`
   width: ${c.sp3};
   height: ${c.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -124,7 +124,7 @@ import{F as D,V as t,a8 as B,o as c,c1 as N,a$ as U,u as V,d6 as q,aq as G,al as
   justify-content: center;
   overflow: visible;
   perspective: 2000px;
-`,fe=i.div`
+`,xe=i.div`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -139,4 +139,4 @@ import{F as D,V as t,a8 as B,o as c,c1 as N,a$ as U,u as V,d6 as q,aq as G,al as
       transform: translate(-50%, -50%) translateX(0px) translateZ(10px) scale(${o})
     }
   `}
-`,xe=({cards:e,showUpdatePaymentDetailButton:o,stopCarousel:n,scale:a=1})=>{const[h,l]=$.useState(2),[d,p]=$.useState(!1),[y,C]=$.useState(!1),f=e.length,L=B().analytics,M=ce*pe*a/2,S=ge*a+M+de/2,x=$.useCallback(s=>{y||(C(!0),l(g=>(g+s+f)%f),setTimeout(()=>C(!1),1e3))},[y,f]);$.useEffect(()=>{if(d||n||y)return;const s=setInterval(()=>{x(1)},3e3);return()=>clearInterval(s)},[d,n,y,x]);const _=s=>(h+s-b+f)%f,O=s=>{const g=Array.from({length:X},(m,k)=>_(k)).indexOf(s)-b;g!==0&&x(g),o?L.trackOnboardingLandingPageCardClick(e[s].cardTitle):L.trackOnboardingInterimCard(e[s].cardTitle)};return t.jsxs(me,{children:[t.jsx(I,{arrowOffset:S,position:"left",onClick:()=>x(-1),children:t.jsx(ue,{className:"btnsvg"})}),t.jsx(be,{children:e.map((s,g)=>{const m=Array.from({length:X},(ve,A)=>_(A)).indexOf(g);if(m===-1)return null;const{positionX:k,scale:E}=j[m],z=m===b,P=E*a,F=k*a,R=1.02*a;return t.jsx(fe,{isForeFront:z,positionX:F,scale:P,hoverScale:R,onClick:()=>O(g),onMouseEnter:()=>z&&p(!0),onMouseLeave:()=>z&&p(!1),style:{zIndex:m===b?5:5-Math.abs(m-b)},children:t.jsx(le,{label:s.cardTitle,title:s.sectionTitle,subtitle:s.sectionSubTitle,seeMoreLink:s.redirectLink,image:s.imageLink,variant:m===b?"large":m===b-1?"medium":"small"})},g)})}),t.jsx(I,{arrowOffset:S,position:"right",onClick:()=>x(1),children:t.jsx(he,{className:"btnsvg"})})]})},$e=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],ye=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],je=({scale:e=1,showUpdatePaymentDetailButton:o=!1,stopCarousel:n=!1})=>{const{customerOnboardingPage:a}=D.getLocalizedStrings(),{productSuite:h}=a,l=h.productCard.cards.map((d,p)=>({...d,imageLink:$e[p],redirectLink:ye[p]}));return t.jsx(xe,{cards:l,scale:e,showUpdatePaymentDetailButton:o,stopCarousel:n})};export{je as T};
+`,fe=({cards:e,showUpdatePaymentDetailButton:o,stopCarousel:n,scale:a=1})=>{const[h,l]=$.useState(2),[d,p]=$.useState(!1),[y,C]=$.useState(!1),x=e.length,L=A().analytics,M=ce*pe*a/2,S=ge*a+M+de/2,f=$.useCallback(s=>{y||(C(!0),l(g=>(g+s+x)%x),setTimeout(()=>C(!1),1e3))},[y,x]);$.useEffect(()=>{if(d||n||y)return;const s=setInterval(()=>{f(1)},3e3);return()=>clearInterval(s)},[d,n,y,f]);const _=s=>(h+s-b+x)%x,O=s=>{const g=Array.from({length:X},(m,k)=>_(k)).indexOf(s)-b;g!==0&&f(g),o?L.trackOnboardingLandingPageCardClick(e[s].cardTitle):L.trackOnboardingInterimCard(e[s].cardTitle)};return t.jsxs(me,{children:[t.jsx(D,{arrowOffset:S,position:"left",onClick:()=>f(-1),children:t.jsx(ue,{className:"btnsvg"})}),t.jsx(be,{children:e.map((s,g)=>{const m=Array.from({length:X},(ve,U)=>_(U)).indexOf(g);if(m===-1)return null;const{positionX:k,scale:E}=z[m],j=m===b,P=E*a,F=k*a,R=1.02*a;return t.jsx(xe,{isForeFront:j,positionX:F,scale:P,hoverScale:R,onClick:()=>O(g),onMouseEnter:()=>j&&p(!0),onMouseLeave:()=>j&&p(!1),style:{zIndex:m===b?5:5-Math.abs(m-b)},children:t.jsx(le,{label:s.cardTitle,title:s.sectionTitle,subtitle:s.sectionSubTitle,seeMoreLink:s.redirectLink,image:s.imageLink,variant:m===b?"large":m===b-1?"medium":"small"})},g)})}),t.jsx(D,{arrowOffset:S,position:"right",onClick:()=>f(1),children:t.jsx(he,{className:"btnsvg"})})]})},$e=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],ye=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],ze=({scale:e=1,showUpdatePaymentDetailButton:o=!1,stopCarousel:n=!1})=>{const{customerOnboardingPage:a}=I.getLocalizedStrings(),{productSuite:h}=a,l=h.productCard.cards.map((d,p)=>({...d,imageLink:$e[p],redirectLink:ye[p]}));return t.jsx(fe,{cards:l,scale:e,showUpdatePaymentDetailButton:o,stopCarousel:n})};export{ze as T};

package/dist/assets/{PromoBaseCards-BESaQCrl-CNjEFCSA.js → PromoBaseCards-BVwZMVeE-z_DbgbjQ.js}

@@ -1,4 +1,4 @@
-import{J as m,V as r,db as b,dc as v,dd as y,bx as z,o as e,p as n,y as a,a as c,u as p}from"./index-D-WiwijD.js";import{c as i,n as g,k as f}from"./mui-CooLgaJO.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},h=new o.Error().stack;h&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[h]="05eb52d8-c30a-4d1e-8c89-2ccaf9de7ddf",o._sentryDebugIdIdentifier="sentry-dbid-05eb52d8-c30a-4d1e-8c89-2ccaf9de7ddf")}catch{}})();const t={plasticCardMarginLeft:new a(p[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(p[2],13),businessTextBottom:new a(p[8],81),chargeCardWidth:new a(240,384),chargeCardHeight:new a(153,243),styledLogoWidth:new a(47,76),styledLogoHeight:new a(46,74),styledFullLogoTop:new a(12,28),styledFullLogoRight:new a(p[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(p[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(p[2],13),visaLogoBottom:new a(p[2],13)},u={businessText:new c("extraSmallRegular","largeRegular"),promoBusinessText:new c("tinyLight","tinyLight")},R=({cardText:o,shouldAnimate:h,showChip:w,forDashboard:s,forListPage:l,cardPromoType:$,style:x})=>{const d=m();return r.jsxs(B,{cardPromoType:$,windowSize:d,shouldAnimate:h,forListPage:l,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:d,forDashboard:s,children:r.jsx(b,{})}),r.jsx(j,{windowSize:d,forDashboard:s,forListPage:l,children:r.jsx(z,{})}),r.jsx(L,{windowSize:d,forDashboard:s,forListPage:l,children:o}),r.jsx(S,{windowSize:d,forDashboard:s,forListPage:l,children:r.jsx(y,{})})]})},A=({cardText:o,shouldAnimate:h,showChip:w,forDashboard:s,forListPage:l,cardPromoType:$,style:x})=>{const d=m();return r.jsxs(W,{cardPromoType:$,windowSize:d,shouldAnimate:h,forListPage:l,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:d,forDashboard:s,children:r.jsx(b,{})}),r.jsx(k,{windowSize:d,forDashboard:s,forListPage:l,children:r.jsx(v,{})}),r.jsx(L,{windowSize:d,forDashboard:s,forListPage:l,children:o}),r.jsx(S,{windowSize:d,forDashboard:s,forListPage:l,children:r.jsx(y,{})})]})},C=f`
+import{J as m,V as r,dc as b,dd as v,de as y,bx as z,o as e,p as d,y as a,O as c,u as p}from"./index-Kp9YkIA7.js";import{c as i,n as g,k as f}from"./mui-NI7j5KJX.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},h=new o.Error().stack;h&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[h]="67d02469-ec55-4ae4-8842-0b5a530b7720",o._sentryDebugIdIdentifier="sentry-dbid-67d02469-ec55-4ae4-8842-0b5a530b7720")}catch{}})();const t={plasticCardMarginLeft:new a(p[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(p[2],13),businessTextBottom:new a(p[8],81),chargeCardWidth:new a(240,384),chargeCardHeight:new a(153,243),styledLogoWidth:new a(47,76),styledLogoHeight:new a(46,74),styledFullLogoTop:new a(12,28),styledFullLogoRight:new a(p[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(p[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(p[2],13),visaLogoBottom:new a(p[2],13)},u={businessText:new c("extraSmallRegular","largeRegular"),promoBusinessText:new c("tinyLight","tinyLight")},R=({cardText:o,shouldAnimate:h,showChip:w,forDashboard:s,forListPage:l,cardPromoType:$,style:x})=>{const n=m();return r.jsxs(B,{cardPromoType:$,windowSize:n,shouldAnimate:h,forListPage:l,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(j,{windowSize:n,forDashboard:s,forListPage:l,children:r.jsx(z,{})}),r.jsx(L,{windowSize:n,forDashboard:s,forListPage:l,children:o}),r.jsx(S,{windowSize:n,forDashboard:s,forListPage:l,children:r.jsx(y,{})})]})},J=({cardText:o,shouldAnimate:h,showChip:w,forDashboard:s,forListPage:l,cardPromoType:$,style:x})=>{const n=m();return r.jsxs(W,{cardPromoType:$,windowSize:n,shouldAnimate:h,forListPage:l,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(k,{windowSize:n,forDashboard:s,forListPage:l,children:r.jsx(v,{})}),r.jsx(L,{windowSize:n,forDashboard:s,forListPage:l,children:o}),r.jsx(S,{windowSize:n,forDashboard:s,forListPage:l,children:r.jsx(y,{})})]})},C=f`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
@@ -52,32 +52,32 @@ import{J as m,V as r,db as b,dc as v,dd as y,bx as z,o as e,p as n,y as a,a as c
   0%{
     transform: rotate(0);
     transform-origin: top left;
-    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${n.chargeCardBoxShadow2};
+    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
   14.25%{
     transform: rotate(0);
     transform-origin: top left;
-    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${n.chargeCardBoxShadow2};
+    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
   35.75%{
     transform: rotate(-5.31deg);
     transform-origin: top left;
-    box-shadow: 12px 12px ${e.sp5} ${e.sp0} ${n.chargeCardBoxShadow2};
+    box-shadow: 12px 12px ${e.sp5} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
   64.25%{
     transform: rotate(-5.31deg);
     transform-origin: top left;
-    box-shadow: 12px 12px ${e.sp5} ${e.sp0} ${n.chargeCardBoxShadow2};
+    box-shadow: 12px 12px ${e.sp5} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
   85.75%{
     transform: rotate(0);
     transform-origin: top left;
-    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${n.chargeCardBoxShadow2};
+    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
   100%{
     transform: rotate(0);
     transform-origin: top left;
-    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${n.chargeCardBoxShadow2};
+    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
 `,j=g.div`
   color: ${o=>o.theme.colors.brandColorJade};
@@ -92,7 +92,7 @@ import{J as m,V as r,db as b,dc as v,dd as y,bx as z,o as e,p as n,y as a,a as c
           height: 28px;
         `:null}
 `,L=g.div`
-  color: ${n.neutralGrey5Light};
+  color: ${d.neutralGrey5Light};
   text-align: right;
   ${o=>`${u.businessText.style(o.windowSize)}`};
   text-transform: capitalize;
@@ -142,7 +142,7 @@ import{J as m,V as r,db as b,dc as v,dd as y,bx as z,o as e,p as n,y as a,a as c
   top: ${o=>t.styledFullLogoTop.valuePx(o.windowSize)};
   height: ${o=>t.styledFullLogoHeight.valuePx(o.windowSize)};
   width: ${o=>t.styledFullLogoWidth.valuePx(o.windowSize)};
-  color: ${n.neutralGrey5Light};
+  color: ${d.neutralGrey5Light};
   ${o=>o.forDashboard?i`
           width: 70px;
           height: ${e.sp3};
@@ -165,7 +165,7 @@ import{J as m,V as r,db as b,dc as v,dd as y,bx as z,o as e,p as n,y as a,a as c
   background-repeat: no-repeat;
   background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/MetalCardPattern.svg);
   transition-timing-function: ease-in-out;
-  border: 1px solid ${n.neutralGrey5Light};
+  border: 1px solid ${d.neutralGrey5Light};
   background-position: center;
   background-size: cover;
   box-shadow: ${o=>` ${e.sp0} ${e.sp0} ${e.sp6} ${e.sp0} ${o.theme.colors.dropShadowNormal}`};
@@ -195,7 +195,7 @@ import{J as m,V as r,db as b,dc as v,dd as y,bx as z,o as e,p as n,y as a,a as c
   background-position-y: bottom;
   box-shadow: ${o=>` ${e.sp0} ${e.sp0} ${e.sp6} ${e.sp0} ${o.theme.colors.dropShadowNormal}`};
   transition-timing-function: ease-in-out;
-  border: 1px solid ${n.neutralGrey5Light};
+  border: 1px solid ${d.neutralGrey5Light};
   background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/PhysicalCardFrontBGPattern.svg);
   background-size: cover;
   ${o=>{if(o.shouldAnimate){const h=o.windowSize==="small"?C:D;return i`
@@ -215,4 +215,4 @@ import{J as m,V as r,db as b,dc as v,dd as y,bx as z,o as e,p as n,y as a,a as c
           border-radius: 3px;
           border-width: 0.1px;
         `:null}
-`;export{R as J,A as N};
+`;export{R as J,J as N};

package/dist/assets/{QBOConnectionDialog-BhmH5aji-CFc8C6Qx.js → QBOConnectionDialog-C3OYyhYO-BwQj_jEn.js}

@@ -1,9 +1,9 @@
-import{J as f,F as r,V as n,bR as y,r as l,y as c,o as i,aq as w,al as $,af as j,bv as P,eM as v,u as t}from"./index-D-WiwijD.js";import{n as o}from"./mui-CooLgaJO.js";import"./sentry-Dlcq8VjX.js";import"./liveblocks-DXNKZvWw.js";import"./core-CqdPXR9B.js";import"./recharts-DHPcYqKb.js";import"./zeni-epic-state-pmiItBju.js";import"./lottie-BGCmjFH9.js";import"./analytics-CSlaNB19.js";import"./lexical-D6mU3oV8.js";import"./utils-CXbV7y1T.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="e463b98b-9fce-4463-92cf-5a5da0ca8bb8",e._sentryDebugIdIdentifier="sentry-dbid-e463b98b-9fce-4463-92cf-5a5da0ca8bb8")}catch{}})();const s={containerPaddingTop:new c(t[5],t[7]),containerPaddingBottom:new c(t[5],t[5]),containerPaddingLeftRight:new c(t[6],t[11])},_=o.div`
+import{J as y,F as r,V as n,bS as b,r as l,y as c,o as i,aq as w,al as $,af as j,bv as P,eQ as v,u as t}from"./index-Kp9YkIA7.js";import{n as o}from"./mui-NI7j5KJX.js";import"./sentry-D0RHYOS9.js";import"./liveblocks-BRWAYUb6.js";import"./core-C99WDMlL.js";import"./recharts-CK-XmmGv.js";import"./zeni-epic-state-Bk1TvHP-.js";import"./lottie-CRJfZNkb.js";import"./analytics-CiM00cgl.js";import"./lexical-DuSFg2Qn.js";import"./utils-z9KEKf_W.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="0e0afd18-424d-489d-81fe-e7411d5939a6",e._sentryDebugIdIdentifier="sentry-dbid-0e0afd18-424d-489d-81fe-e7411d5939a6")}catch{}})();const s={containerPaddingTop:new c(t[5],t[7]),containerPaddingBottom:new c(t[5],t[5]),containerPaddingLeftRight:new c(t[6],t[11])},S=o.div`
   border-radius: inherit;
   max-width: 520px;
   text-align: center;
   background: ${e=>e.theme.colors.background};
-`,S=o.div`
+`,_=o.div`
   padding-top: ${e=>s.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>s.containerPaddingBottom.valuePx(e.windowSize)};
   padding-right: ${e=>s.containerPaddingLeftRight.valuePx(e.windowSize)};
@@ -41,11 +41,11 @@ import{J as f,F as r,V as n,bR as y,r as l,y as c,o as i,aq as w,al as $,af as j
   color: ${e=>e.theme.colors.primary};
   height: 20px;
   width: auto;
-`,R=o(P)`
+`,D=o(P)`
   color: ${e=>e.theme.colors.hero};
   height: ${i.sp4};
   width: ${i.sp4};
-`,D=o(v)`
+`,R=o(v)`
   height: ${i.sp4};
   color: ${e=>e.theme.colors.primary};
-`;function H({companyName:e="",isGoBackAllowed:a,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const u=f(),x=r.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),b=r.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(y,{open:g,children:n.jsxs(_,{windowSize:u,children:[n.jsxs(S,{children:[n.jsx(z,{children:r.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?x:b}),n.jsxs(C,{children:[n.jsx(T,{}),n.jsx(R,{}),n.jsx(D,{})]})]}),d||a?n.jsxs(n.Fragment,{children:[n.jsx(L,{}),n.jsxs(B,{children:[a===!0?n.jsx(A,{children:n.jsx(l,{variant:"secondary",label:r.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(I,{children:n.jsx(l,{variant:"primary",label:r.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{H as default};
+`;function K({companyName:e="",isGoBackAllowed:a,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const u=y(),x=r.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),f=r.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(b,{open:g,children:n.jsxs(S,{windowSize:u,children:[n.jsxs(_,{children:[n.jsx(z,{children:r.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?x:f}),n.jsxs(C,{children:[n.jsx(T,{}),n.jsx(D,{}),n.jsx(R,{})]})]}),d||a?n.jsxs(n.Fragment,{children:[n.jsx(L,{}),n.jsxs(B,{children:[a===!0?n.jsx(A,{children:n.jsx(l,{variant:"secondary",label:r.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(I,{children:n.jsx(l,{variant:"primary",label:r.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{K as default};

package/dist/assets/QBOSetupSection-DQjol-D0-sxxCB5FU.js

@@ -0,0 +1,79 @@
+import{J as C,F as g,V as i,r as I,o,y as a,p as c,fR as k,O as T,af as D,bv as B,eQ as W,fI as _,aV as w,ai as f,u as r}from"./index-Kp9YkIA7.js";import{n as s}from"./mui-NI7j5KJX.js";import E from"./QBOConnectionDialog-C3OYyhYO-BwQj_jEn.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="e545ac2d-e950-4f62-84ad-9a7f27491640",e._sentryDebugIdIdentifier="sentry-dbid-e545ac2d-e950-4f62-84ad-9a7f27491640")}catch{}})();const l={containerPadding:new a(r[3],r[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(r[3],r[0]),arrowIconWidthHeight:new a(r[3],r[4])},Q={title:new T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:t=!1,isValid:d,saveConnectionState:p,isQBOPopupOpen:$,companyName:y,updateQBOPopupState:h,handleOnConnectClick:b})=>{const n=C(),{qbo_connection:j}=g.getLocalizedStrings().customerOnboardingPage.sections,{title:S,sucessText:v,button:z,errorText:P,requiredText:O}=j;return i.jsxs(V,{windowSize:n,children:[i.jsxs(A,{windowSize:n,children:[n==="small"?i.jsx(L,{children:d?i.jsx(Z,{}):i.jsx(K,{})}):null,i.jsx(F,{windowSize:n,children:S})]}),i.jsxs(G,{windowSize:n,children:[i.jsxs(H,{windowSize:n,children:[i.jsxs(q,{children:[i.jsx(J,{}),i.jsx(M,{windowSize:n}),i.jsx(R,{})]}),d?n!=="small"?i.jsx(m,{}):null:i.jsx(I,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:z.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),d?i.jsxs(i.Fragment,{children:[i.jsx(N,{children:v}),n==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(u,{windowSize:n,children:P})}):null,t&&!d?i.jsx(x,{children:i.jsx(u,{windowSize:n,children:O})}):null]}),i.jsx(E,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:$,companyName:y,saveConnectionState:p,handleOnConnectClick:b,handleGoBack:()=>h(!1)})]})},m=()=>{const{tags:e}=g.getLocalizedStrings().customerOnboardingPage,{connected:t}=e;return i.jsx(_,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:t,textColor:{color:new w(c.successDark),borderColor:new w(c.successDark)}})},V=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,A=s.div`
+  display: flex;
+  align-items: center;
+  padding-top: ${o.sp3};
+  padding-bottom: ${o.sp3};
+  width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
+`,F=s.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${Q.title.style(e.windowSize)}`};
+`,G=s.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  fill: ${e=>e.theme.colors.grey1};
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: ${e=>l.containerPadding.valuePx(e.windowSize)};
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+    fill: ${e=>e.theme.colors.primary};
+  }
+`,x=s.div`
+  width: 100%;
+  display: flex;
+  margin-top: ${o.sp4};
+`,u=s(f)`
+  display: flex;
+  color: ${c.important};
+`,H=s.div`
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  row-gap: ${e=>l.topElementsRowGap.valuePx(e.windowSize)};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+`,N=s(f)`
+  display: flex;
+  margin-top: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,q=s.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp4};
+  justify-content: left;
+  color: ${e=>e.theme.colors.primary};
+`,J=s(D)`
+  height: 20px;
+  width: auto;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+`,M=s(B)`
+  height: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
+  width: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+`,R=s(W)`
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,L=s.div`
+  margin-right: ${o.sp2};
+`,Z=s(k)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${c.success};
+`,K=s.div`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: 50%;
+`;export{ee as t};