@zeniai/web-components 3.17.6 → 3.17.7

package/dist/AccountRow-zgxsXwL5.cjs

@@ -0,0 +1,298 @@
+"use strict";const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),tt=require("react"),et=require("@emotion/react"),o=require("@emotion/styled"),n=require("./index-DxfP_W_n.cjs"),nt=require("./clock-BobvTU_H.cjs"),st=o.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;
+    `:""};
+`,ot=o.div`
+  display: flex;
+  min-width: ${n.Space.sp4};
+  width: ${n.Space.sp4};
+  height: ${n.Space.sp4};
+  border-style: solid;
+  border-width: 1px;
+  border-radius: 12px;
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  color: ${e=>e.colour.toString()};
+`,rt=o(n.ExtraSmallMedium)`
+  text-align: center;
+  color: ${e=>e.colour.toString()};
+`,it=o.div`
+  svg {
+    path {
+      stroke-width: 2;
+    }
+  }
+`,at=o(n.SvgArrowBottom)`
+  margin-top: 6px;
+  width: 12px;
+  height: 12px;
+`,ct=o(n.SvgArrowRight)`
+  margin-top: ${n.Space.sp1};
+  margin-left: 2px;
+  width: 12px;
+  height: 12px;
+`;function O({firstLetter:e,color:s,showIcon:r,showCollapsedIcon:i,showTreeLine:l=!1,className:x}){return t.jsxRuntimeExports.jsx(st,{showTreeLine:l,collapsed:i,children:t.jsxRuntimeExports.jsx(ot,{colour:s,className:x,children:t.jsxRuntimeExports.jsx(it,{children:r===!0?i===!0?t.jsxRuntimeExports.jsx(ct,{}):t.jsxRuntimeExports.jsx(at,{}):t.jsxRuntimeExports.jsx(rt,{colour:s,className:x,children:e})})})})}const lt=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`,xt=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 1px;
+  width: 100%;
+`,ut=o.div`
+  flex: 1 1 auto;
+  height: 1px;
+  width: 100%;
+`;function dt({kind:e,isScrolling:s}){switch(e){case"section_separator":return t.jsxRuntimeExports.jsx(lt,{isScrolling:s});case"account_separator":return t.jsxRuntimeExports.jsx(pt,{"data-testid":n.generateDataTestId("account-separator",e)})}}const pt=()=>t.jsxRuntimeExports.jsx(xt,{children:t.jsxRuntimeExports.jsx(ut,{className:"part-separator"})}),u={timeframeHeight:n.sp[10],leftHeadingWidth:386,leftTimeframeWidth:161,leftLabelWidth:190,bankBalanceWidth:128,bankBalanceTimeframeWidth:126,bankBalanceRightWidth:n.sp[4],bankBalanceRightTimeframeWidth:n.sp[4],clearedBalanceWidth:144,clearedBalanceTimeframeWidth:142,varianceWidth:193,varianceTimeframeWidth:180,varianceNumberWidth:112,varianceNumberLoadingWidth:130,variancePercentageWidth:n.sp[10],statusWidth:144,statusTimeframeWidth:142,tickLeftMargin:n.sp[4],circleRadius:n.sp[4],spacerLineWidth:n.sp[5],wrapperPadding:n.sp[8]};function mt(e){switch(e){case"timeframe_headers":return n.sp[12];case"title_string_only":return n.sp[8];case"ac_group_report":return n.sp[8];case"total":return n.sp[8];case"section":return n.sp[0];case"loading_in_progress":return n.sp[8];default:return n.sp[0]}}function ht(){return!0}const jt=o.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?et.css`
+            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;
+    }
+  }
+`,gt=o.div`
+  height: ${n.Space.sp8};
+`,Et=o.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;
+`,St=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${n.Space.sp2};
+  margin-left: ${n.Space.sp4};
+`,ft=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${n.Space.sp1};
+  margin-top: ${n.Space.sp1};
+`,Rt=o(n.StandardRegular)`
+  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;
+`,yt=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: flex-end;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,Ct=o(n.StandardRegular)`
+  width: ${u.bankBalanceWidth}px;
+  min-width: ${u.bankBalanceWidth}px;
+  text-align: right;
+`,wt=o.div`
+  width: ${u.bankBalanceRightWidth}px;
+  min-width: ${u.bankBalanceRightWidth}px;
+`,$t=o(n.StandardRegular)`
+  width: ${u.clearedBalanceWidth}px;
+  min-width: ${u.clearedBalanceWidth}px;
+  text-align: right;
+`,bt=o(n.StandardRegular)`
+  width: ${u.statusWidth}px;
+  min-width: ${u.statusWidth}px;
+  height: 1px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+`,vt=o.div`
+  display: flex;
+  flex-direction: row;
+  min-width: ${u.spacerLineWidth}px;
+  width: ${u.spacerLineWidth}px;
+  align-items: center;
+`,Tt=o.div`
+  width: 1px;
+  margin-left: ${n.Space.sp3};
+  height: ${e=>e.heightValue}px;
+  background-color: ${e=>e.theme.colors.grey3};
+`,kt=o.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: ${n.Space.sp2};
+  margin-left: ${u.tickLeftMargin}px;
+`,Bt=o(n.StandardRegular)`
+  border-radius: ${n.Space.sp1};
+  color: ${e=>e.textColor.hex()};
+  min-width: ${u.varianceNumberWidth}px;
+  text-align: right;
+`,It=o(n.StandardRegular)`
+  border-radius: ${n.Space.sp1};
+  padding: ${n.Space.sp0} ${n.Space.sp1};
+  justify-content: center;
+  text-align: center;
+  color: ${e=>e.textColor.hex()};
+  background-color: ${e=>e.bgColor.hex()};
+  min-width: ${u.variancePercentageWidth}px;
+`,Wt=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,Pt=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,Dt=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${n.Space.sp1};
+`,_t=o(n.ExtraSmallRegular)`
+  color: ${n.Colors.success};
+`,H=o(n.ExtraSmallRegular)`
+  color: ${n.Colors.success};
+`,Lt=o(n.SvgLike)`
+  width: ${n.Space.sp3};
+  height: ${n.Space.sp3};
+  color: ${n.Colors.success};
+`,E=o(n.StandardRegular)`
+  text-align: right;
+`,Nt=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+`,At=o(n.SvgAddRound)`
+  width: ${n.Space.sp3};
+  height: ${n.Space.sp3};
+`,Vt=o(n.StandardRegular)`
+  text-align: right;
+  color: ${n.Colors.important};
+  cursor: pointer;
+  text-decoration: underline;
+`,Ht=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: flex-start;
+`,Ft=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${n.Space.sp1};
+  align-items: center;
+`,Ot=o.div`
+  padding-top: ${n.Space.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Mt=o(nt.SvgClock)`
+  width: ${n.Space.sp3};
+  height: ${n.Space.sp3};
+`,B=o(n.SvgInfo)`
+  width: 12px;
+  height: 12px;
+  color: ${e=>e.iconColor.hex()};
+  margin-top: ${n.Space.sp1};
+`,h=o.div`
+  display: flex;
+  gap: ${n.Space.sp1};
+`,I=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,F=o(n.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,W=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${n.Space.sp1};
+`,P=o(n.ExtraSmallRegular)`
+  color: ${e=>e.textColor.hex()};
+`,D=o(n.ExtraSmallRegular)`
+  color: ${e=>e.textColor.hex()};
+`,_=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,L=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,S=o(n.ExtraSmallRegular)`
+  color: ${e=>e.textColor.hex()};
+`,Ut=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,qt=o(n.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Qt=o(n.SmallRegular)`
+  color: ${n.Colors.brandColorPearl};
+`,zt=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+`,Gt=o(n.SvgPaymentAch)`
+  width: ${n.Space.sp3};
+  height: ${n.Space.sp3};
+  margin-top: 2px;
+`,Jt=o(n.SvgPaymentAch)`
+  width: ${n.Space.sp3};
+  height: ${n.Space.sp3};
+`,Kt=o(n.SvgDocuments)`
+  width: ${n.Space.sp3};
+  height: ${n.Space.sp3};
+  margin-top: 2px;
+`,Xt=o(n.SvgDocuments)`
+  width: ${n.Space.sp3};
+  height: ${n.Space.sp3};
+  margin-top: 2px;
+`,{expenseAutomation:{accountRecon:{reconciliation:a}},common:{strings:{hyphen:d,percentage:Yt}}}=n.appLocale.getLocalizedStrings();function Zt({height:e,accountRecon:s,isLastRow:r,isSelectedRow:i,onReviewClicked:l,onOpenDrawerClicked:x,onConnectClicked:c,onReconnectClicked:p,onStatementAddClicked:f}){const y=n.useWindowSizeContext(),b=t.useTheme(),g=s.accountReconEntity.account.accountName,C=s.accountReconEntity.balance,m=s.accountReconEntity.clearedBalance,v=s.accountReconEntity.variance,J=s.accountReconEntity.variancePercentage,K=()=>{c?.(s.accountReconEntity.account.accountId)},X=()=>{p?.(s.accountReconEntity.account.accountId)},Y=()=>{f?.(s.accountReconEntity.account.accountId)},N=()=>{l?.(s.accountReconEntity.account.accountId)},[Z,T]=tt.useState(!1),A=s.accountConnectionStatus==="connected"||s.connectionInProgress===!0?"plaid":s.accountReconEntity.statementStatus?.code==="uploaded"||s.statementParseInProgress===!0?"bank_statement":"plaid",R=A==="plaid"?s.accountReconEntity.balanceDataStatus?.code==="in_progress"||s.connectionInProgress===!0:s.accountReconEntity.statementDataStatus?.code==="parsing"||s.statementParseInProgress===!0;let V=e;return r&&(V=e+n.sp[8]),t.jsxRuntimeExports.jsxs(jt,{"data-testid":n.generateDataTestId("account-recon-row-root-container",s.accountReconEntity.account.accountName),heightValue:V,isLastRow:r,windowSize:y,isSelectedRow:i,onClick:()=>{Z!==!0&&x?.(s.accountReconEntity.account.accountId)},children:[t.jsxRuntimeExports.jsxs(Et,{isClickable:!0,"data-testid":n.generateDataTestId("total-row-container"),heightValue:e,children:[t.jsxRuntimeExports.jsxs(St,{children:[t.jsxRuntimeExports.jsx(O,{firstLetter:g.charAt(0),color:new t.Color(b.colors.hero),showIcon:!1,showCollapsedIcon:!1,className:"any-text-container"}),t.jsxRuntimeExports.jsx(ft,{children:t.jsxRuntimeExports.jsx(n.Tooltip,{enterDelay:600,title:g,style:{padding:`${n.Space.sp1} ${n.Space.sp2}`},placement:"bottom",children:t.jsxRuntimeExports.jsx(Rt,{className:"any-text-container",children:g})})})]}),t.jsxRuntimeExports.jsxs(yt,{children:[t.jsxRuntimeExports.jsx(Ct,{children:t.jsxRuntimeExports.jsx(U,{accountType:s.accountReconEntity.account.accountType,lastUpdatedAt:s.accountReconEntity.reconciliationId!=null?s.accountReconEntity.reconUpdatedAt:s.accountReconEntity.accountUpdatedAt,setIsHovering:T,statementStatus:s.accountReconEntity.statementStatus.code,accountId:s.accountReconEntity.account.accountId,bankBalance:C,bankConnection:s.accountConnectionStatus,onConnectClicked:K,onStatementAddClicked:Y,isLoading:R,onReconnectClicked:X})}),t.jsxRuntimeExports.jsx(wt,{children:t.jsxRuntimeExports.jsx(ae,{statementStatus:s.accountReconEntity.statementStatus.code,statementParseInProgress:s.statementParseInProgress,connectionInProgress:s.connectionInProgress,bankStatusCode:s.accountConnectionStatus})}),t.jsxRuntimeExports.jsx($t,{children:t.jsxRuntimeExports.jsx(q,{clearedBalance:m,isLoading:R})}),t.jsxRuntimeExports.jsx(te,{isLoading:R,variance:v,variancePercentage:J,reconciliationStatusCode:s.accountReconEntity.reconciliationStatus?.code}),t.jsxRuntimeExports.jsx(vt,{children:t.jsxRuntimeExports.jsx(Tt,{heightValue:e})}),t.jsxRuntimeExports.jsx(bt,{onMouseEnter:()=>{T(!0)},onMouseLeave:()=>{T(!1)},children:A==="plaid"?t.jsxRuntimeExports.jsx(ee,{accountRecon:s,isLoading:R,onReviewClicked:N}):t.jsxRuntimeExports.jsx(ne,{accountRecon:s,isLoading:R,onReviewClicked:N})})]})]}),t.jsxRuntimeExports.jsx(dt,{kind:"account_separator",isScrolling:!1}),r?t.jsxRuntimeExports.jsx(gt,{}):null]})}const te=({variance:e,variancePercentage:s,reconciliationStatusCode:r,isLoading:i})=>{const l=t.useTheme(),{varianceColor:x,variancePercentageColor:c,variancePercentageContainerColor:p}=M(l,e,r),f=i?d:e!=null&&e.amount===0?"0%":s!=null?s===0?"0%":`${s.toFixed(2)}${Yt}`:d;return t.jsxRuntimeExports.jsxs(kt,{children:[t.jsxRuntimeExports.jsx(Bt,{textColor:x,className:"any-text-container",children:e==null||i?d:n.amountToString("0,0",e)}),t.jsxRuntimeExports.jsx(It,{textColor:c,bgColor:p,className:"any-text-container",children:f})]})},M=(e,s,r,i)=>{let l,x,c;return s!=null&&s.amount===0&&r!=null&&r==="reconciled"?(l=new t.Color(n.Colors.success),x=new t.Color(n.Colors.success),c=new t.Color(n.Colors.successLight)):i===!0?(l=new t.Color(e.colors.primary),x=new t.Color(e.colors.primary),c=new t.Color(e.colors.grey2)):(l=new t.Color(e.colors.hero),x=new t.Color(e.colors.hero),c=new t.Color(e.colors.background)),{varianceColor:l,variancePercentageColor:x,variancePercentageContainerColor:c}},ee=({accountRecon:e,isLoading:s,onReviewClicked:r})=>{const i=e.accountReconEntity.reconciliationStatus,l=e.accountConnectionStatus,x=e.accountReconEntity.reconciliationId!=null?e.accountReconEntity.reconUpdatedAt:e.accountReconEntity.accountUpdatedAt,c=x!=null?`${x.utc(!0).fromNow().toLowerCase()}`:d;if(s)return t.jsxRuntimeExports.jsx(oe,{});if(e.accountReconEntity.balanceDataStatus?.code==="not_found"){let p="";return e.accountReconEntity.balance==null&&e.accountReconEntity.clearedBalance==null?p=a.status.balanceNotFound:e.accountReconEntity.balance==null?p=a.status.bankBalanceNotFound:p=a.status.clearedBalanceNotFound,t.jsxRuntimeExports.jsx(se,{status:p,tooltipText:c})}if(l==="reconnect"||l==="not_connected")return t.jsxRuntimeExports.jsx(k,{tooltipText:c,showTooltip:x!=null});if(i==null&&l==="connected"&&e.accountReconEntity.balance!=null&&e.accountReconEntity.clearedBalance!=null)return t.jsxRuntimeExports.jsx(w,{buttonLabel:a.status.review,isDisabled:!1,dataTestId:n.generateDataTestId("status-button",e.accountReconEntity.account.accountId),tooltipText:c,onClick:r});if(i!=null)switch(i.code){case"save_for_later":case"pending":return t.jsxRuntimeExports.jsx(w,{buttonLabel:a.status.review,isDisabled:!1,dataTestId:n.generateDataTestId("status-button",e.accountReconEntity.account.accountId),tooltipText:c,onClick:r});case"reconciled":return t.jsxRuntimeExports.jsx($,{isQBO:!1,user:e.accountReconEntity.user,tooltipText:c});case"in_progress":return t.jsxRuntimeExports.jsx(z,{tooltipText:c});case"failed":return t.jsxRuntimeExports.jsx(Q,{tooltipText:c});case"reconciled_on_qbo":return t.jsxRuntimeExports.jsx($,{isQBO:!0,tooltipText:c});default:return null}else return t.jsxRuntimeExports.jsx(k,{showTooltip:x!=null,tooltipText:c})},ne=({accountRecon:e,isLoading:s,onReviewClicked:r})=>{const i=e.accountReconEntity.reconciliationStatus,l=e.accountReconEntity.statementDataStatus?.code==="validated"||e.accountReconEntity.statementDataStatus?.code==="processed",x=e.accountReconEntity.reconUpdatedAt,c=x!=null?`${x.utc(!0).fromNow().toLowerCase()}`:d;if(e.accountReconEntity.statementDataStatus?.code==="parsing_failed"||e.accountReconEntity.statementDataStatus?.code==="validation_failed"||e.accountReconEntity.statementDataStatus?.code==="processing_failed")return t.jsxRuntimeExports.jsx(ie,{code:e.accountReconEntity.statementDataStatus?.code,tooltipText:c,errorMessage:e.accountReconEntity.errorMessage?.errorShort});if(s)return t.jsxRuntimeExports.jsx(re,{});if(i==null&&l&&e.accountReconEntity.balance!=null&&e.accountReconEntity.clearedBalance!=null)return t.jsxRuntimeExports.jsx(w,{buttonLabel:a.status.review,isDisabled:!1,dataTestId:n.generateDataTestId("status-button",e.accountReconEntity.account.accountId),tooltipText:c,onClick:r});if(i!=null)switch(i.code){case"save_for_later":case"pending":return t.jsxRuntimeExports.jsx(w,{buttonLabel:a.status.review,isDisabled:!1,dataTestId:n.generateDataTestId("status-button",e.accountReconEntity.account.accountId),tooltipText:c,onClick:r});case"reconciled":return t.jsxRuntimeExports.jsx($,{isQBO:!1,user:e.accountReconEntity.user,tooltipText:c});case"reconciled_on_qbo":return t.jsxRuntimeExports.jsx($,{isQBO:!0,tooltipText:c});case"in_progress":return t.jsxRuntimeExports.jsx(z,{tooltipText:c});case"failed":return t.jsxRuntimeExports.jsx(Q,{tooltipText:c});default:return null}else return t.jsxRuntimeExports.jsx(k,{showTooltip:x!=null,tooltipText:c})},w=({buttonLabel:e,isDisabled:s,tooltipText:r,dataTestId:i,onClick:l})=>t.jsxRuntimeExports.jsx(n.Tooltip,{title:t.jsxRuntimeExports.jsx(j,{tooltipText:r}),style:{padding:`${n.Space.sp1} ${n.Space.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxRuntimeExports.jsx(Wt,{children:t.jsxRuntimeExports.jsx(n.Button,{label:e,size:"standard",variant:"secondary",style:{padding:`${n.Space.sp1} 12px`},disabled:s,"data-testid":i,onClick:x=>{x.stopPropagation(),l()}})})}),$=({user:e,isQBO:s,tooltipText:r})=>t.jsxRuntimeExports.jsx(n.Tooltip,{title:t.jsxRuntimeExports.jsx(j,{tooltipText:r}),style:{padding:`${n.Space.sp1} ${n.Space.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxRuntimeExports.jsxs(Pt,{children:[t.jsxRuntimeExports.jsxs(Dt,{children:[t.jsxRuntimeExports.jsx(Lt,{}),t.jsxRuntimeExports.jsx(_t,{children:s?a.status.reconciledVia:a.status.reconciledBy})]}),s?t.jsxRuntimeExports.jsx(H,{children:a.status.QBOUser}):e&&t.jsxRuntimeExports.jsxs(H,{children:[e.firstName," ",e.lastName]})]})}),U=({bankBalance:e,accountType:s,bankConnection:r,statementStatus:i,lastUpdatedAt:l,fromDrawer:x=!1,onConnectClicked:c,onReconnectClicked:p,isLoading:f,accountId:y,onStatementAddClicked:b,setIsHovering:g})=>{const C=ce(s);if(x===!0)return t.jsxRuntimeExports.jsx(E,{className:"any-text-container",children:n.amountToString("0,0",e)??d});if(f===!0)return t.jsxRuntimeExports.jsx(E,{className:"any-text-container",children:d});if(r==="reconnect"){const m=l!=null?`${l.utc(!0).fromNow()}`:d;return t.jsxRuntimeExports.jsxs(Ht,{children:[t.jsxRuntimeExports.jsxs(Ft,{children:[t.jsxRuntimeExports.jsx(Ot,{children:t.jsxRuntimeExports.jsx(n.Tooltip,{title:t.jsxRuntimeExports.jsx(j,{tooltipText:m}),placement:"bottom",style:{padding:`2px ${n.Space.sp2}`},children:t.jsxRuntimeExports.jsx(Mt,{})})}),t.jsxRuntimeExports.jsx(E,{className:"any-text-container",children:e!=null?n.amountToString("0,0",e):d})]}),t.jsxRuntimeExports.jsx(Vt,{"data-testid":n.generateDataTestId("account-reconciliation-reconnect-button",y),onClick:v=>{v.stopPropagation(),p?.()},children:a.connect.reconnnect})]})}else return r==="connected"||i==="uploaded"?t.jsxRuntimeExports.jsx(E,{className:"any-text-container",children:n.amountToString("0,0",e)??d}):t.jsxRuntimeExports.jsx(Nt,{"data-testid":n.generateDataTestId("account-reconciliation-connect-button",y),onMouseEnter:()=>{g(!0)},onMouseLeave:()=>{g(!1)},children:t.jsxRuntimeExports.jsx(n.ControlledComponent,{controller:C.length>0,children:t.jsxRuntimeExports.jsx(n.Tooltip,{title:a.tooltips.selectSource,style:{padding:`${n.Space.sp1} ${n.Space.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxRuntimeExports.jsx(n.MoreMenuButton,{moreIconType:"custom",customIcon:t.jsxRuntimeExports.jsx(At,{}),options:C,customStyleConfig:{option:()=>({".option-container":{justifyContent:"flex-start"}}),valueContainer:()=>({height:n.Space.sp3,".more-icon":{width:n.Space.sp3,height:n.Space.sp3}})},menuPlacement:"auto",onOptionSelection:m=>{m==="bank_connection"?c?.():m==="statement"&&b?.()},valueToIcon:m=>m==="bank_connection"?t.jsxRuntimeExports.jsx(Gt,{}):m==="statement"?t.jsxRuntimeExports.jsx(Kt,{}):null})})})})},q=({clearedBalance:e,isLoading:s})=>e!=null&&s===!1?t.jsxRuntimeExports.jsx(E,{className:"any-text-container",children:n.amountToString("0,0",e)??d}):t.jsxRuntimeExports.jsx(E,{className:"any-text-container",children:d}),Q=({tooltipText:e})=>{const s=new t.Color(n.Colors.important);return t.jsxRuntimeExports.jsx(n.Tooltip,{title:t.jsxRuntimeExports.jsx(j,{tooltipText:e}),style:{padding:`${n.Space.sp1} ${n.Space.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxRuntimeExports.jsx(h,{children:t.jsxRuntimeExports.jsxs(I,{children:[t.jsxRuntimeExports.jsx(B,{iconColor:s}),t.jsxRuntimeExports.jsx(W,{children:t.jsxRuntimeExports.jsx(P,{textColor:s,children:a.status.reconciliationFailed})}),t.jsxRuntimeExports.jsx(_,{children:t.jsxRuntimeExports.jsx(D,{textColor:s,children:a.status.reconcileViaQBO})})]})})})},se=({status:e,tooltipText:s})=>{const r=new t.Color(n.Colors.brandColorGoldDark);return t.jsxRuntimeExports.jsx(n.Tooltip,{title:t.jsxRuntimeExports.jsx(j,{tooltipText:s}),style:{padding:`${n.Space.sp1} ${n.Space.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxRuntimeExports.jsxs(h,{children:[t.jsxRuntimeExports.jsx(B,{iconColor:r}),t.jsxRuntimeExports.jsxs(I,{children:[t.jsxRuntimeExports.jsx(W,{children:t.jsxRuntimeExports.jsx(P,{textColor:r,children:e})}),t.jsxRuntimeExports.jsx(_,{children:t.jsxRuntimeExports.jsx(D,{textColor:r,children:a.status.reconcileViaQBO})})]})]})})},z=({tooltipText:e})=>{const s=t.useTheme(),r=new t.Color(s.colors.grey1);return t.jsxRuntimeExports.jsx(n.Tooltip,{title:t.jsxRuntimeExports.jsx(j,{tooltipText:e}),style:{padding:`${n.Space.sp1} ${n.Space.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxRuntimeExports.jsx(h,{children:t.jsxRuntimeExports.jsxs(L,{children:[t.jsxRuntimeExports.jsx(S,{textColor:r,children:a.status.autoReconInProgress}),t.jsxRuntimeExports.jsx(S,{textColor:r,children:a.status.isInProgress})]})})})},oe=()=>{const e=t.useTheme(),s=new t.Color(e.colors.grey1);return t.jsxRuntimeExports.jsx(h,{children:t.jsxRuntimeExports.jsxs(L,{children:[t.jsxRuntimeExports.jsx(S,{textColor:s,children:a.status.balanceSyncInProgress}),t.jsxRuntimeExports.jsx(S,{textColor:s,children:a.status.isInProgress})]})})},re=()=>{const e=t.useTheme(),s=new t.Color(e.colors.grey1);return t.jsxRuntimeExports.jsx(h,{children:t.jsxRuntimeExports.jsxs(L,{children:[t.jsxRuntimeExports.jsx(S,{textColor:s,children:a.status.statementSyncInProgress}),t.jsxRuntimeExports.jsx(S,{textColor:s,children:a.status.isInProgress})]})})},ie=({code:e,tooltipText:s,errorMessage:r})=>{const i=new t.Color(n.Colors.important),l=G(e,"list",r);return t.jsxRuntimeExports.jsx(n.Tooltip,{title:t.jsxRuntimeExports.jsx(j,{tooltipText:s}),style:{padding:`${n.Space.sp1} ${n.Space.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxRuntimeExports.jsxs(h,{children:[t.jsxRuntimeExports.jsx(B,{iconColor:i}),t.jsxRuntimeExports.jsxs(I,{children:[t.jsxRuntimeExports.jsx(W,{children:t.jsxRuntimeExports.jsx(P,{textColor:i,children:l})}),t.jsxRuntimeExports.jsx(_,{children:t.jsxRuntimeExports.jsx(D,{textColor:i,children:a.status.failed})})]})]})})},k=({showTooltip:e,tooltipText:s})=>e==!1?t.jsxRuntimeExports.jsx(h,{children:t.jsxRuntimeExports.jsx(F,{children:d})}):t.jsxRuntimeExports.jsx(n.Tooltip,{title:t.jsxRuntimeExports.jsx(j,{tooltipText:s}),style:{padding:`${n.Space.sp1} ${n.Space.sp2}`},maxWidth:"105px",placement:"bottom",children:t.jsxRuntimeExports.jsx(h,{children:t.jsxRuntimeExports.jsx(F,{children:d})})}),j=({tooltipText:e})=>t.jsxRuntimeExports.jsxs(Ut,{children:[t.jsxRuntimeExports.jsx(qt,{children:a.tooltips.lastUpdated}),t.jsxRuntimeExports.jsx(Qt,{children:e})]}),ae=({statementStatus:e,statementParseInProgress:s,bankStatusCode:r,connectionInProgress:i})=>{let l=e==="uploaded"||s===!0?t.jsxRuntimeExports.jsx(Xt,{}):null;return l=r==="connected"||r==="reconnect"||i===!0?t.jsxRuntimeExports.jsx(Jt,{}):l,t.jsxRuntimeExports.jsx(zt,{className:"bank-icon-container",children:l})};function ce(e){const s=[];return e!=null&&e==="bank"&&s.push({label:a.menu.bankConnection,value:"bank_connection"}),s.push({label:a.menu.statement,value:"statement"}),s}const G=(e,s,r)=>{if(r!=null&&s==="drawer")return r;let i="";switch(e){case"parsing_failed":i=a.status.statementParseError;break;case"validation_failed":i=a.status.statementValidationFailed;break;case"processing_failed":i=a.status.statementProcessingFailed;break;default:i=a.status.statementParseError;break}return s==="drawer"&&(i=i+" "+a.status.failed),i};exports.AccountRow=Zt;exports.CircleWithLetter=O;exports.ShowBankBalance=U;exports.ShowClearedBalance=q;exports.commonDimensions=u;exports.getDefaultNodeHeight=mt;exports.getStatementErrorText=G;exports.getVarianceColors=M;exports.isNodeOpenByDefault=ht;

package/dist/AccountsPromoCardStack-ClXkXyKK.cjs

@@ -0,0 +1,207 @@
+"use strict";const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),S=require("react"),e=require("./index-DxfP_W_n.cjs"),J=require("./SummaryCard-6ql_gBa7.cjs"),n=require("@emotion/styled"),K=require("@zeniai/client-epic-state"),M=require("./NavigationArrow-5wXFnc4H.cjs"),Q=require("./NavigationDots-D3Fe0Np9.cjs"),R=require("@emotion/react"),ee="https://storage.googleapis.com/zeni-apis.appspot.com/images/face-1.png",te="https://storage.googleapis.com/zeni-apis.appspot.com/images/face-2.png",oe="https://storage.googleapis.com/zeni-apis.appspot.com/images/face-3.png",w=(t,r)=>{const i=t==="right"?`-${r}%`:`${r}%`;return R.keyframes`
+0% {
+  opacity: 0;
+  transform: translateX(${i});
+}
+100%{
+  opacity: 1;
+  transform: translateX(0%);
+}
+`},ne=R.keyframes`
+0% {
+  height: 0;
+}
+100%{
+  height: ${e.Space.sp10};
+}
+`,re=(t,r)=>{const i=r*100,s=t==="up"?"0%":`-${r*100}%`,a=t==="up"?`-${i}%`:"0%";return R.keyframes`
+    0% {
+      transform: translateY(${s});
+    }
+    100%{
+      transform: translateY(${a});
+    }
+  `},se=(t,r)=>{const i=t==="down"?`-${r*100}%`:"0%";return R.css`
+    transform: translateY(${i});
+  `},N=R.css`
+  width: ${e.Space.sp7};
+  height: ${e.Space.sp7};
+  border-radius: 50%;
+  border: 2px solid ${e.Colors.neutralGrey5Light};
+`,ie=n.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  max-height: 225px;
+  gap: ${e.Space.sp2};
+  margin-bottom: ${e.Space.sp4};
+  padding: ${e.Space.sp0} ${e.Space.sp2};
+`,ae=n(e.StandardRegularSp)`
+  text-align: center;
+  max-width: 222px;
+  white-space: pre-line;
+  color: ${t=>t.theme.colors.zeniAccountsPromoDetailTextColor};
+`,ce=n.div`
+  min-height: 95px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: ${e.Space.sp2};
+`,_=n.div`
+  overflow: hidden;
+  display: flex;
+`,T=n(e.H1Regular)`
+  ${e.textStyles.accountsPromoHighlightText.css};
+  color: ${t=>t.theme.colors.zeniAccountsPromoCardHighlightText};
+`,le=n(e.StandardRegular)`
+  color: ${t=>t.theme.colors.zeniAccountsPromoButtonColor};
+`,pe=n(e.SvgZeniIconOnly)`
+  color: ${e.Colors.brandColorJade};
+  height: ${e.Space.sp4};
+  width: ${e.Space.sp4};
+`,ue=n(e.SvgBankBuilding)`
+  height: ${e.Space.sp4};
+  width: ${e.Space.sp4};
+  color: ${t=>t.theme.colors.grey1};
+`,me=n.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 20px;
+  margin-right: ${e.Space.sp2};
+`,de=n.div`
+  height: 100%;
+  width: 1px;
+  background-color: ${t=>t.theme.colors.zeniAccountsPromoButtonColor};
+  margin-right: 2px;
+`,xe=n.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: ${e.Space.sp2};
+  overflow: hidden;
+`,he=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${e.Space.sp1};
+  animation: ${w("right",100)} normal 0.3s 1
+    forwards;
+`,ge=n.div`
+  height: 34px;
+  width: ${e.Space.sp5};
+  border-radius: ${e.Space.sp0} ${e.Space.sp1} ${e.Space.sp1} ${e.Space.sp0};
+  background-color: ${e.Colors.brandColorGold};
+`,fe=n.div`
+  display: flex;
+  align-items: center;
+  height: 34px;
+  width: 168px;
+  border-radius: ${e.Space.sp0} ${e.Space.sp1} ${e.Space.sp1} ${e.Space.sp0};
+  background-color: ${e.Colors.brandColorJade};
+  opacity: 0;
+  animation: ${w("right",100)} normal 0.5s 1
+    forwards;
+  animation-delay: 0.5s;
+`,je=n(e.LargeRegular)`
+  color: ${t=>t.theme.colors.brandColorOnyx};
+  margin-left: ${e.Space.sp3};
+  margin-right: ${e.Space.sp1};
+`,L=n(e.SuperSmallRegular)`
+  color: ${t=>t.isZeniProgressBar?t.theme.colors.brandColorOnyx:t.theme.colors.primary};
+`,Ce=n.div`
+  width: 2px;
+  height: ${e.Space.sp0};
+  background-color: ${e.Colors.important};
+  transform: rotate(64deg);
+  position: absolute;
+  top: ${e.Space.sp1};
+  right: ${e.Space.sp0};
+  transform-origin: top;
+  animation: ${ne} normal 0.6s 1 forwards;
+  animation-delay: 0.6s;
+`,V=n.div`
+  opacity: 0;
+  transform: translateX(-50%);
+  animation: ${w("right",50)} normal 0.6s 1
+    forwards;
+  animation-delay: 1.2s;
+`,Se=n.div`
+  max-height: ${e.Space.sp6};
+  animation: 1s normal 0.5s 1
+    ${t=>re(t.direction,t.stepCount)};
+  animation-fill-mode: forwards;
+  ${t=>se(t.direction,t.stepCount)}
+`,ye=n.div`
+  display: flex;
+`,D=n.div`
+  margin-right: -${e.Space.sp3};
+  opacity: 0;
+  transform: translateX(50%);
+  animation: ${w("left",75)} ease-out 0.3s 1
+    forwards;
+`,I=n.img`
+  ${N}
+`,$e=n(D)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: ${e.Space.sp3};
+  ${N}
+  background-color:${e.Colors.brandColorGold};
+`,Ae=n(e.H6Regular)`
+  color: ${t=>t.theme.colors.brandColorOnyx};
+`,Re=n(e.SvgArrowTailRight)`
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  color: ${t=>t.theme.colors.zeniAccountsPromoCardHighlightText};
+  path {
+    stroke-width: 2px;
+  }
+`,q=(t,r)=>{const{common:i}=e.appLocale.getLocalizedStrings();switch(t){case"keepInterest":case"noHiddenFees":return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:r.map((s,a)=>o.jsxRuntimeExports.jsx(Se,{className:"card-highlight-text-stack",direction:s.direction,stepCount:s.stepCount,children:s.values.map((u,x)=>o.jsxRuntimeExports.jsx(T,{className:"card-highlight-text",children:u},`${u}_${x}`))},`${s.direction}_${a}`))});case"protectCash":return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(me,{children:[o.jsxRuntimeExports.jsx(ue,{}),o.jsxRuntimeExports.jsx(pe,{})]}),o.jsxRuntimeExports.jsx(de,{}),o.jsxRuntimeExports.jsxs(xe,{children:[o.jsxRuntimeExports.jsxs(he,{children:[o.jsxRuntimeExports.jsx(ge,{}),o.jsxRuntimeExports.jsxs(L,{isZeniProgressBar:!1,children:[r[0].values[0]," ",i.texts.insured]})]}),o.jsxRuntimeExports.jsxs(fe,{children:[o.jsxRuntimeExports.jsx(je,{children:r[0].values[1]}),o.jsxRuntimeExports.jsx(L,{isZeniProgressBar:!0,style:{marginTop:"6px"},children:i.texts.insured})]})]})]});case"freeWire":return o.jsxRuntimeExports.jsxs(_,{style:{gap:e.Space.sp2},children:[o.jsxRuntimeExports.jsxs(T,{style:{position:"relative"},children:[r[0].values[0],o.jsxRuntimeExports.jsx(Ce,{})]}),o.jsxRuntimeExports.jsx(T,{children:o.jsxRuntimeExports.jsx(V,{children:o.jsxRuntimeExports.jsx(Re,{})})}),o.jsxRuntimeExports.jsx(T,{children:o.jsxRuntimeExports.jsx(V,{style:{animationDelay:"1.5s"},children:r[0].values[1]})})]});case"expertSupport":return o.jsxRuntimeExports.jsxs(ye,{children:[o.jsxRuntimeExports.jsx(D,{style:{animationDelay:"0.2s"},children:o.jsxRuntimeExports.jsx(I,{src:ee})}),o.jsxRuntimeExports.jsx(D,{style:{animationDelay:"0.4s",zIndex:1},children:o.jsxRuntimeExports.jsx(I,{src:te})}),o.jsxRuntimeExports.jsx(D,{style:{animationDelay:"0.6s",zIndex:2},children:o.jsxRuntimeExports.jsx(I,{src:oe})}),o.jsxRuntimeExports.jsx($e,{style:{animationDelay:"0.8s",zIndex:3},children:o.jsxRuntimeExports.jsxs(Ae,{children:[" ",r[0].values[0]]})})]})}};let O;function Ee({zeniAccountsPromoCardContent:t,showConfetti:r}){const[i]=e.useAnimation("Confetti"),s=o.useTheme(),[a,u]=S.useState(!1);S.useEffect(()=>(r&&(O=setTimeout(()=>{u(!0)},2e3)),()=>{clearTimeout(O),u(!1)}),[r]);const{prefix:x,header:p,headerAnimationData:m,showAnimation:f,key:h}=t;return o.jsxRuntimeExports.jsxs(ie,{children:[r&&a&&i!=null?o.jsxRuntimeExports.jsx(o.Lottie,{loop:!1,play:!0,onComplete:()=>{u(!1)},segments:[100,299],animationData:i,style:{position:"absolute",top:`-${e.Space.sp8}`,left:e.Space.sp0},rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null,o.jsxRuntimeExports.jsxs(ce,{children:[p!=null?o.jsxRuntimeExports.jsx(le,{children:p}):null,o.jsxRuntimeExports.jsx(_,{children:f?q(h,m):null})]}),o.jsxRuntimeExports.jsx(ae,{themeContext:s,children:x})]})}const ve=n(e.Card)`
+  flex-wrap: wrap;
+  overflow: hidden;
+  & .styledNav {
+    margin-left: -${e.Space.sp1};
+    margin-right: -${e.Space.sp1};
+    background-color: ${t=>t.theme.colors.zeniAccountsPromoNavigationArrowColor};
+  }
+`,Te=n(e.CardContentBox)`
+  flex-direction: row;
+  justify-content: space-between;
+  margin: 2px;
+  background-color: ${t=>t.theme.colors.zeniAccountsPromoBackgroundColor};
+  border-radius: ${e.Space.sp2};
+`,H=n.div`
+  display: flex;
+  flex-direction: column;
+`,be=n.div`
+  border: 1px solid
+    ${t=>t.theme.colors.zeniAccountsPromoButtonColor};
+  border-radius: ${e.Space.sp2};
+  background: ${t=>t.theme.colors.zeniAccountsPromoButtonColor};
+  cursor: pointer;
+  display: flex;
+  padding: 6px ${e.Space.sp3};
+  justify-content: space-around;
+  align-items: center;
+  &:hover {
+    background: ${t=>t.theme.colors.zeniAccountsPromoButtonHoverColor};
+    border: 1px solid
+      ${t=>t.theme.colors.zeniAccountsPromoButtonHoverColor};
+  }
+`,ke=n(e.SmallRegular)`
+  color: ${t=>t.theme.colors.zeniAccountsPromoButtonTextColor};
+`,De=n.div`
+  margin-top: ${e.Space.sp4};
+  margin-bottom: ${e.Space.sp3};
+`,we=n(e.SmallRegular)`
+  color: ${t=>t.theme.colors.zeniAccountsPromoCardTitle};
+  text-align: center;
+`,Pe=n.div`
+  width: 100%;
+  position: absolute;
+  bottom: 6px;
+`,ze=n(e.SuperSmallRegular)`
+  color: ${t=>t.theme.colors.zeniAccountsPromoButtonColor};
+`,b=e.appLocale.getLocalizedStrings().zeniAccountsPromoCard;function Be({analytics:t,cardPosition:r,card:i,data:s,activeCardIndex:a,isZeniAccountsSetUp:u,handleLearnMoreClick:x,handleCardNavigation:p}){const m=o.useTheme(),f=e.useGlobalInfoContext(),[h,g]=S.useState(0),[j,C]=S.useState(0),[P,A]=S.useState("left"),E=(l,y)=>{l.stopPropagation(),A(y);const G=y=="left"?a+1:a-1;t.trackZeniAccountsPromoCardClick(r,y==="left"?"Next":"Back"),p(v(G),y)},z=l=>{p(v(l),"left")};function d(l){g(l.targetTouches[0].clientX)}function X(l){C(l.targetTouches[0].clientX)}function v(l){return l<0?s.length+l:l%s.length}function Y(){h-j>50&&j!==0?(p(v(a+1),"left"),A("left"),g(0),C(0)):h-j<-50&&j!==0&&(p(v(a-1),"right"),A("right"),g(0),C(0))}const B=s.length>1,Z=K.hasZeniAccountsAdminLevelAccess(f.loggedInUserRoleMap);return o.jsxRuntimeExports.jsx(ve,{"data-testid":e.generateDataTestId("dashboard",i.cardType),style:{cursor:"default"},dimension:i.dimension,onTouchStart:l=>B?d(l):null,onTouchMove:l=>B?X(l):null,onTouchEnd:()=>B?Y():null,children:o.jsxRuntimeExports.jsxs(Te,{children:[o.jsxRuntimeExports.jsx(H,{children:o.jsxRuntimeExports.jsx(M.NavigationArrow,{"data-testid":e.generateDataTestId("dashboard-navigation-arrow-left",i.cardType),isSpendManagementPromoCard:!0,navType:"left",handleClick:E,promoColor:m.colors.zeniAccountsPromoButtonColor,promoBorderColor:m.colors.zeniAccountsPromoButtonColor})}),o.jsxRuntimeExports.jsxs(H,{style:{height:"100%",position:"relative",alignItems:"center"},children:[o.jsxRuntimeExports.jsx(De,{children:o.jsxRuntimeExports.jsx(we,{children:b.title})}),s.map((l,y)=>o.jsxRuntimeExports.jsx(e.CardContentAnimatedWrapper,{activeCardIndex:a,currentIndex:y,which:P,children:o.jsxRuntimeExports.jsx(Ee,{zeniAccountsPromoCardContent:l,showConfetti:a===2})},l.key)),o.jsxRuntimeExports.jsx(be,{onClick:()=>x(Z?u?"Move Money":"Sign Up for Free":"Learn More"),children:o.jsxRuntimeExports.jsx(ke,{children:Z?u?b.button:b.signUp:b.learnMore})}),o.jsxRuntimeExports.jsx(Q.NavigationDots,{spendManagementPromoCardActive:!0,numberOfDots:s.length,activeIndex:a,handleClick:z,promoColor:m.colors.zeniAccountsPromoButtonColor,promoColorHover:m.colors.zeniAccountsPromoNavigationDotHoverColor,style:{cursor:"default",position:"absolute",bottom:e.Space.sp5}}),a===0?o.jsxRuntimeExports.jsx(Pe,{children:o.jsxRuntimeExports.jsx(ze,{children:s[0].footer})}):null]}),o.jsxRuntimeExports.jsx(H,{children:o.jsxRuntimeExports.jsx(M.NavigationArrow,{"data-testid":e.generateDataTestId("dashboard-navigation-arrow-right",i.cardType),isSpendManagementPromoCard:!0,navType:"right",handleClick:E,promoColor:m.colors.zeniAccountsPromoButtonColor,promoBorderColor:m.colors.zeniAccountsPromoButtonColor})})]})})}const{zeniAccountsPromoCard:c,common:$}=e.appLocale.getLocalizedStrings(),k={key:"keepInterest",title:c.title,prefix:c.keepInterest.prefixDashboard,header:c.keepInterest.header,headerAnimationData:[],footer:c.keepInterest.footer,showAnimation:!0},F={key:"protectCash",title:c.title,prefix:c.protectCash.prefix,headerAnimationData:[],showAnimation:!0},Ie=[{key:"noHiddenFees",title:c.title,prefix:c.noHiddenFees.prefix,headerAnimationData:[{direction:"down",stepCount:6,values:c.noHiddenFees.headerAnimationData}],showAnimation:!0},{key:"freeWire",title:c.title,prefix:c.freeWire.prefix,headerAnimationData:[{direction:"right",stepCount:1,values:c.freeWire.headerAnimationData}],showAnimation:!0},{key:"expertSupport",title:c.title,prefix:c.expertSupport.prefix,header:c.expertSupport.header,headerAnimationData:[{direction:"left",stepCount:1,values:c.expertSupport.headerAnimationData}],showAnimation:!0}];function W({card:t,data:r,analytics:i,actions:s,isZeniAccountsEnabled:a,columnKey:u,index:x,dndProps:p}){const[m,f]=S.useState(0),h=d=>{f(d)},g=(u+1)*(x+1),j=d=>{i.trackZeniAccountsPromoCardClick(g,d),r.depositAccountId!=null?s.onCardBtnClick?.("zeni_accounts_promo_card",r.depositAccountId):s.onCardBtnClick?.("zeni_accounts_promo_card")},{maxInsuredAmount:C,maxPossibleInterest:P,maxAnnualPercentageYield:A,maxCashBalanceAvailable:E=0}=r;k.headerAnimationData=U(P??25e4),k.prefix=c.keepInterest.prefixDashboard.replace(/<amount>/,e.amountValueToString("0,0",E,$.currency.currencySymbol).toUpperCase()),k.footer=c.keepInterest.footer.replace(/<interest>/,A.toString()),F.headerAnimationData=[{direction:"right",stepCount:1,values:[...c.protectCash.headerAnimationData,e.amountValueToString(e.getAmountFormatString(C),C,$.currency.currencySymbol).toUpperCase()]}],F.prefix=c.protectCash.prefix.replace(/<amount>/,e.amountValueToString(e.getAmountFormatString(C),C,$.currency.currencySymbol).toUpperCase());const z=[k,F,...Ie];return o.jsxRuntimeExports.jsx(e.DraggedDiv,{isDragging:p?.draggedCardType!=null,isDragOver:p?.dragOverCard===t.cardType,draggable:!0,onDragStart:d=>p?.onDragStart(t.cardType,d),onDragOver:d=>p?.onDragOver(d,t.cardType),onDragLeave:d=>p?.onDragLeave(d),onDrop:d=>p?.onDrop(d,t.cardType),dimension:t.dimension,children:o.jsxRuntimeExports.jsx(J.SummaryCard,{card:t,actions:{onCardClick:()=>{},onReloadData:()=>{}},children:o.jsxRuntimeExports.jsx(Be,{card:t,data:z,handleCardNavigation:h,activeCardIndex:m,handleLearnMoreClick:j,isZeniAccountsSetUp:a&&r.depositAccountId!=null,analytics:i,cardPosition:g})})},t.cardIndex)}S.memo(W);function U(t){const r=[],i=e.amountValueToString("0,0",Math.floor(t),$.currency.currencySymbol);for(let s=0;s<i.length;s++){const a=i[s],u={direction:"up",stepCount:0,values:[a]};if(a===$.currency.currencySymbol||a===$.strings.comma)r.push(u);else{const x=parseInt(i[s]),p=s===1&&x<=1?1:Math.floor(x/2),m=s%2===0?"down":"up",f=x-p,h=[];for(let g=0;g<=f;g++){const j=p+g;h.push(j.toString())}m==="down"&&h.reverse(),r.push({direction:m,stepCount:f,values:h})}}return r}exports.ZeniAccountsPromoCardStack=W;exports.amountToAnimationData=U;exports.getAnimatedDataStack=q;