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

package/dist/assets/AccountRow-D4iz2vCr-D4oo3rJs.js

@@ -1,298 +0,0 @@
-import{j as t,M as se,_ as E,bs as f,o,Y as y,T as re,dG as le,q as w,dH as de,g,dI as Z,cZ as J,cp as ue,a7 as x,w as X,p,X as xe,u as S,ae as pe,dn as he,r as ge,K as me,f as I,b4 as fe,c_ as je}from"./index-BJ9YQ2PG.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()};
-`,Ce=a(ge)`
-  text-align: center;
-  color: ${e=>e.colour.toString()};
-`,ve=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(ve,{children:i===!0?c===!0?t.jsx(ke,{}):t.jsx(Re,{}):t.jsx(Ce,{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};
-`,Oe=a(w)`
-  width: ${u.bankBalanceWidth}px;
-  min-width: ${u.bankBalanceWidth}px;
-  text-align: right;
-`,Ve=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;
-`,Ge=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,Ze=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,Je=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${o.sp1};
-`,Xe=a(I)`
-  color: ${g.success};
-`,K=a(I)`
-  color: ${g.success};
-`,Ye=a(je)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${g.success};
-`,R=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;
-`,G=a(w)`
-  color: ${e=>e.theme.colors.hero};
-`,O=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${o.sp1};
-`,V=a(I)`
-  color: ${e=>e.textColor.hex()};
-`,U=a(I)`
-  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;
-`,k=a(I)`
-  color: ${e=>e.textColor.hex()};
-`,st=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,rt=a(X)`
-  color: ${e=>e.theme.colors.hero};
-`,lt=a(X)`
-  color: ${g.brandColorPearl};
-`,dt=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-`,ut=a(Z)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-top: 2px;
-`,xt=a(Z)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,pt=a(J)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-top: 2px;
-`,ht=a(J)`
-  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:C}){const _=xe(),L=S(),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=()=>{C?.(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",T=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(Oe,{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:T,onReconnectClicked:ae})}),t.jsx(Ve,{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:T})}),t.jsx(mt,{isLoading:T,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:T,onReviewClicked:H}):t.jsx(yt,{accountRecon:n,isLoading:T,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=S(),{varianceColor:d,variancePercentageColor:r,variancePercentageContainerColor:m}=ft(l,e,i),C=c?h:e!=null&&e.amount===0?"0%":n!=null?n===0?"0%":`${n.toFixed(2)}${gt}`:h;return t.jsxs(qe,{children:[t.jsx(ze,{textColor:d,className:"any-text-container",children:e==null||c?h:E("0,0",e)}),t.jsx(Ke,{textColor:r,bgColor:m,className:"any-text-container",children:C})]})},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(Ct,{});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(Y,{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(vt,{});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(Y,{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(Ge,{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(Ze,{children:[t.jsxs(Je,{children:[t.jsx(Ye,{}),t.jsx(Xe,{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:C,onStatementAddClicked:_,setIsHovering:L})=>{const v=Tt();if(l===!0)return t.jsx(R,{className:"any-text-container",children:E("0,0",e)??h});if(m===!0)return t.jsx(R,{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(R,{className:"any-text-container",children:e!=null?E("0,0",e):h})]}),t.jsx(nt,{"data-testid":y("account-reconciliation-reconnect-button",C),onClick:B=>{B.stopPropagation(),r?.()},children:s.connect.reconnnect})]})}else return n==="connected"||i==="uploaded"?t.jsx(R,{className:"any-text-container",children:E("0,0",e)??h}):t.jsx(et,{"data-testid":y("account-reconciliation-connect-button",C),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(R,{className:"any-text-container",children:E("0,0",e)??h}):t.jsx(R,{className:"any-text-container",children:h}),Y=({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(O,{children:t.jsx(V,{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(O,{children:t.jsx(V,{textColor:i,children:e})}),t.jsx(F,{children:t.jsx(U,{textColor:i,children:s.status.reconcileViaQBO})})]})]})})},ee=({tooltipText:e})=>{const n=S(),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(k,{textColor:i,children:s.status.autoReconInProgress}),t.jsx(k,{textColor:i,children:s.status.isInProgress})]})})})},Ct=()=>{const e=S(),n=new x(e.colors.grey1);return t.jsx($,{children:t.jsxs(Q,{children:[t.jsx(k,{textColor:n,children:s.status.balanceSyncInProgress}),t.jsx(k,{textColor:n,children:s.status.isInProgress})]})})},vt=()=>{const e=S(),n=new x(e.colors.grey1);return t.jsx($,{children:t.jsxs(Q,{children:[t.jsx(k,{textColor:n,children:s.status.statementSyncInProgress}),t.jsx(k,{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(O,{children:t.jsx(V,{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(G,{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(G,{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-CAs7DZQz-DXA3xiXV.js

@@ -1,44 +0,0 @@
-import{u as fe,X as Ce,a as xe,c2 as Pe,a7 as k,M as be,j as t,C as P,aW as Ae,d as Ie,F as ve,aQ as je,c3 as ke,a3 as $e,o as s,h0 as Oe,cv as Be,cw as Te,p as b,q as Ve,gf as Ee,Q as ze,g as Le}from"./index-BJ9YQ2PG.js";import{b as R,n as r}from"./vendor-CnQcJ2Lu.js";import{M as De,r as W,e as Me}from"./PaymentAccountSetupBillingAddressSection-CZ8ZY08D-DGZrFamS.js";import{O as Fe}from"./SetUpAccountSection-BBZNI1Xl-eWhde88L.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./SetUpDefaultSection--9Qh-utY-BI5o5mIW.js";import"./ChaseOverlay-KLet3F9X-D9O--vXG.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])},Re={title:new ze("standardSemiBold","largeSemiBold")},_="billingSetupPage",A="payAccountSectionId",n="subscriptionBillingAddressSectionId",lt=({analytics:e,billingSetupView:a,connectedAccountProvider:g,isDisabled:d,onClickMenuIcon:I,uiState:K,stripeKey:N,googleAPIKey:q,companyId:J,onUpdateAccountClick:G,onFetchLinkTokenClick:Q,onUpdatePaymentAccountStatus:Z,onUpdatePaymentAccountLoginStatus:X,onEstablishConnectionClick:Y,onEstablishConnectionSuccess:ee,handleCreateCardSetupIntent:te,handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:$,handleAddCardPaymentSource:ie,resetCardPaymentViewState:oe,handleResetCardPaymentErrorStatuses:ae,onBillingAddressSave:se,onAddressEditHandler:re})=>{const C=fe(),i=Ce(),{setupView:{paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,accountFetchStatus:O},cardPaymentView:m}=a,ce=a.subscriptionBillingAddress,B=y?.providerVerificationStatus,ue=O.fetchState==="In-Progress"||O.fetchState==="Not-Started",S=xe({mode:"onSubmit",reValidateMode:"onChange",defaultValues:H(a),values:H(a),resetOptions:{keepDirtyValues:!0}}),pe=S.handleSubmit(c=>{se(J)}),T=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:Te(v.selectedOption)});u!=null&&re(u)}else c.includes(A)&&h.account.selectedOption!=null&&y?.paymentAccountId!=null&&y.zeniAccountId!==h.account.selectedOption&&G(h.account.selectedOption,y.paymentAccountId)};R.useEffect(()=>{const c=S.watch((o,{name:h})=>{h!=null&&o!=null&&Pe(()=>me(h,o))});return()=>{c.unsubscribe()}});const V=C.mode==="light"?new k(C.colors.brandColorJadeLight):new k(C.colors.brandColorJadeDark),{customerOnboardingPage:{sections:{link_payment_account:he,card_payment_method:w}},common:l,billingSetupPage:E}=be.getLocalizedStrings(),ge=E.section.subTitle,{text:ye,subText:Se}=he,z=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;z&&(M={header:x.header,title:x.title,subtitle:x.subtitle,status:x.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:z===!0,icon:{element:t.jsx("img",{src:W(L).iconURL,width:p.iconWidthHeight.valuePx(i),height:p.iconWidthHeight.valuePx(i),alt:W(L).name}),color:new k(V)},showCompletedIcon:!1,isError:D==="Error",isLoading:D==="In-Progress",isCompleted:!0,showRightArrow:!1});const[F,we]=R.useState(!1);return t.jsxs(_e,{children:[t.jsx(Ae,{source:"BillingSettingsPage",title:E.section.title,backgroundColor:C.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:i==="medium-compact"||i==="small",onClickMenuIcon:I}),t.jsxs(We,{windowSize:i,children:[t.jsx(He,{windowSize:i,children:ge}),ue?t.jsx(Ue,{children:t.jsx(Ie,{size:"ExtraLarge",start:!0})}):t.jsx(ve,{...S,children:t.jsx(Ge,{children:t.jsx("form",{id:U(_),onSubmit:pe,children:t.jsxs(Ke,{windowSize:i,children:[t.jsx(Fe,{connectedAccountProvider:g,paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,header:w.header,sectionTitle:w.header,defaultSectionTitle:ye,defaultSectionSubTitle:Se,sectionId:A,isDisabled:d,onFetchLinkTokenClick:Q,onEstablishConnectionClick:Y,onUpdatePaymentAccountStatus:Z,onUpdatePaymentAccountLoginStatus:X,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:V},analytics:e,productType:"billing",updateCardPaymentModalState:$,cardPaymentSectionValues:M,cardPaymentView:m,resetCardPaymentViewState:oe,showZeniAccountSection:!1,referrer:"Billing",cardSetupInProgress:F}),Ne(i,l.headers.billingAddress,ce,q,d)]})})})}),ke(S.formState.dirtyFields)?t.jsx($e,{formId:U(_),style:{width:i==="small"?"auto":"100%",paddingTop:s.sp2,paddingBottom:s.sp2,height:s.sp8},primaryBtn:{label:l.footer.save,isLoading:T?.fetchState==="In-Progress",isDisabled:T?.fetchState==="In-Progress",style:{height:s.sp6}},showCancel:!1,containerStyle:{width:"auto",justifyContent:"center"}}):null]}),t.jsx(Me,{handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:$,handleCreateCardSetupIntent:te,handleAddCardPaymentSource:ie,cardPaymentView:m,isCardPaymentOpen:K.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:ae,stripeKey:N,cardSetupInProgress:F,setCardSetupInProgress:we})]})},H=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]:Oe(n,e.subscriptionBillingAddress)[n]}},We=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};
-`,He=r(Ve)`
-  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(qe,{children:[t.jsx(Je,{windowSize:e,isDisabled:I==="disabled",children:a}),t.jsx(Ee,{googleAPIKey:d??"",addressToEdit:g,sectionId:`${n}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"}})]}),qe=r.div`
-  margin-top: ${s.sp3};
-  margin-bottom: ${s.sp4};
-`,Je=r.div`
-  ${e=>`${Re.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};
-`,Ge=r.div`
-  flex: 1;
-`,U=e=>`${e}_form`;export{lt as default,U as uniqueName};

package/dist/assets/BillsBulkReviewDrawerPage-DjunAUW0-_aeqHHW3.js

@@ -1 +0,0 @@
-import{M,j as b,bM as V,bO as q,bP as W,jh as z,l as H,aa as X}from"./index-BJ9YQ2PG.js";import{b as _}from"./vendor-CnQcJ2Lu.js";import{m as Y}from"./ReviewOverlay-DcBe94Sd-Dvf9-bRZ.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const{common:n,spendManagement:{billPay:C}}=M.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:h}=t,u=i==="review",[P,w]=_.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,L)=>(clearInterval(x),L===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,A=()=>{const{title:d,description:S}=G(y);k({type:"reject",title:d,description:S,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),r.trackBillPayBulkSubmit(i,g,h),w(!0)},F={onOkClick:d=>{w(!1),r.trackBillPayBulkPopupConfirm(i,g,h,Z(t)),l("reject",d)},onCancelClick:()=>{w(!1)}},{title:N,description:$}=J(m,y,R,p),I=t.fetchState==="Completed"&&y===0,U=()=>{r.trackBillPayBulkSubmit(i,g,h),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"}:{}},O={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:A,style:i==="approve"?{minWidth:"92px"}:{}};return b.jsxs(b.Fragment,{children:[P?b.jsx(V,{titleComponent:b.jsx(W,{children:f.title}),descriptionComponent:b.jsx(q,{children:f.description}),primaryButtonText:f.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:f.secondaryButtonText,action:F,isNotesIncluded:!0,isEditPopup:!0}):null,b.jsx(Y,{title:N,description:{content:$,isError:t.fetchState==="Completed"&&y===0},reviewItems:s,onCloseReviewItem:e,onCloseOverlay:c,showFooter:t.fetchState==="Completed"&&!p,footerProps:{primaryButton:D,cancelButton:O,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:X("0,0.[00]",e.amount?.amount,e.amount?.currencySymbol),showThunderIcon:e.reviewErrors?.length===1&&H.isBillConditionallyValid(e.reviewErrors[0].reviewErrorCode),subTitle:K(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??""}}))},Z=t=>{const r=t.billsForReview;let l=[];return r.forEach(e=>{l=z([...l,e.isRecurring?"recurring":"one-time"])}),l},G=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)}},J=(t,r,l,e)=>{const{has:c,have:m,bill:a,bills:i,are:g,is:h,do_:u,does:P}=n.texts,w=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_>",w?g:h)}`):(v=o.reviewPage.billsReviewing.title.replace("<_bill_>",s?i:a),p=o.reviewPage.billsReviewing.description.replace("<_bill_>",s?i:a)),{title:v,description:p}},K=(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,Z as getBillsUniqueType};

package/dist/assets/ChargeCardPromoPage-CXiXee-8-CGyqb2Oz.js

@@ -1,190 +0,0 @@
-import{X as C,M as ee,j as r,u as N,t as ue,d1 as ge,a1 as we,_ as fe,l as ye,fk as $e,aW as Ce,o as t,b$ as be,k as re,c0 as je,Z as Se,C as h,bN as Te,bs as ze,g as f,K as W,Y as K,i5 as ve,p as u,Q as T,ao as Pe,a6 as ke}from"./index-BJ9YQ2PG.js";import{b as z,n,j as Be,k as Ie}from"./vendor-CnQcJ2Lu.js";import{x as Ae}from"./MeetingCalenderPopup-Dh8meV6d-CsUXa-J0.js";import{f as Le}from"./NavigationDots-DyyCcIih-CqG31XCf.js";import{J as D,N as F}from"./PromoBaseCards-BZ2m6LfO-Devee57m.js";import{M as L}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const x={midContainerMarginBottom:new h(u[5],u[7]),containerPaddingTopBottom:new h(u[0],u[0]),uspContainerMarginX:new h(u[6],u[0]),buttonTrayGap:new h(12,u[4]),midContainerGap:new h(u[4],84),iconContainerMinHeight:new h(236,396),emptySectionHeight:new h(u[6],43),navigationBottom:new h(u[4],94),navigationLeft:new h(192,244),carouselHeight:new h(268,396),carouselMarginTop:new h(54,u[4]),carouselMarginLeft:new h(120,u[12])},v={promoBadgeText:new T("standardRegular","largeRegular"),promoBadgeTextBold:new T("standardBold","largeBold"),cardsContent:new T("extraSmallRegular","smallRegular"),contactAdmin:new T("extraSmallRegular","smallRegular"),uspText:new T("smallRegular","standardRegular"),uspBoldText:new T("smallMedium","standardMedium")},{common:Re,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=ee.getLocalizedStrings(),Sr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:d,showEnableCardButton:i,controllerEmails:a,isCardsOnlyTenantOrCreditCardFeatureEnabled:p,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:g,admins:j,cashbackRate:S,cardPromoType:w="credit",onSetupButtonClick:c,onBackClick:l,onClickMenuIcon:se,onSetupChargeCardSuccess:U,onExpressInterestClick:de})=>{const le=N(),H=ue(),R=C(),O=ge().analytics,{chargeCardTermsDetails:M,companyChargeCardInfo:b,companyLocaleInfo:_}=d,G=we(M?.fetchStatus.fetchState),[ce,J]=z.useState(!1),me=()=>{O.trackCardsPromoPageClicked("schedule demo"),O.trackCardsScheduleDemoClick(a,{isCreditCardOffered:p,isDebitCardOffered:m,isDebitCardEnabled:y,isCreditCardEnabled:g},"Cards Promo"),J(!0)},pe=b!=null&&_!=null?fe("0,0",{amount:b.chargeCardsCreditAccountLimit,currencyCode:_.currencyCode,currencySymbol:_.currencySymbol}):void 0;z.useEffect(()=>{G==="In-Progress"&&M?.fetchStatus.fetchState==="Completed"&&U()},[G,U,M?.fetchStatus]);const xe=ye.hasChargeCardAdminLevelAccess(H.loggedInUserRoleMap),he=$e(H),X=w==="credit"&&b?.isCompanyInterestedInChargeCard===!1,Z=w==="credit"&&b?.isCompanyInterestedInChargeCard===!0&&b.chargeCardsCreditAccountLimit===-1,V=w==="credit"&&b?.isCompanyInterestedInChargeCard===!0&&b.chargeCardsCreditAccountLimit===0;return r.jsxs(Ue,{children:[r.jsx(Ce,{title:o.title[w],backgroundColor:le.colors.grey4,onBackClick:l,showBackButton:!0,showMenuIcon:R==="medium-compact"||R==="small",onClickMenuIcon:se,style:{zIndex:9},source:"ChargeCardPromoPage"}),ce===!0?r.jsx(Ae,{onCancelClick:()=>{J(!1)},meetingUrl:e}):null,r.jsx(He,{windowSize:R,children:xe===!0?r.jsxs(r.Fragment,{children:[r.jsx(Ee,{creditAmount:pe,cardPromoType:w,isUnderReview:V,isRejected:Z,showExpressInterest:X}),r.jsx(te,{forAdmin:!0,cardPromoType:w,cashbackRate:S}),r.jsx(_e,{showEnableCardButton:i,chargeCardSetupView:d,handleSecondaryBtnClick:me,onSetupButtonClick:()=>c(w),onExpressInterestClick:de,cardPromoType:w,isUnderReview:V,isRejected:Z,showExpressInterest:X})]}):r.jsx(De,{companyLegalName:s,cards:[],admins:j,hasZeniFinopsRoles:he,cardPromoType:w})})]})},Me=({admins:e})=>{const s=e.flatMap(i=>i.user?.firstName+" "+i.user?.lastName).join(", "),d=C();return r.jsxs(tr,{windowSize:d,children:[r.jsx(E,{underline:!1,windowSize:d,children:o.noCardAssigned.pre}),r.jsx(ze,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(E,{underline:!0,windowSize:d,children:o.noCardAssigned.tooltip})}),r.jsx(E,{underline:!1,windowSize:d,children:o.noCardAssigned.post})]})},_e=({showEnableCardButton:e,chargeCardSetupView:s,isUnderReview:d,isRejected:i,showExpressInterest:a,handleSecondaryBtnClick:p,onSetupButtonClick:m,onExpressInterestClick:y})=>{const g=C(),{expressInterestInChargeCardFetchState:j}=s,S=a?o.expressInterest:e?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Ze,{windowSize:g,children:[d||i?null:r.jsxs(Ve,{windowSize:g,children:[r.jsx(W,{variant:"secondary",label:o.scheduleDemoButton,onClick:p,"data-testid":K("schedule-demo-button")}),r.jsx(W,{variant:"primary",label:S,loading:s.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||j==="In-Progress",onClick:S===o.expressInterest?y:m,"data-testid":K("enable-card-button")})]}),r.jsx(ve,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:d||i?void 0:a?o.terms.approvalTerm:e?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:!a&&!d&&!i})]})},Ee=({cardPromoType:e,creditAmount:s,isUnderReview:d,isRejected:i,showExpressInterest:a})=>{const p=C(),m=e==="debit_and_credit"?o.promoTextDebitCreditCard:e==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,y=a?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(Q,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,o.promoBadgeText.nonPreApproved.higherLimits]}):d?o.promoBadgeText.underReview:i?o.promoBadgeText.rejected:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(Q,{color:f.success,children:s}),o.creditLimit,Re.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:p==="small"?r.jsxs(r.Fragment,{children:[r.jsx(ae,{children:m}),r.jsx(ne,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(ie,{children:m}),r.jsx(oe,{children:o.promoSubText})]})}),r.jsxs(Ge,{cardPromoType:e,hideBadge:s==null||e==="debit",windowSize:p,children:[d||i?null:r.jsx(cr,{}),r.jsx(Je,{windowSize:p,children:y})]})]})},De=({companyLegalName:e,cards:s,admins:d,hasZeniFinopsRoles:i,cardPromoType:a="credit"})=>{const p=C(),m=a==="debit_and_credit"?o.promoTextDebitCreditCard:a==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[p==="small"?r.jsxs(r.Fragment,{children:[r.jsx(ae,{children:m}),r.jsx(ne,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(ie,{children:m}),r.jsx(oe,{children:o.promoSubText})]}),s.length===0?r.jsx(rr,{windowSize:p}):r.jsx(Fe,{cards:s,companyLegalName:e}),r.jsx(te,{forAdmin:!1,cardPromoType:a}),i?null:r.jsx(Me,{admins:d})]})},Fe=({cards:e,companyLegalName:s})=>{const d=N(),i=C();let a="",p;if(e.length===1){p=e[0].cardCreatedByUser.photo;const m=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;a=o.cardAssigned.singleCreditCard.replace("__issuing-user__",m).replace("__company-name__",s)}else a=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(or,{children:[p!=null?r.jsx(Oe,{width:t.sp5,height:t.sp5,style:{paddingTop:i==="small"?t.sp1:t.sp0},src:p.href,alt:ee.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:m})=>{m.onerror=null,m.src=Te},loading:"lazy"}):null,r.jsx(ir,{windowSize:i,mode:d.mode,children:r.jsx(ar,{windowSize:i,children:a})})]})},Y=({windowSize:e,cardPromoType:s})=>{let d=o.businessText;return s==="debit"&&(d=`${d} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Ne,{}):r.jsxs(Ke,{windowSize:e,children:[r.jsx(D,{cardPromoType:s,cardText:d,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(F,{cardPromoType:s,cardText:d,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},te=({forAdmin:e,cardPromoType:s,cashbackRate:d})=>{const i=C(),a=e?o.admin:o.nonAdmin;return r.jsxs(Xe,{windowSize:i,children:[i==="small"?r.jsx(Y,{windowSize:i,cardPromoType:s}):null,r.jsxs(We,{windowSize:i,children:[r.jsxs(k,{windowSize:i,children:[r.jsx(I,{children:r.jsx(qe,{})}),r.jsxs(A,{children:[r.jsx($,{windowSize:i,children:a.item1.pre}),r.jsx(B,{windowSize:i,children:e&&d!=null?a.item1.bold.replace("__cashback__",(d*100).toFixed(2)):a.item1.bold}),r.jsx($,{windowSize:i,children:a.item1.post})]})]}),r.jsxs(k,{windowSize:i,children:[r.jsx(I,{children:r.jsx(Ye,{})}),r.jsxs(A,{children:[r.jsx($,{windowSize:i,children:a.item2.pre}),r.jsx(B,{windowSize:i,children:a.item2.bold}),r.jsx($,{windowSize:i,children:a.item2.post})]})]}),r.jsxs(k,{windowSize:i,children:[r.jsx(I,{children:r.jsx(er,{})}),r.jsxs(A,{children:[r.jsx($,{windowSize:i,children:a.item3.pre}),r.jsx(B,{windowSize:i,children:a.item3.bold}),r.jsx($,{windowSize:i,children:a.item3.post})]})]}),r.jsxs(k,{windowSize:i,children:[r.jsx(I,{children:r.jsx(Qe,{})}),r.jsxs(A,{children:[r.jsx($,{windowSize:i,children:a.item4.pre}),r.jsx(B,{windowSize:i,children:a.item4.bold}),r.jsx($,{windowSize:i,children:a.item4.post})]})]})]}),i==="small"?null:r.jsx(Y,{windowSize:i,cardPromoType:s})]})};let P;const Ne=()=>{const e=C(),s=N(),[d,i]=z.useState(0),[a,p]=z.useState(!1),m=o.businessText,y=`${m} ${o.debit}`,g=[{id:1,cardType:"debit",cardText:y},{id:2,cardType:"debit",cardText:y},{id:3,cardType:"credit",cardText:m},{id:4,cardType:"credit",cardText:m}];z.useEffect(()=>(a||(P=setInterval(()=>{i(c=>{const l=c+1;return l===g.length?(p(!0),0):l})},2e3)),()=>clearInterval(P)),[a,g.length]),z.useEffect(()=>{a&&P!=null&&clearInterval(P)},[a]);const j=(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}},S=c=>{const l=j(c,!0);return{...l,transform:`${l?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},w=c=>{a||p(!0),i(c)};return r.jsxs(nr,{windowSize:e,children:[r.jsx(sr,{windowSize:e,children:g.map((c,l)=>r.jsxs(dr,{children:[r.jsx(q,{isReflection:!1,style:{...j(l,!1)},onClick:()=>w(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:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(F,{cardPromoType:c.cardType,cardText:c.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},c.id),r.jsx(q,{isReflection:!0,style:{...S(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(F,{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))}),a&&r.jsx(Le,{numberOfDots:g.length,activeIndex:d,handleClick:i,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:x.navigationBottom.valuePx(e),left:x.navigationLeft.valuePx(e),zIndex:7}})]})},Ue=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,He=n.div`
-  padding-top: ${e=>x.containerPaddingTopBottom.valuePx(e.windowSize)};
-  padding-bottom: ${e=>x.containerPaddingTopBottom.valuePx(e.windowSize)};
-  text-align: center;
-`,ie=n(je)`
-  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};
-`,oe=n(Se)`
-  color: ${e=>e.theme.colors.primary};
-  margin: auto;
-  margin-top: ${t.sp2};
-`,ae=n(be)`
-  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};
-`,ne=n(re)`
-  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;
-`,Oe=n.img`
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Ge=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  overflow: hidden;
-  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;
-    `}
-`,Je=n(re)`
-  color: ${e=>e.theme.mode==="dark"?f.brandColorJade:f.brandColorSapphire};
-  ${e=>`${v.promoBadgeText.style(e.windowSize)}`};
-  span {
-    ${e=>`${v.promoBadgeTextBold.style(e.windowSize)}`};
-  }
-`,Q=n.span``,Xe=n.div`
-  display: flex;
-  gap: ${e=>x.midContainerGap.valuePx(e.windowSize)};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${e=>x.midContainerMarginBottom.valuePx(e.windowSize)};
-`,Ze=n.div`
-  display: flex;
-  flex-direction: column;
-`,Ve=n.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
-  align-items: center;
-  justify-content: center;
-  gap: ${e=>x.buttonTrayGap.valuePx(e.windowSize)};
-  z-index: 8;
-`,We=n.div`
-  width: ${e=>e.windowSize==="small"?"auto":"288px"};
-  display: flex;
-  flex-direction: column;
-  margin-left: ${e=>x.uspContainerMarginX.valuePx(e.windowSize)};
-  margin-right: ${e=>x.uspContainerMarginX.valuePx(e.windowSize)};
-  z-index: 8;
-`,Ke=n.div`
-  display: flex;
-  justify-content: ${e=>e.windowSize==="small"?"center":"flex-start"};
-  min-height: ${e=>x.iconContainerMinHeight.valuePx(e.windowSize)};
-  align-items: center;
-  min-width: 480px;
-`,k=n.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"};
-`,$=n(Pe)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${v.uspText.style(e.windowSize)}`};
-`,B=n(ke)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${v.uspBoldText.style(e.windowSize)}`};
-`,I=n.div``,A=n.div`
-  padding-left: ${t.sp3};
-`,Ye=n(L)`
-  color: ${f.graphColor16Dark};
-`,Qe=n(L)`
-  color: ${f.alert};
-`,qe=n(L)`
-  color: ${f.graphColor11};
-`,er=n(L)`
-  color: ${f.success};
-`,rr=n.div`
-  height: ${e=>x.emptySectionHeight.valuePx(e.windowSize)};
-  ${e=>e.windowSize==="small"?null:Be`
-          margin-top: ${t.sp4};
-          margin-bottom: ${t.sp6};
-        `}
-`,tr=n.div`
-  color: ${e=>e.theme.colors.hero};
-  margin: ${e=>e.windowSize==="small"?`${t.sp0} ${t.sp3} ${t.sp4} ${t.sp3}`:"auto"};
-  text-align: center;
-`,E=n.span`
-  ${e=>`${v.contactAdmin.style(e.windowSize)}`};
-  text-decoration: ${e=>e.underline?"underline":"none"};
-  cursor: ${e=>e.underline?"default":null};
-`,ir=n.div`
-  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
-`,or=n.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};
-`,ar=n.span`
-  ${e=>`${v.cardsContent.style(e.windowSize)}`};
-`,nr=n.div`
-  display: flex;
-  flex-direction: column;
-  min-height: ${e=>x.carouselHeight.valuePx(e.windowSize)};
-  min-width: 480px;
-  position: relative;
-`,sr=n.div`
-  position: relative;
-  margin-top: ${e=>x.carouselMarginTop.valuePx(e.windowSize)};
-  margin-left: ${e=>x.carouselMarginLeft.valuePx(e.windowSize)};
-`,dr=n.div`
-  position: relative;
-  overflow: visible;
-`,q=n.div`
-  position: absolute;
-  ${e=>e.isReflection&&`
-  background-color: ${e.theme.colors.grey4};
-  clip-path: inset(10% 0 0 0);
-  `}
-`,lr=Ie`
-  0% {
-    left: -${t.sp6};
-  }
-  100% {
-    left: calc(100% + ${t.sp6});
-  }
-`,cr=n.div`
-  position: absolute;
-  background:
-    ${f.promoCardGradient1Strong}, ${f.promoCardGradient2Strong};
-  width: ${t.sp10};
-  z-index: 3;
-  height: 100%;
-  transform: skew(15deg);
-  animation: ${lr} 3s linear infinite;
-`;export{De as ChargeCardPromoUserContent,Sr as default};