@zeniai/web-components 3.17.1 → 3.17.2

package/dist/AccountLockedInfoModal-6FAlvAj7.cjs

@@ -1,59 +0,0 @@
-"use strict";const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),n=require("@emotion/styled"),e=require("./index-oPmOjv0R.cjs"),m=require("./handshake-DIiBbbRw.cjs"),p=require("./unlock-BuRCTqwN.cjs"),d="support@zeni.ai",s=e.appLocale.getLocalizedStrings().commonSetUp.twoFactorAuthentication,l=({unlockDate:o,onSubmit:r})=>{const c=t.useTheme(),x=o.format(e.appLocale.getLocalizedStrings().dateFormat.visual.MMMDCommaYYYYformat),u=o.format(e.appLocale.getLocalizedStrings().dateFormat.visual.HHMMFormat);return t.jsxRuntimeExports.jsxs(j,{children:[t.jsxRuntimeExports.jsx(g,{children:s.accountLockedTitle}),t.jsxRuntimeExports.jsxs(S,{children:[t.jsxRuntimeExports.jsxs(i,{children:[t.jsxRuntimeExports.jsx(a,{theme:c,children:t.jsxRuntimeExports.jsx(y,{})}),t.jsxRuntimeExports.jsx(e.StandardRegular,{children:s.accountLockedSecurityMessage})]}),t.jsxRuntimeExports.jsxs(i,{children:[t.jsxRuntimeExports.jsx(a,{theme:c,children:t.jsxRuntimeExports.jsx($,{})}),t.jsxRuntimeExports.jsxs(e.StandardRegularSp,{children:[s.tryAgainAfter,t.jsxRuntimeExports.jsxs(R,{children:[x,t.jsxRuntimeExports.jsx(E,{children:"•"}),u]}),s.signInViaGoogleOrMicrosoft]})]}),t.jsxRuntimeExports.jsxs(i,{children:[t.jsxRuntimeExports.jsx(a,{theme:c,children:t.jsxRuntimeExports.jsx(k,{})}),t.jsxRuntimeExports.jsxs(e.StandardRegularSp,{children:[s.accountLockedContactMessage,t.jsxRuntimeExports.jsx(f,{href:`mailto:${d}`,children:d})]})]}),t.jsxRuntimeExports.jsx(e.Button,{variant:"primary",label:s.understood,onClick:r})]})]})};function h({unlockDate:o,onClose:r}){return t.jsxRuntimeExports.jsx(e.Modal,{open:!0,onClose:r,children:t.jsxRuntimeExports.jsx(L,{children:t.jsxRuntimeExports.jsx(l,{unlockDate:o,onSubmit:r})})})}const j=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${e.Space.sp6};
-`,g=n(e.H6Regular)`
-  color: ${e.Colors.important};
-  text-align: center;
-`,S=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${e.Space.sp5};
-`,i=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  column-gap: 12px;
-  text-align: start;
-  width: 100%;
-  color: ${o=>o.theme.colors.primary};
-`,f=n.a`
-  text-decoration: underline;
-  color: ${o=>o.theme.colors.primary};
-`,R=n(e.StandardRegularSp)`
-  font-weight: ${e.FontWeight.medium};
-`,E=n.span`
-  color: ${o=>o.theme.colors.hero};
-  margin-left: ${e.Space.sp1};
-  margin-right: ${e.Space.sp1};
-`,a=n.div`
-  width: ${e.Space.sp7};
-  height: ${e.Space.sp7};
-  background: ${o=>o.theme.mode==="dark"?e.Colors.brandColorJadeDark:e.Colors.brandColorJadeLight};
-  border-radius: 50%;
-  flex-shrink: 0;
-  color: ${o=>o.theme.colors.primary};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,$=n(p.SvgUnlock)`
-  width: ${e.Space.sp4};
-  height: ${e.Space.sp4};
-`,y=n(p.SvgUnassigned)`
-  width: ${e.Space.sp4};
-  height: ${e.Space.sp4};
-`,k=n(m.SvgHandshake)`
-  width: ${e.Space.sp4};
-  height: ${e.Space.sp4};
-`,L=n.div`
-  display: flex;
-  flex-direction: column;
-  width: 456px;
-  padding: ${e.Space.sp5} ${e.Space.sp6};
-  background: ${o=>o.theme.colors.grey5};
-  border-radius: ${e.Space.sp2};
-`,I=Object.freeze(Object.defineProperty({__proto__:null,AccountLockedInfo:l,default:h},Symbol.toStringTag,{value:"Module"}));exports.AccountLockedInfo=l;exports.AccountLockedInfoModal=I;exports.ZENI_SUPPORT_EMAIL=d;

package/dist/AccountLockedInfoModal-IgeGJxsa.js

@@ -1,125 +0,0 @@
-import { j as t, u as x } from "./vendor-.pnpm-B2klaOGU.js";
-import n from "@emotion/styled";
-import { eY as f, a as d, o as j, n as l, B as $, S as o, C as m, V as y, K as S } from "./index-DOPIZEh4.js";
-import { S as k } from "./handshake-BPg58FML.js";
-import { S as L, a as A } from "./unlock-BPWn2I5L.js";
-const h = "support@zeni.ai", r = d.getLocalizedStrings().commonSetUp.twoFactorAuthentication, p = ({
-  unlockDate: e,
-  onSubmit: s
-}) => {
-  const c = x(), u = e.format(
-    d.getLocalizedStrings().dateFormat.visual.MMMDCommaYYYYformat
-  ), g = e.format(
-    d.getLocalizedStrings().dateFormat.visual.HHMMFormat
-  );
-  return /* @__PURE__ */ t.jsxs(M, { children: [
-    /* @__PURE__ */ t.jsx(v, { children: r.accountLockedTitle }),
-    /* @__PURE__ */ t.jsxs(b, { children: [
-      /* @__PURE__ */ t.jsxs(i, { children: [
-        /* @__PURE__ */ t.jsx(a, { theme: c, children: /* @__PURE__ */ t.jsx(U, {}) }),
-        /* @__PURE__ */ t.jsx(j, { children: r.accountLockedSecurityMessage })
-      ] }),
-      /* @__PURE__ */ t.jsxs(i, { children: [
-        /* @__PURE__ */ t.jsx(a, { theme: c, children: /* @__PURE__ */ t.jsx(T, {}) }),
-        /* @__PURE__ */ t.jsxs(l, { children: [
-          r.tryAgainAfter,
-          /* @__PURE__ */ t.jsxs(C, { children: [
-            u,
-            /* @__PURE__ */ t.jsx(R, { children: "•" }),
-            g
-          ] }),
-          r.signInViaGoogleOrMicrosoft
-        ] })
-      ] }),
-      /* @__PURE__ */ t.jsxs(i, { children: [
-        /* @__PURE__ */ t.jsx(a, { theme: c, children: /* @__PURE__ */ t.jsx(_, {}) }),
-        /* @__PURE__ */ t.jsxs(l, { children: [
-          r.accountLockedContactMessage,
-          /* @__PURE__ */ t.jsx(w, { href: `mailto:${h}`, children: h })
-        ] })
-      ] }),
-      /* @__PURE__ */ t.jsx(
-        $,
-        {
-          variant: "primary",
-          label: r.understood,
-          onClick: s
-        }
-      )
-    ] })
-  ] });
-};
-function I({
-  unlockDate: e,
-  onClose: s
-}) {
-  return /* @__PURE__ */ t.jsx(f, { open: !0, onClose: s, children: /* @__PURE__ */ t.jsx(z, { children: /* @__PURE__ */ t.jsx(p, { unlockDate: e, onSubmit: s }) }) });
-}
-const M = n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${o.sp6};
-`, v = n(y)`
-  color: ${m.important};
-  text-align: center;
-`, b = n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${o.sp5};
-`, i = n.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  column-gap: 12px;
-  text-align: start;
-  width: 100%;
-  color: ${(e) => e.theme.colors.primary};
-`, w = n.a`
-  text-decoration: underline;
-  color: ${(e) => e.theme.colors.primary};
-`, C = n(l)`
-  font-weight: ${S.medium};
-`, R = n.span`
-  color: ${(e) => e.theme.colors.hero};
-  margin-left: ${o.sp1};
-  margin-right: ${o.sp1};
-`, a = n.div`
-  width: ${o.sp7};
-  height: ${o.sp7};
-  background: ${(e) => e.theme.mode === "dark" ? m.brandColorJadeDark : m.brandColorJadeLight};
-  border-radius: 50%;
-  flex-shrink: 0;
-  color: ${(e) => e.theme.colors.primary};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`, T = n(A)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-`, U = n(L)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-`, _ = n(k)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-`, z = n.div`
-  display: flex;
-  flex-direction: column;
-  width: 456px;
-  padding: ${o.sp5} ${o.sp6};
-  background: ${(e) => e.theme.colors.grey5};
-  border-radius: ${o.sp2};
-`, O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AccountLockedInfo: p,
-  default: I
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  p as A,
-  h as Z,
-  O as a
-};

package/dist/AccountReconDetailsDrawerPage-Cfv1REmE.cjs

@@ -1,239 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),c=require("react"),s=require("@emotion/styled"),le=require("react-plaid-link"),A=require("@zeniai/client-epic-state"),n=require("./index-oPmOjv0R.cjs"),I=require("./AccountRow-BDCFNMk4.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},de=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};
-`,ue=s.div`
-  display: flex;
-  flex: 0 0 auto;
-  width: ${n.Space.sp4};
-`,xe=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%;
-`,pe=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;
-`,me=s.div`
-  padding-left: ${p.containerPaddingLeft};
-  padding-right: ${p.containerPaddingRight};
-`,he=s.div`
-  position: relative;
-  min-height: 62px;
-`,je=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%;
-`,fe=s(n.StyledText)`
-  display: flex;
-  flex: 1 1 0;
-  justify-content: center;
-  flex-direction: column;
-`,ge=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;
-`,Se=s.div`
-  display: flex;
-  flex: 0 0 auto;
-  justify-content: center;
-  align-items: center;
-`,ye=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${n.Space.sp5};
-`,Ee=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};
-`,Re=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;
-`,Ce=s(n.StandardRegular)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: left;
-`,ke=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;
-`,ve=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: flex-start;
-  gap: ${n.Space.sp1};
-`,we=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: flex-start;
-  min-width: ${p.balanceContainerWidth}px;
-`,be=s(n.StandardRegular)`
-  display: flex;
-  color: ${e=>e.theme.colors.grey3};
-  align-items: center;
-  justify-content: flex-start;
-`,De=s(n.StandardRegular)`
-  height: ${n.Space.sp4};
-  border-radius: ${n.Space.sp1};
-  color: ${e=>e.textColor.hex()};
-  text-align: right;
-`,Te=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};
-`,Be=s(n.StandardRegular)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  justify-content: flex-end;
-`,Ie=s(n.SvgArrowFilledBottom)`
-  margin-left: 2px;
-  width: 12px;
-  height: 12px;
-  color: ${e=>e.theme.colors.primary};
-`,Ae=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  min-width: ${p.sourceContainerWidth}px;
-  gap: ${n.Space.sp2};
-`,_e=s(n.LargeSemiBold)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  justify-content: flex-end;
-  padding-bottom: ${n.Space.sp2};
-`,Le=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: ${n.Space.sp2};
-  width: 100%;
-`,k=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  gap: ${n.Space.sp2};
-  width: 100%;
-`,P=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};
-`,Fe=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};
-`,Me=s(n.SvgBankBuilding)`
-  margin-top: 2px;
-  width: ${n.Space.sp3};
-  height: ${n.Space.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,Oe=s(n.SvgDocuments)`
-  margin-top: 2px;
-  width: ${n.Space.sp3};
-  height: ${n.Space.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,Ve=s(n.StandardRegular)`
-  display: flex;
-  color: ${n.Colors.success};
-  align-items: center;
-  justify-content: flex-end;
-`,Ue=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}`,qe="accountReconDrawerDetailsPage",te="accountReconDrawerDetailsSection";function Ne({accountReconciliation:e,plaidConnectionDetails:o,monthYearPeriod:l,openFilePicker:d,filesEndPoint:j,authParams:S,onDismissClick:y,onFetchLinkTokenClick:$,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"),$("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(T=>{v(T,e.accountReconEntity.account.accountId,Y.current),R(void 0),a(!1)},[v,e.accountReconEntity.account.accountId]),ae=c.useCallback((T,ce)=>{T!=null&&console.log("Plaid Connection Error",T,ce),R(void 0),a(!1)},[]),{open:H,ready:G}=le.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"&&$("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(de,{children:[t.jsxRuntimeExports.jsx(xe,{children:t.jsxRuntimeExports.jsx(he,{children:t.jsxRuntimeExports.jsxs(je,{children:[t.jsxRuntimeExports.jsx(ue,{}),t.jsxRuntimeExports.jsxs(fe,{children:[t.jsxRuntimeExports.jsx(ge,{children:e.accountReconEntity.account.accountName}),t.jsxRuntimeExports.jsx(Q,{children:t.jsxRuntimeExports.jsx(Ke,{monthYearPeriod:l})})]}),t.jsxRuntimeExports.jsx(Se,{children:t.jsxRuntimeExports.jsx(pe,{onClick:y})})]})})}),t.jsxRuntimeExports.jsxs(me,{children:[t.jsxRuntimeExports.jsx(t.FormProvider,{...m,children:t.jsxRuntimeExports.jsx("form",{style:{width:"100%"},id:qe,onSubmit:E,children:t.jsxRuntimeExports.jsx(ze,{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 ze=({monthYearPeriod:e,accountReconciliation:o,filesEndPoint:l,authParams:d,openFilePicker:j,onConnectClick:S,onReconnectClick:y,setDeleteFileId:$,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=[];o.accountReconEntity.account.accountType==="bank"&&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(ye,{children:[t.jsxRuntimeExports.jsxs(Ee,{children:[t.jsxRuntimeExports.jsxs(Re,{children:[t.jsxRuntimeExports.jsx(N,{children:r.reconciliation.headers.bankBalance}),t.jsxRuntimeExports.jsx(Ce,{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(ke,{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(we,{children:[t.jsxRuntimeExports.jsx(N,{children:r.reconciliation.headers.variance}),t.jsxRuntimeExports.jsx(be,{children:t.jsxRuntimeExports.jsx(Ge,{variance:o.accountReconEntity.variance,variancePercentage:o.accountReconEntity.variancePercentage})})]})]}),t.jsxRuntimeExports.jsxs(Ae,{children:[t.jsxRuntimeExports.jsxs(_e,{children:[" ",r.reconciliation.drawer.source," "]}),t.jsxRuntimeExports.jsxs(Le,{children:[t.jsxRuntimeExports.jsxs(k,{children:[t.jsxRuntimeExports.jsx(P,{children:r.reconciliation.drawer.labels.type}),t.jsxRuntimeExports.jsx(B,{children:h!=null?t.jsxRuntimeExports.jsx(f,{children:h==="plaid"&&o.accountReconEntity.account.accountType==="bank"?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(We,{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(Me,{}):a==="bank_statement"?t.jsxRuntimeExports.jsx(Oe,{}):null})})})]}),i==="bank_statement"?t.jsxRuntimeExports.jsx(k,{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=>{$(a),v(!0)},onEditFileName:(a,D)=>{_(a,D)}})}):null,t.jsxRuntimeExports.jsxs(k,{children:[t.jsxRuntimeExports.jsx(P,{children:r.reconciliation.drawer.labels.status}),t.jsxRuntimeExports.jsx(B,{children:i!=="bank_statement"?t.jsxRuntimeExports.jsx(Ye,{status:o.accountConnectionStatus,connectionInProgress:o.connectionInProgress,onConnectClick:S,onReconnectClick:y}):t.jsxRuntimeExports.jsx(He,{uploadInProgress:E,status:o.accountReconEntity.statementDataStatus?.code})})]}),t.jsxRuntimeExports.jsxs(k,{children:[t.jsxRuntimeExports.jsx(P,{children:r.reconciliation.drawer.labels.accountType}),t.jsxRuntimeExports.jsx(B,{children:t.jsxRuntimeExports.jsx(Je,{accountSubType:n.formatToSentenceCase(o.accountReconEntity.account.accountSubType??"")})})]}),t.jsxRuntimeExports.jsxs(k,{children:[t.jsxRuntimeExports.jsx(P,{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})})]})]})]})]})},We=({selectedSourceType:e})=>t.jsxRuntimeExports.jsxs(Pe,{children:[e==null||e==="plaid"?t.jsxRuntimeExports.jsx(X,{}):t.jsxRuntimeExports.jsx(Z,{}),t.jsxRuntimeExports.jsx(Be,{children:e==null||e==="plaid"?r.reconciliation.menu.bankConnection:r.reconciliation.menu.statement}),t.jsxRuntimeExports.jsx(Ie,{})]}),Ye=({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(Fe,{}),t.jsxRuntimeExports.jsx(Ve,{children:r.reconciliation.drawer.values.connected})]}):t.jsxRuntimeExports.jsx(z,{onClick:e==="reconnect"?d:l,children:t.jsxRuntimeExports.jsx(Ue,{status:e,children:e==="reconnect"?r.reconciliation.drawer.values.reconnect:r.reconciliation.drawer.values.connect})}),He=({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}),Ge=({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(ve,{children:[t.jsxRuntimeExports.jsx(De,{textColor:j,children:n.amountToString("0,0",e)??u.strings.hyphen}),t.jsxRuntimeExports.jsxs(Te,{textColor:S,bgColor:y,children:[o!=null?o===0?"0":o.toFixed(2):null,o!=null?u.strings.percentage:null]})]})},Je=({accountSubType:e})=>{const o=e!=null?e.replace("_"," "):u.strings.hyphen;return t.jsxRuntimeExports.jsx(f,{children:o})},Ke=({monthYearPeriod:e})=>t.jsxRuntimeExports.jsx(Q,{children:Qe(e)}),Qe=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=Ne;exports.uniqueName=ee;