@zeniai/web-components 3.16.66 → 3.16.67

package/dist/AccountReconDetailsDrawerPage-CT1KmBNr.cjs

@@ -1,239 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-CT-Z_-kn.cjs"),c=require("react"),s=require("@emotion/styled"),A=require("@zeniai/client-epic-state"),n=require("./index-DzNHLrCM.cjs"),I=require("./AccountRow-CZ6ffhtT.cjs"),p={containerPaddingLeft:n.Space.sp4,containerPaddingRight:n.Space.sp4,navBarHeight:n.Space.sp10,navBarPaddingRight:n.Space.sp4,navBarPaddingLeft:n.Space.sp4,balanceContainerWidth:114,sourceContainerWidth:400},le=s.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  width: 100%;
-  height: 100vh;
-  position: relative;
-  gap: ${n.Space.sp5};
-`,de=s.div`
-  display: flex;
-  flex: 0 0 auto;
-  width: ${n.Space.sp4};
-`,ue=s.div`
-  min-height: ${p.navBarHeight};
-  position: sticky;
-  background-color: ${e=>e.theme.colors.grey4};
-  border-bottom: 1px solid transparent;
-  z-index: 2;
-  top: ${n.Space.sp0};
-  width: 100%;
-`,xe=s(n.SvgClose)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${n.Space.sp4};
-  height: ${n.Space.sp4};
-  min-height: ${n.Space.sp3};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-  flex: 0 0 auto;
-`,pe=s.div`
-  padding-left: ${p.containerPaddingLeft};
-  padding-right: ${p.containerPaddingRight};
-`,me=s.div`
-  position: relative;
-  min-height: 62px;
-`,he=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  padding-right: ${p.navBarPaddingRight};
-  padding-left: ${p.navBarPaddingLeft};
-  height: 100%;
-`,je=s(n.StyledText)`
-  display: flex;
-  flex: 1 1 0;
-  justify-content: center;
-  flex-direction: column;
-`,fe=s(n.LargeSemiBold)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-`,Q=s(n.ExtraSmallRegular)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-`,ge=s.div`
-  display: flex;
-  flex: 0 0 auto;
-  justify-content: center;
-  align-items: center;
-`,Se=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${n.Space.sp5};
-`,ye=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  gap: ${n.Space.sp2};
-  padding: ${n.Space.sp3};
-  background-color: ${e=>e.theme.colors.background};
-  border-radius: ${n.Space.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-`,Ee=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  min-width: ${p.balanceContainerWidth}px;
-`,N=s(n.ExtraSmallRegular)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  align-items: center;
-  justify-content: flex-end;
-`,Re=s(n.StandardRegular)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: left;
-`,Ce=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: flex-start;
-  min-width: ${p.balanceContainerWidth}px;
-`,$e=s(n.StandardRegular)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  justify-content: flex-start;
-`,ke=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: flex-start;
-  gap: ${n.Space.sp1};
-`,ve=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: flex-start;
-  min-width: ${p.balanceContainerWidth}px;
-`,we=s(n.StandardRegular)`
-  display: flex;
-  color: ${e=>e.theme.colors.grey3};
-  align-items: center;
-  justify-content: flex-start;
-`,be=s(n.StandardRegular)`
-  height: ${n.Space.sp4};
-  border-radius: ${n.Space.sp1};
-  color: ${e=>e.textColor.hex()};
-  text-align: right;
-`,De=s(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()};
-`,Pe=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-  gap: ${n.Space.sp1};
-`,Te=s(n.StandardRegular)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  justify-content: flex-end;
-`,Be=s(n.SvgArrowFilledBottom)`
-  margin-left: 2px;
-  width: 12px;
-  height: 12px;
-  color: ${e=>e.theme.colors.primary};
-`,Ie=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  min-width: ${p.sourceContainerWidth}px;
-  gap: ${n.Space.sp2};
-`,Ae=s(n.LargeSemiBold)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  justify-content: flex-end;
-  padding-bottom: ${n.Space.sp2};
-`,_e=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: ${n.Space.sp2};
-  width: 100%;
-`,$=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  gap: ${n.Space.sp2};
-  width: 100%;
-`,T=s(n.StandardRegular)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  align-items: center;
-  justify-content: flex-end;
-`,B=s(n.StandardRegular)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  justify-content: flex-end;
-  gap: ${n.Space.sp1};
-`,f=s(n.StandardRegular)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: ${n.Space.sp1};
-`,z=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-  gap: ${n.Space.sp1};
-`,Le=s(n.SvgTickRoundFill)`
-  width: ${n.Space.sp3};
-  height: ${n.Space.sp3};
-  color: ${n.Colors.success};
-`,X=s(n.SvgBankBuilding)`
-  width: ${n.Space.sp3};
-  height: ${n.Space.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,Z=s(n.SvgDocuments)`
-  width: ${n.Space.sp3};
-  height: ${n.Space.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,Fe=s(n.SvgBankBuilding)`
-  margin-top: 2px;
-  width: ${n.Space.sp3};
-  height: ${n.Space.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,Me=s(n.SvgDocuments)`
-  margin-top: 2px;
-  width: ${n.Space.sp3};
-  height: ${n.Space.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,Oe=s(n.StandardRegular)`
-  display: flex;
-  color: ${n.Colors.success};
-  align-items: center;
-  justify-content: flex-end;
-`,Ve=s(n.StandardRegular)`
-  text-align: right;
-  color: ${e=>e.status==="connected"?e.theme.colors.success:e.status==="reconnect"?e.theme.colors.important:e.theme.colors.link};
-  cursor: pointer;
-  text-decoration: underline;
-`,{common:u,dateFormat:J,expenseAutomation:{accountRecon:r}}=n.appLocale.getLocalizedStrings(),ee=(e,o)=>`${e}.${o}`,Ue="accountReconDrawerDetailsPage",te="accountReconDrawerDetailsSection";function qe({accountReconciliation:e,plaidConnectionDetails:o,monthYearPeriod:l,openFilePicker:d,filesEndPoint:j,authParams:S,onDismissClick:y,onFetchLinkTokenClick:k,onEstablishConnectionClick:v,onSelectSourceType:_,onDeleteFile:w,onEditFileName:L,onStatementUploadSuccess:F,onUploadWindowOpenedOnce:M}){const m=t.useForm({mode:"all",reValidateMode:"onChange",defaultValues:K(e),resetOptions:{keepDirtyValues:!0,keepErrors:!0},values:K(e)}),E=m.handleSubmit(()=>{}),[x,R]=c.useState(void 0),b=o.link_account_no_microdeposit,C=o.update_account,i=x==="update_account"?C:b,[h,O]=c.useState(i.linkToken??null),[g,a]=c.useState(!1),[D,V]=c.useState(!1),[U,q]=c.useState(void 0),[ne,W]=c.useState(void 0),oe=c.useCallback(()=>{R("link_account_no_microdeposit")},[]),se=c.useCallback(()=>{R("update_account"),k("update_account",e.paymentAccountId)},[e.paymentAccountId]),re={onOkClick:()=>{U!=null&&(w(U),q(void 0)),W(void 0),V(!1)},onCancelClick:()=>{q(void 0),V(!1)}},Y=c.useRef(x);c.useEffect(()=>{Y.current=x},[x]);const ie=c.useCallback(P=>{v(P,e.accountReconEntity.account.accountId,Y.current),R(void 0),a(!1)},[v,e.accountReconEntity.account.accountId]),ae=c.useCallback((P,ce)=>{P!=null&&console.log("Plaid Connection Error",P,ce),R(void 0),a(!1)},[]),{open:H,ready:G}=t.usePlaidLink({token:h,onSuccess:ie,onExit:ae});return c.useEffect(()=>{(A.zeniDate(new Date().toISOString()).isAfter(i.expiration)||i.linkToken==null)&&i.fetchStatus.fetchState==="Not-Started"&&k("link_account_no_microdeposit")},[i.fetchStatus.fetchState]),c.useEffect(()=>{!g&&x!=null&&i.linkToken===h&&i.fetchStatus.fetchState==="Completed"&&G&&a(!0)},[G,h,i.fetchStatus.fetchState,i.linkToken,x,g]),c.useEffect(()=>{i.fetchStatus.fetchState==="Completed"&&i.linkToken!=null&&i.linkToken!==h&&O(i.linkToken)},[i.fetchStatus.fetchState,i.linkToken,h]),c.useEffect(()=>{g&&H()},[g,H]),t.jsxRuntimeExports.jsxs(le,{children:[t.jsxRuntimeExports.jsx(ue,{children:t.jsxRuntimeExports.jsx(me,{children:t.jsxRuntimeExports.jsxs(he,{children:[t.jsxRuntimeExports.jsx(de,{}),t.jsxRuntimeExports.jsxs(je,{children:[t.jsxRuntimeExports.jsx(fe,{children:e.accountReconEntity.account.accountName}),t.jsxRuntimeExports.jsx(Q,{children:t.jsxRuntimeExports.jsx(Je,{monthYearPeriod:l})})]}),t.jsxRuntimeExports.jsx(ge,{children:t.jsxRuntimeExports.jsx(xe,{onClick:y})})]})})}),t.jsxRuntimeExports.jsxs(pe,{children:[t.jsxRuntimeExports.jsx(t.FormProvider,{...m,children:t.jsxRuntimeExports.jsx("form",{style:{width:"100%"},id:Ue,onSubmit:E,children:t.jsxRuntimeExports.jsx(Ne,{monthYearPeriod:l,accountReconciliation:e,filesEndPoint:j,openFilePicker:d,authParams:S,onConnectClick:oe,onReconnectClick:se,onSelectSourceType:_,onDeleteFile:w,onEditFileName:L,onStatementUploadSuccess:F,onUploadWindowOpenedOnce:M,showConfirmationPopup:D,setShowConfirmationPopup:V,deleteFileId:U,setDeleteFileId:q,uploadErrorMessage:ne,setUploadErrorMessage:W})})}),D===!0||e.statementDeleteStatus.fetchState==="In-Progress"?t.jsxRuntimeExports.jsx(n.ConfirmationPopup,{titleComponent:t.jsxRuntimeExports.jsx(n.ConfirmationPopUpTitle,{children:r.reconciliation.drawer.deleteConfirmation.heading}),descriptionComponent:t.jsxRuntimeExports.jsx(n.ConfirmationPopUpDescription,{children:r.reconciliation.drawer.deleteConfirmation.description}),isLoading:e.statementDeleteStatus.fetchState==="In-Progress",primaryButtonText:u.confirm,secondaryButtonText:u.cancel,action:re}):null]})]})}const Ne=({monthYearPeriod:e,accountReconciliation:o,filesEndPoint:l,authParams:d,openFilePicker:j,onConnectClick:S,onReconnectClick:y,setDeleteFileId:k,setShowConfirmationPopup:v,onEditFileName:_,onSelectSourceType:w,onStatementUploadSuccess:L,onUploadWindowOpenedOnce:F,uploadErrorMessage:M,setUploadErrorMessage:m})=>{const[E,x]=c.useState(!1),b=(o.localData?.accountSource??"plaid")==="plaid"?o.accountReconEntity.reconciliationId!=null?o.accountReconEntity.reconUpdatedAt:o.accountReconEntity.accountUpdatedAt:o.accountReconEntity.reconUpdatedAt,C=[];C.push({label:r.reconciliation.menu.bankConnection,value:"plaid"}),C.push({label:r.reconciliation.menu.statement,value:"bank_statement"});const i=o.localData?.accountSource,h=o.accountConnectionStatus==="connected"||o.connectionInProgress===!0?"plaid":o.accountReconEntity.statementStatus?.code==="uploaded"||o.statementParseInProgress===!0||E?"bank_statement":void 0;c.useEffect(()=>{o.accountReconEntity.statementStatus.code==="uploaded"&&(o.accountReconEntity.statementDataStatus?.code==="validation_failed"||o.accountReconEntity.statementDataStatus?.code==="parsing_failed"||o.accountReconEntity.statementDataStatus?.code==="processing_failed")&&m(I.getStatementErrorText(o.accountReconEntity.statementDataStatus?.code,"drawer",o.accountReconEntity.errorMessage?.errorShort))},[o.accountReconEntity.statementStatus.code,o.accountReconEntity.statementDataStatus?.code,o.accountReconEntity.errorMessage?.errorShort,m]);const O=["reconciled","in_progress","reconciled_via_qbo"],g=o.accountReconEntity.reconciliationStatus!=null&&O.includes(o.accountReconEntity.reconciliationStatus.code);return t.jsxRuntimeExports.jsxs(Se,{children:[t.jsxRuntimeExports.jsxs(ye,{children:[t.jsxRuntimeExports.jsxs(Ee,{children:[t.jsxRuntimeExports.jsx(N,{children:r.reconciliation.headers.bankBalance}),t.jsxRuntimeExports.jsx(Re,{children:t.jsxRuntimeExports.jsx(I.ShowBankBalance,{bankBalance:o.accountReconEntity.balance,bankConnection:o.accountConnectionStatus,isLoading:!1,fromDrawer:!0,accountId:o.accountReconEntity.account.accountId,statementStatus:o.accountReconEntity.statementStatus.code,onStatementAddClicked:()=>{},setIsHovering:()=>{}})})]}),t.jsxRuntimeExports.jsxs(Ce,{children:[t.jsxRuntimeExports.jsx(N,{children:r.reconciliation.headers.clearedBalance}),t.jsxRuntimeExports.jsx($e,{children:t.jsxRuntimeExports.jsx(I.ShowClearedBalance,{clearedBalance:o.accountReconEntity.clearedBalance,isLoading:!1})})]}),t.jsxRuntimeExports.jsxs(ve,{children:[t.jsxRuntimeExports.jsx(N,{children:r.reconciliation.headers.variance}),t.jsxRuntimeExports.jsx(we,{children:t.jsxRuntimeExports.jsx(He,{variance:o.accountReconEntity.variance,variancePercentage:o.accountReconEntity.variancePercentage})})]})]}),t.jsxRuntimeExports.jsxs(Ie,{children:[t.jsxRuntimeExports.jsxs(Ae,{children:[" ",r.reconciliation.drawer.source," "]}),t.jsxRuntimeExports.jsxs(_e,{children:[t.jsxRuntimeExports.jsxs($,{children:[t.jsxRuntimeExports.jsx(T,{children:r.reconciliation.drawer.labels.type}),t.jsxRuntimeExports.jsx(B,{children:h!=null?t.jsxRuntimeExports.jsx(f,{children:h==="plaid"?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(X,{}),r.reconciliation.menu.bankConnection]}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(Z,{}),r.reconciliation.menu.statement]})}):t.jsxRuntimeExports.jsx(n.ControlledComponent,{controller:!0,children:t.jsxRuntimeExports.jsx(n.MoreMenuButton,{moreIconType:"custom",customIcon:t.jsxRuntimeExports.jsx(ze,{selectedSourceType:i}),options:C,customStyleConfig:{option:()=>({".option-container":{justifyContent:"flex-start"}}),valueContainer:()=>({height:n.Space.sp5,width:"180px"})},menuPlacement:"bottom",onOptionSelection:a=>{w(A.toReconciliationAccountSource(a))},valueToIcon:a=>a==="plaid"?t.jsxRuntimeExports.jsx(Fe,{}):a==="bank_statement"?t.jsxRuntimeExports.jsx(Me,{}):null})})})]}),i==="bank_statement"?t.jsxRuntimeExports.jsx($,{children:t.jsxRuntimeExports.jsx(n.FileElementWithPhotoPicker,{name:ee(te,"file"),file:o.accountReconEntity.statementMetaData?.file,showPhotoPicker:!1,isDisabled:g,sizeLimit:1e7,onFileSizeError:a=>{a&&m(u.fileElementPicker.sizeLimit)},deleteFileStatusById:{},updateFileStatusById:{},filesEndPoint:l,authParams:d,acceptableTypes:["application/pdf"],placeholderText:r.reconciliation.drawer.downloadPlaceholder,autoOpenFilePicker:j,accountStatementUpload:{uploadHelper:A.uploadAccountStatementIntoDocumentAI,metadataPayload:{accountId:o.accountReconEntity.account.accountId,monthYearPeriod:e},errorMessage:M,onUploadError:a=>{m(a?.message)},onUploadSuccess:a=>{L(a),x(!1)},onUploadStart:()=>{x(!0),m(void 0)},onUploadWindowOpenedOnce:()=>{F()}},onDeleteFile:a=>{k(a),v(!0)},onEditFileName:(a,D)=>{_(a,D)}})}):null,t.jsxRuntimeExports.jsxs($,{children:[t.jsxRuntimeExports.jsx(T,{children:r.reconciliation.drawer.labels.status}),t.jsxRuntimeExports.jsx(B,{children:i!=="bank_statement"?t.jsxRuntimeExports.jsx(We,{status:o.accountConnectionStatus,connectionInProgress:o.connectionInProgress,onConnectClick:S,onReconnectClick:y}):t.jsxRuntimeExports.jsx(Ye,{uploadInProgress:E,status:o.accountReconEntity.statementDataStatus?.code})})]}),t.jsxRuntimeExports.jsxs($,{children:[t.jsxRuntimeExports.jsx(T,{children:r.reconciliation.drawer.labels.accountType}),t.jsxRuntimeExports.jsx(B,{children:t.jsxRuntimeExports.jsx(Ge,{accountSubType:n.formatToSentenceCase(o.accountReconEntity.account.accountSubType??"")})})]}),t.jsxRuntimeExports.jsxs($,{children:[t.jsxRuntimeExports.jsx(T,{children:r.reconciliation.drawer.labels.lastUpdated}),t.jsxRuntimeExports.jsx(B,{children:t.jsxRuntimeExports.jsx(n.Loader,{isLoading:E,customStyle:{height:"20px",width:"100px"},position:"left",children:b!=null?t.jsxRuntimeExports.jsx(f,{children:n.formatToSentenceCase(b.utc(!0).fromNow())}):u.strings.hyphen})})]})]})]})]})},ze=({selectedSourceType:e})=>t.jsxRuntimeExports.jsxs(Pe,{children:[e==null||e==="plaid"?t.jsxRuntimeExports.jsx(X,{}):t.jsxRuntimeExports.jsx(Z,{}),t.jsxRuntimeExports.jsx(Te,{children:e==null||e==="plaid"?r.reconciliation.menu.bankConnection:r.reconciliation.menu.statement}),t.jsxRuntimeExports.jsx(Be,{})]}),We=({status:e,connectionInProgress:o,onConnectClick:l,onReconnectClick:d})=>o?t.jsxRuntimeExports.jsx(z,{children:r.reconciliation.drawer.values.connecting}):e==="connected"?t.jsxRuntimeExports.jsxs(z,{children:[t.jsxRuntimeExports.jsx(Le,{}),t.jsxRuntimeExports.jsx(Oe,{children:r.reconciliation.drawer.values.connected})]}):t.jsxRuntimeExports.jsx(z,{onClick:e==="reconnect"?d:l,children:t.jsxRuntimeExports.jsx(Ve,{status:e,children:e==="reconnect"?r.reconciliation.drawer.values.reconnect:r.reconciliation.drawer.values.connect})}),Ye=({status:e,uploadInProgress:o})=>o?t.jsxRuntimeExports.jsx(n.Loader,{isLoading:o,customStyle:{height:"20px",width:"100px"},position:"left",children:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{})}):e==null?t.jsxRuntimeExports.jsx(f,{children:u.strings.hyphen}):e==="parsing"?t.jsxRuntimeExports.jsx(f,{children:r.reconciliation.drawer.values.statementParsing}):e==="validated"?t.jsxRuntimeExports.jsx(f,{children:r.reconciliation.drawer.values.uploaded}):t.jsxRuntimeExports.jsx(f,{children:u.strings.hyphen}),He=({variance:e,variancePercentage:o,reconciliationStatusCode:l})=>{const d=t.useTheme(),{varianceColor:j,variancePercentageColor:S,variancePercentageContainerColor:y}=I.getVarianceColors(d,e,l,!0);return t.jsxRuntimeExports.jsxs(ke,{children:[t.jsxRuntimeExports.jsx(be,{textColor:j,children:n.amountToString("0,0",e)??u.strings.hyphen}),t.jsxRuntimeExports.jsxs(De,{textColor:S,bgColor:y,children:[o!=null?o===0?"0":o.toFixed(2):null,o!=null?u.strings.percentage:null]})]})},Ge=({accountSubType:e})=>{const o=e!=null?e.replace("_"," "):u.strings.hyphen;return t.jsxRuntimeExports.jsx(f,{children:o})},Je=({monthYearPeriod:e})=>t.jsxRuntimeExports.jsx(Q,{children:Ke(e)}),Ke=e=>{const{month:o,year:l}=e,d=A.zeniDate(`${l}-${String(o).padStart(2,"0")}-01`);let j=d.endOf("month");return`${d.format(J.visual.DMMMYYYYFormat)} ${u.strings.hyphen} ${j.format(J.visual.DMMMYYYYFormat)}`},K=e=>({[te]:{file:e.accountReconEntity.statementMetaData?.file,selectedType:e.localData?.accountSource}});exports.default=qe;exports.uniqueName=ee;

package/dist/AccountRow-CZ6ffhtT.cjs

@@ -1,298 +0,0 @@
-"use strict";const t=require("./vendor-.pnpm-CT-Z_-kn.cjs"),tt=require("react"),et=require("@emotion/react"),o=require("@emotion/styled"),n=require("./index-DzNHLrCM.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 F({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%;
-`,dt=o.div`
-  flex: 1 1 auto;
-  height: 1px;
-  width: 100%;
-`;function ut({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(dt,{className:"part-separator"})}),d={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: ${d.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: ${d.leftLabelWidth}px;
-  min-width: ${d.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: ${d.bankBalanceWidth}px;
-  min-width: ${d.bankBalanceWidth}px;
-  text-align: right;
-`,wt=o.div`
-  width: ${d.bankBalanceRightWidth}px;
-  min-width: ${d.bankBalanceRightWidth}px;
-`,$t=o(n.StandardRegular)`
-  width: ${d.clearedBalanceWidth}px;
-  min-width: ${d.clearedBalanceWidth}px;
-  text-align: right;
-`,bt=o(n.StandardRegular)`
-  width: ${d.statusWidth}px;
-  min-width: ${d.statusWidth}px;
-  height: 1px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-`,vt=o.div`
-  display: flex;
-  flex-direction: row;
-  min-width: ${d.spacerLineWidth}px;
-  width: ${d.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: ${d.varianceTimeframeWidth}px;
-  min-width: ${d.varianceTimeframeWidth}px;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  text-align: center;
-  gap: ${n.Space.sp2};
-  margin-left: ${d.tickLeftMargin}px;
-`,Bt=o(n.StandardRegular)`
-  border-radius: ${n.Space.sp1};
-  color: ${e=>e.textColor.hex()};
-  min-width: ${d.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: ${d.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};
-`,V=o(n.ExtraSmallRegular)`
-  color: ${n.Colors.success};
-`,Lt=o(n.SvgLike)`
-  width: ${n.Space.sp3};
-  height: ${n.Space.sp3};
-  color: ${n.Colors.success};
-`,S=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};
-`,k=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};
-`,B=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,H=o(n.StandardRegular)`
-  color: ${e=>e.theme.colors.hero};
-`,I=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${n.Space.sp1};
-`,W=o(n.ExtraSmallRegular)`
-  color: ${e=>e.textColor.hex()};
-`,P=o(n.ExtraSmallRegular)`
-  color: ${e=>e.textColor.hex()};
-`,D=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,_=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,f=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:u,percentage:Yt}}}=n.appLocale.getLocalizedStrings();function Zt({height:e,accountRecon:s,isLastRow:r,isSelectedRow:i,onReviewClicked:l,onOpenDrawerClicked:x,onConnectClicked:c,onReconnectClicked:p,onStatementAddClicked:g}){const $=n.useWindowSizeContext(),y=t.useTheme(),E=s.accountReconEntity.account.accountName,m=s.accountReconEntity.balance,b=s.accountReconEntity.clearedBalance,G=s.accountReconEntity.variance,J=s.accountReconEntity.variancePercentage,K=()=>{c?.(s.accountReconEntity.account.accountId)},X=()=>{p?.(s.accountReconEntity.account.accountId)},Y=()=>{g?.(s.accountReconEntity.account.accountId)},L=()=>{l?.(s.accountReconEntity.account.accountId)},[Z,v]=tt.useState(!1),N=s.accountConnectionStatus==="connected"||s.connectionInProgress===!0?"plaid":s.accountReconEntity.statementStatus?.code==="uploaded"||s.statementParseInProgress===!0?"bank_statement":"plaid",R=N==="plaid"?s.accountReconEntity.balanceDataStatus?.code==="in_progress"||s.connectionInProgress===!0:s.accountReconEntity.statementDataStatus?.code==="parsing"||s.statementParseInProgress===!0;let A=e;return r&&(A=e+n.sp[8]),t.jsxRuntimeExports.jsxs(jt,{"data-testid":n.generateDataTestId("account-recon-row-root-container",s.accountReconEntity.account.accountName),heightValue:A,isLastRow:r,windowSize:$,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(F,{firstLetter:E.charAt(0),color:new t.Color(y.colors.hero),showIcon:!1,showCollapsedIcon:!1,className:"any-text-container"}),t.jsxRuntimeExports.jsx(ft,{children:t.jsxRuntimeExports.jsx(n.Tooltip,{enterDelay:600,title:E,style:{padding:`${n.Space.sp1} ${n.Space.sp2}`},placement:"bottom",children:t.jsxRuntimeExports.jsx(Rt,{className:"any-text-container",children:E})})})]}),t.jsxRuntimeExports.jsxs(yt,{children:[t.jsxRuntimeExports.jsx(Ct,{children:t.jsxRuntimeExports.jsx(M,{lastUpdatedAt:s.accountReconEntity.reconciliationId!=null?s.accountReconEntity.reconUpdatedAt:s.accountReconEntity.accountUpdatedAt,setIsHovering:v,statementStatus:s.accountReconEntity.statementStatus.code,accountId:s.accountReconEntity.account.accountId,bankBalance:m,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(U,{clearedBalance:b,isLoading:R})}),t.jsxRuntimeExports.jsx(te,{isLoading:R,variance:G,variancePercentage:J,reconciliationStatusCode:s.accountReconEntity.reconciliationStatus?.code}),t.jsxRuntimeExports.jsx(vt,{children:t.jsxRuntimeExports.jsx(Tt,{heightValue:e})}),t.jsxRuntimeExports.jsx(bt,{onMouseEnter:()=>{v(!0)},onMouseLeave:()=>{v(!1)},children:N==="plaid"?t.jsxRuntimeExports.jsx(ee,{accountRecon:s,isLoading:R,onReviewClicked:L}):t.jsxRuntimeExports.jsx(ne,{accountRecon:s,isLoading:R,onReviewClicked:L})})]})]}),t.jsxRuntimeExports.jsx(ut,{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}=O(l,e,r),g=i?u:e!=null&&e.amount===0?"0%":s!=null?s===0?"0%":`${s.toFixed(2)}${Yt}`:u;return t.jsxRuntimeExports.jsxs(kt,{children:[t.jsxRuntimeExports.jsx(Bt,{textColor:x,className:"any-text-container",children:e==null||i?u:n.amountToString("0,0",e)}),t.jsxRuntimeExports.jsx(It,{textColor:c,bgColor:p,className:"any-text-container",children:g})]})},O=(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()}`:u;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(T,{tooltipText:c,showTooltip:x!=null});if(i==null&&l==="connected"&&e.accountReconEntity.balance!=null&&e.accountReconEntity.clearedBalance!=null)return t.jsxRuntimeExports.jsx(C,{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(C,{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(w,{isQBO:!1,user:e.accountReconEntity.user,tooltipText:c});case"in_progress":return t.jsxRuntimeExports.jsx(Q,{tooltipText:c});case"failed":return t.jsxRuntimeExports.jsx(q,{tooltipText:c});case"reconciled_on_qbo":return t.jsxRuntimeExports.jsx(w,{isQBO:!0,tooltipText:c});default:return null}else return t.jsxRuntimeExports.jsx(T,{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()}`:u;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(C,{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(C,{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(w,{isQBO:!1,user:e.accountReconEntity.user,tooltipText:c});case"reconciled_on_qbo":return t.jsxRuntimeExports.jsx(w,{isQBO:!0,tooltipText:c});case"in_progress":return t.jsxRuntimeExports.jsx(Q,{tooltipText:c});case"failed":return t.jsxRuntimeExports.jsx(q,{tooltipText:c});default:return null}else return t.jsxRuntimeExports.jsx(T,{showTooltip:x!=null,tooltipText:c})},C=({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()}})})}),w=({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(V,{children:a.status.QBOUser}):e&&t.jsxRuntimeExports.jsxs(V,{children:[e.firstName," ",e.lastName]})]})}),M=({bankBalance:e,bankConnection:s,statementStatus:r,lastUpdatedAt:i,fromDrawer:l=!1,onConnectClicked:x,onReconnectClicked:c,isLoading:p,accountId:g,onStatementAddClicked:$,setIsHovering:y})=>{const E=ce();if(l===!0)return t.jsxRuntimeExports.jsx(S,{className:"any-text-container",children:n.amountToString("0,0",e)??u});if(p===!0)return t.jsxRuntimeExports.jsx(S,{className:"any-text-container",children:u});if(s==="reconnect"){const m=i!=null?`${i.utc(!0).fromNow()}`:u;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(S,{className:"any-text-container",children:e!=null?n.amountToString("0,0",e):u})]}),t.jsxRuntimeExports.jsx(Vt,{"data-testid":n.generateDataTestId("account-reconciliation-reconnect-button",g),onClick:b=>{b.stopPropagation(),c?.()},children:a.connect.reconnnect})]})}else return s==="connected"||r==="uploaded"?t.jsxRuntimeExports.jsx(S,{className:"any-text-container",children:n.amountToString("0,0",e)??u}):t.jsxRuntimeExports.jsx(Nt,{"data-testid":n.generateDataTestId("account-reconciliation-connect-button",g),onMouseEnter:()=>{y(!0)},onMouseLeave:()=>{y(!1)},children:t.jsxRuntimeExports.jsx(n.ControlledComponent,{controller:E.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:E,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"?x?.():m==="statement"&&$?.()},valueToIcon:m=>m==="bank_connection"?t.jsxRuntimeExports.jsx(Gt,{}):m==="statement"?t.jsxRuntimeExports.jsx(Kt,{}):null})})})})},U=({clearedBalance:e,isLoading:s})=>e!=null&&s===!1?t.jsxRuntimeExports.jsx(S,{className:"any-text-container",children:n.amountToString("0,0",e)??u}):t.jsxRuntimeExports.jsx(S,{className:"any-text-container",children:u}),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(B,{children:[t.jsxRuntimeExports.jsx(k,{iconColor:s}),t.jsxRuntimeExports.jsx(I,{children:t.jsxRuntimeExports.jsx(W,{textColor:s,children:a.status.reconciliationFailed})}),t.jsxRuntimeExports.jsx(D,{children:t.jsxRuntimeExports.jsx(P,{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(k,{iconColor:r}),t.jsxRuntimeExports.jsxs(B,{children:[t.jsxRuntimeExports.jsx(I,{children:t.jsxRuntimeExports.jsx(W,{textColor:r,children:e})}),t.jsxRuntimeExports.jsx(D,{children:t.jsxRuntimeExports.jsx(P,{textColor:r,children:a.status.reconcileViaQBO})})]})]})})},Q=({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(_,{children:[t.jsxRuntimeExports.jsx(f,{textColor:r,children:a.status.autoReconInProgress}),t.jsxRuntimeExports.jsx(f,{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(_,{children:[t.jsxRuntimeExports.jsx(f,{textColor:s,children:a.status.balanceSyncInProgress}),t.jsxRuntimeExports.jsx(f,{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(_,{children:[t.jsxRuntimeExports.jsx(f,{textColor:s,children:a.status.statementSyncInProgress}),t.jsxRuntimeExports.jsx(f,{textColor:s,children:a.status.isInProgress})]})})},ie=({code:e,tooltipText:s,errorMessage:r})=>{const i=new t.Color(n.Colors.important),l=z(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(k,{iconColor:i}),t.jsxRuntimeExports.jsxs(B,{children:[t.jsxRuntimeExports.jsx(I,{children:t.jsxRuntimeExports.jsx(W,{textColor:i,children:l})}),t.jsxRuntimeExports.jsx(D,{children:t.jsxRuntimeExports.jsx(P,{textColor:i,children:a.status.failed})})]})]})})},T=({showTooltip:e,tooltipText:s})=>e==!1?t.jsxRuntimeExports.jsx(h,{children:t.jsxRuntimeExports.jsx(H,{children:u})}):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(H,{children:u})})}),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(){const e=[];return e.push({label:a.menu.bankConnection,value:"bank_connection"}),e.push({label:a.menu.statement,value:"statement"}),e}const z=(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=F;exports.ShowBankBalance=M;exports.ShowClearedBalance=U;exports.commonDimensions=d;exports.getDefaultNodeHeight=mt;exports.getStatementErrorText=z;exports.getVarianceColors=O;exports.isNodeOpenByDefault=ht;