@zeniai/web-cockpit-ui 1.14.99-qa → 1.15.0-dev

package/dist/assets/{PeoplePage-DN5VtG7Q-nYdb8W0g.js → PeoplePage-Du_TRX4h-C2Rmmn5d.js}

@@ -1,4 +1,4 @@
-import{d as $e,q as I,F as y,V as t,bz as le,aM as a,bL as De,o as s,ci as Oe,cj as _e,m as U,aQ as Y,ck as we,n as Le,b as be,cl as Ae,aN as Ve,cm as Me,ao as We,cn as He,co as Be,b1 as Ue,aA as H,cp as Ee,y as $,cq as Ke,cr as je,c as b,cs as ee,cb as N,a8 as Fe,ab as Ze,ct as qe,cu as Ge,aG as Je,ag as D,cv as Qe,ak as O,al as te,p as A,cw as Xe,cf as Se,b8 as ie,cx as ke,bJ as Ye,cy as et}from"./index-DKQM71dS.js";import{w as ce,a as v}from"./sentry-3Q4-6z2o.js";import{n as i}from"./mui-Bm7nuuAo.js";import{oV as Ie,bg as Q}from"./zeni-epic-state-1LR8oCdb.js";import{P as Ce}from"./Menu-0YHUdU0n-ykadCuU8.js";import{T as Re}from"./RoleWithToolTip-aW95rpRe-BrXKfiz8.js";import"./liveblocks-Bth6iRPZ.js";import"./core-DSEA1DeO.js";import"./recharts-sqzNidKh.js";import"./lottie-BcjGrMJ9.js";import"./analytics-BUkj7jvZ.js";import"./lexical-D8ee32sQ.js";import"./utils-gMT26ExF.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]="7cc7dd36-7843-4379-9adc-23b8eaca9781",e._sentryDebugIdIdentifier="sentry-dbid-7cc7dd36-7843-4379-9adc-23b8eaca9781")}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)}],B=[{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(Je(d==="off"?S:B));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(Qe,{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 $e,q as I,F as y,V as t,bA as le,aN as a,bM as De,o as s,cj as Oe,ck as _e,k as U,aR as Y,cl as we,n as Le,b as be,cm as Ae,aO as Ve,cn as Me,ap as We,co as He,cp as Be,b2 as Ue,aB as H,cq as Ee,y as $,cr as Fe,cs as je,c as b,ct as ee,cc as N,a9 as Ke,ac as Ze,cu as qe,cv as Xe,aH as Ge,ai as D,cw as Qe,al as O,am as te,p as A,cx as Je,cg as Se,b9 as ie,cy as ke,bK as Ye,cz as et}from"./index-Bs2B-MQ4.js";import{S as ce,a as v}from"./sentry-gm2R3TtK.js";import{n as i}from"./mui-snKYaegN.js";import{oV as Ie,bg as Q}from"./zeni-epic-state-D2RxwWrl.js";import{P as Ce}from"./Menu-C9v-W9TY-DRVyGpH4.js";import{T as Re}from"./RoleWithToolTip-C08wfnGb-CFjb8VCB.js";import"./liveblocks-48Yy2aTy.js";import"./core-9PMMelIA.js";import"./recharts-DGmpNqLb.js";import"./lottie-ChwWMuYN.js";import"./analytics-D0z7Cz17.js";import"./lexical-CaQwXIc3.js";import"./utils-C7Aiy3iw.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]="43070b5a-8fce-464a-8690-bccf0241513f",e._sentryDebugIdIdentifier="sentry-dbid-43070b5a-8fce-464a-8690-bccf0241513f")}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)}],B=[{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(Ge(d==="off"?S:B));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(Qe,{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{d as $e,q as I,F as y,V as t,bz as le,aM as a,bL as De,o as s,ci as Oe,cj
   &: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"?B: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(Ge,{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=Ke({mode:"all"}),p=v.useMemo(()=>l==="zeni_only"?B: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(Xe,{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)"};
@@ -103,7 +103,7 @@ import{d as $e,q as I,F as y,V as t,bz as le,aM as a,bL as De,o as s,ci as Oe,cj
   }
 `,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=>!Ie(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:[Q(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})})}),Q(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(Ce,{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:Xe},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=>!Ie(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:[Q(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})})}),Q(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(Ce,{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:Je},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;
@@ -272,7 +272,7 @@ import{d as $e,q as I,F as y,V as t,bz as le,aM as a,bL as De,o as s,ci as Oe,cj
   :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=>!Ie(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(Ht,{children:[t.jsxs(Bt,{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(Et,{className:"lastSeen",children:[t.jsx(Kt,{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(Gt,{children:t.jsx(Jt,{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(Qt,{children:[t.jsxs(Yt,{children:[k.header.manager,":"]}),Q(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(Xt,{children:[t.jsxs(ei,{children:[k.header.department,":"]}),Q(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 $(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=>!Ie(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(Ht,{children:[t.jsxs(Bt,{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(Et,{className:"lastSeen",children:[t.jsx(Ft,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Kt,{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(Xt,{children:t.jsx(Gt,{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(Qt,{children:[t.jsxs(Yt,{children:[k.header.manager,":"]}),Q(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(Jt,{children:[t.jsxs(ei,{children:[k.header.department,":"]}),Q(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`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -334,31 +334,31 @@ import{d as $e,q as I,F as y,V as t,bz as le,aM as a,bL as De,o as s,ci as Oe,cj
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Kt=i.div`
+`,Ft=i.div`
   color: ${e=>e.theme.colors.hero};
-`,Ft=i.div``,Zt=i.div`
+`,Kt=i.div``,Zt=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
 `,qt=i(se)`
   color: ${A.info};
   cursor: pointer;
-`,Gt=i.div`
+`,Xt=i.div`
   display: flex;
   flex-direction: row;
   -webkit-box-pack: end;
   justify-content: flex-end;
-`,Jt=i(se)`
+`,Gt=i(se)`
   color: ${e=>e.theme.colors.grey1};
 `,pe=i.div`
   display: flex;
-`,Qt=i(pe)``,Xt=i(pe)``,he=i.div`
+`,Qt=i(pe)``,Jt=i(pe)``,he=i.div`
   width: 30%;
 `,Yt=i(he)``,ei=i(he)``,oe=i.div`
   width: 70%;
 `,ti=i(oe)``,ii=i(oe)``,q=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}),G=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=ke.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:B[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:B[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:B[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:G.resendInvite.label}),t.jsx(vi,{children:t.jsx(fi,{children:`${G.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(Ce,{menuItems:t.jsxs(ji,{children:[t.jsx(ye,{"data-testid":a("people-list-row-medium-menu-edit",e.userId),onClick:()=>{x(!1),w()},children:G.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:G.deleteOverlay.title})]}),setIsMenuOpen:x,isMenuOpen:p})})]})]})};function ni(e){return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:ke.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}),X=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=ke.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:B[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:B[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:B[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:X.resendInvite.label}),t.jsx(vi,{children:t.jsx(fi,{children:`${X.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(Ce,{menuItems:t.jsxs(ji,{children:[t.jsx(ye,{"data-testid":a("people-list-row-medium-menu-edit",e.userId),onClick:()=>{x(!1),w()},children:X.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:X.deleteOverlay.title})]}),setIsMenuOpen:x,isMenuOpen:p})})]})]})};function ni(e){return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:ke.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;
@@ -509,7 +509,7 @@ import{d as $e,q as I,F as y,V as t,bz as le,aM as a,bL as De,o as s,ci as Oe,cj
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Si={width:new $(343,580,726)},J=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:J.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:J.resendInvite.label}),t.jsx(Hi,{children:t.jsx(Bi,{children:`${J.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:[J.header.role,":"]}),t.jsx(_i,{children:je(e.userRole.userRoles,"zeni_only")})]})})})]})},Ii=i.div`
+`,Si={width:new $(343,580,726)},G=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:G.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:G.resendInvite.label}),t.jsx(Hi,{children:t.jsx(Bi,{children:`${G.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:[G.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,27 +587,27 @@ import{d as $e,q as I,F as y,V as t,bz as le,aM as a,bL as De,o as s,ci as Oe,cj
   justify-content: flex-end;
 `,Bi=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},X={listItemPaddingRight:new $(b[3],b[8]),listItemPaddingLeft:new $(b[3],b[8]),zeniLastRowHeight:new $(154,136),nonZeniLastRowHeight:new $(200,136)},W=y.getLocalizedStrings().peoplePage,Ei=({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(Xi,{}):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:K,...F}=c;return t.jsxs("div",{ref:C,style:{...K,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,K=z===c,F=e.uiState.mode==="zeni_only"?_>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>M.rowNameLimit?F+b[5]+(K?b[3]:b[0]):F+(K?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),E=e.people.find(c=>c.userId===g?.userId)?.update,Ne=g!=null?W.deleteOverlay.description.replace("‘_user-name_’",`"${Ki(g)}"`):W.deleteOverlay.description;return v.useEffect(()=>{u.current&&u.current.resetAfterIndex(0)},[e,r]),v.useEffect(()=>{E==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[E,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(Be,{children:W.deleteOverlay.title}),descriptionComponent:t.jsx(He,{children:Ne}),primaryButtonText:W.deleteOverlay.remove,secondaryButtonText:W.deleteOverlay.cancel,action:Pe,proceedButtonVariant:"danger",isLoading:E==="removeUsers",isDisabled:E==="removeUsers",style:{background:V.colors.overlayColor},children:g?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Qi,{}),t.jsx(Gi,{children:t.jsx(Ji,{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})})]})},Ki=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},J={listItemPaddingRight:new $(b[3],b[8]),listItemPaddingLeft:new $(b[3],b[8]),zeniLastRowHeight:new $(154,136),nonZeniLastRowHeight:new $(200,136)},W=y.getLocalizedStrings().peoplePage,Ei=({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(Ji,{}):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:F,...K}=c;return t.jsxs("div",{ref:C,style:{...F,width:"auto"},...K,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,F=z===c,K=e.uiState.mode==="zeni_only"?_>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>M.rowNameLimit?K+b[5]+(F?b[3]:b[0]):K+(F?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),E=e.people.find(c=>c.userId===g?.userId)?.update,Ne=g!=null?W.deleteOverlay.description.replace("‘_user-name_’",`"${Fi(g)}"`):W.deleteOverlay.description;return v.useEffect(()=>{u.current&&u.current.resetAfterIndex(0)},[e,r]),v.useEffect(()=>{E==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[E,ge]),t.jsxs(Ki,{"data-testid":a("people-list-view-container"),windowSize:r,mode:e.uiState.mode,children:[f===!0?t.jsx(Me,{titleComponent:t.jsx(Be,{children:W.deleteOverlay.title}),descriptionComponent:t.jsx(He,{children:Ne}),primaryButtonText:W.deleteOverlay.remove,secondaryButtonText:W.deleteOverlay.cancel,action:Pe,proceedButtonVariant:"danger",isLoading:E==="removeUsers",isDisabled:E==="removeUsers",style:{background:V.colors.overlayColor},children:g?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Qi,{}),t.jsx(Xi,{children:t.jsx(Gi,{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})})]})},Fi=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",Ki=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"?X.zeniLastRowHeight.valuePx(e.windowSize):X.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
+    height: ${e=>e.mode==="zeni_only"?J.zeniLastRowHeight.valuePx(e.windowSize):J.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
     padding-bottom: ${s.sp9};
   }
 `,Zi=i.div`
   top: ${s.sp0};
   left: ${s.sp0};
-  padding: ${e=>`${s.sp0} ${X.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?s.sp5:s.sp3} ${X.listItemPaddingLeft.valuePx(e.windowSize)} `};
+  padding: ${e=>`${s.sp0} ${J.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?s.sp5:s.sp3} ${J.listItemPaddingLeft.valuePx(e.windowSize)} `};
   box-sizing: border-box;
 `,qi=i.div`
   position: relative;
   width: auto;
   height: 100%;
-`,Gi=i.div`
+`,Xi=i.div`
   position: absolute;
   top: -26px;
-`,Ji=i.img`
+`,Gi=i.img`
   height: 60px;
   width: 60px;
   border-radius: 50%;
@@ -621,10 +621,10 @@ import{d as $e,q as I,F as y,V as t,bz as le,aM as a,bL as De,o as s,ci as Oe,cj
   width: ${s.sp9};
   border-radius: 50% 50% 0 0;
   background-color: ${e=>e.theme.colors.grey5};
-`,Xi=i.div`
+`,Ji=i.div`
   padding-top: ${s.sp3};
   border-top: 1px solid ${e=>e.theme.colors.grey3};
-`,Yi=i(Ke)``,es=(e,o)=>{const{user:l,userId:d,userRole:m,update:p}=e,{user:x,userId:h,userRole:n,update:r}=o;return H(l,x)&&H(d,h)&&H(m,n)&&H(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&&H(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(Ei,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`
+`,Yi=i(Fe)``,es=(e,o)=>{const{user:l,userId:d,userRole:m,update:p}=e,{user:x,userId:h,userRole:n,update:r}=o;return H(l,x)&&H(d,h)&&H(m,n)&&H(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&&H(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(Ei,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`
   display: flex;
   flex-direction: column;
   justify-content: ${e=>e.windowsize==="small"?"unset":"center"};

package/dist/assets/Preview-CSeZ_uBx.js

@@ -0,0 +1 @@
+import{a as h,S as n}from"./sentry-gm2R3TtK.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]="f93b8fea-342f-46af-9294-f75d3b119450",t._sentryDebugIdIdentifier="sentry-dbid-f93b8fea-342f-46af-9294-f75d3b119450")}catch{}})();const c="64px",f={},k=({src:t,light:a,oEmbedUrl:r,onClickPreview:s,playIcon:m,previewTabIndex:I,previewAriaLabel:u})=>{const[p,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(f[e]){o(f[e]);return}o(null);const b=await(await fetch(E.replace("{url}",e))).json();if(b.thumbnail_url){const g=b.thumbnail_url.replace("height=100","height=480").replace("-d_295x166","-d_640");o(g),f[e]=g}},w=e=>{(e.key==="Enter"||e.key===" ")&&s?.(e)},v=e=>{s?.(e)},l=n.isValidElement(a),y={display:"flex",alignItems:"center",justifyContent:"center"},d={preview:{width:"100%",height:"100%",backgroundImage:p&&!l?`url(${p})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer",...y},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,...y},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,...u?{"aria-label":u}:{}},l?a:null,m||x)};var N=k;export{N as default};

package/dist/assets/{ProductsCarousel-6gthLCkf-Csrsm4r_.js → ProductsCarousel-y6q9BbqK-B9m9tH0o.js}

@@ -1,4 +1,4 @@
-import{F as I,V as t,a7 as B,o as c,b$ as H,aZ as N,c as U,d4 as Y,ap as G,ak as T,d5 as J,p as v}from"./index-DKQM71dS.js";import{a as $}from"./sentry-3Q4-6z2o.js";import{n as i}from"./mui-Bm7nuuAo.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]="4e98b996-382c-4239-8cda-9e07b20cce96",e._sentryDebugIdIdentifier="sentry-dbid-4e98b996-382c-4239-8cda-9e07b20cce96")}catch{}})();const u=I.getLocalizedStrings(),w={large:{labelComp:Y,title:G,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,Z=i.div`
+import{F as D,V as t,a8 as B,o as c,c0 as N,a_ as U,c as V,d3 as q,aq as G,al as T,d4 as H,p as v}from"./index-Bs2B-MQ4.js";import{a as y}from"./sentry-gm2R3TtK.js";import{n as i}from"./mui-snKYaegN.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]="b4e2ce74-f95a-451c-af4b-7339e91ae3f4",e._sentryDebugIdIdentifier="sentry-dbid-b4e2ce74-f95a-451c-af4b-7339e91ae3f4")}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`
   width: ${e=>e.scale*r.width}px;
   height: ${e=>e.scale*r.height}px;
   overflow: hidden;
@@ -18,20 +18,20 @@ import{F as I,V as t,a7 as B,o as c,b$ as H,aZ as N,c as U,d4 as Y,ap as G,ak as
     box-shadow: ${e=>`${e.variant==="large"?v.Elevation2Light:v.Elevation1Light}`};
     border-radius: ${e=>e.scale*r.borderRadius}px;
   }
-`,q=i(w.large.labelComp)`
+`,K=i(w.large.labelComp)`
   color: ${e=>e.theme.colors.brandColorRuby};
   text-transform: uppercase;
   margin-bottom: ${e=>e.scale*r.gap}px;
   text-align: left;
-`,K=i(w.large.title)`
+`,Q=i(w.large.title)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${e=>e.scale*r.gap}px;
   text-align: left;
-`,Q=i(w.large.subtitle)`
+`,W=i(w.large.subtitle)`
   color: ${e=>e.theme.colors.champion};
   margin-bottom: ${e=>e.scale*r.gap}px;
   text-align: left;
-`,W=i(w.large.seeMoreLink)`
+`,Z=i(w.large.seeMoreLink)`
   color: ${e=>e.theme.colors.brandColorJadeDark};
 `,ee=i.div`
   width: ${e=>e.scale*r.width}px;
@@ -58,7 +58,7 @@ import{F as I,V as t,a7 as B,o as c,b$ as H,aZ as N,c as U,d4 as Y,ap as G,ak as
   align-items: center;
   height: ${e=>e.scale*r.svgContainerHeight}px;
   margin-bottom: ${e=>e.scale*r.imageGap}px;
-`,se=i(J)`
+`,se=i(H)`
   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 I,V as t,a7 as B,o as c,b$ as H,aZ as N,c as U,d4 as Y,ap as G,ak 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(q,{scale:e,children:n}):null,a!=null&&a.trim()!==u.common.strings.empty?t.jsx(K,{scale:e,children:a}):null,h!=null&&h.trim()!==u.common.strings.empty?t.jsx(Q,{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(Z,{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=U[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(W,{scale:e,children:h}):null,l!=null&&l.trim()!==u.common.strings.empty?t.jsxs(re,{scale:e,children:[t.jsx(Z,{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`
   width: 100%;
   height: 100%;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
-`,he=i(N)`
+`,he=i(U)`
   width: ${c.sp3};
   height: ${c.sp3};
   color: ${e=>e.theme.colors.hero};
-`,D=i.div`
+`,I=i.div`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -111,7 +111,7 @@ import{F as I,V as t,a7 as B,o as c,b$ as H,aZ as N,c as U,d4 as Y,ap as G,ak as
     }
     outline-color: ${e=>e.theme.colors.primary};
   }
-`,ue=i(H)`
+`,ue=i(N)`
   width: ${c.sp3};
   height: ${c.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -124,7 +124,7 @@ import{F as I,V as t,a7 as B,o as c,b$ as H,aZ as N,c as U,d4 as Y,ap as G,ak as
   justify-content: center;
   overflow: visible;
   perspective: 2000px;
-`,xe=i.div`
+`,fe=i.div`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -139,4 +139,4 @@ import{F as I,V as t,a7 as B,o as c,b$ as H,aZ as N,c as U,d4 as Y,ap as G,ak as
       transform: translate(-50%, -50%) translateX(0px) translateZ(10px) scale(${o})
     }
   `}
-`,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=B().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,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(xe,{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(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"],je=({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{je as T};
+`,xe=({cards:e,showUpdatePaymentDetailButton:o,stopCarousel:n,scale:a=1})=>{const[h,l]=y.useState(2),[d,p]=y.useState(!1),[$,C]=y.useState(!1),f=e.length,L=B().analytics,M=ce*pe*a/2,_=ge*a+M+de/2,x=y.useCallback(s=>{$||(C(!0),l(g=>(g+s+f)%f),setTimeout(()=>C(!1),1e3))},[$,f]);y.useEffect(()=>{if(d||n||$)return;const s=setInterval(()=>{x(1)},3e3);return()=>clearInterval(s)},[d,n,$,x]);const S=s=>(h+s-b+f)%f,O=s=>{const g=Array.from({length:X},(m,k)=>S(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:_,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)=>S(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:_,position:"right",onClick:()=>x(1),children:t.jsx(he,{className:"btnsvg"})})]})},ye=["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"],$e=["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:ye[p],redirectLink:$e[p]}));return t.jsx(xe,{cards:l,scale:e,showUpdatePaymentDetailButton:o,stopCarousel:n})};export{je as T};

package/dist/assets/{PromoBaseCards-CzPzj69A-BfaxdPQK.js → PromoBaseCards-CLQMN7aT-BxeQG0rP.js}

@@ -1,4 +1,4 @@
-import{q as m,V as r,d9 as b,da as v,db as y,bv as z,o as e,p as d,y as a,a as c,c as p}from"./index-DKQM71dS.js";import{c as i,n as g,k as f}from"./mui-Bm7nuuAo.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]="085a904d-3aff-4193-885a-93640eaa7dc0",o._sentryDebugIdIdentifier="sentry-dbid-085a904d-3aff-4193-885a-93640eaa7dc0")}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(k,{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,{})})]})},A=({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(B,{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`
+import{q as m,V as r,d8 as b,d9 as v,da as y,bw as z,o as e,p as d,y as a,R as c,c as p}from"./index-Bs2B-MQ4.js";import{c as i,n as g,k as f}from"./mui-snKYaegN.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]="2010a941-22e1-451f-99a6-b070eac5889f",o._sentryDebugIdIdentifier="sentry-dbid-2010a941-22e1-451f-99a6-b070eac5889f")}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")},F=({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,{})})]})},A=({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};
@@ -23,7 +23,7 @@ import{q as m,V as r,d9 as b,da as v,db as y,bv as z,o as e,p as d,y as a,a as c
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
   }
-`,D=f`
+`,T=f`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
@@ -48,7 +48,7 @@ import{q as m,V as r,d9 as b,da as v,db as y,bv as z,o as e,p as d,y as a,a as c
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
   }
-`,T=f`
+`,D=f`
   0%{
     transform: rotate(0);
     transform-origin: top left;
@@ -136,7 +136,7 @@ import{q as m,V as r,d9 as b,da as v,db as y,bv as z,o as e,p as d,y as a,a as c
           height: 10px;
           bottom: ${e.sp1};
         `:null}
-`,B=g.div`
+`,k=g.div`
   position: absolute;
   right: ${o=>t.styledFullLogoRight.valuePx(o.windowSize)};
   top: ${o=>t.styledFullLogoTop.valuePx(o.windowSize)};
@@ -154,7 +154,7 @@ import{q as m,V as r,d9 as b,da as v,db as y,bv as z,o as e,p as d,y as a,a as c
           height: 12px;
           top: 11px;
         `:null}
-`,k=g.div`
+`,B=g.div`
   width: ${o=>t.chargeCardWidth.valuePx(o.windowSize)};
   height: ${o=>t.chargeCardHeight.valuePx(o.windowSize)};
   background: ${o=>o.cardPromoType==="debit"?o.theme.colors.brandColorOnyx:o.theme.colors.brandColorSapphire};
@@ -170,7 +170,7 @@ import{q as m,V as r,d9 as b,da as v,db as y,bv as z,o as e,p as d,y as a,a as c
   background-size: cover;
   box-shadow: ${o=>` ${e.sp0} ${e.sp0} ${e.sp6} ${e.sp0} ${o.theme.colors.dropShadowNormal}`};
   ${o=>o.shouldAnimate?i`
-          animation: ${T} 2800ms infinite;
+          animation: ${D} 2800ms infinite;
           z-index: 1;
         `:null}
   ${o=>o.forDashboard?i`
@@ -198,7 +198,7 @@ import{q as m,V as r,d9 as b,da as v,db as y,bv as z,o as e,p as d,y as a,a as c
   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`
+  ${o=>{if(o.shouldAnimate){const h=o.windowSize==="small"?C:T;return i`
         position: absolute;
         margin-left: ${t.plasticCardMarginLeft.valuePx(o.windowSize)};
         margin-top: ${t.plasticCardMarginTop.valuePx(o.windowSize)};
@@ -215,4 +215,4 @@ import{q as m,V as r,d9 as b,da as v,db as y,bv as z,o as e,p as d,y as a,a as c
           border-radius: 3px;
           border-width: 0.1px;
         `:null}
-`;export{R as J,A as N};
+`;export{F as J,A as N};

package/dist/assets/{QBOConnectionDialog-BFy0lMZd-C1tu8oqS.js → QBOConnectionDialog-R4ZWjJsY-DNCk7fny.js}

@@ -1,4 +1,4 @@
-import{q as b,F as r,V as n,bP as y,n as l,y as c,o as i,ap as w,ak as $,ae as P,bt as j,eI as v,c as t}from"./index-DKQM71dS.js";import{n as o}from"./mui-Bm7nuuAo.js";import"./sentry-3Q4-6z2o.js";import"./liveblocks-Bth6iRPZ.js";import"./core-DSEA1DeO.js";import"./recharts-sqzNidKh.js";import"./zeni-epic-state-1LR8oCdb.js";import"./lottie-BcjGrMJ9.js";import"./analytics-BUkj7jvZ.js";import"./lexical-D8ee32sQ.js";import"./utils-gMT26ExF.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]="63ba6a24-9c66-4302-8bf1-d5ff542e4293",e._sentryDebugIdIdentifier="sentry-dbid-63ba6a24-9c66-4302-8bf1-d5ff542e4293")}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{q as b,F as r,V as n,bQ as y,n as l,y as c,o as i,aq as w,al as $,af as j,bu as P,eJ as v,c as a}from"./index-Bs2B-MQ4.js";import{n as o}from"./mui-snKYaegN.js";import"./sentry-gm2R3TtK.js";import"./liveblocks-48Yy2aTy.js";import"./core-9PMMelIA.js";import"./recharts-DGmpNqLb.js";import"./zeni-epic-state-D2RxwWrl.js";import"./lottie-ChwWMuYN.js";import"./analytics-D0z7Cz17.js";import"./lexical-CaQwXIc3.js";import"./utils-C7Aiy3iw.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]="f5caace9-687f-489b-ae09-b90fd143defe",e._sentryDebugIdIdentifier="sentry-dbid-f5caace9-687f-489b-ae09-b90fd143defe")}catch{}})();const s={containerPaddingTop:new c(a[5],a[7]),containerPaddingBottom:new c(a[5],a[5]),containerPaddingLeftRight:new c(a[6],a[11])},_=o.div`
   border-radius: inherit;
   max-width: 520px;
   text-align: center;
@@ -8,11 +8,11 @@ import{q as b,F as r,V as n,bP as y,n as l,y as c,o as i,ap as w,ak as $,ae as P
   padding-bottom: ${e=>s.containerPaddingBottom.valuePx(e.windowSize)};
   padding-right: ${e=>s.containerPaddingLeftRight.valuePx(e.windowSize)};
   padding-left: ${e=>s.containerPaddingLeftRight.valuePx(e.windowSize)};
-`,k=o(w)`
+`,z=o(w)`
   color: ${e=>e.theme.colors.primary};
   padding: ${i.sp0} ${i.sp0} ${i.sp4};
   min-width: 260px;
-`,z=o($)`
+`,k=o($)`
   color: ${e=>e.theme.colors.hero};
   max-width: 360px;
 `,I=o.div`
@@ -37,15 +37,15 @@ import{q as b,F as r,V as n,bP as y,n as l,y as c,o as i,ap as w,ak as $,ae as P
   justify-content: center;
   padding-top: ${i.sp3};
   color: ${e=>e.theme.colors.primary};
-`,C=o(P)`
+`,C=o(j)`
   color: ${e=>e.theme.colors.primary};
   height: 20px;
   width: auto;
-`,D=o(j)`
+`,D=o(P)`
   color: ${e=>e.theme.colors.hero};
   height: ${i.sp4};
   width: ${i.sp4};
 `,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 x=b(),u=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(y,{open:g,children:n.jsxs(_,{windowSize:x,children:[n.jsxs(S,{children:[n.jsx(k,{children:r.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(z,{children:d?u:f}),n.jsxs(T,{children:[n.jsx(C,{}),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{H as default};
+`;function H({companyName:e="",isGoBackAllowed:t,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const u=b(),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(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:f}),n.jsxs(T,{children:[n.jsx(C,{}),n.jsx(D,{}),n.jsx(R,{})]})]}),d||t?n.jsxs(n.Fragment,{children:[n.jsx(L,{}),n.jsxs(B,{children:[t===!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};

package/dist/assets/{QBOSetupSection-DcLYyQ5m-D0DkS0no.js → QBOSetupSection-D--nxfIh-Difre144.js}

@@ -1,4 +1,4 @@
-import{q as I,F as u,V as i,n as O,o,y as a,p as c,fK as k,a as T,ae as _,bt as B,eI as D,fB as E,aS as h,ag as f,c as r}from"./index-DKQM71dS.js";import{n}from"./mui-Bm7nuuAo.js";import W from"./QBOConnectionDialog-BFy0lMZd-C1tu8oqS.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]="29de52b9-a649-4cdf-88fa-0dadd8553b6e",e._sentryDebugIdIdentifier="sentry-dbid-29de52b9-a649-4cdf-88fa-0dadd8553b6e")}catch{}})();const d={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:l,saveConnectionState:p,isQBOPopupOpen:y,companyName:$,updateQBOPopupState:w,handleOnConnectClick:b})=>{const s=I(),{qbo_connection:j}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:S,sucessText:v,button:z,errorText:P,requiredText:C}=j;return i.jsxs(G,{windowSize:s,children:[i.jsxs(A,{windowSize:s,children:[s==="small"?i.jsx(R,{children:l?i.jsx(J,{}):i.jsx(U,{})}):null,i.jsx(F,{windowSize:s,children:S})]}),i.jsxs(H,{windowSize:s,children:[i.jsxs(M,{windowSize:s,children:[i.jsxs(Q,{children:[i.jsx(V,{}),i.jsx(K,{windowSize:s}),i.jsx(L,{})]}),l?s!=="small"?i.jsx(m,{}):null:i.jsx(O,{variant:"primary",size:s!=="small"?"standard":"xs-small",label:z.connect,style:{width:"fit-content"},onClick:()=>w(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(N,{children:v}),s==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:s,children:P})}):null,t&&!l?i.jsx(x,{children:i.jsx(g,{windowSize:s,children:C})}):null]}),i.jsx(W,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:y,companyName:$,saveConnectionState:p,handleOnConnectClick:b,handleGoBack:()=>w(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:t}=e;return i.jsx(E,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:t,textColor:{color:new h(c.successDark),borderColor:new h(c.successDark)}})},G=n.div`
+import{q as O,F as u,V as i,n as k,o,y as a,p as c,fL as I,R as T,af as D,bu as E,eJ as W,fC as _,aT as h,ai as f,c as r}from"./index-Bs2B-MQ4.js";import{n}from"./mui-snKYaegN.js";import q from"./QBOConnectionDialog-R4ZWjJsY-DNCk7fny.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]="f52b80b0-7458-417a-9731-6c1172d8c912",e._sentryDebugIdIdentifier="sentry-dbid-f52b80b0-7458-417a-9731-6c1172d8c912")}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])},B={title:new T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:t=!1,isValid:d,saveConnectionState:p,isQBOPopupOpen:y,companyName:$,updateQBOPopupState:w,handleOnConnectClick:b})=>{const s=O(),{qbo_connection:j}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:S,sucessText:v,button:z,errorText:P,requiredText:C}=j;return i.jsxs(G,{windowSize:s,children:[i.jsxs(A,{windowSize:s,children:[s==="small"?i.jsx(J,{children:d?i.jsx(K,{}):i.jsx(U,{})}):null,i.jsx(F,{windowSize:s,children:S})]}),i.jsxs(H,{windowSize:s,children:[i.jsxs(N,{windowSize:s,children:[i.jsxs(R,{children:[i.jsx(V,{}),i.jsx(L,{windowSize:s}),i.jsx(M,{})]}),d?s!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:s!=="small"?"standard":"xs-small",label:z.connect,style:{width:"fit-content"},onClick:()=>w(!0),loading:p==="In-Progress"})]}),d?i.jsxs(i.Fragment,{children:[i.jsx(Q,{children:v}),s==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:s,children:P})}):null,t&&!d?i.jsx(x,{children:i.jsx(g,{windowSize:s,children:C})}):null]}),i.jsx(q,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:y,companyName:$,saveConnectionState:p,handleOnConnectClick:b,handleGoBack:()=>w(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:t}=e;return i.jsx(_,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:t,textColor:{color:new h(c.successDark),borderColor:new h(c.successDark)}})},G=n.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -8,16 +8,16 @@ import{q as I,F as u,V as i,n as O,o,y as a,p as c,fK as k,a as T,ae as _,bt as
   align-items: center;
   padding-top: ${o.sp3};
   padding-bottom: ${o.sp3};
-  width: ${e=>d.sectionWidth.valuePx(e.windowSize)};
+  width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
 `,F=n.div`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${q.title.style(e.windowSize)}`};
+  ${e=>`${B.title.style(e.windowSize)}`};
 `,H=n.div`
   display: flex;
   flex-direction: column;
-  width: ${e=>d.sectionWidth.valuePx(e.windowSize)};
+  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}`};
@@ -25,7 +25,7 @@ import{q as I,F as u,V as i,n as O,o,y as a,p as c,fK as k,a as T,ae as _,bt as
   fill: ${e=>e.theme.colors.grey1};
   justify-content: space-between;
   box-sizing: border-box;
-  padding: ${e=>d.containerPadding.valuePx(e.windowSize)};
+  padding: ${e=>l.containerPadding.valuePx(e.windowSize)};
   &:hover {
     border: 1px solid ${e=>e.theme.colors.primary};
     fill: ${e=>e.theme.colors.primary};
@@ -37,37 +37,37 @@ import{q as I,F as u,V as i,n as O,o,y as a,p as c,fK as k,a as T,ae as _,bt as
 `,g=n(f)`
   display: flex;
   color: ${c.important};
-`,M=n.div`
+`,N=n.div`
   width: 100%;
   display: flex;
   justify-content: space-between;
-  row-gap: ${e=>d.topElementsRowGap.valuePx(e.windowSize)};
+  row-gap: ${e=>l.topElementsRowGap.valuePx(e.windowSize)};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,N=n(f)`
+`,Q=n(f)`
   display: flex;
   margin-top: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,Q=n.div`
+`,R=n.div`
   display: flex;
   align-items: center;
   gap: ${o.sp4};
   justify-content: left;
   color: ${e=>e.theme.colors.primary};
-`,V=n(_)`
+`,V=n(D)`
   height: 20px;
   width: auto;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,K=n(B)`
-  height: ${e=>d.arrowIconWidthHeight.valuePx(e.windowSize)};
-  width: ${e=>d.arrowIconWidthHeight.valuePx(e.windowSize)};
+`,L=n(E)`
+  height: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
+  width: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
-`,L=n(D)`
+`,M=n(W)`
   height: ${o.sp4};
   color: ${e=>e.theme.colors.primary};
-`,R=n.div`
+`,J=n.div`
   margin-right: ${o.sp2};
-`,J=n(k)`
+`,K=n(I)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${c.success};

package/dist/assets/ReimbursementApprovalRuleDetailPage-OXenWhiy-Cj4gr0h0.js

@@ -0,0 +1,32 @@
+import{y as W,c as L,d as M,q as G,F as U,a9 as H,aO as X,aH as J,cC as K,V as r,bA as Q,ac as Y,aP as Z,o as b,g3 as ee}from"./index-Bs2B-MQ4.js";import{a as T}from"./sentry-gm2R3TtK.js";import{n as c}from"./mui-snKYaegN.js";import{b as ae,f as te,o as k,l as B}from"./FollowStepsSection-h449vQkQ-BXixJ0VK.js";import"./liveblocks-48Yy2aTy.js";import"./core-9PMMelIA.js";import"./recharts-DGmpNqLb.js";import"./zeni-epic-state-D2RxwWrl.js";import"./lottie-ChwWMuYN.js";import"./analytics-D0z7Cz17.js";import"./lexical-CaQwXIc3.js";import"./utils-C7Aiy3iw.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]="ec385426-097c-47ba-97f0-91a12b283194",e._sentryDebugIdIdentifier="sentry-dbid-ec385426-097c-47ba-97f0-91a12b283194")}catch{}})();const C="reimbursementApprovalRuleDetailPage",$="lowerBound",j="upperBound",A="steps",h="applyToExistingReimbursements",le={footerPadding:new W(L[2],L[3])};function Pe({localData:e,approvalUpdateActionType:t,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:s=!1,onBackClick:p,onApprovalRuleDataUpdated:g,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:I}){const F=M(),w=G(),l=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,t==="approval_create"&&!a),y=H({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,P=X(u?.fetchState),{upperBound:R}=x,{allApprovalRules:i,allAccountingClasses:V,remiSetupApproverViewUpdateData:m}=e;let f=i.length>1?i.length-1:0,v=i.length>0?i[f].criteria[0].range.min.amount:0;if(m!=null&&m.type==="approval_update"&&m.data!=null){const{approvalRuleId:n}=m.data;f=i.findIndex(d=>d.approvalRuleId===n),v=f>0?i[f-1].criteria[0].range.min.amount:0}const q=y.handleSubmit(()=>{N()}),z=async(n,d)=>{g(d)};return T.useEffect(()=>{const n=y.watch((d,{name:D})=>{if(D!=null&&d!=null){const O=J(d);K(()=>z(D,O))}});return()=>{n.unsubscribe()}}),T.useEffect(()=>{P==="In-Progress"&&u?.fetchState==="Completed"&&I()},[P,u?.fetchState,I]),r.jsxs(ie,{children:[r.jsx(Q,{title:t==="approval_create"?l.newApproval:l.editApproval,backgroundColor:F.colors.grey4,style:{zIndex:4},onBackClick:()=>{p()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:_(C),onSubmit:q,children:r.jsxs(pe,{children:[r.jsx(ae,{label:{label:s?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:$,placeholder:"$0",options:{required:!0,max:R===1/0?Number.MAX_SAFE_INTEGER-1:R-1,min:v,validate:n=>a?!0:n!=null&&n>v},isDisabled:a,additionalInfoLabel:l.firstRuleLowerBoundInfoLabel,additionalErrorLabel:l.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:s,additionalInfoLabel:l.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(te,{sectionId:A,label:{label:l.followStepsLabel},approversPlaceholder:l.approversPlaceholder,notifiersPlaceholder:l.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:V,stepsInfo:x[A],userSelectPlaceholder:l.userSelectPlaceholder,approveNotifyPlaceholder:l.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:_(C),primaryBtn:{label:l.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:t==="approval_create"?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:l.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:l.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:w==="small"?"space-between":"center"},style:{padding:le.footerPadding.valuePx(w)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,t)=>{const{criteria:a,steps:o}=e.remiSetupApproverViewUpdateData?.data??{};return{[h]:[h],[A]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),k(e.allAttributes),k(e.filteredAttributes),o??[])??[],[$]:t?void 0:a!=null?a.range.min.amount??0:0,[j]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},oe=(e,t,a,o,s)=>s&&s.length>0?s.map((p,g)=>({stepIndex:g,stepType:{selectedOption:p.action,allOptions:B},actors:{allUsers:t,selectedUsers:se(e,p.actors),allNonUsers:o,selectedNonUsers:ne(a,p.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:B},actors:{allUsers:t,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,t)=>e.filter(a=>a.userId!=null&&t.findIndex(o=>o.userId===a.userId)>-1),ne=(e,t)=>e.filter(a=>t.findIndex(o=>o.subType===a.value)>-1),_=e=>`${e}_form`,Re=e=>`${e}`,ie=c.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,de=c.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+`,pe=c.div`
+  display: flex;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${b.sp0} 2px ${b.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${b.sp2};
+`,ue=c.div`
+  display: flex;
+  justify-content: flex-start;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,ce=c.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`;export{le as D,Pe as default,_ as uniqueFormName,Re as uniqueName};