@zeniai/web-cockpit-ui 1.14.35-qa → 1.14.36-dev

package/dist/assets/ExpenseAutomationPage-Cz3JsW-E-BrcVbkfQ.js

@@ -1,1650 +0,0 @@
-import{o,br as zs,e as ve,fO as Pi,fP as zi,l as K,B as je,j as t,bV as Ns,b as Pe,a4 as Ni,q as g,bX as Vs,u as bt,aX as Hs,ht as Ws,a0 as qe,bp as we,C as Q,aR as Us,$ as N,hr as qs,t as Me,fi as Js,gj as Vi,aS as Ks,bh as Et,am as Hi,w as St,b6 as Wi,g as Ge,js as Zs,fE as Ys,n as ht,a3 as Gs,fQ as Xs,fR as Ui,aK as Qs,bQ as ea,by as ta,ez as dn,bv as ho,a as Ht,bg as po,F as Wt,jt as na,ju as oa,jv as ia,jw as sn,jx as qi,jy as Ji,jz as sa,jA as aa,dj as Ki,jB as ra,jC as la,jD as ca,jE as da,jF as ua,jG as Lo,jH as ha,jI as pa,jJ as ma,jK as ga,jL as xa,jM as Zi,jN as fa,jO as ya,jP as Ca,jQ as wa,g3 as Yi,aj as Ln,b_ as Tn,m as Gi,ca as un,dR as mo,f$ as ba,f4 as Sa,fk as va,r as ja,T as ka,aE as Ia,jR as $a,f1 as La,O as Xi,jS as Ta,a8 as go,a2 as To,jT as Aa,jU as Ea,gl as Qi,jV as Ra,a$ as es,a6 as Da,g9 as At,hf as Dn,ex as vn,cn as xo,H as Oa,cw as ts,dl as Ma,i9 as Ba,dr as fo,c3 as An,c6 as En,hU as Qe,v as Lt,h4 as Fa,g4 as On,it as Ao,dh as ns,cz as ln,jW as _a,ae as Pa,dq as os,K as cn,hL as is,hV as ao,jX as Xt,dX as ss,dY as as,jY as rs,jZ as ls,j_ as za,cx as Rn,hM as cs,d1 as ds,ep as Mn,X as yo,j$ as Na,ct as Va,ab as us,i0 as Ha,dP as Wa,p as ft,k0 as Ua,k1 as qa,ah as Bn,cH as Ja,x as Ka,em as Za,en as Ya,eo as Ga,eq as Eo,er as Ro,es as Xa,k2 as Qa,af as er,eB as tr,eC as nr,eD as or}from"./index-LQh-jIrB.js";import{n as a,b as s,j as Ye,k as Co,f as hs}from"./vendor-rkTZJa59.js";import{r as ps,R as ms,n as Qt,W as ut}from"./CollapsableReportTable-B0wI9SM1-DyxRAEGL.js";import{o as gs}from"./mapTimeframeBalancesToTreeNode-DTlwFauL-CZ3n-orV.js";import{d as Do}from"./mapLoadingInProgressToTreeNode-BG784RuM-B-LxqW1w.js";import{h as ir}from"./VendorsAccountsSection-BqoW4DlP-BublwzKM.js";import{u as sr,c as Oo,d as ar,m as rr}from"./uploadAttachment-COwu5Mqo-D1mpbLnD.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./AccountRow-CiIWoLq3-BYr2bUH2.js";const{common:{navBar:{back:lr},texts:{refresh:cr,close:dr,copy:ur,copied:hr,open:pr}},expenseAutomation:{common:{numbers:{maximumCount:mr}}}}=je.getLocalizedStrings(),gr=a(ba)`
-  display: flex;
-  width: ${o.sp4};
-  height: ${o.sp4};
-  align-items: center;
-  justify-content: center;
-`,xr=a.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,fr=a.div`
-  width: 100%;
-  display: flex;
-  flex-shrink: 0;
-  flex-direction: column;
-  background: ${e=>e.theme.colors.grey4};
-  box-sizing: border-box;
-  position: sticky;
-  top: 0;
-  z-index: 6;
-`,yr=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-left: ${e=>Bo.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>Bo.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
-`,Cr=a.div`
-  display: flex;
-  align-items: baseline;
-  justify-content: end;
-  gap: ${o.sp4};
-  flex: 1 1 ${o.sp0};
-`,wr=a.div`
-  display: flex;
-  align-items: baseline;
-  justify-content: start;
-  gap: ${o.sp4};
-  flex: 1 1 ${o.sp0};
-`,br=a(va)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  cursor: pointer;
-  margin-left: ${o.sp1};
-  color: inherit;
-`,Sr=a(Sa)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-left: ${o.sp1};
-  color: ${Ge.success};
-`,vr=a(Gs)`
-  cursor: pointer;
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,jr=a(ta)`
-  cursor: pointer;
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,kr=a(ea,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
-  cursor: pointer;
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${e=>e.theme.colors.hero};
-  animation: ${e=>e.$spinning?Ye`
-          ${Ir} 2s linear infinite;
-        `:"none"};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ir=Co`
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-`,$r=a.div`
-  padding-top: ${o.sp0};
-  padding-bottom: ${o.sp0};
-`,Mo=a(Me)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  padding-bottom: ${o.sp4};
-`,Lr=a.div`
-  display: flex;
-`,Tr=a.div`
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  width: 100%;
-  margin-top: -2px;
-  border-top-right-radius: ${o.sp2};
-  border-top-left-radius: ${o.sp2};
-  border-bottom-right-radius: ${o.sp2};
-  border-bottom-left-radius: ${o.sp2};
-`,Ar=a.div`
-  display: flex;
-  height: ${o.sp4};
-`,Er=a.div`
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-wrap: wrap;
-`,Rr=a.div`
-  display: flex;
-  flex-direction: column;
-`,Dr=a(dn)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-right: ${o.sp1};
-  path {
-    stroke-width: 2;
-  }
-`,hn=a.span`
-  font-weight: ${ho.regular};
-  color: ${e=>e.theme.colors.primary};
-`,Or=a.span`
-  font-weight: ${ho.medium};
-  color: ${e=>e.theme.colors.primary};
-`,Mr=a.span`
-  color: ${e=>e.theme.colors.primary};
-  text-decoration: underline;
-  text-decoration-color: ${e=>e.theme.colors.grey2};
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  transition: text-decoration-color 0.2s;
-  .copy-icon {
-    color: ${e=>e.theme.colors.hero};
-    transition: color 0.2s;
-  }
-  &:hover {
-    .copy-icon {
-      color: ${e=>e.theme.colors.primary};
-    }
-    text-decoration-color: ${e=>e.theme.colors.primary};
-  }
-`,Bo={subSectionContainerLeftRightPadding:new Q(g[3],g[6],g[8])},Br=({onAllThreadsClick:e,companyId:n,companyName:d})=>{const c={application:"cockpit",companyId:n,entityId:n,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:d,url:window.location.href},{url:p,...h}=c,i={...h},{threads:l,isLoading:r}=Xs(i,!1,!1),m=l.filter(u=>u.id.includes(Ui)===!1);return t.jsxs(xr,{isDisabled:r,onClick:e,"data-testid":N("comment-icon"),children:[t.jsx(Qs,{count:m.length,isLoading:r}),t.jsx(gr,{})]})},Fr=({headerData:e,refreshStatus:n,searchText:d,companyName:c,companyId:p,isZeniUser:h,onAllThreadsClick:i,onClose:l,onRefresh:r,onSearchTextChanged:m})=>{const u=()=>{n!=="In-Progress"&&r()};return t.jsx(Cr,{children:e.rightSection.map((x,f)=>{switch(x){case"search":return t.jsx(qs,{isSearchOpen:(d.length??0)>0,searchPlaceHolder:e.searchPlaceholder,searchText:d,searchTextBoxStyle:{position:"initial",height:"fit-content"},styledSearchIconContainerStyle:{height:o.sp4},searchIconMarginRight:o.sp0,onSearchTextChanged:w=>{m(w)},downloadPresent:!1},f+x);case"refresh":return t.jsx(we,{display:"block",placement:"bottom",title:cr,style:{marginTop:"2px"},enterDelay:600,children:t.jsx(kr,{onClick:u,$spinning:n==="In-Progress","data-testid":N("refresh-icon")})},f+x);case"comment":return h===!1?null:t.jsx(Br,{companyId:p,companyName:c,onAllThreadsClick:i});case"close":default:return t.jsx(we,{display:"block",placement:"bottom",title:dr,enterDelay:600,style:{marginTop:"2px"},children:t.jsx(vr,{onClick:l,"data-testid":N("close-icon")})},f+x)}})})},_r=({headerData:e,onBack:n})=>t.jsx(wr,{children:e.leftSection.map((d,c)=>{switch(d){case"back":default:return t.jsx(we,{display:"block",placement:"bottom",title:lr,enterDelay:600,style:{marginTop:"-14px"},children:t.jsx(jr,{onClick:n,"data-testid":N("back-button")})},c+d)}})}),Fo=({text:e,linkText:n,windowSize:d,isCopied:c,onLinkClick:p})=>{if(n==null||!n)return t.jsxs(hn,{windowSize:d,children:[e," "]});const h=e.indexOf(n);if(h===-1)return t.jsxs(hn,{windowSize:d,children:[e," "]});const i=e.substring(0,h),l=e.substring(h+n.length);return t.jsxs(t.Fragment,{children:[i?t.jsxs(hn,{windowSize:d,children:[i.trim()," "]}):null,t.jsx(we,{display:"flex",placement:"right",title:Vi.test(n)?c?hr:ur:pr,enterTouchDelay:600,children:t.jsxs(Mr,{onClick:()=>p?.(n),"data-testid":N("pre-link"),children:[n,c?t.jsx(Sr,{className:"success-icon"}):t.jsx(br,{className:"copy-icon"})]})}),l?t.jsxs(hn,{windowSize:d,children:[l," "]}):null]})},_o=({subTitles:e})=>{const n=ve(),[,d]=Js(),[c,p]=s.useState(!1),h=s.useRef(null),i=s.useCallback(l=>{Vi.test(l)?(d(l),p(!0),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{p(!1)},2e3)):window.open(l,"_blank","noopener,noreferrer")},[d]);return s.useEffect(()=>()=>{h.current&&clearTimeout(h.current)},[]),t.jsx(Rr,{children:e.map((l,r)=>t.jsxs(Er,{children:[l.pre?t.jsx(Fo,{text:l.pre,linkText:l.preLink,windowSize:n,isCopied:c,onLinkClick:i}):null,l.prefixIconName?t.jsx(t.Fragment,{children:l.prefixIconName==="zeniAIIcon"?t.jsx(Dr,{}):t.jsx(t.Fragment,{})}):null,l.bold?t.jsx(t.Fragment,{children:t.jsxs(Or,{windowSize:n,children:[l.bold," "]})}):null,l.post?t.jsx(Fo,{text:l.post,linkText:l.postLink,windowSize:n,isCopied:c,onLinkClick:i}):null]},r+l.bold+l.pre+l.post))})};function Pr(e){const{headerData:n,currentTab:d,completionStatus:c,onUpdateTab:p,selectedReconAccountId:h,getTabCountAndFetchState:i,reconcileDetailPageFetchState:l,forceShowSubtitle:r,currentSelectedView:m,onReconTabUpdate:u,currentRecontab:x,navBarCustomElement:f,titleStyle:w={}}=e,b=i("autoCategorized")?.count??0,y=i("review")?.count??0,C=i("reconcile")?.count??0,S=n.tabs.length>0||n.subTitle.length>0,E=m==="transaction_categorization"&&d==="autoCategorized",A=m==="reconciliation"&&x==="review"&&h!=null,L=m==="reconciliation"&&x==="reconcile"&&h!=null,$=E?b>0:A?l==="In-Progress"?!0:y>0:L?l==="In-Progress"?!0:C>0:c!=="complete",j=bt(),k=ve();let I=[];return n.tabs.length>0&&(I=n.tabs.map(R=>({label:R.label,id:R.id,countDetails:i(R.id)}))),t.jsxs(fr,{children:[t.jsx(Hs,{title:n.title,subTitle:n.subText,titleTextStyles:{flex:"1 1 0px"},backgroundColor:j.colors.grey4,onBackClick:()=>null,titleStyle:w,ignoreScrollAction:m!=="month_end_insights",keepBackgroundOnScroll:m!=="month_end_insights",leftSideComponent:t.jsx(_r,{...e}),rightSideComponent:t.jsx(Fr,{...e}),source:"NavBarWithHeader"}),f??null,t.jsx(Pe,{controller:S===!0,children:t.jsx(yr,{windowSize:k,children:n.tabs.length>0?t.jsxs(t.Fragment,{children:[t.jsx($r,{windowSize:k,children:t.jsx(Ws,{allTabs:I,selectedTab:m==="transaction_categorization"?d??I[0].id:x??I[0].id,onTabChange:R=>{if(m==="transaction_categorization"){const O=K.toExpenseAutomationTransactionsTabKey(R.id);O!=null&&p(O)}else if(m==="reconciliation"){const O=K.toReconciliationTabsType(R.id);O!=null&&u(O)}},maximumCountLimit:mr})}),t.jsx(Tr,{windowSize:k}),t.jsx(Ar,{}),t.jsx(Pe,{controller:$===!0||r===!0,children:t.jsx(Mo,{windowSize:k,children:n.tabs.map((R,O)=>(m==="reconciliation"?R.id===x:R.id===d)?t.jsx(Lr,{children:t.jsx(_o,{subTitles:R.subTitle})},O+R.id):null)})})]}):t.jsx(Pe,{controller:$===!0||r===!0,children:t.jsx(Mo,{windowSize:k,children:t.jsx(_o,{subTitles:n.subTitle})})})})})]})}const zr=1;function Nr({name:e,checkBoxes:n,mode:d,isDisabled:c,style:p,labelStyle:h,labelCheckBoxStyle:i,checkBoxStyle:l,width:r,registerOptions:m,checkedIconColor:u,checkBoxIconStyle:x,checkBoxContainerStyle:f,draggable:w=!1,selectionLimit:b,infoIconContainerStyle:y,onDragStart:C,rowHeight:S=40,initialScrollOffSet:E,onScroll:A}){const L=ve(),$=s.useRef(null),{control:j}=xo(),k=n.find(V=>V.groupLabel),I=n.filter(V=>!V.groupLabel),R=[];for(const V of I)if(V.isException||R.push(V.value),b!=null&&R.length===b+1)break;const O=n.filter(V=>V.defaultChecked).map(V=>V.value);return t.jsx(ts,{control:j,name:e,rules:m,defaultValue:O,render:({field:{value:V,ref:G,onChange:B}})=>{const _=J=>{Hr({event:J,value:V,allCheckBoxValues:R,groupLabelCheckBox:k,onChange:B})};return t.jsxs(Wr,{style:p,windowSize:L,children:[k&&t.jsx(wo,{checkBox:k,index:0,value:V,allCheckBoxValues:R,mode:d,name:e,checkBoxContainerStyle:f,checkBoxIconStyle:x,checkBoxStyle:l,labelCheckBoxStyle:i,labelStyle:h,width:r,draggable:w,groupLabelCheckBox:k,infoIconContainerStyle:y,checkedIconColor:u,isDisabled:c,selectionLimit:b,onDragStart:C,ref:G,onChangeHandler:_}),t.jsx(Ur,{children:t.jsx(Ln,{style:{height:"100%",width:"100%"},children:({height:J,width:Z})=>t.jsx(Tn,{ref:$,height:J,width:Z,itemCount:I.length,itemSize:()=>S,estimatedItemSize:S,initialScrollOffset:E??0,onScroll:({scrollOffset:F})=>{A?.(F)},overscanCount:zr,itemKey:F=>I[F].value,itemData:{checkBoxes:I,value:V,allCheckBoxValues:R,mode:d,name:e,checkBoxContainerStyle:f,checkBoxIconStyle:x,checkBoxStyle:l,labelCheckBoxStyle:i,labelStyle:h,width:r,draggable:w,groupLabelCheckBox:k,infoIconContainerStyle:y,checkedIconColor:u,isDisabled:c,selectionLimit:b,onDragStart:C,ref:G,onChange:B,handleChangeEvent:_,rowHeight:S},children:Vr})})})]})}})}const Vr=({index:e,style:n,data:d})=>{const c=s.useRef(null),{checkBoxes:p,value:h,allCheckBoxValues:i,mode:l,name:r,checkBoxContainerStyle:m,checkBoxIconStyle:u,checkBoxStyle:x,labelCheckBoxStyle:f,labelStyle:w,width:b,draggable:y,groupLabelCheckBox:C,infoIconContainerStyle:S,checkedIconColor:E,isDisabled:A,selectionLimit:L,onDragStart:$,ref:j,handleChangeEvent:k}=d,I=p[e];return t.jsx(Gr,{style:{...n,width:"100%"},ref:c,children:t.jsx(wo,{checkBox:I,index:e,value:h,allCheckBoxValues:i,mode:l,name:r,checkBoxContainerStyle:m,checkBoxIconStyle:u,checkBoxStyle:x,labelCheckBoxStyle:f,labelStyle:w,width:b,draggable:y,groupLabelCheckBox:C,infoIconContainerStyle:S,checkedIconColor:E,isDisabled:A,selectionLimit:L,onDragStart:$,ref:j,onChangeHandler:k})})},wo=s.forwardRef((e,n)=>{const{value:d,checkBox:c,groupLabelCheckBox:p,allCheckBoxValues:h,selectionLimit:i,mode:l,checkBoxStyle:r,labelCheckBoxStyle:m,isDisabled:u,draggable:x,checkBoxContainerStyle:f,infoIconContainerStyle:w,name:b,index:y,width:C,checkedIconColor:S,checkBoxIconStyle:E,labelStyle:A,onDragStart:L,onChangeHandler:$}=e,j=ve(),k=V=>{typeof n=="function"?n(V):n&&(n.current=V)};let I=d.includes(c.value);const R=Array.from(new Set([...d,c.value]));p?.value===c.value&&d.length>0&&(i!=null?I=R.length===h.length||R.length===i+1:I=h.every(V=>R.includes(V)===!0));const O=()=>l==="off"||c.isException?j==="small"?{display:"none",...r}:{visibility:"hidden",...r}:c.groupLabel?h.length===1&&h[0]===p?.value?{visibility:"hidden",...m}:m:r;return t.jsxs(Jr,{mode:l,draggable:x===!0,onDragStart:V=>{L?.(V,c.value)},style:f,isDisabled:u,isSelected:I,exceptionMode:c.exceptionMode,children:[c.prefix?t.jsx(qr,{className:"prefix-box",children:c.prefix}):null,c.isException?t.jsx(Kr,{style:w,className:"checkbox-alert",children:t.jsx(we,{style:{padding:`12px ${o.sp3}`},title:c.exceptionInfo??"",placement:"bottom-start",children:c.exceptionType==="info"?t.jsx(Zr,{}):t.jsx(Yr,{})})}):t.jsx(Na,{name:`${b}.${c.value}`,checkBoxValue:c.value,value:I,checkedIconColor:S,isDisabled:u||!c.groupLabel&&!I&&i!=null&&R.length===i+1?"disabled":void 0,checkBoxStyle:O(),checkBoxIconStyle:E,ref:k,onChange:$}),typeof c.label=="string"&&c.label?t.jsx(Va,{isDisabled:u,label:c.label,labelStyle:A,htmlFor:`${b}.${c.value}`,style:{display:"flex",flex:1,minHeight:o.sp4,marginLeft:o.sp2,width:C,backgroundColor:"inherit",...A}}):c.label]},`${c.value}_${y}`)});wo.displayName="CheckBoxWithLabel";const Hr=({event:e,value:n,allCheckBoxValues:d,groupLabelCheckBox:c,onChange:p})=>{const h=e.currentTarget.value,i=e.currentTarget.checked,l=c?.value,r=new Set(n);if(h===l){p(i?Array.from(new Set([l,...d])):[]);return}i?r.add(h):r.delete(h);const m=d.every(u=>r.has(u));l!=null&&(m&&!r.has(l)?r.add(l):!m&&r.has(l)&&r.delete(l)),p(Array.from(r))},Wr=a.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`,Ur=a.div`
-  flex: 1;
-  overflow: hidden;
-`,qr=a.div`
-  opacity: 0;
-`,Jr=a.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  width: 100%;
-  min-height: ${o.sp4};
-
-  ${e=>e.mode==="checked_or_hover"&&Ye`
-      input:not(:checked) ~ .unchecked-icon {
-        opacity: 0;
-      }
-
-      :hover {
-        input:not(:checked) ~ .unchecked-icon,
-        .prefix-box {
-          opacity: 1;
-        }
-      }
-    `};
-
-  ${e=>e.mode==="hover_only"&&Ye`
-      input:not(:checked) ~ .unchecked-icon,
-      input:checked ~ .checked-icon {
-        opacity: 0;
-      }
-
-      :hover {
-        input:not(:checked) ~ .unchecked-icon,
-        input:checked ~ .checked-icon,
-        .prefix-box {
-          opacity: 1;
-        }
-      }
-    `};
-
-  label {
-    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
-    ${e=>e.isDisabled==="disabled"&&Ye`
-        color: ${e.theme.colors.grey2};
-      `};
-    cursor: ${e=>e.isDisabled==="disabled"?"not-allowed":"pointer"};
-    pointer-events: ${e=>e.isDisabled==="disabled"||e.isDisabled==="readonly"?"none":"initial"};
-  }
-
-  .checkbox-alert {
-    opacity: 0;
-  }
-
-  ${e=>e.exceptionMode==="hover_only"&&Ye`
-      :hover {
-        .checkbox-alert {
-          opacity: 1;
-        }
-      }
-    `}
-
-  ${e=>e.exceptionMode==="checked_or_hover"&&Ye`
-      .checkbox-alert {
-        opacity: 1;
-      }
-    `}
-`,Kr=a.div`
-  cursor: pointer;
-`,Zr=a(Wi)`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-  background-color: ${e=>e.theme.colors.grey4};
-  border-radius: 50%;
-`,Yr=a(ds)`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-  background-color: ${e=>e.theme.colors.grey4};
-  border-radius: 50%;
-`,Gr=a.div`
-  width: 100%;
-  box-sizing: border-box;
-`,Xr=e=>s.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M72.4185 11.061C72.4185 14.6835 75.357 17.622 78.9795 17.622C80.481 17.649 83.25 17.1 84.717 14.2515H78.912C78.912 14.2515 75.8025 13.9815 75.8025 11.142C75.8025 8.0325 78.912 8.0325 78.912 8.0325H84.798L84.1185 6.984C82.917 5.472 81.063 4.5 78.9795 4.5C75.357 4.5 72.4185 7.4385 72.4185 11.061Z",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M85.4682 8.03232H78.9117C77.1944 8.03232 75.8022 9.42348 75.8022 11.1396C75.8022 12.8557 77.1944 14.2468 78.9117 14.2468H85.4682C87.1856 14.2468 88.5777 12.8557 88.5777 11.1396C88.5777 9.42348 87.1856 8.03232 85.4682 8.03232Z",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M28.4263 14.2469H24.0028C22.2883 14.2469 20.8933 12.8564 20.8933 11.1374C20.8933 9.41842 22.2838 8.02792 24.0028 8.02792H28.2625C28.2625 8.02792 26.5813 10.8629 27.9763 14.2424L28.4263 14.2469Z",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M53.9688 68.3098H15.3093C11.5473 68.3098 8.49634 65.2588 8.49634 61.4968C8.49634 57.7348 11.5473 54.6838 15.3093 54.6838H51.4263",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M65.6235 45.9497L77.8365 18.1982H33.3135L15.7905 54.6572C15.7905 54.6572 37.872 54.6752 51.435 54.6842",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("g",{opacity:.2},s.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M85.8128 16.0468C84.7317 18.3797 82.3687 19.998 79.6276 19.998L78.7323 20.0077L67.0499 46.8002L65.4818 47.8361C65.6694 47.9711 65.8535 48.1339 66.0367 48.296C66.4128 48.6286 66.7851 48.9578 67.1764 49.0365C67.5728 49.1158 68.0543 48.9552 68.537 48.7942C69.0956 48.6079 69.6559 48.4211 70.0879 48.6045C70.5193 48.7877 70.7584 49.309 70.996 49.8271C71.202 50.2763 71.4068 50.723 71.7349 50.9445C72.0683 51.1703 72.5689 51.1942 73.0687 51.2181C73.6349 51.2452 74.2002 51.2723 74.5204 51.5925C74.8415 51.9136 74.8691 52.4809 74.8968 53.0485C74.9211 53.5469 74.9454 54.0456 75.1684 54.378C75.3909 54.7076 75.8415 54.9157 76.2933 55.1244C76.8101 55.3631 77.3283 55.6025 77.5084 56.025C77.6876 56.4455 77.5053 56.9915 77.3211 57.5433C77.1583 58.0308 76.9941 58.5228 77.0764 58.9365C77.1553 59.3307 77.4857 59.7039 77.8189 60.0802C78.2085 60.5202 78.6019 60.9645 78.6019 61.452C78.6019 61.9403 78.2072 62.3866 77.817 62.8278L77.8169 62.8279C77.4844 63.2039 77.1551 63.5762 77.0764 63.9675C76.9971 64.3639 77.1577 64.8454 77.3187 65.3282C77.505 65.8867 77.6919 66.447 77.5084 66.879C77.3253 67.3104 76.8039 67.5495 76.2859 67.7871C75.8367 67.9931 75.3899 68.1979 75.1684 68.526C74.9454 68.8564 74.9211 69.355 74.8968 69.854C74.8691 70.4221 74.8414 70.9905 74.5204 71.3115C74.1994 71.6326 73.6321 71.6602 73.0645 71.6879C72.5661 71.7122 72.0674 71.7365 71.7349 71.9595C71.4054 72.182 71.1972 72.6326 70.9886 73.0844C70.7504 73.6 70.5116 74.117 70.0909 74.2982L69.9433 86.6701C69.9388 86.9896 69.6013 87.2011 69.3133 87.0616L63.9853 84.5191C63.8593 84.4561 63.7108 84.4606 63.5848 84.5281L59.0443 87.0031C58.7518 87.1606 58.3963 86.9491 58.3963 86.6161V73.2221C58.375 73.1765 58.3539 73.1307 58.3328 73.0849C58.1243 72.6329 57.9162 72.1818 57.5869 71.9595C57.2565 71.7365 56.7579 71.7122 56.2589 71.6879C55.6909 71.6602 55.1224 71.6325 54.8014 71.3115C54.5284 71.0386 54.4676 70.5876 54.4385 70.1098H16.2094C13.4696 70.1098 11.1069 68.4916 10.0252 66.159H5.3595C3.64217 66.159 2.25 64.7678 2.25 63.0517C2.25 61.3356 3.64217 59.9445 5.3595 59.9445H10.2772C11.4475 57.8784 13.6659 56.4838 16.2094 56.4838H16.8914L34.0978 20.2418C32.0553 19.6588 30.3782 18.0406 29.5344 16.0459L29.3264 16.0469H24.9029C23.1884 16.0469 21.7934 14.6564 21.7934 12.9374C21.7934 11.2184 23.1839 9.82792 24.9029 9.82792H29.8292C31.0005 7.76679 33.2164 6.37645 35.7571 6.37645H78.8745C79.1951 6.32719 79.5233 6.30112 79.8574 6.30002L79.8794 6.29999C82.4104 6.29999 84.6067 7.73319 85.701 9.83231H86.3681C88.0855 9.83231 89.4776 11.2235 89.4776 12.9396C89.4776 14.6557 88.0855 16.0468 86.3681 16.0468H85.8128Z",fill:"#97C3B9"})),s.createElement("path",{d:"M64.1251 65.7C67.7288 65.7 70.6501 62.7787 70.6501 59.175C70.6501 55.5713 67.7288 52.65 64.1251 52.65C60.5214 52.65 57.6001 55.5713 57.6001 59.175C57.6001 62.7787 60.5214 65.7 64.1251 65.7Z",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M61.2 59.4484L63.4903 61.65L67.5 56.7",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M33.6736 27.0088H66.7216",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M30.2854 35.8198H63.3334",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M26.8962 43.875H59.9442",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M50.27 59.202C50.27 58.2975 51.6245 57.537 51.7955 56.6865C51.971 55.8045 51.0215 54.5805 51.3635 53.775C51.7055 52.9695 53.2265 52.8345 53.7035 52.128C54.1805 51.4215 53.7485 49.9455 54.3515 49.3425C54.9545 48.7395 56.426 49.1715 57.137 48.6945C57.848 48.2175 57.992 46.692 58.784 46.3545C59.576 46.017 60.8135 46.962 61.6955 46.7865C62.5505 46.6155 63.3065 45.261 64.211 45.261C65.1155 45.261 65.876 46.6155 66.7265 46.7865C67.5815 46.9575 68.8325 46.0125 69.638 46.3545C70.4435 46.6965 70.5785 48.2175 71.285 48.6945C71.996 49.176 73.4675 48.7395 74.0705 49.3425C74.6735 49.9455 74.2415 51.417 74.7185 52.128C75.1955 52.8345 76.721 52.983 77.0585 53.775C77.396 54.567 76.451 55.8045 76.6265 56.6865C76.7975 57.5415 78.152 58.2975 78.152 59.202C78.152 60.1065 76.7975 60.867 76.6265 61.7175C76.4555 62.5725 77.4005 63.8235 77.0585 64.629C76.7165 65.4345 75.1955 65.5695 74.7185 66.276C74.2415 66.9825 74.6735 68.4585 74.0705 69.0615C73.4675 69.6645 71.996 69.2325 71.285 69.7095C70.5785 70.1865 70.43 71.712 69.638 72.0495C68.846 72.387 67.6085 71.442 66.7265 71.6175C65.8715 71.7885 65.1155 73.143 64.211 73.143C63.3065 73.143 62.546 71.7885 61.6955 71.6175C60.845 71.4465 59.5895 72.3915 58.784 72.0495C57.992 71.7165 57.8435 70.1865 57.137 69.7095C56.4305 69.2325 54.9545 69.6645 54.3515 69.0615C53.7485 68.4585 54.1805 66.987 53.7035 66.276C53.2265 65.565 51.701 65.421 51.3635 64.629C51.026 63.837 51.971 62.5995 51.7955 61.7175C51.6245 60.8625 50.27 60.1065 50.27 59.202Z",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M57.9463 70.5151V84.8161C57.9463 85.1491 58.3018 85.3606 58.5943 85.2031L63.1348 82.7281C63.2608 82.6606 63.4093 82.6561 63.5353 82.7191L68.8633 85.2616C69.1513 85.4011 69.4888 85.1896 69.4933 84.8701L69.6463 72.0496",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M78.228 18.1215C78.1965 18.1215 78.165 18.1215 78.138 18.1215H34.263C30.501 18.1215 27.45 15.0705 27.45 11.3085C27.45 7.5465 30.501 4.5 34.263 4.5C34.263 4.5 78.138 4.5 78.147 4.5",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M9.38255 64.2645H4.90955C3.19505 64.2645 1.80005 62.874 1.80005 61.155C1.80005 59.436 3.19055 58.05 4.90955 58.05H9.22955",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10})),Qr=e=>s.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M178 14L19 65L53 76M178 14L123 123.5L90.5 91M178 14L53 76M178 14L78.5 79M78.5 79L62 104M78.5 79L90.5 91M62 104L90.5 91M62 104L53 76",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{opacity:.2,d:"M21 68L180 17L125 126.5L92.5 94L64 107L55 79L21 68Z",fill:"#97C3B9"}),s.createElement("path",{d:"M94.495 135.259C83.8632 135.259 75.2592 143.863 75.2592 154.495C75.2592 143.863 66.6318 135.259 56 135.259C66.6318 135.259 75.2592 126.632 75.2592 116C75.2592 126.632 83.8632 135.259 94.495 135.259Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M180.481 94.79C173.445 94.79 167.748 100.506 167.748 107.565C167.748 100.506 162.036 94.79 155 94.79C162.036 94.79 167.748 89.0591 167.748 82C167.748 89.0591 173.445 94.79 180.481 94.79Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinejoin:"round"}),s.createElement("path",{d:"M42 35.0047C37.582 35.0047 34.0047 38.582 34.0047 43C34.0047 38.582 30.418 35.0047 26 35.0047C30.418 35.0047 34.0047 31.418 34.0047 27C34.0047 31.418 37.582 35.0047 42 35.0047Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinejoin:"round"}),s.createElement("path",{d:"M21.5625 129.486C22.3958 127.153 24.8625 121.586 28.0625 117.986",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M35.5631 109.486C37.3272 107.746 41.5625 103.486 45.7381 101.468",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M19.0623 140.486C18.8956 142.653 18.9623 148.286 20.5623 153.486",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M26.5625 162.986C28.0625 164.82 32.3625 168.886 37.5625 170.486M48.0625 173.986C50.7292 174.32 57.1625 174.986 61.5625 174.986",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M72.0625 175.486H85.5625M96.0625 175.486H110.562M121.062 175.486H135.062",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M145.562 176.486C148.229 176.486 154.662 176.786 159.062 177.986",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M169.562 180.986C172.062 181.653 178.062 183.686 182.062 186.486",stroke:"#97C3B9",strokeWidth:2})),el=e=>s.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M197 140.889C186.368 140.889 177.764 149.493 177.764 160.124C177.764 149.493 169.137 140.889 158.505 140.889C169.137 140.889 177.764 132.261 177.764 121.629C177.764 132.261 186.368 140.889 197 140.889Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M43.2928 47.6752C32.661 47.6752 24.0571 56.2792 24.0571 66.911C24.0571 56.2792 15.4297 47.6752 4.79785 47.6752C15.4297 47.6752 24.0571 39.0479 24.0571 28.416C24.0571 39.0479 32.661 47.6752 43.2928 47.6752Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M76.2983 17.0808C70.0153 17.0808 64.9279 22.1681 64.9279 28.4511C64.9279 22.1681 59.8289 17.0808 53.5459 17.0808C59.8289 17.0808 64.9279 11.9817 64.9279 5.69873C64.9279 11.9817 70.0153 17.0808 76.2983 17.0808Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{opacity:.2,fillRule:"evenodd",clipRule:"evenodd",d:"M112.065 93.8122C112.065 93.8122 118.524 67.2385 125.499 46.9477C132.473 26.657 141.968 12.825 147.899 9.73043C153.831 6.63583 162.341 5.32297 166.631 15.9196C170.429 25.2738 166.608 36.3393 166.608 36.3393C166.608 36.3393 163.712 48.7295 148.825 70.462C139.647 83.8603 132.626 93.8122 132.626 93.8122H166.76C169.022 93.8122 170.851 95.6408 170.851 97.9032C170.851 100.166 169.022 101.994 166.76 101.994H142.641L143.093 102.006L153.69 178.914C155.284 185.97 147.688 187.916 147.688 187.916C147.688 187.916 144.195 192.441 105.841 192.687C89.1723 192.793 70.6985 190.038 62.9268 187.74C55.1551 185.443 56.9251 174.319 56.9251 174.319L63.4165 119.209C58.0319 119.224 55.4195 115.095 54.4752 107.023C54.2796 105.351 54.2251 103.546 54.3058 101.643L54.276 102.018V102.006H42.1554C39.8931 102.006 38.0645 100.177 38.0645 97.9149C38.0645 95.6526 39.8931 93.8239 42.1554 93.8239H55.2855C57.1676 84.4084 61.6018 73.8826 68.0493 65.2575H68.061C68.061 65.2575 75.4693 56.3253 84.1319 57.2162C94.2714 58.2712 100.308 62.3504 100.308 62.3504L100.11 63.0914L105.841 93.8122H112.065ZM90.1921 93.8122H90.1837L90.1322 93.9283L90.1921 93.8122Z",fill:"#97C3B9"}),s.createElement("path",{d:"M101.841 90.8122L96.5003 60.5H96.0003C96.0003 60.5 91.4672 78.8323 86.2861 90.5894L101.841 90.8122Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M64.0607 62.2576C64.0607 62.2576 71.469 53.3254 80.1316 54.2163C90.2711 55.2713 96.3079 59.3505 96.3079 59.3505L92.3576 74.1437L86.2856 90.5779C86.2856 90.5779 78.2795 109.415 67.3429 114.162C56.4063 118.91 51.7995 115.346 50.4749 104.023C49.1504 92.6995 54.2963 75.3041 64.049 62.2576H64.0607Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M114.126 90.812L127.595 50.4532C127.595 50.4532 134.511 27.5602 142.587 17.8544C150.745 8.05481 159.502 15.6272 154.707 30.901C150.406 44.6157 133.631 70.4275 121.37 90.812H114.126Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M108.065 90.8122C108.065 90.8122 114.524 64.2385 121.499 43.9477C128.473 23.657 137.968 9.82504 143.9 6.73043C149.831 3.63583 158.341 2.32297 162.631 12.9196C166.429 22.2738 162.608 33.3393 162.608 33.3393C162.608 33.3393 159.712 45.7295 144.826 67.462C135.647 80.8603 128.626 90.8122 128.626 90.8122H108.077H108.065Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M86.1926 90.812H162.761C165.023 90.812 166.852 92.6406 166.852 94.903C166.852 97.1653 165.023 98.994 162.761 98.994H81.9727",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M50.276 99.0057H38.1554C35.8931 99.0057 34.0645 97.1771 34.0645 94.9147C34.0645 92.6524 35.8931 90.8237 38.1554 90.8237H51.4247L50.7683 93.9652L50.4752 96.5089L50.276 99.0174V99.0057Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M59.9937 117.105L52.9253 171.319C52.9253 171.319 51.1553 182.443 58.927 184.74C66.6986 187.038 85.1725 189.793 101.841 189.687C140.195 189.441 143.689 184.916 143.689 184.916C143.689 184.916 151.284 182.97 149.69 175.914L139.094 99.0059H81.9021C81.9021 99.0059 76.0119 113.988 59.9937 117.105Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M60.7893 119.993L60.799 119.476H140.794L140.851 119.765L60.7893 119.993Z",fill:"#231F20",stroke:"#97C3B9",strokeWidth:2})),tl=e=>s.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{opacity:.2,fillRule:"evenodd",clipRule:"evenodd",d:"M8.54492 149.483C8.54492 149.483 31.4705 136.963 39.2741 116.167C39.2741 116.167 43.7687 99.3912 46.3662 81.1928C46.3662 81.1928 47.0668 72.2067 47.5519 68.9204C48.0369 65.6341 50.5483 62.1431 53.2644 62.2401C55.9806 62.3371 57.0368 66.1082 57.4249 68.1446C57.5326 68.7102 57.386 69.962 57.118 71.4755C58.1719 66.7819 59.2474 61.7944 59.4512 60.1175C59.947 56.0339 60.8093 51.2176 63.9027 48.6963C66.9961 46.175 69.2272 45.7979 71.1673 45.8841C71.1673 45.8841 73.3014 40.4644 78.3349 40.2705C78.3349 40.2705 81.5253 39.8826 83.5624 42.4039C83.5624 42.4039 87.6259 40.0766 90.9241 43.7615C94.2222 47.4464 95.0845 52.0903 95.4725 60.5054C95.564 62.4897 95.58 64.8514 95.551 67.3023C96.4299 61.724 98.2955 55.6981 100.161 53.3186C104.86 47.3064 108.396 48.8579 108.396 48.8579C108.396 48.8579 110.573 43.309 114.744 42.8133C118.915 42.3177 118.139 46.2289 118.139 46.2289C120.683 43.9016 123.475 44.5049 123.475 44.5049C126.676 45.2053 128.336 47.5757 126.751 56.2063C125.167 64.8368 127.549 69.7931 127.549 69.7931C135.094 63.9425 137.605 69.1898 138.166 72.3683C138.279 72.9998 138.264 73.8438 138.243 75.1149C138.199 77.7258 138.125 82.1383 139.06 90.2112C140.451 102.214 143.124 105.878 143.124 105.878C144.783 108.353 146.57 110.433 148.29 112.148C148.295 112.041 148.297 111.933 148.297 111.825C148.297 111.825 151.897 107.612 156.898 109.994C159.836 111.392 164.068 115.762 168.352 120.184C171.36 123.29 174.394 126.422 177.022 128.569C177.304 128.8 177.579 129.024 177.849 129.244C183.67 133.994 186.768 136.522 193.804 145.151C193.804 145.151 195.959 147.5 198.805 149.666L162.051 191.569C162.051 191.569 141.316 174.666 118.316 149.666C118.316 149.666 121.603 148.5 125.547 145.509C121.267 140.784 115.527 134.794 110.767 131.047C102.326 124.402 99.325 120.466 99.0785 120.134C96.0268 123.958 90.4968 130.202 83.1636 135.627C83.1636 135.627 74.9289 143.955 68.4511 154.795C61.9733 165.634 50.4405 176.376 44.0489 179.577L8.54492 149.483ZM90.439 96.2235C90.4595 96.2104 90.4799 96.1972 90.5001 96.1839L90.5273 96.1764C90.4685 96.2087 90.439 96.2235 90.439 96.2235Z",fill:"#97C3B9"}),s.createElement("path",{d:"M4.5459 145.483C4.5459 145.483 27.4715 132.963 35.2751 112.168C35.2751 112.168 39.7696 95.3917 42.3672 77.1933C42.3672 77.1933 43.0678 68.2072 43.5528 64.9209C44.0379 61.6346 46.5492 58.1436 49.2654 58.2406C51.9815 58.3376 53.0378 62.1087 53.4258 64.1451C53.8139 66.1815 50.9037 77.1179 50.9037 77.1179C50.9037 77.1179 55.0318 59.5766 55.4522 56.118C55.948 52.0344 56.8102 47.2181 59.9036 44.6968C62.997 42.1755 65.2282 41.7984 67.1683 41.8846C67.1683 41.8846 69.3024 36.4649 74.3359 36.271C74.3359 36.271 77.5263 35.8831 79.5634 38.4044C79.5634 38.4044 83.6269 36.077 86.925 39.762C90.2232 43.4469 91.0855 48.0908 91.4735 56.5059C91.8615 64.9209 90.8915 80.124 90.8915 80.124C90.8915 80.124 90.6975 89.5087 86.44 92.224C86.44 92.224 90.1154 90.3815 97.186 82.8392C104.257 75.2969 105.895 75.674 108.805 76.0619C111.715 76.4498 114.13 79.5422 111.996 87.774C109.861 96.0059 97.7573 112.556 97.7573 112.556C97.7573 112.556 90.6867 123.104 79.1646 131.627C79.1646 131.627 70.9299 139.956 64.4521 150.795C57.9743 161.635 46.4414 172.377 40.0499 175.577",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M60.0654 79.2617C60.0654 79.2617 64.1073 66.1812 64.4738 59.4471C64.8403 52.7129 65.5516 44.5133 67.1684 41.8735",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M71.1992 80.8566C71.1992 80.8566 75.1118 73.8854 75.974 61.419C76.8363 48.9527 76.5237 45.6557 76.8255 43.0805C77.3106 38.9215 79.5632 38.4043 79.5632 38.4043",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M44.8614 135.143C51.6486 134.887 56.9589 129.594 56.7222 123.32C56.4855 117.047 50.7915 112.168 44.0042 112.424C37.217 112.68 31.9067 117.973 32.1434 124.247C32.3801 130.52 38.0742 135.399 44.8614 135.143Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M44.9719 137.801C53.0975 137.495 59.4577 131.23 59.1777 123.809C58.8977 116.388 52.0836 110.62 43.9579 110.927C35.8323 111.233 29.4721 117.498 29.7521 124.919C30.0321 132.34 36.8462 138.108 44.9719 137.801Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M39.6943 121.046L43.4452 127.026L48.7266 119.117",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M30.2517 119.117L24.2589 125.614C24.2589 125.614 24.1619 129.676 30.2517 129.773C30.2517 129.773 28.3223 124.602 30.2517 119.117Z",fill:"#97C3B9"}),s.createElement("path",{d:"M55.0212 114.14C55.0212 114.14 57.3385 114.959 60.9062 119.516C60.9062 119.516 71.1564 121.854 77.5588 135.15C77.5588 135.15 71.7708 145.914 67.6103 148.242C67.6103 148.242 57.3601 139.309 52.8871 138.9C52.8871 138.9 49.0284 143.264 40.5997 141.335C32.171 139.406 29.2285 129.763 29.2285 129.763H30.2417C30.2417 129.763 37.3877 141.292 50.214 136.691C50.214 136.691 57.6619 134.03 58.869 127.015C60.0762 120.001 56.6487 116.144 55.0104 114.129L55.0212 114.14Z",fill:"#97C3B9"}),s.createElement("path",{d:"M68.9787 127.92C68.9787 127.92 68.4613 132.844 63.1152 136.885",stroke:"#FAFAFA",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M72.7079 132.402C72.7079 132.402 71.824 135.29 70.1318 136.087",stroke:"#FAFAFA",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M152.91 114.667C152.91 114.667 145.171 110.896 139.124 101.878C139.124 101.878 136.451 98.2143 135.061 86.2113C133.67 74.2083 134.511 70.2971 134.166 68.3684C133.606 65.1899 131.094 59.9426 123.549 65.7933C123.549 65.7933 121.167 60.8369 122.752 52.2064C124.336 43.5759 122.676 41.2054 119.475 40.5051C119.475 40.5051 116.684 39.9017 114.14 42.229C114.14 42.229 114.916 38.3178 110.745 38.8134C106.573 39.3091 104.396 44.858 104.396 44.858C104.396 44.858 100.861 43.3065 96.1616 49.3188C94.2861 51.7107 92.4107 57.7877 91.5377 63.3905L91.1389 75.3935C91.1389 75.3935 91.5592 88.1939 86.4287 92.2021C86.4287 92.2021 91.958 88.6787 99.0717 80.8455C106.185 73.0123 111.025 75.8892 112.372 79.2509C113.72 82.6126 113.536 88.2154 106.94 98.5268C100.344 108.838 95.0622 116.111 95.0622 116.111C95.0622 116.111 97.94 120.098 106.768 127.047C115.595 133.997 127.796 148.661 127.796 148.661C127.796 148.661 143.867 134.676 152.888 114.657L152.91 114.667Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M111.058 108.612C111.058 108.612 111.252 98.1068 115.919 91.4588C115.919 91.4588 118.236 87.2028 118.204 79.8545C118.161 70.4051 123.561 65.772 123.561 65.772",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M114.151 42.2183C114.151 42.2183 110.216 45.2352 108.772 52.9822C106.724 63.9939 107.382 72.8184 107.382 72.8184",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M99.3845 78.1522C99.3845 78.1522 98.8671 67.7546 99.8695 59.0271C100.872 50.2996 104.407 44.8584 104.407 44.8584",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M92.4217 79.1864C92.4217 79.1864 91.3223 63.8002 92.1953 59.6304",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M152.91 114.667C156.09 108.332 150.075 108.623 150.075 108.623",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M118.16 137.833C118.16 137.833 109.699 149.319 119.68 151.194C119.68 151.194 125.856 150.493 127.818 148.672L118.16 137.833Z",fill:"#97C3B9"}),s.createElement("path",{d:"M158.051 187.569C158.051 187.569 139.65 173 116.65 148C116.65 148 124.15 160 140.978 134.256C140.978 134.256 152.263 119.236 152.511 114.01C152.511 114.01 147.284 111.36 144.298 107.826C144.298 107.826 147.898 103.613 152.899 105.994C157.9 108.375 166.652 119.365 173.022 124.569C179.392 129.774 182.443 132.122 189.804 141.152C189.804 141.152 191.96 143.501 194.805 145.666",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M160.746 81.6538C160.746 81.6538 182.443 82.699 184.868 83.3885",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M145.99 53.8984L169.25 44.8584",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M122.041 30.474L139.922 14.1719",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M82.4735 30.474C82.4735 30.474 75.3597 15.9066 62.167 9.48486",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M40.9985 49.3833C40.9985 49.3833 33.3674 39.3305 23.1172 37.0786",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M28.3231 74.5425C28.3231 74.5425 8.71728 83.2269 1.59277 93.7214",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"})),nl=a.div`
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex: 1;
-  background: ${e=>e.theme.colors.grey4};
-  box-sizing: border-box;
-`,ol=a(Qr)`
-  width: 90px;
-  height: 90px;
-`,il=a(el)`
-  width: 90px;
-  height: 90px;
-`,sl=a(Xr)`
-  width: 90px;
-  height: 90px;
-`,al=a(tl)`
-  width: 90px;
-  height: 90px;
-`,rl=a.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-`,ll=a(ja)`
-  margin-top: ${o.sp2};
-  color: ${e=>e.theme.colors.brandColorJade};
-`,cl=a(ka)`
-  color: ${e=>e.theme.colors.primary};
-`,dl=e=>{const{tab:n}=e;switch(n){case"transaction_categorization":return t.jsx(ol,{});case"je_schedules":case"reconciliation":return t.jsx(al,{});case"flux_analysis":return t.jsx(sl,{});case"missing_receipts":default:return t.jsx(il,{})}};function wt(e){const{title:n,subTitle:d}=e;return t.jsx(nl,{children:t.jsxs(rl,{children:[t.jsx(dl,{...e}),t.jsx(ll,{children:n}),t.jsx(cl,{children:d})]})})}const{common:{headers:{transactions:ul,jeSchedules:hl,fluxAnalysis:pl,missingReceipts:ml,insights:gl,reconciliation:Po},strings:{empty:Ft}},expenseAutomation:{transactions:{tabs:zo,subTitles:{review:{item1:pn,item2:mn},autoCategorized:{item1:gn,item2:xl}},searchPlaceholder:fl,allDoneText:yl},jeSchedules:{subTitles:{item1:Cl,item2:wl},searchPlaceholder:bl,allDoneText:Sl},missingReceipts:{subTitles:vl,searchPlaceholder:jl,allDoneText:kl},fluxAnalysis:{subTitles:{item1:Il,item2:$l},searchPlaceholder:Ll,emptyPageTexts:{youDidIt:Tl,allReviewed:Al}},accountRecon:{review:{allDoneText:No},reconcile:{allDoneText:El},tabs:Vo,titles:{item1:Rl,item2:Dl},subTitles:{review:{item1:Ol,item2:xn},reconcile:{item1:fn,item2:Ml}}}}}=je.getLocalizedStrings(),He=(e,n,d,c,p)=>{switch(e){case"transaction_categorization":return{key:"transaction_categorization",title:ul,subTitle:[],tabs:[{label:zo.review,id:"review",subTitle:[{pre:pn.pre,bold:pn.bold,prefixIconName:pn.prefixIconName,post:pn.post},{pre:mn.pre,bold:mn.bold,prefixIconName:mn.prefixIconName,post:mn.post}]},{label:zo.autoCategorized,id:"autoCategorized",subTitle:[{pre:gn.pre,bold:gn.bold,prefixIconName:gn.prefixIconName,post:gn.post.replace("#number",n!=null&&n!=0?n.toString():"")},xl]}],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:fl,allDoneText:yl};case"je_schedules":return{key:"je_schedules",title:hl,subTitle:[Cl,wl],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:bl,allDoneText:Sl};case"missing_receipts":return{key:"missing_receipts",title:ml,subTitle:[vl],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:jl,allDoneText:kl};case"flux_analysis":return{key:"flux_analysis",title:pl,subTitle:[Il,$l],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Ll,allDoneText:{title:Tl,subTitle:Al}};case"month_end_insights":return{key:"month_end_insights",title:gl,subTitle:[],tabs:[],rightSection:["comment","refresh","close"],leftSection:[],searchPlaceholder:Ft,allDoneText:{title:Ft,subTitle:Ft}};case"reconciliation":return d==null?{key:"reconciliation",title:Po,subTitle:[Rl,Dl],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Ft,allDoneText:{title:Ft,subTitle:Ft}}:{key:"reconciliation",title:c??Po,subText:p??void 0,subTitle:[],tabs:[{label:Vo.review,id:"review",subTitle:[Ol,{pre:xn.pre,bold:xn.bold,prefixIconName:xn.prefixIconName,post:xn.post}],allDoneText:No},{label:Vo.reconcile,id:"reconcile",subTitle:[{pre:fn.pre,bold:fn.bold,prefixIconName:fn.prefixIconName,post:fn.post},Ml],allDoneText:El}],rightSection:["refresh"],leftSection:["back"],searchPlaceholder:Ft,allDoneText:No}}},{common:{strings:{empty:Bl}},expenseAutomation:{accountRecon:{reconcile:{header:Rt}}}}=je.getLocalizedStrings(),Fl={key:"date",value:Rt.date,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginLeft:g[4],marginRight:g[3]}},_l={key:"clearedDate",value:Rt.clearedDate,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3],display:"none"}},Pl={key:"type",value:Rt.type,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3]}},zl={key:"payee",value:Rt.payee,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3]}},Nl={key:"account",value:Rt.account,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3]}},Vl={key:"transactionDirection",value:Rt.direction,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3]}},Hl={key:"memo",value:Rt.memo,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3]}},Wl={key:"amount",value:Rt.amount,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3]}},Ul={key:"recommended",value:Bl,sortOrder:"ascending",width:new Q(1.25,1.25,1.25),customStyle:{marginRight:g[4],marginLeft:g[0]}},De=[Fl,_l,Pl,zl,Nl,Vl,Hl,Wl,Ul],ql=50,on={sortKey:"date",sortOrder:"descending"};function Jl({sortConfig:e,onReconTabColumnSortConfigChanged:n}){const d=ve(),[c,p]=s.useState(yo(De));s.useEffect(()=>{const l=[...c];for(const r of l)r.key===e.sortKey?r.sortOrder=e.sortOrder:r.sortOrder="ascending";p(l)},[e.sortKey,e.sortOrder]);const h=(l,r)=>{let m=r;e.sortKey===l&&(m=r==="ascending"?"descending":"ascending"),n(l,m)},i=l=>{h(l.key,l.sortOrder)};return t.jsx(Gl,{headerHeight:ql,children:c.map(l=>t.jsx(Zl,{columnWidth:l.width,windowSize:d,sortDataValue:e.sortKey,actualDataValue:l.key,style:l.customStyle,children:t.jsxs(nc,{isVisible:l.key!=="recommended",children:[t.jsx(Yl,{"data-testid":N("reconcile-tab-list-sort",l.value),onClick:()=>i(l),children:t.jsx(ht,{children:l.value})}),t.jsx(Xl,{sortConfig:e,headerData:l,children:t.jsx(Ql,{})}),t.jsx(ec,{isVisible:e.sortKey===l.key&&(e.sortKey!==on.sortKey||e.sortOrder!==on.sortOrder),children:t.jsx(tc,{"data-testid":N("reconcile-tab-list-reset-sort",on.sortKey),onClick:()=>n(on.sortKey,on.sortOrder)})})]})},l.key))})}const Kl=hs.memo(Jl),Zl=a.div`
-  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
-  :hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-  width: ${e=>e.columnWidth.valuePercentage(e.windowSize)};
-  display: flex;
-  align-items: center;
-  height: 100%;
-  justify-content: flex-start;
-  gap: 6px;
-  z-index: auto;
-  position: relative;
-`,Yl=a.div`
-  display: flex;
-  gap: 5px;
-  cursor: pointer;
-`,Gl=a(St)`
-  width: fit-content;
-  height: ${e=>`${e.headerHeight}px`};
-  width: calc(100% - 20px);
-  z-index: 6;
-  display: flex;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-  box-sizing: border-box;
-  padding: ${o.sp3} ${o.sp8} ${o.sp3} ${o.sp0};
-  position: sticky;
-  color: ${e=>e.theme.colors.grey1};
-`,Xl=a.div`
-  display: flex;
-  align-items: center;
-  transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-  ${e=>e.headerData.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"};
-`,Ql=a(An)`
-  width: ${o.sp2};
-  height: ${o.sp2};
-`,ec=a.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-  align-items: center;
-  padding-top: 2px;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,tc=a(En)`
-  width: 12px;
-  height: 12px;
-`,nc=a.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-`,oc=54,ic=72,{common:{strings:{hyphen:Fn}}}=je.getLocalizedStrings(),{dateFormat:Ho}=je.getLocalizedStrings();function sc({selectedTransactionIds:e,transaction:n,transactionId:d}){const c=ve(),p=bt(),[h,i]=s.useState(!1),l=e.includes(d),r=h||l;return t.jsx(ac,{id:d,onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:t.jsxs(rc,{isSelected:r,totalHeight:oc,children:[t.jsx(gt,{windowSize:c,responsiveWidth:De[0].width,style:De[0].customStyle,children:t.jsx(_t,{isSelected:r,children:n.date.format(Ho.visual.MMMDCommaYYYYformat)})}),De[1].customStyle.display!=="none"?t.jsx(gt,{windowSize:c,responsiveWidth:De[1].width,style:De[1].customStyle,children:t.jsx(_t,{isSelected:r,children:n.clearedDate!=null?n.clearedDate.format(Ho.visual.MMMDCommaYYYYformat):t.jsx("span",{children:Fn})})}):null,t.jsx(gt,{windowSize:c,style:De[2].customStyle,responsiveWidth:De[2].width,children:t.jsx(dc,{isSelected:r,children:t.jsx(lc,{isSelected:r,children:za(n.type)})})}),t.jsx(gt,{windowSize:c,style:De[3].customStyle,responsiveWidth:De[3].width,children:n.merchantName!=null&&n.merchantName.length>0?t.jsx(Qe,{text:n.merchantName,itemTextStyle:{color:r?p.colors.primary:p.colors.hero}}):t.jsx(_t,{isSelected:r,children:t.jsx("span",{children:Fn})})}),t.jsx(gt,{windowSize:c,style:De[4].customStyle,responsiveWidth:De[4].width,children:n.accountName!=null&&n.accountName.length>0?t.jsx(Qe,{text:n.accountName,itemTextStyle:{color:r?p.colors.primary:p.colors.hero}}):t.jsx(_t,{isSelected:r,children:t.jsx("span",{children:Fn})})}),t.jsx(gt,{windowSize:c,style:De[5].customStyle,responsiveWidth:De[5].width,children:t.jsx(_t,{isSelected:r,style:{textTransform:"capitalize"},children:n.transactionDirection})}),t.jsx(gt,{windowSize:c,style:De[6].customStyle,responsiveWidth:De[6].width,children:t.jsx(Qe,{text:n.memo,itemTextStyle:{color:r?p.colors.primary:p.colors.hero}})}),t.jsx(gt,{windowSize:c,style:De[7].customStyle,responsiveWidth:De[7].width,children:t.jsx(_t,{isSelected:r,children:qe("0,0.[00]",n.amount)})}),t.jsx(gt,{windowSize:c,responsiveWidth:De[8].width,style:De[8].customStyle,children:t.jsx(_t,{isSelected:r,children:n.isZeniRecommended?t.jsx(cc,{}):null})})]})})}const ac=a.div`
-  box-sizing: border-box;
-  width: 100%;
-  display: flex;
-  padding-right: ${o.sp8};
-`,rc=a.div`
-  cursor: pointer;
-  display: flex;
-  border-radius: ${o.sp2};
-  width: 100%;
-  align-items: center;
-  height: ${e=>`${e.totalHeight}px`};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-color: ${e=>e.isSelected===!0?e.theme.colors.primary:"none"};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  :hover {
-    border: ${e=>`1px solid ${e.theme.colors.primary}`};
-  }
-`,gt=a.div`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  height: 100%;
-  z-index: auto;
-  position: relative;
-`,_t=a(Me)`
-  color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
-  span {
-    padding-left: ${o.sp3};
-  }
-`,lc=a(ht)`
-  text-transform: capitalize;
-  color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
-`,cc=a(dn)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-right: ${o.sp1};
-  path {
-    stroke-width: 2;
-  }
-`,dc=a.div`
-  padding: 1px 6px;
-  border-radius: ${o.sp1};
-  border: ${e=>`1px solid ${e.isSelected?e.theme.colors.primary:e.theme.colors.hero}`};
-`,uc=je.getLocalizedStrings(),{common:{all:Wo,strings:{empty:Uo}}}=uc,qo="selectedTransactionIds",hc="expenseAutomationBankReconReconcilePage",pc=e=>`${e}_form`;function mc({currentFooterFormId:e,localData:n,matchedTransactions:d,sortConfig:c,onSaveReconciliation:p,selectedAccountId:h,onReconTabColumnSortConfigChanged:i,onUpdateReconcileTabLocalData:l,setCurrentFooterFormId:r}){const m=Ht({mode:"all",defaultValues:{selectedTransactionIds:n.selectedTransactionIds},values:{selectedTransactionIds:n.selectedTransactionIds}}),u={label:t.jsx(Kl,{onReconTabColumnSortConfigChanged:i,sortConfig:c}),value:Wo.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},x=d.map(y=>({label:t.jsx(sc,{transaction:y,selectedTransactionIds:n.selectedTransactionIds,transactionId:y.id}),value:y.id,defaultChecked:!1,groupLabel:!1})),f=[u,...x],w=async y=>{const C=y[qo].filter(S=>S!=Wo.toLocaleLowerCase());l(C)};s.useEffect(()=>{const y=m.watch(C=>{C!=null&&un(()=>w(C))});return()=>{y.unsubscribe()}}),s.useEffect(()=>(e!=="expenseAutomationBankReconReconcilePage"&&r("expenseAutomationBankReconReconcilePage"),()=>{r("expenseAutomationPage")}),[]);const b=s.useCallback(()=>{p({reconcileAction:"reconcile"})},[p]);if(d.length===0){const y=He("reconciliation",void 0,h).tabs.find(C=>C.id==="reconcile")?.allDoneText;return t.jsx(yc,{children:t.jsx(wt,{tab:"missing_receipts",title:y?.title??Uo,subTitle:y?.subTitle??Uo})})}return t.jsx(gc,{children:t.jsx(Wt,{...m,children:t.jsx(xc,{onSubmit:m.handleSubmit(b),id:pc(hc),children:t.jsx(fc,{children:t.jsx(Nr,{name:qo,checkBoxes:f,checkBoxStyle:{padding:20},labelCheckBoxStyle:{padding:20},rowHeight:ic,mode:n.selectedTransactionIds.length>0?"always_on":"checked_or_hover",checkBoxContainerStyle:{boxSizing:"border-box"}})})})})})}const gc=a.div``,xc=a.form``,fc=a.div`
-  height: calc(100vh - 350px);
-`,yc=a.div`
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,ro=69,ue={COLUMN_ONE:187,COLUMN_THREE:136,COLUMN_FOUR:240,COLUMN_FIVE:146},xs=a.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  width: 100%;
-  min-height: 100%;
-  height: calc(100vh - 500px);
-  overflow-x: scroll;
-  align-items: center;
-`,fs=a.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${o.sp5};
-  align-items: flex-start;
-  padding-bottom: ${o.sp9};
-  width: 100%;
-`,ys=a.div`
-  width: 100%;
-`,Cs=a.div`
-  width: 100%;
-`,bo=a.div`
-  display: flex;
-  flex-direction: row;
-  padding: ${o.sp2};
-  padding-right: ${o.sp3};
-  justify-content: space-between;
-  border-bottom: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,So=a.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: ${o.sp2};
-  padding-right: ${o.sp3};
-`,Cc=a.div`
-  border-top: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: ${o.sp2};
-  padding-right: ${o.sp3};
-`,wc=a.div`
-  padding: ${o.sp2} ${o.sp3};
-`,vo=a.div`
-  display: flex;
-`,bc=a.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: ${o.sp1};
-  padding: ${o.sp2} ${o.sp0};
-  background-color: ${e=>e.theme.colors.grey3};
-  border-bottom-left-radius: ${o.sp2};
-  border-bottom-right-radius: ${o.sp2};
-`,jo=a.div`
-  display: flex;
-  flex-direction: column;
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${o.sp2};
-  background-color: ${e=>e.theme.colors.grey5};
-  box-shadow: ${e=>e.theme.colors.elevation1};
-  cursor: pointer;
-  border: ${e=>`1px solid ${e.showBorder===!0?e.theme.colors.primary:e.theme.colors.grey3}`};
-  .highlight {
-    color: ${e=>e.showBorder===!0?e.theme.colors.primary:e.theme.colors.hero};
-  }
-  :hover {
-    border: ${e=>`1px solid ${e.theme.colors.primary}`};
-  }
-  :hover .highlight {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,X=a.div`
-  display: flex;
-  flex-direction: column;
-  width: 180px;
-  padding: ${o.sp2};
-  .hover-background {
-    border-radius: ${o.sp1};
-    background-color: ${e=>e.forceHoverEffect===!0?e.theme.colors.background:"unset"};
-    .select-control {
-      background-color: ${e=>e.forceHoverEffect===!0?e.theme.colors.background:"unset"};
-    }
-    :hover {
-      background-color: ${e=>`${e.showHoverEffect===!0?e.theme.colors.background:"unset"}`};
-      .select-control {
-        background-color: ${e=>e.theme.colors.background};
-      }
-    }
-    :focus-within {
-      background-color: ${e=>`${e.showHoverEffect===!0?e.theme.colors.background:"unset"}`};
-      .select-control {
-        background-color: ${e=>e.theme.colors.background};
-      }
-    }
-  }
-  .item-value-container {
-    .grouped-single-select-field__menu {
-      margin-top: ${o.sp2};
-    }
-  }
-`,lt=a.div`
-  padding: ${o.sp2} ${o.sp3};
-`,ie=a(ht)`
-  color: ${e=>e.theme.colors.hero};
-`,le=a(Me)`
-  width: 100%;
-  color: ${e=>e.theme.colors.hero};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,se=a.div`
-  display: flex;
-  gap: ${o.sp1};
-  color: ${e=>e.theme.colors.primary};
-  .select-value-container {
-    .auto-complete-single-select-field__input-container {
-      .auto-complete-single-select-field__input {
-        text-align: left;
-      }
-    }
-    .grouped-single-select-field__input-container {
-      .grouped-single-select-field__input {
-        text-align: left;
-      }
-    }
-  }
-`,ko=a.div`
-  border-left: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  display: flex;
-  flex-direction: column;
-  gap: ${o.sp3};
-  align-items: center;
-  justify-content: center;
-  padding: ${o.sp0} 42px;
-`,Io=a.div`
-  flex: 1;
-`,ws=a(ht)`
-  padding: ${o.sp0} 6px;
-  color: ${Ge.info};
-  border: 1px solid ${Ge.info};
-  border-radius: ${o.sp1};
-  margin-top: ${o.sp1};
-`,jn=a(St)`
-  padding: ${o.sp2};
-  color: ${e=>e.theme.colors.hero};
-  background: ${e=>e.theme.colors.overlayColor};
-  border-radius: ${o.sp1};
-`,Ue=a(jn)`
-  padding: 2px ${o.sp2};
-`,Ut=je.getLocalizedStrings().expenseAutomation.accountRecon.review.header,yt=[{key:"date",value:Ut.date,sortOrder:"ascending",width:new Q(20,20),loaderWidth:120},{key:"payee",value:Ut.payee,sortOrder:"ascending",width:new Q(20,20),loaderWidth:212},{key:"memo",value:Ut.memo,sortOrder:"ascending",width:new Q(20,20),loaderWidth:192},{key:"direction",value:Ut.direction,sortOrder:"ascending",width:new Q(15,15),loaderWidth:84},{key:"match",value:Ut.match,sortOrder:"ascending",width:new Q(15,15),loaderWidth:152},{key:"amount",value:Ut.amount,sortOrder:"ascending",width:new Q(10,10),loaderWidth:64}],Sc=e=>{const{sortConfig:n,onColumnSortConfigChanged:d}=e,c=ve(),[p,h]=s.useState(yo(yt));s.useEffect(()=>{const l=[...p];for(const r of l)r.key===n.sortKey?r.sortOrder=n.sortOrder:r.sortOrder="ascending";h(l)},[n.sortKey,n.sortOrder]);const i=(l,r)=>{let m=r;n.sortKey===l&&(m=r==="ascending"?"descending":"ascending"),d(l,m)};return t.jsx(jc,{children:p.map(l=>t.jsxs(kc,{sortDataValue:n.sortKey,actualDataValue:l.key,wrapperWidth:l.width,windowSize:c,isLastColumn:l.key==="amount",children:[t.jsxs(Ic,{"data-testid":N("account-reconciliation-review-header",l.value),sortKey:l.key,onClick:()=>i(l.key,l.sortOrder),children:[t.jsx(ht,{children:l.value}),t.jsx($c,{sortDataValue:n.sortKey,headerData:l,children:t.jsx(Lc,{})})]}),t.jsx(Tc,{sortDataValue:n.sortKey,windowSize:c,isVisible:n.sortKey===l.key&&(n.sortKey!=="date"||n.sortOrder==="ascending"),children:t.jsx(Ac,{"data-testid":N("account-reconciliation-review-sort-by-date"),onClick:()=>i("date","ascending")})})]},l.key))})},vc=hs.memo(Sc),jc=a(St)`
-  top: 0;
-  left: 0;
-  width: fit-content;
-  min-width: 100%;
-  z-index: 6;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: ${o.sp3} ${o.sp4};
-  position: sticky;
-  color: ${e=>e.theme.colors.grey1};
-  background-color: ${e=>e.theme.colors.grey4};
-`,kc=a.div`
-  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.isLastColumn===!0?"auto":e.wrapperWidth.valuePercentage(e.windowSize)};
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  left: ${o.sp0};
-  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
-`,Ic=a.div`
-  display: flex;
-  cursor: pointer;
-  gap: ${o.sp1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-  white-space: nowrap;
-`,$c=a.div`
-  display: flex;
-  align-items: center;
-  transform: ${e=>e.sortDataValue===e.headerData.key&&e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-  ${e=>e.headerData.sortOrder==="ascending"?Ye`
-          padding-top: 2px;
-        `:Ye`
-          padding-bottom: 2px;
-        `}
-`,Lc=a(An)`
-  width: ${o.sp2};
-  height: ${o.sp2};
-  cursor: pointer;
-  color: inherit;
-`,Tc=a.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-  align-items: center;
-  padding-top: 2px;
-`,Ac=a(En)`
-  width: 12px;
-  height: 12px;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-`,st="accountReconReviewTableSection",{dateFormat:Ec,expenseAutomation:Rc,common:dt}=je.getLocalizedStrings(),{visual:bs}=Ec,{accountRecon:Ce}=Rc,Ss=e=>[{label:Ce.review.formLabels.allBankAccounts,options:e.map(n=>({label:n.accountName,value:n.accountId}))}],vs=e=>[{label:Ce.review.formLabels.allCreditCards,options:e.map(n=>({label:n.accountName,value:n.accountId}))}],Jo=e=>`${st}_${e}_form`,Ae=(e,n)=>`${st}.${e}.${n}`,Dc=e=>{const{sortKey:n,sortOrder:d,accountReconEntity:c,entitySearchAutoCompleteActions:p,allAccountList:h,classList:i,localData:l,accountListNestedAccountHierarchy:r,classListNestedAccountHierarchy:m,selectedAccountId:u,entitySearchAutoCompleteData:x,excludeFetchById:f,saveFetchById:w,reviewTabSelectedVendorByTransactionId:b,refreshStatus:y,updateLocalData:C,onColumnSortConfigChanged:S,onSaveReconciliation:E,onSaveReconciliationReview:A,onReconMatchedTransactionClick:L,bankAccounts:$,creditCards:j}=e,{transactionsToReview:k}=c,I=s.useRef(null),[R,O]=s.useState(null),V=B=>{const _=k[B],J=K.isReviewTransactionBillPaymentType(_),Z=K.isReviewTransactionExpenseType(_),F=K.isReviewTransactionCreditCardPaymentType(_),xe=K.isReviewTransactionBankTransferType(_),te=K.isReviewTransactionDepositType(_),z=_.recommendedAction.recommendedTransactions[0]?.merchantName!=null;return _.transactionId===R?Z||F||xe||te?275+(z?25:0):J?185+_.recommendedAction.recommendedTransactions.length*40+(z?25:0):146:72},G=s.useMemo(()=>({onColumnSortConfigChanged:S,sortConfig:{sortKey:n,sortOrder:d}}),[S,n,d]);if(s.useEffect(()=>{O(k[0]?.transactionId??null),I.current?.resetAfterIndex(0)},[n,d]),s.useEffect(()=>{I.current?.resetAfterIndex(0)},[R]),s.useEffect(()=>{I.current?.resetAfterIndex(0)},[k.length]),s.useEffect(()=>{y.fetchState==="Completed"&&I.current?.resetAfterIndex(0)},[y]),k.length===0){const B=He("reconciliation",void 0,u).tabs.find(_=>_.id==="review")?.allDoneText;return t.jsx(td,{children:t.jsx(wt,{tab:"reconciliation",title:B?.title??dt.strings.empty,subTitle:B?.subTitle??dt.strings.empty})})}return t.jsx(Nc,{children:t.jsx(js.Provider,{value:G,children:t.jsx(Ln,{children:({height:B,width:_})=>t.jsx(Tn,{width:_,height:B,innerElementType:ks,ref:I,itemCount:k.length,itemSize:V,itemKey:J=>k[J].transactionId,overscanCount:Ba,itemData:{transactionsList:k,expandedRowId:R,allAccountList:h,classList:i,accountListNestedAccountHierarchy:r,classListNestedAccountHierarchy:m,localData:l,entitySearchAutoCompleteData:x,entitySearchAutoCompleteActions:p,excludeFetchById:f,saveFetchById:w,reviewTabSelectedVendorByTransactionId:b,bankAccounts:$,creditCards:j,updateLocalData:C,setExpandedRowId:O,onSaveReconciliation:E,onSaveReconciliationReview:A,onReconMatchedTransactionClick:L},initialScrollOffset:0,children:Oc})})})})},js=s.createContext(void 0),ks=s.forwardRef((e,n)=>{const{children:d,style:c,...p}=e,{sortConfig:h,onColumnSortConfigChanged:i}=s.useContext(js);return t.jsxs(Vc,{ref:n,style:{...c,width:"auto",padding:`${o.sp0} ${o.sp8}`},...p,children:[t.jsx(vc,{onColumnSortConfigChanged:i,sortConfig:h}),t.jsx(Hc,{children:d})]})});ks.displayName="Account recon review table inner element type";const Oc=({index:e,style:n,data:d})=>{const{transactionsList:c,expandedRowId:p,setExpandedRowId:h,entitySearchAutoCompleteActions:i,allAccountList:l,classList:r,localData:m,updateLocalData:u,accountListNestedAccountHierarchy:x,classListNestedAccountHierarchy:f,entitySearchAutoCompleteData:w,onSaveReconciliation:b,onSaveReconciliationReview:y,onReconMatchedTransactionClick:C,excludeFetchById:S,saveFetchById:E,reviewTabSelectedVendorByTransactionId:A,bankAccounts:L,creditCards:$}=d,j=c[e];return t.jsx(zc,{style:{...n,width:"100%"},children:t.jsx(Mc,{transaction:j,expandedRowId:p,setExpandedRowId:h,entitySearchAutoCompleteActions:i,accountListNestedAccountHierarchy:x,allAccountList:l,classList:r,localData:m,updateLocalData:u,entitySearchAutoCompleteData:w,classListNestedAccountHierarchy:f,onSaveReconciliation:b,onSaveReconciliationReview:y,onReconMatchedTransactionClick:C,excludeFetchById:S,saveFetchById:E,selectedVendor:A[j.transactionId],bankAccounts:L,creditCards:$})})},Mc=({transaction:e,expandedRowId:n,accountListNestedAccountHierarchy:d,entitySearchAutoCompleteActions:c,allAccountList:p,classList:h,classListNestedAccountHierarchy:i,localData:l,entitySearchAutoCompleteData:r,excludeFetchById:m,saveFetchById:u,selectedVendor:x,bankAccounts:f,creditCards:w,setExpandedRowId:b,updateLocalData:y,onSaveReconciliation:C,onSaveReconciliationReview:S,onReconMatchedTransactionClick:E})=>{const A=n===e.transactionId,L=ve(),$=l[e.transactionId],j=e.recommendedAction.action==="record_bill_payment",k=e.recommendedAction.action==="record_expense",I=p.find(V=>V.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),R=V=>V.recommendedAction.recommendedTransactions.length>0&&V.recommendedAction.recommendedTransactions[0].merchantName!=null?V.recommendedAction.recommendedTransactions[0].merchantName:dt.strings.hyphen,O=e.recommendedAction.recommendedTransactions[0]?.merchantName;return t.jsxs(Fc,{isExpanded:A,children:[t.jsxs(_c,{isExpanded:A,onClick:()=>b(e.transactionId),"data-testid":N("account-reconciliation-review-row",e.transactionId),children:[t.jsx(Jt,{windowSize:L,responsiveWidth:yt[0].width,children:t.jsx(qt,{children:e.transactionDate.format(bs.MMMDCommaYYYYformat)})}),t.jsx(Jt,{windowSize:L,responsiveWidth:yt[1].width,children:t.jsx(qt,{children:t.jsx(Qe,{itemTextStyle:{...Lt.standardRegular.cssObject,color:"inherit"},text:R(e)})})}),t.jsx(Jt,{windowSize:L,responsiveWidth:yt[2].width,children:t.jsx(qt,{children:t.jsx(Qe,{itemTextStyle:{...Lt.standardRegular.cssObject,color:"inherit"},text:e.memo})})}),t.jsx(Jt,{windowSize:L,responsiveWidth:yt[3].width,children:t.jsx(qt,{style:{textTransform:"capitalize"},children:e.transactionDirection})}),t.jsxs(Jt,{windowSize:L,responsiveWidth:yt[4].width,children:[t.jsx(Pe,{controller:j,children:t.jsx(nd,{children:t.jsx(od,{children:Ce.review.matchesCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())})})}),t.jsx(Pe,{controller:!j,children:t.jsx(qt,{children:I!=null?t.jsxs(t.Fragment,{children:[t.jsx(Is,{}),t.jsx(Qe,{itemTextStyle:{...Lt.standardRegular.cssObject,color:"inherit"},text:I.accountName})]}):dt.strings.hyphen})})]}),t.jsx(Jt,{windowSize:L,isLastColumn:!0,responsiveWidth:yt[5].width,children:t.jsx(qt,{children:us("0,0.00",e.amount.amount,e.amount.currencySymbol)})})]}),t.jsxs(Pe,{controller:A&&$!=null,children:[t.jsx(Bc,{onSaveReconciliation:C,onSaveReconciliationReview:S,updateLocalData:y,saveFetchById:u,excludeFetchById:m,localData:$,classListNestedAccountHierarchy:i,allAccountList:p,classList:h,transaction:e,accountListNestedAccountHierarchy:d,entitySearchAutoCompleteActions:c,entitySearchAutoCompleteData:r,selectedVendor:x,bankAccounts:f,creditCards:w,onReconMatchedTransactionClick:E}),t.jsx(Pe,{controller:(j||k)&&O!=null,children:t.jsx(sd,{children:t.jsxs(ad,{children:[Ce.review.bankDetail,dt.strings.colon," ",O]})})})]})]})},Bc=({transaction:e,accountListNestedAccountHierarchy:n,entitySearchAutoCompleteActions:d,allAccountList:c,classList:p,classListNestedAccountHierarchy:h,localData:i,entitySearchAutoCompleteData:l,excludeFetchById:r,saveFetchById:m,selectedVendor:u,bankAccounts:x,creditCards:f,updateLocalData:w,onSaveReconciliation:b,onSaveReconciliationReview:y,onReconMatchedTransactionClick:C})=>{const S=bt(),[E,A]=s.useState(!i.vendor?.id),[L,$]=s.useState(!i.customer?.id),[j,k]=s.useState(i.categoryId==null),[I,R]=s.useState(i.classId==null),[O,V]=s.useState(i.bankAccountId==null),[G,B]=s.useState(i.creditCardId==null),[_,J]=s.useState(!i.memo),Z=K.isReviewTransactionBillPaymentType(e),F=K.isReviewTransactionExpenseType(e),xe=K.isReviewTransactionBankTransferType(e),te=K.isReviewTransactionCreditCardPaymentType(e),z=K.isReviewTransactionDepositType(e),U=s.useMemo(()=>{if(!F)return At(n);if(u!=null&&u.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return At(n,u?.recommendations);const v=c.find(re=>re.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),ne=v!=null?{...v,reason:Ce.review.zeniGptRecommendation,min:0,max:0}:void 0;return At(n,[{account:ne}])},[F,u,e.recommendedAction.recommendedTransactions,c,n]),T=s.useMemo(()=>{if(!F)return vn(h);if(u!=null&&u.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return vn(h,u?.recommendations);const v=p.find(re=>re.classId===e.recommendedAction.recommendedTransactions[0]?.classId),ne=v!=null?{...v,reason:Ce.review.zeniGptRecommendation,min:0,max:0}:void 0;return vn(h,[{class:ne}])},[F,u,e.recommendedAction.recommendedTransactions,p,h]),D=Ht({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:s.useMemo(()=>Ko(e,i,U,c,T,x,f,l),[e,i,T,c,U,x,f,l]),values:s.useMemo(()=>Ko(e,i,U,c,T,x,f,l),[e,i,T,c,U,x,f,l])}),q=async(v,ne)=>{v.includes("memo")||w(Zo(ne,e,l,c),e.transactionId,v.includes("vendor"))};s.useEffect(()=>{const v=D.watch((ne,{name:re})=>{re!=null&&ne!=null&&un(()=>q(re,ne))});return()=>{v.unsubscribe()}});const M=s.useCallback(v=>{if(F||z){if(F&&i.vendor==null){A(!1),D.setError(Ae(e.transactionId,"vendor"),{type:"required"});return}if(z&&i.customer==null){$(!1),D.setError(Ae(e.transactionId,"customer"),{type:"required"});return}if(i.categoryId==null){k(!1),D.setError(Ae(e.transactionId,"category"),{type:"required"});return}}w(Zo(v,e,l,c),e.transactionId,!1),y(e.transactionId)},[F,z,w,e,l,c,y,i.categoryId,i.vendor,i.customer]),H=D.watch(Ae(e.transactionId,"vendor")),P=D.watch(Ae(e.transactionId,"customer")),ee=s.useRef(),W=s.useMemo(()=>F?"vendor":z?"customer":null,[F,z]),oe=(v,ne)=>{W!=null&&d.onAutoCompleteInputChange?.(v,W),ee.current=ne};s.useEffect(()=>{l.entityAutoCompleteView.fetchState==="Completed"&&(F&&ee.current?.(is(l.entityAutoCompleteView)),z&&ee.current?.(qa(l.entityAutoCompleteView)))},[l.entityAutoCompleteView,z,F]);const Y=v=>p.filter(ne=>ne.classId===v)[0]?.accountingClassNumber??void 0,ye=v=>c.filter(ne=>ne.qboId===v)[0]?.qboId,he=s.useMemo(()=>{switch(e.recommendedAction.action){case"record_bill_payment":return["record_bill_payment"];case"record_cc_payment":case"record_expense":case"record_transfer":return["record_expense","record_transfer","record_cc_payment"];default:return["record_deposit","record_cc_credit"]}},[e.recommendedAction.action]),Se=()=>{k(!1)},ke=()=>{V(!1)},ce=()=>{B(!1)};return s.useEffect(()=>{j===!1&&i.categoryId==null&&D.setFocus(Ae(e.transactionId,"category"))},[j]),s.useEffect(()=>{I===!1&&i.classId==null&&D.setFocus(Ae(e.transactionId,"class"))},[I]),s.useEffect(()=>{E===!1&&i.vendor==null&&D.setFocus(Ae(e.transactionId,"vendor"))},[E]),s.useEffect(()=>{L===!1&&i.customer==null&&D.setFocus(Ae(e.transactionId,"customer"))},[L]),s.useEffect(()=>{O===!1&&i.bankAccountId==null&&D.setFocus(Ae(e.transactionId,"bankAccount"))},[O]),s.useEffect(()=>{G===!1&&i.creditCardId==null&&D.setFocus(Ae(e.transactionId,"creditCard"))},[G]),t.jsx(Wt,{...D,children:t.jsx("form",{onSubmit:D.handleSubmit(M),id:Jo(e.transactionId),children:t.jsxs(Pc,{children:[t.jsxs(Wc,{children:[t.jsxs(Jc,{children:[t.jsxs(Kc,{children:[t.jsx(Is,{}),t.jsx(Bn,{label:{label:Z?Ce.review.formLabels.match:Ce.review.formLabels.categorize},radioField:{name:Ae(e.transactionId,"match_radio"),id:Z?"match":"categorize",value:Z?"match":"categorize",checked:!0,style:{width:o.sp3,height:o.sp3,padding:"2px"}},style:{width:"auto"}})]}),t.jsx(Pe,{controller:!Z,children:t.jsxs(t.Fragment,{children:[t.jsx(Yo,{}),he.map(v=>t.jsx(Bn,{label:{label:Ce.review.formLabels[v]},style:{width:"auto"},isDisabled:"readonly",changeLabelColorInDisableMode:!0,radioField:{name:Ae(e.transactionId,"recommendedActionType"),id:v,value:v,style:{width:o.sp3,height:o.sp3,padding:"2px"}}},v))]})})]}),t.jsxs(qc,{children:[t.jsx(cn,{variant:"secondary",size:"small",label:Ce.review.formLabels.exclude,loading:r[e.transactionId]?.fetchState==="In-Progress","data-testid":N("account-reconciliation-review-exclude-button",e.transactionId),style:{width:o.sp10},reverseSpinnerColor:!1,onClick:()=>{b({reconcileAction:"exclude",excludeTransactionId:e.transactionId})}}),t.jsx(cn,{form:Jo(e.transactionId),"data-testid":N("account-reconciliation-review-save-button",e.transactionId),label:dt.footer.save,style:{width:o.sp10},variant:"primary",size:"small",type:"submit",loading:m[e.transactionId]?.fetchState==="In-Progress"})]})]}),t.jsx(Pe,{controller:F||z,children:t.jsxs(_n,{children:[t.jsx(Pe,{controller:F,children:t.jsx(ft,{onClickAway:()=>{i.vendor==null&&E===!1&&A(!0)},children:t.jsx(X,{style:{flex:1,padding:g[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:t.jsxs(lt,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ie,{style:{display:"flex",alignItems:"center",gap:g[1]},children:dt.texts.vendor}),t.jsx(se,{style:{gap:g[3]},className:"item-value-container",children:t.jsx(t.Fragment,{children:E===!0?t.jsxs(le,{onClick:v=>{v.stopPropagation(),A(!1)},"data-testid":N("account-reconciliation-review-add-vendor-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:S.colors.champion,cursor:"pointer"},children:[t.jsx(Pt,{}),Ce.review.formLabels.addVendor]}):t.jsx(ao,{name:Ae(e.transactionId,"vendor"),allowEmpty:!1,placeholder:Ce.review.formLabels.addVendor,valueToId:v=>v,defaultValue:{selectedOption:H?.selectedOption,defaultOptions:H?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:v=>!!v.selectedOption},loadOptions:oe})})})]})})})}),t.jsx(Pe,{controller:z,children:t.jsx(ft,{onClickAway:()=>{i.customer==null&&L===!1&&$(!0)},children:t.jsx(X,{style:{flex:1,padding:g[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:t.jsxs(lt,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ie,{style:{display:"flex",alignItems:"center",gap:g[1]},children:dt.texts.customer}),t.jsx(se,{style:{gap:g[3]},className:"item-value-container",children:t.jsx(t.Fragment,{children:L===!0?t.jsxs(le,{onClick:v=>{v.stopPropagation(),$(!1)},"data-testid":N("account-reconciliation-review-add-customer-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:S.colors.champion,cursor:"pointer"},children:[t.jsx(Pt,{}),Ce.review.formLabels.addCustomer]}):t.jsx(ao,{name:Ae(e.transactionId,"customer"),allowEmpty:!1,placeholder:Ce.review.formLabels.addCustomer,valueToId:v=>v,defaultValue:{selectedOption:P?.selectedOption,defaultOptions:P?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:v=>!!v.selectedOption},loadOptions:oe})})})]})})})}),t.jsx(ft,{onClickAway:()=>{i.categoryId==null&&j===!1&&k(!0)},children:t.jsx(X,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(lt,{className:"hover-background",children:[t.jsx(ie,{style:{display:"flex",alignItems:"center",gap:g[1]},children:dt.texts.category}),t.jsx(se,{className:"item-value-container",children:t.jsx(t.Fragment,{children:j===!0?t.jsxs(le,{onClick:v=>{v.stopPropagation(),Se()},"data-testid":N("account-reconciliation-review-add-category-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:S.colors.champion,cursor:"pointer"},children:[t.jsx(Pt,{}),Ce.review.formLabels.addCategory]}):t.jsx(Xt,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Ae(e.transactionId,"category"),placeholder:Ce.review.formLabels.addCategory,valueToId:v=>ye(v),defaultValue:{allOptions:U,selectedOption:c.find(v=>v.accountId===i.categoryId)?.qboId},registerOptions:{required:!0,validate:v=>!!v.selectedOption},customStyleConfig:yn})})})]})})}),t.jsx(ft,{onClickAway:()=>{i.classId==null&&I===!1&&R(!0)},children:t.jsx(X,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(lt,{className:"hover-background",children:[t.jsx(ie,{style:{display:"flex",alignItems:"center",gap:g[1]},children:dt.texts.class}),t.jsx(se,{className:"item-value-container",children:t.jsx(t.Fragment,{children:I===!0?t.jsxs(le,{onClick:v=>{v.stopPropagation(),R(!1)},"data-testid":N("account-reconciliation-review-add-class-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:S.colors.champion,cursor:"pointer"},children:[t.jsx(Pt,{}),Ce.review.formLabels.addClass]}):t.jsx(Xt,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Ae(e.transactionId,"class"),placeholder:Ce.review.formLabels.addClass,valueToId:v=>Y(v),defaultValue:{allOptions:T,selectedOption:i.classId},registerOptions:{required:!0,validate:v=>!!v.selectedOption},customStyleConfig:yn})})})]})})})]})}),t.jsx(Pe,{controller:Z,children:t.jsxs(Zc,{children:[t.jsxs(Yc,{children:[t.jsx("span",{className:"matched-text",children:`${Ce.review.matchedFoundCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())} `}),Ce.review.matchesFoundFullInfo]}),t.jsx(Xc,{children:e.recommendedAction.recommendedTransactions.map(v=>v.bookTransactionId!=null?t.jsxs(Qc,{children:[t.jsx(Bn,{label:{label:t.jsxs(Gc,{children:[t.jsx(Me,{children:v.date.format(bs.MMMDCommaYYYYformat)}),t.jsx(Me,{children:v.memo})]})},style:{width:"auto"},isDisabled:void 0,changeLabelColorInDisableMode:!0,radioField:{name:Ae(e.transactionId,"matchedTransaction"),registerOptions:{required:!0},id:v.bookTransactionId,value:v.bookTransactionId,style:{width:o.sp3,height:o.sp3,padding:"2px"}}}),t.jsxs(id,{"data-testid":N("account-reconciliation-review-matched-transaction-amount",v.bookTransactionId),onClick:()=>{v.bookTransactionId!=null&&C(v.bookTransactionId)},children:[t.jsx(ed,{children:us("0,0.00",v.amount.amount,v.amount.currencySymbol)}),t.jsx(Yo,{})]})]},v.bookTransactionId):null)})]})}),t.jsx(Pe,{controller:xe,children:t.jsx(_n,{children:t.jsx(ft,{onClickAway:()=>{i.bankAccountId==null&&O===!1&&V(!0)},children:t.jsx(X,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(lt,{className:"hover-background",children:[t.jsx(ie,{style:{display:"flex",alignItems:"center",gap:g[1]},children:Ce.review.formLabels.transferTo}),t.jsx(se,{className:"item-value-container",children:t.jsx(t.Fragment,{children:O===!0?t.jsxs(le,{onClick:v=>{v.stopPropagation(),ke()},"data-testid":N("account-reconciliation-review-add-account-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:S.colors.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Pt,{}),Ce.review.formLabels.selectAccount]}):t.jsx(Xt,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Ae(e.transactionId,"bankAccount"),placeholder:Ce.review.formLabels.selectAccount,defaultValue:{allOptions:Ss(x),selectedOption:i.bankAccountId},registerOptions:{required:!0,validate:v=>!!v.selectedOption},customStyleConfig:yn})})})]})})})})}),t.jsx(Pe,{controller:te,children:t.jsx(_n,{children:t.jsx(ft,{onClickAway:()=>{i.creditCardId==null&&G===!1&&B(!0)},children:t.jsx(X,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(lt,{className:"hover-background",children:[t.jsx(ie,{style:{display:"flex",alignItems:"center",gap:g[1]},children:Ce.review.formLabels.creditCard}),t.jsx(se,{className:"item-value-container",children:t.jsx(t.Fragment,{children:G===!0?t.jsxs(le,{onClick:v=>{v.stopPropagation(),ce()},"data-testid":N("account-reconciliation-review-add-credit-card-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:S.colors.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Pt,{}),Ce.review.formLabels.selectCard]}):t.jsx(Xt,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Ae(e.transactionId,"creditCard"),placeholder:Ce.review.formLabels.selectCard,defaultValue:{allOptions:vs(f),selectedOption:i.creditCardId},registerOptions:{required:!0,validate:v=>!!v.selectedOption},customStyleConfig:yn})})})]})})})})}),t.jsx(Pe,{controller:!Z,children:t.jsx(Uc,{children:t.jsx(X,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",width:"100%"},children:t.jsxs(lt,{className:"hover-background",children:[t.jsx(ie,{style:{display:"flex",alignItems:"center",gap:g[1]},children:Ce.review.header.memo}),t.jsx(se,{className:"item-value-container",children:t.jsx(t.Fragment,{children:_===!0?t.jsxs(le,{onClick:v=>{v.stopPropagation(),J(!1)},"data-testid":N("account-reconciliation-review-add-memo-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:S.colors.champion,cursor:"pointer"},children:[t.jsx(Pt,{}),Ce.review.formLabels.addMemo]}):t.jsx(Ja,{name:Ae(e.transactionId,"memo"),placeholder:Ce.review.formLabels.addMemo,type:"text",style:{padding:0,textAlign:"left",width:"100%",background:"transparent"}})})})]})})})})]})})})},yn={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),singleValue:()=>({margin:0}),menuPortal:()=>({zIndex:9999}),menu:()=>({width:`calc(100% + ${o.sp5})`,marginRight:`-${o.sp3}`,marginLeft:`-${o.sp3}`})},Ko=(e,n,d,c,p,h,i,l)=>{const r=c.find(m=>m.accountId===n.categoryId);return{[st]:{[e.transactionId]:{category:{selectedOption:r?.qboId,allOptions:d},class:{selectedOption:n?.classId,allOptions:p},bankAccount:{selectedOption:n?.bankAccountId,allOptions:Ss(h)},creditCard:{selectedOption:n?.creditCardId,allOptions:vs(i)},memo:n?.memo,recommendedActionType:e.recommendedAction.action,matchedTransaction:n?.matchedTransactionId,vendor:{selectedOption:n?.vendor?.id,defaultOptions:cs(l.entityAutoCompleteView,n?.vendor)},customer:{selectedOption:n?.customer?.id,defaultOptions:Qa(n?.customer,l.entityAutoCompleteView)}}}}},Zo=(e,n,d,c)=>{const{vendor:p,customer:h}=e[st][n.transactionId];let i;if(p.selectedOption!=null){const r=p.defaultOptions.find(m=>m.value===p.selectedOption);if(r!=null)i={id:p.selectedOption,name:r.label};else{const m=d.entityAutoCompleteView.vendor.find(u=>u.id===p.selectedOption||u.zeniId===p.selectedOption);m!=null&&(i={id:m.zeniId,name:m.name})}}let l;if(h.selectedOption!=null){const r=h.defaultOptions.find(m=>m.value===h.selectedOption);if(r!=null)l={id:h.selectedOption,name:r.label};else{const m=d.entityAutoCompleteView.customer.find(u=>u.id===h.selectedOption||u.zeniId===h.selectedOption);m!=null&&(l={id:m.zeniId,name:m.name})}}return{categoryId:c.find(r=>r.qboId===e[st][n.transactionId].category.selectedOption)?.accountId??e[st][n.transactionId].category.selectedOption,classId:e[st][n.transactionId].class.selectedOption,memo:e[st][n.transactionId].memo,matchedTransactionId:e[st][n.transactionId].matchedTransaction,vendor:i,bankAccountId:e[st][n.transactionId].bankAccount.selectedOption,creditCardId:e[st][n.transactionId].creditCard.selectedOption,customer:l}},qt=a(Me)`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp1};
-`,Jt=a.div`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  display: flex;
-  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
-`,Fc=a.div`
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  position: relative;
-  background: ${e=>e.theme.colors.grey5};
-  border: 1px solid
-    ${e=>e.isExpanded?e.theme.colors.primary:e.theme.colors.grey3};
-  color: ${e=>e.isExpanded?e.theme.colors.primary:e.theme.colors.hero};
-  &:hover {
-    border: 1px solid ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-  }
-  box-shadow: ${e=>e.theme.colors.elevation1};
-  border-radius: ${o.sp2};
-`,_c=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  cursor: pointer;
-  padding: ${o.sp3} ${o.sp4};
-  column-gap: ${o.sp2};
-
-  border-bottom: ${e=>e.isExpanded?"1px solid "+e.theme.colors.primary:"none"};
-`,Pc=a.div`
-  padding: ${o.sp2} ${o.sp4};
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp2};
-`,zc=a.div`
-  top: ${o.sp0};
-  left: ${o.sp0};
-  box-sizing: border-box;
-`,Nc=a.div`
-  height: calc(100vh - 350px);
-  max-width: 99.9%;
-  padding: ${o.sp0};
-`,Vc=a.div``,Hc=a.div`
-  position: relative;
-  width: auto;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp3};
-`,Wc=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  padding: 12px ${o.sp3};
-  background-color: ${e=>e.theme.colors.background};
-  border-radius: ${o.sp2};
-`,_n=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  column-gap: ${o.sp3};
-`,Uc=a.div`
-  width: 100%;
-`,qc=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  column-gap: ${o.sp3};
-`,Jc=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  column-gap: ${o.sp6};
-`,Kc=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  column-gap: ${o.sp1};
-`,Pt=a(Rn)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,Yo=a(er)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,Zc=a.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp3};
-  padding: ${o.sp0} 12px;
-`,Yc=a(Me)`
-  color: ${e=>e.theme.colors.primary};
-
-  .matched-text {
-    font-weight: ${ho.bold};
-  }
-`,Gc=a.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp2};
-`,Xc=a.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp2};
-`,Qc=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  padding-bottom: ${o.sp2};
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,ed=a(Me)`
-  color: ${e=>e.theme.colors.hero};
-`,td=a.div`
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,nd=a.div`
-  border: 1px solid ${e=>e.theme.colors.grey2};
-  padding: ${o.sp0} ${o.sp1};
-  border-radius: ${o.sp1};
-`,od=a(ht)`
-  color: ${e=>e.theme.colors.hero};
-`,id=a.div`
-  display: flex;
-  align-items: center;
-  column-gap: 20px;
-  cursor: pointer;
-`,sd=a.div`
-  text-align: center;
-  padding: ${o.sp1} ${o.sp0};
-  border-top: 1px solid ${e=>e.theme.colors.grey3};
-`,ad=a(ht)`
-  color: ${e=>e.theme.colors.hero};
-`,Is=a(dn)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-right: ${o.sp1};
-  path {
-    stroke-width: 2;
-  }
-`,rd=({reconciliation:e,entitySearchAutoCompleteData:n,selectedAccountId:d,currentFooterFormId:c,entitySearchAutoCompleteActions:p,onUpdateReconcileTabLocalData:h,setCurrentFooterFormId:i,onReconTabColumnSortConfigChanged:l,updateReviewTabLocalData:r,onReconReviewTabColumnSortConfigChanged:m,onSaveReconciliation:u,onSaveReconciliationReview:x,onReconMatchedTransactionClick:f})=>{const{accountReconciliationsByAccountID:w,reconciliationTabsState:{reconcile:{uiState:{sortKey:b,sortOrder:y}}},selectedReconAccount:C}=e,S=w[d],{transactionFetchState:E}=C??{};return E?.fetchState==="In-Progress"||E?.fetchState==="Not-Started"?t.jsxs(Go,{style:{paddingLeft:g[8],paddingRight:g[8]},children:[t.jsx(ld,{children:yt.map(A=>t.jsx(Et,{width:A.loaderWidth,height:18},A.key))}),t.jsxs(dd,{children:[...Array(3).fill(0).map((A,L)=>t.jsx(cd,{children:yt.map($=>t.jsx(Et,{width:$.loaderWidth,height:g[4]},$.key))},`${L}_${A}`))]})]}):t.jsx(Go,{children:e.selectedTab==="reconcile"?t.jsx(mc,{selectedAccountId:d,currentFooterFormId:c,setCurrentFooterFormId:i,onUpdateReconcileTabLocalData:h,onReconTabColumnSortConfigChanged:l,onSaveReconciliation:u,sortConfig:{sortKey:b,sortOrder:y},localData:e.reconciliationTabsState.reconcile.localData,matchedTransactions:S?.accountReconEntity.transactionsToReconcile}):t.jsx(Dc,{localData:e.reconciliationTabsState.review.localData,reviewTabSelectedVendorByTransactionId:e.reviewTabSelectedVendorByTransactionId,refreshStatus:e.accountReconciliationsByAccountID[d]?.refreshStatus??{fetchState:"Not-Started",error:null},accountReconEntity:e.accountReconciliationsByAccountID[d].accountReconEntity,accountListNestedAccountHierarchy:e.accountListNestedAccountHierarchy,classListNestedAccountHierarchy:e.classListNestedAccountHierarchy,allAccountList:e.allAccountList,classList:e.allClassList,bankAccounts:e.bankAccounts,creditCards:e.creditCards,entitySearchAutoCompleteData:n,updateLocalData:r,entitySearchAutoCompleteActions:p,onColumnSortConfigChanged:m,onSaveReconciliation:u,onSaveReconciliationReview:x,onReconMatchedTransactionClick:f,excludeFetchById:e.actionFetchStates.excludeFetchById,saveFetchById:e.actionFetchStates.saveReconciliationReviewFetch,selectedAccountId:d,sortKey:e.reconciliationTabsState.review.uiState.sortKey,sortOrder:e.reconciliationTabsState.review.uiState.sortOrder})})},Go=a.div`
-  width: 100%;
-  height: 100%;
-`,ld=a.div`
-  display: flex;
-  justify-content: space-between;
-  padding: ${o.sp3} ${o.sp4};
-  column-gap: ${o.sp6};
-`,cd=a.div`
-  display: flex;
-  justify-content: space-between;
-  padding: ${o.sp3} ${o.sp4};
-  background-color: ${e=>e.theme.colors.grey5};
-  border-radius: ${o.sp2};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.theme.colors.elevation1};
-  column-gap: ${o.sp6};
-`,dd=a.div`
-  display: flex;
-  gap: ${o.sp3};
-  flex-direction: column;
-`;function ud({title:e,config:n,nodeId:d}){return{children:[],id:d??ut("loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"loading_in_progress",title:"",data:[],numOfBalances:0},config:n}}}function hd({account:e,numOfBalances:n,title:d,isLastNode:c,config:p}){const h=ut("ac_group_report",[],d);return{children:[],id:h,isLastNode:c,reportElementData:{element:{kind:"ac_group_report",title:d,data:e,numOfBalances:n},config:p}}}function pd({title:e,section:n,config:d,numOfBalances:c,nodeId:p}){return{children:[],id:p??ut("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:n,numOfBalances:c},config:d}}}function Xo({section:e,allAccountReconciliations:n,title:d,subTitle:c,isLastNode:p,isTitleRowRequired:h,config:i}){const l=ut("section",[],d),r={children:[],id:l,isLastNode:p,reportElementData:{element:{kind:"section",title:d,data:e,numOfBalances:0},config:i}};if(h){const u=ut("title_string_only",[],d),x={children:[],id:u,isLastNode:!0,reportElementData:{element:{kind:"title_string_only",title:d,data:e,numOfBalances:0},config:i}};r.children.push(x)}const m=pd({title:c,section:e,config:i,numOfBalances:0});return r.children.push(m),e.accountIDs.forEach((u,x)=>{const f=n[u],w=hd({account:f,numOfBalances:0,title:f.accountReconEntity.account.accountName,isLastNode:x===e.accountIDs.length-1,config:i});r.children.push(w)}),r}function $s({config:e,accountReconForSection:n,nodeId:d}){return{children:[],id:d??ut("timeframe_header",[]),isLastNode:!1,reportElementData:{element:{kind:"timeframe_headers",title:"",data:n,numOfBalances:0},config:e}}}const md=(e,n,d,c,p=!0)=>{const h=$s({config:n,accountReconForSection:e.accountReconciliationBySectionID.assets}),i=[];i.push(h);const l=Array.isArray(d[c])?d[c]:[],{expenseAutomation:{accountRecon:{reconciliation:r}},common:{loading:m}}=je.getLocalizedStrings(),u=e.fetchStatus.fetchState==="Not-Started"||e.fetchStatus.fetchState==="In-Progress",x=f=>f.filter(w=>!l.includes(w));if(u)[...Array(3)].forEach((f,w)=>{i.push(ud({title:`${w}+${m}`,config:n}))});else{const f=x(e.accountReconciliationBySectionID.assets.accountIDs),w=Xo({section:{...e.accountReconciliationBySectionID.assets,accountIDs:f},allAccountReconciliations:e.accountReconciliationsByAccountID,title:r.headers.section.assets.title,subTitle:r.headers.section.assets.subTitle,isLastNode:!1,isTitleRowRequired:!1,config:n});if(i.push(w),e.accountReconciliationBySectionID.liabilities.accountIDs.length>0){const b=x(e.accountReconciliationBySectionID.liabilities.accountIDs),y=Xo({section:{...e.accountReconciliationBySectionID.liabilities,accountIDs:b},allAccountReconciliations:e.accountReconciliationsByAccountID,title:r.headers.section.liabilities.title,subTitle:r.headers.section.liabilities.subTitle,isLastNode:!1,isTitleRowRequired:!0,config:n});i.push(y)}}return{config:n,headerNodes:p?[h]:[],contentNodes:i}};function gd(e,n,d,c=!1){Object.assign(e.config,d);const p=$s({config:d,accountReconForSection:n.accountReconciliationBySectionID.assets});return{config:d,headerNodes:c?[p]:[],contentNodes:[p,...e.contentNodes.slice(1)]}}const lo={wrapperPadding:new Q(g[2],g[2],g[2],g[8]),contentPaddingLeft:new Q(g[2],g[2],g[2],g[2]),contentPaddingRight:new Q(g[2],g[2],g[2],g[2])},xd=a.div`
-  display: flex;
-  height: 100%;
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-`,fd=a.div`
-  display: flex;
-  height: 100%;
-  min-height: 100%;
-  flex: 1 1 auto;
-  width: 100%;
-  justify-content: center;
-  padding-left: ${e=>lo.wrapperPadding.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey4};
-`,yd=a.div`
-  width: 100%;
-  height: 100%;
-`,{common:Cd}=je.getLocalizedStrings();function wd({reconciliation:e,companyId:n,onScroll:d,onReload:c,onReviewClicked:p,setOpenDrawerClicked:h,onFetchLinkTokenClick:i,onEstablishConnectionClick:l,onAddStatementClick:r}){const[m,u]=s.useState(void 0),[x,f]=s.useState(void 0),w=e.plaidConnectionDetails.link_account_no_microdeposit,b=e.plaidConnectionDetails.update_account,y=x==="update_account"?b:w,[C,S]=s.useState(y.linkToken??null),[E,A]=s.useState(!1),{useDynamicConfig:L}=Ia(),{configValue:$}=L($a.accountReconGLAccountsConfig),j=s.useCallback(H=>{u(H),f("link_account_no_microdeposit")},[]),k=s.useCallback(H=>{const P=V.current.accountReconciliationsByAccountID[H]?.paymentAccountId;u(H),f("update_account"),i("update_account",P)},[]),I=s.useCallback(H=>{h(H)},[]),R=s.useRef(m),O=s.useRef(x),V=s.useRef(e);s.useEffect(()=>{R.current=m},[m]),s.useEffect(()=>{O.current=x},[x]),s.useEffect(()=>{V.current=e},[e]);const G=s.useCallback(H=>{l(H,R.current??"",O.current),u(void 0),f(void 0),A(!1)},[l]),B=s.useCallback((H,P)=>{H!=null&&console.log("Plaid Connection Error",H,P),u(void 0),f(void 0),A(!1)},[]),{open:_,ready:J}=La({token:C,onSuccess:G,onExit:B});s.useEffect(()=>{(K.zeniDate(new Date().toISOString()).isAfter(y.expiration)||y.linkToken==null)&&y.fetchStatus.fetchState==="Not-Started"&&i("link_account_no_microdeposit")},[y.fetchStatus.fetchState]),s.useEffect(()=>{!E&&x!=null&&y.linkToken===C&&y.fetchStatus.fetchState==="Completed"&&J&&A(!0)},[J,C,y.fetchStatus.fetchState,y.linkToken,x,E]),s.useEffect(()=>{y.fetchStatus.fetchState==="Completed"&&y.linkToken!=null&&y.linkToken!==C&&S(y.linkToken)},[y.fetchStatus.fetchState,y.linkToken,C]),s.useEffect(()=>{E&&_()},[E,_]);const[Z,F]=s.useState(void 0),[xe,te]=s.useState(void 0),z=K.zeniDate("2025-03-31"),U=1,T="account_reconciliation",D=ve(),q=bt(),M=!0;return s.useEffect(()=>{const H={reportId:T,mode:"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:z,firstMonthOfFY:U,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,dataAvailable:void 0,accountReconciliationConfig:{selectedDrawerAccountId:e.selectedDrawerAccountId,onReviewClicked:p,onConnectClicked:j,onReconnectClicked:k,onOpenDrawerClicked:I,onStatementAddClicked:r}};if(Z==null||!Xi(xe,e)){const P=md(e,H,$,n,M);te(e),F(P)}else{const P=gd(Z,e,H,M);F(P)}},[e]),e.fetchStatus.fetchState==="Error"?t.jsx(xd,{children:t.jsx(Ta,{onReload:c,message:Cd.errorMessage.somethingWentWrong})}):t.jsx(fd,{windowSize:D,children:Z!=null?t.jsx(yd,{windowSize:D,children:t.jsx(ms,{backgroundColor:new go(q.colors.grey4),rootNodes:Z,type:"name+balances_actual",compareMode:"compare_mode_percent",isSticky:{isStickyHeader:M,isStickyName:M},treeNodePadding:{left:lo.contentPaddingLeft.value(D),right:lo.contentPaddingRight.value(D)},nodeOpenStatus:{},scrollPosition:e.reconListUIState.scrollPosition,onCompareModeChanged:()=>{},onScroll:d})}):null})}function bd({currentFooterFormId:e,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:d,reconciliation:c,companyId:p,onReconTabColumnSortConfigChanged:h,updateReconReviewTabLocalData:i,onUpdateReconcileTabLocalData:l,setCurrentFooterFormId:r,onReloadReconciliationListPage:m,onReviewClicked:u,onFetchLinkTokenClick:x,onEstablishConnectionClick:f,onAddStatementClick:w,onReconReviewTabColumnSortConfigChanged:b,onSaveReconciliation:y,onSaveReconciliationReview:C,setOpenDrawerClicked:S,onReconMatchedTransactionClick:E,onReconListPageScroll:A}){return c.selectedAccountId==null?t.jsx(wd,{companyId:p,onScroll:A,reconciliation:c,onReload:m,onReviewClicked:u,onFetchLinkTokenClick:x,onEstablishConnectionClick:f,setOpenDrawerClicked:S,onAddStatementClick:w}):t.jsx(rd,{currentFooterFormId:e,setCurrentFooterFormId:r,onUpdateReconcileTabLocalData:l,onReconTabColumnSortConfigChanged:h,reconciliation:c,updateReviewTabLocalData:i,entitySearchAutoCompleteActions:d,onReconReviewTabColumnSortConfigChanged:b,entitySearchAutoCompleteData:n,selectedAccountId:c.selectedAccountId,onSaveReconciliation:y,onSaveReconciliationReview:C,onReconMatchedTransactionClick:E})}function Sd({accountAndClassReport:e,numOfBalances:n,title:d,isLastNode:c,isFirstNode:p,config:h,parentNodeIDs:i,ancestorMetadata:l}){let r="";return e.accountBase&&e.classBase?r=`${e.accountBase.accountId}_${e.classBase.classId}`:e.accountBase?r=e.accountBase.accountId:e.classBase&&(r=e.classBase.classId),{children:[],id:ut("flux_vendor_account_class_row",i,r),isLastNode:c,isFirstNode:p,reportElementData:{element:{kind:"flux_vendor_account_class_row",title:d,data:e,metadata:l,numOfBalances:n},config:h}}}function vd({vendorView:e,numOfBalances:n,title:d,isLastNode:c,config:p,parentNodeIDs:h}){const i=ut("flux_vendor_row",h,e.vendor.id),l={children:[],id:i,isLastNode:c,reportElementData:{element:{kind:"flux_vendor_row",title:d,data:e,numOfBalances:n},config:p}},r=e.vendorAccountsAndClasses;return l.children=r.map((m,u)=>Sd({accountAndClassReport:m,numOfBalances:n,title:m.accountBase?.accountName??"",config:p,isLastNode:u===r.length-1,isFirstNode:u===0,parentNodeIDs:[...h,i],ancestorMetadata:{accountAndClassRowMetadata:{depth:0,hasSibling:r.length>1,hasChildren:!1,isLastNode:u===r.length-1,isFirstNode:u===0,name:m.accountBase?.accountName},isVendorLastChild:c,vendorId:e.vendor.id}})),l}function jd({section:e,numOfBalances:n,title:d,isLastNode:c,config:p}){const h=e.sectionId,i={children:[],id:h,isLastNode:c,reportElementData:{element:{kind:"section",title:d,data:e,numOfBalances:n,sectionType:e.sectionId},config:p}},l=(e.vendors??[]).map((r,m)=>vd({vendorView:r,numOfBalances:n,title:r.vendor.name,isLastNode:m===e.vendors.length-1,config:p,parentNodeIDs:[h]}));return i.children.push(...l),i}function kd({title:e,balances:n,config:d,nodeId:c}){return{children:[],id:c??ut("headers_loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"headers_loading_in_progress",title:"",data:n,numOfBalances:n.length},config:d}}}function Id({title:e,data:n,isLastNode:d,config:c,numOfBalances:p}){const h=ut("total",[],e);return{children:[],id:h,isLastNode:d,reportElementData:{element:{kind:"total",title:e,data:n,numOfBalances:p},config:c}}}const{common:Cn,expenseAutomation:{fluxAnalysis:$d}}=je.getLocalizedStrings(),Ld=(e,n,d=!0)=>{const c=e.sections.generalExpense.balancesByMonth?Object.keys(e.sections.generalExpense.balancesByMonth).length:e.sections.reimbursement.balancesByMonth?Object.keys(e.sections.reimbursement.balancesByMonth).length:2,p=e.sections.generalExpense.balancesByMonth?Qt(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?Qt(e.sections.reimbursement.balancesByMonth):[],h=gs({balances:p,config:n}),i=[],l=e.sections.generalExpense.fetchStatus.fetchState==="In-Progress"&&e.uiState.paginationInfoByGroup.generalExpense.pageToken==null,r=e.sections.generalExpense.fetchStatus.fetchState==="In-Progress"&&e.uiState.paginationInfoByGroup.generalExpense.pageToken!=null||e.sections.reimbursement.fetchStatus.fetchState==="In-Progress";if(l===!0)i.push(kd({title:`${Cn.loading}`,balances:p,config:n})),[...Array(10)].forEach((m,u)=>{i.push(Do({title:`${u}+${Cn.loading}`,balances:p,config:n}))});else{if(i.push(h),["generalExpense","reimbursement"].forEach(m=>{const u=e.sections[m];if(u.vendors.length>0||u.fetchStatus.fetchState==="Completed"){const x=Qt(u.balancesByMonth);i.push(jd({section:{sectionId:m,reportId:"flux_analysis_operating_expense",balances:x,vendors:u.vendors,varianceAmount:u.varianceAmount,variancePercentage:u.variancePercentage,currency:e.currency},numOfBalances:c,title:Td(m),isLastNode:!1,config:n}))}}),e.totalBalancesAndVariance){const m=e.totalBalancesAndVariance.balancesByMonth?Qt(e.totalBalancesAndVariance.balancesByMonth):[],u=Id({title:Cn.texts.total,data:{balances:m,varianceAmount:e.totalBalancesAndVariance.varianceAmount,variancePercentage:e.totalBalancesAndVariance.variancePercentage,currency:e.currency},config:n,isLastNode:!0,numOfBalances:c});i.push(u)}r===!0&&[...Array(1)].forEach((m,u)=>{i.push(Do({title:`${u}+${Cn.loading}`,balances:p,config:n}))})}return{config:n,headerNodes:d&&!l?[h]:[],contentNodes:i}},Td=e=>$d.sectionTitle[e];function Ad(e,n,d,c=!0){Object.assign(e.config,n);const p=Ed(d),h=gs({balances:p,config:n});return{config:n,headerNodes:c?[h]:[],contentNodes:[h,...e.contentNodes.slice(1)]}}const Ed=e=>e.sections.generalExpense.balancesByMonth?Qt(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?Qt(e.sections.reimbursement.balancesByMonth):[],co={contentPaddingLeft:new Q(g[0],g[0],g[0]),contentPaddingRight:new Q(g[3],g[3],g[8]),wrapperPadding:new Q(g[3],g[3],g[8])},Rd=a.div`
-  display: flex;
-  position: sticky;
-  width: 100%;
-  justify-content: center;
-  padding-top: ${e=>co.wrapperPadding.valuePx(e.windowSize)};
-  padding-left: 20px;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Dd=a.div`
-  width: 100%;
-  height: calc(100vh - ${o.sp11});
-`,Od=e=>{const{fluxView:n,handleRedirectToVendorDetailPage:d,updateOperatingExpensesIdsForReview:c,updateSectionIdsForReview:p,onSortOrderChanged:h,updateNodeCollapsableStatus:i,fetchReimbursementView:l,fetchGeneralExpenseView:r}=e,m=ve(),u=bt(),[x,f]=s.useState(null),[w,b]=s.useState(null),[y,C]=s.useState(null),S=K.reduceAllFetchState([n.sections.generalExpense.fetchStatus,n.sections.reimbursement.fetchStatus]).fetchState,[E,A]=s.useState(!1),L=To(S),$=To(n.refreshStatus.fetchState),j=()=>{n.uiState.collapsableStatus.generalExpense?n.uiState.paginationInfoByGroup.generalExpense.hasMore===!0&&n.sections.generalExpense.fetchStatus.fetchState==="Completed"?r(n.uiState.paginationInfoByGroup.generalExpense.pageToken):n.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&l(n.uiState.paginationInfoByGroup.reimbursement.pageToken):n.uiState.collapsableStatus.reimbursement&&n.uiState.paginationInfoByGroup.reimbursement.hasMore===!0&&n.sections.reimbursement.fetchStatus.fetchState==="Completed"&&l(n.uiState.paginationInfoByGroup.reimbursement.pageToken)},k=()=>Object.keys(n.uiState.collapsableStatus).reduce((B,_)=>(B[_]=n.uiState.collapsableStatus[_],B),{}),I=s.useCallback(B=>{const _=!(n.uiState.collapsableStatus[B]??!0);i({...n.uiState.collapsableStatus,[B]:_})},[n.uiState.collapsableStatus,i]),R=s.useCallback((B,_)=>{let J=n.reviewOperatingExpensesIds;const Z=[];let F=n.selectedSectionIds;const xe=n.sections[B].vendors;Z.push(...xe.map(z=>z.fluxAnalysisEntityId));let te=ps-J.length;_?(Z.forEach(z=>{!J.includes(z)&&te>0&&(J=[...J,z],te--)}),F=[...F,B]):(J=J.filter(z=>!Z.includes(z)),F=F.filter(z=>z!==B)),c(J),p(F)},[n.reviewOperatingExpensesIds,n.selectedSectionIds,n.sections,c,p]),O=s.useCallback(B=>{const _=n.uiState.collapsableStatus[B]===!1;B==="generalExpense"&&!_&&n.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&l(n.uiState.paginationInfoByGroup.reimbursement.pageToken),I(B)},[n.uiState.collapsableStatus,n.sections.reimbursement.fetchStatus.fetchState,n.uiState.paginationInfoByGroup.reimbursement.pageToken,l,I]),V=n.sections.generalExpense.vendors.length+n.sections.reimbursement.vendors.length,G=B=>B<V;return s.useEffect(()=>{const B={reportId:"flux_analysis_operating_expense",mode:"none",displayOrder:"ascending_date",reportFormat:"summary",firstMonthOfFY:1,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,fluxAnalysisConfig:{sortOrder:n.uiState.sortOrder,sortKey:n.uiState.sortKey,sortOrSearchInProgress:!1,reviewOpExIds:n.reviewOperatingExpensesIds,reviewSectionIds:n.selectedSectionIds,fetchStatus:n.fetchStatus.fetchState,setIsSortApplied:A,onSectionRowClick:O,updateNodeCollapsableStatus:I,updateOperatingExpensesIdsForReview:c,handleRedirectToVendorDetailPage:d,onSectionCheckboxClick:R,onSortOrderChanged:h}};if(x==null||!Xi(w,n)){const _=Ld(n,B,!0);b(n),f(_)}else{const _=Ad(x,B,n,!0);f(_)}},[n,w,d,R,O,h,I,c]),t.jsx(Rd,{windowSize:m,children:t.jsx(Dd,{children:x?t.jsx(ms,{backgroundColor:new go(u.colors.grey4),rootNodes:x,type:"name+balances_actual",isSticky:{isStickyHeader:!0,isStickyName:!0},treeNodePadding:{left:co.contentPaddingLeft.value(m),right:co.contentPaddingRight.value(m)},nodeOpenStatus:k(),compareMode:"compare_mode_amount",infiniteLoadingProps:{isItemLoaded:G,itemCount:V,loadMoreItems:j},variableNodeHeightTree:{prevFetchState:L??"Not-Started",fetchState:n.fetchStatus.fetchState,isSortApplied:E,setIsSortApplied:A,reducedFetchState:K.reduceAllFetchState([n.sections.generalExpense.fetchStatus,n.sections.reimbursement.fetchStatus]).fetchState,prevRefreshFetchState:$??"Not-Started",refreshFetchState:n.refreshStatus.fetchState},hoveredParentIdProps:{hoveredParentId:y,setHoveredParentId:C}}):null})})},Md="expenseAutomationFluxPage",{reports:{common:Bd}}=je.getLocalizedStrings(),Fd=({selectedPeriod:e,fluxAnalysis:n,onFetchFluxViewList:d,markAsReview:c,onReloadPage:p,setCurrentFooterFormId:h,updateOperatingExpensesIdsForReview:i,updateSectionIdsForReview:l,onUpdateFluxAnalysisUIState:r,redirectToVendorDetailPage:m,fetchFluxViewOnScroll:u,onFetchReimbursementView:x})=>{const{fetchStatus:f,reviewOperatingExpensesIds:w,uiState:b}=n,y=s.useRef(null),C=s.useRef(!1),S=Ht({mode:"all",reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0},defaultValues:_d(w)}),E=ve();s.useEffect(()=>()=>{h("expenseAutomationPage")},[h]),s.useEffect(()=>{C.current&&y?.current?.scrollLeft!=null&&b.scrollPosition?.scrollLeft!==y.current.scrollLeft&&b.scrollPosition!=null&&r({scrollPosition:{scrollTop:b.scrollPosition?.scrollTop,scrollLeft:y.current.scrollLeft}})},[b.scrollPosition?.scrollLeft,y.current?.scrollLeft,b.scrollPosition,r]),s.useEffect(()=>{h(w.length>0?"expenseAutomationFluxPage":"expenseAutomationPage")},[w,h]);const A=k=>{m(k)},L=k=>{u(e,k)},$=(k,I)=>{r({sortOrder:k,sortKey:I}),d(),x(e,null,!1)},j=()=>{const k=Ls(n.sections,w);c(w,k===!0?"review":"unreview",e,!0)};if(f.fetchState==="Error")return t.jsxs(zd,{children:[t.jsx(Nd,{onClick:p,children:t.jsx(po,{})}),t.jsx(Vd,{children:Bd.failed})]});{const k=R=>{r({collapsableStatus:R})},I=R=>{x(e,R,!0)};return t.jsx(Wt,{...S,children:t.jsx("form",{id:na(Md),onSubmit:S.handleSubmit(j),style:{height:"100%",width:"100%"},children:t.jsx(Pd,{windowSize:E,children:t.jsx(Od,{fluxView:n,handleRedirectToVendorDetailPage:A,onSortOrderChanged:$,updateOperatingExpensesIdsForReview:i,updateNodeCollapsableStatus:k,fetchReimbursementView:I,updateSectionIdsForReview:l,fetchGeneralExpenseView:L,reportId:"flux_analysis_operating_expense"})})})})}},Ls=(e,n)=>{const d=[...e.generalExpense.vendors,...e.reimbursement.vendors].filter(p=>p.status==="Pending Review");let c;return d.forEach(p=>{n.includes(p.fluxAnalysisEntityId)&&(c=!0)}),c},_d=e=>({fluxAnalysisRowIds:e}),Pd=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  padding: ${o.sp0};
-  gap: 2px;
-  height: 100%;
-  .flux-vendor-name-sticky,
-  .flux-vendor-header-sticky,
-  .flux-section-name-container,
-  .flux-class-and-account-value-container,
-  .flux-vendor-name-container,
-  .flux-total-row {
-    border-right: 1px solid transparent;
-  }
-  &:hover {
-    .flux-vendor-name-sticky,
-    .flux-vendor-header-sticky,
-    .flux-section-name-container,
-    .flux-class-and-account-value-container,
-    .flux-vendor-name-container,
-    .flux-total-row {
-      border-right: ${e=>` 1px solid ${e.theme.colors.grey3}`};
-    }
-  }
-`,zd=a.div`
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,Nd=a.div`
-  height: 96px;
-  width: 96px;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${o.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Vd=a(St)`
-  margin-top: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,Hd="expenseAutomationJEAccountSettingsPage",Ts="vendorsAccountSection",Wd=e=>`${e}_form`;function Ud({accountSettings:e,currentFooterFormId:n,onSaveJeAccountSettingsClick:d,setIsJeAccountSettingsOpened:c,onJeAccountSettingsChange:p,setResetJeAccountSettingsForm:h,setCurrentFooterFormId:i}){const l=e.prepaidExpensesRecommendations,r=e.fixedAssetsRecommendations,m=e.accruedExpensesRecommendations,u=s.useMemo(()=>At(e.prepaidExpensesAccountHierarchy,l,"Accounts"),[e.prepaidExpensesAccountHierarchy,l]),x=s.useMemo(()=>At(e.fixedAssetsAccountHierarchy,r,"Accounts"),[e.fixedAssetsAccountHierarchy,r]),f=s.useMemo(()=>At(e.accruedExpensesAccountHierarchy,m,"Accounts"),[e.accruedExpensesAccountHierarchy,m]),w=s.useMemo(()=>Jd(e,u,x,f),[e,u,x,f]),b=Ht({mode:"all",reValidateMode:"onBlur",defaultValues:w,values:w,resetOptions:{keepDefaultValues:!0}}),y=b.handleSubmit(S=>{d(S)}),C=async S=>{p(S)};return s.useEffect(()=>{const S=b.watch(E=>{E!=null&&un(()=>C(E))});return()=>{S.unsubscribe()}}),s.useEffect(()=>(h(()=>b.reset),c(!0),()=>{i("expenseAutomationPage"),c(!1)}),[]),s.useEffect(()=>{const{selectedPrepaidExpensesAccountIds:S,previousPrepaidExpensesAccount:E,selectedFixedAssetsAccountIds:A,previousFixedAssetsAccount:L,selectedAccruedExpensesAccountIds:$,previousAccruedExpensesAccount:j}=e.accountSettingsLocalData,k=Dn(S,E)||Dn(A,L)||Dn($,j);k===!0&&n!="expenseAutomationJEAccountSettingsPage"?i("expenseAutomationJEAccountSettingsPage"):k===!1&&n!=="expenseAutomationPage"&&i("expenseAutomationPage")},[e,n,i]),t.jsx(qd,{children:t.jsx(Wt,{...b,children:t.jsx("form",{id:Wd(Hd),onSubmit:y,children:t.jsx(ir,{showTitle:!1,sectionId:Ts,vendorAccountMappingSection:{accruedExpensesAccountHierarchy:e.accruedExpensesAccountHierarchy,accruedExpensesAccountList:e.accruedExpensesAccountList,accruedExpensesRecommendations:e.accruedExpensesRecommendations,fixedAssetsAccountHierarchy:e.fixedAssetsAccountHierarchy,fixedAssetsAccountList:e.fixedAssetsAccountList,fixedAssetsRecommendations:e.fixedAssetsRecommendations,prepaidExpensesAccountHierarchy:e.prepaidExpensesAccountHierarchy,prepaidExpensesAccountList:e.prepaidExpensesAccountList,prepaidExpensesRecommendations:e.prepaidExpensesRecommendations,selectedAccruedExpensesAccountIds:e.accountSettingsLocalData?.selectedAccruedExpensesAccountIds??[],selectedFixedAssetsAccountIds:e.accountSettingsLocalData?.selectedFixedAssetsAccountIds??[],selectedPrepaidExpensesAccountIds:e.accountSettingsLocalData?.selectedPrepaidExpensesAccountIds??[]},isAccruedExpensesFeatureEnabled:!1})})})})}const qd=a.div`
-  padding-top: ${o.sp3};
-  display: flex;
-  align-items: center;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Jd=(e,n,d,c)=>{const p=e.prepaidExpensesAccountList.filter(u=>e.accountSettingsLocalData.selectedPrepaidExpensesAccountIds.includes(u.accountId)),h=e.fixedAssetsAccountList.filter(u=>e.accountSettingsLocalData.selectedFixedAssetsAccountIds.includes(u.accountId)),i=e.accruedExpensesAccountList.filter(u=>e.accountSettingsLocalData.selectedAccruedExpensesAccountIds.includes(u.accountId)),l=p.map(u=>u.qboId).filter(u=>u!=null),r=h.map(u=>u.qboId).filter(u=>u!=null),m=i.map(u=>u.qboId).filter(u=>u!=null);return{[Ts]:{prepaidExpensesAccount:{selectedOptions:l,allOptions:n},fixedAssetsAccount:{selectedOptions:r,allOptions:d},accruedExpensesAccount:{selectedOptions:m,allOptions:c}}}},{expenseAutomation:{jeSchedules:It},common:{currency:wn,review:Kd,ignore:Zd,strings:{hyphen:xt},texts:bn},dateFormat:Yd,timeframe:{month:Qo}}=je.getLocalizedStrings(),Gd=({draft:e,ignoreStatus:n,ignoreRecommendedJeSchedule:d,jeScheduleClickHandler:c,onReviewClickHandler:p})=>t.jsxs(jo,{onClick:h=>{e.jeScheduleType!=null&&e.jeScheduleId!=null&&c(h,e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":N("je-schedule-draft-component",e.jeScheduleId),children:[t.jsxs(vo,{children:[t.jsxs(Io,{children:[t.jsxs(bo,{children:[t.jsxs(X,{style:{width:ue.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ie,{children:bn.vendor}),t.jsxs(se,{style:{gap:g[2]},children:[e.vendor.logo!=null?t.jsx(os,{photoUrl:e.vendor.logo.href,styles:{width:g[4],height:g[4]}}):t.jsx(ln,{name:e.vendor.name}),t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.vendor.name!=null?t.jsx(Ue,{children:e.vendor.name}):t.jsx(t.Fragment,{}),children:t.jsx(le,{className:"highlight",children:e.vendor.name??xt})})]})]}),t.jsxs(X,{children:[t.jsx(ie,{children:It.scheduleHeaders.scheduleCategory}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.baseTransaction.account.accountName!=null?t.jsx(Ue,{children:e.baseTransaction.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(le,{className:"highlight",children:e.baseTransaction.account.accountName??xt})})})]}),t.jsxs(X,{style:{width:ue.COLUMN_THREE},children:[t.jsx(ie,{children:It.scheduleHeaders.startMonth}),t.jsx(se,{children:t.jsx(le,{className:"highlight",children:e.startDate?.format(Yd.visual.MMMCommaYYYYFormat)??xt})})]}),t.jsxs(X,{style:{width:ue.COLUMN_FOUR,paddingLeft:g[3]},children:[t.jsx(ie,{children:It.scheduleHeaders.period}),t.jsx(se,{children:t.jsx(le,{className:"highlight",children:e.period!=null?`${e.period} ${e.period===1?Qo.slice(0,-1):Qo}`:xt})})]}),t.jsxs(X,{style:{alignItems:"flex-end",width:ue.COLUMN_FIVE},children:[t.jsx(ie,{children:bn.totalAmount}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:t.jsx(Ue,{children:qe("0,0.[00]",K.toAmount(e.baseTransaction.amount.amount,wn.currencyCode,wn.currencySymbol))??xt}),children:t.jsx(le,{className:"highlight",children:qe("0,0.[00]",K.toAmount(e.baseTransaction.amount.amount,wn.currencyCode,wn.currencySymbol))??xt})})})]})]}),t.jsxs(So,{children:[t.jsxs(X,{style:{width:ue.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ie,{children:bn.category}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.account?.accountName!=null?t.jsx(Ue,{children:e.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(le,{className:"highlight",children:e.jeDebit.account?.accountName??xt})})})]}),t.jsxs(X,{children:[t.jsx(ie,{children:bn.classText}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.accountingClass?.className!=null?t.jsx(Ue,{children:e.jeDebit.accountingClass.className}):t.jsx(t.Fragment,{}),children:t.jsx(le,{className:"highlight",children:e.jeDebit.accountingClass?.className??xt})})})]}),t.jsxs(X,{style:{width:ue.COLUMN_THREE},children:[t.jsx(ie,{children:It.scheduleHeaders.type}),t.jsx(se,{children:t.jsx(le,{className:"highlight",style:{width:"unset"},children:t.jsx(ws,{children:It.scheduleTypes[e.jeScheduleType??"prepaid_expenses"]})})})]}),e.jeScheduleType==="fixed_assets"?t.jsxs(X,{style:{width:ue.COLUMN_FOUR,paddingLeft:g[3]},children:[t.jsx(ie,{children:It.scheduleHeaders.accumulatedCategory}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",title:e.jeCredit.account?.accountName!=null?t.jsx(Ue,{children:e.jeCredit.account?.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(le,{className:"highlight",children:e.jeCredit.account?.accountName??xt})})})]}):null,e.jeScheduleType!=="fixed_assets"?t.jsx(X,{style:{width:ue.COLUMN_FOUR}}):null,t.jsx(X,{style:{width:ue.COLUMN_FIVE}})]})]}),t.jsxs(ko,{children:[t.jsx(cn,{onClick:()=>{e.jeScheduleId!=null&&e.jeScheduleType!=null&&p(e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":N("je-schedule-draft-component-review-button",e.jeScheduleId),label:Kd,variant:"primary",size:"small",className:"item-value-container",style:{minWidth:ro}}),t.jsx(cn,{"data-testid":N("je-schedule-draft-component-ignore-button",e.jeScheduleId),className:"item-value-container",label:Zd,size:"small",reverseSpinnerColor:!1,loading:n?.fetchState==="In-Progress",onClick:()=>{e.jeScheduleType!=null&&d(e.jeScheduleTransactionKey,e.jeScheduleType)},style:{minWidth:ro}})]})]}),t.jsxs(bc,{children:[t.jsx(Xd,{}),t.jsx(Qd,{children:It.aiAccountant}),t.jsx(eu,{children:It.zeniGPTText})]})]}),Xd=a(dn)`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  margin-right: ${o.sp1};
-  path {
-    stroke-width: 2;
-  }
-`,Qd=a(Qi)`
-  color: ${e=>e.theme.colors.brandColorSapphire};
-`,eu=a(Me)`
-  color: ${e=>e.theme.colors.primary};
-`,{jeSchedules:{scheduleDetails:{scheduleTransactionsHeader:{addVendor:ei}}},expenseAutomation:{jeSchedules:Fe},common:{currency:rt,retry:tu,strings:{hyphen:We,empty:ti},texts:Kt},dateFormat:ni}=je.getLocalizedStrings(),{common:nu,timeframe:{month:oi}}=je.getLocalizedStrings(),Xe="jeSchedulePage",ii=e=>`${e}_form`,$o=(e,n)=>`${e}.${n}`,si=$o(Xe,"vendor"),ai=$o(Xe,"scheduleExpenseCategory"),ri=$o(Xe,"accumulatedDepreciationCategory"),ou=({allAccountGroupedOptions:e,allAccountList:n,allClassGroupedOptions:d,allClassList:c,allDepAccountGroupedOptions:p,allDepAccountList:h,draft:i,localData:l,postStatus:r,uncategorizedAccounts:m,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:x,jeScheduleClickHandler:f,onFormDataChange:w,onPostJESchedule:b})=>{const{updatedAccumulatedDepreciationCategoryID:y,updatedCategoryId:C,updatedVendor:S}=l,E={vendor_deleted:"updatedVendor",debit_category_deleted:"updatedCategoryId",credit_category_deleted:"updatedAccumulatedDepreciationCategoryID",qbo_authorization_error:"jeScheduleID",qbo_book_close_date_error:"jeScheduleID",qbo_error:"jeScheduleID",qbo_invalid_company_status_error:"jeScheduleID"},A=s.useRef(),L=Ht({mode:"all",reValidateMode:"onChange",defaultValues:li(l,e,d,p,n,c,h,x.entityAutoCompleteView),values:li(l,e,d,p,n,c,h,x.entityAutoCompleteView)}),$={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),menu:()=>({width:300})},j={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),menu:()=>({width:350})},k=(i?.scheduledJournalEntry.error??[]).every(P=>{const ee=E[P];return!(l!=null&&ee&&(ee==="updatedAccumulatedDepreciationCategoryID"&&l.updatedAccumulatedDepreciationCategoryID==null||ee==="updatedCategoryId"&&l.updatedCategoryId==null||ee==="updatedVendor"&&(l.updatedVendor?.id==null||l.updatedVendor?.id===""||l.updatedVendor?.name==null||l.updatedVendor?.name==="")))}),I=async(P,ee)=>{if(P!=null){const W=ee[Xe],{scheduledJournalEntryID:oe,vendor:Y}=W;if(P.includes("vendor")){const ye=Y?.defaultOptions.map(he=>he.value);if(Y?.selectedOption!=null&&ye?.includes(Y.selectedOption)!==!0){const he=x.entityAutoCompleteView.vendor.find(Se=>Se.id===Y.selectedOption);he!=null&&L.setValue(`${Xe}.vendor.defaultOptions`,[{label:he.name??nu.strings.empty,value:he.id}])}else Y?.selectedOption==null&&Y?.defaultOptions.length!==0&&L.setValue(`${Xe}.vendor`,{selectedOption:void 0,defaultOptions:[]})}w(oe,{...W,vendor:Y})}};s.useEffect(()=>{const P=L.watch((ee,{name:W})=>{W!=null&&ee!=null&&un(()=>I(W,ee))});return()=>{P.unsubscribe()}}),s.useEffect(()=>{x.entityAutoCompleteView.fetchState==="Completed"&&A.current?.(is(x.entityAutoCompleteView))},[x.entityAutoCompleteView.fetchState]);const R=L.handleSubmit(()=>{b(i.scheduledJournalEntry.scheduledJournalEntryID,i.jeScheduleTransactionKey)}),O=P=>n.filter(ee=>ee.qboId===P)[0]?.qboId,V=P=>h.filter(ee=>ee.qboId===P)[0]?.qboId,G=P=>[m.expense?.qboId,m.income?.qboId].includes(P),B=L.watch("jeSchedulePage.vendor"),_=(P,ee)=>{u.onAutoCompleteInputChange?.(P,"vendor"),A.current=ee},J=i.scheduledJournalEntry.error?.includes("vendor_deleted")===!0,Z=i.scheduledJournalEntry.error?.includes("debit_category_deleted")===!0,F=i.scheduledJournalEntry.error?.includes("credit_category_deleted")===!0,xe=i.vendor.name.split("(deleted)")[0]?.toString(),te=i.jeDebit.account?.accountName.split("(deleted)")?.[0]?.toString()??ti,z=i.jeCredit.account?.accountName.split("(deleted)")[0]?.toString()??ti,[U,T]=s.useState(Z===!0&&C==null),[D,q]=s.useState(F===!0&&y==null),[M,H]=s.useState(J&&(S?.id==null||S?.id==""));return s.useEffect(()=>{U===!1&&l.updatedCategoryId==null&&L.setFocus(ai),D===!1&&l.updatedAccumulatedDepreciationCategoryID==null&&L.setFocus(ri),M===!1&&l.updatedVendor?.id==null&&L.setFocus(si)},[U,D,M,l,L]),t.jsx(Wt,{...L,children:t.jsx("form",{style:{width:"100%"},id:ii(`${Xe}_${i.jeScheduleId}`),onSubmit:R,children:t.jsx(jo,{showBorder:k,onClick:P=>{i.jeScheduleType!=null&&i.jeScheduleId!=null&&f(P,i.jeScheduleId,i.jeScheduleTransactionKey,i.jeScheduleType)},"data-testid":N("je-schedule-resolve-component-schedule",`${Xe}_${i.jeScheduleId}`),children:t.jsxs(vo,{children:[t.jsxs(Io,{children:[t.jsxs(bo,{children:[J===!0?t.jsx(X,{style:{width:ue.COLUMN_ONE,padding:g[0],justifyContent:"center"},showHoverEffect:J,forceHoverEffect:M===!1&&(l?.updatedVendor?.id==null||l?.updatedVendor?.id==""),children:t.jsxs(lt,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsxs(ie,{style:{display:"flex",alignItems:"center",gap:g[1]},children:[Kt.vendor,t.jsx(we,{display:"flex",placement:"top-start",title:t.jsx(jn,{children:Fe.tooltipText.missingVendor.replace("_deleted_vendor_",xe)}),children:t.jsx(zn,{})})]}),t.jsx(se,{style:{gap:g[3],marginLeft:-2},className:"item-value-container",children:t.jsx(t.Fragment,{children:M===!0?t.jsxs(le,{onClick:P=>{P.stopPropagation(),H(!1)},"data-testid":N("je-schedule-resolve-component-add-vendor-button",`${Xe}_${i.jeScheduleId}`),style:{display:"inline-flex",alignItems:"center",gap:g[2],color:Ge.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Pn,{}),ei]}):t.jsx(ao,{name:si,placeholder:ei,valueToId:P=>P,defaultValue:{selectedOption:B?.selectedOption,defaultOptions:B?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:P=>!!P.selectedOption},loadOptions:_})})})]})}):t.jsxs(X,{style:{width:ue.COLUMN_ONE,padding:`${o.sp2} ${o.sp0} ${o.sp2} ${o.sp3}`},children:[t.jsx(ie,{children:Kt.vendor}),t.jsx(se,{children:t.jsxs(t.Fragment,{children:[i.vendor.logo?.href!=null?t.jsx(os,{photoUrl:i.vendor.logo.href,styles:{width:g[4],height:g[4]}}):t.jsx(ln,{name:i.vendor.name}),t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.vendor.name!==null?t.jsx(Ue,{children:i.vendor.name}):t.jsx(t.Fragment,{}),children:t.jsx(le,{className:"highlight",children:i.vendor.name??We})})]})})]}),t.jsxs(X,{children:[t.jsx(ie,{children:Fe.scheduleHeaders.scheduleCategory}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.baseTransaction.account.accountName!=null?t.jsx(Ue,{children:i.baseTransaction.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(le,{className:"highlight",children:i.baseTransaction.account.accountName??We})})})]}),t.jsxs(X,{style:{width:ue.COLUMN_THREE},children:[t.jsx(ie,{children:Fe.scheduleHeaders.startMonth}),t.jsx(se,{children:t.jsx(le,{className:"highlight",children:i.startDate?.format(ni.visual.MMMCommaYYYYFormat)??We})})]}),t.jsxs(X,{style:{width:ue.COLUMN_FOUR,paddingLeft:g[3]},children:[t.jsx(ie,{children:Fe.scheduleHeaders.period}),t.jsx(se,{children:t.jsx(le,{className:"highlight",children:i.period!=null?`${i.period} ${i.period===1?oi.slice(0,-1):oi}`:We})})]}),t.jsxs(X,{style:{alignItems:"flex-end",width:ue.COLUMN_FIVE},children:[t.jsx(ie,{children:Kt.totalAmount}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",title:t.jsx(Ue,{children:qe("0,0.[00]",K.toAmount(i.baseTransaction.amount.amount,rt.currencyCode,rt.currencySymbol))??We}),children:t.jsx(le,{className:"highlight",children:qe("0,0.[00]",K.toAmount(i.baseTransaction.amount.amount,rt.currencyCode,rt.currencySymbol))??We})})})]})]}),t.jsxs(So,{children:[Z===!0?t.jsx(X,{showHoverEffect:Z===!0,forceHoverEffect:l?.updatedCategoryId==null&&U===!1,style:{padding:"unset",justifyContent:"center",width:ue.COLUMN_ONE},children:t.jsxs(lt,{className:"hover-background",children:[t.jsxs(ie,{style:{display:"flex",alignItems:"center",gap:g[1]},children:[Kt.category,Z===!0?t.jsx(we,{display:"flex",placement:"top-start",title:t.jsx(jn,{children:Fe.tooltipText.missingCategory.replace("_deleted_category_",te)}),children:t.jsx(zn,{})}):null]}),t.jsx(se,{className:"item-value-container",style:{marginLeft:Z===!0?-2:0},children:Z===!0?t.jsx(t.Fragment,{children:U===!0?t.jsxs(le,{onClick:P=>{P.stopPropagation(),T(!1)},style:{display:"inline-flex",alignItems:"center",gap:g[1],color:Ge.brandColorGoldDark,cursor:"pointer"},"data-testid":N("je-schedule-resolve-component-add-category-button",`${Xe}_${i.jeScheduleId}`),children:[t.jsx(Pn,{}),Fe.addCategory]}):t.jsx(Xt,{shouldShowChevronIcon:!1,name:ai,placeholder:Fe.addCategory,valueToId:P=>O(P),defaultValue:{allOptions:e},registerOptions:{required:!0,validate:P=>!!P.selectedOption},disableCurrentOption:G,customStyleConfig:$})}):t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.jeDebit.account?.accountName!=null?t.jsx(Ue,{children:i.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(le,{className:"highlight",children:i.jeDebit.account?.accountName??We})})})]})}):t.jsxs(X,{style:{width:ue.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ie,{style:{display:"flex",alignItems:"center",gap:g[1]},children:Kt.category}),t.jsx(se,{className:"item-value-container",children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.jeDebit.account?.accountName!=null?t.jsx(Ue,{children:i.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(le,{className:"highlight",children:i.jeDebit.account?.accountName??We})})})]}),t.jsxs(X,{children:[t.jsx(ie,{style:{display:"flex",alignItems:"center",gap:g[1]},children:Kt.classText}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.jeDebit.accountingClass?.className!=null?t.jsx(Ue,{children:i.jeDebit.accountingClass.className}):t.jsx(t.Fragment,{}),children:t.jsx(le,{className:"highlight",children:i.jeDebit.accountingClass?.className??We})})})]}),t.jsxs(X,{style:{width:ue.COLUMN_THREE},children:[t.jsx(ie,{children:Fe.scheduleHeaders.type}),t.jsx(se,{className:"test",children:t.jsx(le,{className:"highlight",style:{width:"unset"},children:t.jsx(ws,{children:Fe.scheduleTypes[i.jeScheduleType??"prepaid_expenses"]})})})]}),i.jeScheduleType==="fixed_assets"?t.jsx(t.Fragment,{children:F===!0?t.jsx(X,{style:{width:ue.COLUMN_FOUR,padding:"unset",justifyContent:"center"},showHoverEffect:F,forceHoverEffect:l.updatedAccumulatedDepreciationCategoryID==null&&D===!1,children:t.jsxs(lt,{className:"hover-background",style:{padding:g[2],paddingLeft:g[3]},children:[t.jsxs(ie,{style:{display:"flex",alignItems:"center",gap:g[1]},children:[Fe.scheduleHeaders.accumulatedCategory,F===!0?t.jsx(we,{display:"flex",placement:"top-end",title:t.jsx(jn,{children:Fe.tooltipText.missingDepCategory.replace("_deleted_dep_category_",z)}),children:t.jsx(zn,{})}):null]}),t.jsx(se,{className:"item-value-container",style:{marginLeft:F===!0?-2:0},children:F===!0?t.jsx(t.Fragment,{children:D===!0?t.jsxs(le,{onClick:P=>{P.stopPropagation(),q(!1)},style:{display:"inline-flex",alignItems:"center",gap:g[1],color:Ge.brandColorGoldDark,cursor:"pointer"},"data-testid":N("je-schedule-resolve-component-add-depreciation-category-button",`${Xe}_${i.jeScheduleId}`),children:[t.jsx(Pn,{}),Fe.addDepCategory]}):t.jsx(Xt,{shouldShowChevronIcon:!1,showDownChevronWithValue:!1,name:ri,placeholder:Fe.addDepCategory,valueToId:P=>V(P),defaultValue:{allOptions:p},registerOptions:{required:!0,validate:P=>!!P.selectedOption},customStyleConfig:j,disableCurrentOption:G})}):t.jsx(we,{display:"block",placement:"bottom",title:i.jeCredit.account?.accountName!=null?t.jsx(Ue,{children:i.jeCredit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(le,{className:"highlight",children:i.jeCredit.account?.accountName??We})})})]})}):t.jsxs(X,{style:{width:ue.COLUMN_FOUR,padding:`${o.sp2} ${o.sp2} ${o.sp2} ${o.sp3}`,justifyContent:"center"},children:[t.jsx(ie,{style:{display:"flex",alignItems:"center",gap:g[1]},children:Fe.scheduleHeaders.accumulatedCategory}),t.jsx(we,{display:"block",placement:"bottom",title:i.jeCredit.account?.accountName!=null?t.jsx(Ue,{children:i.jeCredit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(le,{className:"highlight",children:i.jeCredit.account?.accountName??We})})]})}):null,i.jeScheduleType!=="fixed_assets"?t.jsx(X,{style:{width:ue.COLUMN_FOUR}}):null,t.jsx(X,{style:{width:ue.COLUMN_FIVE}})]}),t.jsxs(Cc,{children:[t.jsx(X,{style:{padding:"unset",width:ue.COLUMN_ONE},children:t.jsxs(wc,{children:[t.jsx(ie,{children:Fe.scheduleHeaders.jePostingDate}),t.jsx(se,{children:t.jsx(le,{className:"highlight",children:i.scheduledJournalEntry.expectedPostDate.format(ni.visual.MMMDCommaYYFormat)??We})})]})}),t.jsxs(X,{children:[t.jsx(ie,{children:Fe.scheduleHeaders.balance}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:t.jsx(Ue,{children:qe("0,0.[00]",K.toAmount(i?.scheduledJournalEntry?.runningBalance?.amount??0,rt.currencyCode,rt.currencySymbol))??We}),children:t.jsx(le,{className:"highlight",children:qe("0,0.[00]",K.toAmount(i?.scheduledJournalEntry?.runningBalance?.amount??0,rt.currencyCode,rt.currencySymbol))??We})})})]}),t.jsxs(X,{style:{width:ue.COLUMN_THREE},children:[t.jsx(ie,{children:Fe.scheduleHeaders.months}),t.jsx(se,{children:t.jsxs(le,{className:"highlight",children:[i.scheduledJournalEntry.expectedPostDate.diff(i.startDate,"month")+1,"/",i.period]})})]}),t.jsx(X,{style:{width:ue.COLUMN_FOUR}}),t.jsxs(X,{style:{alignItems:"flex-end",width:ue.COLUMN_FIVE},children:[t.jsx(ie,{children:Fe.scheduleHeaders.amountForMonth}),t.jsx(se,{children:t.jsx(le,{className:"highlight",children:qe("0,0.[00]",K.toAmount(i.scheduledJournalEntry.amount?.amount??0,rt.currencyCode,rt.currencySymbol))??We})})]})]})]}),t.jsx(ko,{children:t.jsx(cn,{form:ii(`${Xe}_${i.jeScheduleId}`),label:tu,variant:"primary",className:"item-value-container",type:"submit",loading:r?.fetchState==="In-Progress",size:"small",disabled:!k,style:{minWidth:ro}})})]})})})})},li=(e,n,d,c,p,h,i,l)=>{const r=e.updatedCategoryId,m=e.updatedVendor,u=m!=null?l.vendor.find(C=>C.zeniId===m.id):void 0,x=e.updatedAccumulatedDepreciationCategoryID,f=e.updatedClassId,w=r!=null?p.find(C=>C.accountId===r):void 0,b=x!=null?i.find(C=>C.accountId===x):void 0,y=f!=null?h.find(C=>C.classId===f):void 0;return{[Xe]:{jeScheduleID:e.jeScheduleID,scheduledJournalEntryID:e.scheduledJournalEntryID,jeScheduleType:e.jeScheduleType,scheduleExpenseCategory:{selectedOption:w?.qboId,allOptions:n},accumulatedDepreciationCategory:{selectedOption:b?.qboId,allOptions:c},vendor:{selectedOption:u?.id??m?.id,defaultOptions:cs(l,u??m)},scheduleClass:{selectedOption:y?.classId,allOptions:d}}}},Pn=a(Rn)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,zn=a(ds)`
-  width: 12px;
-  height: 12px;
-  color: ${Ge.important};
-`;function As(){return t.jsx(xs,{children:t.jsxs(fs,{children:[t.jsxs(ys,{children:[t.jsx(Oe,{width:g[9],height:27,style:{marginBottom:g[2]}}),t.jsx(ci,{})]}),t.jsxs(Cs,{children:[t.jsx(Oe,{width:g[9],height:27,style:{marginBottom:g[2]}}),t.jsx(ci,{})]})]})})}const ci=()=>t.jsx(jo,{style:{minWidth:1088},children:t.jsxs(vo,{children:[t.jsxs(Io,{children:[t.jsxs(bo,{children:[t.jsxs(X,{style:{width:ue.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ie,{children:t.jsx(Oe,{width:g[10],height:14})}),t.jsxs(se,{style:{gap:g[2]},children:[t.jsx(fo,{height:g[4],width:g[4]}),t.jsx(Oe,{height:g[4],width:g[10]})]})]}),t.jsxs(X,{children:[t.jsx(ie,{children:t.jsx(Oe,{width:101,height:14})}),t.jsx(se,{children:t.jsx(Oe,{height:g[4],width:203})})]}),t.jsxs(X,{style:{width:ue.COLUMN_THREE},children:[t.jsx(ie,{children:t.jsx(Oe,{width:g[9],height:14})}),t.jsx(se,{children:t.jsx(Oe,{height:g[4],width:71})})]}),t.jsxs(X,{style:{width:ue.COLUMN_FOUR,paddingLeft:g[3]},children:[t.jsx(ie,{children:t.jsx(Oe,{width:107,height:14})}),t.jsx(Oe,{height:g[4],width:68})]}),t.jsxs(X,{style:{alignItems:"flex-end",width:ue.COLUMN_FIVE},children:[t.jsx(ie,{children:t.jsx(Oe,{width:73,height:14})}),t.jsx(se,{children:t.jsx(Oe,{height:g[4],width:49})})]})]}),t.jsxs(So,{children:[t.jsxs(X,{style:{width:ue.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ie,{children:t.jsx(Oe,{width:49,height:14})}),t.jsx(se,{children:t.jsx(Oe,{height:g[4],width:158})})]}),t.jsxs(X,{children:[t.jsx(ie,{children:t.jsx(Oe,{width:36,height:14})}),t.jsx(se,{children:t.jsx(Oe,{height:g[4],width:88})})]}),t.jsxs(X,{style:{width:ue.COLUMN_THREE},children:[t.jsx(ie,{children:t.jsx(Oe,{width:36,height:14})}),t.jsx(se,{children:t.jsx(Oe,{height:g[4],width:100})})]}),t.jsx(X,{style:{width:ue.COLUMN_FOUR,paddingLeft:g[3]}}),t.jsx(X,{style:{width:ue.COLUMN_FIVE}})]})]}),t.jsxs(ko,{children:[t.jsx(Oe,{height:29,width:53,style:{margin:`${o.sp0} ${o.sp3}`}}),t.jsx(Oe,{height:29,width:53,style:{margin:`${o.sp0} ${o.sp3}`}})]})]})}),Oe=a(Et)`
-  border-radius: ${o.sp1};
-`,{common:{create:iu,resolve:su}}=je.getLocalizedStrings();function au({jeSchedules:e,vendorSearchAutoCompleteData:n,handleJeScheduleClick:d,onJESchedulesFormDataChange:c,onPostJESchedule:p,ignoreRecommendedJeSchedule:h,vendorSearchAutoCompleteActions:i,setCurrentFooterFormId:l}){const r=e.draftSchedules,m=e.jeScheduleLocalDataById,u=e.postStatusById,x=e.ignoreStatusById,f=e.resolveSchedules,w=e.uncategorizedAccounts,{allAccountList:b,allClassList:y,allDepreciationAccountList:C}=e,S=At(e.accountListNestedAccountHierarchy),E=At(e.allDepreciationAccountListNestedAccountHierarchy),A=vn(e.classListNestedAccountHierarchy),L=(j,k,I)=>{d(j,k,I)},$=(j,k,I,R)=>{let O=j.target;for(;O;){if(O.classList.contains("item-value-container")||O.classList.contains("hover-background")||O.classList.contains("auto-complete-single-select-field__input")||O.classList.contains("auto-complete-single-select-field__option")||O.classList.contains("grouped-single-select-field__input")||O.classList.contains("grouped-single-select-field__menu"))return;O=O.parentElement}d(k,I,R)};return s.useEffect(()=>{if(f.length!==0){for(const j in m)if(Object.prototype.hasOwnProperty.call(m,j)){const{updatedAccumulatedDepreciationCategoryID:k,updatedCategoryId:I,updatedVendor:R}=m[j];if(k!=null||I!=null||R!=null&&R?.id!==""){l("expenseAutomationJESchedulePage");break}else l("expenseAutomationPage")}}else f.length===0&&l("expenseAutomationPage")}),s.useEffect(()=>()=>{l("expenseAutomationPage")},[]),e.fetchState==="In-Progress"?t.jsx(As,{}):r.length!==0||f.length!==0?t.jsx(xs,{children:t.jsxs(fs,{children:[r.length>0?t.jsxs(ys,{children:[t.jsxs(ui,{children:[iu,t.jsx(hi,{isCircular:r.length<10,children:t.jsx(pi,{children:r.length})})]}),t.jsx(di,{children:r.map((j,k)=>t.jsx(Gd,{ignoreStatus:x[j.jeScheduleTransactionKey],ignoreRecommendedJeSchedule:h,onReviewClickHandler:L,jeScheduleClickHandler:$,draft:j},`${k}_${j.jeScheduleId}`))})]}):null,f.length>0?t.jsxs(Cs,{children:[t.jsxs(ui,{children:[su,t.jsx(hi,{isCircular:f.length<10,children:t.jsx(pi,{children:f.length})})]}),t.jsx(di,{children:f.map((j,k)=>m[j.scheduledJournalEntry.scheduledJournalEntryID]==null?null:t.jsx(ou,{vendorSearchAutoCompleteActions:i,vendorSearchAutoCompleteData:n,jeScheduleClickHandler:$,onPostJESchedule:p,uncategorizedAccounts:w,allAccountList:b,allAccountGroupedOptions:S,allClassGroupedOptions:A,allClassList:y,allDepAccountGroupedOptions:E,allDepAccountList:C,draft:j,postStatus:u[j.scheduledJournalEntry.scheduledJournalEntryID],localData:m[j.scheduledJournalEntry.scheduledJournalEntryID],onFormDataChange:c},`${k}_${j.jeScheduleTransactionKey}`))})]}):null]})}):null}const di=a.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${o.sp4};
-  min-width: 1088px;
-`,ui=a(Hi)`
-  color: ${e=>e.theme.colors.primary};
-  padding: ${o.sp2} ${o.sp0};
-  display: flex;
-  align-items: center;
-  gap: ${o.sp1};
-`,hi=a.div`
-  border-radius: ${o.sp12};
-  display: flex;
-  justify-content: center;
-  border: ${e=>`1px solid ${e.theme.colors.grey1}`};
-  color: ${e=>e.theme.colors.hero};
-  ${e=>e.isCircular?Ye`
-          height: ${o.sp3};
-          width: ${o.sp3};
-          padding: ${o.sp0};
-        `:Ye`
-          height: 18px;
-          padding: ${_a.padding};
-        `}
-`,pi=a(Pa)`
-  color: ${e=>e.theme.colors.hero};
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: inherit;
-`;function ru({expenseAutomationViewSelector:e,currentFooterFormId:n,setResetJeAccountSettingsForm:d,vendorSearchAutoCompleteData:c,onJESchedulesFormDataChange:p,onPostJESchedule:h,handleJeScheduleClick:i,onJeAccountSettingsChange:l,onSaveJeAccountSettingsClick:r,ignoreRecommendedJeSchedule:m,vendorSearchAutoCompleteActions:u,setCurrentFooterFormId:x,setIsJeAccountSettingsOpened:f}){const{jeSchedules:w}=e;return w.fetchState==="In-Progress"||w.accountSettingsView.fetchState==="In-Progress"?t.jsx(As,{}):w.accountSettingsView.fetchState==="Completed"&&w.accountSettingsView.accountSettingsLocalData.previousPrepaidExpensesAccount.length===0&&w.accountSettingsView.accountSettingsLocalData.previousFixedAssetsAccount.length===0?t.jsx(Ud,{setIsJeAccountSettingsOpened:f,setResetJeAccountSettingsForm:d,currentFooterFormId:n,onJeAccountSettingsChange:l,onSaveJeAccountSettingsClick:r,accountSettings:w.accountSettingsView,setCurrentFooterFormId:x}):w.fetchState==="Completed"&&w.draftSchedules.length===0&&w.resolveSchedules.length===0?t.jsx(wt,{tab:e.currentSelectedView,title:He(e.currentSelectedView).allDoneText.title,subTitle:He(e.currentSelectedView).allDoneText.subTitle}):w.fetchState==="Completed"?t.jsx(au,{setCurrentFooterFormId:x,handleJeScheduleClick:i,ignoreRecommendedJeSchedule:m,jeSchedules:e.jeSchedules,onJESchedulesFormDataChange:p,onPostJESchedule:h,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:c}):null}const lu=72,Es=50,cu=1,du=["receipts"],mi=e=>K.stringToUnionStrict(e,du),{common:{texts:{vendor:uu,amount:hu,receipts:pu,category:mu,classText:gu,date:xu}}}=je.getLocalizedStrings(),fu={key:"vendor",value:uu,sortOrder:"ascending",width:new Q(18,18)},yu={key:"category",value:mu,sortOrder:"ascending",width:new Q(18,18)},Cu={key:"class",value:gu,sortOrder:"ascending",width:new Q(18,18)},wu={key:"date",value:xu,sortOrder:"descending",width:new Q(11,11)},bu={key:"receipts",value:pu,sortOrder:"descending",width:new Q(6,6)},Su={key:"amount",value:hu,sortOrder:"ascending",width:new Q(10,10)},ct=[fu,yu,Cu,wu,bu,Su],Nn={sortKey:"date",sortOrder:"descending"},gi={containerPaddingLeftRight:new Q(g[3],g[4])},Rs=({sortConfig:e,isDisabled:n,onColumnSortConfigChanged:d})=>{const c=ve(),[p,h]=s.useState(ct);s.useEffect(()=>{const r=[...p];for(const m of r)m.key===e.sortKey?m.sortOrder=e.sortOrder:m.sortOrder="ascending";h(r)},[e.sortKey,e.sortOrder]);const i=(r,m)=>{let u=m;e.sortKey===r&&(u=m==="ascending"?"descending":"ascending"),d(r,u)},l=r=>{mi(r.key)==null&&i(K.toExpenseAutomationMissingReceiptsSortKey(r.key),r.sortOrder)};return t.jsx(vu,{windowSize:c,children:p.map((r,m)=>{const u=n!=null||mi(r.key)!=null;return t.jsxs(ju,{sortDataValue:e.sortKey,actualDataValue:r.key,wrapperWidth:r.width,isSortDisabled:u,windowSize:c,isLastItem:m===p.length-1,style:r.key==="receipts"?{justifyContent:"center"}:void 0,children:[t.jsxs(Tu,{onClick:()=>u?null:l(r),isSortDisabled:u,children:[t.jsx(Au,{children:r.value}),u?null:t.jsx(Iu,{sortConfig:e,headerData:r,children:t.jsx(Lu,{})})]}),u?null:t.jsx($u,{isSortDisabled:u,sortDataValue:e.sortKey,isVisible:e.sortKey===r.key&&e.sortKey!==Nn.sortKey,children:t.jsx(ku,{onClick:()=>{u||i(Nn.sortKey,Nn.sortOrder)},"data-testid":N("missing-receipts-header-close-icon",r.key)})})]},r.key)})})},vu=a.div`
-  top: ${o.sp0};
-  left: ${o.sp0};
-  height: ${Es}px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  box-sizing: border-box;
-  background-color: ${e=>e.theme.colors.grey4};
-  position: sticky;
-  padding-left: ${e=>gi.containerPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>gi.containerPaddingLeftRight.valuePx(e.windowSize)};
-`,ju=a.div`
-  color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  padding-left: ${o.sp0};
-  left: ${o.sp0};
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
-  position: static;
-  z-index: 0;
-  box-sizing: border-box;
-`,ku=a(En)`
-  width: ${o.sp2};
-  height: ${o.sp2};
-  cursor: pointer;
-`,Iu=a.div`
-  display: flex;
-  align-items: center;
-  transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-`,$u=a.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-  align-items: center;
-  cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
-  &:hover {
-    color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
-  }
-`,Lu=a(An)`
-  width: ${o.sp2};
-  height: ${o.sp2};
-`,Tu=a.div`
-  display: flex;
-  cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
-  gap: 6px;
-  &:hover {
-    color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
-  }
-`,Au=a(ht)`
-  display: flex;
-`,{common:{strings:{underscore:Ds,hyphen:Vn,empty:xi},documents:{singleFileUploadSizeErrorMessage:Eu,multipleFileUploadSizeErrorMessage:Ru},snackBar:{missing_receipts_attachment:{failed:Du}},tooltips:{addMissingReceipt:Ou}},dateFormat:Mu}=je.getLocalizedStrings(),Sn={containerPaddingLeftRight:new Q(g[3],g[4]),containerPaddingTopBottom:new Q(g[2],g[3])},Bu=({transaction:e,uploadReceiptsFetchState:n,receiptUploadEndpoint:d,authParams:c,selectedPeriod:p,onUploadReceiptComplete:h,onMissingReceiptsRowClick:i,onUploadReceiptFetchStatus:l,onUploadReceiptAttachment:r})=>{const m=ve(),u=s.useRef(null),x=s.useCallback(async(b,y,C,S,E)=>{l(e.id,"In-Progress"),await sr(b,y,C,S,E).then(({uploadResponse:A,errorMessage:L})=>{A!=null?A.transaction.attachments!=null&&(r(A.transaction),setTimeout(()=>h(A.transaction,p),2e3)):l(e.id,"Error",{code:500,message:Du},L)}).catch(A=>{l(e.id,"Error",A)})},[e.id,p,r,h,l]),f=s.useCallback(b=>{if(b.target.files!=null){const y=b.target.files,C=[],S=[];for(let E=0;E<y.length;E++)C.push(y[E].name),S.push(y[E]);x(d,c,y[0],y[0].name,{id:e.id,type:e.type})}},[c,x,d,e.id,e.type]),w=s.useCallback(()=>{u.current?.click()},[u]);return t.jsx(Os,{windowSize:m,onClick:()=>i(e.id,e.type),"data-testid":N("missing-receipts-list-row",e.id),children:ct.map((b,y)=>{const C=`${e.id}${Ds}${b.key}`;switch(b.key){case"vendor":default:return t.jsx(zt,{windowSize:m,wrapperWidth:b.width,children:t.jsx(Nt,{windowSize:m,isLastItem:y===ct.length-1,children:t.jsxs(kn,{children:[t.jsx(ns,{photoUrl:e.vendorId!=null?e.logo?.toString()??xi:xi,styles:{width:o.sp4,height:o.sp4,borderRadius:o.sp0},placeholder:{width:g[4],height:g[4]},fallbackAvatar:t.jsx(Hu,{children:t.jsx(ln,{name:e.vendorName??e.description,size:o.sp4})})}),t.jsx(Qe,{text:e.vendorName??e.description,itemTextStyle:{...Lt.standardRegular.cssObject,color:"inherit"}})]})})},C);case"category":case"class":{const S=e.lines!=null&&e.lines.length>0&&e.lines[0]?.account!=null&&e.lines[0].account.accountName?e.lines[0].account.accountName:Vn,E=e.lines!=null&&e.lines.length>0&&e.lines[0]?.class!=null&&e.lines[0].class.className?e.lines[0].class.className:Vn,A=b.key==="category"?S:E;return t.jsx(zt,{windowSize:m,wrapperWidth:b.width,children:t.jsx(Nt,{windowSize:m,isLastItem:y===ct.length-1,children:t.jsx(kn,{children:A!==Vn?t.jsx(Qe,{text:A,itemTextStyle:{...Lt.standardRegular.cssObject,color:"inherit"}}):t.jsx(Vu,{children:A})})})},C)}case"date":return t.jsx(zt,{windowSize:m,wrapperWidth:b.width,children:t.jsx(Nt,{windowSize:m,isLastItem:y===ct.length-1,children:t.jsx(kn,{children:t.jsx(Qe,{text:e.date.format(Mu.visual.MMMDCommaYYYYformat),itemTextStyle:{...Lt.standardRegular.cssObject,color:"inherit"}})})})},C);case"receipts":return t.jsx(zt,{windowSize:m,wrapperWidth:b.width,children:t.jsx(Nt,{windowSize:m,isLastItem:y===ct.length-1,style:{justifyContent:"center"},children:n.fetchState==="In-Progress"?t.jsx(Gi,{size:"Small",style:{display:"flex"},start:!0}):n.fetchState==="Completed"||e.attachments!=null&&e.attachments.length>0?t.jsx(Fa,{shouldDisplay:!0,width:g[4],height:g[4],animationInLoop:!1,shouldFade:!1,onAnimationComplete:()=>null}):t.jsxs(t.Fragment,{children:[t.jsx(Nu,{onClick:S=>{S.stopPropagation()},children:t.jsx(Yi,{"data-testid":N("missing-receipts-file-input",e.id),name:`missing-receipts-${e.id}`,fileRef:u,sizeLimit:On,multiple:!1,acceptableTypes:[...K.SUPPORTED_TRANSACTION_LINE_ATTACHMENT_FILE_TYPES],onFileChange:f,onFileSizeError:(S,E)=>{S&&l(e.id,"Error",{code:500,message:E===!0?Eu.replace("__maxFileSize__",Ao(On,0)):Ru.replace("__maxFileSize__",Ao(On,0))})}})}),t.jsx(we,{display:"flex",placement:"bottom",title:Ou,enterDelay:600,children:t.jsx(zu,{onClick:S=>{S.stopPropagation(),w()}})})]})})},C);case"amount":{const S=qe("0,0.[00]",e.amount);return t.jsx(zt,{windowSize:m,wrapperWidth:b.width,children:t.jsx(Nt,{windowSize:m,isLastItem:y===ct.length-1,children:t.jsx(Qe,{text:e.amount.amount<0?`-${S}`:S,itemTextStyle:{...Lt.standardRegular.cssObject,color:"inherit"}})})},C)}}})})},Fu=()=>{const e=ve(),n=s.useRef(null),[d,c]=s.useState(0);return s.useLayoutEffect(()=>{n.current&&c(n.current.offsetWidth)},[e]),t.jsx(Os,{windowSize:e,ref:n,children:ct.map((p,h)=>{const i=`${h}${Ds}${p.key}`;switch(p.key){case"vendor":return t.jsx(zt,{windowSize:e,wrapperWidth:p.width,children:t.jsx(Nt,{windowSize:e,isLastItem:h===ct.length-1,children:t.jsxs(kn,{children:[t.jsx(fo,{width:g[4],height:g[4]}),t.jsx(Et,{width:d*p.width.value(e)/100,height:g[4],style:{display:"flex",alignItems:"center"}})]})})},i);default:return t.jsx(zt,{windowSize:e,wrapperWidth:p.width,children:t.jsx(Nt,{windowSize:e,isLastItem:h===ct.length-1,children:t.jsx(Et,{width:d*p.width.value(e)/100,height:g[4],style:{display:"flex",alignItems:"center"}})})},i)}})})},Os=a.div`
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>Sn.containerPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>Sn.containerPaddingLeftRight.valuePx(e.windowSize)};
-  padding-top: ${e=>Sn.containerPaddingTopBottom.valuePx(e.windowSize)};
-  padding-bottom: ${e=>Sn.containerPaddingTopBottom.valuePx(e.windowSize)};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  &:hover {
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-  }
-
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: space-between;
-`,zt=a.div`
-  display: flex;
-  align-items: center;
-  position: relative;
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  :last-of-type {
-    padding-right: ${o.sp0};
-  }
-`,_u=Ye`
-  word-break: break-all;
-  white-space: normal;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-`,Pu=Ye`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  cursor: pointer;
-`,zu=a(Rn)`
-  ${Pu};
-  color: ${e=>e.theme.colors.brandColorGoldDark};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Nt=a(Me)`
-  overflow: hidden;
-  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
-  display: flex;
-  width: 100%;
-  align-items: center;
-`,Nu=a.div``,kn=a.div`
-  display: flex;
-  flex-direction: row;
-  column-gap: ${o.sp2};
-  align-items: center;
-`,Vu=a(Me)`
-  ${_u};
-  color: inherit;
-`,Hu=a.div`
-  display: flex;
-`,Wu=({sortConfig:e,fetchState:n,isDisabled:d,onColumnSortConfigChanged:c})=>{const p=ve();return t.jsxs(Uu,{windowSize:p,children:[t.jsx(Rs,{sortConfig:e,isDisabled:n==="In-Progress"?"readonly":d,onColumnSortConfigChanged:c}),t.jsx(qu,{windowSize:p,children:[...Array(3)].map((h,i)=>t.jsx(Fu,{},i))})]})},Uu=a.div`
-  display: block;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-`,qu=a.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  row-gap: ${o.sp3};
-`,{common:Ju}=je.getLocalizedStrings(),Ku=({missingReceipts:e,receiptUploadEndpoint:n,authParams:d,selectedPeriod:c,isDisabled:p,onMissingReceiptsRowClick:h,onUploadReceiptComplete:i,onUploadReceiptAttachment:l,onUploadReceiptFetchStatus:r,onUpdateMissingReceiptsUIState:m,onFetchMissingReceiptsList:u})=>{const x=ve(),{fetchState:f,uiState:w,transactions:b}=e,y=s.useRef(null),[C,S]=s.useState(!1);s.useEffect(()=>{y.current?.resetAfterIndex(0)},[x,y]),s.useEffect(()=>{f==="Completed"&&S(!1)},[f]);const E=L=>lu,A=(L,$)=>{m({sortOrder:$,sortKey:L})};return t.jsxs(Gu,{children:[t.jsx(Xu,{windowSize:x,children:f==="Error"?t.jsxs(eh,{windowSize:x,children:[t.jsx(th,{onClick:()=>u(),"data-testid":N("missing-receipts-list-table-reload-button"),children:t.jsx(po,{})}),t.jsx(nh,{children:Ju.reloadPage.label})]}):f==="Completed"&&b.length===0?t.jsx(wt,{tab:"missing_receipts",title:He("missing_receipts").allDoneText.title,subTitle:He("missing_receipts").allDoneText.subTitle}):f==="Not-Started"||f==="In-Progress"&&b.length===0?t.jsx(Wu,{sortConfig:{sortKey:w.sortKey,sortOrder:w.sortOrder},fetchState:f,onColumnSortConfigChanged:A}):t.jsx(Qu,{windowSize:x,children:t.jsx(Ln,{children:({height:L,width:$})=>t.jsxs(ih,{style:{height:L,width:$},children:[t.jsx(Yu,{children:t.jsx(Rs,{sortConfig:{sortKey:w.sortKey,sortOrder:w.sortOrder},isDisabled:f==="In-Progress"?"readonly":p,onColumnSortConfigChanged:A})}),t.jsx(Tn,{ref:y,height:L-Es,itemCount:b.length,itemData:{missingReceipts:e,receiptUploadEndpoint:n,authParams:d,isDisabled:p,selectedPeriod:c,onMissingReceiptsRowClick:h,onUploadReceiptComplete:i,onUploadReceiptAttachment:l,onUploadReceiptFetchStatus:r},itemSize:E,width:$,style:{willChange:"auto"},overscanCount:cu,onScroll:({scrollOffset:j})=>{m({scrollPosition:{scrollTop:j}})},initialScrollOffset:w.scrollPosition?.scrollTop,children:Zu})]})})})}),t.jsx(Pe,{controller:C===!0,children:t.jsx(sh,{children:t.jsx(Gi,{size:"Small",start:!0})})})]})},Zu=({index:e,style:n,data:d})=>{const{missingReceipts:c,receiptUploadEndpoint:p,authParams:h,onMissingReceiptsRowClick:i,onUploadReceiptComplete:l,onUploadReceiptAttachment:r,onUploadReceiptFetchStatus:m,selectedPeriod:u}=d,x=c.transactions[e];return t.jsx(oh,{style:{...n,width:"100%"},children:t.jsx(Bu,{transaction:x,receiptUploadEndpoint:p,authParams:h,selectedPeriod:u,onMissingReceiptsRowClick:i,onUploadReceiptComplete:l,onUploadReceiptAttachment:r,onUploadReceiptFetchStatus:m,uploadReceiptsFetchState:c.uploadReceiptStatusById[x.id]??{fetchState:"Not-Started",error:void 0}},x.id)})},Yu=a.div`
-  width: auto;
-`,Gu=a.div`
-  width: 100%;
-  height: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Xu=a.div`
-  height: 100%;
-`,Qu=a.div`
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  max-width: 99.9%;
-`,eh=a.div`
-  display: flex;
-  width: 100%;
-  height: ${e=>`calc(100% - ${es.valuePx(e.windowSize)})`};
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,th=a.div`
-  height: 96px;
-  width: 96px;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${o.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,nh=a(Da)`
-  margin-top: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,oh=a.div`
-  top: ${o.sp0};
-  left: ${o.sp0};
-  padding-bottom: ${o.sp3};
-  box-sizing: border-box;
-`,ih=a.div`
-  position: relative;
-`,sh=a.div`
-  display: flex;
-  width: 100%;
-  height: ${o.sp3};
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  margin-top: ${o.sp3};
-  margin-bottom: ${o.sp3};
-`,ah=[...K.SUPPORTED_ATTACHMENT_FILE_TYPES],rh=7*1024*100,lh=a.div`
-  width: ${sn}px;
-`,Hn=a.div`
-  width: ${e=>`${e.availableWidth}px`};
-  min-width: auto;
-  position: relative;
-  height: fit-content;
-  min-height: ${o.sp12};
-`,ch=a.div`
-  flex-grow: 1;
-  overflow: auto;
-  min-height: 2em;
-  display: flex;
-  flex-direction: row;
-  position: relative;
-
-  pointer-events: auto;
-  user-select: text;
-  justify-content: space-between;
-  margin-bottom: ${o.sp2};
-
-  // Disable select for Zeni Logo and File Separator
-  #${Zi} img[alt*="company logo"],
-  .attachFileSeparator {
-    user-select: none;
-  }
-`,dh=a.div`
-  display: flex;
-  column-gap: ${o.sp2};
-  align-items: flex-end;
-  margin-top: ${o.sp2};
-  margin-bottom: ${o.sp3};
-`,uh=a.div`
-  position: relative;
-`,fi=a(Me)`
-  position: relative;
-`,hh=a.div`
-  background-color: ${e=>e.theme.colors.grey5};
-  border: ${e=>`1px solid ${e.theme.colors.background}`};
-  border-radius: ${o.sp2};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  padding: ${o.sp5};
-  color: ${e=>e.theme.colors.primary};
-  position: relative;
-  .lexicalEditor__nestedListItem {
-    list-style-type: none;
-  }
-  user-select: text;
-
-  .monthEndReportCanvasWrapper > * {
-    isolation: isolate;
-    z-index: ${g[1]};
-  }
-`,ph=a.div`
-  user-select: text;
-`,mh=a.div`
-  position: absolute;
-  top: ${o.sp4}; // Attachment icon position from the top
-  right: -${o.sp3}; // To show attachment icon on the edge
-`,gh=a.div`
-  margin-top: ${o.sp2};
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp3};
-  margin-bottom: ${o.sp4};
-  position: relative;
-
-  .toolbar {
-    user-select: none;
-  }
-`,xh=a(St)`
-  color: ${e=>e.theme.colors.grey1};
-  user-select: none;
-`,fh=a(Qi)`
-  color: ${e=>e.theme.colors.primary};
-`,yh=a.div`
-  flex-direction: column;
-  row-gap: ${o.sp3};
-  display: flex;
-`,Ch=Co`
- 0% {
-  transform: translateX(100%);
- }
- 100% {
-   transform: translateX(0)
- }
-`,wh=Co`
- 0% {
-   transform: translateX(0)
- }
- 100% {
-   transform: translateX(100%)
- }
-`,bh=a.div`
-  animation: ${e=>e.allThreadsSectionOpen?Ch:wh}
-    0.5s forwards;
-  height: 100vh;
-  position: fixed;
-  right: ${o.sp0};
-  top: ${o.sp0};
-  z-index: ${g[2]};
-  min-width: ${Ji}px;
-  max-width: ${qi}px;
-`,In="monthEndReportFormSection",yi="monthEndReportPage",Ke=je.getLocalizedStrings();function Sh({companyId:e,enableZeniGPTFeature:n,monthEndReportView:d,previewMode:c,customerRequestData:p,allThreadsSectionOpen:h,filterMetaData:i,newThreadMetadata:l,isZeniUser:r,selectedPeriod:m,improveUsingZeniGPTClick:u,onRemoveFileAttachment:x,onUpdateFileAttachment:f,onCloseAllThreadsSection:w,previewMonthEndReport:b,saveMonthEndReport:y,onEditClick:C,onOpenFileAttachmentSnackBar:S,onClickCustomerRequest:E,sendMonthEndReport:A}){const L=bt(),[$,j]=s.useState(),[k,I]=s.useState(0),[R,O]=s.useState(0),V=s.useRef(),G=s.useRef(null),B=s.useRef(null),{html:_,subject:J,improveUsingZeniGPTStatus:Z}=d,[F,xe]=s.useState(),[te,z]=s.useState(!1),[U,T]=s.useState(!1),D=s.useRef(null),q=s.useRef(null),M=oa(h,250),H=d.fetchState==="Not-Started"||d.fetchState==="In-Progress"||d.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||d.companyMonthEndReportTemplatesData.fetchState==="In-Progress",{threadsRefs:P,sortedThreads:ee,threadsPositions:W,observer:oe,unresolvedThreadsMap:Y,handleRemoveFloatingThread:ye}=ia(i,D,!c,H,r),he=s.useCallback(()=>{h?q.current!=null&&O(Math.min((q.current.offsetWidth-sn-g[4])/2,q.current.offsetWidth-sn-qi-g[4])):q.current!=null&&I(Math.min((q.current.offsetWidth-sn-g[4])/2,q.current.offsetWidth-sn-Ji-g[4]))},[h]);s.useEffect(()=>{he()},[h,he]),s.useEffect(()=>(window.addEventListener("resize",he),()=>{window.removeEventListener("resize",he)}),[he]);const Se=r?Pi:zi,{openThread:ke,addThread:ce,setOpenThread:v}=s.useContext(Se),ne=sa(Lo,!1,!c),re=D.current?.getBoundingClientRect(),pe=ne!=null&&ne.coords&&re?{left:ne.coords.left-re.left,top:ne.coords.top-re.top}:void 0,Je=s.useCallback(()=>{const de=window.getSelection()?.getRangeAt(0),ge=aa();if(!de||ge==null)return;const be={...l,...ge,startPath:ge.startPath.join(),endPath:ge.endPath.join()},_e=`${Ki()}${Ui}`,$e=`cockpit_${e}`;ce(_e,{type:"thread",id:_e,roomId:$e,createdAt:new Date,comments:[],metadata:be,updatedAt:new Date,resolved:!1}),v(_e)},[ce,e,l,v]);s.useEffect(()=>{ke!=null&&h&&w()},[h,ke,w]);const ze=Z.fetchState==="In-Progress",Be=Ht({mode:"all",defaultValues:Ci(d),values:Ci(d)}),Ne=Be.handleSubmit(de=>{const{recipientEmailList:ge,subject:be}=de[In];if(c===!0)A?.(F?.id);else{const _e=$?.replace(ra,Ke.common.strings.empty);ge!=null&&be!=null&&b(ge,be,F?.id,_e!=null&&_e.length>0?$:void 0)}}),me=()=>{G.current!=null&&G.current.click()},nt=()=>{F!==void 0&&F!=null&&(x([F.id]),xe(void 0),z(!1))},vt=de=>{const ge=de.target.files?de.target.files[0]:null;if(ge)if(!K.toSupportedAttachmentFileType(ge.type)||U)console.warn("Please select a valid file.");else{const be=new FileReader;be.onload=function(_e){const $e=_e.target?.result;if(typeof $e=="string"){const Le={data:$e.split(",")[1],name:ge.name,id:K.getAttachmentFileIdByFileName(e,ge.name)};xe(Le),z(!0),f([Le])}},be.readAsDataURL(ge)}},jt=()=>{B.current&&B.current.scrollIntoView({behavior:"smooth"})},ot=()=>{const de=Be.getValues(),{recipientEmailList:ge,subject:be}=de[In];ge!=null&&be!=null&&y(ge,be,F?.id,$)};s.useEffect(()=>{j(d.zeniRequestsHtml)},[d.zeniRequestsHtml]),s.useEffect(()=>{V.current=F},[F]),s.useEffect(()=>{xe(K.mapAttachmentFileToAttachmentFilePayload(d.attachmentFile)),z(!1)},[d.attachmentFile]),s.useEffect(()=>{U&&S()},[U,S]);const Dt=K.zeniDate(`${m.year}-${m.month}-01`).format(Ke.dateFormat.visual.MMMMFormat),at=_!=null?_.split(la):[],kt=d.concatenatedHtml,Ot=()=>d.lastDraftSavedDate!=null&&c===!1?t.jsx(Ra,{time:d.lastDraftSavedDate,user:d.reportLastSavedByUser,timeStampLabel:Ke.cockpit.monthEndReport.timeStampLabel}):null,Mt=()=>r===!0?M?t.jsxs(t.Fragment,{children:[t.jsx(bh,{allThreadsSectionOpen:h,children:t.jsx(Aa,{autoExpand:!0,autoFocus:!1,style:{borderLeft:`1px solid ${L.colors.grey3}`,boxShadow:`${o.sp0} 1px 2px ${o.sp0} ${Ge.boxShadowElevation}`},drawerSectionStyle:{width:`calc(100% - ${o.sp5} - ${o.sp5})`,backgroundColor:L.colors.background},threadsContainerStyle:{paddingBottom:c?"160px":o.sp12},collapsibleThreadStyle:{width:`calc(100% - ${o.sp4})`},allowComposer:!1,drawerTitle:Ke.common.texts.comments,filter:i,textOverrides:{},preventResolvedThreadClick:!0,onThreadClick:(de,ge)=>{v(ge);const be=ee.findIndex(_e=>_e[0]===ge);w(),P.current?.[be]?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},onCloseAllThreadsDrawer:()=>w()})}),t.jsx(Hn,{availableWidth:k})]}):t.jsx(Ea,{observer:oe,canvasContainerRef:D,sortedThreads:ee,threadsPositions:W,threadsRefs:P,unresolvedThreadsMap:Y,editorMode:!c,style:{minWidth:`${k}px`,position:"relative",height:"fit-content",top:`${D.current?.offsetTop}px`,minHeight:o.sp12},handleRemoveFloatingThread:ye}):t.jsx(Hn,{availableWidth:k}),Ie=(d.zeniRequestsData??[]).length+ca(d.companyMonthEndReportTemplatesData).length;return t.jsxs(t.Fragment,{children:[t.jsxs(ch,{ref:q,children:[t.jsx(Hn,{availableWidth:h?R:k}),t.jsxs(lh,{children:[t.jsx(Wt,{...Be,children:t.jsx("form",{id:wi(yi),onSubmit:Ne,children:t.jsxs(yh,{children:[t.jsx(da,{sectionId:In,previewMode:c,subject:J}),!c&&Ie>0?t.jsx(ua,{totalItems:Ie,onClickCustomerRequest:E}):null,t.jsxs(hh,{id:Lo,ref:D,children:[t.jsxs(ph,{className:"monthEndReportCanvasWrapper",children:[F!=null||U?t.jsx(mh,{"data-testid":N("email-attachment-container"),onClick:jt,children:t.jsx(ha,{fileSizeError:U,setFileSizeError:T,loading:!1,showAnimation:!c&&te})}):null,c?t.jsx(fi,{dangerouslySetInnerHTML:{__html:pa(kt)}}):t.jsxs(t.Fragment,{children:[t.jsxs(uh,{id:ma,children:[t.jsx(Me,{dangerouslySetInnerHTML:{__html:at[0]!=null?at[0]+"</body></html>":Ke.common.strings.empty}}),t.jsxs(dh,{children:[t.jsx(fh,{children:Ke.cockpit.monthEndReport.editorTitle}),t.jsx(xh,{children:Ke.cockpit.monthEndReport.editorNote})]})]}),t.jsx(gh,{id:ga,children:t.jsx(xa,{handleFileInputClick:me,fileAttached:F!=null,enableZeniGPTFeature:n,isZeniGPTResponseLoading:ze,initialHtmlString:d.zeniRequestsHtml,improveUsingZeniGPTClick:u,setZeniRequestsHtml:j,customerRequestData:p})}),t.jsx(fi,{id:Zi,dangerouslySetInnerHTML:{__html:at[1]!=null?"<html><body>"+at[1]:Ke.common.strings.empty}})]}),F!=null?t.jsx(fa,{ref:B,fileName:F.name,fileSize:ya(F.data),onRemove:nt,isRemovable:!c}):null]}),pe?t.jsx(Ca,{style:{zIndex:15},coords:pe,alignment:ne.alignment,onClick:Je}):null,t.jsx(wa,{canvasContainerRef:D,sortedThreads:ee,editorMode:!c,isZeniUser:r})]})]})})}),t.jsx(Yi,{name:F?.name??Ke.common.strings.empty,fileRef:G,sizeLimit:rh,acceptableTypes:ah,onFileChange:async de=>{vt(de)},onFileSizeError:de=>T(de),multiple:!1})]}),Mt()]}),t.jsx(Ni,{style:{zIndex:10},leftSideComponent:Ot(),formId:wi(yi),cancelBtn:{isDisabled:ze,label:c===!0?Ke.cockpit.monthEndReport.editButtonLabel:Ke.cockpit.monthEndReport.saveChanges,onClick:c===!0?C:ot,style:{width:"136px",padding:`${o.sp0} ${o.sp3}`,boxSizing:"border-box"},size:"medium",isLoading:d.saveMonthEndReportStatus.fetchState==="In-Progress",reverseSpinnerColor:!1},primaryBtn:{isDisabled:ze,isLoading:c===!0?d.sendMonthEndReportStatus.fetchState==="In-Progress":d.previewMonthEndReportStatus.fetchState==="In-Progress",style:{width:c===!0?"unset":"136px"},label:c===!0?Ke.cockpit.monthEndReport.sendEmailButtonLabel.replace("__month__",Dt):Ke.cockpit.monthEndReport.preview,size:"medium"}})]})}const Ci=e=>({[In]:{recipientEmailList:e.recipientEmailList,subject:e.subject??Ke.common.strings.empty}}),wi=e=>`${e}_form`;Lt.smallBold.lineHeightValue;const vh=1,jh=50,bi=56,kh=["memo"],Si=e=>K.stringToUnionStrict(e,kh),{expenseAutomation:{transactions:{header:{vendors:Ih,category:$h,classText:Lh,date:Th,type:Ah,amount:Eh,memo:Rh}}}}=je.getLocalizedStrings(),Dh={key:"vendor",value:Ih,sortOrder:"ascending",width:new Q(18,18),customStyle:{common:{paddingLeft:g[8]}}},Oh={key:"category",value:$h,sortOrder:"ascending",width:new Q(20,20),customStyle:{common:{paddingLeft:g[7]}}},Mh={key:"class",value:Lh,sortOrder:"ascending",width:new Q(18,18),customStyle:{common:{paddingLeft:g[7]}}},Bh={key:"date",value:Th,sortOrder:"descending",width:new Q(11,11),customStyle:{common:{}}},Fh={key:"transaction_type",value:Ah,sortOrder:"descending",width:new Q(13,13),customStyle:{common:{}}},_h={key:"memo",value:Rh,sortOrder:"ascending",width:new Q(6,6),customStyle:{common:{}}},Ph={key:"amount",value:Eh,sortOrder:"ascending",width:new Q(10,10),customStyle:{common:{paddingRight:g[4]}}},Ct=[Dh,Oh,Mh,Bh,Fh,_h,Ph],Wn={sortKey:"date",sortOrder:"descending"},Ms=({sortConfig:e,isDisabled:n,onColumnSortConfigChanged:d})=>{const c=ve(),[p,h]=s.useState(yo(Ct));s.useEffect(()=>{const r=[...p];for(const m of r)m.key===e.sortKey?m.sortOrder=e.sortOrder:m.sortOrder="ascending";h(r)},[e.sortKey,e.sortOrder]);const i=(r,m)=>{let u=m;e.sortKey===r&&(u=m==="ascending"?"descending":"ascending"),d(r,u)},l=r=>{Si(r.key)==null&&i(K.toTransactionsSortKey(r.key),r.sortOrder)};return t.jsx(zh,{windowSize:c,"data-testid":N("transaction-categorization-header-container"),children:p.map((r,m)=>{const u=n!=null||Si(r.key)!=null;return t.jsxs(Nh,{sortDataValue:e.sortKey,actualDataValue:r.key,wrapperWidth:r.width,style:r.customStyle?.common,isSortDisabled:u,windowSize:c,isLastItem:m===p.length-1,"data-testid":N("transaction-categorization-header-wrapper",r.key),children:[t.jsxs(qh,{"data-testid":N("transaction-categorization-header",r.value),onClick:()=>l(r),isSortDisabled:u,children:[t.jsx(Jh,{children:r.value}),u?null:t.jsx(Hh,{sortConfig:e,headerData:r,"data-testid":N("transaction-categorization-sort-icon",r.key),children:t.jsx(Uh,{})})]}),u?null:t.jsx(Wh,{isSortDisabled:u,sortDataValue:e.sortKey,isVisible:e.sortKey===r.key&&e.sortKey!==Wn.sortKey,"data-testid":N("transaction-categorization-close-icon",r.key),children:t.jsx(Vh,{onClick:()=>{i(Wn.sortKey,Wn.sortOrder)},"data-testid":N("transaction-categorization-close-icon-button",r.key)})})]},r.key)})})},zh=a.div`
-  top: ${o.sp0};
-  left: ${o.sp0};
-  height: ${jh}px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  box-sizing: border-box;
-  background-color: ${e=>e.theme.colors.grey4};
-  position: sticky;
-`,Nh=a.div`
-  color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  padding-left: ${o.sp0};
-  left: ${o.sp0};
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
-  position: static;
-  z-index: 0;
-  box-sizing: border-box;
-`,Vh=a(En)`
-  width: 12px;
-  height: 12px;
-`,Hh=a.div`
-  display: flex;
-  align-items: center;
-  transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-  ${e=>e.headerData.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"};
-`,Wh=a.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-  align-items: center;
-  padding-top: 2px;
-  cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
-  &:hover {
-    color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
-  }
-`,Uh=a(An)`
-  width: ${o.sp2};
-  height: ${o.sp2};
-`,qh=a.div`
-  display: flex;
-  cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
-  gap: 6px;
-  &:hover {
-    color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
-  }
-`,Jh=a(ht)`
-  display: flex;
-`,Un="expenseAutomationTransactionsPage",Vt="transactionCategorizationListTable",Re="account",Ze="class",tt="lineEntitySelection",Kh="lineEntity",Zh="recommendations",Bs="lineInfo",Yh="vendorDetails",Gh="customerDetails",$n="selectedTransactionIds",$t=(e,n,d)=>`${e}.${d}.${n}`,Xh=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M21.7995 14.6384L14.7656 21.6723L11.3086 22.3637L12 18.9067L19.0339 11.8728C19.3997 11.5071 19.8958 11.3016 20.413 11.3016C20.9303 11.3016 21.4263 11.5071 21.7922 11.8728L21.7995 11.8811C21.9808 12.062 22.1246 12.2769 22.2227 12.5134C22.3208 12.75 22.3713 13.0036 22.3713 13.2597C22.3713 13.5158 22.3208 13.7694 22.2227 14.006C22.1246 14.2426 21.9808 14.4575 21.7995 14.6384Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M8.54295 19.5981H3.0117C2.82886 19.6026 2.64701 19.57 2.47718 19.5021C2.30735 19.4342 2.15309 19.3325 2.02376 19.2032C1.89444 19.0739 1.79275 18.9196 1.72487 18.7498C1.65699 18.58 1.62433 18.3981 1.62888 18.2153V4.48579C1.61644 4.10613 1.75499 3.73703 2.01419 3.45934C2.27339 3.18165 2.63209 3.01804 3.0117 3.00433H16.8398C17.2194 3.01804 17.5781 3.18165 17.8373 3.45934C18.0965 3.73703 18.2351 4.10613 18.2226 4.48579V8.53558",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M14.055 8.06982L5.80499 8.06982",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M10.305 12.5698L5.80499 12.5698",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{common:{strings:{underscore:Qh,hyphen:vi,empty:Zt}},expenseAutomation:{transactions:Yt},dateFormat:ep}=je.getLocalizedStrings(),Tt={containerPaddingLeftRight:new Q(g[3],g[4]),containerPaddingTopBottom:new Q(g[1],g[2]),containerPaddingTopBottomEmpty:new Q(g[2],g[3]),nameLogoWidth:new Q(g[2],g[4]),nameLogoHeight:new Q(g[2],g[4])},tp=({transactionView:e,transaction:n,sectionId:d,vendorSearchAutoCompleteData:c,vendorSearchAutoCompleteActions:p,selectedTab:h,containerRef:i,isCOTEnabled:l,cotTracking:r,onTransactionCategorizationRowClick:m,setCurrentTransactionInAction:u,vendorLoadOptions:x,openTooltipId:f,setOpenTooltipId:w})=>{const b=ve(),[y,C]=s.useState(!1),{lineItemById:S,sortedLineItems:E}=n.transactionReviewLocalData,A=n.transactionReviewLocalData.tabSpecificLineItems?.[h]||[],L=E.filter(T=>A.indexOf(T)!==-1),$=[];L.forEach(T=>{$.push(S[T])});const{accountList:j,accountsHierarchyList:k,classHierarchyList:I,classList:R,uncategorizedAccounts:O,transactions:V,selectedCheckBoxTransactionIds:G}=e,B=G.includes(n.transactionId),_=bt(),J={control:()=>({marginLeft:-2,backgroundColor:y?_.colors.background:_.colors.grey5}),valueContainer:()=>({justifyContent:"flex-start",paddingLeft:g[0]}),menu:()=>({width:"150%",background:_.colors.grey5}),singleValue:()=>({color:y||B?_.colors.primary:_.colors.hero,paddingLeft:g[2]}),input:T=>({...T,color:y||B?_.colors.primary:_.colors.hero,textAlign:"left",paddingLeft:g[2]}),menuPortal:T=>({...T,zIndex:10})},Z={...J,singleValue:T=>({...T,color:y||B?_.colors.primary:_.colors.hero}),menu:()=>({marginTop:g[1],marginLeft:-8}),input:T=>({...T,color:y||B?_.colors.primary:_.colors.hero,textAlign:"left"})},F=V.find(T=>T.id===n.transactionId),xe=(T,D)=>{const{transactionType:q}=D.transactionReviewLocalData;let M=T.target;for(;M;){if(M.classList.contains("select-value-container")||M.classList.contains("item-value-container")||M.classList.contains("grouped-single-select-field__value-container")||M.classList.contains("auto-complete-grouped-creatable-single-custom-group-select-field__option")||M.classList.contains("grouped-single-select-field__input")||M.classList.contains("grouped-single-select-field__menu"))return;M=M.parentElement}q!=null&&m(D.transactionId,q)},te=s.useRef(null),[z,U]=s.useState("auto");return s.useEffect(()=>{const T=()=>{if(i.current!=null&&te.current!=null){const D=i.current.getBoundingClientRect(),q=te.current.getBoundingClientRect().top-D.top;U(q>285?"top":"bottom")}};return T(),window.addEventListener("resize",T),window.addEventListener("scroll",T),()=>{window.removeEventListener("resize",T),window.removeEventListener("scroll",T)}},[i]),t.jsx(ip,{onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),windowSize:b,isSelected:B,isHovered:y,children:t.jsx(sp,{children:$.map((T,D)=>t.jsx(ap,{ref:te,"data-testid":N("transaction-categorization-list-row",T.lineId),windowSize:b,onClick:q=>xe(q,n),children:t.jsx(np,{line:T,isHovered:y||B,isSelected:B,lineIndex:D,sectionId:d,transaction:n,currentTransaction:F,windowSize:b,accountsHierarchyList:k,classHierarchyList:I,allAccountList:j,allClassList:R,uncategorizedAccounts:O,vendorSearchAutoCompleteData:c,vendorSearchAutoCompleteActions:p,setCurrentTransactionInAction:u,vendorLoadOptions:x,customStyle:J,customStyleAutoComplete:Z,recommendations:T.recommendationsWithCOT,selectedTab:h,isCOTEnabled:l,menuPlacement:z,cotTracking:r,openTooltipId:f,setOpenTooltipId:w})},`${n.transactionId}.${T.lineId}`))},n.transactionId)},n.transactionId)},np=({accountsHierarchyList:e,allAccountList:n,allClassList:d,classHierarchyList:c,customStyle:p,customStyleAutoComplete:h,line:i,lineIndex:l,transaction:r,currentTransaction:m,windowSize:u,uncategorizedAccounts:x,isHovered:f=!1,isSelected:w=!1,sectionId:b,recommendations:y,vendorSearchAutoCompleteData:C,selectedTab:S,isCOTEnabled:E,menuPlacement:A,cotTracking:L,openTooltipId:$,setCurrentTransactionInAction:j,vendorLoadOptions:k,setOpenTooltipId:I})=>{const{transactionDate:R,transactionType:O,transactionTypeName:V,memo:G}=r.transactionReviewLocalData,{setValue:B}=xo(),_=s.useCallback((ae,fe)=>{L?.onCOTView!=null&&L.onCOTView(i.lineId,r.transactionId,ae,fe)},[L,i.lineId,r.transactionId]),J=$t(b,tt,l.toString()),Z=$t(b,Re,l.toString()),F=$t(b,Ze,l.toString()),xe=(ae,fe)=>{let Te;switch(fe){case"vendor":Te=J;break;case"category":Te=Z;break;case"class":Te=F;break;default:return}B(`${Te}.selectedOption`,ae,{shouldValidate:!0,shouldDirty:!0})},te=bt(),z=s.useMemo(()=>m!=null&&K.isVendorTransaction(m)===!0?{id:r.transactionReviewLocalData.customer?.id??"",logo:r.transactionReviewLocalData.customer?.logo,name:r.transactionReviewLocalData.customer?.name??""}:{id:i.customer?.id??"",logo:i.customer?.logo,name:i.customer?.name??""},[m,i.customer?.id,i.customer?.logo,i.customer?.name,r.transactionReviewLocalData.customer?.id,r.transactionReviewLocalData.customer?.logo,r.transactionReviewLocalData.customer?.name]),U=s.useMemo(()=>m!=null&&K.isVendorTransaction(m)===!0?{id:r.transactionReviewLocalData.vendor?.id??"",logo:r.transactionReviewLocalData.vendor?.logo,name:r.transactionReviewLocalData.vendor?.name??""}:{id:i.vendor?.id??"",logo:i.vendor?.logo,name:i.vendor?.name??""},[m,i.vendor?.id,i.vendor?.logo,i.vendor?.name,r.transactionReviewLocalData.vendor?.id,r.transactionReviewLocalData.vendor?.logo,r.transactionReviewLocalData.vendor?.name]),T=i[Ze]?.classId,D=i[Re]?.qboId??i[Re]?.accountId,q=z?.id,M=U?.id,H=U?.name,[P,ee]=s.useState(!T),[W,oe]=s.useState(!D||i[Re]?.qboId!=null&&[x.expense?.qboId,x.income?.qboId].includes(i[Re].qboId)),[Y,ye]=s.useState(!M||!q),he=ae=>y?.find(fe=>fe.vendor?.qboId===ae||fe.vendor?.id===ae||fe.vendor?.name===ae)?.vendor?.reason??"",Se=r.transactionReviewLocalData.lineItemById[i.lineId]?.recommendationsWithCOT||[],ke=as(e,Se),ce=ss(c,Se),v=ae=>n.filter(fe=>fe.qboId===ae)[0]?.qboId,ne=ae=>d.filter(fe=>fe.classId===ae)[0]?.accountingClassNumber??void 0,re=ae=>[x.expense?.qboId,x.income?.qboId].includes(ae),[pe,Je]=s.useState(!1),[ze,Be]=s.useState(!1),[Ne,me]=s.useState(!1),nt=(ae,fe)=>{j({transactionId:r.transactionId,lineItemId:i.lineId}),k(ae,fe)},vt=()=>{ye(!(M||q)),Je(!1)},jt=()=>{D&&i[Re]?.qboId!=null&&[x.expense?.qboId,x.income?.qboId].includes(i[Re].qboId)?oe(!0):oe(!1),me(!1)},ot=()=>{ee(!T),Be(!1)},Dt=()=>{(M||q)&&Je(!0)},at=()=>{Be(!0)},kt=()=>{me(!0)};s.useEffect(()=>{D&&!(i[Re]?.qboId!=null&&[x.expense?.qboId,x.income?.qboId].includes(i[Re].qboId))?oe(!1):oe(!0)},[D]),s.useEffect(()=>{ee(!T)},[T]),s.useEffect(()=>{ye(!(M||q))},[M,q]);const Ot=r.transactionReviewLocalData.selectedEntity,Mt=r.transactionReviewLocalData.lineItemById[i.lineId].selectedEntityLine,Ie=m!=null&&K.isVendorTransaction(m)===!0?Ot:Mt,de=s.useMemo(()=>{const ae=r.transactionReviewLocalData.lineItemById[i.lineId]?.recommendationsWithCOT||[],fe=C.entityAutoCompleteView;return{selectedOption:Ie?.qboId??Ie?.id,defaultOptions:mo(fe,Ie,ae??[])}},[Ie,r.transactionReviewLocalData.lineItemById,i.lineId,C.entityAutoCompleteView]),ge=()=>Ie!=null&&Ie.logo!=null?t.jsx(ns,{photoUrl:Ie.logo.toString(),styles:{width:Tt.nameLogoWidth.valuePx(u),height:Tt.nameLogoHeight.valuePx(u)},fallbackAvatar:t.jsx(Ii,{children:t.jsx(ln,{name:Ie.name,size:o.sp4})})}):Ie!=null&&Ie.name!=null?t.jsx(Ii,{children:t.jsx(ln,{name:Ie.name,size:o.sp4})}):null,be=(ae,fe)=>{if(fe==null||!fe)return;let Te=[];return ae.forEach(Ve=>{Te=Te.concat(Ve.options)}),Te.find(Ve=>Ve.value===fe)?.label??fe},_e=be(ce,T),$e=be(ke,D),Le=S==="review",pt=Mn("vendor",de.defaultOptions,de.selectedOption),Bt=Mn("category",ke,D),et=Mn("class",ce,T),nn=()=>Ct.map((ae,fe)=>{const Te=`${r.transactionId}_${ae.key}_${i.lineId}`;if(l>0&&m!=null&&K.isVendorTransaction(m)===!0&&ae.key==="vendor")return t.jsx(it,{windowSize:u,wrapperWidth:ae.width},Te);if(l>0&&ae.key==="transaction_type")return t.jsx(it,{windowSize:u,wrapperWidth:ae.width},Te);switch(ae.key){case"vendor":default:return t.jsxs(it,{windowSize:u,wrapperWidth:ae.width,className:"item-value-container",children:[t.jsx(qn,{isCOTEnabled:E,recommendations:Se,type:"vendor",isFirstColumn:!0,isEnabled:!!Ie?.isPreFilled,isMisCategorized:pt,onRecommendationClick:xe,selectedValue:M,selectedValueLabel:H,isReviewTab:Le,isAccountOptionDisabled:re,existingOption:{label:m!=null&&K.isVendorTransaction(m)===!0?m?.vendor?.name:void 0,value:m!=null&&K.isVendorTransaction(m)===!0?m?.vendor?.id:void 0},cotTracking:L,lineId:i.lineId,transactionId:r.transactionId,openTooltipId:$,setOpenTooltipId:I}),t.jsx(Gn,{children:Y===!0?t.jsx(Zn,{isHovered:f,children:t.jsxs(Jn,{onClick:Ve=>{Ve.stopPropagation(),ye(!1),Je(!0)},"data-testid":N("add-vendor-button",b),style:{display:"inline-flex",alignItems:"center",color:Ge.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(Kn,{}),Yt.addPayee]})}):pe===!0?t.jsx(ft,{onClickAway:vt,children:t.jsx(Cp,{"data-testid":N("vendor-selection-dropdown-container",$t(b,tt,l.toString())),children:t.jsx(Ua,{name:J,placeholder:Yt.addPayee,valueToInfo:he,defaultValue:{selectedOption:de.selectedOption,defaultOptions:de.defaultOptions},type:"vendor",autoFocus:!Y,style:{width:"100%"},pageSource:"list_page",transactionStatus:Le?"pending_review":"auto_categorized",isOptionRemovable:!1,customStyleConfig:h,menuIsOpen:pe,onMenuClose:vt,registerOptions:{required:!1},loadOptions:nt,showCOT:E,onCOTView:_,menuPlacement:A})})}):t.jsx(bp,{children:t.jsxs(Yn,{isHovered:f,showOutline:pt&&Ie?.isPreFilled!==!0&&!w&&Le,children:[ge(),t.jsx(yp,{onClick:Dt,"data-testid":N("vendor-name-text",b),children:Ie!=null&&Ie.name?t.jsx(Qe,{text:Ie.name,itemTextStyle:{color:f?te.colors.primary:te.colors.hero}}):t.jsx(wp,{children:vi})})]})})})]},Te);case"category":{const Ve=m?.lines!=null?m?.lines[l]:void 0;return t.jsxs(it,{windowSize:u,wrapperWidth:ae.width,className:"item-value-container",children:[t.jsx(qn,{isCOTEnabled:E,recommendations:Se,type:"category",isFirstColumn:!1,isReviewTab:Le,isEnabled:!!i[Re]?.isPreFilled,isAccountOptionDisabled:re,isMisCategorized:Bt,onRecommendationClick:xe,selectedValue:D,selectedValueLabel:$e,existingOption:{label:Ve?.account?.accountName,value:Ve?.account?.qboId??Ve?.account?.accountId},cotTracking:L,lineId:i.lineId,transactionId:r.transactionId,openTooltipId:$,setOpenTooltipId:I}),t.jsx(Gn,{children:W===!0?t.jsx(Zn,{isHovered:f,children:t.jsxs(Jn,{onClick:mt=>{mt.stopPropagation(),oe(!1),me(!0)},"data-testid":N("category-selection-field",Z),style:{display:"inline-flex",alignItems:"center",color:Ge.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(Kn,{}),Yt.addCategory]})}):Ne===!0?t.jsx(ft,{onClickAway:jt,children:t.jsx($i,{isHovered:f,"data-testid":N("category-selection-dropdown-container",Z),children:t.jsx(Oo,{name:Z,placeholder:Yt.addCategory,valueToId:mt=>v(mt),type:"category",pageSource:"list_page",transactionStatus:Le?"pending_review":"auto_categorized",showCOT:E,defaultValue:{selectedOption:D,allOptions:ke},style:{display:"flex",flexGrow:1,width:"100%",cursor:"inherit"},registerOptions:{required:!1},menuIsOpen:Ne,autoFocus:!W&&(!D||i[Re]?.qboId!=null&&[x.expense?.qboId,x.income?.qboId].includes(i[Re].qboId)),onMenuClose:jt,customStyleConfig:p,disableCurrentOption:re,menuPlacement:A,onCOTView:_})})}):t.jsx(Yn,{isHovered:f,showOutline:Bt&&i[Re]?.isPreFilled!==!0&&!w&&Le,children:t.jsx(Li,{onClick:kt,"data-testid":N("category-label-text",Z),children:t.jsx(Qe,{text:$e??"",itemTextStyle:{color:f?te.colors.primary:te.colors.hero}})})})})]},Te)}case"class":{const Ve=m?.lines!=null?m?.lines[l]:void 0;return t.jsxs(it,{windowSize:u,wrapperWidth:ae.width,className:"item-value-container",children:[t.jsx(qn,{isCOTEnabled:E,recommendations:Se,type:"class",isFirstColumn:!1,isReviewTab:Le,isEnabled:!!i[Ze]?.isPreFilled,isAccountOptionDisabled:re,isMisCategorized:et,onRecommendationClick:xe,selectedValue:T,selectedValueLabel:_e,existingOption:{label:Ve?.class?.className,value:Ve?.class?.classId},cotTracking:L,lineId:i.lineId,transactionId:r.transactionId,openTooltipId:$,setOpenTooltipId:I}),t.jsx(Gn,{children:P===!0?t.jsx(Zn,{isHovered:f,children:t.jsxs(Jn,{onClick:mt=>{mt.stopPropagation(),ee(!1),Be(!0)},"data-testid":N("class-selection-field",F),style:{display:"inline-flex",alignItems:"center",color:Ge.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(Kn,{}),Yt.addClass]})}):ze===!0?t.jsx(ft,{onClickAway:ot,children:t.jsx($i,{isHovered:f,"data-testid":N("class-selection-dropdown-container",F),children:t.jsx(Oo,{name:F,placeholder:Yt.addClass,valueToId:mt=>ne(mt),type:"class",showCOT:E,defaultValue:{selectedOption:T,allOptions:ce},pageSource:"list_page",transactionStatus:Le?"pending_review":"auto_categorized",menuIsOpen:ze,registerOptions:{required:!1},style:{width:"100%"},autoFocus:!P&&!T,customStyleConfig:p,onMenuClose:ot,menuPlacement:A,onCOTView:_})})}):t.jsx(Yn,{isHovered:f,showOutline:et&&i[Ze]?.isPreFilled!==!0&&!w&&Le,children:t.jsx(Li,{"data-testid":N("class-selection-field",F),onClick:at,children:t.jsx(Qe,{text:_e??"",itemTextStyle:{color:f?te.colors.primary:te.colors.hero}})})})})]},Te)}case"date":return t.jsx(it,{windowSize:u,wrapperWidth:ae.width,children:t.jsx(en,{windowSize:u,isLastItem:fe===Ct.length-1,children:t.jsx(uo,{"data-testid":N("date-field",$t(b,Ze,l.toString())),children:t.jsx(lp,{style:{color:f?te.colors.primary:te.colors.hero},children:R!=null?R.format(ep.visual.MMMDCommaYYYYformat):null})})})},Te);case"transaction_type":return t.jsx(it,{windowSize:u,wrapperWidth:ae.width,children:t.jsx(en,{windowSize:u,"data-testid":N("transaction-type-field",$t(b,Ze,l.toString())),isLastItem:fe===Ct.length-1,children:V!=null?t.jsx(Ha,{textColor:f?new go(te.colors.primary):Wa(void 0,te),text:V??O}):null})},Te);case"memo":return t.jsx(it,{windowSize:u,wrapperWidth:ae.width,children:t.jsx(en,{style:{lineHeight:o.sp3},windowSize:u,isLastItem:fe===Ct.length-1,"data-testid":N("memo-field",$t(b,Ze,l.toString())),children:G&&l==0?t.jsx(we,{placement:"bottom",title:G,children:t.jsx(dp,{style:{color:f?te.colors.primary:te.colors.hero}})}):l==0?t.jsx(cp,{children:vi}):null})},Te);case"amount":{const Ve=qe("0,0.[00]",i.amount,!0);return t.jsx(it,{windowSize:u,style:{paddingRight:g[4]},wrapperWidth:ae.width,children:t.jsx(en,{windowSize:u,isLastItem:fe===Ct.length-1,children:t.jsx(uo,{"data-testid":N("transaction-amount-field",$t(b,Ze,l.toString())),style:{color:f?te.colors.primary:te.colors.hero},children:Ve})})},Te)}}});return t.jsx(t.Fragment,{children:nn()})},ji=({isEnabled:e,isReviewTab:n,isMisCategorized:d,hasRecommendations:c,isTooltipVisible:p=!1})=>e?n?p?t.jsx(pp,{}):t.jsx(up,{}):p?t.jsx(hp,{}):t.jsx(mp,{className:"ai-icon-selected-plain"}):!e&&d||c?p?t.jsx(xp,{}):t.jsx(gp,{}):null,ki=({isFirstColumn:e,children:n})=>t.jsx(_s,{isFirstColumn:e,children:n}),qn=({recommendations:e,isCOTEnabled:n,type:d,isReviewTab:c,selectedValueLabel:p,isFirstColumn:h,isEnabled:i=!1,isMisCategorized:l=!1,selectedValue:r,existingOption:m,cotTracking:u,lineId:x,openTooltipId:f,transactionId:w,isAccountOptionDisabled:b,onRecommendationClick:y,setOpenTooltipId:C})=>{const S=s.useMemo(()=>`${w}:${x}:${d}`,[w,x,d]),E=f===S,A=Ka().analytics,{createAlternateRecommendationCallback:L}=Za(),$=s.useCallback(G=>{const B=e[1],_=e[0];L(d,{currentValue:p??Zt,transactionCurrentStatus:c?"pending_review":"auto_categorized",transactionPage:"list_page",cotTracking:u?{transactionId:w,lineId:x,onCOTView:(J,Z,F,xe)=>{u.onCOTView?.(J,Z,F,xe)}}:void 0},B,_)(G)},[L,e,p,c,d,u,x,w]),j=Ya(e,d,n,m,"list_page",c?"pending_review":"auto_categorized",y,$,r,b),k=Ga(e,d),I=s.useCallback(()=>{C(S);const G=j?.recommendations[0]?.cot??[],B=j?.recommendations[1]?.cot??[],_=B.length>0;if(A.trackTransactionCotView({recommendationFor:d,currentValue:p??Zt,recommendation:j?.recommendations[0]?.name??Zt,recommendationCot:G,isRecommendationCotAvailable:G.length>0,recommendationReason:j?.recommendations[0]?.reason??Zt,recommendationConfidencePercentage:j?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:Eo(Ro(j?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:j?.recommendations[1]?.name??Zt,alternativeRecommendationCot:B,isAlternativeRecommendationCotAvailable:_,alternativeRecommendationReason:j?.recommendations[1]?.reason??Zt,alternativeRecommendationConfidencePercentage:j?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:_?Eo(Ro(j?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()):null,transactionCurrentStatus:c?"pending_review":"auto_categorized",transactionPage:"list_page"}),u?.onCOTView!=null){const J=Xa(j);J!=null&&u.onCOTView(x,w,d,J)}},[A,j,c,p,d,x,w,S,C]),R=s.useCallback(()=>{f===S&&C(void 0)},[f,S,C]),O=s.useMemo(()=>!r||!k?!1:e.some(G=>d==="vendor"&&G.vendor!=null?G.vendor.id===r||G.vendor.qboId===r:d==="category"&&G.account!=null?G.account.qboId===r||G.account.accountId===r:d==="class"&&G.class!=null?G.class.classId===r:!1),[r,k,e,d]);if(!k)return t.jsx(_s,{isFirstColumn:h});const V=i||O;return j?t.jsx(ki,{isFirstColumn:h,children:t.jsx(we,{variant:"chain-of-thought",data:j,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:E,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:I,onClose:R,children:t.jsx(fp,{children:t.jsx(ji,{isEnabled:V,isReviewTab:c,isMisCategorized:l,hasRecommendations:k,isTooltipVisible:E})})})}):t.jsx(ki,{isFirstColumn:h,children:t.jsx(ji,{isEnabled:V,isReviewTab:c,isMisCategorized:l,hasRecommendations:k,isTooltipVisible:E})})},Fs=()=>{const e=ve(),n=s.useRef(null),[d,c]=s.useState(0);return s.useLayoutEffect(()=>{n.current&&c(n.current.offsetWidth)},[e]),t.jsx(op,{windowSize:e,ref:n,children:Ct.map((p,h)=>{const i=`${h}${Qh}${p.key}`;switch(p.key){case"vendor":return t.jsx(it,{windowSize:e,wrapperWidth:p.width,children:t.jsx(en,{windowSize:e,isLastItem:h===Ct.length-1,children:t.jsxs(uo,{children:[t.jsx(fo,{width:g[4],height:g[4]}),t.jsx(Et,{width:d*p.width.value(e)/100,height:g[4],style:{display:"flex",alignItems:"center"}})]})})},i);default:return t.jsx(it,{windowSize:e,wrapperWidth:p.width,children:t.jsx(en,{windowSize:e,isLastItem:h===Ct.length-1,children:t.jsx(Et,{width:d*p.width.value(e)/100,height:g[4],style:{display:"flex",alignItems:"center"}})})},i)}})})},op=a.div`
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>Tt.containerPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>Tt.containerPaddingLeftRight.valuePx(e.windowSize)};
-  padding-top: ${e=>Tt.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
-  padding-bottom: ${e=>Tt.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  &:hover {
-    border-color: ${e=>e.theme.colors.primary};
-  }
-
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: space-between;
-`,ip=a.div`
-  display: flex;
-  height: 100%;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
-  color: ${e=>e.theme.colors.hero};
-  border-color: ${e=>e.isSelected?e.theme.colors.primary:"none"};
-  cursor: pointer;
-  &:hover {
-    border-color: ${e=>e.theme.colors.primary};
-  }
-
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: space-between;
-
-  .ai-icon-selected-plain {
-    color: ${e=>e.theme.colors.hero};
-  }
-
-  ${({isHovered:e,theme:n})=>e?Ye`
-          .ai-icon-selected-plain {
-            color: ${n.colors.primary};
-          }
-        `:null};
-`,sp=a.div`
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  width: 100%;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: space-around;
-`,ap=a.div`
-  display: flex;
-  flex: 1;
-  flex-direction: row;
-  width: 100%;
-  align-items: center;
-  justify-content: space-between;
-  height: ${o.sp8};
-  padding-top: ${e=>Tt.containerPaddingTopBottom.valuePx(e.windowSize)};
-  padding-bottom: ${e=>Tt.containerPaddingTopBottom.valuePx(e.windowSize)};
-`,it=a.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  position: relative;
-  width: ${e=>`calc(${e.wrapperWidth.valuePercentage(e.windowSize)} - ${o.sp4})`};
-  min-width: ${e=>`calc(${e.wrapperWidth.valuePercentage(e.windowSize)} - ${o.sp4})`};
-  :last-of-type {
-    padding-right: ${o.sp0};
-  }
-`,rp=Ye`
-  word-break: break-word;
-  white-space: nowrap;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-`,en=a(Me)`
-  overflow: hidden;
-  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
-  display: flex;
-  width: 100%;
-  align-items: center;
-`,uo=a.div`
-  display: flex;
-  flex-direction: row;
-  column-gap: ${o.sp2};
-  align-items: center;
-`,lp=a(Me)`
-  ${rp};
-  color: ${e=>e.theme.colors.hero};
-`,Jn=a(Me)`
-  color: ${e=>e.theme.colors.hero};
-`,Kn=a(Rn)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin: ${o.sp1};
-`,cp=a.div`
-  margin: ${o.sp3};
-`,dp=a(Xh)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-left: 10px;
-`,up=a(nr)`
-  width: ${o.sp5};
-  height: ${o.sp5};
-`,hp=a(ar)`
-  width: ${o.sp5};
-  height: ${o.sp5};
-`,pp=a(tr)`
-  width: ${o.sp5};
-  height: ${o.sp5};
-`,mp=a(rr)`
-  width: ${o.sp5};
-  height: ${o.sp5};
-`,gp=a(dn)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  path {
-    stroke-width: 2;
-  }
-`,xp=a(or)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,_s=a.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${o.sp5};
-  margin-left: ${e=>e.isFirstColumn?o.sp2:o.sp0};
-  height: 100%;
-`,fp=a.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: auto;
-  cursor: pointer;
-`,yp=a(Me)`
-  display: flex;
-  max-width: calc(100% - ${o.sp6});
-  flex: 1 1 auto;
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-  align-items: center;
-  overflow: hidden;
-  display: flex;
-`,Ii=a.div`
-  display: flex;
-`,Cp=a.div`
-  width: 100%;
-  padding-left: 10px;
-  margin-left: ${o.sp0};
-  border-radius: ${o.sp1};
-  background-color: ${e=>e.theme.colors.background};
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-`,Zn=a.div`
-  padding: ${o.sp0} ${o.sp2};
-  border-radius: ${o.sp1};
-  margin-left: ${o.sp0};
-  width: 100%;
-  background-color: ${e=>e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
-`,$i=a.div`
-  width: 100%;
-  border-radius: ${o.sp1};
-  padding-left: 2px;
-  background-color: ${e=>e.theme.colors.background};
-  background-color: ${e=>e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-`,wp=a(Me)``,bp=a.div`
-  width: 100%;
-  display: flex;
-  padding-left: ${o.sp0};
-`,Yn=a.div`
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${o.sp2};
-  padding: ${o.sp2};
-  padding-left: ${o.sp2};
-  border-radius: ${o.sp1};
-  background-color: ${e=>e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
-  outline: ${e=>e.showOutline?`1px dashed ${e.theme.colors.grey1}`:"none"};
-  outline-color: ${e=>e.isHovered&&e.theme.colors.primary};
-`,Li=a.div``,Gn=a.div`
-  display: flex;
-  align-items: center;
-  width: calc(100% - ${o.sp5});
-`,Sp=({sortConfig:e,fetchState:n,isDisabled:d,onColumnSortConfigChanged:c})=>{const p=ve();return t.jsxs(vp,{windowSize:p,children:[t.jsx(Ms,{sortConfig:e,isDisabled:n==="In-Progress"?"readonly":d,onColumnSortConfigChanged:c,"data-testid":N("transaction-categorization-list-empty-table-header")}),t.jsx(jp,{windowSize:p,"data-testid":N("transaction-categorization-list-empty-rows-container"),children:[...Array(3)].map((h,i)=>t.jsx(Fs,{"data-testid":N("transaction-categorization-list-empty-row",i.toString())},i))})]})},vp=a.div`
-  display: block;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-left: ${o.sp8};
-  padding-right: ${o.sp8};
-`,jp=a.div`
-  display: flex;
-  flex: 1;
-  min-height: 100%;
-  flex-direction: column;
-  row-gap: ${o.sp3};
-`,{common:kp}=je.getLocalizedStrings(),Xn={rowGap:new Q(g[0],g[2],g[3])},Ip=({selectedTab:e,transactionView:n,receiptUploadEndpoint:d,authParams:c,sectionId:p,isCOTEnabled:h,isDisabled:i,vendorSearchAutoCompleteActions:l,vendorSearchAutoCompleteData:r,setCurrentTransactionInAction:m,vendorLoadOptions:u,onTransactionCategorizationRowClick:x,onUpdateTransactionCategorizationUIState:f,onUpdateScrollYOffSetTransactionCategorizationUIState:w,onFetchTransactionCategorizationList:b,containerRef:y,cotTracking:C})=>{const S=ve(),[E,A]=s.useState(void 0),{fetchState:L,uiState:$,transactionLocalData:j,selectedCheckBoxTransactionIds:k,transactions:I,uncategorizedAccounts:R}=n,O=s.useRef(null),V=s.useRef({}),{control:G}=xo();s.useEffect(()=>{O.current?.resetAfterIndex(0,!0)},[S,O,j]),s.useEffect(()=>{O.current?.scrollTo($.scrollPosition?.scrollTop??0)},[e]);const B=s.useCallback(W=>{if(V.current?.[W]!=null){const ye=S==="small"&&$.pageToken==null&&W===j.length-1?Xn.rowGap.value("medium-regular"):Xn.rowGap.value(S);return V.current[W]+ye}if(j[W]==null)return 0;const oe=j[W].transactionReviewLocalData,Y=Object.keys(oe.lineItemById).length;return Y!=null&&!isNaN(Y)&&Y>1?bi*Y+Xn.rowGap.value(S)*(Y-1):bi},[j,S,$.pageToken,$.sortKey,$.sortOrder]),_=s.useCallback((W,oe)=>{V.current={...V.current,[W]:oe},O.current?.resetAfterIndex(0,!0)},[S,O,j,$.sortKey,$.sortOrder]),J=s.useCallback(()=>{($.pageToken!=null&&n.refreshStatus.fetchState!=="In-Progress"||n.refreshStatus.fetchState==="Completed")&&b(e,$.searchString,!0,$.pageToken,!0,!1)},[n.refreshStatus.fetchState,b,e,$.pageToken,$.searchString,$.sortKey,$.sortOrder]),Z=s.useCallback(()=>{$.pageToken!=null&&J()},[J,$.pageToken,$.sortKey,$.sortOrder]),F=Oa(W=>w(e,{scrollPosition:{scrollTop:W}}),1e3,{trailing:!0}),xe=W=>W<n.transactionLocalData.length,te=(W,oe)=>{f(e,{sortOrder:oe,sortKey:W}),b(e,$.searchString,!1,null,!1,!0)},z=W=>{if(e==="autoCategorized")return!k.includes(W);const oe=j.find(ye=>ye.transactionId===W)?.transactionReviewLocalData,Y=I.find(ye=>ye.id===W);return Y!=null&&oe!=null?!K.checkIfAllLineItemsAreCategoryClassFilled(Y,oe,R):k.length===0?!0:!k.includes(W)};let U=[],T=[];(L==="Completed"||n.transactionLocalData.length>0)&&(T=n.transactionLocalData.map((W,oe)=>{const Y=W.transactionReviewLocalData;return{label:t.jsx(tp,{transactionView:n,sectionId:`${p}.${oe}.${Bs}`,transaction:W,receiptUploadEndpoint:d,authParams:c,onTransactionCategorizationRowClick:x,vendorLoadOptions:u,setCurrentTransactionInAction:m,vendorSearchAutoCompleteActions:l,vendorSearchAutoCompleteData:r,selectedTab:e,containerRef:y,isCOTEnabled:h,cotTracking:C,openTooltipId:E,setOpenTooltipId:A},`${W.transactionId}.${Y.transactionType}`),value:W.transactionId,defaultChecked:!1,groupLabel:!1,isException:!1,isSticky:!0,isDisabled:z(W.transactionId)===!0?"readonly":void 0}}),U=T.map(W=>W.value));const D={label:"All",value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},{title:q,subTitle:M}=He("transaction_categorization").allDoneText,H=j.map(W=>W.transactionId),P=s.useMemo(()=>n.totalCountByTab[e],[e,n.totalCountByTab]),ee=s.useMemo(()=>j.reduce((W,oe)=>{const Y=Object.keys(oe.transactionReviewLocalData.lineItemById).length;return W+(Y>0?Y:1)},0)<n.totalCountByTab[e]?j.length+1:j.length,[j,n.totalCountByTab,e]);return t.jsx(Ep,{windowSize:S,"data-testid":N("transaction-categorization-list-wrapper"),children:t.jsx(Rp,{windowSize:S,"data-testid":N("transaction-categorization-list-container"),children:L==="Error"?t.jsxs(Op,{windowSize:S,"data-testid":N("transaction-categorization-reload-page"),children:[t.jsx(Mp,{onClick:()=>b(e,void 0,!0,null,!1,!0),"data-testid":N("transaction-categorization-reload-icon"),children:t.jsx(po,{})}),t.jsx(Bp,{"data-testid":N("transaction-categorization-reload-label"),children:kp.reloadPage.label})]}):L==="Completed"&&j.length===0?t.jsx(wt,{tab:"transaction_categorization",title:q,subTitle:M,"data-testid":N("transaction-categorization-empty-table-section")}):L==="Not-Started"||L==="In-Progress"&&j.length===0?t.jsx(Sp,{sortConfig:{sortKey:$.sortKey,sortOrder:$.sortOrder},fetchState:L,onColumnSortConfigChanged:te,"data-testid":N("transaction-categorization-list-empty-table")}):t.jsx(Dp,{windowSize:S,"data-testid":N("transaction-categorization-list-view"),children:t.jsx(ts,{control:G,name:"selectedTransactionIds",defaultValue:[],render:({field:{value:W,ref:oe,onChange:Y}})=>t.jsx(Ps.Provider,{value:{value:W,mode:"off",allCheckBoxValues:U,index:0,sortKey:$.sortKey,sortOrder:$.sortOrder,fetchState:L,isDisabled:i,groupLabelCheckBox:D,onColumnSortConfigChanged:te,ref:oe,onChange:Y,selectedTab:e},children:t.jsx(Ln,{children:({height:ye,width:he})=>t.jsx(Ma,{isItemLoaded:xe,itemCount:P,loadMoreItems:Z,children:({onItemsRendered:Se,ref:ke})=>t.jsx(Tn,{ref:ce=>{ke(ce),O.current=ce},height:ye,itemCount:ee,itemKey:ce=>j[ce]?.transactionId,innerElementType:$p,onItemsRendered:Se,width:he,style:{willChange:"auto"},overscanCount:vh,itemSize:B,itemData:{checkboxes:T,value:W,allCheckBoxValues:U,groupLabelCheckBox:D,categorizationGroupValue:H,transactionLocalData:j,mode:"always_on",setRowHeight:_,isItemLoaded:xe,ref:ke,onChange:Y,selectedCheckBoxTransactionIds:k},initialScrollOffset:n.uiState.scrollPosition?.scrollTop,onScroll:({scrollOffset:ce})=>{F(ce)},children:Tp})})})})})})})})},$p=e=>{const{value:n,allCheckBoxValues:d,groupLabelCheckBox:c,index:p,isDisabled:h,fetchState:i,sortKey:l,sortOrder:r,mode:m,ref:u,onChange:x,onColumnSortConfigChanged:f}=Lp(),{children:w,style:b,...y}=e;return i==="Completed"?t.jsxs(Fp,{ref:u,style:{...b,width:"auto"},...y,children:[t.jsx(_p,{children:t.jsx(rs,{selectionLimit:K.MAX_SELECTION_LIMIT,value:n,checkBox:{label:t.jsx(Ap,{children:t.jsx(Ms,{sortConfig:{sortKey:l,sortOrder:r},isDisabled:h,onColumnSortConfigChanged:f})}),value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},isDisabled:"disabled",groupLabelCheckBox:c,allCheckBoxValues:d,mode:m,draggable:!1,checkBoxStyle:{padding:20},labelCheckBoxStyle:{padding:o.sp3},name:"transactionCategorizationHeader",index:p,onChangeHandler:C=>ls({event:C,value:n,allCheckBoxValues:d,groupLabelCheckBox:c,onChange:x}),ref:u})}),t.jsx(Pp,{children:w})]},`${d[p]}-${p}`):null},Ps=s.createContext(void 0),Lp=()=>{const e=s.useContext(Ps);if(!e)throw new Error("useStickyContext must be used within a StickyProvider");return e},Tp=({index:e,style:n,data:d})=>{const{checkboxes:c,value:p,groupLabelCheckBox:h,categorizationGroupValue:i,allCheckBoxValues:l,transactionLocalData:r,isItemLoaded:m,setRowHeight:u,ref:x,onChange:f,selectedCheckBoxTransactionIds:w}=d,b=s.useRef(null),y=ve();if(s.useEffect(()=>{b.current?.firstElementChild!=null&&u(e,b.current.firstElementChild.clientHeight)},[e,b,y,r[e]?.transactionReviewLocalData]),m(e)===!0){const C=c[e];return t.jsx(Ti,{style:{...n,paddingBottom:o.sp0,paddingRight:o.sp8,width:"100%",flex:"1"},ref:b,children:t.jsx(rs,{selectionLimit:K.MAX_SELECTION_LIMIT,checkBox:C,value:p,groupLabelCheckBox:h,allCheckBoxValues:l,mode:C.isDisabled==="readonly"||w.includes(C.value)===!1&&w.length>=K.MAX_SELECTION_LIMIT?"off":"always_on",draggable:!1,isDisabled:C.isDisabled,checkBoxStyle:{padding:20},labelCheckBoxStyle:{padding:o.sp3},name:`${Vt}.${p}`,ref:x,index:e,onChangeHandler:S=>ls({event:S,value:p,allCheckBoxValues:l,groupLabelCheckBox:h,onChange:f})})},i[e])}else return t.jsx(Ti,{style:{...n,paddingBottom:o.sp0,paddingRight:o.sp8,width:"100%",flex:"1"},ref:b,children:t.jsx(zp,{children:t.jsx(Fs,{})})},Ki())},Ap=a.div`
-  flex: 1;
-  width: auto;
-  padding-right: ${o.sp8};
-`,Ep=a.div`
-  width: 100%;
-  height: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Rp=a.div`
-  height: 100%;
-`,Dp=a.div`
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  max-width: 99.9%;
-`,Op=a.div`
-  display: flex;
-  width: 100%;
-  height: ${e=>`calc(100% - ${es.valuePx(e.windowSize)})`};
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,Mp=a.div`
-  height: 96px;
-  width: 96px;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${o.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Bp=a(St)`
-  margin-top: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,Ti=a.div`
-  top: ${o.sp0};
-  left: ${o.sp0};
-  padding-bottom: ${o.sp3};
-  box-sizing: border-box;
-`,Fp=a.div`
-  background-color: ${e=>e.theme.colors.grey4};
-`,_p=a.div`
-  top: 0;
-  left: 0;
-  width: 100%;
-  min-width: 100%;
-  z-index: 11;
-  display: flex;
-  align-items: center;
-  position: sticky;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Pp=a.div`
-  position: relative;
-  width: auto;
-  height: 100%;
-`,zp=a.div`
-  padding-left: ${o.sp8};
-`,Np=({selectedTab:e,transactionView:n,receiptUploadEndpoint:d,authParams:c,sectionId:p,vendorSearchAutoCompleteData:h,vendorSearchAutoCompleteActions:i,isCOTEnabled:l,setCurrentFooterFormId:r,setLocalDataForCategoryAndClass:m,onTransactionCategorizationRowClick:u,onUpdateTransactionCategorizationUIState:x,onUpdateScrollYOffSetTransactionCategorizationUIState:f,onFetchTransactionCategorizationList:w,onSaveUpdateTransactionCategorization:b,onUpdateSelectedCheckboxTransactionIds:y,onFetchRecommendationsForEntityCategorization:C,onFetchRecommendationsForEntityCategorizationWithCustomer:S})=>{const[E,A]=s.useState({transactionId:void 0,lineItemId:void 0}),L=s.useRef(),$=s.useRef({}),j=(z,U,T,D)=>{const q={...$.current};q[U]==null&&(q[U]=[]);let M=q[U].findIndex(H=>H.lineId===z);if(M===-1){const H={lineId:z,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}};q[U].push(H),M=q[U].length-1}else{const H=q[U][M];q[U][M]={...H,category:{...H.category,recommendationTypesViewed:[...H.category.recommendationTypesViewed]},class:{...H.class,recommendationTypesViewed:[...H.class.recommendationTypesViewed]},vendor:{...H.vendor,recommendationTypesViewed:[...H.vendor.recommendationTypesViewed]}}}D!=null&&D!==""&&!q[U][M][T].recommendationTypesViewed.includes(D)&&q[U][M][T].recommendationTypesViewed.push(D),$.current=q},{transactions:k,transactionLocalData:I,accountsHierarchyList:R,classHierarchyList:O,accountList:V,classList:G,selectedCheckBoxTransactionIds:B,uncategorizedAccounts:_}=n,J=Ht({mode:"all",reValidateMode:"onChange",defaultValues:s.useMemo(()=>Ei(B,I,R,O,h.entityAutoCompleteView),[R,O,B,I,h.entityAutoCompleteView]),values:s.useMemo(()=>Ei(B,I,R,O,h.entityAutoCompleteView),[R,O,B,I,h.entityAutoCompleteView]),resetOptions:{keepDefaultValues:!0,keepDirty:!1}});s.useEffect(()=>()=>{r("expenseAutomationPage")},[]),s.useEffect(()=>{B.length>0?r(Un):r("expenseAutomationPage")},[B,r]);const Z=J.handleSubmit(z=>{const U=z[$n],T=$.current;b(e,U,T),U.forEach(D=>{delete $.current[D]})}),F=async(z,U)=>{if(z!=null){if(z===$n){const T=J.getValues($n);if(T.length<B.length){y(e,T);return}if(T.length===K.MAX_SELECTION_LIMIT){y(e,T);return}const D=T[T.length-1],q=U[Vt].findIndex(H=>H.transactionId===D),M=J.getValues(`${Vt}.${q}.lineInfo`);if(M!=null)if(M.every(H=>!!H[Re].selectedOption&&H[Re].selectedOption!=null&&![_.expense?.qboId,_.income?.qboId].includes(H[Re].selectedOption)&&!!H[Ze].selectedOption&&!!H[tt].selectedOption)===!0){y(e,T);return}else{const H=T.filter(P=>P!==D);y(e,H);return}return}if(z.includes(Re)===!0||z.includes(Ze)===!0){const T=parseInt(z.split(".")[1]),D=parseInt(z.split(".")[3]),q=J.getValues(`${Vt}.${T}.lineInfo`),M=q[D];if(z.includes(Re)||z.includes(Ze)){const{transactionId:H,lineId:P,recommendations:ee}=M;if(q!=null){const W=M[Re].selectedOption,oe=M[Ze].selectedOption,Y=M[tt].selectedOption,ye=M[tt].selectedOption,he=M[tt].defaultOptions,Se=he?.find(me=>me.options?.find(nt=>nt.value===Y))?.options?.find(me=>me.value===Y)?.label,ke=he?.find(me=>me.options?.find(nt=>nt.value===ye))?.options?.find(me=>me.value===ye)?.label,ce=h.entityAutoCompleteView.vendor.find(me=>me.qboId===Y),v=h.entityAutoCompleteView.customer.find(me=>me.qboId===ye),ne=ee.find(me=>me.vendor?.qboId===Y)?.vendor,re=Y||ce?.qboId||ne?.qboId?{id:Y??ce?.qboId??ne?.qboId??"",name:Se??ce?.name??ne?.name??"",logo:ce?.logo??ne?.logo}:void 0,pe=ye||v?.qboId?{id:ye??v?.qboId??"",name:ke??v?.name??"",logo:v?.logo}:void 0,Je=V.find(me=>me.qboId===W),ze=G.find(me=>me.classId===oe),Be=n.transactionLocalData.find(me=>me.transactionId===H)?.transactionReviewLocalData.lineItemById[P].account,Ne=n.transactionLocalData.find(me=>me.transactionId===H)?.transactionReviewLocalData.lineItemById[P].class;m(e,H,P,k,re?.id,pe?.id,z.includes(Re)&&Je!=null?{...Je,isPreFilled:!1}:Be,z.includes(Ze)&&ze!=null?{...ze,isPreFilled:!1}:Ne,void 0,ee)}return}}if(z.includes(tt)){const T=parseInt(z.split(".")[1]),D=parseInt(z.split(".")[3]),q=J.getValues(`${Vt}.${T}.lineInfo`);if(q!=null){const M=q[D],{transactionId:H,recommendations:P}=M,ee=M[tt].selectedOption,W=M[tt].selectedOption,oe=M[tt].defaultOptions,Y=oe?.flatMap(pe=>pe.options)?.find(pe=>pe.value===ee)?.label,ye=oe?.flatMap(pe=>pe.options)?.find(pe=>pe.value===W)?.label,he=h.entityAutoCompleteView.vendor.find(pe=>pe.qboId===ee),Se=h.entityAutoCompleteView.customer.find(pe=>pe.qboId===W),ke=P.find(pe=>pe.vendor?.qboId===ee||pe.vendor?.name===Y)?.vendor,ce=he?.id??ke?.id??ee,v=he!=null||ke!=null?{id:he?.qboId??ke?.qboId??ee??"",name:Y??he?.name??ke?.name??"",logo:he?.logo??ke?.logo}:void 0,ne=Se?.qboId?{id:Se?.qboId??W??"",name:ye??Se?.name??"",logo:Se?.logo}:void 0,re=k.find(pe=>pe.id===H);if(re!=null){const pe=n.transactionLocalData.find(Ne=>Ne.transactionId===re.id)?.transactionReviewLocalData,Je=pe?.lineItemById[M.lineId],ze=K.isVendorTransaction(re)===!0?pe?.selectedEntity:Je?.selectedEntityLine,Be=v!=null&&v.id!=null&&v.id?{id:v.id,name:v.name,type:"vendor",qboId:v.id,zeniId:v.id,logo:v.logo,isPreFilled:ze?.id===ce&&ze?.isPreFilled}:ne!=null&&ne.id!=null&&ne.id?{id:ne.id,name:ne.name,type:"customer",qboId:ne.id,zeniId:ne.id,logo:ne.logo}:void 0;Be!=null&&Be.type==="customer"?S(M.amount.amount,{transactionId:{id:re.id,type:re.type},transaction:re,lineIds:re.type!=="journal_entry"?re.lines?.map(Ne=>Ne.id)??[]:[M.lineId]},!1,e,Be,ne):C(M.amount.amount,{transactionId:{id:re.id,type:re.type},transaction:re,lineIds:re.type!=="journal_entry"?re.lines?.map(Ne=>Ne.id)??[]:[M.lineId]},!1,e,Be,Y==null||Y===ee?{id:"",name:M[tt].selectedOption??""}:v)}}i.onCancelAutoComplete?.();return}}};s.useEffect(()=>{const z=J.watch((U,{name:T})=>{T!=null&&U!=null&&un(()=>F(T,U))});return()=>{z.unsubscribe()}}),s.useEffect(()=>{if(h.entityAutoCompleteView.fetchState==="Completed"){const z=n.transactionLocalData.find(U=>U.transactionId===E.transactionId);if(z){const{transactionReviewLocalData:U}=z,{selectedEntity:T}=U,D=E?.lineItemId??U.sortedLineItems[0],q=U.lineItemById[D],M=q.selectedEntityLine;L.current?.(mo(h.entityAutoCompleteView,T??M,q?.recommendationsWithCOT??[]))}A({transactionId:void 0,lineItemId:void 0})}},[h.entityAutoCompleteView.fetchState]);const xe=(z,U)=>{i.onAutoCompleteInputChange?.(z),L.current=U},te=s.useRef(null);return t.jsx(Hp,{ref:te,"data-testid":N("transaction-categorization-list-page"),children:t.jsx(Wt,{...J,children:t.jsx("form",{id:Ai(Un),onSubmit:Z,style:{height:"100%",width:"100%"},"data-testid":N(Ai(Un)),children:t.jsx(Ip,{selectedTab:e,sectionId:p,transactionView:n,receiptUploadEndpoint:d,authParams:c,setCurrentTransactionInAction:A,onUpdateTransactionCategorizationUIState:x,onUpdateScrollYOffSetTransactionCategorizationUIState:f,onFetchTransactionCategorizationList:w,onTransactionCategorizationRowClick:u,vendorLoadOptions:xe,vendorSearchAutoCompleteData:h,vendorSearchAutoCompleteActions:i,containerRef:te,isCOTEnabled:l,cotTracking:{onCOTView:j}})})})})},Ai=e=>`${e}_form`,Ei=(e,n,d,c,p)=>({[Vt]:n.map(h=>Vp(h.transactionId,h.transactionReviewLocalData,d,c,p)),[$n]:e}),Vp=(e,n,d,c,p)=>{const{lineItemById:h,sortedLineItems:i,selectedEntity:l}=n,r=Object.values(h).sort((u,x)=>i.indexOf(u.lineId)-i.indexOf(x.lineId)),m=r[0]?.lineId;return{[Bs]:r.map(u=>{const x=u.account?.qboId??u.account?.accountId,f=u.class?.classId,w=u.selectedEntityLine;return{id:u.id,transactionId:u.transactionId,type:u.type,amount:u.amount,lineDetailType:u.lineDetailType,platformLineDetailType:u.platformLineDetailType,lineTransactionType:u.lineTransactionType,postingType:u.postingType,postingTypeName:u.postingTypeName,customer:u.customer,vendor:u.vendor,billable:u.billable,item:u.item,isCategoryMiscategorized:u.isCategoryMiscategorized,isClassMiscategorized:u.isClassMiscategorized,lineId:u.id,[Re]:{selectedOption:x,allOptions:as(d,u.recommendationsWithCOT)},[Ze]:{selectedOption:f,allOptions:ss(c,u.recommendationsWithCOT)},[tt]:{selectedOption:l?.id??w?.id,defaultOptions:mo(p,l??w,n.lineItemById[m]?.recommendationsWithCOT??[])},[Kh]:u.lineEntity,[Zh]:u.recommendationsWithCOT??[]}}),transactionId:e,[Yh]:n.vendorDetails!=null&&n.vendorDetails.id!=null?{id:n.vendorDetails.id,qboId:n.vendorDetails.qboId,name:n.vendorDetails.name}:void 0,[Gh]:n.customerDetails!=null&&n.customerDetails.id!=null?{id:n.customerDetails.id,qboId:n.customerDetails.qboId,name:n.customerDetails.name}:void 0}},Hp=a.div`
-  display: flex;
-  min-height: 100%;
-  width: 100%;
-  height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  z-index: 2;
-`,Ri={subSectionContainerLeftRightPadding:new Q(g[3],g[6],g[8])},Wp=a.div`
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex: 1;
-  background: ${e=>e.theme.colors.grey4};
-  box-sizing: border-box;
-`,Up=a.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-`,qp=e=>{const{currentFooterFormId:n,onJeAccountSettingsChange:d,onSaveJeAccountSettingsClick:c,setResetJeAccountSettingsForm:p,expenseAutomationViewSelector:h,authParams:i,receiptUploadEndpoint:l,companyId:r,vendorSearchAutoCompleteActions:m,vendorSearchAutoCompleteData:u,enableMonthEndInsightsZeniGPTFeature:x,monthEndInsightsPreviewMode:f,monthEndInsightsCustomerRequestData:w,allThreadsSectionOpen:b,loggedInUser:y,isCOTEnabled:C,setCurrentFooterFormId:S,onFetchRecommendationsForEntityCategorization:E,onFetchRecommendationsForEntityCategorizationWithCustomer:A,onTransactionCategorizationRowClick:L,onFetchMissingReceiptsList:$,onMissingReceiptsRowClick:j,onUploadReceiptAttachment:k,onUploadReceiptComplete:I,onUploadReceiptFetchStatus:R,onReconTabColumnSortConfigChanged:O,onReloadReconciliationListPage:V,onUpdateReconcileTabLocalData:G,onUpdateMissingReceiptsUIState:B,onFetchTransactionCategorizationList:_,onUpdateTransactionCategorizationUIState:J,onUpdateScrollYOffSetTransactionCategorizationUIState:Z,handleJeScheduleClick:F,ignoreRecommendedJeSchedule:xe,onJESchedulesFormDataChange:te,onPostJESchedule:z,setLocalDataForCategoryAndClass:U,resetTransactionCategorizationLocalData:T,updateSelectedVendorForTransaction:D,onSaveUpdateTransactionCategorization:q,onUpdateSelectedCheckboxTransactionIds:M,improveMonthEndInsightsUsingZeniGPTClick:H,onRemoveFileAttachment:P,onUpdateFileAttachment:ee,onCloseAllThreadsSection:W,onEditMonthEndInsightsClick:oe,previewMonthEndReport:Y,saveMonthEndReport:ye,onOpenFileAttachmentSnackBar:he,onCloseFileAttachmentSnackBar:Se,onClickCustomerRequest:ke,sendMonthEndReport:ce,markAsReview:v,onReloadPage:ne,onBackClick:re,updateOperatingExpensesIdsForReview:pe,updateSectionCollapseStatus:Je,onFetchReimbursementView:ze,redirectToVendorDetailPage:Be,updateSectionIdsForReview:Ne,onUpdateFluxAnalysisUIState:me,fetchFluxViewOnScroll:nt,onFetchFluxViewList:vt,setIsJeAccountSettingsOpened:jt,onReviewClicked:ot,setOpenDrawerClicked:Dt,onEstablishConnectionClick:at,onFetchLinkTokenClick:kt,updateReconReviewTabLocalData:Ot,onReconReviewTabColumnSortConfigChanged:Mt,onSaveReconciliation:Ie,onSaveReconciliationReview:de,onReconMatchedTransactionClick:ge,onReconListPageScroll:be,onAddStatementClick:_e}=e,{currentSelectedView:$e,missingReceipts:Le,transactionView:pt,selectedPeriod:Bt,monthEndInsights:et,selectedTransactionCategorizationTab:nn,reconciliation:ae}=h;switch($e){case"transaction_categorization":return pt.fetchState==="Completed"&&pt.transactionLocalData.length===0?t.jsx(wt,{tab:$e,title:He($e).allDoneText.title,subTitle:He($e).allDoneText.subTitle}):t.jsx(Np,{setCurrentFooterFormId:S,selectedPeriod:Bt,selectedTab:nn,sectionId:Vt,transactionView:pt,receiptUploadEndpoint:l,authParams:i,onUpdateTransactionCategorizationUIState:J,onUpdateScrollYOffSetTransactionCategorizationUIState:Z,onFetchTransactionCategorizationList:_,onTransactionCategorizationRowClick:L,setLocalDataForCategoryAndClass:U,resetTransactionCategorizationLocalData:T,updateSelectedVendorForTransaction:D,onSaveUpdateTransactionCategorization:q,onUpdateSelectedCheckboxTransactionIds:M,vendorSearchAutoCompleteActions:m,vendorSearchAutoCompleteData:u,onFetchRecommendationsForEntityCategorization:E,onFetchRecommendationsForEntityCategorizationWithCustomer:A,isCOTEnabled:C});case"je_schedules":return t.jsx(ru,{setIsJeAccountSettingsOpened:jt,expenseAutomationViewSelector:h,setResetJeAccountSettingsForm:p,currentFooterFormId:n,onJeAccountSettingsChange:d,onSaveJeAccountSettingsClick:c,setCurrentFooterFormId:S,handleJeScheduleClick:F,ignoreRecommendedJeSchedule:xe,onJESchedulesFormDataChange:te,onPostJESchedule:z,vendorSearchAutoCompleteActions:m,vendorSearchAutoCompleteData:u});case"missing_receipts":return Le.fetchState==="Completed"&&Le.transactions.length===0?t.jsx(wt,{tab:$e,title:He($e).allDoneText.title,subTitle:He($e).allDoneText.subTitle}):t.jsx(Ku,{onUpdateMissingReceiptsUIState:B,onFetchMissingReceiptsList:$,missingReceipts:Le,receiptUploadEndpoint:l,authParams:i,selectedPeriod:Bt,onMissingReceiptsRowClick:j,onUploadReceiptComplete:I,onUploadReceiptFetchStatus:R,onUploadReceiptAttachment:k});case"month_end_insights":if(et!=null&&h.monthEndCloseChecksView.monthEndCloseChecks!=null){if(et.fetchState==="Not-Started"||et.fetchState==="In-Progress"||et.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||et.companyMonthEndReportTemplatesData.fetchState==="In-Progress")return t.jsx(Ys,{fetchState:"In-Progress"});{const fe={application:"cockpit",companyId:r,entityId:r,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:et.companyName,url:window.location.href},{url:Te,...Ve}=fe,mt={...Ve};return t.jsx(Up,{children:t.jsx(Sh,{allThreadsSectionOpen:b,customerRequestData:w,companyId:r,enableZeniGPTFeature:x,filterMetaData:mt,selectedPeriod:h.selectedPeriod,improveUsingZeniGPTClick:H,isZeniUser:y.userEmail?.includes("zeni.ai")??!1,monthEndReportView:et,newThreadMetadata:fe,onClickCustomerRequest:ke,onCloseAllThreadsSection:W,onCloseFileAttachmentSnackBar:Se,onOpenFileAttachmentSnackBar:he,onRemoveFileAttachment:P,onUpdateFileAttachment:ee,previewMode:f,previewMonthEndReport:Y,saveMonthEndReport:ye,onEditClick:oe,sendMonthEndReport:ce})})}}else return null;case"flux_analysis":return h.fluxAnalysis.fetchStatus.fetchState==="Completed"&&h.fluxAnalysis.sections.generalExpense.vendors.length===0&&h.fluxAnalysis.sections.reimbursement.vendors.length===0?t.jsx(wt,{tab:$e,title:He($e).allDoneText.title,subTitle:He($e).allDoneText.subTitle}):t.jsx(Fd,{fluxAnalysis:h.fluxAnalysis,selectedPeriod:h.selectedPeriod,markAsReview:v,onReloadPage:ne,onBackClick:re,updateOperatingExpensesIdsForReview:pe,updateSectionIdsForReview:Ne,onUpdateFluxAnalysisUIState:me,setCurrentFooterFormId:S,fetchFluxViewOnScroll:nt,onFetchFluxViewList:vt,updateSectionCollapseStatus:Je,onFetchReimbursementView:ze,redirectToVendorDetailPage:Be});case"reconciliation":return t.jsx(bd,{onReconListPageScroll:be,onReloadReconciliationListPage:V,currentFooterFormId:n,reconciliation:ae,companyId:r,vendorSearchAutoCompleteActions:m,vendorSearchAutoCompleteData:u,onReviewClicked:ot,setOpenDrawerClicked:Dt,setCurrentFooterFormId:S,onReconTabColumnSortConfigChanged:O,onUpdateReconcileTabLocalData:G,onEstablishConnectionClick:at,onFetchLinkTokenClick:kt,updateReconReviewTabLocalData:Ot,onReconReviewTabColumnSortConfigChanged:Mt,onSaveReconciliation:Ie,onSaveReconciliationReview:de,onReconMatchedTransactionClick:ge,onAddStatementClick:_e});default:return t.jsx(wt,{tab:$e,title:He($e).allDoneText.title,subTitle:He($e).allDoneText.subTitle})}};function Jp(e){const n=ve(),{currentSelectedView:d}=e.expenseAutomationViewSelector,c=e.expenseAutomationViewSelector.currentSelectedView==="transaction_categorization",p=e.expenseAutomationViewSelector.currentSelectedView!=="month_end_insights"&&e.expenseAutomationViewSelector.currentSelectedView!=="flux_analysis";return t.jsx(Wp,{windowSize:n,style:{...p===!0?{paddingLeft:Ri.subSectionContainerLeftRightPadding.value(n),paddingRight:Ri.subSectionContainerLeftRightPadding.value(n)}:{paddingLeft:g[0],paddingRight:g[0]},...c===!0||d==="reconciliation"?{paddingLeft:g[0],paddingRight:g[0]}:{}},children:t.jsx(qp,{...e})})}const Kp=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M22.9902 12.0403L1.12726 12.0403",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M7.68994 5.60718L1.00953 12.0402L7.68994 18.4732",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Zp=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M12 22.0619L11.4825 21.5444C9.66604 19.7284 7.20261 18.7082 4.63406 18.7084H2.17687C1.92268 18.7082 1.67898 18.607 1.49932 18.4272C1.31966 18.2474 1.21875 18.0036 1.21875 17.7494V2.89563C1.21875 2.64152 1.3197 2.39781 1.49938 2.21813C1.67906 2.03845 1.92276 1.9375 2.17687 1.9375H3.94219C5.53731 1.93666 7.10793 2.32989 8.51448 3.08223C9.92104 3.83457 11.12 4.92273 12.0047 6.25L12 22.0619Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M12 22.0619L12.5175 21.5444C14.334 19.7284 16.7974 18.7082 19.3659 18.7084H21.8231C22.0773 18.7082 22.321 18.607 22.5007 18.4272C22.6803 18.2474 22.7813 18.0036 22.7812 17.7494V2.89563C22.7812 2.64152 22.6803 2.39781 22.5006 2.21813C22.3209 2.03845 22.0772 1.9375 21.8231 1.9375H20.0625C18.4674 1.93666 16.8968 2.32989 15.4902 3.08223C14.0837 3.83457 12.8847 4.92273 12 6.25V22.0619Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M4.07031 6.47765C5.88047 6.33155 7.68276 6.84169 9.14781 7.91484",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M4.07031 10.3118C5.88051 10.1652 7.68295 10.6754 9.14781 11.7489",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M4.07031 14.1435C5.88058 13.9978 7.68285 14.5083 9.14781 15.5817",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M18.5882 8.40625H16.6392C16.3407 8.40684 16.0516 8.51125 15.8217 8.70157C15.5917 8.8919 15.4351 9.15629 15.3786 9.44943C15.3222 9.74258 15.3695 10.0462 15.5125 10.3083C15.6554 10.5704 15.885 10.7746 16.162 10.8859L18.1392 11.6762C18.4162 11.7876 18.6458 11.9918 18.7887 12.2539C18.9316 12.516 18.9789 12.8196 18.9225 13.1128C18.8661 13.4059 18.7095 13.6703 18.4795 13.8606C18.2495 14.0509 17.9605 14.1553 17.662 14.1559H15.7129",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M17.1504 8.40656V7.6875",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M17.1504 14.8753V14.1562",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Yp=a.div`
-  width: 100%;
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  background: ${e=>e.theme.colors.grey4};
-  box-shadow: ${e=>e.theme.colors.elevation1};
-`,Gp=a.div`
-  height: 100vh;
-
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: 100%;
-  flex: 1;
-
-  ${e=>e.theme.breakpoints.down("md")} {
-    width: 100%;
-    padding-left: ${o.sp0};
-  }
-`,Di=a(Us)`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  cursor: pointer;
-  color: inherit;
-`,Oi=a(Kp)`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  cursor: pointer;
-  color: inherit;
-`,{common:{footer:Ee,texts:{maxLimitReached:Xp,confirmAction:Qp},headers:em,create:tm,strings:an,texts:tn,cancel:nm,confirm:om,monthsByIndex:im},dateFormat:{visual:{MMMDCommaYYYYformat:Mi}},expenseAutomation:rn}=je.getLocalizedStrings(),_m=e=>{const{expenseAutomationViewSelector:n,isDisabled:d,isRealtimeInsightsFeatureEnabled:c,isCOTEnabled:p,onUpdateTab:h,onReconTabUpdate:i,onUpdateStep:l,onSearchTextChanged:r,onRefresh:m,onClose:u,onBack:x,resetTransactionCategorizationLocalData:f,updateOperatingExpensesIdsForReview:w,clearJeScheduleLocalData:b,onSaveReconciliation:y}=e,{currentSelectedView:C,allSteps:S,missingReceipts:E,jeSchedules:A,fluxAnalysis:L,monthEndInsights:$,transactionView:j,selectedTransactionCategorizationTab:k,reconciliation:I,selectedPeriod:R}=n,[O,V]=s.useState("expenseAutomationPage"),[G,B]=s.useState(()=>{}),[_,J]=s.useState(!1),Z=ve(),F=!!e.loggedInUser.userEmail?.includes("zeni.ai"),xe=F?Pi:zi,{openThread:te,setOpenThread:z}=s.useContext(xe),[U,T]=s.useState(!1),[D,q]=s.useState(!1),M=S.find(de=>de.step===C),{nextStep:H,previousStep:P}=rm(S,C),{uiState:{searchString:ee,pageToken:W},totalCountByTab:oe,transactions:Y,fetchStateByTransactionTabs:ye,transactionLocalData:he}=j,{selectedReconAccount:Se,reconciliationTabsState:{reconcile:{localData:{selectedTransactionIds:ke}}}}=I;let ce="Not-Started",v="complete";switch(C){case"missing_receipts":ce=E.refreshStatus.fetchState,v=E.completionStatus;break;case"je_schedules":ce=A.refreshStatus.fetchState,v=A.completionStatus;break;case"month_end_insights":$!=null&&(ce=$?.fetchState);break;case"flux_analysis":ce=L.refreshStatus.fetchState,v=L.completionStatus;break;case"transaction_categorization":ce=j.refreshStatus.fetchState,v=j.completionStatus;break;case"reconciliation":Se==null?(ce=I.refreshStatus.fetchState,v=I.completionStatus):(ce=I.selectedReconAccount?.refreshStatus.fetchState??"Not-Started",v=I.completionStatus)}const ne=()=>{G()},{saveStatus:re,selectedCheckBoxTransactionIds:pe}=j,Je=()=>{const de=Ls(n.fluxAnalysis.sections,n.fluxAnalysis.reviewOperatingExpensesIds),ge=K.dateNow(),{month:be,year:_e}=R,$e=K.dateNow().set("month",be-1).set("year",_e).endOf("month");switch(O){case"expenseAutomationFluxPage":return{formId:"expenseAutomationFluxPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:de===!0?Ee.markAsReviewed:tn.undo,style:{justifyContent:"space-evenly"},isLoading:n.fluxAnalysis.bulkReviewStatus.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:Qn(n.fluxAnalysis.reviewOperatingExpensesIds.length,ps,Z,tn.vendor,C),cancelBtn:{label:Ee.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{w([])}}};case"expenseAutomationTransactionsPage":return{formId:"expenseAutomationTransactionsPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:k==="autoCategorized"?Ee.markAsReviewed:Ee.save,style:{minWidth:"96px",justifyContent:"space-evenly"},isLoading:re.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:Qn(pe.length,K.MAX_SELECTION_LIMIT,Z,tn.transaction,C),cancelBtn:{label:Ee.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{f(k,Y.map(Le=>Le.id),R,!1,oe[k],K.getLineItemsByTransactionIdsFromLocalData(he,k),W)}}};case"expenseAutomationJESchedulePage":return{formId:"expenseAutomationJESchedulePage",nextBtnLabel:Ee.next,backBtnLabel:Ee.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Ee.next,style:{justifyContent:"space-evenly"},isDisabled:d||M?.isNextDisabled,suffixIcon:t.jsx(Di,{}),onClick:()=>{l(H.step)}},cancelBtn:{label:Ee.back,isDisabled:d||M?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:t.jsx(Oi,{}),onClick:()=>{l(P.step)}}};case"expenseAutomationBankReconReconcilePage":return{formId:"expenseAutomationBankReconReconcilePage",nextBtnLabel:Ee.reconcile,backBtnLabel:Ee.saveForLater,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Ee.reconcile,onClick:()=>{y({reconcileAction:"reconcile"})},isDisabled:!(I.reconciliationTabsState.balances.variance.amount===0&&ge.isAfter($e)),isLoading:I.actionFetchStates.reconcileFetch.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:132}},leftSideComponent:Qn(ke.length,1/0,Z,tn.transaction,C),cancelBtn:{onClick:()=>{y({reconcileAction:"save_reconcile_for_later"})},reverseSpinnerColor:!1,isLoading:I.actionFetchStates.saveForLaterFetch.fetchState==="In-Progress",label:Ee.saveForLater,style:{minWidth:132,justifyContent:"space-evenly"}}};case"expenseAutomationJEAccountSettingsPage":return{formId:"expenseAutomationJEAccountSettingsPage",nextBtnLabel:Ee.save,backBtnLabel:Ee.cancel,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Ee.save,isLoading:A.accountSettingsView.saveState.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:82}},cancelBtn:{onClick:()=>ne(),label:Ee.cancel,style:{minWidth:82,justifyContent:"space-evenly"}}};default:{const Le=C==="reconciliation"&&n.reconciliation.selectedTab==="review"&&n.reconciliation.selectedAccountId!=null,pt=C==="reconciliation"&&n.reconciliation.selectedAccountId==null,Bt=C==="reconciliation"&&n.reconciliation.selectedTab==="reconcile"&&n.reconciliation.selectedAccountId!=null,et=H.step==="month_end_insights"&&(C==="flux_analysis"&&(n.fluxAnalysis.sections.generalExpense?.balancesByMonth!=null||n.fluxAnalysis.sections.reimbursement?.balancesByMonth!=null)||pt),nn=C==="transaction_categorization"&&n.selectedTransactionCategorizationTab==="review",ae=C==="transaction_categorization"&&n.selectedTransactionCategorizationTab==="autoCategorized",fe=n.monthEndCloseChecksView.monthEndCloseChecks?.reportEmailSentDate==null&&(c||M?.isNextDisabled===!1),Te=H.step==="month_end_insights"&&(pt||C==="flux_analysis")?!fe:M?.isNextDisabled===!0;return{formId:"expenseAutomationPage",nextBtnLabel:Ee.next,backBtnLabel:Ee.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:et===!0?am(n.selectedPeriod.month):Ee.next,style:{justifyContent:"space-evenly"},isDisabled:Te,suffixIcon:t.jsx(Di,{}),onClick:()=>{nn?h("autoCategorized"):Le?i("reconcile"):l(H.step)}},cancelBtn:{label:Ee.back,isDisabled:d||M?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:t.jsx(Oi,{}),onClick:()=>{ae?h("review"):Bt?i("review"):Le?x():l(P.step)}}}}}},ze=()=>{switch(O){case"expenseAutomationFluxPage":return{confirmAction:()=>{T(!1),w([]),u()}};case"expenseAutomationTransactionsPage":return{confirmAction:()=>{T(!1),f(k,Y.map(de=>de.id),R,!1,oe[k],K.getLineItemsByTransactionIdsFromLocalData(he,k),W),u()}};case"expenseAutomationJESchedulePage":return{confirmAction:()=>{T(!1),b(),u()}};default:return{confirmAction:()=>{T(!1)},confirmationDescription:an.empty}}},Be=()=>{O==="expenseAutomationFluxPage"||O==="expenseAutomationJESchedulePage"||O==="expenseAutomationTransactionsPage"?T(!0):u()},{primaryBtn:Ne,cancelBtn:me,leftSideComponent:nt}=Je(),{confirmAction:vt}=ze(),jt=de=>{if(C==="transaction_categorization"&&(de==="autoCategorized"||de==="review"))return{hideCountInTab:oe[de]>rn.common.numbers.maximumCount,count:oe[de],isFetching:ye[de].fetchState==="In-Progress"};if(C==="reconciliation"){const{reconciliation:ge}=n,{selectedAccountId:be}=ge;return be==null?{count:0,isFetching:!1}:de==="review"?{count:ge.accountReconciliationsByAccountID[be]?.accountReconEntity?.transactionsToReview.length,isFetching:ge.accountReconciliationsByAccountID[be]?.transactionFetchState.fetchState==="In-Progress"}:{count:ge.accountReconciliationsByAccountID[be]?.accountReconEntity?.transactionsToReconcile.length,isFetching:ge.accountReconciliationsByAccountID[be]?.transactionFetchState.fetchState==="In-Progress"}}},ot=C==="reconciliation"&&I.selectedAccountId!=null&&I.selectedReconAccount!=null,{month:Dt,year:at}=R,kt=K.dateNow().set("month",Dt-1).set("year",at),Ot=kt.startOf("month").format(Mi),Mt=kt.endOf("month").format(Mi),Ie=`${Ot} ${an.hyphen} ${Mt}`;return t.jsxs(Yp,{children:[U?t.jsx(Ns,{containerStyle:{width:356},titleComponent:t.jsx(pm,{children:Qp}),primaryButtonText:om,secondaryButtonText:nm,proceedButtonVariant:"danger",action:{onOkClick:()=>{vt()},onCancelClick:()=>T(!1)},descriptionComponent:t.jsx(mm,{children:rn.confirmationDescription})}):null,t.jsxs(Gp,{children:[t.jsx(Pr,{onBack:x,navBarCustomElement:C==="reconciliation"&&I.selectedAccountId!=null?t.jsx(sm,{reconciliation:I}):void 0,onReconTabUpdate:i,currentRecontab:I.selectedTab,reconcileDetailPageFetchState:I.selectedAccountId!=null?I.accountReconciliationsByAccountID[I.selectedAccountId]?.transactionFetchState.fetchState:"Not-Started",selectedReconAccountId:ot?I.selectedAccountId:void 0,currentSelectedView:C,titleStyle:{justifyContent:"center",marginLeft:o.sp0},headerData:He(C,oe.autoCategorized,ot?I.selectedAccountId:void 0,ot?I.selectedReconAccount?.accountReconEntity?.account.accountName:void 0,ot?Ie:void 0),searchText:ee,currentTab:k,getTabCountAndFetchState:jt,completionStatus:v,forceShowSubtitle:_===!0||C==="je_schedules"&&(A.fetchState==="In-Progress"||A.accountSettingsView.fetchState==="In-Progress"),refreshStatus:ce,companyId:e.companyId,companyName:n.monthEndInsights?.companyName??an.empty,isZeniUser:F,onAllThreadsClick:()=>{te!=null&&z(null),q(!0)},onUpdateTab:h,onSearchTextChanged:r,onRefresh:m,onClose:Be}),t.jsx(Jp,{...e,isCOTEnabled:p,setIsJeAccountSettingsOpened:J,setResetJeAccountSettingsForm:B,allThreadsSectionOpen:D,setCurrentFooterFormId:V,currentFooterFormId:O,onCloseAllThreadsSection:()=>q(!1)}),t.jsx(Pe,{controller:C!=="month_end_insights",children:t.jsx(Ni,{style:{width:"-webkit-fill-available",maxHeight:g[8]},formId:lm(O),primaryBtn:Ne,leftSideComponent:nt,cancelBtn:me,separatorStyle:{marginRight:o.sp4}})})]})]})},sm=({reconciliation:e})=>{const n=bt(),{clearedBalance:d,variance:c,variancePercentage:p,deposits:h,payments:i}=e.reconciliationTabsState.balances,{balance:l}=e.selectedReconAccount?.accountReconEntity??{},{selectedReconAccount:r}=e,{transactionFetchState:m}=r??{};return t.jsx(gm,{children:t.jsxs(xm,{children:[t.jsxs(eo,{style:{justifyContent:"flex-end",width:"50%"},children:[t.jsx(to,{children:t.jsx(fm,{})}),t.jsx(no,{children:m?.fetchState==="In-Progress"?t.jsxs(so,{children:[t.jsx(Gt,{height:25,width:120}),t.jsx(Gt,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsx(io,{children:qe("0,0.00",l)}),t.jsx(oo,{children:rn.accountRecon.reconciliation.headers.bankBalance})]})})]}),t.jsxs(eo,{children:[t.jsx(to,{children:t.jsx(Cm,{})}),t.jsx(no,{children:m?.fetchState==="In-Progress"?t.jsxs(so,{children:[t.jsx(Gt,{height:25,width:120}),t.jsx(Gt,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsx(io,{children:qe("0,0.00",d)}),t.jsxs(bm,{children:[t.jsx(oo,{children:rn.accountRecon.reconciliation.headers.clearedBalance}),t.jsx(we,{placement:"bottom",title:t.jsxs(Sm,{children:[t.jsxs(Bi,{children:[t.jsxs(Fi,{children:[i.count," ",tn.payments]}),t.jsx(_i,{children:qe("0,0.[00]",i.totalAmount)})]}),t.jsxs(Bi,{children:[t.jsxs(Fi,{children:[h.count," ",tn.deposits]}),t.jsx(_i,{children:qe("0,0.[00]",h.totalAmount)})]})]}),display:"flex",children:t.jsx(wm,{})})]})]})})]}),t.jsxs(eo,{style:{justifyContent:"flex-start",width:"50%"},children:[t.jsx(to,{children:t.jsx(ym,{})}),t.jsx(no,{children:m?.fetchState==="In-Progress"?t.jsxs(so,{children:[t.jsx(Gt,{height:25,width:120}),t.jsx(Gt,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsxs(io,{children:[t.jsx("span",{style:{color:c.amount===0?n.colors.brandColorJadeDark:n.colors.primary},children:qe("0,0.00",c)}),p!=null&&c.amount!==0?t.jsx("span",{style:{color:n.colors.primary,marginLeft:2},children:`(${p.toFixed(2)}%)`}):null]}),t.jsx(oo,{children:rn.accountRecon.reconciliation.headers.variance})]})})]})]})})},Qn=(e,n,d,c,p)=>{const h=c,i=(e>1?h+"s":h)+" selected";return e>0?t.jsxs(cm,{currentView:p,style:d==="small"?{position:"absolute",top:o.sp2,left:`-${o.sp5}`}:{},children:[t.jsx(dm,{multiDigit:e>=5,children:e}),t.jsx(um,{children:i}),e===n?t.jsx(hm,{children:`(${Xp})`}):null]}):null},am=e=>{const n=im[e];return`${tm}${an.space}${n}${an.space}${em.insights}`};function rm(e,n){const d=e.findIndex(l=>l.step===n);if(d===-1)throw new Error("currentStep not found in allSteps array");const c=(d+1)%e.length,p=(d-1+e.length)%e.length,h=e[c],i=e[p];return{nextStep:h,previousStep:i}}const lm=e=>`${e}_form`,cm=a.div`
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  gap: ${o.sp2};
-  margin-left: ${e=>e.currentView==="flux_analysis"?"36px":o.sp8};
-`,dm=a(ht)`
-  height: 18px;
-  width: ${e=>e.multiDigit?"auto":"18px"};
-  padding: ${o.sp0} 6px;
-  border-radius: ${o.sp12};
-  border: ${e=>`1px solid ${e.theme.colors.primary}`};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,um=a(Me)`
-  color: ${e=>e.theme.colors.primary};
-`,hm=a(St)`
-  color: ${Ge.important};
-`,pm=a(zs)`
-  margin-top: ${o.sp5};
-  padding-left: ${o.sp8};
-  padding-right: ${o.sp8};
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-word;
-`,mm=a(Vs)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${o.sp2};
-  margin-bottom: ${o.sp2};
-`,gm=a.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: ${o.sp3} ${o.sp0};
-`,xm=a.div`
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: ${o.sp1};
-`,eo=a.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: ${o.sp3};
-`,to=a.div`
-  width: ${o.sp7};
-  height: ${o.sp7};
-  border-radius: 50%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.mode==="dark"?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
-`,no=a.div`
-  display: flex;
-  flex-direction: column;
-`,oo=a(St)`
-  color: ${e=>e.theme.colors.hero};
-`,io=a(Hi)`
-  min-width: 180px;
-  color: ${e=>e.theme.colors.primary};
-`,fm=a(Ks)`
-  color: ${e=>e.theme.colors.primary};
-  width: ${o.sp4};
-  height: ${o.sp4};
-`,ym=a(Zs)`
-  color: ${e=>e.theme.colors.primary};
-  width: ${o.sp4};
-  height: ${o.sp4};
-`,Cm=a(Zp)`
-  color: ${e=>e.theme.colors.primary};
-  width: ${o.sp4};
-  height: ${o.sp4};
-`,wm=a(Wi)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-  :hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,bm=a.div`
-  display: flex;
-  align-items: center;
-  gap: ${o.sp1};
-`,Sm=a.div`
-  background-color: ${Ge.overlayDark};
-  padding: 2px ${o.sp2};
-  border-radius: ${o.sp1};
-`,Bi=a.div`
-  display: flex;
-  justify-content: space-between;
-  gap: ${o.sp2};
-`,Fi=a.div`
-  text-transform: capitalize;
-`,_i=a(St)`
-  color: ${Ge.primaryDark};
-  align-self: "flex-end";
-`,Gt=a(Et)`
-  border-radius: ${o.sp2};
-`,so=a.div`
-  display: flex;
-  flex-direction: column;
-  min-width: 180px;
-  gap: ${o.sp1};
-`;export{pm as ConfirmationPopUpTitle,_m as default,rm as getNextAndPreviousSteps,lm as uniqueFormName};