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

package/dist/assets/{PeoplePage-YMfZIga6-BEib8XAV.js → PeoplePage-QuuuX2AS-CUwuNLCQ.js}

@@ -1,4 +1,4 @@
-import{e as $e,q as I,F as y,V as t,aK as a,bz as le,bL as De,o as s,ci as Oe,cj as _e,m as K,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 Ke,aA as H,cp as Ue,y as $,cq as Ee,cr as je,d as b,cs as ee,cb as N,a8 as Fe,ab as Ze,ct as qe,cu as Ge,aH as Qe,ag as D,cv as Je,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-Dm9r1f6s.js";import{S as ce,a as v}from"./core-B-FNbYlu.js";import{n as i}from"./mui-DLNyBjYF.js";import{oO as Ie,bh as J}from"./zeni-epic-state-HWtMOH-U.js";import{P as Ce}from"./Menu-D0jF6uaE-063ttLpF.js";import{T as Re}from"./RoleWithToolTip-B7woUKhj-tuSqaaK3.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";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:r,onColumnSortConfigChanged:l,mode:d}){const m=I(),[p,x]=v.useState(Qe(d==="off"?S:B));v.useEffect(()=>{const n=[...p];for(const o of n)o.key===r.sortKey?o.sortOrder=r.sortOrder:o.sortOrder="ascending";x(n)},[r.sortKey,r.sortOrder]);const h=(n,o)=>{let u=o;r.sortKey===n&&(u=o==="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:r.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:r.sortKey,headerdata:n,children:t.jsx(Je,{width:12,height:12})})]}),t.jsx(at,{isVisible:r.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,aK as a,bz as le,bL as De,o as s,ci as Oe,cj as _e,m as K,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 Ke,aA as H,cp as Ue,y as $,cq as Ee,cr as je,c as b,cs as ee,cb as N,a8 as Fe,ab as Ze,ct as qe,cu as Ge,aH 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-DJLrbf0F.js";import{S as ce,a as v}from"./core-CA3j8Axi.js";import{n as i}from"./mui-DpJXlk4t.js";import{oW as Ie,bh as Q}from"./zeni-epic-state-CQt4n3Xe.js";import{P as Ce}from"./Menu-wpP8R1br-CxnIQs8p.js";import{T as Re}from"./RoleWithToolTip-fC3byzzv-DteZC2-q.js";import"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";(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]="8b1cad9c-973a-44c3-996f-958077631a1f",e._sentryDebugIdIdentifier="sentry-dbid-8b1cad9c-973a-44c3-996f-958077631a1f")}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`
   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{e as $e,q as I,F as y,V as t,aK as a,bz as le,bL as De,o as s,ci as Oe,cj
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ct=58;function pt({sortConfig:e,onColumnSortConfigChanged:r,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(o=>({label:o.value,value:o.key})),[p]),h=p.find(o=>o.key===e.sortKey);h!=null&&(h.sortOrder=e.sortOrder);const n=(o,u)=>{let w=u;e.sortKey===o&&(w=u==="ascending"?"descending":"ascending"),r?.(o,w)};return v.useEffect(()=>{const o=m.watch((u,{name:w})=>{if(w!=null&&u!=null){const{people_sort_by:f}=u;r?.(f.selectedOption.value,"ascending")}});return()=>{o.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(o=>o.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=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`
   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{e as $e,q as I,F as y,V as t,aK as a,bz as le,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:r,allClasses:l,allManagers:d,onResendInvite:m,onDeleteUser:p,onRowClick:x})=>{const[h,n]=v.useState(!1),o=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:o,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:j,"data-testid":a("people-list-row",e.userId),children:[t.jsx($t,{wrapperWidth:S[0].width,windowSize:o,userNameSticky:r,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:o,children:t.jsx(Re,{roles:w})}),t.jsxs(t.Fragment,{children:[J(e.userRole.userRoles)?t.jsx(Z,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(L,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.manager?t.jsx(ve,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(L,{children:u.manager})}):t.jsx(Z,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(L,{children:T.noManager})})}),J(e.userRole.userRoles)?t.jsx(Z,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(L,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.department?t.jsx(ve,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(L,{children:u.department})}):t.jsx(Z,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(L,{children:T.emptyDepartmentPlaceholderText})})})]}),t.jsxs(Rt,{"data-testid":a("last-seen-container",e.userId),wrapperWidth:S[4].width,windowSize:o,children:[e.userRole.invitationStatus==="accepted"?t.jsx(bt,{children:u.lastSeen}):t.jsx(Tt,{children:e.update==="resendInvite"?t.jsx(K,{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,r,l){const d=l.find(p=>e.userRole.accountingClassIDs[0]===p.classId),m=r.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(K,{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`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -272,7 +272,7 @@ import{e as $e,q as I,F as y,V as t,aK as a,bz as le,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:r,allManagers:l,onRowClick:d,onResendInvite:m})=>{const p=I(),x=e.userRole.userRoles.filter(o=>!Ie(o)),h=si(l,e.userRole.managerUserId),n=oi(r,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(Kt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Ut,{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(K,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(qt,{"data-testid":a("resend-invite-text",e.userId),onClick:o=>{o.stopPropagation(),m?.(e.userId)},children:k.resendInvite.label}),t.jsx(Gt,{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(Jt,{children:[t.jsxs(Yt,{children:[k.header.manager,":"]}),J(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,":"]}),J(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(Kt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Ut,{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(K,{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`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -348,17 +348,17 @@ import{e as $e,q as I,F as y,V as t,aK as a,bz as le,bL as De,o as s,ci as Oe,cj
   flex-direction: row;
   -webkit-box-pack: end;
   justify-content: flex-end;
-`,Qt=i(se)`
+`,Jt=i(se)`
   color: ${e=>e.theme.colors.grey1};
 `,pe=i.div`
   display: flex;
-`,Jt=i(pe)``,Xt=i(pe)``,he=i.div`
+`,Qt=i(pe)``,Xt=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,r)=>{const l=e.find(d=>d.userId===r);return l?.user?`${l?.user?.firstName} ${l?.user?.lastName}`:void 0},oi=(e,r)=>{const l=e.find(d=>r[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:r,onResendInvite:l,onDeleteUser:d,onRowClick:m})=>{const[p,x]=v.useState(!1),h=I(),n=ni(e),o=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:r,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:o(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(K,{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}),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(K,{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`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -509,7 +509,7 @@ import{e as $e,q as I,F as y,V as t,aK as a,bz as le,bL as De,o as s,ci as Oe,cj
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Si={width:new $(343,580,726)},Q=y.getLocalizedStrings().peoplePage,ki=({peopleData:e,onRowClick:r,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:()=>{r?.(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(K,{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(Hi,{children:t.jsx(Bi,{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 $(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(K,{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`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -587,7 +587,7 @@ import{e as $e,q as I,F as y,V as t,aK as a,bz as le,bL as De,o as s,ci as Oe,cj
   justify-content: flex-end;
 `,Bi=i(re)`
   color: ${e=>e.theme.colors.grey1};
-`,Ki=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,Ui=({peopleView:e,allManagers:r,allClasses:l,analytics:d,onColumnSortConfigChanged:m,onDeleteClick:p,onResendInvite:x,onRowClick:h,isZeniTenant:n})=>{const o=I(),u=v.useRef(null),w=!(o==="small"||o==="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:o,isFirstResendInviteUser:z===c,className:"people-list-item",children:[z===c?t.jsx(Xi,{}):null,e.uiState.mode==="off"?t.jsx(ri,{allManagers:r,allClasses:l,userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n}):t.jsx(Ki,{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:[o==="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),U=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,o]),v.useEffect(()=>{U==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[U,ge]),t.jsxs(Fi,{"data-testid":a("people-list-view-container"),windowSize:o,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:U==="removeUsers",isDisabled:U==="removeUsers",style:{background:V.colors.overlayColor},children:g?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Ji,{}),t.jsx(Gi,{children:t.jsx(Qi,{src:g?.user.photo?.toString()??We,alt:g?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(Ke,{children:({height:c,width:C})=>t.jsx(Yi,{height:c,innerElementType:xe,itemCount:e.people.length,itemSize:o==="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`
+`,Ki=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,Ui=({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(Ki,{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),U=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(()=>{U==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[U,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:U==="removeUsers",isDisabled:U==="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(Ke,{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`
   /** Subtract top so list can occupy remaining available height */
   min-height: ${`calc(100vh - ${s.sp9})`};
   max-width: 99.9%;
@@ -607,12 +607,12 @@ import{e as $e,q as I,F as y,V as t,aK as a,bz as le,bL as De,o as s,ci as Oe,cj
 `,Gi=i.div`
   position: absolute;
   top: -26px;
-`,Qi=i.img`
+`,Ji=i.img`
   height: 60px;
   width: 60px;
   border-radius: 50%;
   color: ${e=>e.theme.colors.hero};
-`,Ji=i.div`
+`,Qi=i.div`
   position: absolute;
   top: 1%;
   left: 50%;
@@ -624,7 +624,7 @@ import{e as $e,q as I,F as y,V as t,aK as a,bz as le,bL as De,o as s,ci as Oe,cj
 `,Xi=i.div`
   padding-top: ${s.sp3};
   border-top: 1px solid ${e=>e.theme.colors.grey3};
-`,Yi=i(Ee)``,es=(e,r)=>{const{user:l,userId:d,userRole:m,update:p}=e,{user:x,userId:h,userRole:n,update:o}=r;return H(l,x)&&H(d,h)&&H(m,n)&&H(p,o)},ts=(e,r)=>{if(e.peopleView.people.length!=r.peopleView.people.length||e.allManagers.length!=r.allManagers.length)return!1;let l=!0;for(let d=0;d<e.peopleView.people.length;++d){const m=e.peopleView.people[d],p=r.peopleView.people[d];if(l=es(m,p),!l)break}return l=l&&H(e.peopleView.invitePeopleState,r.peopleView.invitePeopleState),l=l&&e.peopleView.uiState.sortKey===r.peopleView.uiState.sortKey&&e.peopleView.uiState.sortOrder===r.peopleView.uiState.sortOrder,l},is=v.memo(Ui,ts);function ss({peopleInviteSectionProps:e}){const r=I();return t.jsx(os,{isSearchOpen:e.isSearchOpen&&r==="small",windowsize:r,children:r!=="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:r!=="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(Ee)``,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(Ui,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"};
@@ -672,4 +672,4 @@ import{e as $e,q as I,F as y,V as t,aK as a,bz as le,bL as De,o as s,ci as Oe,cj
 `,cs=i(Y)`
   margin-top: ${s.sp3};
   color: ${e=>e.theme.colors.hero};
-`,ps=()=>t.jsx(ns,{children:t.jsx(K,{size:"ExtraLarge",start:!0})});function hs(e){const r=$e(),l=I(),{mode:d,searchText:m}=e.peopleView.uiState,{fetchState:p}=e.peopleView,{fetchState:x}=e.managersView,{fetchState:h}=e.classList,[n,o]=v.useState(!1),u={isSearchOpen:n,onSearchOpen:z=>{o(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:r.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:r.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:r.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}),Is=ce.memo(hs);export{Is as MemoPeople,hs as default};
+`,ps=()=>t.jsx(ns,{children:t.jsx(K,{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}),Is=ce.memo(hs);export{Is as MemoPeople,hs as default};

package/dist/assets/Preview-D0lKYz6_.js

@@ -0,0 +1 @@
+import{a as h,S as n}from"./core-CA3j8Axi.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]="5e1c1541-011a-4a57-ae3e-f6344cd85b95",t._sentryDebugIdIdentifier="sentry-dbid-5e1c1541-011a-4a57-ae3e-f6344cd85b95")}catch{}})();const c="64px",u={},k=({src:t,light:a,oEmbedUrl:r,onClickPreview:s,playIcon:m,previewTabIndex:I,previewAriaLabel:f})=>{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(u[e]){o(u[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),u[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,...f?{"aria-label":f}:{}},l?a:null,m||x)};var N=k;export{N as default};

package/dist/assets/ProductsCarousel-zdZkfaiY-CKycG9Wt.js

@@ -0,0 +1,142 @@
+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-DJLrbf0F.js";import{a as $}from"./core-CA3j8Axi.js";import{n as i}from"./mui-DpJXlk4t.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]="f7a67edc-c333-4586-a614-be3a304fa115",e._sentryDebugIdIdentifier="sentry-dbid-f7a67edc-c333-4586-a614-be3a304fa115")}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`
+  width: ${e=>e.scale*r.width}px;
+  height: ${e=>e.scale*r.height}px;
+  overflow: hidden;
+  background-color: ${e=>e.variant==="large"?e.theme.colors.grey5:e.theme.colors.grey3};
+  box-shadow: ${e=>`${e.variant==="large"?v.Elevation2Light:v.Elevation1Light}`};
+  outline: 1px solid
+    ${e=>e.variant==="large"?e.theme.colors.grey3:e.theme.colors.grey2};
+  border-radius: ${e=>e.scale*r.borderRadius}px;
+
+  & > * {
+    width: ${e=>e.scale*r.width}px;
+    height: ${e=>e.scale*r.height}px;
+    transform-origin: top left;
+    background-color: ${e=>e.variant==="large"?e.theme.colors.grey5:e.theme.colors.grey3};
+    outline: 1px solid
+      ${e=>e.variant==="large"?e.theme.colors.grey3:e.theme.colors.grey2};
+    box-shadow: ${e=>`${e.variant==="large"?v.Elevation2Light:v.Elevation1Light}`};
+    border-radius: ${e=>e.scale*r.borderRadius}px;
+  }
+`,q=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)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${e=>e.scale*r.gap}px;
+  text-align: left;
+`,Q=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)`
+  color: ${e=>e.theme.colors.brandColorJadeDark};
+`,ee=i.div`
+  width: ${e=>e.scale*r.width}px;
+  height: ${e=>e.scale*r.height}px;
+  padding: ${e=>e.scale*e.padding}px;
+  background-color: ${e=>e.variant==="large"?e.theme.colors.grey5:e.theme.colors.grey3};
+
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  z-index: 20;
+`,te=i.a`
+  text-decoration: none;
+  display: inline-block;
+`,ie=i.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: hidden;
+`,oe=i.div`
+  flex-shrink: 0;
+`,re=i.div`
+  display: flex;
+  align-items: center;
+  height: ${e=>e.scale*r.svgContainerHeight}px;
+  margin-bottom: ${e=>e.scale*r.imageGap}px;
+`,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;
+  margin-left: ${c.sp1};
+  color: ${e=>e.theme.colors.brandColorJadeDark};
+`,ae=i.div`
+  width: 100%;
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+`,ne=i.img`
+  width: 100%;
+  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`
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,he=i(N)`
+  width: ${c.sp3};
+  height: ${c.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,D=i.div`
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  ${({position:e,arrowOffset:o})=>e==="left"?`left: calc(50% - ${o}px);`:`right: calc(50% - ${o}px);`}
+  display: flex;
+  width: ${c.sp5};
+  height: ${c.sp5};
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+
+  background-color: ${e=>e.theme.colors.grey5};
+  border-radius: 50%;
+  box-shadow: ${e=>`${c.sp0} 2px ${c.sp1} ${e.theme.colors.dropShadowNormal}`};
+  outline: 1px solid ${e=>e.theme.colors.grey3};
+  z-index: 3;
+  cursor: pointer;
+  &:hover {
+    .btnsvg {
+      color: ${e=>e.theme.colors.primary};
+    }
+    outline-color: ${e=>e.theme.colors.primary};
+  }
+`,ue=i(H)`
+  width: ${c.sp3};
+  height: ${c.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,be=i.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: visible;
+  perspective: 2000px;
+`,fe=i.div`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: ${({positionX:e,scale:o})=>`translate(-50%, -50%) translateX(${e}px) scale(${o})`};
+  transition: transform 1000ms cubic-bezier(0.5, 1.3, 0.39, 1);
+  transform-style: preserve-3d;
+  cursor: pointer;
+  box-sizing: border-box;
+
+  ${({isForeFront:e,hoverScale:o})=>e&&`
+    &:hover {
+      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(D,{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(D,{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}=I.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};

package/dist/assets/{PromoBaseCards-CmOYEhSO-bExxN6kp.js → PromoBaseCards-flFtcbIg-iLyc6jwq.js}

@@ -1,4 +1,4 @@
-import{q as c,V as r,d9 as b,da as v,db as L,bv as z,y as a,o as e,p as d,a as f,d as l}from"./index-Dm9r1f6s.js";import{b as i,n as p,k as m}from"./mui-DLNyBjYF.js";const t={plasticCardMarginLeft:new a(l[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(l[2],13),businessTextBottom:new a(l[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(l[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(l[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(l[2],13),visaLogoBottom:new a(l[2],13)},u={businessText:new f("extraSmallRegular","largeRegular"),promoBusinessText:new f("tinyLight","tinyLight")},F=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=c();return r.jsxs(k,{cardPromoType:$,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(j,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},A=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=c();return r.jsxs(W,{cardPromoType:$,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(B,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},C=m`
+import{q as c,V as r,d9 as m,da as v,db as y,bv as z,y as a,o as e,p as d,a as b,c as p}from"./index-DJLrbf0F.js";import{b as i,n as g,k as f}from"./mui-DpJXlk4t.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]="b43ba023-6a34-46b0-8989-f1740e2af88c",o._sentryDebugIdIdentifier="sentry-dbid-b43ba023-6a34-46b0-8989-f1740e2af88c")}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 b("extraSmallRegular","largeRegular"),promoBusinessText:new b("tinyLight","tinyLight")},R=({cardText:o,shouldAnimate:h,showChip:w,forDashboard:s,forListPage:l,cardPromoType:$,style:x})=>{const n=c();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(m,{})}),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=c();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(m,{})}),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`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
@@ -23,7 +23,7 @@ import{q as c,V as r,d9 as b,da as v,db as L,bv as z,y as a,o as e,p as d,a as f
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
   }
-`,T=m`
+`,D=f`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
@@ -48,7 +48,7 @@ import{q as c,V as r,d9 as b,da as v,db as L,bv as z,y as a,o as e,p as d,a as f
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
   }
-`,D=m`
+`,T=f`
   0%{
     transform: rotate(0);
     transform-origin: top left;
@@ -79,7 +79,7 @@ import{q as c,V as r,d9 as b,da as v,db as L,bv as z,y as a,o as e,p as d,a as f
     transform-origin: top left;
     box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
-`,j=p.div`
+`,j=g.div`
   color: ${o=>o.theme.colors.brandColorJade};
   width: ${o=>t.styledLogoWidth.valuePx(o.windowSize)};
   height: ${o=>t.styledLogoHeight.valuePx(o.windowSize)};
@@ -91,7 +91,7 @@ import{q as c,V as r,d9 as b,da as v,db as L,bv as z,y as a,o as e,p as d,a as f
           width: 28px;
           height: 28px;
         `:null}
-`,P=p.div`
+`,L=g.div`
   color: ${d.neutralGrey5Light};
   text-align: right;
   ${o=>`${u.businessText.style(o.windowSize)}`};
@@ -109,7 +109,7 @@ import{q as c,V as r,d9 as b,da as v,db as L,bv as z,y as a,o as e,p as d,a as f
           left: 95px;
           ${u.promoBusinessText.style(o.windowSize)};
         `:null}
-`,S=p.div`
+`,P=g.div`
   position: absolute;
   left: 11%;
   bottom: 50%;
@@ -119,7 +119,7 @@ import{q as c,V as r,d9 as b,da as v,db as L,bv as z,y as a,o as e,p as d,a as f
           width: 20px;
           height: ${e.sp3};
         `:null}
-`,y=p.div`
+`,S=g.div`
   width: ${o=>t.visaLogoWidth.valuePx(o.windowSize)};
   height: ${o=>t.visaLogoHeight.valuePx(o.windowSize)};
   position: absolute;
@@ -136,7 +136,7 @@ import{q as c,V as r,d9 as b,da as v,db as L,bv as z,y as a,o as e,p as d,a as f
           height: 10px;
           bottom: ${e.sp1};
         `:null}
-`,B=p.div`
+`,B=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 c,V as r,d9 as b,da as v,db as L,bv as z,y as a,o as e,p as d,a as f
           height: 12px;
           top: 11px;
         `:null}
-`,k=p.div`
+`,k=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 c,V as r,d9 as b,da as v,db as L,bv as z,y as a,o as e,p as d,a as f
   background-size: cover;
   box-shadow: ${o=>` ${e.sp0} ${e.sp0} ${e.sp6} ${e.sp0} ${o.theme.colors.dropShadowNormal}`};
   ${o=>o.shouldAnimate?i`
-          animation: ${D} 2800ms infinite;
+          animation: ${T} 2800ms infinite;
           z-index: 1;
         `:null}
   ${o=>o.forDashboard?i`
@@ -183,7 +183,7 @@ import{q as c,V as r,d9 as b,da as v,db as L,bv as z,y as a,o as e,p as d,a as f
           border-radius: 3px;
           border-width: 0.1px;
         `:null}
-`,W=p.div`
+`,W=g.div`
   width: ${o=>t.chargeCardWidth.valuePx(o.windowSize)};
   height: ${o=>t.chargeCardHeight.valuePx(o.windowSize)};
   background: ${o=>o.cardPromoType==="debit"?o.theme.colors.brandColorJadeDark:o.theme.colors.brandColorJade};
@@ -198,12 +198,12 @@ import{q as c,V as r,d9 as b,da as v,db as L,bv as z,y as a,o as e,p as d,a as f
   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 g=o.windowSize==="small"?C:T;return i`
+  ${o=>{if(o.shouldAnimate){const h=o.windowSize==="small"?C:D;return i`
         position: absolute;
         margin-left: ${t.plasticCardMarginLeft.valuePx(o.windowSize)};
         margin-top: ${t.plasticCardMarginTop.valuePx(o.windowSize)};
         transform: rotate(10.4deg);
-        animation: ${g} 2800ms infinite;
+        animation: ${h} 2800ms infinite;
       `}return null}}
   ${o=>o.forDashboard?i`
           width: 190px;
@@ -215,4 +215,4 @@ import{q as c,V as r,d9 as b,da as v,db as L,bv as z,y as a,o as e,p as d,a as f
           border-radius: 3px;
           border-width: 0.1px;
         `:null}
-`;export{F as J,A as N};
+`;export{R as J,A as N};

package/dist/assets/QBOConnectionDialog-DNB2C1vQ-B6h7mZJt.js

@@ -0,0 +1,51 @@
+import{q as y,F as r,V as n,bP as b,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-DJLrbf0F.js";import{n as o}from"./mui-DpJXlk4t.js";import"./core-CA3j8Axi.js";import"./sentry-BA4piVNf.js";import"./zeni-epic-state-CQt4n3Xe.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="02a7409e-66fb-4acd-84f5-10df8f5c5c2c",e._sentryDebugIdIdentifier="sentry-dbid-02a7409e-66fb-4acd-84f5-10df8f5c5c2c")}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`
+  border-radius: inherit;
+  max-width: 520px;
+  text-align: center;
+  background: ${e=>e.theme.colors.background};
+`,S=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)};
+  padding-left: ${e=>s.containerPaddingLeftRight.valuePx(e.windowSize)};
+`,k=o(w)`
+  color: ${e=>e.theme.colors.primary};
+  padding: ${i.sp0} ${i.sp0} ${i.sp4};
+  min-width: 260px;
+`,z=o($)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 360px;
+`,I=o.div`
+  margin: 20px ${i.sp0};
+`,A=o.div`
+  margin: 20px ${i.sp0};
+`,L=o.hr`
+  width: 100%;
+  border: 0.2px solid ${e=>e.theme.colors.grey3};
+  margin-top: auto;
+  margin-bottom: 0;
+`,B=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${i.sp4};
+`,T=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp4};
+  margin-left: ${i.sp4};
+  justify-content: center;
+  padding-top: ${i.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,C=o(P)`
+  color: ${e=>e.theme.colors.primary};
+  height: 20px;
+  width: auto;
+`,D=o(j)`
+  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=y(),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(b,{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};

package/dist/assets/QBOSetupSection-B59etoGz-Dx4Hkrje.js

@@ -0,0 +1,79 @@
+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-DJLrbf0F.js";import{n}from"./mui-DpJXlk4t.js";import W from"./QBOConnectionDialog-DNB2C1vQ-B6h7mZJt.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]="bc63ef73-da0b-4446-a91c-1ffb87184418",e._sentryDebugIdIdentifier="sentry-dbid-bc63ef73-da0b-4446-a91c-1ffb87184418")}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: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:d?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,{})]}),d?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"})]}),d?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&&!d?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`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,A=n.div`
+  display: flex;
+  align-items: center;
+  padding-top: ${o.sp3};
+  padding-bottom: ${o.sp3};
+  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)}`};
+`,H=n.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=n.div`
+  width: 100%;
+  display: flex;
+  margin-top: ${o.sp4};
+`,g=n(f)`
+  display: flex;
+  color: ${c.important};
+`,M=n.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=n(f)`
+  display: flex;
+  margin-top: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,Q=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp4};
+  justify-content: left;
+  color: ${e=>e.theme.colors.primary};
+`,V=n(_)`
+  height: 20px;
+  width: auto;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+`,K=n(B)`
+  height: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
+  width: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+`,L=n(D)`
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,R=n.div`
+  margin-right: ${o.sp2};
+`,J=n(k)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${c.success};
+`,U=n.div`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: 50%;
+`;export{ee as t};