@zeniai/web-components 3.16.86 → 3.16.87

package/dist/AgingReportsPage-PbeKnmQy.cjs

@@ -0,0 +1,79 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-DBR6vHWn.cjs"),x=require("react"),f=require("@emotion/styled"),A=require("@zeniai/client-epic-state"),t=require("./index-BMqHLOEI.cjs"),me=require("./BusyIndication-vqdewT3t.cjs"),he=require("./ZeniDatePicker-DC2WC_jK.cjs"),xe=require("./zeniDatePicker.helpers-DwrBRSUH.cjs"),v=require("./getReferrerType-Dc1M7vxU.cjs"),Z=require("./ArAgingChart-iisrlD-A.cjs"),Q=require("./NoDataChart-cpuieaw7.cjs"),C=require("./CollapsableReportTable-CEV4cC-c.cjs"),V=require("./NoDataTable-DVJ1o4x2.cjs"),X=require("./mapSpacerToTreeNode-CmVrualX.cjs"),fe=require("./agingReportHelper-BX2km1yO.cjs"),Re={chartHeight:new t.ResponsiveSized(288,360)},ee=f.div`
+  display: flex;
+`,te=f.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  height: ${e=>Re.chartHeight.valuePx(e.windowSize)};
+  padding-bottom: ${t.Space.sp6};
+`;function Se({report:e}){return e.reportId==="accounts_payable_aging"?n.jsxRuntimeExports.jsx(je,{report:e}):n.jsxRuntimeExports.jsx(ye,{report:e})}function je({report:e}){const o=t.useWindowSizeContext();return e.agingBalances.length===0?n.jsxRuntimeExports.jsx(ee,{children:n.jsxRuntimeExports.jsx(Q.NoDataChart,{title:t.appLocale.getLocalizedStrings().chartCard.no_data_available})}):n.jsxRuntimeExports.jsx(te,{windowSize:o,children:n.jsxRuntimeExports.jsx(n.AutoSizer,{children:({height:s,width:l})=>n.jsxRuntimeExports.jsx(Z.ApAgingChart,{isDetailPage:!0,report:e,width:l,height:s})})})}function ye({report:e}){const o=t.useWindowSizeContext();return e.agingBalances.length===0?n.jsxRuntimeExports.jsx(ee,{children:n.jsxRuntimeExports.jsx(Q.NoDataChart,{title:t.appLocale.getLocalizedStrings().chartCard.no_data_available})}):n.jsxRuntimeExports.jsx(te,{windowSize:o,children:n.jsxRuntimeExports.jsx(n.AutoSizer,{children:({height:s,width:l})=>n.jsxRuntimeExports.jsx(Z.ArAgingChart,{isDetailPage:!0,report:e,width:l,height:s})})})}function we({nestedCustomer:e,numOfBalances:o,title:r,config:s,parentNodeIDs:l,ancestorMetadata:a}){return{children:[],id:C.uniqueID("ac_subentity_total",l),isLastNode:!1,reportElementData:{element:{kind:"ac_subentity_total",title:r,data:e,numOfBalances:o,metadata:a},config:s}}}function ne({agingBalances:e,numOfBalances:o,title:r,isLastNode:s,config:l,parentNodeIDs:a,ancestorMetadata:d}){const c=C.uniqueID("aging_report_row",[],r),i={children:[],id:c,isLastNode:s,reportElementData:{element:{kind:"aging_report_row",title:r,data:e,numOfBalances:o,metadata:d},config:l}},m=e.children.map((g,p)=>ne({agingBalances:g,numOfBalances:o,title:g.customer.name,config:l,isLastNode:p===e.children.length-1,parentNodeIDs:[...a,c],ancestorMetadata:{vendorOrCustomerAncestorMetadata:[...d.vendorOrCustomerAncestorMetadata,{depth:g.id.length-1,hasSibling:e.children.length>1,hasChildren:g.children.length>0,isLastNode:p===e.children.length-1,name:g.customer.name}]}}));return i.children.push(...m),e.children.length>0&&i.children.push(we({config:l,nestedCustomer:e,numOfBalances:o,title:e.customer.name,parentNodeIDs:a,ancestorMetadata:d})),i}function Ce({agingBalances:e,numOfBalances:o,title:r,isLastNode:s,config:l}){const a=C.uniqueID("aging_report_row",[],r);return{children:[],id:a,isLastNode:s,reportElementData:{element:{kind:"aging_report_row",title:r,data:e,numOfBalances:o},config:l}}}function M({agingPeriods:e,config:o,nodeId:r}){return{children:[],id:r??C.uniqueID("timeframe_header",[]),isLastNode:!1,reportElementData:{element:{kind:"timeframe_headers",title:"",data:e,numOfBalances:e.length},config:o}}}function oe({title:e,balances:o,config:r,numOfBalances:s,nodeId:l}){return{children:[],id:l??C.uniqueID("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,numOfBalances:s,data:o},config:r}}}const De=(e,o,r=!0)=>{const{agingPeriods:s,totalBalances:l,agingBalances:a}=e,d=s.length,c=M({agingPeriods:s,config:o}),i=[];i.push(c);const m=a.map((p,u)=>Ce({agingBalances:p,title:p.vendor.name,numOfBalances:d,isLastNode:u===a.length-1,config:o}));i.push(...m);const g=oe({title:t.appLocale.getLocalizedStrings().chartCard.total,balances:l,config:o,numOfBalances:d});return i.push(g),[...Array(1)].forEach((p,u)=>{i.push(X.mapSpacerToTreeNode({title:`${u}+${t.appLocale.getLocalizedStrings().common.loading}`,balances:[],config:o}))}),{config:o,headerNodes:r?[c]:[],contentNodes:i}},Ee=(e,o,r=!0)=>{const{agingPeriods:s,totalBalances:l,agingBalances:a}=e,d=s.length,c=M({agingPeriods:s,config:o}),i=[];i.push(c);const m=a.map((p,u)=>ne({agingBalances:p,title:p.customer.name,numOfBalances:d,isLastNode:u===a.length-1,config:o,parentNodeIDs:[],ancestorMetadata:{vendorOrCustomerAncestorMetadata:[{depth:0,hasSibling:a.length>1,hasChildren:p.children.length>0,isLastNode:u===a.length-1}]}}));i.push(...m);const g=oe({title:t.appLocale.getLocalizedStrings().chartCard.total,balances:l,config:o,numOfBalances:d});return i.push(g),[...Array(1)].forEach((p,u)=>{i.push(X.mapSpacerToTreeNode({title:`${u}+${t.appLocale.getLocalizedStrings().common.loading}`,balances:[],config:o}))}),{config:o,headerNodes:r?[c]:[],contentNodes:i}};function ae(e,o,r,s=!0){Object.assign(e.config,o);const{agingPeriods:l}=r,a=M({agingPeriods:l,config:o});return{config:o,headerNodes:s?[a]:[],contentNodes:[a,...e.contentNodes.slice(1)]}}const D={contentPaddingLeft:new t.ResponsiveSized(t.sp[0],t.sp[0],t.sp[0]),contentPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[3],t.sp[8]),wrapperPadding:new t.ResponsiveSized(t.sp[3],t.sp[3],t.sp[8])},P=f.div`
+  display: flex;
+  position: sticky;
+  justify-content: center;
+  padding-top: ${e=>D.wrapperPadding.valuePx(e.windowSize)};
+  padding-left: ${e=>D.wrapperPadding.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+`,re=f.div`
+  width: 100%;
+  height: calc(100vh - ${t.Space.sp11});
+`;function _e({report:e,onSortOrderChange:o,onEntityNameClick:r,onNodeCollapseToggled:s}){return e.reportId==="accounts_payable_aging"?n.jsxRuntimeExports.jsx(be,{report:e,onSortOrderChange:o,onEntityNameClick:r}):n.jsxRuntimeExports.jsx(Te,{report:e,onSortOrderChange:o,onEntityNameClick:r,onNodeCollapseToggled:s})}function be({report:e,onSortOrderChange:o,onEntityNameClick:r}){const[s,l]=x.useState(void 0),[a,d]=x.useState(void 0),c=t.useWindowSizeContext(),i=n.useTheme(),m=!(c==="small"||c==="medium-compact"),g=x.useCallback((p,u)=>{o(p,u)},[o]);return x.useEffect(()=>{const p={reportId:e.reportId,mode:"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:!0,agingReportConfig:{sortKey:e.apAgingUIState.sortKey,sortOrder:e.apAgingUIState.sortOrder,onSortOrderChanged:g,onEntityNameClick:r}};if(a==null||!n.isEqual(s,e)){const u=De(e,p,m);l(e),d(u)}else{const u=ae(a,p,e,m);d(u)}},[e,g]),e.agingBalances.length===0?n.jsxRuntimeExports.jsx(P,{windowSize:c,children:n.jsxRuntimeExports.jsx(V.NoDataTable,{})}):a!=null?n.jsxRuntimeExports.jsx(P,{windowSize:c,children:n.jsxRuntimeExports.jsx(re,{numOfRows:e.agingBalances.length,children:n.jsxRuntimeExports.jsx(C.CollapsableReportTable,{backgroundColor:new n.Color(i.colors.grey4),rootNodes:a,type:"name+balances_actual",isSticky:{isStickyHeader:m,isStickyName:m},treeNodePadding:{left:D.contentPaddingLeft.value(c),right:D.contentPaddingRight.value(c)},nodeOpenStatus:{},compareMode:"compare_mode_amount"})})}):null}function Te({report:e,onSortOrderChange:o,onEntityNameClick:r,onNodeCollapseToggled:s}){const[l,a]=x.useState(void 0),[d,c]=x.useState(void 0),i=t.useWindowSizeContext(),m=n.useTheme(),g=!(i==="small"||i==="medium-compact"),p=x.useCallback((u,j)=>{o(u,j)},[o]);return x.useEffect(()=>{const u={reportId:e.reportId,mode:"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:!0,agingReportConfig:{sortKey:e.arAgingUIState.sortKey,sortOrder:e.arAgingUIState.sortOrder,onSortOrderChanged:p,onEntityNameClick:r}};if(d==null||!n.isEqual(l,e)){const j=Ee(e,u,g);a(e),c(j)}else{const j=ae(d,u,e,g);c(j)}},[e,p]),e.agingBalances.length===0?n.jsxRuntimeExports.jsx(P,{windowSize:i,children:n.jsxRuntimeExports.jsx(V.NoDataTable,{})}):d!=null?n.jsxRuntimeExports.jsx(P,{windowSize:i,children:n.jsxRuntimeExports.jsx(re,{numOfRows:e.agingBalances.length,children:n.jsxRuntimeExports.jsx(C.CollapsableReportTable,{backgroundColor:new n.Color(m.colors.grey4),rootNodes:d,type:"name+balances_actual",isSticky:{isStickyHeader:g,isStickyName:g},treeNodePadding:{left:D.contentPaddingLeft.value(i),right:D.contentPaddingRight.value(i)},nodeOpenStatus:e.arAgingUIState.nodeCollapseState,onNodeCollapseToggled:s,compareMode:"compare_mode_amount"})})}):null}const Ne={summaryColumnGap:new t.ResponsiveSized(t.sp[2],t.sp[1],t.sp[1],t.sp[2],t.sp[6])},Ae=f.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+  overflow: auto;
+  column-gap: ${e=>Ne.summaryColumnGap.valuePx(e.windowSize)};
+`,U=f.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,K=f(t.StandardRegular)`
+  color: ${e=>e.theme.colors.grey1};
+  text-wrap: nowrap;
+  width: fit-content;
+`,G=f(t.StandardMedium)`
+  color: ${e=>e.theme.colors.primary};
+`;function ve({totalBalances:e,reportId:o}){const r=x.useMemo(()=>fe.calculateTotalBalance(e),[e]),s=t.useWindowSizeContext();return n.jsxRuntimeExports.jsxs(Ae,{windowSize:s,children:[e.map(l=>{const{period:a}=l;return n.jsxRuntimeExports.jsxs(U,{children:[n.jsxRuntimeExports.jsx(K,{children:t.appLocale.getLocalizedStrings().reports.aging.duration[a]}),n.jsxRuntimeExports.jsx(G,{children:t.amountToString("0,0",l?.balance)})]},a)}),n.jsxRuntimeExports.jsxs(U,{children:[n.jsxRuntimeExports.jsx(K,{children:o==="accounts_payable_aging"?t.appLocale.getLocalizedStrings().reports.aging.apAging.totalPayable:t.appLocale.getLocalizedStrings().reports.aging.arAging.totalReceivable}),n.jsxRuntimeExports.jsx(G,{children:t.amountToString("0,0",r?.balance)})]})]})}const $={wrapperPadding:new t.ResponsiveSized(t.sp[3],t.sp[3],t.sp[8]),navbarMarginBottom:new t.ResponsiveSized(t.sp[7],t.sp[4])},{download:L,dateFormat:w,reports:{common:Pe,aging:T}}=t.appLocale.getLocalizedStrings();function ke(e){const o=n.useTheme(),[r,s]=x.useState(!1),l=t.useWindowSizeContext(),{report:a,uiState:d,downloadParams:c,analytics:i,onSelectedDateChanged:m,onBackClick:g,onSearchTextChange:p,onReloadReport:u,onSortOrderChange:j,onEntityNameClick:ie,updateDownloadStateHandler:k,onNodeCollapseToggled:le}=e,{fetchState:E,reportTitle:ce,reportId:R}=a,{searchString:_,downloadState:N,sortKey:O,sortOrder:z,selectedDate:S,agingDateSelectionType:Y}=d,{authParams:B,downloadEndPoint:q,timezone:F}=c,W=x.useCallback((h,y)=>{const b=J(y);m(h,b),i.trackAgingReportDateChange(v.getReferrerType(R),S!=null?S.format(w.analytics.YYYYDashMMDashDDFormat):A.dateNow().format(w.analytics.YYYYDashMMDashDDFormat),h.format(w.analytics.YYYYDashMMDashDDFormat),b)},[i,m,R,S]),H=x.useCallback(h=>{const y=xe.findSelectedPreComputedOption({options:T.preComputedDurationOptions.map(({label:I,value:ge})=>({label:I,value:A.toCOABalanceTimeframe(ge)})).filter(({value:I})=>I!=null),selectedDate:h}),b=J(y);m(h,b),i.trackAgingReportDateChange(v.getReferrerType(R),S!=null?S.format(w.analytics.YYYYDashMMDashDDFormat):A.dateNow().format(w.analytics.YYYYDashMMDashDDFormat),h.format(w.analytics.YYYYDashMMDashDDFormat),b)},[i,m,R,S]),de=x.useCallback((h,y)=>{j(h,y),i.trackAgingReportSortChange(v.getReferrerType(R),y,h)},[i,j,R]),pe=x.useCallback(()=>n.jsxRuntimeExports.jsx(he.ZeniDatePicker,{maxDate:A.dateNow(),selectedDate:{date:S},precomputedOptionsProperties:{preComputedOptionSelected:Be(Y),preComputedOptionDateFormat:w.visual.MMMDCommaYYYYformat,preComputedOptions:T.preComputedDurationOptions,onPreComputedOptionSelected:W},onSelectedDateChanged:H}),[S,W,H,Y]);if(x.useEffect(()=>{async function h(){const y={companyName:c.companyName,searchString:_,sortKey:O,sortOrder:z,statementFileType:"excel",timezone:F,reportId:R==="accounts_receivable_aging"?"accounts_receivable_aging":"accounts_payable_aging",reportDate:S};await Oe(q,B,y),k("Completed"),i.trackAgingReportDownloadClick(v.getReferrerType(R),O,z)}r&&N!=="In-Progress"&&(s(!1),k("In-Progress"),h())},[B,q,c.companyName,N,r,R,_,O,z,k,S,i,F]),E==="Error")return n.jsxRuntimeExports.jsxs(ze,{children:[n.jsxRuntimeExports.jsx(Ie,{onClick:u,children:n.jsxRuntimeExports.jsx(t.SvgReload,{})}),n.jsxRuntimeExports.jsx(Le,{children:Pe.failed})]});const ue=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(t.ListPageSearchSection,{isSearchOpen:(_?.length??0)>0,searchPlaceHolder:R==="accounts_payable_aging"?T.apAging.searchPlaceholder:T.arAging.searchPlaceholder,searchText:_??"",onSearchTextChanged:h=>{p(h)},downloadPresent:!0}),n.jsxRuntimeExports.jsx(t.DownloadButton,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:!1,isDownloading:N==="In-Progress"}],onDownloadClick:async h=>{if(h==="excel")if(N==="In-Progress"){console.log("Download is already in progress!");return}else s(!0)}}}})]});return n.jsxRuntimeExports.jsxs($e,{children:[n.jsxRuntimeExports.jsx(t.NavBar,{title:ce,subTitle:pe(),backgroundColor:o.colors.grey5,onBackClick:g,rightSideComponent:ue,downloadPresent:!0,style:{marginBottom:$.navbarMarginBottom.valuePx(l)},source:"AgingReportsPage"}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:E==="In-Progress"||E==="Not-Started",children:n.jsxRuntimeExports.jsx(me.BusyIndication,{fetchState:E})}),n.jsxRuntimeExports.jsxs(t.ControlledComponent,{controller:E==="Completed",children:[n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:_.length===0,children:n.jsxRuntimeExports.jsxs(Ye,{windowSize:l,children:[n.jsxRuntimeExports.jsx(Me,{children:n.jsxRuntimeExports.jsx(ve,{reportId:R==="accounts_payable_aging"?"accounts_payable_aging":"accounts_receivable_aging",totalBalances:a.totalBalances})}),n.jsxRuntimeExports.jsx(Se,{report:a})]})}),n.jsxRuntimeExports.jsx(_e,{report:a,onSortOrderChange:de,onEntityNameClick:ie,onNodeCollapseToggled:le})]})]})}async function Oe(e,o,r){const s=`${e}?query=${encodeURIComponent(JSON.stringify(se(r)))}`,l=T.arAging;try{const a=await t.fetchRequest({urlEndPoint:s,authParams:o,fileType:"excel"});if(a.ok){const d=t.getFileNameFromResponseHeaders(a.headers,L.defaultFileName),c=await a.arrayBuffer();n.fileDownload(c,d)}else console.error(`${L.errorMessages.fileDownloadError.replace("__feature__",l.arAging)} ${a.statusText}`)}catch(a){console.error(`${L.errorMessages.fileDownloadError.replace("__feature__",l.arAging)} ${JSON.stringify(a)}`)}}function se(e){return{statement_file_type:e.statementFileType,search_string:e.searchString,report_id:e.reportId,company_name:e.companyName,locale_id:t.appLocale.getAppLocaleID(),sort_key:e.sortKey,sort_order:e.sortOrder,report_date:e.reportDate,timezone:e.timezone}}const ze=f.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Ie=f.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${t.Space.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Le=f(t.SmallRegularSp)`
+  margin-top: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,$e=f.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100vh;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding: ${t.Space.sp0};
+  gap: 2px;
+`,Me=f.div`
+  margin-bottom: ${t.Space.sp6};
+`,Ye=f.div`
+  position: relative;
+  box-shadow: ${e=>`2px 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>$.wrapperPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>$.wrapperPadding.valuePx(e.windowSize)};
+`,Be=e=>{switch(e){case"last_month":return"month";case"last_quarter":return"quarter";default:return}},J=e=>e==="month"?"last_month":e==="quarter"?"last_quarter":"custom_date";exports.default=ke;exports.toDownloadAgingReportOptionsPayload=se;

package/dist/AllUserItems-B9n8R-_Z.cjs

@@ -0,0 +1,192 @@
+"use strict";const o=require("./vendor-.pnpm-DBR6vHWn.cjs"),p=require("@emotion/styled"),A=require("@zeniai/client-epic-state"),t=require("./index-BMqHLOEI.cjs"),M=require("react"),J=require("./LabeledEmailInputField-CgMZJapN.cjs"),K=require("./LabeledSingleSelectWithoutClearableField-CNIcqumt.cjs"),X=require("./LabeledUserSingleSelectWithSubtitlesField-BfD-6wTA.cjs"),q=require("./LabeledZeniRolesDropDownField-CTJx7RYa.cjs"),N=(e,i)=>`${e}.${i}`,k={largeLabelWidth:new t.ResponsiveSized(120,120,160),paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),textFieldPaddingHorizontal:new t.ResponsiveSized(t.sp[2],t.sp[3]),toolTipWidth:new t.ResponsiveSized(215,237)},x=t.appLocale.getLocalizedStrings().peoplePage,le=({user:e,sectionId:i,mode:s,managersList:r,classList:l,controllersList:g,customerRoleOptions:j,isBankingOnlyTenant:u,isCardsOnlyTenant:R,isEdit:C,person:h,analytics:v})=>{const b=t.useWindowSizeContext(),E=k.largeLabelWidth.value(b),{setValue:P}=o.useFormContext(),I=o.cloneDeep(g),f=I.splice(0,1),W=I.reduce((n,a)=>n.concat(`${a.email},`),""),F=M.useMemo(()=>o.cloneDeep(t.ZeniRolesConstants.roles),[]),m=A.hasInvestorBankerLevelAccess(e.role);return M.useEffect(()=>{(m||u||R)&&P("userItems.0.department",{allOptions:[],selectedOption:void 0}),m&&P("userItems.0.manager",{allUsers:[],selectedUser:void 0})},[m,u,R]),o.jsxRuntimeExports.jsxs(re,{windowSize:b,"data-testid":t.generateDataTestId("edit-people-user-item-section"),children:[o.jsxRuntimeExports.jsx(J.LabeledEmailInputField,{label:x.invitePage.email,name:N(i,"email"),registerOptions:{required:!0,value:e.email,disabled:!0},placeholder:t.getPlaceholderTextWithPrefix$1(x.addPlaceholderPrefix,x.invitePage.email),style:{paddingTop:t.Space.sp2,paddingBottom:t.Space.sp2}}),o.jsxRuntimeExports.jsx(H,{}),s==="off"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(q.LabeledRolesDropDownField,{label:{label:x.invitePage.role,width:E},style:{width:"auto"},rolesDropDownField:{name:N(i,"nonZeniRole"),defaultValue:{userRole:{selectedRole:t.getSelectedRootRole(e.role),allRootRole:t.getAllRootRoles(u,R)},productsByUserRole:t.getProductWiseRoleOptions(e.role,j)},registerOptions:{required:!0}}}),o.jsxRuntimeExports.jsx(H,{}),o.jsxRuntimeExports.jsx(X.LabeledUserSingleSelectWithSubtitlesField,{label:{label:x.invitePage.manager,width:E},showTooltip:!0,toolTipWidth:k.toolTipWidth.valuePx(b),tooltipTitle:o.jsxRuntimeExports.jsx(se,{}),userSingleSelectWithSubTitlesField:{name:N(i,"manager"),value:{allUsers:r,selectedUser:e?.managerId?e?.managerId:"no_manager"},valueToSubtitle:n=>{const a=r.findIndex(d=>d.userId===n);if(a!==-1){const d=r[a],$=l.find(D=>D.classId===d.userRole.accountingClassIDs[0]),w=[];return $!=null&&w.push($.className),w}else return[]},placeholderLabel:m?x.notApplicable:t.getPlaceholderTextWithPrefix$1(x.selectPlaceholderPrefix,x.invitePage.manager),registerOptions:{required:!m},showOneOffLabel:{label:"No Manager",value:"no_manager",position:"top",subtitles:[]},isDisabled:m?"disabled":void 0,isOptionDisabled:n=>n===h?.user?.userId},style:{width:"auto"},isDisabled:m?"disabled":void 0,opacity:m?.32:1}),o.jsxRuntimeExports.jsx(H,{}),o.jsxRuntimeExports.jsx(K.LabeledSingleSelectWithoutClearableField,{label:{label:x.invitePage.department,width:E},singleSelectWithoutClearableField:{name:N(i,"department"),defaultValue:{allOptions:l.map(n=>({label:n.fullyQualifiedAccountingClassName??"",value:n.classId,hoverText:n.accountingClassNumber})),selectedOption:l.map(n=>({label:n.fullyQualifiedAccountingClassName??"",value:n.classId,hoverText:n.accountingClassNumber})).find(n=>n.value===e.departmentId)},placeholder:m||u||R?x.notApplicable:t.getPlaceholderTextWithPrefix$1(x.selectPlaceholderPrefix,x.invitePage.department),registerOptions:{required:!m||!(u||R)},isDisabled:m||u||R?"disabled":void 0,showOptionOnHover:!0},style:{width:"auto"},isDisabled:m||u||R?"disabled":void 0,opacity:m||u||R?.32:1}),C?null:o.jsxRuntimeExports.jsxs(ne,{windowSize:b,children:[x.invitePage.controllerText,f[0]?o.jsxRuntimeExports.jsxs(ae,{href:`mailto:${f[0].email}?cc=${W}&subject=${encodeURIComponent(x.invitePage.emailSubject)}`,children:[o.jsxRuntimeExports.jsx("span",{children:`${f[0].firstName} ${f[0].lastName}`}),o.jsxRuntimeExports.jsx(t.SvgArrowRight,{className:"arrowIcon"})]}):null]})]}):o.jsxRuntimeExports.jsx(q.LabeledZeniRolesDropDownField,{label:{label:x.invitePage.role,width:E},zeniRolesDropDownField:{name:N(i,"role"),defaultValue:{selectedOptions:e.role,allOptions:F},registerOptions:{required:!0},placeholderLabel:t.getPlaceholderTextWithPrefix$1(x.selectPlaceholderPrefix,x.invitePage.role),isMulti:!0,forZeniUser:!0,onSelectionChanged:n=>{h!=null&&v?.trackRoleChanged(h.userRole.userRoles,n[0],h?.userRole.userEmail)}},style:{width:"auto"}})]})},se=()=>t.appLocale.getLocalizedStrings().peoplePage.invitePage.managerTooltipText,re=p.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  margin-bottom: ${t.Space.sp3};
+  .single-select-field__menu {
+    border: ${e=>e.windowSize==="small"?`1px solid ${e.theme.colors.grey3}`:"unset"};
+  }
+`,H=p.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,ne=p(t.ExtraSmallRegular)`
+  padding: ${e=>`${t.Space.sp1}  ${e.windowSize==="small"?t.Space.sp3:t.Space.sp4}`};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp2};
+  text-align: left;
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
+  gap: ${e=>e.windowSize==="small"?t.Space.sp0:"6px"};
+`,ae=p.a`
+  color: ${e=>e.theme.colors.hero};
+  text-decoration: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  .arrowIcon {
+    cursor: pointer;
+    height: ${t.Space.sp3};
+    width: ${t.Space.sp3};
+  }
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+    .arrowIcon {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,T=(e,i)=>`${e}.${i}`,Q={largeLabelWidth:new t.ResponsiveSized(125,140,160),paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),toolTipWidth:new t.ResponsiveSized(246,250)},c=t.appLocale.getLocalizedStrings().peoplePage,de=({user:e,sectionId:i,mode:s,isZeniTenant:r,managersList:l,classList:g,controllersList:j,index:u,customerRoleOptions:R,isEdit:C,isBankingOnlyTenant:h,isCardsOnlyTenant:v})=>{const b=t.useWindowSizeContext(),{getValues:E,formState:{errors:P},setValue:I}=o.useFormContext(),f=Q.largeLabelWidth.value(b),[W,...F]=j,m=F.map(d=>d.email).join(","),n=M.useMemo(()=>t.ZeniRolesConstants.roles.filter(d=>!["admin","bookkeeping_admin"].includes(d.value)),[]),a=A.hasInvestorBankerLevelAccess(e.role);return M.useEffect(()=>{(a||h||v)&&I(`userItems.${u}.department`,{allOptions:[],selectedOption:void 0}),a&&I(`userItems.${u}.manager`,{allUsers:[],selectedUser:void 0})},[a,h,v]),o.jsxRuntimeExports.jsxs(ue,{windowSize:b,"data-testid":t.generateDataTestId("invite-people-user-item-section"),children:[o.jsxRuntimeExports.jsx(J.LabeledEmailInputField,{label:c.invitePage.email,name:T(i,"email"),registerOptions:{required:!0,value:e.email,validate:{duplicate:d=>!pe(d,E("userItems"),u),notZeniMail:d=>s==="zeni_only"?!0:r||d.map($=>!$.match(t.ZENI_EMAIL_PATTERN)).reduce(($,w)=>$&&w)}},placeholder:t.getPlaceholderTextWithPrefix$1(c.addPlaceholderPrefix,c.invitePage.email),style:{paddingTop:t.Space.sp2,paddingBottom:t.Space.sp2},additionalInfoLabel:ge(E("userItems"),T(i,"email"),u,s,P)}),o.jsxRuntimeExports.jsx(L,{}),s==="off"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(q.LabeledRolesDropDownField,{label:{label:c.invitePage.role,width:f},style:{width:"auto"},rolesDropDownField:{name:T(i,"nonZeniRole"),defaultValue:{userRole:{selectedRole:t.getSelectedRootRole(e.role),allRootRole:t.getAllRootRoles(h,v)},productsByUserRole:t.getProductWiseRoleOptions(e.role,R)},registerOptions:{required:!0}}}),o.jsxRuntimeExports.jsx(L,{}),o.jsxRuntimeExports.jsx(X.LabeledUserSingleSelectWithSubtitlesField,{label:{label:c.invitePage.manager,width:f},showTooltip:!0,toolTipWidth:Q.toolTipWidth.valuePx(b),tooltipTitle:o.jsxRuntimeExports.jsx(ce,{}),userSingleSelectWithSubTitlesField:{name:T(i,"manager"),value:{allUsers:l,selectedUser:e.managerId},valueToSubtitle:d=>{const $=l.findIndex(w=>w.userId===d);if($!==-1){const w=l[$],D=g.find(y=>y.classId===w.userRole.accountingClassIDs[0]),S=[];return D!=null&&S.push(D.className),S}else return[]},placeholderLabel:a?c.notApplicable:t.getPlaceholderTextWithPrefix$1(c.selectPlaceholderPrefix,c.invitePage.manager),registerOptions:{required:!a},isDisabled:a?"disabled":void 0,showOneOffLabel:{label:"No Manager",value:"no_manager",position:"top",subtitles:[]}},style:{width:"auto",height:e.managerId==null?t.Space.sp8:"74px",boxSizing:"border-box"},isDisabled:a?"disabled":void 0,opacity:a?.32:1}),o.jsxRuntimeExports.jsx(L,{}),o.jsxRuntimeExports.jsx(K.LabeledSingleSelectWithoutClearableField,{label:{label:c.invitePage.department,width:f},singleSelectWithoutClearableField:{name:T(i,"department"),defaultValue:{allOptions:g.map(d=>({label:d.fullyQualifiedAccountingClassName??"",value:d.classId,hoverText:d.accountingClassNumber})),selectedOption:g.map(d=>({label:d.fullyQualifiedAccountingClassName??"",value:d.classId,hoverText:d.accountingClassNumber})).find(d=>d.value===e.departmentId)},placeholder:a||h||v?c.notApplicable:t.getPlaceholderTextWithPrefix$1(c.selectPlaceholderPrefix,c.invitePage.department),registerOptions:{required:!a||!(h||v)},isDisabled:a||h||v?"disabled":void 0,showOptionOnHover:!0},style:{width:"auto"},isDisabled:a||h||v?"disabled":void 0,opacity:a||h||v?.32:1}),o.jsxRuntimeExports.jsx(L,{}),C?null:o.jsxRuntimeExports.jsxs(me,{windowSize:b,isDisabled:a,children:[c.invitePage.controllerText,W?o.jsxRuntimeExports.jsx(he,{firstController:[W],isInvestorBanker:a,restControllerEmailsStr:m}):null]})]}):o.jsxRuntimeExports.jsx(q.LabeledZeniRolesDropDownField,{label:{label:c.invitePage.role,width:f},zeniRolesDropDownField:{defaultValue:{allOptions:n,selectedOptions:e.role},name:T(i,"role"),placeholderLabel:t.getPlaceholderTextWithPrefix$1(c.selectPlaceholderPrefix,c.invitePage.role),registerOptions:{required:s==="zeni_only"},isMulti:!1,forZeniUser:!1},style:{width:"auto"}})]})},ce=()=>t.appLocale.getLocalizedStrings().peoplePage.invitePage.managerTooltipText,pe=(e,i,s)=>{const r=i.filter(l=>l.userIndex!==s).map(l=>l.email).flat();return r.length>0&&e.every(l=>r.includes(l))},ue=p.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  margin-bottom: ${t.Space.sp3};
+  .single-select-field__menu {
+    border: ${e=>e.windowSize==="small"?`1px solid ${e.theme.colors.grey3}`:"unset"};
+  }
+`,L=p.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,me=p(t.ExtraSmallRegular)`
+  padding: ${e=>`${t.Space.sp1}  ${e.windowSize==="small"?t.Space.sp3:t.Space.sp4}`};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp2};
+  text-align: left;
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
+  gap: ${e=>e.windowSize==="small"?t.Space.sp0:"6px"};
+  opacity: ${e=>e.isDisabled?.32:1};
+`,xe=p.a`
+  color: ${e=>e.theme.colors.hero};
+  text-decoration: none;
+  cursor: ${e=>e.isDisabled?"unset":"pointer"};
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  .arrowIcon {
+    cursor: pointer;
+    height: ${t.Space.sp2};
+    width: ${t.Space.sp2};
+  }
+  :hover {
+    color: ${e=>e.isDisabled?e.theme.colors.grey1:e.theme.colors.primary};
+    .arrowIcon {
+      color: ${e=>e.isDisabled?e.theme.colors.grey1:e.theme.colors.primary};
+    }
+  }
+`,ge=(e,i,s,r,l)=>{if(o.has(l,i)&&l?.userItems&&l?.userItems[s]?.email)switch(l?.userItems[s]?.email.type){case"required":return c.invitePage.defaultHelpText;case"pattern":return e[s].email.forEach(u=>{if(!t.EMAIL_PATTERN.test(u))return c.invitePage.defaultHelpText}),r==="zeni_only"?c.invitePage.otherThanZeniMailIDForZeniModeText:c.invitePage.zeniMailIDForNormalModeText;case"duplicate":return c.invitePage.emailAlreadyExist;case"notZeniMail":return c.invitePage.zeniMailIDForNormalModeText;case"validate":return c.invitePage.defaultHelpText;default:return}},he=({isInvestorBanker:e,firstController:i,restControllerEmailsStr:s})=>{let r="";const l=i[0];return l?.firstName&&l?.lastName?r=`${l?.firstName} ${l?.lastName}`:l?.firstName?r=l?.firstName:l?.lastName?r=l?.lastName:r=l?.email??"",o.jsxRuntimeExports.jsxs(xe,{isDisabled:e,href:e?void 0:`mailto:${i[0]?.email}?cc=${s}&subject=${encodeURIComponent(c.invitePage.emailSubject)}`,children:[o.jsxRuntimeExports.jsx("span",{children:r}),o.jsxRuntimeExports.jsx(t.SvgArrowRight,{className:"arrowIcon"})]})},Se=e=>o.jsxRuntimeExports.jsx(Re,{style:e.style,"data-testid":t.generateDataTestId("user-item-section"),children:e.isEdit?o.jsxRuntimeExports.jsx(le,{...e}):o.jsxRuntimeExports.jsx(de,{...e})}),Re=p.div`
+  display: flex;
+  flex-direction: column;
+`,U={paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),buttonWidth:new t.ResponsiveSized(70,70),marginBottom:new t.ResponsiveSized(12,t.sp[3]),marginRight:new t.ResponsiveSized(t.sp[2],t.sp[3]),deleteContentMarginLeft:new t.ResponsiveSized(t.sp[0],t.sp[3]),sectionHeaderTitlePaddingTop:new t.ResponsiveSized(t.sp[2],t.sp[2]),containerPaddingTop:new t.ResponsiveSized(t.sp[0],t.sp[3]),addUserWrapperGap:new t.ResponsiveSized(t.sp[1],t.sp[2])},ve=(e,i,s,r,l,g,j)=>({userIndex:e,email:[],role:r==="zeni_only"?{allOptions:t.ZeniRolesConstants.roles,selectedOptions:[]}:void 0,nonZeniRole:r!=="zeni_only"?{userRole:{selectedRole:void 0,allRootRole:t.getAllRootRoles(g,j)},productsByUserRole:t.getProductWiseRoleOptions([],l)}:void 0,manager:{allUsers:i,selectedUser:void 0},department:{allOptions:s.map(u=>({label:u.className,value:u.classId})),selectedOption:void 0}}),z=t.appLocale.getLocalizedStrings().peoplePage,je=({isDisabled:e,control:i,deleteConfirmationIndex:s,updateDeleteConfirmationIndex:r,style:l,sectionId:g,mode:j,isZeniTenant:u,managersList:R,classList:C,controllersList:h,customerRoleOptions:v,isBankingOnlyTenant:b,isCardsOnlyTenant:E,isEdit:P=!1,person:I,analytics:f})=>{const{getValues:W}=o.useFormContext(),{append:F,remove:m}=o.useFieldArray({name:g,control:i}),n=t.useWindowSizeContext(),a=W().userItems,d=()=>{const S=a.length-1,y=ve(S+1,R,C,j,v,b,E);setTimeout(()=>F(y,{shouldFocus:!0}))},$=S=>{r(S)},w=()=>{r(-1)},D=()=>{setTimeout(()=>m(s)),r(-1)};return o.jsxRuntimeExports.jsxs(we,{style:l,windowSize:n,"data-testid":t.generateDataTestId("user-items"),children:[a.length>0?a.map((S,y)=>{const ie=a.length;let Z={};if(j==="zeni_only")Z={email:S.email,role:$e(S.role.selectedOptions,P)??void 0};else{const O=S.nonZeniRole?.userRole.selectedRole,_=O!=null?(S.nonZeniRole?.productsByUserRole[O]??[]).map(B=>A.toUserRoleTypeStrict(B.selectedOption?.value)).filter(B=>B!=null):[],V=_.length>0?A.hasInvestorBankerLevelAccess(_):!1;Z={email:S.email,role:_,managerId:V?void 0:S.manager?.selectedUser,departmentId:V?void 0:S.department?.selectedOption?.value}}return o.jsxRuntimeExports.jsxs(Ee,{"data-testid":t.generateDataTestId("user-item",S.userIndex.toString()),children:[P?null:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:ie>1?o.jsxRuntimeExports.jsx(G,{windowSize:n,children:o.jsxRuntimeExports.jsx(be,{curIndex:y,isDisabled:e,deleteConfirmationIndex:s,onDeleteClick:$,onCancelClick:w,onRemoveUserItem:D})}):o.jsxRuntimeExports.jsx(G,{windowSize:n,children:o.jsxRuntimeExports.jsx(ee,{children:o.jsxRuntimeExports.jsx(oe,{children:o.jsxRuntimeExports.jsx(te,{windowSize:n,children:z.invitePage.user})})})})}),o.jsxRuntimeExports.jsx(Se,{isDisabled:e,sectionId:`${g}.${y}`,control:i,user:Z,mode:j,isZeniTenant:u,managersList:R,classList:C,controllersList:h,customerRoleOptions:v,isBankingOnlyTenant:b,isCardsOnlyTenant:E,isEdit:P,person:I,analytics:f,index:y}),s===y&&n==="small"?o.jsxRuntimeExports.jsx(ze,{children:o.jsxRuntimeExports.jsx(Y,{onCancelClick:w,onRemoveUserItem:D})}):null]},y)}):null,P?null:o.jsxRuntimeExports.jsxs(We,{"data-testid":t.generateDataTestId("all-user-items-add-user-button"),windowSize:n,onClick:()=>{d?.()},children:[o.jsxRuntimeExports.jsx(Te,{}),o.jsxRuntimeExports.jsx(Ue,{children:`${z.invitePage.add} ${z.invitePage.user}`})]})]})},be=({curIndex:e,deleteConfirmationIndex:i,onDeleteClick:s,onCancelClick:r,onRemoveUserItem:l,isDisabled:g})=>{const j=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(ee,{children:[o.jsxRuntimeExports.jsx(oe,{children:o.jsxRuntimeExports.jsx(te,{windowSize:j,children:`#${e+1} ${z.invitePage.user}`})}),g===void 0?o.jsxRuntimeExports.jsx(fe,{curIndex:e,deleteConfirmationIndex:i,onDeleteClick:s,onCancelClick:r,onRemoveUserItem:l}):null]})},fe=({curIndex:e,deleteConfirmationIndex:i,onDeleteClick:s,onCancelClick:r,onRemoveUserItem:l})=>{const g=t.useWindowSizeContext();return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:g==="small"?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:i!==e?o.jsxRuntimeExports.jsx(Ce,{"data-testid":t.generateDataTestId("delete-icon",e.toString()),onClick:()=>s(e)}):null}):o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:i===e?o.jsxRuntimeExports.jsx(ye,{children:o.jsxRuntimeExports.jsx(Y,{onCancelClick:r,onRemoveUserItem:l})}):o.jsxRuntimeExports.jsx(Pe,{"data-testid":t.generateDataTestId("all-user-items-delete-icon-wrapper"),className:"delete-icon-wrapper",onClick:()=>s(e),children:o.jsxRuntimeExports.jsx(t.Tooltip,{style:{padding:"2px 5px"},enterDelay:600,title:z.invitePage.remove,placement:"left",children:o.jsxRuntimeExports.jsx(De,{})})})})})},Y=({onCancelClick:e,onRemoveUserItem:i})=>{const s=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[z.invitePage.deleteConfirmation,o.jsxRuntimeExports.jsxs(Ie,{windowSize:s,"data-testid":t.generateDataTestId("delete-confirmation-wrapper"),children:[o.jsxRuntimeExports.jsx(t.Button,{"data-testid":t.generateDataTestId("delete-confirmation-cancel-button"),label:z.invitePage.cancel,onClick:e,style:{width:U.buttonWidth.value(s),marginRight:t.Space.sp3},size:"small",variant:"secondary"}),o.jsxRuntimeExports.jsx(t.Button,{"data-testid":t.generateDataTestId("delete-confirmation-remove-button"),label:z.invitePage.remove,onClick:i,style:{width:U.buttonWidth.value(s)},size:"small",variant:"danger"})]})]})},$e=(e,i)=>i?e:e!=null?[e]:[],we=p.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${e=>U.containerPaddingTop.valuePx(e.windowSize)};
+`,Ee=p.div`
+  .delete-icon-wrapper {
+    visibility: hidden;
+  }
+  &:hover {
+    .delete-icon-wrapper {
+      visibility: visible;
+    }
+  }
+`,ee=p(t.LargeMedium)`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  color: ${e=>e.theme.colors.champion};
+  margin-top: ${t.Space.sp3};
+  height: ${t.Space.sp5};
+`,te=p(t.LargeMedium)`
+  color: ${e=>e.theme.colors.primary};
+`,oe=p.div`
+  display: flex;
+  align-items: center;
+`,Pe=p.div`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  cursor: pointer;
+  position: relative;
+`,ye=p(t.StandardRegular)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  align-items: center;
+`,ze=p.div`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  padding: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp7};
+  gap: ${t.Space.sp2};
+`,Ie=p.div`
+  display: flex;
+  margin-left: ${e=>U.deleteContentMarginLeft.valuePx(e.windowSize)};
+`,G=p.div`
+  display: flex;
+  margin-bottom: ${e=>U.marginBottom.valuePx(e.windowSize)};
+`,De=p(t.SvgDelete)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${t.Colors.important};
+  }
+`,Ce=p(t.SvgDelete)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  cursor: pointer;
+  color: ${t.Colors.important};
+`,We=p(t.StandardRegular)`
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  gap: ${e=>U.addUserWrapperGap.valuePx(e.windowSize)};
+
+  width: auto;
+  height: ${t.Space.sp8};
+
+  border: 1px solid ${e=>e.theme.colors.hero};
+  border-radius: ${t.Space.sp2};
+  color: ${e=>e.theme.colors.grey1};
+  box-sizing: border-box;
+  &:hover {
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+    div {
+      color: ${e=>e.theme.colors.primary};
+    }
+    color: ${e=>e.theme.colors.primary};
+    border-color: ${e=>e.theme.colors.primary};
+  }
+  margin-top: ${t.Space.sp3};
+  margin-bottom: ${t.Space.sp9};
+`,Te=p(t.SvgAddRound)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,Ue=p(t.StandardMedium)`
+  color: ${e=>e.theme.colors.hero};
+`;exports.AllUserItems=je;