@zeniai/web-cockpit-ui 1.13.84-qa → 1.13.85-dev

package/dist/assets/AccountInfoPage-d3ST-rTL-C3RGUA9e.js

@@ -1,18 +0,0 @@
-import{u as f,X as P,j as t,ge as $,o,C as a,gY as j,p as i}from"./index-BU_OFOHO.js";import{b as y,n}from"./vendor-CnQcJ2Lu.js";import{K as z}from"./StatusSwitcher-xR-S3KaW-BKRdafwP.js";import{r as A}from"./AccountInfoPageContent-BhU-TVmh-C-UpNXF8.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./downloadPdf-h21F3Bzk-BukvqPr-.js";import"./commonDimensions-Dk1fkj7r-DiuY44GO.js";const r={pageTitleMarginXAxis:new a(i[4],i[8]),containerPaddingLeft:new a(i[3],i[6],i[8]),containerPaddingRight:new a(i[3],i[6],i[8])},q=({authParams:e,downloadAccountDetailEndPoint:l,depositAccount:s,zeniAccountsConfigDetail:p,currentTenant:m,onDismissClick:u})=>{const g=f(),d=P(),[c,x]=y.useState("achDetails"),h=w=>{x(w)};return t.jsxs(S,{children:[t.jsx($,{title:"",backgroundColor:g.colors.grey4,style:{zIndex:4},isTitleAlignLeft:!0,onCloseClick:u}),t.jsx(T,{windowSize:d,children:s.accountName}),t.jsx(b,{children:t.jsx(z,{tabIds:["achDetails","wireDetails"],selectedTab:c,entity:"zeni_accounts",onTabSelectedChange:h,isSwitcherLeftAlign:!0})}),t.jsx(C,{windowSize:d,children:t.jsx(A,{authParams:e,downloadAccountDetailEndPoint:l,currentTab:c,zeniAccountsConfigDetail:p,currentTenant:m,depositAccount:s})})]})},C=n.div`
-  padding-left: ${e=>`${r.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${r.containerPaddingRight.valuePx(e.windowSize)}`};
-`,S=n.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100%;
-  width: 100%;
-`,T=n(j)`
-  color: ${e=>e.theme.colors.primary};
-  padding: ${o.sp3} ${o.sp0};
-  margin: ${e=>`${o.sp0} ${r.pageTitleMarginXAxis.valuePx(e.windowSize)} `};
-`,b=n.div`
-  display: flex;
-  justify-content: flex-start;
-`;export{q as default};

package/dist/assets/AccountRow-t4I1y-2K-CtaiIm2n.js

@@ -1,298 +0,0 @@
-import{j as t,M as se,_ as T,bu as f,o,Y as y,T as re,dI as le,s as w,dJ as de,g,dK as G,c$ as X,cq as ue,ab as x,v as Y,p,X as xe,u as E,ak as pe,dq as he,n as ge,K as me,f as S,b6 as fe,d0 as je}from"./index-BU_OFOHO.js";import{n as a,b as ye,j as we}from"./vendor-CnQcJ2Lu.js";const $e=a.div`
-  position: relative;
-  ${e=>e.showTreeLine===!0&&e.collapsed!==!0?`&::after {
-      content: "";
-      position: absolute;
-      top: 25px;
-      left: 12px;
-      border-left: 1px dotted ${e.theme.colors.grey1};
-      height: 12px;
-    `:""};
-`,be=a.div`
-  display: flex;
-  min-width: ${o.sp4};
-  width: ${o.sp4};
-  height: ${o.sp4};
-  border-style: solid;
-  border-width: 1px;
-  border-radius: 12px;
-  text-align: center;
-  align-items: center;
-  justify-content: center;
-  color: ${e=>e.colour.toString()};
-`,ve=a(ge)`
-  text-align: center;
-  color: ${e=>e.colour.toString()};
-`,Ce=a.div`
-  svg {
-    path {
-      stroke-width: 2;
-    }
-  }
-`,Re=a(he)`
-  margin-top: 6px;
-  width: 12px;
-  height: 12px;
-`,ke=a(pe)`
-  margin-top: ${o.sp1};
-  margin-left: 2px;
-  width: 12px;
-  height: 12px;
-`;function Te({firstLetter:e,color:n,showIcon:i,showCollapsedIcon:c,showTreeLine:l=!1,className:d}){return t.jsx($e,{showTreeLine:l,collapsed:c,children:t.jsx(be,{colour:n,className:d,children:t.jsx(Ce,{children:i===!0?c===!0?t.jsx(ke,{}):t.jsx(Re,{}):t.jsx(ve,{colour:n,className:d,children:e})})})})}const Ee=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  max-height: 1px;
-  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
-`,Se=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  height: 1px;
-  width: 100%;
-`,Ie=a.div`
-  flex: 1 1 auto;
-  height: 1px;
-  width: 100%;
-`;function Le({kind:e,isScrolling:n}){switch(e){case"section_separator":return t.jsx(Ee,{isScrolling:n});case"account_separator":return t.jsx(We,{"data-testid":y("account-separator",e)})}}const We=()=>t.jsx(Se,{children:t.jsx(Ie,{className:"part-separator"})}),u={timeframeHeight:p[10],leftHeadingWidth:386,leftTimeframeWidth:161,leftLabelWidth:190,bankBalanceWidth:128,bankBalanceTimeframeWidth:126,bankBalanceRightWidth:p[4],bankBalanceRightTimeframeWidth:p[4],clearedBalanceWidth:144,clearedBalanceTimeframeWidth:142,varianceWidth:193,varianceTimeframeWidth:180,varianceNumberWidth:112,varianceNumberLoadingWidth:130,variancePercentageWidth:p[10],statusWidth:144,statusTimeframeWidth:142,tickLeftMargin:p[4],circleRadius:p[4],spacerLineWidth:p[5],wrapperPadding:p[8]};function Lt(e){switch(e){case"timeframe_headers":return p[12];case"title_string_only":return p[8];case"ac_group_report":return p[8];case"total":return p[8];case"section":return p[0];case"loading_in_progress":return p[8];default:return p[0]}}function Wt(){return!0}const Pe=a.div`
-  display: flex;
-  flex-direction: column;
-  height: ${e=>e.heightValue}px;
-  justify-content: flex-start;
-  align-items: center;
-  padding-right: ${u.wrapperPadding}px;
-  cursor: pointer;
-  .part-separator {
-    background-color: ${e=>e.isLastRow?e.theme.colors.hero:e.isSelectedRow?e.theme.colors.primary:e.theme.colors.grey3};
-  }
-  .any-text-container {
-    ${e=>e.isSelectedRow?we`
-            color: ${e.theme.colors.primary};
-          `:null}
-  }
-
-  .bank-icon-container {
-    display: none;
-  }
-
-  &:hover {
-    .part-separator {
-      background-color: ${e=>e.theme.colors.primary};
-    }
-    .any-text-container {
-      color: ${e=>e.theme.colors.primary};
-    }
-    .bank-icon-container {
-      display: flex;
-    }
-  }
-`,_e=a.div`
-  height: ${o.sp8};
-`,Be=a.div`
-  width: 100%;
-  height: ${e=>e.heightValue-1}px;
-  user-select: none;
-  display: flex;
-  flex: 1 1 auto;
-  flex-flow: row;
-  justify-content: flex-start;
-  align-items: center;
-`,Ne=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  justify-content: flex-start;
-  align-items: center;
-  gap: ${o.sp2};
-  margin-left: ${o.sp4};
-`,De=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${o.sp1};
-  margin-top: ${o.sp1};
-`,Ae=a(w)`
-  user-select: none;
-  clear: both;
-  display: inline-block;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  text-align: left;
-  color: ${e=>e.theme.colors.hero};
-  width: ${u.leftLabelWidth}px;
-  min-width: ${u.leftLabelWidth}px;
-`,Me=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  justify-content: flex-end;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-`,Ve=a(w)`
-  width: ${u.bankBalanceWidth}px;
-  min-width: ${u.bankBalanceWidth}px;
-  text-align: right;
-`,Oe=a.div`
-  width: ${u.bankBalanceRightWidth}px;
-  min-width: ${u.bankBalanceRightWidth}px;
-`,Ue=a(w)`
-  width: ${u.clearedBalanceWidth}px;
-  min-width: ${u.clearedBalanceWidth}px;
-  text-align: right;
-`,Fe=a(w)`
-  width: ${u.statusWidth}px;
-  min-width: ${u.statusWidth}px;
-  height: 1px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-`,Qe=a.div`
-  display: flex;
-  flex-direction: row;
-  min-width: ${u.spacerLineWidth}px;
-  width: ${u.spacerLineWidth}px;
-  align-items: center;
-`,He=a.div`
-  width: 1px;
-  margin-left: ${o.sp3};
-  height: ${e=>e.heightValue}px;
-  background-color: ${e=>e.theme.colors.grey3};
-`,qe=a.div`
-  display: flex;
-  flex-shrink: 0;
-  width: ${u.varianceTimeframeWidth}px;
-  min-width: ${u.varianceTimeframeWidth}px;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  text-align: center;
-  gap: ${o.sp2};
-  margin-left: ${u.tickLeftMargin}px;
-`,ze=a(w)`
-  border-radius: ${o.sp1};
-  color: ${e=>e.textColor.hex()};
-  min-width: ${u.varianceNumberWidth}px;
-  text-align: right;
-`,Ke=a(w)`
-  border-radius: ${o.sp1};
-  padding: ${o.sp0} ${o.sp1};
-  justify-content: center;
-  text-align: center;
-  color: ${e=>e.textColor.hex()};
-  background-color: ${e=>e.bgColor.hex()};
-  min-width: ${u.variancePercentageWidth}px;
-`,Je=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,Ge=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,Xe=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${o.sp1};
-`,Ye=a(S)`
-  color: ${g.success};
-`,K=a(S)`
-  color: ${g.success};
-`,Ze=a(je)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${g.success};
-`,C=a(w)`
-  text-align: right;
-`,et=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-`,tt=a(ue)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,nt=a(w)`
-  text-align: right;
-  color: ${g.important};
-  cursor: pointer;
-  text-decoration: underline;
-`,ot=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  justify-content: flex-start;
-`,at=a.div`
-  display: flex;
-  flex-direction: row;
-  gap: ${o.sp1};
-  align-items: center;
-`,it=a.div`
-  padding-top: ${o.sp1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ct=a(de)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,A=a(fe)`
-  width: 12px;
-  height: 12px;
-  color: ${e=>e.iconColor.hex()};
-  margin-top: ${o.sp1};
-`,$=a.div`
-  display: flex;
-  gap: ${o.sp1};
-`,M=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,J=a(w)`
-  color: ${e=>e.theme.colors.hero};
-`,V=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${o.sp1};
-`,O=a(S)`
-  color: ${e=>e.textColor.hex()};
-`,U=a(S)`
-  color: ${e=>e.textColor.hex()};
-`,F=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,Q=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,R=a(S)`
-  color: ${e=>e.textColor.hex()};
-`,st=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,rt=a(Y)`
-  color: ${e=>e.theme.colors.hero};
-`,lt=a(Y)`
-  color: ${g.brandColorPearl};
-`,dt=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-`,ut=a(G)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-top: 2px;
-`,xt=a(G)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,pt=a(X)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-top: 2px;
-`,ht=a(X)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-top: 2px;
-`,{expenseAutomation:{accountRecon:{reconciliation:s}},common:{strings:{hyphen:h,percentage:gt}}}=se.getLocalizedStrings();function Pt({height:e,accountRecon:n,isLastRow:i,isSelectedRow:c,onReviewClicked:l,onOpenDrawerClicked:d,onConnectClicked:r,onReconnectClicked:m,onStatementAddClicked:I}){const _=xe(),L=E(),v=n.accountReconEntity.account.accountName,j=n.accountReconEntity.balance,B=n.accountReconEntity.clearedBalance,te=n.accountReconEntity.variance,ne=n.accountReconEntity.variancePercentage,oe=()=>{r?.(n.accountReconEntity.account.accountId)},ae=()=>{m?.(n.accountReconEntity.account.accountId)},ie=()=>{I?.(n.accountReconEntity.account.accountId)},H=()=>{l?.(n.accountReconEntity.account.accountId)},[ce,N]=ye.useState(!1),q=n.accountConnectionStatus==="connected"||n.connectionInProgress===!0?"plaid":n.accountReconEntity.statementStatus?.code==="uploaded"||n.statementParseInProgress===!0?"bank_statement":"plaid",k=q==="plaid"?n.accountReconEntity.balanceDataStatus?.code==="in_progress"||n.connectionInProgress===!0:n.accountReconEntity.statementDataStatus?.code==="parsing"||n.statementParseInProgress===!0;let z=e;return i&&(z=e+p[8]),t.jsxs(Pe,{"data-testid":y("total-row-root-container"),heightValue:z,isLastRow:i,windowSize:_,isSelectedRow:c,onClick:()=>{ce!==!0&&d?.(n.accountReconEntity.account.accountId)},children:[t.jsxs(Be,{isClickable:!0,"data-testid":y("total-row-container"),heightValue:e,children:[t.jsxs(Ne,{children:[t.jsx(Te,{firstLetter:v.charAt(0),color:new x(L.colors.hero),showIcon:!1,showCollapsedIcon:!1,className:"any-text-container"}),t.jsx(De,{children:t.jsx(f,{enterDelay:600,title:v,style:{padding:`${o.sp1} ${o.sp2}`},placement:"bottom",children:t.jsx(Ae,{className:"any-text-container",children:v})})})]}),t.jsxs(Me,{children:[t.jsx(Ve,{children:t.jsx(wt,{lastUpdatedAt:n.accountReconEntity.reconciliationId!=null?n.accountReconEntity.reconUpdatedAt:n.accountReconEntity.accountUpdatedAt,setIsHovering:N,statementStatus:n.accountReconEntity.statementStatus.code,accountId:n.accountReconEntity.account.accountId,bankBalance:j,bankConnection:n.accountConnectionStatus,onConnectClicked:oe,onStatementAddClicked:ie,isLoading:k,onReconnectClicked:ae})}),t.jsx(Oe,{children:t.jsx(kt,{statementStatus:n.accountReconEntity.statementStatus.code,statementParseInProgress:n.statementParseInProgress,connectionInProgress:n.connectionInProgress,bankStatusCode:n.accountConnectionStatus})}),t.jsx(Ue,{children:t.jsx($t,{clearedBalance:B,isLoading:k})}),t.jsx(mt,{isLoading:k,variance:te,variancePercentage:ne,reconciliationStatusCode:n.accountReconEntity.reconciliationStatus?.code}),t.jsx(Qe,{children:t.jsx(He,{heightValue:e})}),t.jsx(Fe,{onMouseEnter:()=>{N(!0)},onMouseLeave:()=>{N(!1)},children:q==="plaid"?t.jsx(jt,{accountRecon:n,isLoading:k,onReviewClicked:H}):t.jsx(yt,{accountRecon:n,isLoading:k,onReviewClicked:H})})]})]}),t.jsx(Le,{kind:"account_separator",isScrolling:!1}),i?t.jsx(_e,{}):null]})}const mt=({variance:e,variancePercentage:n,reconciliationStatusCode:i,isLoading:c})=>{const l=E(),{varianceColor:d,variancePercentageColor:r,variancePercentageContainerColor:m}=ft(l,e,i);return t.jsxs(qe,{children:[t.jsx(ze,{textColor:d,className:"any-text-container",children:e==null||c?h:T("0,0",e)}),t.jsxs(Ke,{textColor:r,bgColor:m,className:"any-text-container",children:[n!=null&&!c?n===0?"0":n.toFixed(2):h,n!=null&&!c?gt:null]})]})},ft=(e,n,i,c)=>{let l,d,r;return n!=null&&n.amount===0&&i!=null&&i==="reconciled"?(l=new x(g.success),d=new x(g.success),r=new x(g.successLight)):c===!0?(l=new x(e.colors.primary),d=new x(e.colors.primary),r=new x(e.colors.grey2)):(l=new x(e.colors.hero),d=new x(e.colors.hero),r=new x(e.colors.background)),{varianceColor:l,variancePercentageColor:d,variancePercentageContainerColor:r}},jt=({accountRecon:e,isLoading:n,onReviewClicked:i})=>{const c=e.accountReconEntity.reconciliationStatus,l=e.accountConnectionStatus,d=e.accountReconEntity.reconciliationId!=null?e.accountReconEntity.reconUpdatedAt:e.accountReconEntity.accountUpdatedAt,r=d!=null?`${d.utc(!0).fromNow().toLowerCase()}`:h;if(n)return t.jsx(vt,{});if(e.accountReconEntity.balanceDataStatus?.code==="not_found"){let m="";return e.accountReconEntity.balance==null&&e.accountReconEntity.clearedBalance==null?m=s.status.balanceNotFound:e.accountReconEntity.balance==null?m=s.status.bankBalanceNotFound:m=s.status.clearedBalanceNotFound,t.jsx(bt,{status:m,tooltipText:r})}if(l==="reconnect"||l==="not_connected")return t.jsx(D,{tooltipText:r,showTooltip:d!=null});if(c==null&&l==="connected"&&e.accountReconEntity.balance!=null&&e.accountReconEntity.clearedBalance!=null)return t.jsx(W,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:i});if(c!=null)switch(c.code){case"save_for_later":case"pending":return t.jsx(W,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:i});case"reconciled":return t.jsx(P,{isQBO:!1,user:e.accountReconEntity.user,tooltipText:r});case"in_progress":return t.jsx(ee,{tooltipText:r});case"failed":return t.jsx(Z,{tooltipText:r});case"reconciled_on_qbo":return t.jsx(P,{isQBO:!0,tooltipText:r});default:return null}else return t.jsx(D,{showTooltip:d!=null,tooltipText:r})},yt=({accountRecon:e,isLoading:n,onReviewClicked:i})=>{const c=e.accountReconEntity.reconciliationStatus,l=e.accountReconEntity.statementDataStatus?.code==="validated"||e.accountReconEntity.statementDataStatus?.code==="processed",d=e.accountReconEntity.reconUpdatedAt,r=d!=null?`${d.utc(!0).fromNow().toLowerCase()}`:h;if(e.accountReconEntity.statementDataStatus?.code==="parsing_failed"||e.accountReconEntity.statementDataStatus?.code==="validation_failed"||e.accountReconEntity.statementDataStatus?.code==="processing_failed")return t.jsx(Rt,{code:e.accountReconEntity.statementDataStatus?.code,tooltipText:r,errorMessage:e.accountReconEntity.errorMessage?.errorShort});if(n)return t.jsx(Ct,{});if(c==null&&l&&e.accountReconEntity.balance!=null&&e.accountReconEntity.clearedBalance!=null)return t.jsx(W,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:i});if(c!=null)switch(c.code){case"save_for_later":case"pending":return t.jsx(W,{buttonLabel:s.status.review,isDisabled:!1,dataTestId:y("status-button",e.accountReconEntity.account.accountId),tooltipText:r,onClick:i});case"reconciled":return t.jsx(P,{isQBO:!1,user:e.accountReconEntity.user,tooltipText:r});case"reconciled_on_qbo":return t.jsx(P,{isQBO:!0,tooltipText:r});case"in_progress":return t.jsx(ee,{tooltipText:r});case"failed":return t.jsx(Z,{tooltipText:r});default:return null}else return t.jsx(D,{showTooltip:d!=null,tooltipText:r})},W=({buttonLabel:e,isDisabled:n,tooltipText:i,dataTestId:c,onClick:l})=>t.jsx(f,{title:t.jsx(b,{tooltipText:i}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsx(Je,{children:t.jsx(me,{label:e,size:"standard",variant:"secondary",style:{padding:`${o.sp1} 12px`},disabled:n,"data-testid":c,onClick:d=>{d.stopPropagation(),l()}})})}),P=({user:e,isQBO:n,tooltipText:i})=>t.jsx(f,{title:t.jsx(b,{tooltipText:i}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxs(Ge,{children:[t.jsxs(Xe,{children:[t.jsx(Ze,{}),t.jsx(Ye,{children:n?s.status.reconciledVia:s.status.reconciledBy})]}),n?t.jsx(K,{children:s.status.QBOUser}):e&&t.jsxs(K,{children:[e.firstName," ",e.lastName]})]})}),wt=({bankBalance:e,bankConnection:n,statementStatus:i,lastUpdatedAt:c,fromDrawer:l=!1,onConnectClicked:d,onReconnectClicked:r,isLoading:m,accountId:I,onStatementAddClicked:_,setIsHovering:L})=>{const v=Tt();if(l===!0)return t.jsx(C,{className:"any-text-container",children:T("0,0",e)??h});if(m===!0)return t.jsx(C,{className:"any-text-container",children:h});if(n==="reconnect"){const j=c!=null?`${c.utc(!0).fromNow()}`:h;return t.jsxs(ot,{children:[t.jsxs(at,{children:[t.jsx(it,{children:t.jsx(f,{title:t.jsx(b,{tooltipText:j}),placement:"bottom",style:{padding:`2px ${o.sp2}`},children:t.jsx(ct,{})})}),t.jsx(C,{className:"any-text-container",children:e!=null?T("0,0",e):h})]}),t.jsx(nt,{"data-testid":y("account-reconciliation-reconnect-button",I),onClick:B=>{B.stopPropagation(),r?.()},children:s.connect.reconnnect})]})}else return n==="connected"||i==="uploaded"?t.jsx(C,{className:"any-text-container",children:T("0,0",e)??h}):t.jsx(et,{"data-testid":y("account-reconciliation-connect-button",I),onMouseEnter:()=>{L(!0)},onMouseLeave:()=>{L(!1)},children:t.jsx(re,{controller:v.length>0,children:t.jsx(f,{title:s.tooltips.selectSource,style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsx(le,{moreIconType:"custom",customIcon:t.jsx(tt,{}),options:v,customStyleConfig:{option:()=>({".option-container":{justifyContent:"flex-start"}}),valueContainer:()=>({height:o.sp3,".more-icon":{width:o.sp3,height:o.sp3}})},menuPlacement:"auto",onOptionSelection:j=>{j==="bank_connection"?d?.():j==="statement"&&_?.()},valueToIcon:j=>j==="bank_connection"?t.jsx(ut,{}):j==="statement"?t.jsx(pt,{}):null})})})})},$t=({clearedBalance:e,isLoading:n})=>e!=null&&n===!1?t.jsx(C,{className:"any-text-container",children:T("0,0",e)??h}):t.jsx(C,{className:"any-text-container",children:h}),Z=({tooltipText:e})=>{const n=new x(g.important);return t.jsx(f,{title:t.jsx(b,{tooltipText:e}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsx($,{children:t.jsxs(M,{children:[t.jsx(A,{iconColor:n}),t.jsx(V,{children:t.jsx(O,{textColor:n,children:s.status.reconciliationFailed})}),t.jsx(F,{children:t.jsx(U,{textColor:n,children:s.status.reconcileViaQBO})})]})})})},bt=({status:e,tooltipText:n})=>{const i=new x(g.brandColorGoldDark);return t.jsx(f,{title:t.jsx(b,{tooltipText:n}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxs($,{children:[t.jsx(A,{iconColor:i}),t.jsxs(M,{children:[t.jsx(V,{children:t.jsx(O,{textColor:i,children:e})}),t.jsx(F,{children:t.jsx(U,{textColor:i,children:s.status.reconcileViaQBO})})]})]})})},ee=({tooltipText:e})=>{const n=E(),i=new x(n.colors.grey1);return t.jsx(f,{title:t.jsx(b,{tooltipText:e}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsx($,{children:t.jsxs(Q,{children:[t.jsx(R,{textColor:i,children:s.status.autoReconInProgress}),t.jsx(R,{textColor:i,children:s.status.isInProgress})]})})})},vt=()=>{const e=E(),n=new x(e.colors.grey1);return t.jsx($,{children:t.jsxs(Q,{children:[t.jsx(R,{textColor:n,children:s.status.balanceSyncInProgress}),t.jsx(R,{textColor:n,children:s.status.isInProgress})]})})},Ct=()=>{const e=E(),n=new x(e.colors.grey1);return t.jsx($,{children:t.jsxs(Q,{children:[t.jsx(R,{textColor:n,children:s.status.statementSyncInProgress}),t.jsx(R,{textColor:n,children:s.status.isInProgress})]})})},Rt=({code:e,tooltipText:n,errorMessage:i})=>{const c=new x(g.important),l=Et(e,"list",i);return t.jsx(f,{title:t.jsx(b,{tooltipText:n}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxs($,{children:[t.jsx(A,{iconColor:c}),t.jsxs(M,{children:[t.jsx(V,{children:t.jsx(O,{textColor:c,children:l})}),t.jsx(F,{children:t.jsx(U,{textColor:c,children:s.status.failed})})]})]})})},D=({showTooltip:e,tooltipText:n})=>e==!1?t.jsx($,{children:t.jsx(J,{children:h})}):t.jsx(f,{title:t.jsx(b,{tooltipText:n}),style:{padding:`${o.sp1} ${o.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsx($,{children:t.jsx(J,{children:h})})}),b=({tooltipText:e})=>t.jsxs(st,{children:[t.jsx(rt,{children:s.tooltips.lastUpdated}),t.jsx(lt,{children:e})]}),kt=({statementStatus:e,statementParseInProgress:n,bankStatusCode:i,connectionInProgress:c})=>{let l=e==="uploaded"||n===!0?t.jsx(ht,{}):null;return l=i==="connected"||i==="reconnect"||c===!0?t.jsx(xt,{}):l,t.jsx(dt,{className:"bank-icon-container",children:l})};function Tt(){const e=[];return e.push({label:s.menu.bankConnection,value:"bank_connection"}),e.push({label:s.menu.statement,value:"statement"}),e}const Et=(e,n,i)=>{if(i!=null&&n==="drawer")return i;let c="";switch(e){case"parsing_failed":c=s.status.statementParseError;break;case"validation_failed":c=s.status.statementValidationFailed;break;case"processing_failed":c=s.status.statementProcessingFailed;break;default:c=s.status.statementParseError;break}return n==="drawer"&&(c=c+" "+s.status.failed),c};export{Te as B,wt as C,Pt as D,Et as E,Lt as L,Wt as N,ft as f,u,$t as w};

package/dist/assets/BillingSettingsPage-CmvoTc8r-DeChOFZr.js

@@ -1,44 +0,0 @@
-import{u as fe,X as Ce,a as xe,c3 as Pe,ab as $,M as be,j as t,C as P,aW as Ae,d as Ie,F as ve,aQ as je,c4 as $e,a7 as ke,o as s,h3 as ze,cw as Be,cx as Ee,p as b,s as Te,gi as Ve,Q as Oe,g as Le}from"./index-BU_OFOHO.js";import{b as W,n as r}from"./vendor-CnQcJ2Lu.js";import{M as De,r as H,e as Me}from"./PaymentAccountSetupBillingAddressSection-C0zGxU4f-BbIQnivK.js";import{z as Re}from"./SetUpAccountSection-B0J0zCOF-BgXG5DS8.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./SetUpDefaultSection-ES6v0-xw-DftidMnh.js";import"./ChaseOverlay-B1cuawle-CSkF_51t.js";const p={titleWidth:new P(343,580,726,826),setupDetailsRowGap:new P(12,b[5],b[5]),iconWidthHeight:new P(20,b[4]),subTitlePaddingTop:new P(12,b[3])},We={title:new Oe("standardSemiBold","largeSemiBold")},_="billingSetupPage",A="payAccountSectionId",n="subscriptionBillingAddressSectionId",lt=({analytics:e,billingSetupView:a,connectedAccountProvider:g,isDisabled:d,onClickMenuIcon:I,uiState:K,stripeKey:N,googleAPIKey:J,companyId:Q,onUpdateAccountClick:q,onFetchLinkTokenClick:G,onUpdatePaymentAccountStatus:X,onUpdatePaymentAccountLoginStatus:Z,onEstablishConnectionClick:Y,onEstablishConnectionSuccess:ee,handleCreateCardSetupIntent:te,handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:k,handleAddCardPaymentSource:ie,resetCardPaymentViewState:oe,handleResetCardPaymentErrorStatuses:ae,onBillingAddressSave:se,onAddressEditHandler:re})=>{const C=fe(),i=Ce(),{setupView:{paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,accountFetchStatus:z},cardPaymentView:m}=a,ce=a.subscriptionBillingAddress,B=y?.providerVerificationStatus,ue=z.fetchState==="In-Progress"||z.fetchState==="Not-Started",S=xe({mode:"onSubmit",reValidateMode:"onChange",defaultValues:F(a),values:F(a),resetOptions:{keepDirtyValues:!0}}),pe=S.handleSubmit(c=>{se(Q)}),E=a.subscriptionBillingAddressSaveStatus,me=async(c,o)=>{const h=o[A];if(c.includes(n)&&o[n]!=null){const v=S.getValues(`${n}`).country;let u=o[n];if(c.includes(`${n}.street`)&&o[n].street!=null){const{addressValue:f}=o[n].street,j=Be(f?.country);u={street:o[n].street??l.strings.empty,city:f?.locality??l.strings.empty,state:f?.administrativeAreaLevel1??l.strings.empty,country:j,countryCode:f?.countryCode??l.strings.empty,postalCode:f?.postalCode??l.strings.empty,secondaryInfo:o[n].secondaryInfo,suite:o[n].suite},v.selectedOption!==j.selectedOption&&(u={...u,country:j})}else c===`${n}.country`&&v.selectedOption!=null&&(u={...u,countryCode:Ee(v.selectedOption)});u!=null&&re(u)}else c.includes(A)&&h.account.selectedOption!=null&&y?.paymentAccountId!=null&&y.zeniAccountId!==h.account.selectedOption&&q(h.account.selectedOption,y.paymentAccountId)};W.useEffect(()=>{const c=S.watch((o,{name:h})=>{h!=null&&o!=null&&Pe(()=>me(h,o))});return()=>{c.unsubscribe()}});const T=C.mode==="light"?new $(C.colors.brandColorJadeLight):new $(C.colors.brandColorJadeDark),{customerOnboardingPage:{sections:{link_payment_account:he,card_payment_method:w}},common:l,billingSetupPage:V}=be.getLocalizedStrings(),ge=V.section.subTitle,{text:ye,subText:Se}=he,O=m.cardsList.length>0,L=m?.cardsList[0]?.brand??"other",D=m?.addCardPaymentSourceStatus.fetchState,x=De(w.header,w.titleText,w.protectedCardNo,m);let M;O&&(M={header:x.header,title:x.title,subtitle:x.subtitle,status:x.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:O===!0,icon:{element:t.jsx("img",{src:H(L).iconURL,width:p.iconWidthHeight.valuePx(i),height:p.iconWidthHeight.valuePx(i),alt:H(L).name}),color:new $(T)},showCompletedIcon:!1,isError:D==="Error",isLoading:D==="In-Progress",isCompleted:!0,showRightArrow:!1});const[R,we]=W.useState(!1);return t.jsxs(_e,{children:[t.jsx(Ae,{source:"BillingSettingsPage",title:V.section.title,backgroundColor:C.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:i==="medium-compact"||i==="small",onClickMenuIcon:I}),t.jsxs(He,{windowSize:i,children:[t.jsx(Fe,{windowSize:i,children:ge}),ue?t.jsx(Ue,{children:t.jsx(Ie,{size:"ExtraLarge",start:!0})}):t.jsx(ve,{...S,children:t.jsx(qe,{children:t.jsx("form",{id:U(_),onSubmit:pe,children:t.jsxs(Ke,{windowSize:i,children:[t.jsx(Re,{connectedAccountProvider:g,paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,header:w.header,sectionTitle:w.header,defaultSectionTitle:ye,defaultSectionSubTitle:Se,sectionId:A,isDisabled:d,onFetchLinkTokenClick:G,onEstablishConnectionClick:Y,onUpdatePaymentAccountStatus:X,onUpdatePaymentAccountLoginStatus:Z,onEstablishConnectionSuccess:ee,isError:B?.code==="require_info"||B?.code==="failed",icon:{element:t.jsx(je,{width:p.iconWidthHeight.valuePx(i),height:p.iconWidthHeight.valuePx(i)}),color:T},analytics:e,productType:"billing",updateCardPaymentModalState:k,cardPaymentSectionValues:M,cardPaymentView:m,resetCardPaymentViewState:oe,showZeniAccountSection:!1,referrer:"Billing",cardSetupInProgress:R}),Ne(i,l.headers.billingAddress,ce,J,d)]})})})}),$e(S.formState.dirtyFields)?t.jsx(ke,{formId:U(_),style:{width:i==="small"?"auto":"100%",paddingTop:s.sp2,paddingBottom:s.sp2,height:s.sp8},primaryBtn:{label:l.footer.save,isLoading:E?.fetchState==="In-Progress",isDisabled:E?.fetchState==="In-Progress",style:{height:s.sp6}},showCancel:!1,containerStyle:{width:"auto",justifyContent:"center"}}):null]}),t.jsx(Me,{handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:k,handleCreateCardSetupIntent:te,handleAddCardPaymentSource:ie,cardPaymentView:m,isCardPaymentOpen:K.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:ae,stripeKey:N,cardSetupInProgress:R,setCardSetupInProgress:we})]})},F=e=>{const{paymentAccount:a,allBankAccounts:g}=e.setupView;return{[A]:{account:{selectedOption:a?.zeniAccountId,allOptions:g.map(d=>({label:d.accountName,value:d.accountId}))}},[n]:ze(n,e.subscriptionBillingAddress)[n]}},He=r.div`
-  display: flex;
-  justify-content: space-between;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  row-gap: ${e=>p.setupDetailsRowGap.valuePx(e.windowSize)};
-`,_e=r.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Fe=r(Te)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>p.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>p.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${s.sp3};
-  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-`,Ue=r.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Ke=r.div`
-  display: flex;
-  flex-direction: column;
-`,Ne=(e,a,g,d,I)=>t.jsxs(Je,{children:[t.jsx(Qe,{windowSize:e,isDisabled:I==="disabled",children:a}),t.jsx(Ve,{googleAPIKey:d??"",addressToEdit:g,sectionId:`${n}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"}})]}),Je=r.div`
-  margin-top: ${s.sp3};
-  margin-bottom: ${s.sp4};
-`,Qe=r.div`
-  ${e=>`${We.title.style(e.windowSize)}`};
-  margin-bottom: ${s.sp3};
-  margin-top: ${s.sp4};
-  color: ${e=>e.isError===!0?Le.important:e.isDisabled===!0?e.theme.colors.grey1:e.theme.colors.primary};
-`,qe=r.div`
-  flex: 1;
-`,U=e=>`${e}_form`;export{lt as default,U as uniqueName};

package/dist/assets/BillsBulkReviewDrawerPage-OSbHVAMk-DHypnLOn.js

@@ -1 +0,0 @@
-import{M as V,j as b,bN as q,bP as M,bQ as W,jl as z,l as H,aJ as J}from"./index-BU_OFOHO.js";import{b as _}from"./vendor-CnQcJ2Lu.js";import{m as Q}from"./ReviewOverlay-Bywh-8pJ-CohY-7e4.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const{common:n,spendManagement:{billPay:C}}=V.getLocalizedStrings(),o=C.bulkActions;let x;const ce=({billsReviewView:t,analytics:r,onProceedForBulkActionClick:l,onCloseReviewItem:e,onCloseOverlay:c})=>{const{fetchState:m,bulkSubmissionFetchState:a,bulkOperationTypeSelected:i,currentTab:g,currentSubTab:w}=t,u=i==="review",[P,h]=_.useState(!1),[s,v]=_.useState(j(t,u)),[p,E]=_.useState(u),[B,T]=_.useState(0),[f,k]=_.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});_.useEffect(()=>(u&&(x=setInterval(()=>{v(d=>d.map((S,O)=>(clearInterval(x),O===B?{...S,reviewStatus:{isLoading:!1,code:"valid"}}:S))),T(d=>d+1)},1e3)),B===s.length&&p&&(E(!1),clearInterval(x)),!u&&t.fetchState==="Completed"&&v(j(t,!1)),()=>{clearInterval(x)}),[s.length,B,p,t.fetchState,u,t]);const R=s.length,y=s.filter(d=>d.reviewStatus.code!=="error").length,N=()=>{const{title:d,description:S}=Y(y);k({type:"reject",title:d,description:S,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),r.trackBillPayBulkSubmit(i,g,w),h(!0)},A={onOkClick:d=>{h(!1),r.trackBillPayBulkPopupConfirm(i,g,w,X(t)),l("reject",d)},onCancelClick:()=>{h(!1)}},{title:F,description:$}=Z(m,y,R,p),I=t.fetchState==="Completed"&&y===0,U=()=>{r.trackBillPayBulkSubmit(i,g,w),l(i)},D={label:I?n.texts.close:i==="send_for_approval"?n.footer.submit:n.footer.approve,isDisabled:m!=="Completed"||i==="reject"&&a==="In-Progress",isLoading:a==="In-Progress"&&(i==="send_for_approval"||i==="approve"),onClick:I?c:U,style:i==="send_for_approval"?{minWidth:"92px"}:{}},L={label:i==="send_for_approval"?n.texts.goBack:n.footer.reject,isDisabled:i!=="reject"&&a==="In-Progress",isLoading:i==="reject"&&a==="In-Progress",reverseSpinnerColor:!1,onClick:i==="send_for_approval"?c:N,style:i==="approve"?{minWidth:"92px"}:{}};return b.jsxs(b.Fragment,{children:[P?b.jsx(q,{titleComponent:b.jsx(W,{children:f.title}),descriptionComponent:b.jsx(M,{children:f.description}),primaryButtonText:f.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:f.secondaryButtonText,action:A,isNotesIncluded:!0,isEditPopup:!0}):null,b.jsx(Q,{title:F,description:{content:$,isError:t.fetchState==="Completed"&&y===0},reviewItems:s,onCloseReviewItem:e,onCloseOverlay:c,showFooter:t.fetchState==="Completed"&&!p,footerProps:{primaryButton:D,cancelButton:L,hideCancel:I}})]})},j=(t,r)=>{const l=t.fetchState==="In-Progress";return t.billsForReview.map(e=>({id:e.transactionId,leftSideText:{title:e.vendorName?e.vendorName:C.billDetails.newBillTitle,subTitle:`${C.billDetails.invoiceNo} ${e.invoiceNumber?e.invoiceNumber:n.strings.hyphen}`},rightSideText:{title:J("0,0.[00]",e.amount?.amount,e.amount?.currencySymbol),showThunderIcon:e.reviewErrors?.length===1&&H.isBillConditionallyValid(e.reviewErrors[0].reviewErrorCode),subTitle:G(e.reviewStatus==="warning",e.reviewErrors?.map(c=>c.reviewInfoMessage)),additonalInfo:e.reviewErrors!=null&&e.reviewErrors.length>1?o.reviewPage.removeOrProceed:void 0},reviewStatus:{isLoading:r?!0:l,code:e.reviewErrors?.length===1&&e.reviewErrors[0].reviewErrorCode==="ERR_INSUFFICIENT_FUNDS"?"low-balance":e.reviewStatus??""}}))},X=t=>{const r=t.billsForReview;let l=[];return r.forEach(e=>{l=z([...l,e.isRecurring?"recurring":"one-time"])}),l},Y=t=>{const{this_:r,these:l,bill:e,bills:c,payment:m,payments:a}=n.texts;return t>1?{title:o.popUps.reject.title.replace("<_payment_>",o.payments),description:o.popUps.reject.description.replaceAll("<_this_>",l).replaceAll("<_payment_>",a).replaceAll("<_bill_>",c)}:{title:o.popUps.reject.title.replace("<_payment_>",o.payment),description:o.popUps.reject.description.replaceAll("<_this_>",r).replaceAll("<_payment_>",m).replaceAll("<_bill_>",e)}},Z=(t,r,l,e)=>{const{has:c,have:m,bill:a,bills:i,are:g,is:w,do_:u,does:P}=n.texts,h=r>1,s=l>1;let v="",p="";return t==="Completed"&&!e?(v=o.reviewPage.billsReviewed.title.replace("<_bill_>",s?C.bulkActions.bills:o.bill).replace("<_has_>",s?m:c),r===0?p=o.reviewPage.billsReviewed.descriptionError.replace("<_bill_>",s?i:a).replace("<_do_>",s?u:P):p=`${r}/${l} ${o.reviewPage.billsReviewed.description.replace("<_bill_>",l>1?i:a).replace("<_is_>",h?g:w)}`):(v=o.reviewPage.billsReviewing.title.replace("<_bill_>",s?i:a),p=o.reviewPage.billsReviewing.description.replace("<_bill_>",s?i:a)),{title:v,description:p}},G=(t,r)=>{if(r?.length!=null){if(r.length>1)return r.join(` ${n.strings.dividerDot} `);if(r.length===1)return t?r[0]+`${n.strings.colon} ${o.reviewPage.removeOrProceed}`:r[0]}return""};export{ce as default,X as getBillsUniqueType};

package/dist/assets/ChargeCardPromoPage-BzcIsHeK-DWt1qpzp.js

@@ -1,175 +0,0 @@
-import{X as f,M as V,j as r,u as F,w as ce,d3 as me,a5 as pe,_ as ue,l as xe,fn as he,aW as ge,o as t,c0 as we,k as Y,c1 as fe,Z as ye,C as x,bO as $e,bu as Ce,K,Y as W,i9 as be,q as Se,p,Q as C,g as $,av as je,aa as ze}from"./index-BU_OFOHO.js";import{b,n as a,j as Te}from"./vendor-CnQcJ2Lu.js";import{x as ve}from"./MeetingCalenderPopup-C4r3bJ84-B_7Xob1I.js";import{f as Pe}from"./NavigationDots-CB5JLuJi-Bme4BexN.js";import{J as D,A as E}from"./PromoBaseCards-CF0Bv_9G-CPu8OwaX.js";import{M as L}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const m={midContainerMarginBottom:new x(p[5],p[7]),containerPaddingTopBottom:new x(p[0],p[0]),containerPaddingLeftRight:new x(p[3],p[8]),uspContainerMarginX:new x(p[6],p[0]),buttonTrayGap:new x(12,p[4]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12])},S={promoBadgeText:new C("standardRegular","largeRegular"),promoBadgeTextBold:new C("standardBold","largeBold"),cardsContent:new C("extraSmallRegular","smallRegular"),contactAdmin:new C("extraSmallRegular","smallRegular"),uspText:new C("smallRegular","standardRegular"),uspBoldText:new C("smallMedium","standardMedium")},{spendManagement:{chargeCard:{chargeCardsPromo:s}}}=V.getLocalizedStrings(),wr=({meetingUrl:e,companyLegalName:n,chargeCardSetupView:d,showEnableCardButton:i,controllerEmails:o,isCardsOnlyTenantOrCreditCardFeatureEnabled:h,isDebitCardFeatureEnabled:u,isDebitCardSetupEnabled:j,isChargeCardSetupEnabled:g,admins:z,cashbackRate:M,cardPromoType:y="credit",onSetupButtonClick:c,onBackClick:l,onClickMenuIcon:ie,onSetupChargeCardSuccess:N})=>{const ae=F(),O=ce(),A=f(),H=me().analytics,{chargeCardTermsDetails:_,companyChargeCardInfo:U,companyLocaleInfo:I}=d,G=pe(_?.fetchStatus.fetchState),[oe,J]=b.useState(!1),ne=()=>{H.trackCardsPromoPageClicked("schedule demo"),H.trackCardsScheduleDemoClick(o,{isCreditCardOffered:h,isDebitCardOffered:u,isDebitCardEnabled:j,isCreditCardEnabled:g},"Cards Promo"),J(!0)},se=U!=null&&I!=null?ue("0,0",{amount:U.chargeCardsCreditAccountLimit,currencyCode:I.currencyCode,currencySymbol:I.currencySymbol}):void 0;b.useEffect(()=>{G==="In-Progress"&&_?.fetchStatus.fetchState==="Completed"&&N()},[G,N,_?.fetchStatus]);const de=xe.hasChargeCardAdminLevelAccess(O.loggedInUserRoleMap),le=he(O);return r.jsxs(Ie,{children:[r.jsx(ge,{title:s.title[y],backgroundColor:ae.colors.grey4,onBackClick:l,showBackButton:!0,showMenuIcon:A==="medium-compact"||A==="small",onClickMenuIcon:ie,style:{zIndex:9},source:"ChargeCardPromoPage"}),oe===!0?r.jsx(ve,{onCancelClick:()=>{J(!1)},meetingUrl:e}):null,r.jsx(Re,{windowSize:A,children:de===!0?r.jsxs(r.Fragment,{children:[r.jsx(Le,{creditAmount:se,cardPromoType:y}),r.jsx(q,{forAdmin:!0,cardPromoType:y,cashbackRate:M}),r.jsx(Be,{showEnableCardButton:i,chargeCardSetupView:d,handleSecondaryBtnClick:ne,onSetupButtonClick:()=>c(y)})]}):r.jsx(Me,{companyLegalName:n,cards:[],admins:z,hasZeniFinopsRoles:le,cardPromoType:y})})]})},ke=({admins:e})=>{const n=e.flatMap(i=>i.user?.firstName+" "+i.user?.lastName).join(", "),d=f();return r.jsxs(Ye,{windowSize:d,children:[r.jsx(R,{underline:!1,windowSize:d,children:s.noCardAssigned.pre}),r.jsx(Ce,{title:n,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(R,{underline:!0,windowSize:d,children:s.noCardAssigned.tooltip})}),r.jsx(R,{underline:!1,windowSize:d,children:s.noCardAssigned.post})]})},Be=({showEnableCardButton:e,chargeCardSetupView:n,handleSecondaryBtnClick:d,onSetupButtonClick:i})=>{const o=f();return r.jsxs(He,{windowSize:o,children:[r.jsxs(Ue,{windowSize:o,children:[r.jsx(K,{variant:"secondary",label:s.scheduleDemoButton,onClick:d,"data-testid":W("schedule-demo-button")}),r.jsx(K,{variant:"primary",label:e?s.enableCardsButton:s.setupCardsButton,loading:n.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress",onClick:i,style:{width:"146px"},"data-testid":W("enable-card-button")})]}),r.jsx(be,{textStyle:Se.smallRegular.cssObject,buttonTermLabel:e?s.terms.alternateTerm1:s.terms.terms1,showEndIcon:!0})]})},Le=({cardPromoType:e,creditAmount:n})=>{const d=f(),i=e==="debit_and_credit"?s.promoTextDebitCreditCard:e==="debit"?s.promoTextDebitCard:s.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:d==="small"?r.jsxs(r.Fragment,{children:[r.jsx(re,{children:i}),r.jsx(te,{children:s.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(Q,{children:i}),r.jsx(ee,{children:s.promoSubText})]})}),r.jsx(Ee,{cardPromoType:e,hideBadge:n==null||e==="debit",windowSize:d,children:r.jsxs(Fe,{windowSize:d,children:[s.promoBadgeText,r.jsx(Ne,{children:n}),s.creditLimit]})})]})},Me=({companyLegalName:e,cards:n,admins:d,hasZeniFinopsRoles:i,cardPromoType:o="credit"})=>{const h=f(),u=o==="debit_and_credit"?s.promoTextDebitCreditCard:o==="debit"?s.promoTextDebitCard:s.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[h==="small"?r.jsxs(r.Fragment,{children:[r.jsx(re,{children:u}),r.jsx(te,{children:s.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(Q,{children:u}),r.jsx(ee,{children:s.promoSubText})]}),n.length===0?r.jsx(Ve,{windowSize:h}):r.jsx(Ae,{cards:n,companyLegalName:e}),r.jsx(q,{forAdmin:!1,cardPromoType:o}),i?null:r.jsx(ke,{admins:d})]})},Ae=({cards:e,companyLegalName:n})=>{const d=F(),i=f();let o="",h;if(e.length===1){h=e[0].cardCreatedByUser.photo;const u=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;o=s.cardAssigned.singleCreditCard.replace("__issuing-user__",u).replace("__company-name__",n)}else o=s.cardAssigned.multipleCreditCards.replace("__company-name__",n);return r.jsxs(Qe,{children:[h!=null?r.jsx(De,{width:t.sp5,height:t.sp5,style:{paddingTop:i==="small"?t.sp1:t.sp0},src:h.href,alt:V.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:u})=>{u.onerror=null,u.src=$e},loading:"lazy"}):null,r.jsx(qe,{windowSize:i,mode:d.mode,children:r.jsx(er,{windowSize:i,children:o})})]})},X=({windowSize:e,cardPromoType:n})=>{let d=s.businessText;return n==="debit"&&(d=`${d} ${s.debit}`),r.jsx(r.Fragment,{children:n==="debit_and_credit"?r.jsx(_e,{}):r.jsxs(Je,{windowSize:e,children:[r.jsx(D,{cardPromoType:n,cardText:d,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(E,{cardPromoType:n,cardText:d,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},q=({forAdmin:e,cardPromoType:n,cashbackRate:d})=>{const i=f(),o=e?s.admin:s.nonAdmin;return r.jsxs(Oe,{windowSize:i,children:[i==="small"?r.jsx(X,{windowSize:i,cardPromoType:n}):null,r.jsxs(Ge,{windowSize:i,children:[r.jsxs(v,{windowSize:i,children:[r.jsx(k,{children:r.jsx(Xe,{})}),r.jsxs(B,{children:[r.jsx(w,{windowSize:i,children:o.item1.pre}),r.jsx(P,{windowSize:i,children:e&&d!=null?o.item1.bold.replace("__cashback__",(d*100).toFixed(2)):o.item1.bold}),r.jsx(w,{windowSize:i,children:o.item1.post})]})]}),r.jsxs(v,{windowSize:i,children:[r.jsx(k,{children:r.jsx(Ke,{})}),r.jsxs(B,{children:[r.jsx(w,{windowSize:i,children:o.item2.pre}),r.jsx(P,{windowSize:i,children:o.item2.bold}),r.jsx(w,{windowSize:i,children:o.item2.post})]})]}),r.jsxs(v,{windowSize:i,children:[r.jsx(k,{children:r.jsx(Ze,{})}),r.jsxs(B,{children:[r.jsx(w,{windowSize:i,children:o.item3.pre}),r.jsx(P,{windowSize:i,children:o.item3.bold}),r.jsx(w,{windowSize:i,children:o.item3.post})]})]}),r.jsxs(v,{windowSize:i,children:[r.jsx(k,{children:r.jsx(We,{})}),r.jsxs(B,{children:[r.jsx(w,{windowSize:i,children:o.item4.pre}),r.jsx(P,{windowSize:i,children:o.item4.bold}),r.jsx(w,{windowSize:i,children:o.item4.post})]})]})]}),i==="small"?null:r.jsx(X,{windowSize:i,cardPromoType:n})]})};let T;const _e=()=>{const e=f(),n=F(),[d,i]=b.useState(0),[o,h]=b.useState(!1),u=s.businessText,j=`${u} ${s.debit}`,g=[{id:1,cardType:"debit",cardText:j},{id:2,cardType:"debit",cardText:j},{id:3,cardType:"credit",cardText:u},{id:4,cardType:"credit",cardText:u}];b.useEffect(()=>(o||(T=setInterval(()=>{i(c=>{const l=c+1;return l===g.length?(h(!0),0):l})},2e3)),()=>clearInterval(T)),[o,g.length]),b.useEffect(()=>{o&&T!=null&&clearInterval(T)},[o]);const z=(c,l)=>{switch((c-d+g.length)%g.length){case 0:return{transform:`translate(0,${l?"100%":0}) scale(1)`,zIndex:l?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${l?"80%":"5%"}) scale(0.75)`,zIndex:l?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};default:return}},M=c=>{const l=z(c,!0);return{...l,transform:`${l?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},y=c=>{o||h(!0),i(c)};return r.jsxs(rr,{windowSize:e,children:[r.jsx(tr,{windowSize:e,children:g.map((c,l)=>r.jsxs(ir,{children:[r.jsx(Z,{isReflection:!1,style:{...z(l,!1)},onClick:()=>y(l),children:l===0||l===2?r.jsx(D,{cardPromoType:c.cardType,cardText:c.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:n.colors.grey2,...n.mode==="light"&&{borderBottom:"none"}}}):r.jsx(E,{cardPromoType:c.cardType,cardText:c.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:n.colors.grey2,...n.mode==="light"&&{borderBottom:"none"}}})},c.id),r.jsx(Z,{isReflection:!0,style:{...M(l)},children:l===0||l===2?r.jsx(D,{cardPromoType:c.cardType,cardText:c.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(E,{cardPromoType:c.cardType,cardText:c.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${c.id}`)]},c.id))}),o&&r.jsx(Pe,{numberOfDots:g.length,activeIndex:d,handleClick:i,promoColor:n.colors.primary,promoColorHover:n.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:m.navigationBottom.valuePx(e),left:m.navigationLeft.valuePx(e),zIndex:7}})]})},Ie=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Re=a.div`
-  padding-top: ${e=>m.containerPaddingTopBottom.valuePx(e.windowSize)};
-  padding-bottom: ${e=>m.containerPaddingTopBottom.valuePx(e.windowSize)};
-  padding-left: ${e=>m.containerPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>m.containerPaddingLeftRight.valuePx(e.windowSize)};
-  text-align: center;
-`,Q=a(fe)`
-  max-width: 927px;
-  margin: auto;
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  padding: ${t.sp7} ${t.sp0} ${t.sp0} ${t.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,ee=a(ye)`
-  color: ${e=>e.theme.colors.primary};
-  margin: auto;
-  margin-top: ${t.sp2};
-`,re=a(we)`
-  margin: auto;
-  max-width: 343px;
-  display: flex;
-  justify-content: center;
-  text-align: center;
-  flex-wrap: wrap;
-  padding: ${t.sp5} ${t.sp0} ${t.sp0} ${t.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,te=a(Y)`
-  max-width: 314px;
-  margin: auto;
-  color: ${e=>e.theme.colors.primary};
-  padding: 6px ${t.sp3} ${t.sp0} ${t.sp3};
-  text-align: center;
-  margin-top: 6px;
-`,De=a.img`
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Ee=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  padding: ${t.sp2} ${t.sp3};
-  background-color: ${e=>e.theme.colors.grey3};
-  border-radius: 96px;
-  margin-top: ${t.sp4};
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: ${e=>e.cardPromoType==="debit_and_credit"&&e.windowSize==="small"?t.sp0:t.sp6};
-  width: fit-content;
-  gap: ${t.sp1};
-  ${e=>e.hideBadge&&`
-    visibility: hidden;
-    `}
-`,Fe=a(Y)`
-  color: ${e=>e.theme.mode==="dark"?$.brandColorJade:$.brandColorSapphire};
-  ${e=>`${S.promoBadgeText.style(e.windowSize)}`};
-  span {
-    color: ${$.success};
-    ${e=>`${S.promoBadgeTextBold.style(e.windowSize)}`};
-  }
-`,Ne=a.span``,Oe=a.div`
-  display: flex;
-  gap: ${e=>m.midContainerGap.valuePx(e.windowSize)};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${e=>m.midContainerMarginBottom.valuePx(e.windowSize)};
-`,He=a.div`
-  display: flex;
-  flex-direction: column;
-`,Ue=a.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
-  align-items: center;
-  justify-content: center;
-  gap: ${e=>m.buttonTrayGap.valuePx(e.windowSize)};
-  z-index: 8;
-`,Ge=a.div`
-  width: ${e=>e.windowSize==="small"?"auto":"288px"};
-  display: flex;
-  flex-direction: column;
-  margin-left: ${e=>m.uspContainerMarginX.valuePx(e.windowSize)};
-  margin-right: ${e=>m.uspContainerMarginX.valuePx(e.windowSize)};
-  z-index: 8;
-`,Je=a.div`
-  display: flex;
-  justify-content: ${e=>e.windowSize==="small"?"center":"flex-start"};
-  min-height: ${e=>m.iconContainerMinHeight.valuePx(e.windowSize)};
-  align-items: center;
-  min-width: 480px;
-`,v=a.div`
-  border-radius: ${t.sp12};
-  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
-  padding: ${e=>e.windowSize==="small"?`${t.sp2} ${t.sp4} ${t.sp2} ${t.sp0}`:`${t.sp3} ${t.sp5} ${t.sp3} ${t.sp0}`};
-  background: ${e=>e.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${t.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  width: ${e=>e.windowSize==="small"?"288px":"100%"};
-  min-height: ${e=>e.windowSize!=="small"?"83px":"44px"};
-  box-sizing: ${e=>e.windowSize==="small"?"unset":"border-box"};
-`,w=a(je)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${S.uspText.style(e.windowSize)}`};
-`,P=a(ze)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${S.uspBoldText.style(e.windowSize)}`};
-`,k=a.div``,B=a.div`
-  padding-left: ${t.sp3};
-`,Ke=a(L)`
-  color: ${$.graphColor16Dark};
-`,We=a(L)`
-  color: ${$.alert};
-`,Xe=a(L)`
-  color: ${$.graphColor11};
-`,Ze=a(L)`
-  color: ${$.success};
-`,Ve=a.div`
-  height: ${e=>m.emptySectionHeight.valuePx(e.windowSize)};
-  ${e=>e.windowSize==="small"?null:Te`
-          margin-top: ${t.sp4};
-          margin-bottom: ${t.sp6};
-        `}
-`,Ye=a.div`
-  color: ${e=>e.theme.colors.hero};
-  margin: ${e=>e.windowSize==="small"?`${t.sp0} ${t.sp3} ${t.sp4} ${t.sp3}`:"auto"};
-  text-align: center;
-`,R=a.span`
-  ${e=>`${S.contactAdmin.style(e.windowSize)}`};
-  text-decoration: ${e=>e.underline?"underline":"none"};
-  cursor: ${e=>e.underline?"default":null};
-`,qe=a.div`
-  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
-`,Qe=a.div`
-  background-color: ${e=>e.theme.colors.grey3};
-  padding: ${t.sp2} ${t.sp3};
-  display: flex;
-  gap: ${t.sp2};
-  margin: auto;
-  max-width: fit-content;
-  border-radius: 96px;
-  margin-top: ${t.sp4};
-  margin-bottom: ${t.sp6};
-`,er=a.span`
-  ${e=>`${S.cardsContent.style(e.windowSize)}`};
-`,rr=a.div`
-  display: flex;
-  flex-direction: column;
-  min-height: ${e=>m.carouselHeight.valuePx(e.windowSize)};
-  min-width: 480px;
-  position: relative;
-`,tr=a.div`
-  position: relative;
-  margin-top: ${e=>m.carouselMarginTop.valuePx(e.windowSize)};
-  margin-left: ${e=>m.carouselMarginLeft.valuePx(e.windowSize)};
-`,ir=a.div`
-  position: relative;
-  overflow: visible;
-`,Z=a.div`
-  position: absolute;
-  ${e=>e.isReflection&&`
-  background-color: ${e.theme.colors.grey4};
-  clip-path: inset(10% 0 0 0);
-  `}
-`;export{Me as ChargeCardPromoUserContent,wr as default};