@zeniai/web-cockpit-ui 1.14.82-qa → 1.14.83-dev

package/dist/assets/AddToWalletPage-D45TGyNS-FyEeS4ax.js

@@ -0,0 +1,344 @@
+import{u as H,a7 as re,a$ as le,a as L,j as i,cf as ne,s as p,ks as de,kM as pe,b as t,kt as ce,B as I,bm as W,R as m,d as $,e as b,kN as he,d6 as ge,C as s,kO as xe,cb as me,dJ as ue,ah as we,t as $e,ky as be}from"./index-2CdI-B2B.js";import{a as h}from"./core-tlHkQPPu.js";import{n as o,c as A}from"./mui-kiGMfX4-.js";import{eI as ye}from"./zeni-epic-state-Bo1aGezX.js";import{C as fe,t as je,r as ve,l as Se,a as Ce,n as ke,i as Te}from"./add-to-wallet-D7W5Y5Hm-zBGkMLf1.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const ze=({options:e,selected:a,onToggle:g,containerStyle:l={},optionStyle:f={},thumbStyle:C={}})=>{const u=e.findIndex(n=>n.id===a),w=100/e.length;return i.jsxs(Ie,{style:l,children:[i.jsx(We,{style:{width:w-1+"%",...u===0?{left:"1%"}:u===e.length-1?{left:(e.length-1)*w+"%"}:{left:u*w+"%"},...C}}),e.map(n=>i.jsx(Ae,{style:f,active:n.id===a,"data-testid":n.dataTestId,onClick:j=>{j.preventDefault(),g(n.id)},children:n.label},n.id))]})},Ie=o.div`
+  position: relative;
+  width: 100%;
+  background: ${e=>e.theme.colors.grey3};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  border-radius: 100px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: ${t.sp2} 0;
+  box-sizing: border-box;
+`,We=o.div`
+  position: absolute;
+  background: ${e=>e.theme.colors.grey5};
+  box-shadow: ${t.sp0} 1px 2px ${s.boxShadowElevation};
+  border-radius: 50px;
+  transition:
+    left 0.3s ease,
+    width 0.3s ease;
+  z-index: 1;
+  padding-top: 20px;
+  padding-bottom: 20px;
+`,Ae=o.button`
+  ${$e.smallMedium.cssObject};
+  position: relative;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${e=>e.active?e.theme.colors.primary:s.heroLight};
+  z-index: 2;
+  cursor: pointer;
+  user-select: none;
+  border: none;
+  background: none;
+  padding: ${t.sp0};
+  transition: color 0.3s ease;
+  padding-top: ${t.sp1};
+  padding-bottom: ${t.sp1};
+`,{spendManagement:{chargeCard:{chargeCardsPromo:B,cardDetails:d}}}=L.getLocalizedStrings(),c={chargeCardWidth:new m(200,384),chargeCardHeight:new m(128,240),openWalletIconWidthHeight:new m(20,p[4]),headingMarginTop:new m(p[4],p[7]),headingMarginBottom:new m(p[6],p[9])},y={headingFont:new $("h6Medium","h4Regular"),subheadingFont:new $("standardRegular","h6Regular"),walletTitleFont:new $("standardSemiBold","largeSemiBold"),walletSubTitleFont:new $("extraSmallRegular","standardRegular")},Be=(e,a,g)=>i.jsxs(ti,{translatePhone:e,showIphone:g,children:[i.jsxs(oi,{children:[i.jsx(hi,{children:B.timeText}),i.jsxs(ai,{children:[i.jsx(ri,{children:[...Array(4).keys()].map(l=>i.jsx(li,{towerIndex:l},l))}),i.jsx(ni,{children:i.jsx(S,{className:"wave",children:i.jsx(S,{className:"wave",children:i.jsx(S,{className:"wave"})})})}),i.jsx(di,{children:i.jsx(pi,{})}),i.jsx(ci,{})]})]}),i.jsxs(ii,{children:[i.jsxs(Ze,{children:[i.jsx(qe,{showTick:a}),i.jsx(Qe,{showTick:a}),i.jsx(_e,{showTick:a}),i.jsx(ei,{showTick:a}),i.jsxs(mi,{translateCardSkelton:e,children:[i.jsx(wi,{}),[...Array(4).keys()].map(l=>i.jsx(ui,{lineIndex:l},l))]}),a?null:i.jsx($i,{children:i.jsx(he,{scannerTheme:"light"})})]}),i.jsx(gi,{showTick:a}),i.jsx(xi,{showTick:a,children:B.addToWallet})]}),i.jsx(si,{})]}),D=({tabType:e})=>{const a=H();return i.jsxs(Ee,{children:[i.jsxs(F,{children:[i.jsx(Le,{children:i.jsx(Ne,{windowSize:a})}),i.jsx(M,{windowSize:a,children:d.openWalletAppOnPhone})]}),i.jsxs(E,{windowSize:a,children:[e==="apple"?d.openWalletDescriptionApple:d.openWalletDescriptionGoogle,i.jsx(R,{})]}),i.jsxs(F,{children:[i.jsx(He,{children:i.jsx(Ve,{windowSize:a})}),i.jsx(M,{windowSize:a,children:d.verifyCard})]}),i.jsxs(E,{windowSize:a,children:[e==="apple"?d.VerifyCardDescriptionApple:d.VerifyCardDescriptionGoogle,i.jsx(R,{})]})]})},Ri=({onGotItClick:e,isDebitCard:a,controllerEmails:g,classListFetchState:l,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:u,isChargeCardSetupEnabled:w,productInformation:n,creditAccountInformation:j,debitAccountInformation:N,chargeCardDetailView:V,creditAccount:G,creditAccountRepayment:J,cardIssuedByRoles:O,cardIssuedByDepartmentName:X,cardHolderRoles:Y,cardHolderDepartmentName:K})=>{const r=H(),U=re().analytics,[k,Z]=h.useState(!1),[T,q]=h.useState(!1),[Q,_]=h.useState(!1),[ee,ie]=h.useState(!1),[v,te]=h.useState("apple"),oe=le(),ae=ye(oe.loggedInUserRoleMap);h.useEffect(()=>{setTimeout(()=>{Z(!0)},a?9500:4500),setTimeout(()=>{q(!0)},a?9e3:4e3),setTimeout(()=>{_(!0)},a?10500:5500),setTimeout(()=>{ie(!0)},a?15e3:1e4)},[a]);const se=k&&T,x=L.getLocalizedStrings().spendManagement.chargeCard;return i.jsx(ji,{windowSize:r,children:i.jsxs(Oe,{children:[i.jsx(ne,{navBarContainerStyles:{paddingTop:p[2],alignItems:"center",paddingBottom:p[2]},title:x.addToWallet.title,ignoreScrollAction:!0,showBackButton:!1,showMenuIcon:!1,transparentBackground:!0,source:"AddToWalletPage",style:{zIndex:3},titleStyle:{marginTop:p[0]}}),i.jsxs(Xe,{windowSize:r,children:[i.jsx(bi,{windowSize:r,children:x.addToWallet.heading}),i.jsx(yi,{windowSize:r,children:x.addToWallet.subheading})]}),i.jsxs(Ye,{windowSize:r,children:[r!=="small"?i.jsx(Si,{children:i.jsxs(Ke,{windowSize:r,children:[i.jsxs(Ue,{windowSize:r,flipCard:k,scaleCard:T,children:[i.jsx(de,{isDebitCard:a}),i.jsx(pe,{showCrossIcon:!1,isDebitCard:a})]}),Be(Q,ee,se)]})}):null,i.jsxs(Fe,{windowSize:r,children:[i.jsx(Me,{children:i.jsx(ze,{options:[{id:"apple",dataTestId:"add-to-apple-wallet",label:i.jsxs(i.Fragment,{children:[i.jsx(Je,{}),i.jsx(P,{children:d.appleWallet})]})},{id:"google",dataTestId:"add-to-google-wallet",label:i.jsxs(i.Fragment,{children:[i.jsx(Ge,{}),i.jsx(P,{children:d.googleWallet})]})}],optionStyle:{padding:"12px"},thumbStyle:{paddingTop:t.sp4,paddingBottom:t.sp4},containerStyle:{border:t.sp0},selected:v,onToggle:z=>{ce({chargeCardDetailView:V,classListFetchState:l,analytics:U,isDebitCard:a,isChargeCardAdmin:ae,cardIssuedByRoles:O,cardIssuedByDepartmentName:X,cardHolderRoles:Y,cardHolderDepartmentName:K,controllerEmails:g,pageName:"Card Activation",addToWalletType:z==="apple"?"Apple Wallet":"Google Wallet",productInformation:n,creditAccountInformation:j,debitAccountInformation:N,isChargeCardFeatureEnabled:f,creditAccount:G,creditAccountRepayment:J}),te(z)}})}),i.jsxs(De,{children:[i.jsx(Re,{isActive:v==="apple",children:i.jsx(D,{tabType:"apple"})}),i.jsx(Pe,{isActive:v==="google",children:i.jsx(D,{tabType:"google"})})]}),r!=="small"?i.jsx(fi,{children:i.jsx(I,{variant:"primary",label:x.addToWallet.gotIt,onClick:e,style:{width:"fit-content"},"data-testid":W("got-it-button-web")})}):null]})]}),r==="small"?i.jsx(vi,{children:i.jsx(I,{variant:"primary",label:x.addToWallet.gotIt,onClick:e,style:{width:"fit-content"},"data-testid":W("got-it-button-mobile")})}):null]})})},De=o.div`
+  display: flex;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+`,Re=o.div`
+  display: flex;
+  width: 100%;
+  position: absolute;
+  left: ${e=>e.isActive?t.sp0:"-369px"};
+  transition: left 0.3s ease-in-out;
+`,Pe=o.div`
+  display: flex;
+  width: 100%;
+  position: absolute;
+  right: ${e=>e.isActive?t.sp0:"-369px"};
+  transition: right 0.3s ease-in-out;
+`,R=o.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+  margin: ${t.sp3} ${t.sp0};
+`,Fe=o.div`
+  display: flex;
+  width: ${({windowSize:e})=>e==="small"?"100%":"369px"};
+  flex-direction: column;
+`,Me=o.div`
+  display: flex;
+  height: ${t.sp8};
+  width: 100%;
+  border-radius: ${t.sp12};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  background: ${e=>e.theme.colors.grey3};
+  position: relative;
+`,P=o(ge)`
+  text-transform: none;
+  margin-left: ${t.sp2};
+  cursor: pointer;
+`,Ee=o.div`
+  display: flex;
+  flex-direction: column;
+  margin-top: ${t.sp6};
+`,He=o.div`
+  padding: 12px;
+  border-radius: ${t.sp4};
+  background: ${s.successLight};
+  display: flex;
+`,Le=o.div`
+  padding: 12px;
+  border-radius: ${t.sp4};
+  background: ${e=>e.theme.colors.graphColor16Light};
+  display: flex;
+`,F=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${t.sp3};
+`,M=o(b)`
+  ${({windowSize:e})=>y.walletTitleFont.style(e)}
+  color: ${e=>e.theme.colors.primary};
+`,E=o(b)`
+  ${({windowSize:e})=>y.walletSubTitleFont.style(e)}
+  color: ${e=>e.theme.colors.hero};
+  margin-left: ${t.sp9};
+`,Ne=o(Te)`
+  width: ${({windowSize:e})=>c.openWalletIconWidthHeight.valuePx(e)};
+  height: ${({windowSize:e})=>c.openWalletIconWidthHeight.valuePx(e)};
+  color: ${e=>e.theme.colors.link};
+`,Ve=o(be)`
+  width: ${({windowSize:e})=>c.openWalletIconWidthHeight.valuePx(e)};
+  height: ${({windowSize:e})=>c.openWalletIconWidthHeight.valuePx(e)};
+`,Ge=o(je)`
+  height: ${t.sp4};
+  width: ${t.sp4};
+`,Je=o(fe)`
+  height: ${t.sp4};
+  width: ${t.sp4};
+`,Oe=o.div`
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+`,Xe=o.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  margin-top: ${({windowSize:e})=>c.headingMarginTop.valuePx(e)};
+  margin-bottom: ${({windowSize:e})=>c.headingMarginBottom.valuePx(e)};
+`,Ye=o.div`
+  ${e=>e.windowSize==="small"?"height: 100%;":null};
+  display: flex;
+  justify-content: center;
+  ${e=>e.windowSize==="small"?A`
+          margin: ${t.sp0} ${t.sp3};
+        `:A`
+          width: 100%;
+        `};
+`,Ke=o.div`
+  display: flex;
+  position: relative;
+  align-items: center;
+`,Ue=o.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: ${e=>c.chargeCardWidth.valuePx(e.windowSize)};
+  height: ${e=>c.chargeCardHeight.valuePx(e.windowSize)};
+  transform: ${e=>e.scaleCard?e.flipCard?"rotateY(180deg) scale(0.59)":"rotateY(0deg) scale(0.59)":"scale(1)"};
+  transition: transform 0.6s;
+  transform-style: preserve-3d;
+  border-radius: ${t.sp2};
+  box-shadow: ${e=>`1px 3px ${t.sp4} ${t.sp0} ${e.theme.colors.chargeCardBackgroundShadow}`};
+`,Ze=o.div`
+  position: relative;
+  height: 118px;
+  width: 182px;
+  margin: 13px;
+  margin-top: 60px;
+`,qe=o(ve)`
+  height: 36px;
+  width: 36px;
+  position: absolute;
+  right: -${t.sp2};
+  top: -${t.sp2};
+  color: ${e=>e.theme.colors.hero};
+  opacity: ${e=>e.showTick?0:1};
+  transition: opacity 0.5s linear;
+`,Qe=o(Se)`
+  height: 36px;
+  width: 36px;
+  position: absolute;
+  left: -${t.sp2};
+  top: -${t.sp2};
+  color: ${e=>e.theme.colors.hero};
+  opacity: ${e=>e.showTick?0:1};
+  transition: opacity 0.5s linear;
+`,_e=o(Ce)`
+  height: 36px;
+  width: 36px;
+  position: absolute;
+  right: -${t.sp2};
+  bottom: -${t.sp2};
+  color: ${e=>e.theme.colors.hero};
+  opacity: ${e=>e.showTick?0:1};
+  transition: opacity 0.5s linear;
+`,ei=o(ke)`
+  height: 36px;
+  width: 36px;
+  position: absolute;
+  left: -${t.sp2};
+  bottom: -${t.sp2};
+  color: ${e=>e.theme.colors.hero};
+  opacity: ${e=>e.showTick?0:1};
+  transition: opacity 0.3s linear;
+`,ii=o.div`
+  height: 88%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  overflow: hidden;
+`,ti=o.div`
+  width: 230px;
+  height: 489px;
+  border: ${t.sp1} solid ${e=>e.theme.colors.hero};
+  border-radius: ${t.sp4};
+  background: ${s.brandColorPearl};
+  transform: ${e=>e.translatePhone?"translateX(-200px)":""};
+  transition: transform 0.3s ease-in;
+  margin-top: ${t.sp11};
+  opacity: ${e=>e.showIphone?1:0};
+`,oi=o.div`
+  display: flex;
+  margin: ${t.sp2} 10px ${t.sp2} ${t.sp3};
+  justify-content: space-between;
+  align-items: center;
+`,ai=o.div`
+  display: flex;
+  align-items: center;
+`,si=o.div`
+  width: 76px;
+  display: flex;
+  border: 2px solid ${s.blackColor};
+  position: sticky;
+  bottom: ${t.sp0};
+  left: ${t.sp0};
+  right: ${t.sp0};
+  margin: ${t.sp2} auto;
+`,ri=o.div`
+  display: flex;
+  align-items: flex-end;
+`,li=o.div`
+  height: ${e=>`${e.towerIndex+3}px`};
+  width: 2px;
+  margin-right: 1px;
+  background-color: ${e=>e.towerIndex===3?s.phoneSignalColor:s.blackColor};
+  border-radius: 0.5px;
+`,ni=o.div`
+  margin-top: ${t.sp2};
+  & .wave {
+    border: 2px solid transparent;
+    border-top-color: currentColor;
+    border-radius: 50%;
+    border-style: solid;
+    margin: 1px;
+  }
+`,di=o.div`
+  border: 1px solid ${s.batteryBorderColor};
+  border-radius: 2px;
+`,pi=o.div`
+  width: 10px;
+  height: ${t.sp1};
+  background-color: ${s.blackColor};
+  margin: 1px;
+  border-radius: 1px;
+`,ci=o.div`
+  width: 1px;
+  height: 3px;
+  background-color: ${s.batteryBorderColor};
+  margin-left: 0.5px;
+  border-top-right-radius: 1px;
+  border-bottom-right-radius: 1px;
+`,hi=o(xe)``,S=o.div``,gi=o(ue)`
+  width: ${t.sp7};
+  height: ${t.sp7};
+  color: ${s.success};
+  margin-top: ${t.sp4};
+  opacity: ${e=>e.showTick?1:0};
+  transition: opacity 0.5s linear;
+`,xi=o(we)`
+  color: ${s.primaryLight};
+  opacity: ${e=>e.showTick?1:0};
+  transition: opacity 0.5s linear;
+`,mi=o.div`
+  border: 2px solid ${s.brandColorJade};
+  height: 97%;
+  border-radius: ${t.sp2};
+  background-color: ${s.brandColorJade};
+  transform: ${e=>e.translateCardSkelton?"translateX(0px)":"translateX(-250px)"};
+  transition: transform 0.3s ease-in;
+  background-image: linear-gradient(
+    to bottom,
+    hsla(0, 0%, 100%, 0.8),
+    hsla(0, 0%, 100%, 0.8)
+  );
+`,ui=o.div`
+  width: ${e=>e.lineIndex===0?"66px":e.lineIndex===1?"112px":"55px"};
+  border: 2px solid ${s.brandColorGold};
+  margin-bottom: ${e=>e.lineIndex===1?"22px":"12px"};
+  border-radius: ${t.sp2};
+  margin-left: ${t.sp3};
+  margin-top: ${e=>e.lineIndex===0?t.sp4:t.sp0};
+`,wi=o(me)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  width: ${t.sp3};
+  height: ${t.sp3};
+  position: absolute;
+  right: ${t.sp2};
+  top: ${t.sp3};
+`,$i=o.div`
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+`,bi=o(b)`
+  ${e=>`${y.headingFont.style(e.windowSize)}`};
+  ${e=>e.windowSize==="small"&&"white-space: pre;"}
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,yi=o(b)`
+  ${e=>`${y.subheadingFont.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,fi=o.div`
+  display: flex;
+  justify-content: center;
+`,ji=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  background-image: ${e=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/cards-signup-background-${e.windowSize==="small"?"m":"w"}-${e.theme.mode==="dark"?"d":"l"}.svg)`};
+  background-color: ${e=>e.theme.colors.grey4};
+  background-size: cover;
+  background-position: ${e=>e.windowSize==="small"?"center":"right"};
+  background-repeat: no-repeat;
+`,vi=o.div`
+  position: fixed;
+  bottom: ${t.sp0};
+  left: ${t.sp0};
+  right: ${t.sp0};
+  margin: ${t.sp0} auto;
+  display: flex;
+  justify-content: center;
+  height: ${t.sp12};
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+`,Si=o.div`
+  margin-right: -92px;
+  margin-top: -92px;
+  z-index: 5;
+`;export{Ri as default};

package/dist/assets/AgingReportsPage-Cxe-3oBx-BYtw6E86.js

@@ -0,0 +1,79 @@
+import{i as V,u as Y,a as _,jo as ve,j as t,jp as Oe,d1 as Pe,d2 as ke,d3 as Be,cz as $e,jq as Me,cj as Ae,cf as Ie,R as M,a9 as W,hr as ze,b as A,bq as Ye,s as d,bn as ne,ah as Le,d6 as Ee,bG as ce,b3 as de,bs as ge}from"./index-2CdI-B2B.js";import{a as y}from"./core-tlHkQPPu.js";import{n as w}from"./mui-kiGMfX4-.js";import{bj as G,fW as Re}from"./zeni-epic-state-Bo1aGezX.js";import{e as q}from"./getReferrerType-D1egX4iL-cWt5sFuQ.js";import{d as Fe,b as Te}from"./ArAgingChart-DIABTV5P-DnLiVsos.js";import{x as pe}from"./NoDataChart-C0lCeeVH-BiooJKO2.js";import{r as me,N as T}from"./CollapsableReportTable-B3_in9eE-D8gjZt8q.js";import{a as ue}from"./NoDataTable-Mkdamra1-CCnSaZtC.js";import{a as he}from"./mapSpacerToTreeNode-D35gt6vK-B3lOm-Wx.js";import{a as qe}from"./agingReportHelper-Cf__8gug-B4Tesv9Z.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./chartTypes-BADtYh4F-X-tWlUJq.js";import"./map-CnboTxlt-CZn0FfBt.js";import"./ComposedChart-Cot0K7Et-DQrzoGG2.js";import"./Area-Sl30rGq6-WMXLxt2t.js";import"./AccountRow-DbyUdPZG-D3G-oWRQ.js";import"./useFormControl-DPydD0oc-BkCU7DyG.js";import"./graphic-no-data-l-CfhD7tYw-SmhQgAdh.js";const He={chartHeight:new M(288,360)},fe=w.div`
+  display: flex;
+`,ye=w.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  height: ${e=>He.chartHeight.valuePx(e.windowSize)};
+  padding-bottom: ${A.sp6};
+`;function Ke({report:e}){return e.reportId==="accounts_payable_aging"?t.jsx(Ue,{report:e}):t.jsx(We,{report:e})}function Ue({report:e}){const a=Y();return e.agingBalances.length===0?t.jsx(fe,{children:t.jsx(pe,{title:_.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(ye,{windowSize:a,children:t.jsx(ce,{children:({height:n,width:r})=>t.jsx(Fe,{isDetailPage:!0,report:e,width:r,height:n})})})}function We({report:e}){const a=Y();return e.agingBalances.length===0?t.jsx(fe,{children:t.jsx(pe,{title:_.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(ye,{windowSize:a,children:t.jsx(ce,{children:({height:n,width:r})=>t.jsx(Te,{isDetailPage:!0,report:e,width:r,height:n})})})}function xe({agingBalances:e,numOfBalances:a,title:n,isLastNode:r,config:s,parentNodeIDs:i,ancestorMetadata:m}){const l=T("aging_report_row",[],n),o={children:[],id:l,isLastNode:r,reportElementData:{element:{kind:"aging_report_row",title:n,data:e,numOfBalances:a,metadata:m},config:s}},h=e.children.map((c,g)=>xe({agingBalances:c,numOfBalances:a,title:c.customer.name,config:s,isLastNode:g===e.children.length-1,parentNodeIDs:[...i,l],ancestorMetadata:{vendorOrCustomerAncestorMetadata:[...m.vendorOrCustomerAncestorMetadata,{depth:c.id.length-1,hasSibling:e.children.length>1,hasChildren:c.children.length>0,isLastNode:g===e.children.length-1,name:c.customer.name}]}}));return o.children.push(...h),e.children.length>0&&o.children.push(function({nestedCustomer:c,numOfBalances:g,title:p,config:S,parentNodeIDs:v,ancestorMetadata:x}){return{children:[],id:T("ac_subentity_total",v),isLastNode:!1,reportElementData:{element:{kind:"ac_subentity_total",title:p,data:c,numOfBalances:g,metadata:x},config:S}}}({config:s,nestedCustomer:e,numOfBalances:a,title:e.customer.name,parentNodeIDs:i,ancestorMetadata:m})),o}function X({agingPeriods:e,config:a,nodeId:n}){return{children:[],id:n??T("timeframe_header",[]),isLastNode:!1,reportElementData:{element:{kind:"timeframe_headers",title:"",data:e,numOfBalances:e.length},config:a}}}function we({title:e,balances:a,config:n,numOfBalances:r,nodeId:s}){return{children:[],id:s??T("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,numOfBalances:r,data:a},config:n}}}const Ge=(e,a,n=!0)=>{const{agingPeriods:r,totalBalances:s,agingBalances:i}=e,m=r.length,l=X({agingPeriods:r,config:a}),o=[];o.push(l);const h=i.map((g,p)=>function({agingBalances:S,numOfBalances:v,title:x,isLastNode:L,config:b}){return{children:[],id:T("aging_report_row",[],x),isLastNode:L,reportElementData:{element:{kind:"aging_report_row",title:x,data:S,numOfBalances:v},config:b}}}({agingBalances:g,title:g.vendor.name,numOfBalances:m,isLastNode:p===i.length-1,config:a}));o.push(...h);const c=we({title:_.getLocalizedStrings().chartCard.total,balances:s,config:a,numOfBalances:m});return o.push(c),[...Array(1)].forEach((g,p)=>{o.push(he({title:`${p}+${_.getLocalizedStrings().common.loading}`,balances:[],config:a}))}),{config:a,headerNodes:n?[l]:[],contentNodes:o}};function Se(e,a,n,r=!0){Object.assign(e.config,a);const{agingPeriods:s}=n,i=X({agingPeriods:s,config:a});return{config:a,headerNodes:r?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const z={contentPaddingLeft:new M(d[0],d[0],d[0]),contentPaddingRight:new M(d[3],d[3],d[8]),wrapperPadding:new M(d[3],d[3],d[8])},H=w.div`
+  display: flex;
+  position: sticky;
+  justify-content: center;
+  padding-top: ${e=>z.wrapperPadding.valuePx(e.windowSize)};
+  padding-left: ${e=>z.wrapperPadding.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ce=w.div`
+  width: 100%;
+  height: calc(100vh - ${A.sp11});
+`;function Je({report:e,onSortOrderChange:a,onEntityNameClick:n,onNodeCollapseToggled:r}){return e.reportId==="accounts_payable_aging"?t.jsx(Qe,{report:e,onSortOrderChange:a,onEntityNameClick:n}):t.jsx(Ve,{report:e,onSortOrderChange:a,onEntityNameClick:n,onNodeCollapseToggled:r})}function Qe({report:e,onSortOrderChange:a,onEntityNameClick:n}){const[r,s]=y.useState(void 0),[i,m]=y.useState(void 0),l=Y(),o=V(),h=!(l==="small"||l==="medium-compact"),c=y.useCallback((g,p)=>{a(g,p)},[a]);return y.useEffect(()=>{const g={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:c,onEntityNameClick:n}};if(i!=null&&de(r,e)){const p=Se(i,g,e,h);m(p)}else{const p=Ge(e,g,h);s(e),m(p)}},[e,c]),e.agingBalances.length===0?t.jsx(H,{windowSize:l,children:t.jsx(ue,{})}):i!=null?t.jsx(H,{windowSize:l,children:t.jsx(Ce,{numOfRows:e.agingBalances.length,children:t.jsx(me,{backgroundColor:new ge(o.colors.grey4),rootNodes:i,type:"name+balances_actual",isSticky:{isStickyHeader:h,isStickyName:h},treeNodePadding:{left:z.contentPaddingLeft.value(l),right:z.contentPaddingRight.value(l)},nodeOpenStatus:{},compareMode:"compare_mode_amount"})})}):null}function Ve({report:e,onSortOrderChange:a,onEntityNameClick:n,onNodeCollapseToggled:r}){const[s,i]=y.useState(void 0),[m,l]=y.useState(void 0),o=Y(),h=V(),c=!(o==="small"||o==="medium-compact"),g=y.useCallback((p,S)=>{a(p,S)},[a]);return y.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.arAgingUIState.sortKey,sortOrder:e.arAgingUIState.sortOrder,onSortOrderChanged:g,onEntityNameClick:n}};if(m!=null&&de(s,e)){const S=Se(m,p,e,c);l(S)}else{const S=((v,x,L=!0)=>{const{agingPeriods:b,totalBalances:K,agingBalances:u}=v,N=b.length,O=X({agingPeriods:b,config:x}),D=[];D.push(O);const E=u.map((P,k)=>xe({agingBalances:P,title:P.customer.name,numOfBalances:N,isLastNode:k===u.length-1,config:x,parentNodeIDs:[],ancestorMetadata:{vendorOrCustomerAncestorMetadata:[{depth:0,hasSibling:u.length>1,hasChildren:P.children.length>0,isLastNode:k===u.length-1}]}}));D.push(...E);const C=we({title:_.getLocalizedStrings().chartCard.total,balances:K,config:x,numOfBalances:N});return D.push(C),[...Array(1)].forEach((P,k)=>{D.push(he({title:`${k}+${_.getLocalizedStrings().common.loading}`,balances:[],config:x}))}),{config:x,headerNodes:L?[O]:[],contentNodes:D}})(e,p,c);i(e),l(S)}},[e,g]),e.agingBalances.length===0?t.jsx(H,{windowSize:o,children:t.jsx(ue,{})}):m!=null?t.jsx(H,{windowSize:o,children:t.jsx(Ce,{numOfRows:e.agingBalances.length,children:t.jsx(me,{backgroundColor:new ge(h.colors.grey4),rootNodes:m,type:"name+balances_actual",isSticky:{isStickyHeader:c,isStickyName:c},treeNodePadding:{left:z.contentPaddingLeft.value(o),right:z.contentPaddingRight.value(o)},nodeOpenStatus:e.arAgingUIState.nodeCollapseState,onNodeCollapseToggled:r,compareMode:"compare_mode_amount"})})}):null}const Xe={summaryColumnGap:new M(d[2],d[1],d[1],d[2],d[6])},Ze=w.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+  overflow: auto;
+  column-gap: ${e=>Xe.summaryColumnGap.valuePx(e.windowSize)};
+`,re=w.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,ie=w(Le)`
+  color: ${e=>e.theme.colors.grey1};
+  text-wrap: nowrap;
+  width: fit-content;
+`,se=w(Ee)`
+  color: ${e=>e.theme.colors.primary};
+`;function et({totalBalances:e,reportId:a}){const n=y.useMemo(()=>qe(e),[e]),r=Y();return t.jsxs(Ze,{windowSize:r,children:[e.map(s=>{const{period:i}=s;return t.jsxs(re,{children:[t.jsx(ie,{children:_.getLocalizedStrings().reports.aging.duration[i]}),t.jsx(se,{children:ne("0,0",s?.balance)})]},i)}),t.jsxs(re,{children:[t.jsx(ie,{children:a==="accounts_payable_aging"?_.getLocalizedStrings().reports.aging.apAging.totalPayable:_.getLocalizedStrings().reports.aging.arAging.totalReceivable}),t.jsx(se,{children:ne("0,0",n?.balance)})]})]})}const Q={wrapperPadding:new M(d[3],d[3],d[8]),navbarMarginBottom:new M(d[7],d[4])},{download:J,dateFormat:$,reports:{common:tt,aging:F}}=_.getLocalizedStrings();function $t(e){const a=V(),[n,r]=y.useState(!1),s=Y(),{report:i,uiState:m,downloadParams:l,analytics:o,onSelectedDateChanged:h,onBackClick:c,onSearchTextChange:g,onReloadReport:p,onSortOrderChange:S,onEntityNameClick:v,updateDownloadStateHandler:x,onNodeCollapseToggled:L}=e,{fetchState:b,reportTitle:K,reportId:u}=i,{searchString:N,downloadState:O,sortKey:D,sortOrder:E,selectedDate:C,agingDateSelectionType:P}=m,{authParams:k,downloadEndPoint:Z,timezone:ee}=l,te=y.useCallback((f,j)=>{const B=le(j);h(f,B),o.trackAgingReportDateChange(q(u),C!=null?C.format($.analytics.YYYYDashMMDashDDFormat):G().format($.analytics.YYYYDashMMDashDDFormat),f.format($.analytics.YYYYDashMMDashDDFormat),B)},[o,h,u,C]),ae=y.useCallback(f=>{const j=ve({options:F.preComputedDurationOptions.map(({label:R,value:U})=>({label:R,value:Re(U)})).filter(({value:R})=>R!=null),selectedDate:f}),B=le(j);h(f,B),o.trackAgingReportDateChange(q(u),C!=null?C.format($.analytics.YYYYDashMMDashDDFormat):G().format($.analytics.YYYYDashMMDashDDFormat),f.format($.analytics.YYYYDashMMDashDDFormat),B)},[o,h,u,C]),_e=y.useCallback((f,j)=>{S(f,j),o.trackAgingReportSortChange(q(u),j,f)},[o,S,u]),be=y.useCallback(()=>t.jsx(Oe,{maxDate:G(),selectedDate:{date:C},precomputedOptionsProperties:{preComputedOptionSelected:ct(P),preComputedOptionDateFormat:$.visual.MMMDCommaYYYYformat,preComputedOptions:F.preComputedDurationOptions,onPreComputedOptionSelected:te},onSelectedDateChanged:ae}),[C,te,ae,P]);if(y.useEffect(()=>{n&&O!=="In-Progress"&&(r(!1),x("In-Progress"),async function(){const f={companyName:l.companyName,searchString:N,sortKey:D,sortOrder:E,statementFileType:"excel",timezone:ee,reportId:u==="accounts_receivable_aging"?"accounts_receivable_aging":"accounts_payable_aging",reportDate:C};await async function(j,B,R){const U=`${j}?query=${encodeURIComponent(JSON.stringify(at(R)))}`,oe=F.arAging;try{const I=await Pe({urlEndPoint:U,authParams:B,fileType:"excel"});if(I.ok){const Ne=ke(I.headers,J.defaultFileName),je=await I.arrayBuffer();Be(je,Ne)}else console.error(`${J.errorMessages.fileDownloadError.replace("__feature__",oe.arAging)} ${I.statusText}`)}catch(I){console.error(`${J.errorMessages.fileDownloadError.replace("__feature__",oe.arAging)} ${JSON.stringify(I)}`)}}(Z,k,f),x("Completed"),o.trackAgingReportDownloadClick(q(u),D,E)}())},[k,Z,l.companyName,O,n,u,N,D,E,x,C,o,ee]),b==="Error")return t.jsxs(ot,{children:[t.jsx(nt,{onClick:p,children:t.jsx($e,{})}),t.jsx(rt,{children:tt.failed})]});const De=t.jsxs(t.Fragment,{children:[t.jsx(Me,{isSearchOpen:(N?.length??0)>0,searchPlaceHolder:u==="accounts_payable_aging"?F.apAging.searchPlaceholder:F.arAging.searchPlaceholder,searchText:N??"",onSearchTextChanged:f=>{g(f)},downloadPresent:!0}),t.jsx(Ae,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:!1,isDownloading:O==="In-Progress"}],onDownloadClick:async f=>{if(f==="excel"){if(O==="In-Progress")return void console.log("Download is already in progress!");r(!0)}}}}})]});return t.jsxs(it,{children:[t.jsx(Ie,{title:K,subTitle:be(),backgroundColor:a.colors.grey5,onBackClick:c,rightSideComponent:De,downloadPresent:!0,style:{marginBottom:Q.navbarMarginBottom.valuePx(s)},source:"AgingReportsPage"}),t.jsx(W,{controller:b==="In-Progress"||b==="Not-Started",children:t.jsx(ze,{fetchState:b})}),t.jsxs(W,{controller:b==="Completed",children:[t.jsx(W,{controller:N.length===0,children:t.jsxs(lt,{windowSize:s,children:[t.jsx(st,{children:t.jsx(et,{reportId:u==="accounts_payable_aging"?"accounts_payable_aging":"accounts_receivable_aging",totalBalances:i.totalBalances})}),t.jsx(Ke,{report:i})]})}),t.jsx(Je,{report:i,onSortOrderChange:_e,onEntityNameClick:v,onNodeCollapseToggled:L})]})]})}function at(e){return{statement_file_type:e.statementFileType,search_string:e.searchString,report_id:e.reportId,company_name:e.companyName,locale_id:_.getAppLocaleID(),sort_key:e.sortKey,sort_order:e.sortOrder,report_date:e.reportDate,timezone:e.timezone}}const ot=w.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,nt=w.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${A.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,rt=w(Ye)`
+  margin-top: ${A.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,it=w.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100vh;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding: ${A.sp0};
+  gap: 2px;
+`,st=w.div`
+  margin-bottom: ${A.sp6};
+`,lt=w.div`
+  position: relative;
+  box-shadow: ${e=>`2px 2px ${A.sp1} ${e.theme.colors.dropShadowNormal}`};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>Q.wrapperPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>Q.wrapperPadding.valuePx(e.windowSize)};
+`,ct=e=>{switch(e){case"last_month":return"month";case"last_quarter":return"quarter";default:return}},le=e=>e==="month"?"last_month":e==="quarter"?"last_quarter":"custom_date";export{$t as default,at as toDownloadAgingReportOptionsPayload};

package/dist/assets/AllUserItems-Cc_-o3gE-BoV9oLkk.js

@@ -0,0 +1,192 @@
+import{dF as X,fD as Pe,u as W,j as l,bm as P,a as V,R as T,b as i,bJ as de,B as oe,ah as ce,dP as Se,d6 as Ce,hf as Y,hg as ee,dp as le,s as N,cH as Re,bj as se,i7 as pe,hi as O,hh as me,hj as ue,bz as ge,i8 as Te,C as he,dM as xe,ai as ve,dN as Oe,ab as ze}from"./index-2CdI-B2B.js";import{n as d}from"./mui-kiGMfX4-.js";import{fC as De,bh as ie}from"./zeni-epic-state-Bo1aGezX.js";import{a as G}from"./core-tlHkQPPu.js";import{s as be}from"./LabeledUserSingleSelectWithSubtitlesField-O_tz5mgs-3DtmJ9nC.js";import{$ as fe,U as $e}from"./LabeledZeniRolesDropDownField-DoF6cXd_-NHc4m6ED.js";const q=(e,t)=>`${e}.${t}`,ae={largeLabelWidth:new T(120,120,160),toolTipWidth:new T(215,237)},u=V.getLocalizedStrings().peoplePage,Le=({user:e,sectionId:t,mode:s,managersList:p,classList:o,controllersList:v,customerRoleOptions:w,isBankingOnlyTenant:g,isCardsOnlyTenant:b,isEdit:k,person:h,analytics:f})=>{const $=W(),S=ae.largeLabelWidth.value($),{setValue:C}=X(),D=se(v),y=D.splice(0,1),U=D.reduce((a,r)=>a.concat(`${r.email},`),""),M=G.useMemo(()=>se(le.roles),[]),m=ie(e.role);return G.useEffect(()=>{(m||g||b)&&C("userItems.0.department",{allOptions:[],selectedOption:void 0}),m&&C("userItems.0.manager",{allUsers:[],selectedUser:void 0})},[m,g,b]),l.jsxs(ke,{windowSize:$,"data-testid":P("edit-people-user-item-section"),children:[l.jsx(pe,{label:u.invitePage.email,name:q(t,"email"),registerOptions:{required:!0,value:e.email,disabled:!0},placeholder:O(u.addPlaceholderPrefix,u.invitePage.email),style:{paddingTop:i.sp2,paddingBottom:i.sp2}}),l.jsx(K,{}),s==="off"?l.jsxs(l.Fragment,{children:[l.jsx(fe,{label:{label:u.invitePage.role,width:S},style:{width:"auto"},rolesDropDownField:{name:q(t,"nonZeniRole"),defaultValue:{userRole:{selectedRole:me(e.role),allRootRole:ee(g,b)},productsByUserRole:Y(e.role,w)},registerOptions:{required:!0}}}),l.jsx(K,{}),l.jsx(be,{label:{label:u.invitePage.manager,width:S},showTooltip:!0,toolTipWidth:ae.toolTipWidth.valuePx($),tooltipTitle:l.jsx(Ne,{}),userSingleSelectWithSubTitlesField:{name:q(t,"manager"),value:{allUsers:p,selectedUser:e?.managerId?e?.managerId:"no_manager"},valueToSubtitle:a=>{const r=p.findIndex(n=>n.userId===a);if(r!==-1){const n=p[r],j=o.find(L=>L.classId===n.userRole.accountingClassIDs[0]),I=[];return j!=null&&I.push(j.className),I}return[]},placeholderLabel:m?u.notApplicable:O(u.selectPlaceholderPrefix,u.invitePage.manager),registerOptions:{required:!m},showOneOffLabel:{label:"No Manager",value:"no_manager",position:"top",subtitles:[]},isDisabled:m?"disabled":void 0,isOptionDisabled:a=>a===h?.user?.userId},style:{width:"auto"},isDisabled:m?"disabled":void 0,opacity:m?.32:1}),l.jsx(K,{}),l.jsx(ue,{label:{label:u.invitePage.department,width:S},singleSelectWithoutClearableField:{name:q(t,"department"),defaultValue:{allOptions:o.map(a=>({label:a.fullyQualifiedAccountingClassName??"",value:a.classId,hoverText:a.accountingClassNumber})),selectedOption:o.map(a=>({label:a.fullyQualifiedAccountingClassName??"",value:a.classId,hoverText:a.accountingClassNumber})).find(a=>a.value===e.departmentId)},placeholder:m||g||b?u.notApplicable:O(u.selectPlaceholderPrefix,u.invitePage.department),registerOptions:{required:!m||!(g||b)},isDisabled:m||g||b?"disabled":void 0,showOptionOnHover:!0},style:{width:"auto"},isDisabled:m||g||b?"disabled":void 0,opacity:m||g||b?.32:1}),k?null:l.jsxs(Ue,{windowSize:$,children:[u.invitePage.controllerText,y[0]?l.jsxs(Be,{href:`mailto:${y[0].email}?cc=${U}&subject=${encodeURIComponent(u.invitePage.emailSubject)}`,children:[l.jsx("span",{children:`${y[0].firstName} ${y[0].lastName}`}),l.jsx(ge,{className:"arrowIcon"})]}):null]})]}):l.jsx($e,{label:{label:u.invitePage.role,width:S},zeniRolesDropDownField:{name:q(t,"role"),defaultValue:{selectedOptions:e.role,allOptions:M},registerOptions:{required:!0},placeholderLabel:O(u.selectPlaceholderPrefix,u.invitePage.role),isMulti:!0,forZeniUser:!0,onSelectionChanged:a=>{h!=null&&f?.trackRoleChanged(h.userRole.userRoles,a[0],h?.userRole.userEmail)}},style:{width:"auto"}})]})},Ne=()=>V.getLocalizedStrings().peoplePage.invitePage.managerTooltipText,ke=d.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${i.sp2};
+  margin-bottom: ${i.sp3};
+  .single-select-field__menu {
+    border: ${e=>e.windowSize==="small"?`1px solid ${e.theme.colors.grey3}`:"unset"};
+  }
+`,K=d.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Ue=d(ve)`
+  padding: ${e=>`${i.sp1}  ${e.windowSize==="small"?i.sp3:i.sp4}`};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.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"?i.sp0:"6px"};
+`,Be=d.a`
+  color: ${e=>e.theme.colors.hero};
+  text-decoration: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  .arrowIcon {
+    cursor: pointer;
+    height: ${i.sp3};
+    width: ${i.sp3};
+  }
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+    .arrowIcon {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,B=(e,t)=>`${e}.${t}`,re={largeLabelWidth:new T(125,140,160),toolTipWidth:new T(246,250)},c=V.getLocalizedStrings().peoplePage,Fe=({user:e,sectionId:t,mode:s,isZeniTenant:p,managersList:o,classList:v,controllersList:w,index:g,customerRoleOptions:b,isEdit:k,isBankingOnlyTenant:h,isCardsOnlyTenant:f})=>{const $=W(),{getValues:S,formState:{errors:C},setValue:D}=X(),y=re.largeLabelWidth.value($),[U,...M]=w,m=M.map(n=>n.email).join(","),a=G.useMemo(()=>le.roles.filter(n=>!["admin","bookkeeping_admin"].includes(n.value)),[]),r=ie(e.role);return G.useEffect(()=>{(r||h||f)&&D(`userItems.${g}.department`,{allOptions:[],selectedOption:void 0}),r&&D(`userItems.${g}.manager`,{allUsers:[],selectedUser:void 0})},[r,h,f]),l.jsxs(Ee,{windowSize:$,"data-testid":P("invite-people-user-item-section"),children:[l.jsx(pe,{label:c.invitePage.email,name:B(t,"email"),registerOptions:{required:!0,value:e.email,validate:{duplicate:n=>!Me(n,S("userItems"),g),notZeniMail:n=>s==="zeni_only"||p||n.map(j=>!j.match(Te)).reduce((j,I)=>j&&I)}},placeholder:O(c.addPlaceholderPrefix,c.invitePage.email),style:{paddingTop:i.sp2,paddingBottom:i.sp2},additionalInfoLabel:_e(S("userItems"),B(t,"email"),g,s,C)}),l.jsx(Q,{}),s==="off"?l.jsxs(l.Fragment,{children:[l.jsx(fe,{label:{label:c.invitePage.role,width:y},style:{width:"auto"},rolesDropDownField:{name:B(t,"nonZeniRole"),defaultValue:{userRole:{selectedRole:me(e.role),allRootRole:ee(h,f)},productsByUserRole:Y(e.role,b)},registerOptions:{required:!0}}}),l.jsx(Q,{}),l.jsx(be,{label:{label:c.invitePage.manager,width:y},showTooltip:!0,toolTipWidth:re.toolTipWidth.valuePx($),tooltipTitle:l.jsx(We,{}),userSingleSelectWithSubTitlesField:{name:B(t,"manager"),value:{allUsers:o,selectedUser:e.managerId},valueToSubtitle:n=>{const j=o.findIndex(I=>I.userId===n);if(j!==-1){const I=o[j],L=v.find(R=>R.classId===I.userRole.accountingClassIDs[0]),x=[];return L!=null&&x.push(L.className),x}return[]},placeholderLabel:r?c.notApplicable:O(c.selectPlaceholderPrefix,c.invitePage.manager),registerOptions:{required:!r},isDisabled:r?"disabled":void 0,showOneOffLabel:{label:"No Manager",value:"no_manager",position:"top",subtitles:[]}},style:{width:"auto",height:e.managerId==null?i.sp8:"74px",boxSizing:"border-box"},isDisabled:r?"disabled":void 0,opacity:r?.32:1}),l.jsx(Q,{}),l.jsx(ue,{label:{label:c.invitePage.department,width:y},singleSelectWithoutClearableField:{name:B(t,"department"),defaultValue:{allOptions:v.map(n=>({label:n.fullyQualifiedAccountingClassName??"",value:n.classId,hoverText:n.accountingClassNumber})),selectedOption:v.map(n=>({label:n.fullyQualifiedAccountingClassName??"",value:n.classId,hoverText:n.accountingClassNumber})).find(n=>n.value===e.departmentId)},placeholder:r||h||f?c.notApplicable:O(c.selectPlaceholderPrefix,c.invitePage.department),registerOptions:{required:!r||!(h||f)},isDisabled:r||h||f?"disabled":void 0,showOptionOnHover:!0},style:{width:"auto"},isDisabled:r||h||f?"disabled":void 0,opacity:r||h||f?.32:1}),l.jsx(Q,{}),k?null:l.jsxs(Ae,{windowSize:$,isDisabled:r,children:[c.invitePage.controllerText,U?l.jsx(qe,{firstController:[U],isInvestorBanker:r,restControllerEmailsStr:m}):null]})]}):l.jsx($e,{label:{label:c.invitePage.role,width:y},zeniRolesDropDownField:{defaultValue:{allOptions:a,selectedOptions:e.role},name:B(t,"role"),placeholderLabel:O(c.selectPlaceholderPrefix,c.invitePage.role),registerOptions:{required:s==="zeni_only"},isMulti:!1,forZeniUser:!1},style:{width:"auto"}})]})},We=()=>V.getLocalizedStrings().peoplePage.invitePage.managerTooltipText,Me=(e,t,s)=>{const p=t.filter(o=>o.userIndex!==s).map(o=>o.email).flat();return p.length>0&&e.every(o=>p.includes(o))},Ee=d.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${i.sp2};
+  margin-bottom: ${i.sp3};
+  .single-select-field__menu {
+    border: ${e=>e.windowSize==="small"?`1px solid ${e.theme.colors.grey3}`:"unset"};
+  }
+`,Q=d.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Ae=d(ve)`
+  padding: ${e=>`${i.sp1}  ${e.windowSize==="small"?i.sp3:i.sp4}`};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.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"?i.sp0:"6px"};
+  opacity: ${e=>e.isDisabled?.32:1};
+`,Ze=d.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: ${i.sp2};
+    width: ${i.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};
+    }
+  }
+`,_e=(e,t,s,p,o)=>{if(Oe(o,t)&&o?.userItems&&o?.userItems[s]?.email)switch(o?.userItems[s]?.email.type){case"required":case"validate":return c.invitePage.defaultHelpText;case"pattern":return e[s].email.forEach(w=>{if(!ze.test(w))return c.invitePage.defaultHelpText}),p==="zeni_only"?c.invitePage.otherThanZeniMailIDForZeniModeText:c.invitePage.zeniMailIDForNormalModeText;case"duplicate":return c.invitePage.emailAlreadyExist;case"notZeniMail":return c.invitePage.zeniMailIDForNormalModeText;default:return}},qe=({isInvestorBanker:e,firstController:t,restControllerEmailsStr:s})=>{let p="";const o=t[0];return p=o?.firstName&&o?.lastName?`${o?.firstName} ${o?.lastName}`:o?.firstName?o?.firstName:o?.lastName?o?.lastName:o?.email??"",l.jsxs(Ze,{isDisabled:e,href:e?void 0:`mailto:${t[0]?.email}?cc=${s}&subject=${encodeURIComponent(c.invitePage.emailSubject)}`,children:[l.jsx("span",{children:p}),l.jsx(ge,{className:"arrowIcon"})]})},Ve=e=>l.jsx(He,{style:e.style,"data-testid":P("user-item-section"),children:e.isEdit?l.jsx(Le,{...e}):l.jsx(Fe,{...e})}),He=d.div`
+  display: flex;
+  flex-direction: column;
+`,F={buttonWidth:new T(70,70),marginBottom:new T(12,N[3]),deleteContentMarginLeft:new T(N[0],N[3]),containerPaddingTop:new T(N[0],N[3]),addUserWrapperGap:new T(N[1],N[2])},z=V.getLocalizedStrings().peoplePage,gl=({isDisabled:e,control:t,deleteConfirmationIndex:s,updateDeleteConfirmationIndex:p,style:o,sectionId:v,mode:w,isZeniTenant:g,managersList:b,classList:k,controllersList:h,customerRoleOptions:f,isBankingOnlyTenant:$,isCardsOnlyTenant:S,isEdit:C=!1,person:D,analytics:y})=>{const{getValues:U}=X(),{append:M,remove:m}=Pe({name:v,control:t}),a=W(),r=U().userItems,n=()=>{const x=((R,J,E,A,Z,H,_)=>({userIndex:R,email:[],role:A==="zeni_only"?{allOptions:le.roles,selectedOptions:[]}:void 0,nonZeniRole:A!=="zeni_only"?{userRole:{selectedRole:void 0,allRootRole:ee(H,_)},productsByUserRole:Y([],Z)}:void 0,manager:{allUsers:J,selectedUser:void 0},department:{allOptions:E.map(te=>({label:te.className,value:te.classId})),selectedOption:void 0}}))(r.length-1+1,b,k,w,f,$,S);setTimeout(()=>M(x,{shouldFocus:!0}))},j=x=>{p(x)},I=()=>{p(-1)},L=()=>{setTimeout(()=>m(s)),p(-1)};return l.jsxs(Ke,{style:o,windowSize:a,"data-testid":P("user-items"),children:[r.length>0?r.map((x,R)=>{const J=r.length;let E={};if(w==="zeni_only")E={email:x.email,role:Je(x.role.selectedOptions,C)??void 0};else{const A=x.nonZeniRole?.userRole.selectedRole,Z=A!=null?(x.nonZeniRole?.productsByUserRole[A]??[]).map(_=>De(_.selectedOption?.value)).filter(_=>_!=null):[],H=Z.length>0&&ie(Z);E={email:x.email,role:Z,managerId:H?void 0:x.manager?.selectedUser,departmentId:H?void 0:x.department?.selectedOption?.value}}return l.jsxs(Xe,{"data-testid":P("user-item",x.userIndex.toString()),children:[C?null:l.jsx(l.Fragment,{children:J>1?l.jsx(ne,{windowSize:a,children:l.jsx(Qe,{curIndex:R,isDisabled:e,deleteConfirmationIndex:s,onDeleteClick:j,onCancelClick:I,onRemoveUserItem:L})}):l.jsx(ne,{windowSize:a,children:l.jsx(ye,{children:l.jsx(Ie,{children:l.jsx(je,{windowSize:a,children:z.invitePage.user})})})})}),l.jsx(Ve,{isDisabled:e,sectionId:`${v}.${R}`,control:t,user:E,mode:w,isZeniTenant:g,managersList:b,classList:k,controllersList:h,customerRoleOptions:f,isBankingOnlyTenant:$,isCardsOnlyTenant:S,isEdit:C,person:D,analytics:y,index:R}),s===R&&a==="small"?l.jsx(ll,{children:l.jsx(we,{onCancelClick:I,onRemoveUserItem:L})}):null]},R)}):null,C?null:l.jsxs(sl,{"data-testid":P("all-user-items-add-user-button"),windowSize:a,onClick:()=>{n?.()},children:[l.jsx(al,{}),l.jsx(rl,{children:`${z.invitePage.add} ${z.invitePage.user}`})]})]})},Qe=({curIndex:e,deleteConfirmationIndex:t,onDeleteClick:s,onCancelClick:p,onRemoveUserItem:o,isDisabled:v})=>{const w=W();return l.jsxs(ye,{children:[l.jsx(Ie,{children:l.jsx(je,{windowSize:w,children:`#${e+1} ${z.invitePage.user}`})}),v===void 0?l.jsx(Ge,{curIndex:e,deleteConfirmationIndex:t,onDeleteClick:s,onCancelClick:p,onRemoveUserItem:o}):null]})},Ge=({curIndex:e,deleteConfirmationIndex:t,onDeleteClick:s,onCancelClick:p,onRemoveUserItem:o})=>{const v=W();return l.jsx(l.Fragment,{children:v==="small"?l.jsx(l.Fragment,{children:t!==e?l.jsx(ol,{"data-testid":P("delete-icon",e.toString()),onClick:()=>s(e)}):null}):l.jsx(l.Fragment,{children:t===e?l.jsx(el,{children:l.jsx(we,{onCancelClick:p,onRemoveUserItem:o})}):l.jsx(Ye,{"data-testid":P("all-user-items-delete-icon-wrapper"),className:"delete-icon-wrapper",onClick:()=>s(e),children:l.jsx(Re,{style:{padding:"2px 5px"},enterDelay:600,title:z.invitePage.remove,placement:"left",children:l.jsx(tl,{})})})})})},we=({onCancelClick:e,onRemoveUserItem:t})=>{const s=W();return l.jsxs(l.Fragment,{children:[z.invitePage.deleteConfirmation,l.jsxs(il,{windowSize:s,"data-testid":P("delete-confirmation-wrapper"),children:[l.jsx(oe,{"data-testid":P("delete-confirmation-cancel-button"),label:z.invitePage.cancel,onClick:e,style:{width:F.buttonWidth.value(s),marginRight:i.sp3},size:"small",variant:"secondary"}),l.jsx(oe,{"data-testid":P("delete-confirmation-remove-button"),label:z.invitePage.remove,onClick:t,style:{width:F.buttonWidth.value(s)},size:"small",variant:"danger"})]})]})},Je=(e,t)=>t?e:e!=null?[e]:[],Ke=d.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${e=>F.containerPaddingTop.valuePx(e.windowSize)};
+`,Xe=d.div`
+  .delete-icon-wrapper {
+    visibility: hidden;
+  }
+  &:hover {
+    .delete-icon-wrapper {
+      visibility: visible;
+    }
+  }
+`,ye=d(de)`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  color: ${e=>e.theme.colors.champion};
+  margin-top: ${i.sp3};
+  height: ${i.sp5};
+`,je=d(de)`
+  color: ${e=>e.theme.colors.primary};
+`,Ie=d.div`
+  display: flex;
+  align-items: center;
+`,Ye=d.div`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  cursor: pointer;
+  position: relative;
+`,el=d(ce)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  align-items: center;
+`,ll=d.div`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  padding: ${i.sp0} ${i.sp0} ${i.sp7};
+  gap: ${i.sp2};
+`,il=d.div`
+  display: flex;
+  margin-left: ${e=>F.deleteContentMarginLeft.valuePx(e.windowSize)};
+`,ne=d.div`
+  display: flex;
+  margin-bottom: ${e=>F.marginBottom.valuePx(e.windowSize)};
+`,tl=d(xe)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${he.important};
+  }
+`,ol=d(xe)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  cursor: pointer;
+  color: ${he.important};
+`,sl=d(ce)`
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: ${i.sp3} ${i.sp4};
+  gap: ${e=>F.addUserWrapperGap.valuePx(e.windowSize)};
+
+  width: auto;
+  height: ${i.sp8};
+
+  border: 1px solid ${e=>e.theme.colors.hero};
+  border-radius: ${i.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: ${i.sp3};
+  margin-bottom: ${i.sp9};
+`,al=d(Se)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,rl=d(Ce)`
+  color: ${e=>e.theme.colors.hero};
+`;export{gl as d};