@zeniai/web-components 3.17.1 → 3.17.2

package/dist/ExpenseAutomationPage-BgQzA6Jo.cjs

@@ -0,0 +1,1650 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),m=require("react"),i=require("@emotion/styled"),H=require("@zeniai/client-epic-state"),t=require("./index-gTpRqqAW.cjs"),_e=require("@emotion/react"),vo=require("./BusyIndication-C9yxbWHz.cjs"),bo=require("./common-B8X_ZyZr.cjs"),wo=require("react-plaid-link"),he=require("./ReloadContainer-DgEHxbGT.cjs"),Ae=require("./CollapsableReportTable-BGzk86Qy.cjs"),ln=require("./AccountRow-D7E8ku2U.cjs"),Js=require("./mapTimeframeBalancesToTreeNode-BLGER1Xk.cjs"),qn=require("./mapLoadingInProgressToTreeNode-COyo0777.cjs"),Io=require("./VendorsAccountsSection-CJFSGa_3.cjs"),ko=require("./SuccessAnimation-D-Sar8h_.cjs"),qt=require("./uploadAttachment-DO7a-ZbG.cjs");function To(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(s,l,a.get?a:{enumerable:!0,get:()=>e[l]})}}return s.default=e,Object.freeze(s)}const T=To(m),{common:{navBar:{back:$o},texts:{refresh:Lo,close:Ao,copy:Oo,copied:Do,open:_o}},expenseAutomation:{common:{numbers:{maximumCount:Bo}}}}=t.appLocale.getLocalizedStrings(),Mo=i(t.SvgComment)`
+  display: flex;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  align-items: center;
+  justify-content: center;
+`,No=i.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};
+  }
+`,Po=i.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;
+`,Fo=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-left: ${e=>Gn.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>Gn.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
+`,zo=i.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: end;
+  gap: ${t.Space.sp4};
+  flex: 1 1 ${t.Space.sp0};
+`,Ho=i.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: start;
+  gap: ${t.Space.sp4};
+  flex: 1 1 ${t.Space.sp0};
+`,Wo=i(t.SvgCopy)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  cursor: pointer;
+  margin-left: ${t.Space.sp1};
+  color: inherit;
+`,Vo=i(t.SvgSuccessRound)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  margin-left: ${t.Space.sp1};
+  color: ${t.Colors.success};
+`,qo=i(t.SvgClose)`
+  cursor: pointer;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Uo=i(t.SvgArrowLeft)`
+  cursor: pointer;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Go=i(t.SvgRefresh,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
+  cursor: pointer;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+  animation: ${e=>e.$spinning?_e.css`
+          ${Ko} 2s linear infinite;
+        `:"none"};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ko=_e.keyframes`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`,Jo=i.div`
+  padding-top: ${t.Space.sp0};
+  padding-bottom: ${t.Space.sp0};
+`,Un=i(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding-bottom: ${t.Space.sp4};
+`,Yo=i.div`
+  display: flex;
+`,Zo=i.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  width: 100%;
+  margin-top: -2px;
+  border-top-right-radius: ${t.Space.sp2};
+  border-top-left-radius: ${t.Space.sp2};
+  border-bottom-right-radius: ${t.Space.sp2};
+  border-bottom-left-radius: ${t.Space.sp2};
+`,Xo=i.div`
+  display: flex;
+  height: ${t.Space.sp4};
+`,Qo=i.div`
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+`,ei=i.div`
+  display: flex;
+  flex-direction: column;
+`,ti=i(t.SvgAiIcon)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  margin-right: ${t.Space.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,Ut=i.span`
+  font-weight: ${t.FontWeight.regular};
+  color: ${e=>e.theme.colors.primary};
+`,ni=i.span`
+  font-weight: ${t.FontWeight.medium};
+  color: ${e=>e.theme.colors.primary};
+`,si=i.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};
+  }
+`,Gn={subSectionContainerLeftRightPadding:new t.ResponsiveSized(t.sp[3],t.sp[6],t.sp[8])},oi=({onAllThreadsClick:e,companyId:s,companyName:l})=>{const a={application:"cockpit",companyId:s,entityId:s,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:l,url:window.location.href},{url:p,...u}=a,o={...u},{threads:c,isLoading:r}=t.useFilteredThreads(o,!1,!1),x=c.filter(d=>d.id.includes(t.NEW_THREAD_SUFFIX)===!1);return n.jsxRuntimeExports.jsxs(No,{isDisabled:r,onClick:e,"data-testid":t.generateDataTestId("comment-icon"),children:[n.jsxRuntimeExports.jsx(t.CommentsAndNotesCount,{count:x.length,isLoading:r}),n.jsxRuntimeExports.jsx(Mo,{})]})},ii=({headerData:e,refreshStatus:s,searchText:l,companyName:a,companyId:p,isZeniUser:u,onAllThreadsClick:o,onClose:c,onRefresh:r,onSearchTextChanged:x})=>{const d=()=>{s!=="In-Progress"&&r()};return n.jsxRuntimeExports.jsx(zo,{children:e.rightSection.map((h,j)=>{switch(h){case"search":return n.jsxRuntimeExports.jsx(t.ListPageSearchSection,{isSearchOpen:(l.length??0)>0,searchPlaceHolder:e.searchPlaceholder,searchText:l,searchTextBoxStyle:{position:"initial",height:"fit-content"},styledSearchIconContainerStyle:{height:t.Space.sp4},searchIconMarginRight:t.Space.sp0,onSearchTextChanged:y=>{x(y)},downloadPresent:!1},j+h);case"refresh":return n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",title:Lo,style:{marginTop:"2px"},enterDelay:600,children:n.jsxRuntimeExports.jsx(Go,{onClick:d,$spinning:s==="In-Progress","data-testid":t.generateDataTestId("refresh-icon")})},j+h);case"comment":return u===!1?null:n.jsxRuntimeExports.jsx(oi,{companyId:p,companyName:a,onAllThreadsClick:o});case"close":default:return n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",title:Ao,enterDelay:600,style:{marginTop:"2px"},children:n.jsxRuntimeExports.jsx(qo,{onClick:c,"data-testid":t.generateDataTestId("close-icon")})},j+h)}})})},ri=({headerData:e,onBack:s})=>n.jsxRuntimeExports.jsx(Ho,{children:e.leftSection.map((l,a)=>{switch(l){case"back":default:return n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",title:$o,enterDelay:600,style:{marginTop:"-14px"},children:n.jsxRuntimeExports.jsx(Uo,{onClick:s,"data-testid":t.generateDataTestId("back-button")})},a+l)}})}),Kn=({text:e,linkText:s,windowSize:l,isCopied:a,onLinkClick:p})=>{if(s==null||!s)return n.jsxRuntimeExports.jsxs(Ut,{windowSize:l,children:[e," "]});const u=e.indexOf(s);if(u===-1)return n.jsxRuntimeExports.jsxs(Ut,{windowSize:l,children:[e," "]});const o=e.substring(0,u),c=e.substring(u+s.length);return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[o?n.jsxRuntimeExports.jsxs(Ut,{windowSize:l,children:[o.trim()," "]}):null,n.jsxRuntimeExports.jsx(t.Tooltip,{display:"flex",placement:"right",title:t.ZENI_EMAIL_PATTERN.test(s)?a?Do:Oo:_o,enterTouchDelay:600,children:n.jsxRuntimeExports.jsxs(si,{onClick:()=>p?.(s),"data-testid":t.generateDataTestId("pre-link"),children:[s,a?n.jsxRuntimeExports.jsx(Vo,{className:"success-icon"}):n.jsxRuntimeExports.jsx(Wo,{className:"copy-icon"})]})}),c?n.jsxRuntimeExports.jsxs(Ut,{windowSize:l,children:[c," "]}):null]})},Jn=({subTitles:e})=>{const s=t.useWindowSizeContext(),[,l]=t.useCopyToClipboard(),[a,p]=m.useState(!1),u=m.useRef(null),o=m.useCallback(c=>{t.ZENI_EMAIL_PATTERN.test(c)?(l(c),p(!0),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{p(!1)},2e3)):window.open(c,"_blank","noopener,noreferrer")},[l]);return m.useEffect(()=>()=>{u.current&&clearTimeout(u.current)},[]),n.jsxRuntimeExports.jsx(ei,{children:e.map((c,r)=>n.jsxRuntimeExports.jsxs(Qo,{children:[c.pre?n.jsxRuntimeExports.jsx(Kn,{text:c.pre,linkText:c.preLink,windowSize:s,isCopied:a,onLinkClick:o}):null,c.prefixIconName?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:c.prefixIconName==="zeniAIIcon"?n.jsxRuntimeExports.jsx(ti,{}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{})}):null,c.bold?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:n.jsxRuntimeExports.jsxs(ni,{windowSize:s,children:[c.bold," "]})}):null,c.post?n.jsxRuntimeExports.jsx(Kn,{text:c.post,linkText:c.postLink,windowSize:s,isCopied:a,onLinkClick:o}):null]},r+c.bold+c.pre+c.post))})};function ai(e){const{headerData:s,currentTab:l,completionStatus:a,onUpdateTab:p,selectedReconAccountId:u,getTabCountAndFetchState:o,reconcileDetailPageFetchState:c,forceShowSubtitle:r,currentSelectedView:x,onReconTabUpdate:d,currentRecontab:h,navBarCustomElement:j,titleStyle:y={}}=e,S=o("autoCategorized")?.count??0,f=o("review")?.count??0,v=o("reconcile")?.count??0,g=s.tabs.length>0||s.subTitle.length>0,b=x==="transaction_categorization"&&l==="autoCategorized",D=x==="reconciliation"&&h==="review"&&u!=null,$=x==="reconciliation"&&h==="reconcile"&&u!=null,w=b?S>0:D?c==="In-Progress"?!0:f>0:$?c==="In-Progress"?!0:v>0:a!=="complete",R=n.useTheme(),k=t.useWindowSizeContext();let L=[];return s.tabs.length>0&&(L=s.tabs.map(G=>({label:G.label,id:G.id,countDetails:o(G.id)}))),n.jsxRuntimeExports.jsxs(Po,{children:[n.jsxRuntimeExports.jsx(t.NavBar,{title:s.title,subTitle:s.subText,titleTextStyles:{flex:"1 1 0px"},backgroundColor:R.colors.grey4,onBackClick:()=>null,titleStyle:y,ignoreScrollAction:x!=="month_end_insights",keepBackgroundOnScroll:x!=="month_end_insights",leftSideComponent:n.jsxRuntimeExports.jsx(ri,{...e}),rightSideComponent:n.jsxRuntimeExports.jsx(ii,{...e}),source:"NavBarWithHeader"}),j??null,n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:g===!0,children:n.jsxRuntimeExports.jsx(Fo,{windowSize:k,children:s.tabs.length>0?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Jo,{windowSize:k,children:n.jsxRuntimeExports.jsx(t.TabSwitcher,{allTabs:L,selectedTab:x==="transaction_categorization"?l??L[0].id:h??L[0].id,onTabChange:G=>{if(x==="transaction_categorization"){const I=H.toExpenseAutomationTransactionsTabKey(G.id);I!=null&&p(I)}else if(x==="reconciliation"){const I=H.toReconciliationTabsType(G.id);I!=null&&d(I)}},maximumCountLimit:Bo})}),n.jsxRuntimeExports.jsx(Zo,{windowSize:k}),n.jsxRuntimeExports.jsx(Xo,{}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:w===!0||r===!0,children:n.jsxRuntimeExports.jsx(Un,{windowSize:k,children:s.tabs.map((G,I)=>(x==="reconciliation"?G.id===h:G.id===l)?n.jsxRuntimeExports.jsx(Yo,{children:n.jsxRuntimeExports.jsx(Jn,{subTitles:G.subTitle})},I+G.id):null)})})]}):n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:w===!0||r===!0,children:n.jsxRuntimeExports.jsx(Un,{windowSize:k,children:n.jsxRuntimeExports.jsx(Jn,{subTitles:s.subTitle})})})})})]})}const ci=1;function li({name:e,checkBoxes:s,mode:l,isDisabled:a,style:p,labelStyle:u,labelCheckBoxStyle:o,checkBoxStyle:c,width:r,registerOptions:x,checkedIconColor:d,checkBoxIconStyle:h,checkBoxContainerStyle:j,draggable:y=!1,selectionLimit:S,infoIconContainerStyle:f,onDragStart:v,rowHeight:g=40,initialScrollOffSet:b,onScroll:D}){const $=t.useWindowSizeContext(),B=m.useRef(null),{control:w}=n.useFormContext(),R=s.find(I=>I.groupLabel),k=s.filter(I=>!I.groupLabel),L=[];for(const I of k)if(I.isException||L.push(I.value),S!=null&&L.length===S+1)break;const G=s.filter(I=>I.defaultChecked).map(I=>I.value);return n.jsxRuntimeExports.jsx(n.Controller,{control:w,name:e,rules:x,defaultValue:G,render:({field:{value:I,ref:K,onChange:_}})=>{const q=J=>{ui({event:J,value:I,allCheckBoxValues:L,groupLabelCheckBox:R,onChange:_})};return n.jsxRuntimeExports.jsxs(pi,{style:p,windowSize:$,children:[R&&n.jsxRuntimeExports.jsx(Mn,{checkBox:R,index:0,value:I,allCheckBoxValues:L,mode:l,name:e,checkBoxContainerStyle:j,checkBoxIconStyle:h,checkBoxStyle:c,labelCheckBoxStyle:o,labelStyle:u,width:r,draggable:y,groupLabelCheckBox:R,infoIconContainerStyle:f,checkedIconColor:d,isDisabled:a,selectionLimit:S,onDragStart:v,ref:K,onChangeHandler:q}),n.jsxRuntimeExports.jsx(mi,{children:n.jsxRuntimeExports.jsx(n.AutoSizer,{style:{height:"100%",width:"100%"},children:({height:J,width:U})=>n.jsxRuntimeExports.jsx(n.VariableSizeList,{ref:B,height:J,width:U,itemCount:k.length,itemSize:()=>g,estimatedItemSize:g,initialScrollOffset:b??0,onScroll:({scrollOffset:M})=>{D?.(M)},overscanCount:ci,itemKey:M=>k[M].value,itemData:{checkBoxes:k,value:I,allCheckBoxValues:L,mode:l,name:e,checkBoxContainerStyle:j,checkBoxIconStyle:h,checkBoxStyle:c,labelCheckBoxStyle:o,labelStyle:u,width:r,draggable:y,groupLabelCheckBox:R,infoIconContainerStyle:f,checkedIconColor:d,isDisabled:a,selectionLimit:S,onDragStart:v,ref:K,onChange:_,handleChangeEvent:q,rowHeight:g},children:di})})})]})}})}const di=({index:e,style:s,data:l})=>{const a=m.useRef(null),{checkBoxes:p,value:u,allCheckBoxValues:o,mode:c,name:r,checkBoxContainerStyle:x,checkBoxIconStyle:d,checkBoxStyle:h,labelCheckBoxStyle:j,labelStyle:y,width:S,draggable:f,groupLabelCheckBox:v,infoIconContainerStyle:g,checkedIconColor:b,isDisabled:D,selectionLimit:$,onDragStart:B,ref:w,handleChangeEvent:R}=l,k=p[e];return n.jsxRuntimeExports.jsx(yi,{style:{...s,width:"100%"},ref:a,children:n.jsxRuntimeExports.jsx(Mn,{checkBox:k,index:e,value:u,allCheckBoxValues:o,mode:c,name:r,checkBoxContainerStyle:x,checkBoxIconStyle:d,checkBoxStyle:h,labelCheckBoxStyle:j,labelStyle:y,width:S,draggable:f,groupLabelCheckBox:v,infoIconContainerStyle:g,checkedIconColor:b,isDisabled:D,selectionLimit:$,onDragStart:B,ref:w,onChangeHandler:R})})},Mn=m.forwardRef((e,s)=>{const{value:l,checkBox:a,groupLabelCheckBox:p,allCheckBoxValues:u,selectionLimit:o,mode:c,checkBoxStyle:r,labelCheckBoxStyle:x,isDisabled:d,draggable:h,checkBoxContainerStyle:j,infoIconContainerStyle:y,name:S,index:f,width:v,checkedIconColor:g,checkBoxIconStyle:b,labelStyle:D,onDragStart:$,onChangeHandler:B}=e,w=t.useWindowSizeContext(),R=I=>{typeof s=="function"?s(I):s&&(s.current=I)};let k=l.includes(a.value);const L=Array.from(new Set([...l,a.value]));p?.value===a.value&&l.length>0&&(o!=null?k=L.length===u.length||L.length===o+1:k=u.every(I=>L.includes(I)===!0));const G=()=>c==="off"||a.isException?w==="small"?{display:"none",...r}:{visibility:"hidden",...r}:a.groupLabel?u.length===1&&u[0]===p?.value?{visibility:"hidden",...x}:x:r;return n.jsxRuntimeExports.jsxs(hi,{mode:c,draggable:h===!0,onDragStart:I=>{$?.(I,a.value)},style:j,isDisabled:d,isSelected:k,exceptionMode:a.exceptionMode,children:[a.prefix?n.jsxRuntimeExports.jsx(xi,{className:"prefix-box",children:a.prefix}):null,a.isException?n.jsxRuntimeExports.jsx(gi,{style:y,className:"checkbox-alert",children:n.jsxRuntimeExports.jsx(t.Tooltip,{style:{padding:`12px ${t.Space.sp3}`},title:a.exceptionInfo??"",placement:"bottom-start",children:a.exceptionType==="info"?n.jsxRuntimeExports.jsx(ji,{}):n.jsxRuntimeExports.jsx(fi,{})})}):n.jsxRuntimeExports.jsx(t.StyledCheckBox,{name:`${S}.${a.value}`,checkBoxValue:a.value,value:k,checkedIconColor:g,isDisabled:d||!a.groupLabel&&!k&&o!=null&&L.length===o+1?"disabled":void 0,checkBoxStyle:G(),checkBoxIconStyle:b,ref:R,onChange:B}),typeof a.label=="string"&&a.label?n.jsxRuntimeExports.jsx(t.Label,{isDisabled:d,label:a.label,labelStyle:D,htmlFor:`${S}.${a.value}`,style:{display:"flex",flex:1,minHeight:t.Space.sp4,marginLeft:t.Space.sp2,width:v,backgroundColor:"inherit",...D}}):a.label]},`${a.value}_${f}`)});Mn.displayName="CheckBoxWithLabel";const ui=({event:e,value:s,allCheckBoxValues:l,groupLabelCheckBox:a,onChange:p})=>{const u=e.currentTarget.value,o=e.currentTarget.checked,c=a?.value,r=new Set(s);if(u===c){p(o?Array.from(new Set([c,...l])):[]);return}o?r.add(u):r.delete(u);const x=l.every(d=>r.has(d));c!=null&&(x&&!r.has(c)?r.add(c):!x&&r.has(c)&&r.delete(c)),p(Array.from(r))},pi=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,mi=i.div`
+  flex: 1;
+  overflow: hidden;
+`,xi=i.div`
+  opacity: 0;
+`,hi=i.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  width: 100%;
+  min-height: ${t.Space.sp4};
+
+  ${e=>e.mode==="checked_or_hover"&&_e.css`
+      input:not(:checked) ~ .unchecked-icon {
+        opacity: 0;
+      }
+
+      :hover {
+        input:not(:checked) ~ .unchecked-icon,
+        .prefix-box {
+          opacity: 1;
+        }
+      }
+    `};
+
+  ${e=>e.mode==="hover_only"&&_e.css`
+      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"&&_e.css`
+        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"&&_e.css`
+      :hover {
+        .checkbox-alert {
+          opacity: 1;
+        }
+      }
+    `}
+
+  ${e=>e.exceptionMode==="checked_or_hover"&&_e.css`
+      .checkbox-alert {
+        opacity: 1;
+      }
+    `}
+`,gi=i.div`
+  cursor: pointer;
+`,ji=i(t.SvgInfo)`
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey4};
+  border-radius: 50%;
+`,fi=i(t.SvgAlertRound)`
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey4};
+  border-radius: 50%;
+`,yi=i.div`
+  width: 100%;
+  box-sizing: border-box;
+`,Si=e=>T.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},T.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}),T.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}),T.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}),T.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}),T.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}),T.createElement("g",{opacity:.2},T.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"})),T.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"}),T.createElement("path",{d:"M61.2 59.4484L63.4903 61.65L67.5 56.7",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round"}),T.createElement("path",{d:"M33.6736 27.0088H66.7216",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),T.createElement("path",{d:"M30.2854 35.8198H63.3334",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),T.createElement("path",{d:"M26.8962 43.875H59.9442",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),T.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}),T.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}),T.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}),T.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})),Ri=e=>T.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},T.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}),T.createElement("path",{opacity:.2,d:"M21 68L180 17L125 126.5L92.5 94L64 107L55 79L21 68Z",fill:"#97C3B9"}),T.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}),T.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"}),T.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"}),T.createElement("path",{d:"M21.5625 129.486C22.3958 127.153 24.8625 121.586 28.0625 117.986",stroke:"#97C3B9",strokeWidth:2}),T.createElement("path",{d:"M35.5631 109.486C37.3272 107.746 41.5625 103.486 45.7381 101.468",stroke:"#97C3B9",strokeWidth:2}),T.createElement("path",{d:"M19.0623 140.486C18.8956 142.653 18.9623 148.286 20.5623 153.486",stroke:"#97C3B9",strokeWidth:2}),T.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}),T.createElement("path",{d:"M72.0625 175.486H85.5625M96.0625 175.486H110.562M121.062 175.486H135.062",stroke:"#97C3B9",strokeWidth:2}),T.createElement("path",{d:"M145.562 176.486C148.229 176.486 154.662 176.786 159.062 177.986",stroke:"#97C3B9",strokeWidth:2}),T.createElement("path",{d:"M169.562 180.986C172.062 181.653 178.062 183.686 182.062 186.486",stroke:"#97C3B9",strokeWidth:2})),Ci=e=>T.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},T.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}),T.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}),T.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}),T.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"}),T.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}),T.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}),T.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}),T.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}),T.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}),T.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}),T.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}),T.createElement("path",{d:"M60.7893 119.993L60.799 119.476H140.794L140.851 119.765L60.7893 119.993Z",fill:"#231F20",stroke:"#97C3B9",strokeWidth:2})),Ei=e=>T.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},T.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"}),T.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"}),T.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"}),T.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"}),T.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"}),T.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"}),T.createElement("path",{d:"M39.6943 121.046L43.4452 127.026L48.7266 119.117",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),T.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"}),T.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"}),T.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"}),T.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"}),T.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"}),T.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"}),T.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"}),T.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"}),T.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"}),T.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"}),T.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"}),T.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"}),T.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"}),T.createElement("path",{d:"M145.99 53.8984L169.25 44.8584",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),T.createElement("path",{d:"M122.041 30.474L139.922 14.1719",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),T.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"}),T.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"}),T.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"})),vi=i.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+  background: ${e=>e.theme.colors.grey4};
+  box-sizing: border-box;
+`,bi=i(Ri)`
+  width: 90px;
+  height: 90px;
+`,wi=i(Ci)`
+  width: 90px;
+  height: 90px;
+`,Ii=i(Si)`
+  width: 90px;
+  height: 90px;
+`,ki=i(Ei)`
+  width: 90px;
+  height: 90px;
+`,Ti=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+`,$i=i(t.H6Regular)`
+  margin-top: ${t.Space.sp2};
+  color: ${e=>e.theme.colors.brandColorJade};
+`,Li=i(t.LargeRegular)`
+  color: ${e=>e.theme.colors.primary};
+`,Ai=e=>{const{tab:s}=e;switch(s){case"transaction_categorization":return n.jsxRuntimeExports.jsx(bi,{});case"je_schedules":case"reconciliation":return n.jsxRuntimeExports.jsx(ki,{});case"flux_analysis":return n.jsxRuntimeExports.jsx(Ii,{});case"missing_receipts":default:return n.jsxRuntimeExports.jsx(wi,{})}};function pt(e){const{title:s,subTitle:l}=e;return n.jsxRuntimeExports.jsx(vi,{children:n.jsxRuntimeExports.jsxs(Ti,{children:[n.jsxRuntimeExports.jsx(Ai,{...e}),n.jsxRuntimeExports.jsx($i,{children:s}),n.jsxRuntimeExports.jsx(Li,{children:l})]})})}const{common:{headers:{transactions:Oi,jeSchedules:Di,fluxAnalysis:_i,missingReceipts:Bi,insights:Mi,reconciliation:Yn},strings:{empty:vt}},expenseAutomation:{transactions:{tabs:Zn,subTitles:{review:{item1:Gt,item2:Kt},autoCategorized:{item1:Jt,item2:Ni}},searchPlaceholder:Pi,allDoneText:Fi},jeSchedules:{subTitles:{item1:zi,item2:Hi},searchPlaceholder:Wi,allDoneText:Vi},missingReceipts:{subTitles:qi,searchPlaceholder:Ui,allDoneText:Gi},fluxAnalysis:{subTitles:{item1:Ki,item2:Ji},searchPlaceholder:Yi,emptyPageTexts:{youDidIt:Zi,allReviewed:Xi}},accountRecon:{review:{allDoneText:Xn},reconcile:{allDoneText:Qi},tabs:Qn,titles:{item1:er,item2:tr},subTitles:{review:{item1:nr,item2:Yt},reconcile:{item1:Zt,item2:sr}}}}}=t.appLocale.getLocalizedStrings(),Me=(e,s,l,a,p)=>{switch(e){case"transaction_categorization":return{key:"transaction_categorization",title:Oi,subTitle:[],tabs:[{label:Zn.review,id:"review",subTitle:[{pre:Gt.pre,bold:Gt.bold,prefixIconName:Gt.prefixIconName,post:Gt.post},{pre:Kt.pre,bold:Kt.bold,prefixIconName:Kt.prefixIconName,post:Kt.post}]},{label:Zn.autoCategorized,id:"autoCategorized",subTitle:[{pre:Jt.pre,bold:Jt.bold,prefixIconName:Jt.prefixIconName,post:Jt.post.replace("#number",s!=null&&s!=0?s.toString():"")},Ni]}],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Pi,allDoneText:Fi};case"je_schedules":return{key:"je_schedules",title:Di,subTitle:[zi,Hi],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Wi,allDoneText:Vi};case"missing_receipts":return{key:"missing_receipts",title:Bi,subTitle:[qi],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Ui,allDoneText:Gi};case"flux_analysis":return{key:"flux_analysis",title:_i,subTitle:[Ki,Ji],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Yi,allDoneText:{title:Zi,subTitle:Xi}};case"month_end_insights":return{key:"month_end_insights",title:Mi,subTitle:[],tabs:[],rightSection:["comment","refresh","close"],leftSection:[],searchPlaceholder:vt,allDoneText:{title:vt,subTitle:vt}};case"reconciliation":return l==null?{key:"reconciliation",title:Yn,subTitle:[er,tr],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:vt,allDoneText:{title:vt,subTitle:vt}}:{key:"reconciliation",title:a??Yn,subText:p??void 0,subTitle:[],tabs:[{label:Qn.review,id:"review",subTitle:[nr,{pre:Yt.pre,bold:Yt.bold,prefixIconName:Yt.prefixIconName,post:Yt.post}],allDoneText:Xn},{label:Qn.reconcile,id:"reconcile",subTitle:[{pre:Zt.pre,bold:Zt.bold,prefixIconName:Zt.prefixIconName,post:Zt.post},sr],allDoneText:Qi}],rightSection:["refresh"],leftSection:["back"],searchPlaceholder:vt,allDoneText:Xn}}},{common:{strings:{empty:or}},expenseAutomation:{accountRecon:{reconcile:{header:yt}}}}=t.appLocale.getLocalizedStrings(),ir={key:"date",value:yt.date,sortOrder:"ascending",width:new t.ResponsiveSized(12.75,12.75,12.75),customStyle:{marginLeft:t.sp[4],marginRight:t.sp[3]}},rr={key:"clearedDate",value:yt.clearedDate,sortOrder:"ascending",width:new t.ResponsiveSized(12.75,12.75,12.75),customStyle:{marginRight:t.sp[3],display:"none"}},ar={key:"type",value:yt.type,sortOrder:"ascending",width:new t.ResponsiveSized(12.75,12.75,12.75),customStyle:{marginRight:t.sp[3]}},cr={key:"payee",value:yt.payee,sortOrder:"ascending",width:new t.ResponsiveSized(12.75,12.75,12.75),customStyle:{marginRight:t.sp[3]}},lr={key:"account",value:yt.account,sortOrder:"ascending",width:new t.ResponsiveSized(12.75,12.75,12.75),customStyle:{marginRight:t.sp[3]}},dr={key:"transactionDirection",value:yt.direction,sortOrder:"ascending",width:new t.ResponsiveSized(12.75,12.75,12.75),customStyle:{marginRight:t.sp[3]}},ur={key:"memo",value:yt.memo,sortOrder:"ascending",width:new t.ResponsiveSized(12.75,12.75,12.75),customStyle:{marginRight:t.sp[3]}},pr={key:"amount",value:yt.amount,sortOrder:"ascending",width:new t.ResponsiveSized(12.75,12.75,12.75),customStyle:{marginRight:t.sp[3]}},mr={key:"recommended",value:or,sortOrder:"ascending",width:new t.ResponsiveSized(1.25,1.25,1.25),customStyle:{marginRight:t.sp[4],marginLeft:t.sp[0]}},$e=[ir,rr,ar,cr,lr,dr,ur,pr,mr],xr=50,Ht={sortKey:"date",sortOrder:"descending"};function hr({sortConfig:e,onReconTabColumnSortConfigChanged:s}){const l=t.useWindowSizeContext(),[a,p]=m.useState(n.cloneDeep($e));m.useEffect(()=>{const c=[...a];for(const r of c)r.key===e.sortKey?r.sortOrder=e.sortOrder:r.sortOrder="ascending";p(c)},[e.sortKey,e.sortOrder]);const u=(c,r)=>{let x=r;e.sortKey===c&&(x=r==="ascending"?"descending":"ascending"),s(c,x)},o=c=>{u(c.key,c.sortOrder)};return n.jsxRuntimeExports.jsx(yr,{headerHeight:xr,children:a.map(c=>n.jsxRuntimeExports.jsx(jr,{columnWidth:c.width,windowSize:l,sortDataValue:e.sortKey,actualDataValue:c.key,style:c.customStyle,children:n.jsxRuntimeExports.jsxs(vr,{isVisible:c.key!=="recommended",children:[n.jsxRuntimeExports.jsx(fr,{"data-testid":t.generateDataTestId("reconcile-tab-list-sort",c.value),onClick:()=>o(c),children:n.jsxRuntimeExports.jsx(t.ExtraSmallRegular,{children:c.value})}),n.jsxRuntimeExports.jsx(Sr,{sortConfig:e,headerData:c,children:n.jsxRuntimeExports.jsx(Rr,{})}),n.jsxRuntimeExports.jsx(Cr,{isVisible:e.sortKey===c.key&&(e.sortKey!==Ht.sortKey||e.sortOrder!==Ht.sortOrder),children:n.jsxRuntimeExports.jsx(Er,{"data-testid":t.generateDataTestId("reconcile-tab-list-reset-sort",Ht.sortKey),onClick:()=>s(Ht.sortKey,Ht.sortOrder)})})]})},c.key))})}const gr=m.memo(hr),jr=i.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;
+`,fr=i.div`
+  display: flex;
+  gap: 5px;
+  cursor: pointer;
+`,yr=i(t.SmallRegular)`
+  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: ${t.Space.sp3} ${t.Space.sp8} ${t.Space.sp3} ${t.Space.sp0};
+  position: sticky;
+  color: ${e=>e.theme.colors.grey1};
+`,Sr=i.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"};
+`,Rr=i(t.SvgArrowTailTop)`
+  width: ${t.Space.sp2};
+  height: ${t.Space.sp2};
+`,Cr=i.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};
+  }
+`,Er=i(t.SvgCloseRound)`
+  width: 12px;
+  height: 12px;
+`,vr=i.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+`,br=54,wr=72,{common:{strings:{hyphen:dn}}}=t.appLocale.getLocalizedStrings(),{dateFormat:es}=t.appLocale.getLocalizedStrings();function Ir({selectedTransactionIds:e,transaction:s,transactionId:l}){const a=t.useWindowSizeContext(),p=n.useTheme(),[u,o]=m.useState(!1),c=e.includes(l),r=u||c;return n.jsxRuntimeExports.jsx(kr,{id:l,onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),children:n.jsxRuntimeExports.jsxs(Tr,{isSelected:r,totalHeight:br,children:[n.jsxRuntimeExports.jsx(ct,{windowSize:a,responsiveWidth:$e[0].width,style:$e[0].customStyle,children:n.jsxRuntimeExports.jsx(bt,{isSelected:r,children:s.date.format(es.visual.MMMDCommaYYYYformat)})}),$e[1].customStyle.display!=="none"?n.jsxRuntimeExports.jsx(ct,{windowSize:a,responsiveWidth:$e[1].width,style:$e[1].customStyle,children:n.jsxRuntimeExports.jsx(bt,{isSelected:r,children:s.clearedDate!=null?s.clearedDate.format(es.visual.MMMDCommaYYYYformat):n.jsxRuntimeExports.jsx("span",{children:dn})})}):null,n.jsxRuntimeExports.jsx(ct,{windowSize:a,style:$e[2].customStyle,responsiveWidth:$e[2].width,children:n.jsxRuntimeExports.jsx(Ar,{isSelected:r,children:n.jsxRuntimeExports.jsx($r,{isSelected:r,children:t.getStringForTransactionType(s.type)})})}),n.jsxRuntimeExports.jsx(ct,{windowSize:a,style:$e[3].customStyle,responsiveWidth:$e[3].width,children:s.merchantName!=null&&s.merchantName.length>0?n.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{text:s.merchantName,itemTextStyle:{color:r?p.colors.primary:p.colors.hero}}):n.jsxRuntimeExports.jsx(bt,{isSelected:r,children:n.jsxRuntimeExports.jsx("span",{children:dn})})}),n.jsxRuntimeExports.jsx(ct,{windowSize:a,style:$e[4].customStyle,responsiveWidth:$e[4].width,children:s.accountName!=null&&s.accountName.length>0?n.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{text:s.accountName,itemTextStyle:{color:r?p.colors.primary:p.colors.hero}}):n.jsxRuntimeExports.jsx(bt,{isSelected:r,children:n.jsxRuntimeExports.jsx("span",{children:dn})})}),n.jsxRuntimeExports.jsx(ct,{windowSize:a,style:$e[5].customStyle,responsiveWidth:$e[5].width,children:n.jsxRuntimeExports.jsx(bt,{isSelected:r,style:{textTransform:"capitalize"},children:s.transactionDirection})}),n.jsxRuntimeExports.jsx(ct,{windowSize:a,style:$e[6].customStyle,responsiveWidth:$e[6].width,children:n.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{text:s.memo,itemTextStyle:{color:r?p.colors.primary:p.colors.hero}})}),n.jsxRuntimeExports.jsx(ct,{windowSize:a,style:$e[7].customStyle,responsiveWidth:$e[7].width,children:n.jsxRuntimeExports.jsx(bt,{isSelected:r,children:t.amountToString("0,0.[00]",s.amount)})}),n.jsxRuntimeExports.jsx(ct,{windowSize:a,responsiveWidth:$e[8].width,style:$e[8].customStyle,children:n.jsxRuntimeExports.jsx(bt,{isSelected:r,children:s.isZeniRecommended?n.jsxRuntimeExports.jsx(Lr,{}):null})})]})})}const kr=i.div`
+  box-sizing: border-box;
+  width: 100%;
+  display: flex;
+  padding-right: ${t.Space.sp8};
+`,Tr=i.div`
+  cursor: pointer;
+  display: flex;
+  border-radius: ${t.Space.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=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  :hover {
+    border: ${e=>`1px solid ${e.theme.colors.primary}`};
+  }
+`,ct=i.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  height: 100%;
+  z-index: auto;
+  position: relative;
+`,bt=i(t.StandardRegular)`
+  color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
+  span {
+    padding-left: ${t.Space.sp3};
+  }
+`,$r=i(t.ExtraSmallRegular)`
+  text-transform: capitalize;
+  color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
+`,Lr=i(t.SvgAiIcon)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  margin-right: ${t.Space.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,Ar=i.div`
+  padding: 1px 6px;
+  border-radius: ${t.Space.sp1};
+  border: ${e=>`1px solid ${e.isSelected?e.theme.colors.primary:e.theme.colors.hero}`};
+`,Or=t.appLocale.getLocalizedStrings(),{common:{all:ts,strings:{empty:ns}}}=Or,ss="selectedTransactionIds",Dr="expenseAutomationBankReconReconcilePage",_r=e=>`${e}_form`;function Br({currentFooterFormId:e,localData:s,matchedTransactions:l,sortConfig:a,onSaveReconciliation:p,selectedAccountId:u,onReconTabColumnSortConfigChanged:o,onUpdateReconcileTabLocalData:c,setCurrentFooterFormId:r}){const x=n.useForm({mode:"all",defaultValues:{selectedTransactionIds:s.selectedTransactionIds},values:{selectedTransactionIds:s.selectedTransactionIds}}),d={label:n.jsxRuntimeExports.jsx(gr,{onReconTabColumnSortConfigChanged:o,sortConfig:a}),value:ts.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},h=l.map(f=>({label:n.jsxRuntimeExports.jsx(Ir,{transaction:f,selectedTransactionIds:s.selectedTransactionIds,transactionId:f.id}),value:f.id,defaultChecked:!1,groupLabel:!1})),j=[d,...h],y=async f=>{const g=f[ss].filter(b=>b!=ts.toLocaleLowerCase());c(g)};m.useEffect(()=>{const f=x.watch(v=>{v!=null&&n.defer(()=>y(v))});return()=>{f.unsubscribe()}}),m.useEffect(()=>(e!=="expenseAutomationBankReconReconcilePage"&&r("expenseAutomationBankReconReconcilePage"),()=>{r("expenseAutomationPage")}),[]);const S=m.useCallback(()=>{p({reconcileAction:"reconcile"})},[p]);if(l.length===0){const f=Me("reconciliation",void 0,u).tabs.find(v=>v.id==="reconcile")?.allDoneText;return n.jsxRuntimeExports.jsx(Fr,{children:n.jsxRuntimeExports.jsx(pt,{tab:"missing_receipts",title:f?.title??ns,subTitle:f?.subTitle??ns})})}return n.jsxRuntimeExports.jsx(Mr,{children:n.jsxRuntimeExports.jsx(n.FormProvider,{...x,children:n.jsxRuntimeExports.jsx(Nr,{onSubmit:x.handleSubmit(S),id:_r(Dr),children:n.jsxRuntimeExports.jsx(Pr,{children:n.jsxRuntimeExports.jsx(li,{name:ss,checkBoxes:j,checkBoxStyle:{padding:20},labelCheckBoxStyle:{padding:20},rowHeight:wr,mode:s.selectedTransactionIds.length>0?"always_on":"checked_or_hover",checkBoxContainerStyle:{boxSizing:"border-box"}})})})})})}const Mr=i.div``,Nr=i.form``,Pr=i.div`
+  height: calc(100vh - 350px);
+`,Fr=i.div`
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,On=69,pe={COLUMN_ONE:187,COLUMN_THREE:136,COLUMN_FOUR:240,COLUMN_FIVE:146},Ys=i.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;
+`,Zs=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.Space.sp5};
+  align-items: flex-start;
+  padding-bottom: ${t.Space.sp9};
+  width: 100%;
+`,Xs=i.div`
+  width: 100%;
+`,Qs=i.div`
+  width: 100%;
+`,Nn=i.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${t.Space.sp2};
+  padding-right: ${t.Space.sp3};
+  justify-content: space-between;
+  border-bottom: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,Pn=i.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: ${t.Space.sp2};
+  padding-right: ${t.Space.sp3};
+`,zr=i.div`
+  border-top: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: ${t.Space.sp2};
+  padding-right: ${t.Space.sp3};
+`,Hr=i.div`
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+`,Fn=i.div`
+  display: flex;
+`,Wr=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${t.Space.sp1};
+  padding: ${t.Space.sp2} ${t.Space.sp0};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-bottom-left-radius: ${t.Space.sp2};
+  border-bottom-right-radius: ${t.Space.sp2};
+`,zn=i.div`
+  display: flex;
+  flex-direction: column;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${t.Space.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=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 180px;
+  padding: ${t.Space.sp2};
+  .hover-background {
+    border-radius: ${t.Space.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: ${t.Space.sp2};
+    }
+  }
+`,ot=i.div`
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+`,oe=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,de=i(t.StandardRegular)`
+  width: 100%;
+  color: ${e=>e.theme.colors.hero};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,ie=i.div`
+  display: flex;
+  gap: ${t.Space.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;
+      }
+    }
+  }
+`,Hn=i.div`
+  border-left: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  display: flex;
+  flex-direction: column;
+  gap: ${t.Space.sp3};
+  align-items: center;
+  justify-content: center;
+  padding: ${t.Space.sp0} 42px;
+`,Wn=i.div`
+  flex: 1;
+`,eo=i(t.ExtraSmallRegular)`
+  padding: ${t.Space.sp0} 6px;
+  color: ${t.Colors.info};
+  border: 1px solid ${t.Colors.info};
+  border-radius: ${t.Space.sp1};
+  margin-top: ${t.Space.sp1};
+`,on=i(t.SmallRegular)`
+  padding: ${t.Space.sp2};
+  color: ${e=>e.theme.colors.hero};
+  background: ${e=>e.theme.colors.overlayColor};
+  border-radius: ${t.Space.sp1};
+`,Pe=i(on)`
+  padding: 2px ${t.Space.sp2};
+`,At=t.appLocale.getLocalizedStrings().expenseAutomation.accountRecon.review.header,dt=[{key:"date",value:At.date,sortOrder:"ascending",width:new t.ResponsiveSized(20,20),loaderWidth:120},{key:"payee",value:At.payee,sortOrder:"ascending",width:new t.ResponsiveSized(20,20),loaderWidth:212},{key:"memo",value:At.memo,sortOrder:"ascending",width:new t.ResponsiveSized(20,20),loaderWidth:192},{key:"direction",value:At.direction,sortOrder:"ascending",width:new t.ResponsiveSized(15,15),loaderWidth:84},{key:"match",value:At.match,sortOrder:"ascending",width:new t.ResponsiveSized(15,15),loaderWidth:152},{key:"amount",value:At.amount,sortOrder:"ascending",width:new t.ResponsiveSized(10,10),loaderWidth:64}],Vr=e=>{const{sortConfig:s,onColumnSortConfigChanged:l}=e,a=t.useWindowSizeContext(),[p,u]=m.useState(n.cloneDeep(dt));m.useEffect(()=>{const c=[...p];for(const r of c)r.key===s.sortKey?r.sortOrder=s.sortOrder:r.sortOrder="ascending";u(c)},[s.sortKey,s.sortOrder]);const o=(c,r)=>{let x=r;s.sortKey===c&&(x=r==="ascending"?"descending":"ascending"),l(c,x)};return n.jsxRuntimeExports.jsx(Ur,{children:p.map(c=>n.jsxRuntimeExports.jsxs(Gr,{sortDataValue:s.sortKey,actualDataValue:c.key,wrapperWidth:c.width,windowSize:a,isLastColumn:c.key==="amount",children:[n.jsxRuntimeExports.jsxs(Kr,{"data-testid":t.generateDataTestId("account-reconciliation-review-header",c.value),sortKey:c.key,onClick:()=>o(c.key,c.sortOrder),children:[n.jsxRuntimeExports.jsx(t.ExtraSmallRegular,{children:c.value}),n.jsxRuntimeExports.jsx(Jr,{sortDataValue:s.sortKey,headerData:c,children:n.jsxRuntimeExports.jsx(Yr,{})})]}),n.jsxRuntimeExports.jsx(Zr,{sortDataValue:s.sortKey,windowSize:a,isVisible:s.sortKey===c.key&&(s.sortKey!=="date"||s.sortOrder==="ascending"),children:n.jsxRuntimeExports.jsx(Xr,{"data-testid":t.generateDataTestId("account-reconciliation-review-sort-by-date"),onClick:()=>o("date","ascending")})})]},c.key))})},qr=m.memo(Vr),Ur=i(t.SmallRegular)`
+  top: 0;
+  left: 0;
+  width: fit-content;
+  min-width: 100%;
+  z-index: 6;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  position: sticky;
+  color: ${e=>e.theme.colors.grey1};
+  background-color: ${e=>e.theme.colors.grey4};
+`,Gr=i.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: ${t.Space.sp0};
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+`,Kr=i.div`
+  display: flex;
+  cursor: pointer;
+  gap: ${t.Space.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  white-space: nowrap;
+`,Jr=i.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"?_e.css`
+          padding-top: 2px;
+        `:_e.css`
+          padding-bottom: 2px;
+        `}
+`,Yr=i(t.SvgArrowTailTop)`
+  width: ${t.Space.sp2};
+  height: ${t.Space.sp2};
+  cursor: pointer;
+  color: inherit;
+`,Zr=i.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,Xr=i(t.SvgCloseRound)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,Qe="accountReconReviewTableSection",{dateFormat:Qr,expenseAutomation:ea,common:rt}=t.appLocale.getLocalizedStrings(),{visual:to}=Qr,{accountRecon:ye}=ea,no=e=>[{label:ye.review.formLabels.allBankAccounts,options:e.map(s=>({label:s.accountName,value:s.accountId}))}],so=e=>[{label:ye.review.formLabels.allCreditCards,options:e.map(s=>({label:s.accountName,value:s.accountId}))}],os=e=>`${Qe}_${e}_form`,ve=(e,s)=>`${Qe}.${e}.${s}`,ta=e=>{const{sortKey:s,sortOrder:l,accountReconEntity:a,entitySearchAutoCompleteActions:p,allAccountList:u,classList:o,localData:c,accountListNestedAccountHierarchy:r,classListNestedAccountHierarchy:x,selectedAccountId:d,entitySearchAutoCompleteData:h,excludeFetchById:j,saveFetchById:y,reviewTabSelectedVendorByTransactionId:S,refreshStatus:f,updateLocalData:v,onColumnSortConfigChanged:g,onSaveReconciliation:b,onSaveReconciliationReview:D,onReconMatchedTransactionClick:$,bankAccounts:B,creditCards:w}=e,{transactionsToReview:R}=a,k=m.useRef(null),[L,G]=m.useState(null),I=_=>{const q=R[_],J=H.isReviewTransactionBillPaymentType(q),U=H.isReviewTransactionExpenseType(q),M=H.isReviewTransactionCreditCardPaymentType(q),se=H.isReviewTransactionBankTransferType(q),Se=H.isReviewTransactionDepositType(q),Q=H.isReviewTransactionCreditCardCreditType(q),te=q.recommendedAction.recommendedTransactions[0]?.merchantName!=null;return q.transactionId===L?U||M||se||Se||Q?275+(te?25:0):J?185+q.recommendedAction.recommendedTransactions.length*40+(te?25:0):146:72},K=m.useMemo(()=>({onColumnSortConfigChanged:g,sortConfig:{sortKey:s,sortOrder:l}}),[g,s,l]);if(m.useEffect(()=>{G(R[0]?.transactionId??null),k.current?.resetAfterIndex(0)},[s,l]),m.useEffect(()=>{k.current?.resetAfterIndex(0)},[L]),m.useEffect(()=>{k.current?.resetAfterIndex(0)},[R.length]),m.useEffect(()=>{f.fetchState==="Completed"&&k.current?.resetAfterIndex(0)},[f]),R.length===0){const _=Me("reconciliation",void 0,d).tabs.find(q=>q.id==="review")?.allDoneText;return n.jsxRuntimeExports.jsx(Ea,{children:n.jsxRuntimeExports.jsx(pt,{tab:"reconciliation",title:_?.title??rt.strings.empty,subTitle:_?.subTitle??rt.strings.empty})})}return n.jsxRuntimeExports.jsx(la,{children:n.jsxRuntimeExports.jsx(oo.Provider,{value:K,children:n.jsxRuntimeExports.jsx(n.AutoSizer,{children:({height:_,width:q})=>n.jsxRuntimeExports.jsx(n.VariableSizeList,{width:q,height:_,innerElementType:io,ref:k,itemCount:R.length,itemSize:I,itemKey:J=>R[J].transactionId,overscanCount:bo.OVERSCAN_COUNT,itemData:{transactionsList:R,expandedRowId:L,allAccountList:u,classList:o,accountListNestedAccountHierarchy:r,classListNestedAccountHierarchy:x,localData:c,entitySearchAutoCompleteData:h,entitySearchAutoCompleteActions:p,excludeFetchById:j,saveFetchById:y,reviewTabSelectedVendorByTransactionId:S,bankAccounts:B,creditCards:w,updateLocalData:v,setExpandedRowId:G,onSaveReconciliation:b,onSaveReconciliationReview:D,onReconMatchedTransactionClick:$},initialScrollOffset:0,children:na})})})})},oo=m.createContext(void 0),io=m.forwardRef((e,s)=>{const{children:l,style:a,...p}=e,{sortConfig:u,onColumnSortConfigChanged:o}=m.useContext(oo);return n.jsxRuntimeExports.jsxs(da,{ref:s,style:{...a,width:"auto",padding:`${t.Space.sp0} ${t.Space.sp8}`},...p,children:[n.jsxRuntimeExports.jsx(qr,{onColumnSortConfigChanged:o,sortConfig:u}),n.jsxRuntimeExports.jsx(ua,{children:l})]})});io.displayName="Account recon review table inner element type";const na=({index:e,style:s,data:l})=>{const{transactionsList:a,expandedRowId:p,setExpandedRowId:u,entitySearchAutoCompleteActions:o,allAccountList:c,classList:r,localData:x,updateLocalData:d,accountListNestedAccountHierarchy:h,classListNestedAccountHierarchy:j,entitySearchAutoCompleteData:y,onSaveReconciliation:S,onSaveReconciliationReview:f,onReconMatchedTransactionClick:v,excludeFetchById:g,saveFetchById:b,reviewTabSelectedVendorByTransactionId:D,bankAccounts:$,creditCards:B}=l,w=a[e];return n.jsxRuntimeExports.jsx(ca,{style:{...s,width:"100%"},children:n.jsxRuntimeExports.jsx(sa,{transaction:w,expandedRowId:p,setExpandedRowId:u,entitySearchAutoCompleteActions:o,accountListNestedAccountHierarchy:h,allAccountList:c,classList:r,localData:x,updateLocalData:d,entitySearchAutoCompleteData:y,classListNestedAccountHierarchy:j,onSaveReconciliation:S,onSaveReconciliationReview:f,onReconMatchedTransactionClick:v,excludeFetchById:g,saveFetchById:b,selectedVendor:D[w.transactionId],bankAccounts:$,creditCards:B})})},sa=({transaction:e,expandedRowId:s,accountListNestedAccountHierarchy:l,entitySearchAutoCompleteActions:a,allAccountList:p,classList:u,classListNestedAccountHierarchy:o,localData:c,entitySearchAutoCompleteData:r,excludeFetchById:x,saveFetchById:d,selectedVendor:h,bankAccounts:j,creditCards:y,setExpandedRowId:S,updateLocalData:f,onSaveReconciliation:v,onSaveReconciliationReview:g,onReconMatchedTransactionClick:b})=>{const D=s===e.transactionId,$=t.useWindowSizeContext(),B=c[e.transactionId],w=e.recommendedAction.action==="record_bill_payment",R=e.recommendedAction.action==="record_expense",k=H.isReviewTransactionCreditCardCreditType(e),L=p.find(K=>K.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),G=K=>K.recommendedAction.recommendedTransactions.length>0&&K.recommendedAction.recommendedTransactions[0].merchantName!=null?K.recommendedAction.recommendedTransactions[0].merchantName:rt.strings.hyphen,I=e.recommendedAction.recommendedTransactions[0]?.merchantName;return n.jsxRuntimeExports.jsxs(ia,{isExpanded:D,children:[n.jsxRuntimeExports.jsxs(ra,{isExpanded:D,onClick:()=>S(e.transactionId),"data-testid":t.generateDataTestId("account-reconciliation-review-row",e.transactionId),children:[n.jsxRuntimeExports.jsx(Dt,{windowSize:$,responsiveWidth:dt[0].width,children:n.jsxRuntimeExports.jsx(Ot,{children:e.transactionDate.format(to.MMMDCommaYYYYformat)})}),n.jsxRuntimeExports.jsx(Dt,{windowSize:$,responsiveWidth:dt[1].width,children:n.jsxRuntimeExports.jsx(Ot,{children:n.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{itemTextStyle:{...t.textStyles.standardRegular.cssObject,color:"inherit"},text:G(e)})})}),n.jsxRuntimeExports.jsx(Dt,{windowSize:$,responsiveWidth:dt[2].width,children:n.jsxRuntimeExports.jsx(Ot,{children:n.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{itemTextStyle:{...t.textStyles.standardRegular.cssObject,color:"inherit"},text:e.memo})})}),n.jsxRuntimeExports.jsx(Dt,{windowSize:$,responsiveWidth:dt[3].width,children:n.jsxRuntimeExports.jsx(Ot,{style:{textTransform:"capitalize"},children:e.transactionDirection})}),n.jsxRuntimeExports.jsxs(Dt,{windowSize:$,responsiveWidth:dt[4].width,children:[n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:w,children:n.jsxRuntimeExports.jsx(va,{children:n.jsxRuntimeExports.jsx(ba,{children:ye.review.matchesCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())})})}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:!w,children:n.jsxRuntimeExports.jsx(Ot,{children:L!=null?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(ro,{}),n.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{itemTextStyle:{...t.textStyles.standardRegular.cssObject,color:"inherit"},text:L.accountName})]}):rt.strings.hyphen})})]}),n.jsxRuntimeExports.jsx(Dt,{windowSize:$,isLastColumn:!0,responsiveWidth:dt[5].width,children:n.jsxRuntimeExports.jsx(Ot,{children:t.amountValueToString("0,0.00",e.amount.amount,e.amount.currencySymbol)})})]}),n.jsxRuntimeExports.jsxs(t.ControlledComponent,{controller:D&&B!=null,children:[n.jsxRuntimeExports.jsx(oa,{onSaveReconciliation:v,onSaveReconciliationReview:g,updateLocalData:f,saveFetchById:d,excludeFetchById:x,localData:B,classListNestedAccountHierarchy:o,allAccountList:p,classList:u,transaction:e,accountListNestedAccountHierarchy:l,entitySearchAutoCompleteActions:a,entitySearchAutoCompleteData:r,selectedVendor:h,bankAccounts:j,creditCards:y,onReconMatchedTransactionClick:b}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:(w||R||k)&&I!=null,children:n.jsxRuntimeExports.jsx(Ia,{children:n.jsxRuntimeExports.jsxs(ka,{children:[ye.review.bankDetail,rt.strings.colon," ",I]})})})]})]})},oa=({transaction:e,accountListNestedAccountHierarchy:s,entitySearchAutoCompleteActions:l,allAccountList:a,classList:p,classListNestedAccountHierarchy:u,localData:o,entitySearchAutoCompleteData:c,excludeFetchById:r,saveFetchById:x,selectedVendor:d,bankAccounts:h,creditCards:j,updateLocalData:y,onSaveReconciliation:S,onSaveReconciliationReview:f,onReconMatchedTransactionClick:v})=>{const g=n.useTheme(),[b,D]=m.useState(!o.vendor?.id),[$,B]=m.useState(!o.customer?.id),[w,R]=m.useState(o.categoryId==null),[k,L]=m.useState(o.classId==null),[G,I]=m.useState(o.bankAccountId==null),[K,_]=m.useState(o.creditCardId==null),[q,J]=m.useState(!o.memo),U=H.isReviewTransactionBillPaymentType(e),M=H.isReviewTransactionExpenseType(e),se=H.isReviewTransactionBankTransferType(e),Se=H.isReviewTransactionCreditCardPaymentType(e),Q=H.isReviewTransactionDepositType(e),te=H.isReviewTransactionCreditCardCreditType(e),ae=m.useMemo(()=>{if(!M&&!te)return t.getGroupedAccountOptions(s);if(d!=null&&d.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return t.getGroupedAccountOptions(s,d?.recommendations);const C=a.find(fe=>fe.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),re=C!=null?{...C,reason:ye.review.zeniGptRecommendation,min:0,max:0}:void 0;return t.getGroupedAccountOptions(s,[{account:re}])},[M,te,d,e.recommendedAction.recommendedTransactions,a,s]),F=m.useMemo(()=>{if(!M&&!te)return t.getGroupedClassOptions(u);if(d!=null&&d.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return t.getGroupedClassOptions(u,d?.recommendations);const C=p.find(fe=>fe.classId===e.recommendedAction.recommendedTransactions[0]?.classId),re=C!=null?{...C,reason:ye.review.zeniGptRecommendation,min:0,max:0}:void 0;return t.getGroupedClassOptions(u,[{class:re}])},[M,te,d,e.recommendedAction.recommendedTransactions,p,u]),A=n.useForm({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:m.useMemo(()=>is(e,o,ae,a,F,h,j,c),[e,o,F,a,ae,h,j,c]),values:m.useMemo(()=>is(e,o,ae,a,F,h,j,c),[e,o,F,a,ae,h,j,c])}),ee=async(C,re)=>{C.includes("memo")||y(rs(re,e,c,a),e.transactionId,C.includes("vendor"))};m.useEffect(()=>{const C=A.watch((re,{name:fe})=>{fe!=null&&re!=null&&n.defer(()=>ee(fe,re))});return()=>{C.unsubscribe()}});const z=m.useCallback(C=>{if(M||Q||te){if((M||te)&&o.vendor==null){D(!1),A.setError(ve(e.transactionId,"vendor"),{type:"required"});return}if(Q&&o.customer==null){B(!1),A.setError(ve(e.transactionId,"customer"),{type:"required"});return}if(o.categoryId==null){R(!1),A.setError(ve(e.transactionId,"category"),{type:"required"});return}}y(rs(C,e,c,a),e.transactionId,!1),f(e.transactionId)},[M,te,Q,y,e,c,a,f,o.categoryId,o.vendor,o.customer]),N=A.watch(ve(e.transactionId,"vendor")),E=A.watch(ve(e.transactionId,"customer")),W=m.useRef(),Y=m.useMemo(()=>M||te?"vendor":Q?"customer":null,[M,te,Q]),O=(C,re)=>{Y!=null&&l.onAutoCompleteInputChange?.(C,Y),W.current=re};m.useEffect(()=>{c.entityAutoCompleteView.fetchState==="Completed"&&((M||te)&&W.current?.(t.getVendorOptions(c.entityAutoCompleteView)),Q&&W.current?.(t.getCustomerOptions(c.entityAutoCompleteView)))},[c.entityAutoCompleteView,Q,M,te]);const Z=C=>p.filter(fe=>fe.classId===C)[0]?.accountingClassNumber??void 0,P=C=>a.filter(fe=>fe.qboId===C)[0]?.qboId,V=m.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]),je=()=>{R(!1)},Ee=()=>{I(!1)},ce=()=>{_(!1)};return m.useEffect(()=>{w===!1&&o.categoryId==null&&A.setFocus(ve(e.transactionId,"category"))},[w]),m.useEffect(()=>{k===!1&&o.classId==null&&A.setFocus(ve(e.transactionId,"class"))},[k]),m.useEffect(()=>{b===!1&&o.vendor==null&&A.setFocus(ve(e.transactionId,"vendor"))},[b]),m.useEffect(()=>{$===!1&&o.customer==null&&A.setFocus(ve(e.transactionId,"customer"))},[$]),m.useEffect(()=>{G===!1&&o.bankAccountId==null&&A.setFocus(ve(e.transactionId,"bankAccount"))},[G]),m.useEffect(()=>{K===!1&&o.creditCardId==null&&A.setFocus(ve(e.transactionId,"creditCard"))},[K]),n.jsxRuntimeExports.jsx(n.FormProvider,{...A,children:n.jsxRuntimeExports.jsx("form",{onSubmit:A.handleSubmit(z),id:os(e.transactionId),children:n.jsxRuntimeExports.jsxs(aa,{children:[n.jsxRuntimeExports.jsxs(pa,{children:[n.jsxRuntimeExports.jsxs(ha,{children:[n.jsxRuntimeExports.jsxs(ga,{children:[n.jsxRuntimeExports.jsx(ro,{}),n.jsxRuntimeExports.jsx(t.LabeledRadioField,{label:{label:U?ye.review.formLabels.match:ye.review.formLabels.categorize},radioField:{name:ve(e.transactionId,"match_radio"),id:U?"match":"categorize",value:U?"match":"categorize",checked:!0,style:{width:t.Space.sp3,height:t.Space.sp3,padding:"2px"}},style:{width:"auto"}})]}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:!U,children:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(as,{}),V.map(C=>n.jsxRuntimeExports.jsx(t.LabeledRadioField,{label:{label:ye.review.formLabels[C]},style:{width:"auto"},isDisabled:"readonly",changeLabelColorInDisableMode:!0,radioField:{name:ve(e.transactionId,"recommendedActionType"),id:C,value:C,style:{width:t.Space.sp3,height:t.Space.sp3,padding:"2px"}}},C))]})})]}),n.jsxRuntimeExports.jsxs(xa,{children:[n.jsxRuntimeExports.jsx(t.Button,{variant:"secondary",size:"small",label:ye.review.formLabels.exclude,loading:r[e.transactionId]?.fetchState==="In-Progress","data-testid":t.generateDataTestId("account-reconciliation-review-exclude-button",e.transactionId),style:{width:t.Space.sp10},reverseSpinnerColor:!1,onClick:()=>{S({reconcileAction:"exclude",excludeTransactionId:e.transactionId})}}),n.jsxRuntimeExports.jsx(t.Button,{form:os(e.transactionId),"data-testid":t.generateDataTestId("account-reconciliation-review-save-button",e.transactionId),label:rt.footer.save,style:{width:t.Space.sp10},variant:"primary",size:"small",type:"submit",loading:x[e.transactionId]?.fetchState==="In-Progress"})]})]}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:M||Q||te,children:n.jsxRuntimeExports.jsxs(un,{children:[n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:M||te,children:n.jsxRuntimeExports.jsx(n.ClickAwayListener,{onClickAway:()=>{o.vendor==null&&b===!1&&D(!0)},children:n.jsxRuntimeExports.jsx(X,{style:{flex:1,padding:t.sp[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:n.jsxRuntimeExports.jsxs(ot,{className:"hover-background",style:{padding:`${t.Space.sp2} ${t.Space.sp3}`},children:[n.jsxRuntimeExports.jsx(oe,{style:{display:"flex",alignItems:"center",gap:t.sp[1]},children:rt.texts.vendor}),n.jsxRuntimeExports.jsx(ie,{style:{gap:t.sp[3]},className:"item-value-container",children:n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:b===!0?n.jsxRuntimeExports.jsxs(de,{onClick:C=>{C.stopPropagation(),D(!1)},"data-testid":t.generateDataTestId("account-reconciliation-review-add-vendor-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:t.sp[1],color:g.colors.champion,cursor:"pointer"},children:[n.jsxRuntimeExports.jsx(wt,{}),ye.review.formLabels.addVendor]}):n.jsxRuntimeExports.jsx(t.AutoCompleteSingleSelectField,{name:ve(e.transactionId,"vendor"),allowEmpty:!1,placeholder:ye.review.formLabels.addVendor,valueToId:C=>C,defaultValue:{selectedOption:N?.selectedOption,defaultOptions:N?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:t.Space.sp4})},registerOptions:{required:!0,validate:C=>!!C.selectedOption},loadOptions:O})})})]})})})}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:Q,children:n.jsxRuntimeExports.jsx(n.ClickAwayListener,{onClickAway:()=>{o.customer==null&&$===!1&&B(!0)},children:n.jsxRuntimeExports.jsx(X,{style:{flex:1,padding:t.sp[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:n.jsxRuntimeExports.jsxs(ot,{className:"hover-background",style:{padding:`${t.Space.sp2} ${t.Space.sp3}`},children:[n.jsxRuntimeExports.jsx(oe,{style:{display:"flex",alignItems:"center",gap:t.sp[1]},children:rt.texts.customer}),n.jsxRuntimeExports.jsx(ie,{style:{gap:t.sp[3]},className:"item-value-container",children:n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:$===!0?n.jsxRuntimeExports.jsxs(de,{onClick:C=>{C.stopPropagation(),B(!1)},"data-testid":t.generateDataTestId("account-reconciliation-review-add-customer-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:t.sp[1],color:g.colors.champion,cursor:"pointer"},children:[n.jsxRuntimeExports.jsx(wt,{}),ye.review.formLabels.addCustomer]}):n.jsxRuntimeExports.jsx(t.AutoCompleteSingleSelectField,{name:ve(e.transactionId,"customer"),allowEmpty:!1,placeholder:ye.review.formLabels.addCustomer,valueToId:C=>C,defaultValue:{selectedOption:E?.selectedOption,defaultOptions:E?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:t.Space.sp4})},registerOptions:{required:!0,validate:C=>!!C.selectedOption},loadOptions:O})})})]})})})}),n.jsxRuntimeExports.jsx(n.ClickAwayListener,{onClickAway:()=>{o.categoryId==null&&w===!1&&R(!0)},children:n.jsxRuntimeExports.jsx(X,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:n.jsxRuntimeExports.jsxs(ot,{className:"hover-background",children:[n.jsxRuntimeExports.jsx(oe,{style:{display:"flex",alignItems:"center",gap:t.sp[1]},children:rt.texts.category}),n.jsxRuntimeExports.jsx(ie,{className:"item-value-container",children:n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:w===!0?n.jsxRuntimeExports.jsxs(de,{onClick:C=>{C.stopPropagation(),je()},"data-testid":t.generateDataTestId("account-reconciliation-review-add-category-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:t.sp[1],color:g.colors.champion,cursor:"pointer"},children:[n.jsxRuntimeExports.jsx(wt,{}),ye.review.formLabels.addCategory]}):n.jsxRuntimeExports.jsx(t.GroupedSingleSelectField,{shouldShowChevronIcon:!1,menuPortal:document.body,name:ve(e.transactionId,"category"),placeholder:ye.review.formLabels.addCategory,valueToId:C=>P(C),defaultValue:{allOptions:ae,selectedOption:a.find(C=>C.accountId===o.categoryId)?.qboId},registerOptions:{required:!0,validate:C=>!!C.selectedOption},customStyleConfig:Xt})})})]})})}),n.jsxRuntimeExports.jsx(n.ClickAwayListener,{onClickAway:()=>{o.classId==null&&k===!1&&L(!0)},children:n.jsxRuntimeExports.jsx(X,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:n.jsxRuntimeExports.jsxs(ot,{className:"hover-background",children:[n.jsxRuntimeExports.jsx(oe,{style:{display:"flex",alignItems:"center",gap:t.sp[1]},children:rt.texts.class}),n.jsxRuntimeExports.jsx(ie,{className:"item-value-container",children:n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:k===!0?n.jsxRuntimeExports.jsxs(de,{onClick:C=>{C.stopPropagation(),L(!1)},"data-testid":t.generateDataTestId("account-reconciliation-review-add-class-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:t.sp[1],color:g.colors.champion,cursor:"pointer"},children:[n.jsxRuntimeExports.jsx(wt,{}),ye.review.formLabels.addClass]}):n.jsxRuntimeExports.jsx(t.GroupedSingleSelectField,{shouldShowChevronIcon:!1,menuPortal:document.body,name:ve(e.transactionId,"class"),placeholder:ye.review.formLabels.addClass,valueToId:C=>Z(C),defaultValue:{allOptions:F,selectedOption:o.classId},registerOptions:{required:!0,validate:C=>!!C.selectedOption},customStyleConfig:Xt})})})]})})})]})}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:U,children:n.jsxRuntimeExports.jsxs(ja,{children:[n.jsxRuntimeExports.jsxs(fa,{children:[n.jsxRuntimeExports.jsx("span",{className:"matched-text",children:`${ye.review.matchedFoundCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())} `}),ye.review.matchesFoundFullInfo]}),n.jsxRuntimeExports.jsx(Sa,{children:e.recommendedAction.recommendedTransactions.map(C=>C.bookTransactionId!=null?n.jsxRuntimeExports.jsxs(Ra,{children:[n.jsxRuntimeExports.jsx(t.LabeledRadioField,{label:{label:n.jsxRuntimeExports.jsxs(ya,{children:[n.jsxRuntimeExports.jsx(t.StandardRegular,{children:C.date.format(to.MMMDCommaYYYYformat)}),n.jsxRuntimeExports.jsx(t.StandardRegular,{children:C.memo})]})},style:{width:"auto"},isDisabled:void 0,changeLabelColorInDisableMode:!0,radioField:{name:ve(e.transactionId,"matchedTransaction"),registerOptions:{required:!0},id:C.bookTransactionId,value:C.bookTransactionId,style:{width:t.Space.sp3,height:t.Space.sp3,padding:"2px"}}}),n.jsxRuntimeExports.jsxs(wa,{"data-testid":t.generateDataTestId("account-reconciliation-review-matched-transaction-amount",C.bookTransactionId),onClick:()=>{C.bookTransactionId!=null&&v(C.bookTransactionId)},children:[n.jsxRuntimeExports.jsx(Ca,{children:t.amountValueToString("0,0.00",C.amount.amount,C.amount.currencySymbol)}),n.jsxRuntimeExports.jsx(as,{})]})]},C.bookTransactionId):null)})]})}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:se,children:n.jsxRuntimeExports.jsx(un,{children:n.jsxRuntimeExports.jsx(n.ClickAwayListener,{onClickAway:()=>{o.bankAccountId==null&&G===!1&&I(!0)},children:n.jsxRuntimeExports.jsx(X,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:n.jsxRuntimeExports.jsxs(ot,{className:"hover-background",children:[n.jsxRuntimeExports.jsx(oe,{style:{display:"flex",alignItems:"center",gap:t.sp[1]},children:ye.review.formLabels.transferTo}),n.jsxRuntimeExports.jsx(ie,{className:"item-value-container",children:n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:G===!0?n.jsxRuntimeExports.jsxs(de,{onClick:C=>{C.stopPropagation(),Ee()},"data-testid":t.generateDataTestId("account-reconciliation-review-add-account-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:t.sp[1],color:g.colors.brandColorGoldDark,cursor:"pointer"},children:[n.jsxRuntimeExports.jsx(wt,{}),ye.review.formLabels.selectAccount]}):n.jsxRuntimeExports.jsx(t.GroupedSingleSelectField,{shouldShowChevronIcon:!1,menuPortal:document.body,name:ve(e.transactionId,"bankAccount"),placeholder:ye.review.formLabels.selectAccount,defaultValue:{allOptions:no(h),selectedOption:o.bankAccountId},registerOptions:{required:!0,validate:C=>!!C.selectedOption},customStyleConfig:Xt})})})]})})})})}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:Se,children:n.jsxRuntimeExports.jsx(un,{children:n.jsxRuntimeExports.jsx(n.ClickAwayListener,{onClickAway:()=>{o.creditCardId==null&&K===!1&&_(!0)},children:n.jsxRuntimeExports.jsx(X,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:n.jsxRuntimeExports.jsxs(ot,{className:"hover-background",children:[n.jsxRuntimeExports.jsx(oe,{style:{display:"flex",alignItems:"center",gap:t.sp[1]},children:ye.review.formLabels.creditCard}),n.jsxRuntimeExports.jsx(ie,{className:"item-value-container",children:n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:K===!0?n.jsxRuntimeExports.jsxs(de,{onClick:C=>{C.stopPropagation(),ce()},"data-testid":t.generateDataTestId("account-reconciliation-review-add-credit-card-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:t.sp[1],color:g.colors.brandColorGoldDark,cursor:"pointer"},children:[n.jsxRuntimeExports.jsx(wt,{}),ye.review.formLabels.selectCard]}):n.jsxRuntimeExports.jsx(t.GroupedSingleSelectField,{shouldShowChevronIcon:!1,menuPortal:document.body,name:ve(e.transactionId,"creditCard"),placeholder:ye.review.formLabels.selectCard,defaultValue:{allOptions:so(j),selectedOption:o.creditCardId},registerOptions:{required:!0,validate:C=>!!C.selectedOption},customStyleConfig:Xt})})})]})})})})}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:!U,children:n.jsxRuntimeExports.jsx(ma,{children:n.jsxRuntimeExports.jsx(X,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",width:"100%"},children:n.jsxRuntimeExports.jsxs(ot,{className:"hover-background",children:[n.jsxRuntimeExports.jsx(oe,{style:{display:"flex",alignItems:"center",gap:t.sp[1]},children:ye.review.header.memo}),n.jsxRuntimeExports.jsx(ie,{className:"item-value-container",children:n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:q===!0?n.jsxRuntimeExports.jsxs(de,{onClick:C=>{C.stopPropagation(),J(!1)},"data-testid":t.generateDataTestId("account-reconciliation-review-add-memo-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:t.sp[1],color:g.colors.champion,cursor:"pointer"},children:[n.jsxRuntimeExports.jsx(wt,{}),ye.review.formLabels.addMemo]}):n.jsxRuntimeExports.jsx(t.TextField,{name:ve(e.transactionId,"memo"),placeholder:ye.review.formLabels.addMemo,type:"text",style:{padding:0,textAlign:"left",width:"100%",background:"transparent"}})})})]})})})})]})})})},Xt={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:t.Space.sp4}),singleValue:()=>({margin:0}),menuPortal:()=>({zIndex:9999}),menu:()=>({width:`calc(100% + ${t.Space.sp5})`,marginRight:`-${t.Space.sp3}`,marginLeft:`-${t.Space.sp3}`})},is=(e,s,l,a,p,u,o,c)=>{const r=a.find(x=>x.accountId===s.categoryId);return{[Qe]:{[e.transactionId]:{category:{selectedOption:r?.qboId,allOptions:l},class:{selectedOption:s?.classId,allOptions:p},bankAccount:{selectedOption:s?.bankAccountId,allOptions:no(u)},creditCard:{selectedOption:s?.creditCardId,allOptions:so(o)},memo:s?.memo,recommendedActionType:e.recommendedAction.action,matchedTransaction:s?.matchedTransactionId,vendor:{selectedOption:s?.vendor?.id,defaultOptions:t.getDefaultVendorOptions$1(c.entityAutoCompleteView,s?.vendor)},customer:{selectedOption:s?.customer?.id,defaultOptions:t.getDefaultCustomerOptions(s?.customer,c.entityAutoCompleteView)}}}}},rs=(e,s,l,a)=>{const{vendor:p,customer:u}=e[Qe][s.transactionId];let o;if(p.selectedOption!=null){const x=p.defaultOptions.find(d=>d.value===p.selectedOption);if(x!=null)o={id:p.selectedOption,name:x.label};else{const d=l.entityAutoCompleteView.vendor.find(h=>h.id===p.selectedOption||h.zeniId===p.selectedOption);d!=null&&(o={id:d.zeniId,name:d.name})}}let c;if(u.selectedOption!=null){const x=u.defaultOptions.find(d=>d.value===u.selectedOption);if(x!=null)c={id:u.selectedOption,name:x.label};else{const d=l.entityAutoCompleteView.customer.find(h=>h.id===u.selectedOption||h.zeniId===u.selectedOption);d!=null&&(c={id:d.zeniId,name:d.name})}}return{categoryId:a.find(x=>x.qboId===e[Qe][s.transactionId].category.selectedOption)?.accountId??e[Qe][s.transactionId].category.selectedOption,classId:e[Qe][s.transactionId].class.selectedOption,memo:e[Qe][s.transactionId].memo,matchedTransactionId:e[Qe][s.transactionId].matchedTransaction,vendor:o,bankAccountId:e[Qe][s.transactionId].bankAccount.selectedOption,creditCardId:e[Qe][s.transactionId].creditCard.selectedOption,customer:c}},Ot=i(t.StandardRegular)`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp1};
+`,Dt=i.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+`,ia=i.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: ${t.Space.sp2};
+`,ra=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  cursor: pointer;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  column-gap: ${t.Space.sp2};
+
+  border-bottom: ${e=>e.isExpanded?"1px solid "+e.theme.colors.primary:"none"};
+`,aa=i.div`
+  padding: ${t.Space.sp2} ${t.Space.sp4};
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp2};
+`,ca=i.div`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  box-sizing: border-box;
+`,la=i.div`
+  height: calc(100vh - 350px);
+  max-width: 99.9%;
+  padding: ${t.Space.sp0};
+`,da=i.div``,ua=i.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+`,pa=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.background};
+  border-radius: ${t.Space.sp2};
+`,un=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${t.Space.sp3};
+`,ma=i.div`
+  width: 100%;
+`,xa=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${t.Space.sp3};
+`,ha=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${t.Space.sp6};
+`,ga=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${t.Space.sp1};
+`,wt=i(t.SvgAddRound)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,as=i(t.SvgArrowRight)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,ja=i.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+  padding: ${t.Space.sp0} 12px;
+`,fa=i(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+
+  .matched-text {
+    font-weight: ${t.FontWeight.bold};
+  }
+`,ya=i.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp2};
+`,Sa=i.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp2};
+`,Ra=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: ${t.Space.sp2};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Ca=i(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Ea=i.div`
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,va=i.div`
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  padding: ${t.Space.sp0} ${t.Space.sp1};
+  border-radius: ${t.Space.sp1};
+`,ba=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,wa=i.div`
+  display: flex;
+  align-items: center;
+  column-gap: 20px;
+  cursor: pointer;
+`,Ia=i.div`
+  text-align: center;
+  padding: ${t.Space.sp1} ${t.Space.sp0};
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,ka=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,ro=i(t.SvgAiIcon)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  margin-right: ${t.Space.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,Ta=({reconciliation:e,entitySearchAutoCompleteData:s,selectedAccountId:l,currentFooterFormId:a,entitySearchAutoCompleteActions:p,onUpdateReconcileTabLocalData:u,setCurrentFooterFormId:o,onReconTabColumnSortConfigChanged:c,updateReviewTabLocalData:r,onReconReviewTabColumnSortConfigChanged:x,onSaveReconciliation:d,onSaveReconciliationReview:h,onReconMatchedTransactionClick:j})=>{const{accountReconciliationsByAccountID:y,reconciliationTabsState:{reconcile:{uiState:{sortKey:S,sortOrder:f}}},selectedReconAccount:v}=e,g=y[l],{transactionFetchState:b}=v??{};return b?.fetchState==="In-Progress"||b?.fetchState==="Not-Started"?n.jsxRuntimeExports.jsxs(cs,{style:{paddingLeft:t.sp[8],paddingRight:t.sp[8]},children:[n.jsxRuntimeExports.jsx($a,{children:dt.map(D=>n.jsxRuntimeExports.jsx(t.RectangularContentLoader,{width:D.loaderWidth,height:18},D.key))}),n.jsxRuntimeExports.jsxs(Aa,{children:[...Array(3).fill(0).map((D,$)=>n.jsxRuntimeExports.jsx(La,{children:dt.map(B=>n.jsxRuntimeExports.jsx(t.RectangularContentLoader,{width:B.loaderWidth,height:t.sp[4]},B.key))},`${$}_${D}`))]})]}):n.jsxRuntimeExports.jsx(cs,{children:e.selectedTab==="reconcile"?n.jsxRuntimeExports.jsx(Br,{selectedAccountId:l,currentFooterFormId:a,setCurrentFooterFormId:o,onUpdateReconcileTabLocalData:u,onReconTabColumnSortConfigChanged:c,onSaveReconciliation:d,sortConfig:{sortKey:S,sortOrder:f},localData:e.reconciliationTabsState.reconcile.localData,matchedTransactions:g?.accountReconEntity.transactionsToReconcile}):n.jsxRuntimeExports.jsx(ta,{localData:e.reconciliationTabsState.review.localData,reviewTabSelectedVendorByTransactionId:e.reviewTabSelectedVendorByTransactionId,refreshStatus:e.accountReconciliationsByAccountID[l]?.refreshStatus??{fetchState:"Not-Started",error:null},accountReconEntity:e.accountReconciliationsByAccountID[l].accountReconEntity,accountListNestedAccountHierarchy:e.accountListNestedAccountHierarchy,classListNestedAccountHierarchy:e.classListNestedAccountHierarchy,allAccountList:e.allAccountList,classList:e.allClassList,bankAccounts:e.bankAccounts,creditCards:e.creditCards,entitySearchAutoCompleteData:s,updateLocalData:r,entitySearchAutoCompleteActions:p,onColumnSortConfigChanged:x,onSaveReconciliation:d,onSaveReconciliationReview:h,onReconMatchedTransactionClick:j,excludeFetchById:e.actionFetchStates.excludeFetchById,saveFetchById:e.actionFetchStates.saveReconciliationReviewFetch,selectedAccountId:l,sortKey:e.reconciliationTabsState.review.uiState.sortKey,sortOrder:e.reconciliationTabsState.review.uiState.sortOrder})})},cs=i.div`
+  width: 100%;
+  height: 100%;
+`,$a=i.div`
+  display: flex;
+  justify-content: space-between;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  column-gap: ${t.Space.sp6};
+`,La=i.div`
+  display: flex;
+  justify-content: space-between;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  background-color: ${e=>e.theme.colors.grey5};
+  border-radius: ${t.Space.sp2};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  column-gap: ${t.Space.sp6};
+`,Aa=i.div`
+  display: flex;
+  gap: ${t.Space.sp3};
+  flex-direction: column;
+`;function Oa({title:e,config:s,nodeId:l}){return{children:[],id:l??Ae.uniqueID("loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"loading_in_progress",title:"",data:[],numOfBalances:0},config:s}}}function Da({account:e,numOfBalances:s,title:l,isLastNode:a,config:p}){const u=Ae.uniqueID("ac_group_report",[],l);return{children:[],id:u,isLastNode:a,reportElementData:{element:{kind:"ac_group_report",title:l,data:e,numOfBalances:s},config:p}}}function _a({title:e,section:s,config:l,numOfBalances:a,nodeId:p}){return{children:[],id:p??Ae.uniqueID("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:s,numOfBalances:a},config:l}}}function ls({section:e,allAccountReconciliations:s,title:l,subTitle:a,isLastNode:p,isTitleRowRequired:u,config:o}){const c=Ae.uniqueID("section",[],l),r={children:[],id:c,isLastNode:p,reportElementData:{element:{kind:"section",title:l,data:e,numOfBalances:0},config:o}};if(u){const d=Ae.uniqueID("title_string_only",[],l),h={children:[],id:d,isLastNode:!0,reportElementData:{element:{kind:"title_string_only",title:l,data:e,numOfBalances:0},config:o}};r.children.push(h)}const x=_a({title:a,section:e,config:o,numOfBalances:0});return r.children.push(x),e.accountIDs.forEach((d,h)=>{const j=s[d],y=Da({account:j,numOfBalances:0,title:j.accountReconEntity.account.accountName,isLastNode:h===e.accountIDs.length-1,config:o});r.children.push(y)}),r}function ao({config:e,accountReconForSection:s,nodeId:l}){return{children:[],id:l??Ae.uniqueID("timeframe_header",[]),isLastNode:!1,reportElementData:{element:{kind:"timeframe_headers",title:"",data:s,numOfBalances:0},config:e}}}function Ba(e,s){return s?ln.getDefaultNodeHeight("section")+ln.getDefaultNodeHeight("total")+e*ln.getDefaultNodeHeight("ac_group_report"):1/0}const Ma=(e,s,l,a,p=!0,u="assets")=>{const o=u==="liabilities"&&e.accountReconciliationBySectionID.liabilities.accountIDs.length>0?e.accountReconciliationBySectionID.liabilities:e.accountReconciliationBySectionID.assets,c=ao({config:s,accountReconForSection:o}),r=[];r.push(c);const x=Array.isArray(l[a])?l[a]:[],{expenseAutomation:{accountRecon:{reconciliation:d}},common:{loading:h}}=t.appLocale.getLocalizedStrings(),j=e.fetchStatus.fetchState==="Not-Started"||e.fetchStatus.fetchState==="In-Progress",y=S=>S.filter(f=>!x.includes(f));if(j)[...Array(3)].forEach((S,f)=>{r.push(Oa({title:`${f}+${h}`,config:s}))});else{const S=y(e.accountReconciliationBySectionID.assets.accountIDs),f=ls({section:{...e.accountReconciliationBySectionID.assets,accountIDs:S},allAccountReconciliations:e.accountReconciliationsByAccountID,title:d.headers.section.assets.title,subTitle:d.headers.section.assets.subTitle,isLastNode:!1,isTitleRowRequired:!1,config:s});if(r.push(f),e.accountReconciliationBySectionID.liabilities.accountIDs.length>0){const v=y(e.accountReconciliationBySectionID.liabilities.accountIDs),g=ls({section:{...e.accountReconciliationBySectionID.liabilities,accountIDs:v},allAccountReconciliations:e.accountReconciliationsByAccountID,title:d.headers.section.liabilities.title,subTitle:d.headers.section.liabilities.subTitle,isLastNode:!1,isTitleRowRequired:!0,config:s});r.push(g)}}return{config:s,headerNodes:p?[c]:[],contentNodes:r}};function Na(e,s,l,a=!1,p="assets"){Object.assign(e.config,l);const u=p==="liabilities"&&s.accountReconciliationBySectionID.liabilities.accountIDs.length>0?s.accountReconciliationBySectionID.liabilities:s.accountReconciliationBySectionID.assets,o=ao({config:l,accountReconForSection:u});return{config:l,headerNodes:a?[o]:[],contentNodes:[o,...e.contentNodes.slice(1)]}}const Dn={wrapperPadding:new t.ResponsiveSized(t.sp[2],t.sp[2],t.sp[2],t.sp[8]),contentPaddingLeft:new t.ResponsiveSized(t.sp[2],t.sp[2],t.sp[2],t.sp[2]),contentPaddingRight:new t.ResponsiveSized(t.sp[2],t.sp[2],t.sp[2],t.sp[2])},Pa=i.div`
+  display: flex;
+  height: 100%;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+`,Fa=i.div`
+  display: flex;
+  height: 100%;
+  min-height: 100%;
+  flex: 1 1 auto;
+  width: 100%;
+  justify-content: center;
+  padding-left: ${e=>Dn.wrapperPadding.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+`,za=i.div`
+  width: 100%;
+  height: 100%;
+`,{common:Ha}=t.appLocale.getLocalizedStrings();function Wa({reconciliation:e,companyId:s,onScroll:l,onReload:a,onReviewClicked:p,setOpenDrawerClicked:u,onFetchLinkTokenClick:o,onEstablishConnectionClick:c,onAddStatementClick:r}){const[x,d]=m.useState(void 0),[h,j]=m.useState(void 0),y=e.plaidConnectionDetails.link_account_no_microdeposit,S=e.plaidConnectionDetails.update_account,f=h==="update_account"?S:y,[v,g]=m.useState(f.linkToken??null),[b,D]=m.useState(!1),{useDynamicConfig:$}=t.useZeniFeatureContext(),{configValue:B}=$(t.DynamicConfigNames.accountReconGLAccountsConfig),w=m.useCallback(P=>{d(P),j("link_account_no_microdeposit")},[]),R=m.useCallback(P=>{const V=I.current.accountReconciliationsByAccountID[P]?.paymentAccountId;d(P),j("update_account"),o("update_account",V)},[]),k=m.useCallback(P=>{u(P)},[]),L=m.useRef(x),G=m.useRef(h),I=m.useRef(e);m.useEffect(()=>{L.current=x},[x]),m.useEffect(()=>{G.current=h},[h]),m.useEffect(()=>{I.current=e},[e]);const K=m.useCallback(P=>{c(P,L.current??"",G.current),d(void 0),j(void 0),D(!1)},[c]),_=m.useCallback((P,V)=>{P!=null&&console.log("Plaid Connection Error",P,V),d(void 0),j(void 0),D(!1)},[]),{open:q,ready:J}=wo.usePlaidLink({token:v,onSuccess:K,onExit:_});m.useEffect(()=>{(H.zeniDate(new Date().toISOString()).isAfter(f.expiration)||f.linkToken==null)&&f.fetchStatus.fetchState==="Not-Started"&&o("link_account_no_microdeposit")},[f.fetchStatus.fetchState]),m.useEffect(()=>{!b&&h!=null&&f.linkToken===v&&f.fetchStatus.fetchState==="Completed"&&J&&D(!0)},[J,v,f.fetchStatus.fetchState,f.linkToken,h,b]),m.useEffect(()=>{f.fetchStatus.fetchState==="Completed"&&f.linkToken!=null&&f.linkToken!==v&&g(f.linkToken)},[f.fetchStatus.fetchState,f.linkToken,v]),m.useEffect(()=>{b&&q()},[b,q]);const[U,M]=m.useState(void 0),[se,Se]=m.useState(void 0),[Q,te]=m.useState("assets"),ae=H.zeniDate("2025-03-31"),F=1,A="account_reconciliation",ee=t.useWindowSizeContext(),z=n.useTheme(),N=!0,E=Array.isArray(B?.[s])?B[s]:[],W=e.accountReconciliationBySectionID.assets.accountIDs.filter(P=>!E.includes(P)).length,Y=e.accountReconciliationBySectionID.liabilities.accountIDs.length>0,O=Ba(W,Y),Z=m.useCallback(P=>{const V=P.scrollTop>=O?"liabilities":"assets";V!==Q&&te(V),l?.(P)},[O,Q,l]);return m.useEffect(()=>{const P={reportId:A,mode:"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:ae,firstMonthOfFY:F,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,dataAvailable:void 0,accountReconciliationConfig:{selectedDrawerAccountId:e.selectedDrawerAccountId,onReviewClicked:p,onConnectClicked:w,onReconnectClicked:R,onOpenDrawerClicked:k,onStatementAddClicked:r}};if(U==null||!n.isEqual(se,e)){const V=Ma(e,P,B,s,N,Q);Se(e),M(V)}else{const V=Na(U,e,P,N,Q);M(V)}},[e,Q]),e.fetchStatus.fetchState==="Error"?n.jsxRuntimeExports.jsx(Pa,{children:n.jsxRuntimeExports.jsx(he.ReloadContainer,{onReload:a,message:Ha.errorMessage.somethingWentWrong})}):n.jsxRuntimeExports.jsx(Fa,{windowSize:ee,children:U!=null?n.jsxRuntimeExports.jsx(za,{windowSize:ee,children:n.jsxRuntimeExports.jsx(Ae.CollapsableReportTable,{backgroundColor:new n.Color(z.colors.grey4),rootNodes:U,type:"name+balances_actual",compareMode:"compare_mode_percent",isSticky:{isStickyHeader:N,isStickyName:N},treeNodePadding:{left:Dn.contentPaddingLeft.value(ee),right:Dn.contentPaddingRight.value(ee)},nodeOpenStatus:{},scrollPosition:e.reconListUIState.scrollPosition,onCompareModeChanged:()=>{},onScroll:Z})}):null})}function Va({currentFooterFormId:e,vendorSearchAutoCompleteData:s,vendorSearchAutoCompleteActions:l,reconciliation:a,companyId:p,onReconTabColumnSortConfigChanged:u,updateReconReviewTabLocalData:o,onUpdateReconcileTabLocalData:c,setCurrentFooterFormId:r,onReloadReconciliationListPage:x,onReviewClicked:d,onFetchLinkTokenClick:h,onEstablishConnectionClick:j,onAddStatementClick:y,onReconReviewTabColumnSortConfigChanged:S,onSaveReconciliation:f,onSaveReconciliationReview:v,setOpenDrawerClicked:g,onReconMatchedTransactionClick:b,onReconListPageScroll:D}){return a.selectedAccountId==null?n.jsxRuntimeExports.jsx(Wa,{companyId:p,onScroll:D,reconciliation:a,onReload:x,onReviewClicked:d,onFetchLinkTokenClick:h,onEstablishConnectionClick:j,setOpenDrawerClicked:g,onAddStatementClick:y}):n.jsxRuntimeExports.jsx(Ta,{currentFooterFormId:e,setCurrentFooterFormId:r,onUpdateReconcileTabLocalData:c,onReconTabColumnSortConfigChanged:u,reconciliation:a,updateReviewTabLocalData:o,entitySearchAutoCompleteActions:l,onReconReviewTabColumnSortConfigChanged:S,entitySearchAutoCompleteData:s,selectedAccountId:a.selectedAccountId,onSaveReconciliation:f,onSaveReconciliationReview:v,onReconMatchedTransactionClick:b})}function qa({accountAndClassReport:e,numOfBalances:s,title:l,isLastNode:a,isFirstNode:p,config:u,parentNodeIDs:o,ancestorMetadata:c}){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:Ae.uniqueID("flux_vendor_account_class_row",o,r),isLastNode:a,isFirstNode:p,reportElementData:{element:{kind:"flux_vendor_account_class_row",title:l,data:e,metadata:c,numOfBalances:s},config:u}}}function Ua({vendorView:e,numOfBalances:s,title:l,isLastNode:a,config:p,parentNodeIDs:u}){const o=Ae.uniqueID("flux_vendor_row",u,e.vendor.id),c={children:[],id:o,isLastNode:a,reportElementData:{element:{kind:"flux_vendor_row",title:l,data:e,numOfBalances:s},config:p}},r=e.vendorAccountsAndClasses;return c.children=r.map((x,d)=>qa({accountAndClassReport:x,numOfBalances:s,title:x.accountBase?.accountName??"",config:p,isLastNode:d===r.length-1,isFirstNode:d===0,parentNodeIDs:[...u,o],ancestorMetadata:{accountAndClassRowMetadata:{depth:0,hasSibling:r.length>1,hasChildren:!1,isLastNode:d===r.length-1,isFirstNode:d===0,name:x.accountBase?.accountName},isVendorLastChild:a,vendorId:e.vendor.id}})),c}function Ga({section:e,numOfBalances:s,title:l,isLastNode:a,config:p}){const u=e.sectionId,o={children:[],id:u,isLastNode:a,reportElementData:{element:{kind:"section",title:l,data:e,numOfBalances:s,sectionType:e.sectionId},config:p}},c=(e.vendors??[]).map((r,x)=>Ua({vendorView:r,numOfBalances:s,title:r.vendor.name,isLastNode:x===e.vendors.length-1,config:p,parentNodeIDs:[u]}));return o.children.push(...c),o}function Ka({title:e,balances:s,config:l,nodeId:a}){return{children:[],id:a??Ae.uniqueID("headers_loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"headers_loading_in_progress",title:"",data:s,numOfBalances:s.length},config:l}}}function Ja({title:e,data:s,isLastNode:l,config:a,numOfBalances:p}){const u=Ae.uniqueID("total",[],e);return{children:[],id:u,isLastNode:l,reportElementData:{element:{kind:"total",title:e,data:s,numOfBalances:p},config:a}}}const{common:Qt,expenseAutomation:{fluxAnalysis:Ya}}=t.appLocale.getLocalizedStrings(),Za=(e,s,l=!0)=>{const a=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?Ae.mapFluxBalancesByMonthToBalances(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?Ae.mapFluxBalancesByMonthToBalances(e.sections.reimbursement.balancesByMonth):[],u=Js.mapTimeframeBalancesToTreeNode({balances:p,config:s}),o=[],c=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(c===!0)o.push(Ka({title:`${Qt.loading}`,balances:p,config:s})),[...Array(10)].forEach((x,d)=>{o.push(qn.mapLoadingInProgressToTreeNode({title:`${d}+${Qt.loading}`,balances:p,config:s}))});else{if(o.push(u),["generalExpense","reimbursement"].forEach(d=>{const h=e.sections[d];if(h.vendors.length>0||h.fetchStatus.fetchState==="Completed"){const j=Ae.mapFluxBalancesByMonthToBalances(h.balancesByMonth);o.push(Ga({section:{sectionId:d,reportId:"flux_analysis_operating_expense",balances:j,vendors:h.vendors,varianceAmount:h.varianceAmount,variancePercentage:h.variancePercentage,currency:e.currency},numOfBalances:a,title:Xa(d),isLastNode:!1,config:s}))}}),e.totalBalancesAndVariance){const d=e.totalBalancesAndVariance.balancesByMonth?Ae.mapFluxBalancesByMonthToBalances(e.totalBalancesAndVariance.balancesByMonth):[],h=Ja({title:Qt.texts.total,data:{balances:d,varianceAmount:e.totalBalancesAndVariance.varianceAmount,variancePercentage:e.totalBalancesAndVariance.variancePercentage,currency:e.currency},config:s,isLastNode:!0,numOfBalances:a});o.push(h)}r===!0&&[...Array(1)].forEach((d,h)=>{o.push(qn.mapLoadingInProgressToTreeNode({title:`${h}+${Qt.loading}`,balances:p,config:s}))})}return{config:s,headerNodes:l&&!c?[u]:[],contentNodes:o}},Xa=e=>Ya.sectionTitle[e];function Qa(e,s,l,a=!0){Object.assign(e.config,s);const p=ec(l),u=Js.mapTimeframeBalancesToTreeNode({balances:p,config:s});return{config:s,headerNodes:a?[u]:[],contentNodes:[u,...e.contentNodes.slice(1)]}}const ec=e=>e.sections.generalExpense.balancesByMonth?Ae.mapFluxBalancesByMonthToBalances(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?Ae.mapFluxBalancesByMonthToBalances(e.sections.reimbursement.balancesByMonth):[],_n={contentPaddingLeft:new t.ResponsiveSized(t.sp[0],t.sp[0],t.sp[0]),contentPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[3],t.sp[8]),wrapperPadding:new t.ResponsiveSized(t.sp[3],t.sp[3],t.sp[8])},tc=i.div`
+  display: flex;
+  position: sticky;
+  width: 100%;
+  justify-content: center;
+  padding-top: ${e=>_n.wrapperPadding.valuePx(e.windowSize)};
+  padding-left: 20px;
+  background-color: ${e=>e.theme.colors.grey4};
+`,nc=i.div`
+  width: 100%;
+  height: calc(100vh - ${t.Space.sp11});
+`,sc=e=>{const{fluxView:s,handleRedirectToVendorDetailPage:l,updateOperatingExpensesIdsForReview:a,updateSectionIdsForReview:p,onSortOrderChanged:u,updateNodeCollapsableStatus:o,fetchReimbursementView:c,fetchGeneralExpenseView:r}=e,x=t.useWindowSizeContext(),d=n.useTheme(),[h,j]=m.useState(null),[y,S]=m.useState(null),[f,v]=m.useState(null),g=H.reduceAllFetchState([s.sections.generalExpense.fetchStatus,s.sections.reimbursement.fetchStatus]).fetchState,[b,D]=m.useState(!1),$=t.usePrevious(g),B=t.usePrevious(s.refreshStatus.fetchState),w=()=>{s.uiState.collapsableStatus.generalExpense?s.uiState.paginationInfoByGroup.generalExpense.hasMore===!0&&s.sections.generalExpense.fetchStatus.fetchState==="Completed"?r(s.uiState.paginationInfoByGroup.generalExpense.pageToken):s.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&c(s.uiState.paginationInfoByGroup.reimbursement.pageToken):s.uiState.collapsableStatus.reimbursement&&s.uiState.paginationInfoByGroup.reimbursement.hasMore===!0&&s.sections.reimbursement.fetchStatus.fetchState==="Completed"&&c(s.uiState.paginationInfoByGroup.reimbursement.pageToken)},R=()=>Object.keys(s.uiState.collapsableStatus).reduce((_,q)=>(_[q]=s.uiState.collapsableStatus[q],_),{}),k=m.useCallback(_=>{const q=!(s.uiState.collapsableStatus[_]??!0);o({...s.uiState.collapsableStatus,[_]:q})},[s.uiState.collapsableStatus,o]),L=m.useCallback((_,q)=>{let J=s.reviewOperatingExpensesIds;const U=[];let M=s.selectedSectionIds;const se=s.sections[_].vendors;U.push(...se.map(Q=>Q.fluxAnalysisEntityId));let Se=Ae.FLUX_MAX_SELECTION_LIMIT-J.length;q?(U.forEach(Q=>{!J.includes(Q)&&Se>0&&(J=[...J,Q],Se--)}),M=[...M,_]):(J=J.filter(Q=>!U.includes(Q)),M=M.filter(Q=>Q!==_)),a(J),p(M)},[s.reviewOperatingExpensesIds,s.selectedSectionIds,s.sections,a,p]),G=m.useCallback(_=>{const q=s.uiState.collapsableStatus[_]===!1;_==="generalExpense"&&!q&&s.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&c(s.uiState.paginationInfoByGroup.reimbursement.pageToken),k(_)},[s.uiState.collapsableStatus,s.sections.reimbursement.fetchStatus.fetchState,s.uiState.paginationInfoByGroup.reimbursement.pageToken,c,k]),I=s.sections.generalExpense.vendors.length+s.sections.reimbursement.vendors.length,K=_=>_<I;return m.useEffect(()=>{const _={reportId:"flux_analysis_operating_expense",mode:"none",displayOrder:"ascending_date",reportFormat:"summary",firstMonthOfFY:1,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,fluxAnalysisConfig:{sortOrder:s.uiState.sortOrder,sortKey:s.uiState.sortKey,sortOrSearchInProgress:!1,reviewOpExIds:s.reviewOperatingExpensesIds,reviewSectionIds:s.selectedSectionIds,fetchStatus:s.fetchStatus.fetchState,setIsSortApplied:D,onSectionRowClick:G,updateNodeCollapsableStatus:k,updateOperatingExpensesIdsForReview:a,handleRedirectToVendorDetailPage:l,onSectionCheckboxClick:L,onSortOrderChanged:u}};if(h==null||!n.isEqual(y,s)){const q=Za(s,_,!0);S(s),j(q)}else{const q=Qa(h,_,s,!0);j(q)}},[s,y,l,L,G,u,k,a]),n.jsxRuntimeExports.jsx(tc,{windowSize:x,children:n.jsxRuntimeExports.jsx(nc,{children:h?n.jsxRuntimeExports.jsx(Ae.CollapsableReportTable,{backgroundColor:new n.Color(d.colors.grey4),rootNodes:h,type:"name+balances_actual",isSticky:{isStickyHeader:!0,isStickyName:!0},treeNodePadding:{left:_n.contentPaddingLeft.value(x),right:_n.contentPaddingRight.value(x)},nodeOpenStatus:R(),compareMode:"compare_mode_amount",infiniteLoadingProps:{isItemLoaded:K,itemCount:I,loadMoreItems:w},variableNodeHeightTree:{prevFetchState:$??"Not-Started",fetchState:s.fetchStatus.fetchState,isSortApplied:b,setIsSortApplied:D,reducedFetchState:H.reduceAllFetchState([s.sections.generalExpense.fetchStatus,s.sections.reimbursement.fetchStatus]).fetchState,prevRefreshFetchState:B??"Not-Started",refreshFetchState:s.refreshStatus.fetchState},hoveredParentIdProps:{hoveredParentId:f,setHoveredParentId:v}}):null})})},oc="expenseAutomationFluxPage",{reports:{common:ic}}=t.appLocale.getLocalizedStrings(),rc=({selectedPeriod:e,fluxAnalysis:s,onFetchFluxViewList:l,markAsReview:a,onReloadPage:p,setCurrentFooterFormId:u,updateOperatingExpensesIdsForReview:o,updateSectionIdsForReview:c,onUpdateFluxAnalysisUIState:r,redirectToVendorDetailPage:x,fetchFluxViewOnScroll:d,onFetchReimbursementView:h})=>{const{fetchStatus:j,reviewOperatingExpensesIds:y,uiState:S}=s,f=m.useRef(null),v=m.useRef(!1),g=n.useForm({mode:"all",reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0},defaultValues:ac(y)}),b=t.useWindowSizeContext();m.useEffect(()=>()=>{u("expenseAutomationPage")},[u]),m.useEffect(()=>{v.current&&f?.current?.scrollLeft!=null&&S.scrollPosition?.scrollLeft!==f.current.scrollLeft&&S.scrollPosition!=null&&r({scrollPosition:{scrollTop:S.scrollPosition?.scrollTop,scrollLeft:f.current.scrollLeft}})},[S.scrollPosition?.scrollLeft,f.current?.scrollLeft,S.scrollPosition,r]),m.useEffect(()=>{u(y.length>0?"expenseAutomationFluxPage":"expenseAutomationPage")},[y,u]);const D=R=>{x(R)},$=R=>{d(e,R)},B=(R,k)=>{r({sortOrder:R,sortKey:k}),l(),h(e,null,!1)},w=()=>{const R=co(s.sections,y);a(y,R===!0?"review":"unreview",e,!0)};if(j.fetchState==="Error")return n.jsxRuntimeExports.jsxs(lc,{children:[n.jsxRuntimeExports.jsx(dc,{onClick:p,children:n.jsxRuntimeExports.jsx(t.SvgReload,{})}),n.jsxRuntimeExports.jsx(uc,{children:ic.failed})]});{const R=L=>{r({collapsableStatus:L})},k=L=>{h(e,L,!0)};return n.jsxRuntimeExports.jsx(n.FormProvider,{...g,children:n.jsxRuntimeExports.jsx("form",{id:t.uniqueName$1(oc),onSubmit:g.handleSubmit(w),style:{height:"100%",width:"100%"},children:n.jsxRuntimeExports.jsx(cc,{windowSize:b,children:n.jsxRuntimeExports.jsx(sc,{fluxView:s,handleRedirectToVendorDetailPage:D,onSortOrderChanged:B,updateOperatingExpensesIdsForReview:o,updateNodeCollapsableStatus:R,fetchReimbursementView:k,updateSectionIdsForReview:c,fetchGeneralExpenseView:$,reportId:"flux_analysis_operating_expense"})})})})}},co=(e,s)=>{const a=[...e.generalExpense.vendors,...e.reimbursement.vendors].filter(u=>u.status==="Pending Review");let p;return a.forEach(u=>{s.includes(u.fluxAnalysisEntityId)&&(p=!0)}),p},ac=e=>({fluxAnalysisRowIds:e}),cc=i.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  padding: ${t.Space.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}`};
+    }
+  }
+`,lc=i.div`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,dc=i.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${t.Space.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,uc=i(t.SmallRegular)`
+  margin-top: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,pc="expenseAutomationJEAccountSettingsPage",lo="vendorsAccountSection",mc=e=>`${e}_form`;function xc({accountSettings:e,currentFooterFormId:s,onSaveJeAccountSettingsClick:l,setIsJeAccountSettingsOpened:a,onJeAccountSettingsChange:p,setResetJeAccountSettingsForm:u,setCurrentFooterFormId:o}){const c=e.prepaidExpensesRecommendations,r=e.fixedAssetsRecommendations,x=e.accruedExpensesRecommendations,d=m.useMemo(()=>t.getGroupedAccountOptions(e.prepaidExpensesAccountHierarchy,c,"Accounts"),[e.prepaidExpensesAccountHierarchy,c]),h=m.useMemo(()=>t.getGroupedAccountOptions(e.fixedAssetsAccountHierarchy,r,"Accounts"),[e.fixedAssetsAccountHierarchy,r]),j=m.useMemo(()=>t.getGroupedAccountOptions(e.accruedExpensesAccountHierarchy,x,"Accounts"),[e.accruedExpensesAccountHierarchy,x]),y=m.useMemo(()=>gc(e,d,h,j),[e,d,h,j]),S=n.useForm({mode:"all",reValidateMode:"onBlur",defaultValues:y,values:y,resetOptions:{keepDefaultValues:!0}}),f=S.handleSubmit(g=>{l(g)}),v=async g=>{p(g)};return m.useEffect(()=>{const g=S.watch(b=>{b!=null&&n.defer(()=>v(b))});return()=>{g.unsubscribe()}}),m.useEffect(()=>(u(()=>S.reset),a(!0),()=>{o("expenseAutomationPage"),a(!1)}),[]),m.useEffect(()=>{const{selectedPrepaidExpensesAccountIds:g,previousPrepaidExpensesAccount:b,selectedFixedAssetsAccountIds:D,previousFixedAssetsAccount:$,selectedAccruedExpensesAccountIds:B,previousAccruedExpensesAccount:w}=e.accountSettingsLocalData,R=t.compareCurrentAndPreviousList(g,b)||t.compareCurrentAndPreviousList(D,$)||t.compareCurrentAndPreviousList(B,w);R===!0&&s!="expenseAutomationJEAccountSettingsPage"?o("expenseAutomationJEAccountSettingsPage"):R===!1&&s!=="expenseAutomationPage"&&o("expenseAutomationPage")},[e,s,o]),n.jsxRuntimeExports.jsx(hc,{children:n.jsxRuntimeExports.jsx(n.FormProvider,{...S,children:n.jsxRuntimeExports.jsx("form",{id:mc(pc),onSubmit:f,children:n.jsxRuntimeExports.jsx(Io.VendorsAccountsSection,{showTitle:!1,sectionId:lo,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 hc=i.div`
+  padding-top: ${t.Space.sp3};
+  display: flex;
+  align-items: center;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,gc=(e,s,l,a)=>{const p=e.prepaidExpensesAccountList.filter(d=>e.accountSettingsLocalData.selectedPrepaidExpensesAccountIds.includes(d.accountId)),u=e.fixedAssetsAccountList.filter(d=>e.accountSettingsLocalData.selectedFixedAssetsAccountIds.includes(d.accountId)),o=e.accruedExpensesAccountList.filter(d=>e.accountSettingsLocalData.selectedAccruedExpensesAccountIds.includes(d.accountId)),c=p.map(d=>d.qboId).filter(d=>d!=null),r=u.map(d=>d.qboId).filter(d=>d!=null),x=o.map(d=>d.qboId).filter(d=>d!=null);return{[lo]:{prepaidExpensesAccount:{selectedOptions:c,allOptions:s},fixedAssetsAccount:{selectedOptions:r,allOptions:l},accruedExpensesAccount:{selectedOptions:x,allOptions:a}}}},{expenseAutomation:{jeSchedules:ht},common:{currency:en,review:jc,ignore:fc,strings:{hyphen:lt},texts:tn},dateFormat:yc,timeframe:{month:ds}}=t.appLocale.getLocalizedStrings(),Sc=({draft:e,ignoreStatus:s,ignoreRecommendedJeSchedule:l,jeScheduleClickHandler:a,onReviewClickHandler:p})=>n.jsxRuntimeExports.jsxs(zn,{onClick:u=>{e.jeScheduleType!=null&&e.jeScheduleId!=null&&a(u,e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":t.generateDataTestId("je-schedule-draft-component",e.jeScheduleId),children:[n.jsxRuntimeExports.jsxs(Fn,{children:[n.jsxRuntimeExports.jsxs(Wn,{children:[n.jsxRuntimeExports.jsxs(Nn,{children:[n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_ONE,padding:`${t.Space.sp2} ${t.Space.sp3}`},children:[n.jsxRuntimeExports.jsx(oe,{children:tn.vendor}),n.jsxRuntimeExports.jsxs(ie,{style:{gap:t.sp[2]},children:[e.vendor.logo!=null?n.jsxRuntimeExports.jsx(t.EntityLogoAvatar,{photoUrl:e.vendor.logo.href,styles:{width:t.sp[4],height:t.sp[4]}}):n.jsxRuntimeExports.jsx(t.EntityAvatar,{name:e.vendor.name}),n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",style:{width:"100%"},title:e.vendor.name!=null?n.jsxRuntimeExports.jsx(Pe,{children:e.vendor.name}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:e.vendor.name??lt})})]})]}),n.jsxRuntimeExports.jsxs(X,{children:[n.jsxRuntimeExports.jsx(oe,{children:ht.scheduleHeaders.scheduleCategory}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",style:{width:"100%"},title:e.baseTransaction.account.accountName!=null?n.jsxRuntimeExports.jsx(Pe,{children:e.baseTransaction.account.accountName}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:e.baseTransaction.account.accountName??lt})})})]}),n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_THREE},children:[n.jsxRuntimeExports.jsx(oe,{children:ht.scheduleHeaders.startMonth}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:e.startDate?.format(yc.visual.MMMCommaYYYYFormat)??lt})})]}),n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_FOUR,paddingLeft:t.sp[3]},children:[n.jsxRuntimeExports.jsx(oe,{children:ht.scheduleHeaders.period}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:e.period!=null?`${e.period} ${e.period===1?ds.slice(0,-1):ds}`:lt})})]}),n.jsxRuntimeExports.jsxs(X,{style:{alignItems:"flex-end",width:pe.COLUMN_FIVE},children:[n.jsxRuntimeExports.jsx(oe,{children:tn.totalAmount}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",style:{width:"100%"},title:n.jsxRuntimeExports.jsx(Pe,{children:t.amountToString("0,0.[00]",H.toAmount(e.baseTransaction.amount.amount,en.currencyCode,en.currencySymbol))??lt}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:t.amountToString("0,0.[00]",H.toAmount(e.baseTransaction.amount.amount,en.currencyCode,en.currencySymbol))??lt})})})]})]}),n.jsxRuntimeExports.jsxs(Pn,{children:[n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_ONE,padding:`${t.Space.sp2} ${t.Space.sp3}`},children:[n.jsxRuntimeExports.jsx(oe,{children:tn.category}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.account?.accountName!=null?n.jsxRuntimeExports.jsx(Pe,{children:e.jeDebit.account.accountName}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:e.jeDebit.account?.accountName??lt})})})]}),n.jsxRuntimeExports.jsxs(X,{children:[n.jsxRuntimeExports.jsx(oe,{children:tn.classText}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.accountingClass?.className!=null?n.jsxRuntimeExports.jsx(Pe,{children:e.jeDebit.accountingClass.className}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:e.jeDebit.accountingClass?.className??lt})})})]}),n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_THREE},children:[n.jsxRuntimeExports.jsx(oe,{children:ht.scheduleHeaders.type}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(de,{className:"highlight",style:{width:"unset"},children:n.jsxRuntimeExports.jsx(eo,{children:ht.scheduleTypes[e.jeScheduleType??"prepaid_expenses"]})})})]}),e.jeScheduleType==="fixed_assets"?n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_FOUR,paddingLeft:t.sp[3]},children:[n.jsxRuntimeExports.jsx(oe,{children:ht.scheduleHeaders.accumulatedCategory}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",title:e.jeCredit.account?.accountName!=null?n.jsxRuntimeExports.jsx(Pe,{children:e.jeCredit.account?.accountName}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:e.jeCredit.account?.accountName??lt})})})]}):null,e.jeScheduleType!=="fixed_assets"?n.jsxRuntimeExports.jsx(X,{style:{width:pe.COLUMN_FOUR}}):null,n.jsxRuntimeExports.jsx(X,{style:{width:pe.COLUMN_FIVE}})]})]}),n.jsxRuntimeExports.jsxs(Hn,{children:[n.jsxRuntimeExports.jsx(t.Button,{onClick:()=>{e.jeScheduleId!=null&&e.jeScheduleType!=null&&p(e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":t.generateDataTestId("je-schedule-draft-component-review-button",e.jeScheduleId),label:jc,variant:"primary",size:"small",className:"item-value-container",style:{minWidth:On}}),n.jsxRuntimeExports.jsx(t.Button,{"data-testid":t.generateDataTestId("je-schedule-draft-component-ignore-button",e.jeScheduleId),className:"item-value-container",label:fc,size:"small",reverseSpinnerColor:!1,loading:s?.fetchState==="In-Progress",onClick:()=>{e.jeScheduleType!=null&&l(e.jeScheduleTransactionKey,e.jeScheduleType)},style:{minWidth:On}})]})]}),n.jsxRuntimeExports.jsxs(Wr,{children:[n.jsxRuntimeExports.jsx(Rc,{}),n.jsxRuntimeExports.jsx(Cc,{children:ht.aiAccountant}),n.jsxRuntimeExports.jsx(Ec,{children:ht.zeniGPTText})]})]}),Rc=i(t.SvgAiIcon)`
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp3};
+  margin-right: ${t.Space.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,Cc=i(t.StandardBold)`
+  color: ${e=>e.theme.colors.brandColorSapphire};
+`,Ec=i(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+`,{jeSchedules:{scheduleDetails:{scheduleTransactionsHeader:{addVendor:us}}},expenseAutomation:{jeSchedules:De},common:{currency:st,retry:vc,strings:{hyphen:Ne,empty:ps},texts:_t},dateFormat:ms}=t.appLocale.getLocalizedStrings(),{common:bc,timeframe:{month:xs}}=t.appLocale.getLocalizedStrings(),Je="jeSchedulePage",hs=e=>`${e}_form`,Vn=(e,s)=>`${e}.${s}`,gs=Vn(Je,"vendor"),js=Vn(Je,"scheduleExpenseCategory"),fs=Vn(Je,"accumulatedDepreciationCategory"),wc=({allAccountGroupedOptions:e,allAccountList:s,allClassGroupedOptions:l,allClassList:a,allDepAccountGroupedOptions:p,allDepAccountList:u,draft:o,localData:c,postStatus:r,uncategorizedAccounts:x,vendorSearchAutoCompleteActions:d,vendorSearchAutoCompleteData:h,jeScheduleClickHandler:j,onFormDataChange:y,onPostJESchedule:S})=>{const{updatedAccumulatedDepreciationCategoryID:f,updatedCategoryId:v,updatedVendor:g}=c,b={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"},D=m.useRef(),$=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:ys(c,e,l,p,s,a,u,h.entityAutoCompleteView),values:ys(c,e,l,p,s,a,u,h.entityAutoCompleteView)}),B={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:t.Space.sp4}),menu:()=>({width:300})},w={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:t.Space.sp4}),menu:()=>({width:350})},k=(o?.scheduledJournalEntry.error??[]).every(E=>{const W=b[E];return!(c!=null&&W&&(W==="updatedAccumulatedDepreciationCategoryID"&&c.updatedAccumulatedDepreciationCategoryID==null||W==="updatedCategoryId"&&c.updatedCategoryId==null||W==="updatedVendor"&&(c.updatedVendor?.id==null||c.updatedVendor?.id===""||c.updatedVendor?.name==null||c.updatedVendor?.name==="")))}),L=async(E,W)=>{if(E!=null){const Y=W[Je],{scheduledJournalEntryID:O,vendor:Z}=Y;if(E.includes("vendor")){const P=Z?.defaultOptions.map(V=>V.value);if(Z?.selectedOption!=null&&P?.includes(Z.selectedOption)!==!0){const V=h.entityAutoCompleteView.vendor.find(je=>je.id===Z.selectedOption);V!=null&&$.setValue(`${Je}.vendor.defaultOptions`,[{label:V.name??bc.strings.empty,value:V.id}])}else Z?.selectedOption==null&&Z?.defaultOptions.length!==0&&$.setValue(`${Je}.vendor`,{selectedOption:void 0,defaultOptions:[]})}y(O,{...Y,vendor:Z})}};m.useEffect(()=>{const E=$.watch((W,{name:Y})=>{Y!=null&&W!=null&&n.defer(()=>L(Y,W))});return()=>{E.unsubscribe()}}),m.useEffect(()=>{h.entityAutoCompleteView.fetchState==="Completed"&&D.current?.(t.getVendorOptions(h.entityAutoCompleteView))},[h.entityAutoCompleteView.fetchState]);const G=$.handleSubmit(()=>{S(o.scheduledJournalEntry.scheduledJournalEntryID,o.jeScheduleTransactionKey)}),I=E=>s.filter(Y=>Y.qboId===E)[0]?.qboId,K=E=>u.filter(Y=>Y.qboId===E)[0]?.qboId,_=E=>[x.expense?.qboId,x.income?.qboId].includes(E),q=$.watch("jeSchedulePage.vendor"),J=(E,W)=>{d.onAutoCompleteInputChange?.(E,"vendor"),D.current=W},U=o.scheduledJournalEntry.error?.includes("vendor_deleted")===!0,M=o.scheduledJournalEntry.error?.includes("debit_category_deleted")===!0,se=o.scheduledJournalEntry.error?.includes("credit_category_deleted")===!0,Se=o.vendor.name.split("(deleted)")[0]?.toString(),Q=o.jeDebit.account?.accountName.split("(deleted)")?.[0]?.toString()??ps,te=o.jeCredit.account?.accountName.split("(deleted)")[0]?.toString()??ps,[ae,F]=m.useState(M===!0&&v==null),[A,ee]=m.useState(se===!0&&f==null),[z,N]=m.useState(U&&(g?.id==null||g?.id==""));return m.useEffect(()=>{ae===!1&&c.updatedCategoryId==null&&$.setFocus(js),A===!1&&c.updatedAccumulatedDepreciationCategoryID==null&&$.setFocus(fs),z===!1&&c.updatedVendor?.id==null&&$.setFocus(gs)},[ae,A,z,c,$]),n.jsxRuntimeExports.jsx(n.FormProvider,{...$,children:n.jsxRuntimeExports.jsx("form",{style:{width:"100%"},id:hs(`${Je}_${o.jeScheduleId}`),onSubmit:G,children:n.jsxRuntimeExports.jsx(zn,{showBorder:k,onClick:E=>{o.jeScheduleType!=null&&o.jeScheduleId!=null&&j(E,o.jeScheduleId,o.jeScheduleTransactionKey,o.jeScheduleType)},"data-testid":t.generateDataTestId("je-schedule-resolve-component-schedule",`${Je}_${o.jeScheduleId}`),children:n.jsxRuntimeExports.jsxs(Fn,{children:[n.jsxRuntimeExports.jsxs(Wn,{children:[n.jsxRuntimeExports.jsxs(Nn,{children:[U===!0?n.jsxRuntimeExports.jsx(X,{style:{width:pe.COLUMN_ONE,padding:t.sp[0],justifyContent:"center"},showHoverEffect:U,forceHoverEffect:z===!1&&(c?.updatedVendor?.id==null||c?.updatedVendor?.id==""),children:n.jsxRuntimeExports.jsxs(ot,{className:"hover-background",style:{padding:`${t.Space.sp2} ${t.Space.sp3}`},children:[n.jsxRuntimeExports.jsxs(oe,{style:{display:"flex",alignItems:"center",gap:t.sp[1]},children:[_t.vendor,n.jsxRuntimeExports.jsx(t.Tooltip,{display:"flex",placement:"top-start",title:n.jsxRuntimeExports.jsx(on,{children:De.tooltipText.missingVendor.replace("_deleted_vendor_",Se)}),children:n.jsxRuntimeExports.jsx(mn,{})})]}),n.jsxRuntimeExports.jsx(ie,{style:{gap:t.sp[3],marginLeft:-2},className:"item-value-container",children:n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:z===!0?n.jsxRuntimeExports.jsxs(de,{onClick:E=>{E.stopPropagation(),N(!1)},"data-testid":t.generateDataTestId("je-schedule-resolve-component-add-vendor-button",`${Je}_${o.jeScheduleId}`),style:{display:"inline-flex",alignItems:"center",gap:t.sp[2],color:t.Colors.brandColorGoldDark,cursor:"pointer"},children:[n.jsxRuntimeExports.jsx(pn,{}),us]}):n.jsxRuntimeExports.jsx(t.AutoCompleteSingleSelectField,{name:gs,placeholder:us,valueToId:E=>E,defaultValue:{selectedOption:q?.selectedOption,defaultOptions:q?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:t.Space.sp4})},registerOptions:{required:!0,validate:E=>!!E.selectedOption},loadOptions:J})})})]})}):n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_ONE,padding:`${t.Space.sp2} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp3}`},children:[n.jsxRuntimeExports.jsx(oe,{children:_t.vendor}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[o.vendor.logo?.href!=null?n.jsxRuntimeExports.jsx(t.EntityLogoAvatar,{photoUrl:o.vendor.logo.href,styles:{width:t.sp[4],height:t.sp[4]}}):n.jsxRuntimeExports.jsx(t.EntityAvatar,{name:o.vendor.name}),n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",style:{width:"100%"},title:o.vendor.name!==null?n.jsxRuntimeExports.jsx(Pe,{children:o.vendor.name}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:o.vendor.name??Ne})})]})})]}),n.jsxRuntimeExports.jsxs(X,{children:[n.jsxRuntimeExports.jsx(oe,{children:De.scheduleHeaders.scheduleCategory}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",style:{width:"100%"},title:o.baseTransaction.account.accountName!=null?n.jsxRuntimeExports.jsx(Pe,{children:o.baseTransaction.account.accountName}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:o.baseTransaction.account.accountName??Ne})})})]}),n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_THREE},children:[n.jsxRuntimeExports.jsx(oe,{children:De.scheduleHeaders.startMonth}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:o.startDate?.format(ms.visual.MMMCommaYYYYFormat)??Ne})})]}),n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_FOUR,paddingLeft:t.sp[3]},children:[n.jsxRuntimeExports.jsx(oe,{children:De.scheduleHeaders.period}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:o.period!=null?`${o.period} ${o.period===1?xs.slice(0,-1):xs}`:Ne})})]}),n.jsxRuntimeExports.jsxs(X,{style:{alignItems:"flex-end",width:pe.COLUMN_FIVE},children:[n.jsxRuntimeExports.jsx(oe,{children:_t.totalAmount}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",title:n.jsxRuntimeExports.jsx(Pe,{children:t.amountToString("0,0.[00]",H.toAmount(o.baseTransaction.amount.amount,st.currencyCode,st.currencySymbol))??Ne}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:t.amountToString("0,0.[00]",H.toAmount(o.baseTransaction.amount.amount,st.currencyCode,st.currencySymbol))??Ne})})})]})]}),n.jsxRuntimeExports.jsxs(Pn,{children:[M===!0?n.jsxRuntimeExports.jsx(X,{showHoverEffect:M===!0,forceHoverEffect:c?.updatedCategoryId==null&&ae===!1,style:{padding:"unset",justifyContent:"center",width:pe.COLUMN_ONE},children:n.jsxRuntimeExports.jsxs(ot,{className:"hover-background",children:[n.jsxRuntimeExports.jsxs(oe,{style:{display:"flex",alignItems:"center",gap:t.sp[1]},children:[_t.category,M===!0?n.jsxRuntimeExports.jsx(t.Tooltip,{display:"flex",placement:"top-start",title:n.jsxRuntimeExports.jsx(on,{children:De.tooltipText.missingCategory.replace("_deleted_category_",Q)}),children:n.jsxRuntimeExports.jsx(mn,{})}):null]}),n.jsxRuntimeExports.jsx(ie,{className:"item-value-container",style:{marginLeft:M===!0?-2:0},children:M===!0?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:ae===!0?n.jsxRuntimeExports.jsxs(de,{onClick:E=>{E.stopPropagation(),F(!1)},style:{display:"inline-flex",alignItems:"center",gap:t.sp[1],color:t.Colors.brandColorGoldDark,cursor:"pointer"},"data-testid":t.generateDataTestId("je-schedule-resolve-component-add-category-button",`${Je}_${o.jeScheduleId}`),children:[n.jsxRuntimeExports.jsx(pn,{}),De.addCategory]}):n.jsxRuntimeExports.jsx(t.GroupedSingleSelectField,{shouldShowChevronIcon:!1,name:js,placeholder:De.addCategory,valueToId:E=>I(E),defaultValue:{allOptions:e},registerOptions:{required:!0,validate:E=>!!E.selectedOption},disableCurrentOption:_,customStyleConfig:B})}):n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",style:{width:"100%"},title:o.jeDebit.account?.accountName!=null?n.jsxRuntimeExports.jsx(Pe,{children:o.jeDebit.account.accountName}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:o.jeDebit.account?.accountName??Ne})})})]})}):n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_ONE,padding:`${t.Space.sp2} ${t.Space.sp3}`},children:[n.jsxRuntimeExports.jsx(oe,{style:{display:"flex",alignItems:"center",gap:t.sp[1]},children:_t.category}),n.jsxRuntimeExports.jsx(ie,{className:"item-value-container",children:n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",style:{width:"100%"},title:o.jeDebit.account?.accountName!=null?n.jsxRuntimeExports.jsx(Pe,{children:o.jeDebit.account.accountName}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:o.jeDebit.account?.accountName??Ne})})})]}),n.jsxRuntimeExports.jsxs(X,{children:[n.jsxRuntimeExports.jsx(oe,{style:{display:"flex",alignItems:"center",gap:t.sp[1]},children:_t.classText}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",style:{width:"100%"},title:o.jeDebit.accountingClass?.className!=null?n.jsxRuntimeExports.jsx(Pe,{children:o.jeDebit.accountingClass.className}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:o.jeDebit.accountingClass?.className??Ne})})})]}),n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_THREE},children:[n.jsxRuntimeExports.jsx(oe,{children:De.scheduleHeaders.type}),n.jsxRuntimeExports.jsx(ie,{className:"test",children:n.jsxRuntimeExports.jsx(de,{className:"highlight",style:{width:"unset"},children:n.jsxRuntimeExports.jsx(eo,{children:De.scheduleTypes[o.jeScheduleType??"prepaid_expenses"]})})})]}),o.jeScheduleType==="fixed_assets"?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:se===!0?n.jsxRuntimeExports.jsx(X,{style:{width:pe.COLUMN_FOUR,padding:"unset",justifyContent:"center"},showHoverEffect:se,forceHoverEffect:c.updatedAccumulatedDepreciationCategoryID==null&&A===!1,children:n.jsxRuntimeExports.jsxs(ot,{className:"hover-background",style:{padding:t.sp[2],paddingLeft:t.sp[3]},children:[n.jsxRuntimeExports.jsxs(oe,{style:{display:"flex",alignItems:"center",gap:t.sp[1]},children:[De.scheduleHeaders.accumulatedCategory,se===!0?n.jsxRuntimeExports.jsx(t.Tooltip,{display:"flex",placement:"top-end",title:n.jsxRuntimeExports.jsx(on,{children:De.tooltipText.missingDepCategory.replace("_deleted_dep_category_",te)}),children:n.jsxRuntimeExports.jsx(mn,{})}):null]}),n.jsxRuntimeExports.jsx(ie,{className:"item-value-container",style:{marginLeft:se===!0?-2:0},children:se===!0?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:A===!0?n.jsxRuntimeExports.jsxs(de,{onClick:E=>{E.stopPropagation(),ee(!1)},style:{display:"inline-flex",alignItems:"center",gap:t.sp[1],color:t.Colors.brandColorGoldDark,cursor:"pointer"},"data-testid":t.generateDataTestId("je-schedule-resolve-component-add-depreciation-category-button",`${Je}_${o.jeScheduleId}`),children:[n.jsxRuntimeExports.jsx(pn,{}),De.addDepCategory]}):n.jsxRuntimeExports.jsx(t.GroupedSingleSelectField,{shouldShowChevronIcon:!1,showDownChevronWithValue:!1,name:fs,placeholder:De.addDepCategory,valueToId:E=>K(E),defaultValue:{allOptions:p},registerOptions:{required:!0,validate:E=>!!E.selectedOption},customStyleConfig:w,disableCurrentOption:_})}):n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",title:o.jeCredit.account?.accountName!=null?n.jsxRuntimeExports.jsx(Pe,{children:o.jeCredit.account.accountName}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:o.jeCredit.account?.accountName??Ne})})})]})}):n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_FOUR,padding:`${t.Space.sp2} ${t.Space.sp2} ${t.Space.sp2} ${t.Space.sp3}`,justifyContent:"center"},children:[n.jsxRuntimeExports.jsx(oe,{style:{display:"flex",alignItems:"center",gap:t.sp[1]},children:De.scheduleHeaders.accumulatedCategory}),n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",title:o.jeCredit.account?.accountName!=null?n.jsxRuntimeExports.jsx(Pe,{children:o.jeCredit.account.accountName}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:o.jeCredit.account?.accountName??Ne})})]})}):null,o.jeScheduleType!=="fixed_assets"?n.jsxRuntimeExports.jsx(X,{style:{width:pe.COLUMN_FOUR}}):null,n.jsxRuntimeExports.jsx(X,{style:{width:pe.COLUMN_FIVE}})]}),n.jsxRuntimeExports.jsxs(zr,{children:[n.jsxRuntimeExports.jsx(X,{style:{padding:"unset",width:pe.COLUMN_ONE},children:n.jsxRuntimeExports.jsxs(Hr,{children:[n.jsxRuntimeExports.jsx(oe,{children:De.scheduleHeaders.jePostingDate}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:o.scheduledJournalEntry.expectedPostDate.format(ms.visual.MMMDCommaYYFormat)??Ne})})]})}),n.jsxRuntimeExports.jsxs(X,{children:[n.jsxRuntimeExports.jsx(oe,{children:De.scheduleHeaders.balance}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",style:{width:"100%"},title:n.jsxRuntimeExports.jsx(Pe,{children:t.amountToString("0,0.[00]",H.toAmount(o?.scheduledJournalEntry?.runningBalance?.amount??0,st.currencyCode,st.currencySymbol))??Ne}),children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:t.amountToString("0,0.[00]",H.toAmount(o?.scheduledJournalEntry?.runningBalance?.amount??0,st.currencyCode,st.currencySymbol))??Ne})})})]}),n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_THREE},children:[n.jsxRuntimeExports.jsx(oe,{children:De.scheduleHeaders.months}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsxs(de,{className:"highlight",children:[o.scheduledJournalEntry.expectedPostDate.diff(o.startDate,"month")+1,"/",o.period]})})]}),n.jsxRuntimeExports.jsx(X,{style:{width:pe.COLUMN_FOUR}}),n.jsxRuntimeExports.jsxs(X,{style:{alignItems:"flex-end",width:pe.COLUMN_FIVE},children:[n.jsxRuntimeExports.jsx(oe,{children:De.scheduleHeaders.amountForMonth}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(de,{className:"highlight",children:t.amountToString("0,0.[00]",H.toAmount(o.scheduledJournalEntry.amount?.amount??0,st.currencyCode,st.currencySymbol))??Ne})})]})]})]}),n.jsxRuntimeExports.jsx(Hn,{children:n.jsxRuntimeExports.jsx(t.Button,{form:hs(`${Je}_${o.jeScheduleId}`),label:vc,variant:"primary",className:"item-value-container",type:"submit",loading:r?.fetchState==="In-Progress",size:"small",disabled:!k,style:{minWidth:On}})})]})})})})},ys=(e,s,l,a,p,u,o,c)=>{const r=e.updatedCategoryId,x=e.updatedVendor,d=x!=null?c.vendor.find(v=>v.zeniId===x.id):void 0,h=e.updatedAccumulatedDepreciationCategoryID,j=e.updatedClassId,y=r!=null?p.find(v=>v.accountId===r):void 0,S=h!=null?o.find(v=>v.accountId===h):void 0,f=j!=null?u.find(v=>v.classId===j):void 0;return{[Je]:{jeScheduleID:e.jeScheduleID,scheduledJournalEntryID:e.scheduledJournalEntryID,jeScheduleType:e.jeScheduleType,scheduleExpenseCategory:{selectedOption:y?.qboId,allOptions:s},accumulatedDepreciationCategory:{selectedOption:S?.qboId,allOptions:a},vendor:{selectedOption:d?.id??x?.id,defaultOptions:t.getDefaultVendorOptions$1(c,d??x)},scheduleClass:{selectedOption:f?.classId,allOptions:l}}}},pn=i(t.SvgAddRound)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,mn=i(t.SvgAlertRound)`
+  width: 12px;
+  height: 12px;
+  color: ${t.Colors.important};
+`;function uo(){return n.jsxRuntimeExports.jsx(Ys,{children:n.jsxRuntimeExports.jsxs(Zs,{children:[n.jsxRuntimeExports.jsxs(Xs,{children:[n.jsxRuntimeExports.jsx(Le,{width:t.sp[9],height:27,style:{marginBottom:t.sp[2]}}),n.jsxRuntimeExports.jsx(Ss,{})]}),n.jsxRuntimeExports.jsxs(Qs,{children:[n.jsxRuntimeExports.jsx(Le,{width:t.sp[9],height:27,style:{marginBottom:t.sp[2]}}),n.jsxRuntimeExports.jsx(Ss,{})]})]})})}const Ss=()=>n.jsxRuntimeExports.jsx(zn,{style:{minWidth:1088},children:n.jsxRuntimeExports.jsxs(Fn,{children:[n.jsxRuntimeExports.jsxs(Wn,{children:[n.jsxRuntimeExports.jsxs(Nn,{children:[n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_ONE,padding:`${t.Space.sp2} ${t.Space.sp3}`},children:[n.jsxRuntimeExports.jsx(oe,{children:n.jsxRuntimeExports.jsx(Le,{width:t.sp[10],height:14})}),n.jsxRuntimeExports.jsxs(ie,{style:{gap:t.sp[2]},children:[n.jsxRuntimeExports.jsx(t.CircularContentLoader,{height:t.sp[4],width:t.sp[4]}),n.jsxRuntimeExports.jsx(Le,{height:t.sp[4],width:t.sp[10]})]})]}),n.jsxRuntimeExports.jsxs(X,{children:[n.jsxRuntimeExports.jsx(oe,{children:n.jsxRuntimeExports.jsx(Le,{width:101,height:14})}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(Le,{height:t.sp[4],width:203})})]}),n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_THREE},children:[n.jsxRuntimeExports.jsx(oe,{children:n.jsxRuntimeExports.jsx(Le,{width:t.sp[9],height:14})}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(Le,{height:t.sp[4],width:71})})]}),n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_FOUR,paddingLeft:t.sp[3]},children:[n.jsxRuntimeExports.jsx(oe,{children:n.jsxRuntimeExports.jsx(Le,{width:107,height:14})}),n.jsxRuntimeExports.jsx(Le,{height:t.sp[4],width:68})]}),n.jsxRuntimeExports.jsxs(X,{style:{alignItems:"flex-end",width:pe.COLUMN_FIVE},children:[n.jsxRuntimeExports.jsx(oe,{children:n.jsxRuntimeExports.jsx(Le,{width:73,height:14})}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(Le,{height:t.sp[4],width:49})})]})]}),n.jsxRuntimeExports.jsxs(Pn,{children:[n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_ONE,padding:`${t.Space.sp2} ${t.Space.sp3}`},children:[n.jsxRuntimeExports.jsx(oe,{children:n.jsxRuntimeExports.jsx(Le,{width:49,height:14})}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(Le,{height:t.sp[4],width:158})})]}),n.jsxRuntimeExports.jsxs(X,{children:[n.jsxRuntimeExports.jsx(oe,{children:n.jsxRuntimeExports.jsx(Le,{width:36,height:14})}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(Le,{height:t.sp[4],width:88})})]}),n.jsxRuntimeExports.jsxs(X,{style:{width:pe.COLUMN_THREE},children:[n.jsxRuntimeExports.jsx(oe,{children:n.jsxRuntimeExports.jsx(Le,{width:36,height:14})}),n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(Le,{height:t.sp[4],width:100})})]}),n.jsxRuntimeExports.jsx(X,{style:{width:pe.COLUMN_FOUR,paddingLeft:t.sp[3]}}),n.jsxRuntimeExports.jsx(X,{style:{width:pe.COLUMN_FIVE}})]})]}),n.jsxRuntimeExports.jsxs(Hn,{children:[n.jsxRuntimeExports.jsx(Le,{height:29,width:53,style:{margin:`${t.Space.sp0} ${t.Space.sp3}`}}),n.jsxRuntimeExports.jsx(Le,{height:29,width:53,style:{margin:`${t.Space.sp0} ${t.Space.sp3}`}})]})]})}),Le=i(t.RectangularContentLoader)`
+  border-radius: ${t.Space.sp1};
+`,{common:{create:Ic,resolve:kc}}=t.appLocale.getLocalizedStrings();function Tc({jeSchedules:e,vendorSearchAutoCompleteData:s,handleJeScheduleClick:l,onJESchedulesFormDataChange:a,onPostJESchedule:p,ignoreRecommendedJeSchedule:u,vendorSearchAutoCompleteActions:o,setCurrentFooterFormId:c}){const r=e.draftSchedules,x=e.jeScheduleLocalDataById,d=e.postStatusById,h=e.ignoreStatusById,j=e.resolveSchedules,y=e.uncategorizedAccounts,{allAccountList:S,allClassList:f,allDepreciationAccountList:v}=e,g=t.getGroupedAccountOptions(e.accountListNestedAccountHierarchy),b=t.getGroupedAccountOptions(e.allDepreciationAccountListNestedAccountHierarchy),D=t.getGroupedClassOptions(e.classListNestedAccountHierarchy),$=(w,R,k)=>{l(w,R,k)},B=(w,R,k,L)=>{let I=w.target;for(;I;){if(I.classList.contains("item-value-container")||I.classList.contains("hover-background")||I.classList.contains("auto-complete-single-select-field__input")||I.classList.contains("auto-complete-single-select-field__option")||I.classList.contains("grouped-single-select-field__input")||I.classList.contains("grouped-single-select-field__menu"))return;I=I.parentElement}l(R,k,L)};return m.useEffect(()=>{if(j.length!==0){for(const w in x)if(Object.prototype.hasOwnProperty.call(x,w)){const{updatedAccumulatedDepreciationCategoryID:R,updatedCategoryId:k,updatedVendor:L}=x[w];if(R!=null||k!=null||L!=null&&L?.id!==""){c("expenseAutomationJESchedulePage");break}else c("expenseAutomationPage")}}else j.length===0&&c("expenseAutomationPage")}),m.useEffect(()=>()=>{c("expenseAutomationPage")},[]),e.fetchState==="In-Progress"?n.jsxRuntimeExports.jsx(uo,{}):r.length!==0||j.length!==0?n.jsxRuntimeExports.jsx(Ys,{children:n.jsxRuntimeExports.jsxs(Zs,{children:[r.length>0?n.jsxRuntimeExports.jsxs(Xs,{children:[n.jsxRuntimeExports.jsxs(Cs,{children:[Ic,n.jsxRuntimeExports.jsx(Es,{isCircular:r.length<10,children:n.jsxRuntimeExports.jsx(vs,{children:r.length})})]}),n.jsxRuntimeExports.jsx(Rs,{"data-testid":t.generateDataTestId("expense-automation","draft-je-schedules"),children:r.map((w,R)=>n.jsxRuntimeExports.jsx(Sc,{ignoreStatus:h[w.jeScheduleTransactionKey],ignoreRecommendedJeSchedule:u,onReviewClickHandler:$,jeScheduleClickHandler:B,draft:w},`${R}_${w.jeScheduleId}`))})]}):null,j.length>0?n.jsxRuntimeExports.jsxs(Qs,{children:[n.jsxRuntimeExports.jsxs(Cs,{children:[kc,n.jsxRuntimeExports.jsx(Es,{isCircular:j.length<10,children:n.jsxRuntimeExports.jsx(vs,{children:j.length})})]}),n.jsxRuntimeExports.jsx(Rs,{"data-testid":t.generateDataTestId("expense-automation","resolve-je-schedules"),children:j.map((w,R)=>x[w.scheduledJournalEntry.scheduledJournalEntryID]==null?null:n.jsxRuntimeExports.jsx(wc,{vendorSearchAutoCompleteActions:o,vendorSearchAutoCompleteData:s,jeScheduleClickHandler:B,onPostJESchedule:p,uncategorizedAccounts:y,allAccountList:S,allAccountGroupedOptions:g,allClassGroupedOptions:D,allClassList:f,allDepAccountGroupedOptions:b,allDepAccountList:v,draft:w,postStatus:d[w.scheduledJournalEntry.scheduledJournalEntryID],localData:x[w.scheduledJournalEntry.scheduledJournalEntryID],onFormDataChange:a},`${R}_${w.jeScheduleTransactionKey}`))})]}):null]})}):null}const Rs=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.Space.sp4};
+  min-width: 1088px;
+`,Cs=i(t.LargeSemiBold)`
+  color: ${e=>e.theme.colors.primary};
+  padding: ${t.Space.sp2} ${t.Space.sp0};
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp1};
+`,Es=i.div`
+  border-radius: ${t.Space.sp12};
+  display: flex;
+  justify-content: center;
+  border: ${e=>`1px solid ${e.theme.colors.grey1}`};
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isCircular?_e.css`
+          height: ${t.Space.sp3};
+          width: ${t.Space.sp3};
+          padding: ${t.Space.sp0};
+        `:_e.css`
+          height: 18px;
+          padding: ${t.customCountCapsulePadding.padding};
+        `}
+`,vs=i(t.ExtraSmallMediumSp)`
+  color: ${e=>e.theme.colors.hero};
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+`;function $c({expenseAutomationViewSelector:e,currentFooterFormId:s,setResetJeAccountSettingsForm:l,vendorSearchAutoCompleteData:a,onJESchedulesFormDataChange:p,onPostJESchedule:u,handleJeScheduleClick:o,onJeAccountSettingsChange:c,onSaveJeAccountSettingsClick:r,ignoreRecommendedJeSchedule:x,vendorSearchAutoCompleteActions:d,setCurrentFooterFormId:h,setIsJeAccountSettingsOpened:j}){const{jeSchedules:y}=e;return y.fetchState==="In-Progress"||y.accountSettingsView.fetchState==="In-Progress"?n.jsxRuntimeExports.jsx(uo,{}):y.accountSettingsView.fetchState==="Completed"&&y.accountSettingsView.accountSettingsLocalData.previousPrepaidExpensesAccount.length===0&&y.accountSettingsView.accountSettingsLocalData.previousFixedAssetsAccount.length===0?n.jsxRuntimeExports.jsx(xc,{setIsJeAccountSettingsOpened:j,setResetJeAccountSettingsForm:l,currentFooterFormId:s,onJeAccountSettingsChange:c,onSaveJeAccountSettingsClick:r,accountSettings:y.accountSettingsView,setCurrentFooterFormId:h}):y.fetchState==="Completed"&&y.draftSchedules.length===0&&y.resolveSchedules.length===0?n.jsxRuntimeExports.jsx(pt,{tab:e.currentSelectedView,title:Me(e.currentSelectedView).allDoneText.title,subTitle:Me(e.currentSelectedView).allDoneText.subTitle}):y.fetchState==="Completed"?n.jsxRuntimeExports.jsx(Tc,{setCurrentFooterFormId:h,handleJeScheduleClick:o,ignoreRecommendedJeSchedule:x,jeSchedules:e.jeSchedules,onJESchedulesFormDataChange:p,onPostJESchedule:u,vendorSearchAutoCompleteActions:d,vendorSearchAutoCompleteData:a}):null}const Lc=72,po=50,Ac=1,Oc=["receipts"],bs=e=>H.stringToUnionStrict(e,Oc),{common:{texts:{vendor:Dc,amount:_c,receipts:Bc,category:Mc,classText:Nc,date:Pc}}}=t.appLocale.getLocalizedStrings(),Fc={key:"vendor",value:Dc,sortOrder:"ascending",width:new t.ResponsiveSized(18,18)},zc={key:"category",value:Mc,sortOrder:"ascending",width:new t.ResponsiveSized(18,18)},Hc={key:"class",value:Nc,sortOrder:"ascending",width:new t.ResponsiveSized(18,18)},Wc={key:"date",value:Pc,sortOrder:"descending",width:new t.ResponsiveSized(11,11)},Vc={key:"receipts",value:Bc,sortOrder:"descending",width:new t.ResponsiveSized(6,6)},qc={key:"amount",value:_c,sortOrder:"ascending",width:new t.ResponsiveSized(10,10)},it=[Fc,zc,Hc,Wc,Vc,qc],xn={sortKey:"date",sortOrder:"descending"},ws={containerPaddingLeftRight:new t.ResponsiveSized(t.sp[3],t.sp[4])},mo=({sortConfig:e,isDisabled:s,onColumnSortConfigChanged:l})=>{const a=t.useWindowSizeContext(),[p,u]=m.useState(it);m.useEffect(()=>{const r=[...p];for(const x of r)x.key===e.sortKey?x.sortOrder=e.sortOrder:x.sortOrder="ascending";u(r)},[e.sortKey,e.sortOrder]);const o=(r,x)=>{let d=x;e.sortKey===r&&(d=x==="ascending"?"descending":"ascending"),l(r,d)},c=r=>{bs(r.key)==null&&o(H.toExpenseAutomationMissingReceiptsSortKey(r.key),r.sortOrder)};return n.jsxRuntimeExports.jsx(Uc,{windowSize:a,children:p.map((r,x)=>{const d=s!=null||bs(r.key)!=null;return n.jsxRuntimeExports.jsxs(Gc,{sortDataValue:e.sortKey,actualDataValue:r.key,wrapperWidth:r.width,isSortDisabled:d,windowSize:a,isLastItem:x===p.length-1,style:r.key==="receipts"?{justifyContent:"center"}:void 0,children:[n.jsxRuntimeExports.jsxs(Xc,{onClick:()=>d?null:c(r),isSortDisabled:d,children:[n.jsxRuntimeExports.jsx(Qc,{children:r.value}),d?null:n.jsxRuntimeExports.jsx(Jc,{sortConfig:e,headerData:r,children:n.jsxRuntimeExports.jsx(Zc,{})})]}),d?null:n.jsxRuntimeExports.jsx(Yc,{isSortDisabled:d,sortDataValue:e.sortKey,isVisible:e.sortKey===r.key&&e.sortKey!==xn.sortKey,children:n.jsxRuntimeExports.jsx(Kc,{onClick:()=>{d||o(xn.sortKey,xn.sortOrder)},"data-testid":t.generateDataTestId("missing-receipts-header-close-icon",r.key)})})]},r.key)})})},Uc=i.div`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  height: ${po}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=>ws.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>ws.containerPaddingLeftRight.valuePx(e.windowSize)};
+`,Gc=i.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: ${t.Space.sp0};
+  left: ${t.Space.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;
+`,Kc=i(t.SvgCloseRound)`
+  width: ${t.Space.sp2};
+  height: ${t.Space.sp2};
+  cursor: pointer;
+`,Jc=i.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+`,Yc=i.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};
+  }
+`,Zc=i(t.SvgArrowTailTop)`
+  width: ${t.Space.sp2};
+  height: ${t.Space.sp2};
+`,Xc=i.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};
+  }
+`,Qc=i(t.ExtraSmallRegular)`
+  display: flex;
+`,{common:{strings:{underscore:xo,hyphen:hn,empty:Is},documents:{singleFileUploadSizeErrorMessage:el,multipleFileUploadSizeErrorMessage:tl},snackBar:{missing_receipts_attachment:{failed:nl}},tooltips:{addMissingReceipt:sl}},dateFormat:ol}=t.appLocale.getLocalizedStrings(),nn={containerPaddingLeftRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingTopBottom:new t.ResponsiveSized(t.sp[2],t.sp[3])},il=({transaction:e,uploadReceiptsFetchState:s,receiptUploadEndpoint:l,authParams:a,selectedPeriod:p,onUploadReceiptComplete:u,onMissingReceiptsRowClick:o,onUploadReceiptFetchStatus:c,onUploadReceiptAttachment:r})=>{const x=t.useWindowSizeContext(),d=m.useRef(null),h=m.useCallback(async(S,f,v,g,b)=>{c(e.id,"In-Progress"),await qt.uploadAttachment(S,f,v,g,b).then(({uploadResponse:D,errorMessage:$})=>{D!=null?D.transaction.attachments!=null&&(r(D.transaction),setTimeout(()=>u(D.transaction,p),2e3)):c(e.id,"Error",{code:500,message:nl},$)}).catch(D=>{c(e.id,"Error",D)})},[e.id,p,r,u,c]),j=m.useCallback(S=>{if(S.target.files!=null){const f=S.target.files,v=[],g=[];for(let b=0;b<f.length;b++)v.push(f[b].name),g.push(f[b]);h(l,a,f[0],f[0].name,{id:e.id,type:e.type})}},[a,h,l,e.id,e.type]),y=m.useCallback(()=>{d.current?.click()},[d]);return n.jsxRuntimeExports.jsx(ho,{windowSize:x,onClick:()=>o(e.id,e.type),"data-testid":t.generateDataTestId("missing-receipts-list-row",e.id),children:it.map((S,f)=>{const v=`${e.id}${xo}${S.key}`;switch(S.key){case"vendor":default:return n.jsxRuntimeExports.jsx(It,{windowSize:x,wrapperWidth:S.width,children:n.jsxRuntimeExports.jsx(kt,{windowSize:x,isLastItem:f===it.length-1,children:n.jsxRuntimeExports.jsxs(rn,{children:[n.jsxRuntimeExports.jsx(t.EntityLogoAvatarWithCustomFallback,{photoUrl:e.vendorId!=null?e.logo?.toString()??Is:Is,styles:{width:t.Space.sp4,height:t.Space.sp4,borderRadius:t.Space.sp0},placeholder:{width:t.sp[4],height:t.sp[4]},fallbackAvatar:n.jsxRuntimeExports.jsx(pl,{children:n.jsxRuntimeExports.jsx(t.EntityAvatar,{name:e.vendorName??e.description,size:t.Space.sp4})})}),n.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{text:e.vendorName??e.description,itemTextStyle:{...t.textStyles.standardRegular.cssObject,color:"inherit"}})]})})},v);case"category":case"class":{const g=e.lines!=null&&e.lines.length>0&&e.lines[0]?.account!=null&&e.lines[0].account.accountName?e.lines[0].account.accountName:hn,b=e.lines!=null&&e.lines.length>0&&e.lines[0]?.class!=null&&e.lines[0].class.className?e.lines[0].class.className:hn,D=S.key==="category"?g:b;return n.jsxRuntimeExports.jsx(It,{windowSize:x,wrapperWidth:S.width,children:n.jsxRuntimeExports.jsx(kt,{windowSize:x,isLastItem:f===it.length-1,children:n.jsxRuntimeExports.jsx(rn,{children:D!==hn?n.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{text:D,itemTextStyle:{...t.textStyles.standardRegular.cssObject,color:"inherit"}}):n.jsxRuntimeExports.jsx(ul,{children:D})})})},v)}case"date":return n.jsxRuntimeExports.jsx(It,{windowSize:x,wrapperWidth:S.width,children:n.jsxRuntimeExports.jsx(kt,{windowSize:x,isLastItem:f===it.length-1,children:n.jsxRuntimeExports.jsx(rn,{children:n.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{text:e.date.format(ol.visual.MMMDCommaYYYYformat),itemTextStyle:{...t.textStyles.standardRegular.cssObject,color:"inherit"}})})})},v);case"receipts":return n.jsxRuntimeExports.jsx(It,{windowSize:x,wrapperWidth:S.width,children:n.jsxRuntimeExports.jsx(kt,{windowSize:x,isLastItem:f===it.length-1,style:{justifyContent:"center"},children:s.fetchState==="In-Progress"?n.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",style:{display:"flex"},start:!0}):s.fetchState==="Completed"||e.attachments!=null&&e.attachments.length>0?n.jsxRuntimeExports.jsx(ko.SuccessAnimation,{shouldDisplay:!0,width:t.sp[4],height:t.sp[4],animationInLoop:!1,shouldFade:!1,onAnimationComplete:()=>null}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(dl,{onClick:g=>{g.stopPropagation()},children:n.jsxRuntimeExports.jsx(t.FileInputElement,{"data-testid":t.generateDataTestId("missing-receipts-file-input",e.id),name:`missing-receipts-${e.id}`,fileRef:d,sizeLimit:t.SizeLimit32MB,multiple:!1,acceptableTypes:[...H.SUPPORTED_TRANSACTION_LINE_ATTACHMENT_FILE_TYPES],onFileChange:j,onFileSizeError:(g,b)=>{g&&c(e.id,"Error",{code:500,message:b===!0?el.replace("__maxFileSize__",t.formatFileSize(t.SizeLimit32MB,0)):tl.replace("__maxFileSize__",t.formatFileSize(t.SizeLimit32MB,0))})}})}),n.jsxRuntimeExports.jsx(t.Tooltip,{display:"flex",placement:"bottom",title:sl,enterDelay:600,children:n.jsxRuntimeExports.jsx(ll,{onClick:g=>{g.stopPropagation(),y()}})})]})})},v);case"amount":{const g=t.amountToString("0,0.[00]",e.amount);return n.jsxRuntimeExports.jsx(It,{windowSize:x,wrapperWidth:S.width,children:n.jsxRuntimeExports.jsx(kt,{windowSize:x,isLastItem:f===it.length-1,children:n.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{text:e.amount.amount<0?`-${g}`:g,itemTextStyle:{...t.textStyles.standardRegular.cssObject,color:"inherit"}})})},v)}}})})},rl=()=>{const e=t.useWindowSizeContext(),s=m.useRef(null),[l,a]=m.useState(0);return m.useLayoutEffect(()=>{s.current&&a(s.current.offsetWidth)},[e]),n.jsxRuntimeExports.jsx(ho,{windowSize:e,ref:s,children:it.map((p,u)=>{const o=`${u}${xo}${p.key}`;switch(p.key){case"vendor":return n.jsxRuntimeExports.jsx(It,{windowSize:e,wrapperWidth:p.width,children:n.jsxRuntimeExports.jsx(kt,{windowSize:e,isLastItem:u===it.length-1,children:n.jsxRuntimeExports.jsxs(rn,{children:[n.jsxRuntimeExports.jsx(t.CircularContentLoader,{width:t.sp[4],height:t.sp[4]}),n.jsxRuntimeExports.jsx(t.RectangularContentLoader,{width:l*p.width.value(e)/100,height:t.sp[4],style:{display:"flex",alignItems:"center"}})]})})},o);default:return n.jsxRuntimeExports.jsx(It,{windowSize:e,wrapperWidth:p.width,children:n.jsxRuntimeExports.jsx(kt,{windowSize:e,isLastItem:u===it.length-1,children:n.jsxRuntimeExports.jsx(t.RectangularContentLoader,{width:l*p.width.value(e)/100,height:t.sp[4],style:{display:"flex",alignItems:"center"}})})},o)}})})},ho=i.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>nn.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>nn.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-top: ${e=>nn.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>nn.containerPaddingTopBottom.valuePx(e.windowSize)};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.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;
+`,It=i.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: ${t.Space.sp0};
+  }
+`,al=_e.css`
+  word-break: break-all;
+  white-space: normal;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+`,cl=_e.css`
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp3};
+  cursor: pointer;
+`,ll=i(t.SvgAddRound)`
+  ${cl};
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,kt=i(t.StandardRegular)`
+  overflow: hidden;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  display: flex;
+  width: 100%;
+  align-items: center;
+`,dl=i.div``,rn=i.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${t.Space.sp2};
+  align-items: center;
+`,ul=i(t.StandardRegular)`
+  ${al};
+  color: inherit;
+`,pl=i.div`
+  display: flex;
+`,ml=({sortConfig:e,fetchState:s,isDisabled:l,onColumnSortConfigChanged:a})=>{const p=t.useWindowSizeContext();return n.jsxRuntimeExports.jsxs(xl,{windowSize:p,children:[n.jsxRuntimeExports.jsx(mo,{sortConfig:e,isDisabled:s==="In-Progress"?"readonly":l,onColumnSortConfigChanged:a}),n.jsxRuntimeExports.jsx(hl,{windowSize:p,children:[...Array(3)].map((u,o)=>n.jsxRuntimeExports.jsx(rl,{},o))})]})},xl=i.div`
+  display: block;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,hl=i.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+`,{common:gl}=t.appLocale.getLocalizedStrings(),jl=({missingReceipts:e,receiptUploadEndpoint:s,authParams:l,selectedPeriod:a,isDisabled:p,onMissingReceiptsRowClick:u,onUploadReceiptComplete:o,onUploadReceiptAttachment:c,onUploadReceiptFetchStatus:r,onUpdateMissingReceiptsUIState:x,onFetchMissingReceiptsList:d})=>{const h=t.useWindowSizeContext(),{fetchState:j,uiState:y,transactions:S}=e,f=m.useRef(null),[v,g]=m.useState(!1);m.useEffect(()=>{f.current?.resetAfterIndex(0)},[h,f]),m.useEffect(()=>{j==="Completed"&&g(!1)},[j]);const b=$=>Lc,D=($,B)=>{x({sortOrder:B,sortKey:$})};return n.jsxRuntimeExports.jsxs(Sl,{children:[n.jsxRuntimeExports.jsx(Rl,{windowSize:h,children:j==="Error"?n.jsxRuntimeExports.jsxs(El,{windowSize:h,children:[n.jsxRuntimeExports.jsx(vl,{onClick:()=>d(),"data-testid":t.generateDataTestId("missing-receipts-list-table-reload-button"),children:n.jsxRuntimeExports.jsx(t.SvgReload,{})}),n.jsxRuntimeExports.jsx(bl,{children:gl.reloadPage.label})]}):j==="Completed"&&S.length===0?n.jsxRuntimeExports.jsx(pt,{tab:"missing_receipts",title:Me("missing_receipts").allDoneText.title,subTitle:Me("missing_receipts").allDoneText.subTitle}):j==="Not-Started"||j==="In-Progress"&&S.length===0?n.jsxRuntimeExports.jsx(ml,{sortConfig:{sortKey:y.sortKey,sortOrder:y.sortOrder},fetchState:j,onColumnSortConfigChanged:D}):n.jsxRuntimeExports.jsx(Cl,{windowSize:h,children:n.jsxRuntimeExports.jsx(n.AutoSizer,{children:({height:$,width:B})=>n.jsxRuntimeExports.jsxs(Il,{style:{height:$,width:B},children:[n.jsxRuntimeExports.jsx(yl,{children:n.jsxRuntimeExports.jsx(mo,{sortConfig:{sortKey:y.sortKey,sortOrder:y.sortOrder},isDisabled:j==="In-Progress"?"readonly":p,onColumnSortConfigChanged:D})}),n.jsxRuntimeExports.jsx(n.VariableSizeList,{ref:f,height:$-po,itemCount:S.length,itemData:{missingReceipts:e,receiptUploadEndpoint:s,authParams:l,isDisabled:p,selectedPeriod:a,onMissingReceiptsRowClick:u,onUploadReceiptComplete:o,onUploadReceiptAttachment:c,onUploadReceiptFetchStatus:r},itemSize:b,width:B,style:{willChange:"auto"},overscanCount:Ac,onScroll:({scrollOffset:w})=>{x({scrollPosition:{scrollTop:w}})},initialScrollOffset:y.scrollPosition?.scrollTop,children:fl})]})})})}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:v===!0,children:n.jsxRuntimeExports.jsx(kl,{children:n.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0})})})]})},fl=({index:e,style:s,data:l})=>{const{missingReceipts:a,receiptUploadEndpoint:p,authParams:u,onMissingReceiptsRowClick:o,onUploadReceiptComplete:c,onUploadReceiptAttachment:r,onUploadReceiptFetchStatus:x,selectedPeriod:d}=l,h=a.transactions[e];return n.jsxRuntimeExports.jsx(wl,{style:{...s,width:"100%"},children:n.jsxRuntimeExports.jsx(il,{transaction:h,receiptUploadEndpoint:p,authParams:u,selectedPeriod:d,onMissingReceiptsRowClick:o,onUploadReceiptComplete:c,onUploadReceiptAttachment:r,onUploadReceiptFetchStatus:x,uploadReceiptsFetchState:a.uploadReceiptStatusById[h.id]??{fetchState:"Not-Started",error:void 0}},h.id)})},yl=i.div`
+  width: auto;
+`,Sl=i.div`
+  width: 100%;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Rl=i.div`
+  height: 100%;
+`,Cl=i.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,El=i.div`
+  display: flex;
+  width: 100%;
+  height: ${e=>`calc(100% - ${t.navBarHeight.valuePx(e.windowSize)})`};
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,vl=i.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${t.Space.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,bl=i(t.SmallRegularSp)`
+  margin-top: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,wl=i.div`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  padding-bottom: ${t.Space.sp3};
+  box-sizing: border-box;
+`,Il=i.div`
+  position: relative;
+`,kl=i.div`
+  display: flex;
+  width: 100%;
+  height: ${t.Space.sp3};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-top: ${t.Space.sp3};
+  margin-bottom: ${t.Space.sp3};
+`,Tl=[...H.SUPPORTED_ATTACHMENT_FILE_TYPES],$l=7*1024*100,Ll=i.div`
+  width: ${he.FORM_MINIMUM_WIDTH}px;
+`,gn=i.div`
+  width: ${e=>`${e.availableWidth}px`};
+  min-width: auto;
+  position: relative;
+  height: fit-content;
+  min-height: ${t.Space.sp12};
+`,Al=i.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: ${t.Space.sp2};
+
+  // Disable select for Zeni Logo and File Separator
+  #${he.MONTH_END_EMAIL_BODY_SECTION} img[alt*="company logo"],
+  .attachFileSeparator {
+    user-select: none;
+  }
+`,Ol=i.div`
+  display: flex;
+  column-gap: ${t.Space.sp2};
+  align-items: flex-end;
+  margin-top: ${t.Space.sp2};
+  margin-bottom: ${t.Space.sp3};
+`,Dl=i.div`
+  position: relative;
+`,ks=i(t.StandardRegular)`
+  position: relative;
+`,_l=i.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.theme.colors.background}`};
+  border-radius: ${t.Space.sp2};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  padding: ${t.Space.sp5};
+  color: ${e=>e.theme.colors.primary};
+  position: relative;
+  .lexicalEditor__nestedListItem {
+    list-style-type: none;
+  }
+  user-select: text;
+
+  .monthEndReportCanvasWrapper > * {
+    isolation: isolate;
+    z-index: ${t.sp[1]};
+  }
+`,Bl=i.div`
+  user-select: text;
+`,Ml=i.div`
+  position: absolute;
+  top: ${t.Space.sp4}; // Attachment icon position from the top
+  right: -${t.Space.sp3}; // To show attachment icon on the edge
+`,Nl=i.div`
+  margin-top: ${t.Space.sp2};
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+  margin-bottom: ${t.Space.sp4};
+  position: relative;
+
+  .toolbar {
+    user-select: none;
+  }
+`,Pl=i(t.SmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+  user-select: none;
+`,Fl=i(t.StandardBold)`
+  color: ${e=>e.theme.colors.primary};
+`,zl=i.div`
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+  display: flex;
+`,Hl=_e.keyframes`
+ 0% {
+  transform: translateX(100%);
+ }
+ 100% {
+   transform: translateX(0)
+ }
+`,Wl=_e.keyframes`
+ 0% {
+   transform: translateX(0)
+ }
+ 100% {
+   transform: translateX(100%)
+ }
+`,Vl=i.div`
+  animation: ${e=>e.allThreadsSectionOpen?Hl:Wl}
+    0.5s forwards;
+  height: 100vh;
+  position: fixed;
+  right: ${t.Space.sp0};
+  top: ${t.Space.sp0};
+  z-index: ${t.sp[2]};
+  min-width: ${he.COMMENTS_SECTION_MINIMUM_WIDTH}px;
+  max-width: ${he.COMMENTS_DRAWER_MAXIMUM_WIDTH}px;
+`,an="monthEndReportFormSection",Ts="monthEndReportPage",Ve=t.appLocale.getLocalizedStrings();function ql({companyId:e,enableZeniGPTFeature:s,monthEndReportView:l,previewMode:a,customerRequestData:p,allThreadsSectionOpen:u,filterMetaData:o,newThreadMetadata:c,isZeniUser:r,selectedPeriod:x,improveUsingZeniGPTClick:d,onRemoveFileAttachment:h,onUpdateFileAttachment:j,onCloseAllThreadsSection:y,previewMonthEndReport:S,saveMonthEndReport:f,onEditClick:v,onOpenFileAttachmentSnackBar:g,onClickCustomerRequest:b,sendMonthEndReport:D}){const $=n.useTheme(),[B,w]=m.useState(),[R,k]=m.useState(0),[L,G]=m.useState(0),I=m.useRef(),K=m.useRef(null),_=m.useRef(null),{html:q,subject:J,improveUsingZeniGPTStatus:U}=l,[M,se]=m.useState(),[Se,Q]=m.useState(!1),[te,ae]=m.useState(!1),F=m.useRef(null),A=m.useRef(null),ee=he.useDelayUnmount(u,250),z=l.fetchState==="Not-Started"||l.fetchState==="In-Progress"||l.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||l.companyMonthEndReportTemplatesData.fetchState==="In-Progress",{threadsRefs:N,sortedThreads:E,threadsPositions:W,observer:Y,unresolvedThreadsMap:O,handleRemoveFloatingThread:Z}=he.useFloatingThreads(o,F,!a,z,r),P=m.useCallback(()=>{u?A.current!=null&&G(Math.min((A.current.offsetWidth-he.FORM_MINIMUM_WIDTH-t.sp[4])/2,A.current.offsetWidth-he.FORM_MINIMUM_WIDTH-he.COMMENTS_DRAWER_MAXIMUM_WIDTH-t.sp[4])):A.current!=null&&k(Math.min((A.current.offsetWidth-he.FORM_MINIMUM_WIDTH-t.sp[4])/2,A.current.offsetWidth-he.FORM_MINIMUM_WIDTH-he.COMMENTS_SECTION_MINIMUM_WIDTH-t.sp[4]))},[u]);m.useEffect(()=>{P()},[u,P]),m.useEffect(()=>(window.addEventListener("resize",P),()=>{window.removeEventListener("resize",P)}),[P]);const V=r?t.ThreadsContext:t.NonZeniUsersThreadsContext,{openThread:je,addThread:Ee,setOpenThread:ce}=m.useContext(V),C=he.useHandleSelection(he.MONTH_END_REPORT_CANVAS,!1,!a),re=F.current?.getBoundingClientRect(),fe=C!=null&&C.coords&&re?{left:C.coords.left-re.left,top:C.coords.top-re.top}:void 0,Oe=m.useCallback(()=>{const ge=window.getSelection()?.getRangeAt(0),xe=he.getSelectionData();if(!ge||xe==null)return;const Ce={...c,...xe,startPath:xe.startPath.join(),endPath:xe.endPath.join()},ne=`${n.nanoid()}${t.NEW_THREAD_SUFFIX}`,He=`cockpit_${e}`;Ee(ne,{type:"thread",id:ne,roomId:He,createdAt:new Date,comments:[],metadata:Ce,updatedAt:new Date,resolved:!1}),ce(ne)},[Ee,e,c,ce]);m.useEffect(()=>{je!=null&&u&&y()},[u,je,y]);const we=U.fetchState==="In-Progress",Ie=n.useForm({mode:"all",defaultValues:$s(l),values:$s(l)}),me=Ie.handleSubmit(ge=>{const{recipientEmailList:xe,subject:Ce}=ge[an];if(a===!0)D?.(M?.id);else{const ne=B?.replace(t.EMPTY_HTML_CHECKER,Ve.common.strings.empty);xe!=null&&Ce!=null&&S(xe,Ce,M?.id,ne!=null&&ne.length>0?B:void 0)}}),Ue=()=>{K.current!=null&&K.current.click()},Fe=()=>{M!==void 0&&M!=null&&(h([M.id]),se(void 0),Q(!1))},ze=ge=>{const xe=ge.target.files?ge.target.files[0]:null;if(xe)if(!H.toSupportedAttachmentFileType(xe.type)||te)console.warn("Please select a valid file.");else{const Ce=new FileReader;Ce.onload=function(ne){const He=ne.target?.result;if(typeof He=="string"){const tt={data:He.split(",")[1],name:xe.name,id:H.getAttachmentFileIdByFileName(e,xe.name)};se(tt),Q(!0),j([tt])}},Ce.readAsDataURL(xe)}},le=()=>{_.current&&_.current.scrollIntoView({behavior:"smooth"})},Be=()=>{const ge=Ie.getValues(),{recipientEmailList:xe,subject:Ce}=ge[an];xe!=null&&Ce!=null&&f(xe,Ce,M?.id,B)};m.useEffect(()=>{w(l.zeniRequestsHtml)},[l.zeniRequestsHtml]),m.useEffect(()=>{I.current=M},[M]),m.useEffect(()=>{se(H.mapAttachmentFileToAttachmentFilePayload(l.attachmentFile)),Q(!1)},[l.attachmentFile]),m.useEffect(()=>{te&&g()},[te,g]);const St=H.zeniDate(`${x.year}-${x.month}-01`).format(Ve.dateFormat.visual.MMMMFormat),Ze=q!=null?q.split(he.MONTH_END_EDITOR_PLACEHOLDER):[],at=l.concatenatedHtml,mt=()=>l.lastDraftSavedDate!=null&&a===!1?n.jsxRuntimeExports.jsx(he.UserWithTimestamp,{time:l.lastDraftSavedDate,user:l.reportLastSavedByUser,timeStampLabel:Ve.cockpit.monthEndReport.timeStampLabel}):null,Rt=()=>r===!0?ee?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Vl,{allThreadsSectionOpen:u,children:n.jsxRuntimeExports.jsx(t.AllThreadsSection,{autoExpand:!0,autoFocus:!1,style:{borderLeft:`1px solid ${$.colors.grey3}`,boxShadow:`${t.Space.sp0} 1px 2px ${t.Space.sp0} ${t.Colors.boxShadowElevation}`},drawerSectionStyle:{width:`calc(100% - ${t.Space.sp5} - ${t.Space.sp5})`,backgroundColor:$.colors.background},threadsContainerStyle:{paddingBottom:a?"160px":t.Space.sp12},collapsibleThreadStyle:{width:`calc(100% - ${t.Space.sp4})`},allowComposer:!1,drawerTitle:Ve.common.texts.comments,filter:o,textOverrides:{},preventResolvedThreadClick:!0,onThreadClick:(ge,xe)=>{ce(xe);const Ce=E.findIndex(ne=>ne[0]===xe);y(),N.current?.[Ce]?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},onCloseAllThreadsDrawer:()=>y()})}),n.jsxRuntimeExports.jsx(gn,{availableWidth:R})]}):n.jsxRuntimeExports.jsx(he.FloatingThreads,{observer:Y,canvasContainerRef:F,sortedThreads:E,threadsPositions:W,threadsRefs:N,unresolvedThreadsMap:O,editorMode:!a,style:{minWidth:`${R}px`,position:"relative",height:"fit-content",top:`${F.current?.offsetTop}px`,minHeight:t.Space.sp12},handleRemoveFloatingThread:Z}):n.jsxRuntimeExports.jsx(gn,{availableWidth:R}),xt=(l.zeniRequestsData??[]).length+t.getTemplatesFromTemplatedData(l.companyMonthEndReportTemplatesData).length;return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsxs(Al,{ref:A,children:[n.jsxRuntimeExports.jsx(gn,{availableWidth:u?L:R}),n.jsxRuntimeExports.jsxs(Ll,{children:[n.jsxRuntimeExports.jsx(n.FormProvider,{...Ie,children:n.jsxRuntimeExports.jsx("form",{id:Ls(Ts),onSubmit:me,children:n.jsxRuntimeExports.jsxs(zl,{children:[n.jsxRuntimeExports.jsx(he.MonthEndReportSection,{sectionId:an,previewMode:a,subject:J}),!a&&xt>0?n.jsxRuntimeExports.jsx(he.MonthEndReportCustomerRequestSection,{totalItems:xt,onClickCustomerRequest:b}):null,n.jsxRuntimeExports.jsxs(_l,{id:he.MONTH_END_REPORT_CANVAS,ref:F,children:[n.jsxRuntimeExports.jsxs(Bl,{className:"monthEndReportCanvasWrapper",children:[M!=null||te?n.jsxRuntimeExports.jsx(Ml,{"data-testid":t.generateDataTestId("email-attachment-container"),onClick:le,children:n.jsxRuntimeExports.jsx(he.CircleWithAttachmentSuccessIcon,{fileSizeError:te,setFileSizeError:ae,loading:!1,showAnimation:!a&&Se})}):null,a?n.jsxRuntimeExports.jsx(ks,{dangerouslySetInnerHTML:{__html:he.getHTMLWithCommentingSections(at)}}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsxs(Dl,{id:he.MONTH_END_EMAIL_HEADER_SECTION,children:[n.jsxRuntimeExports.jsx(t.StandardRegular,{dangerouslySetInnerHTML:{__html:Ze[0]!=null?Ze[0]+"</body></html>":Ve.common.strings.empty}}),n.jsxRuntimeExports.jsxs(Ol,{children:[n.jsxRuntimeExports.jsx(Fl,{children:Ve.cockpit.monthEndReport.editorTitle}),n.jsxRuntimeExports.jsx(Pl,{children:Ve.cockpit.monthEndReport.editorNote})]})]}),n.jsxRuntimeExports.jsx(Nl,{id:he.MONTH_END_EMAIL_EDITOR_SECTION,children:n.jsxRuntimeExports.jsx(he.Editor,{handleFileInputClick:Ue,fileAttached:M!=null,enableZeniGPTFeature:s,isZeniGPTResponseLoading:we,initialHtmlString:l.zeniRequestsHtml,improveUsingZeniGPTClick:d,setZeniRequestsHtml:w,customerRequestData:p})}),n.jsxRuntimeExports.jsx(ks,{id:he.MONTH_END_EMAIL_BODY_SECTION,dangerouslySetInnerHTML:{__html:Ze[1]!=null?"<html><body>"+Ze[1]:Ve.common.strings.empty}})]}),M!=null?n.jsxRuntimeExports.jsx(he.FileAttachment,{ref:_,fileName:M.name,fileSize:t.base64FileSize(M.data),onRemove:Fe,isRemovable:!a}):null]}),fe?n.jsxRuntimeExports.jsx(he.AddThreadFloating,{style:{zIndex:15},coords:fe,alignment:C.alignment,onClick:Oe}):null,n.jsxRuntimeExports.jsx(he.TextHighlightSection,{canvasContainerRef:F,sortedThreads:E,editorMode:!a,isZeniUser:r})]})]})})}),n.jsxRuntimeExports.jsx(t.FileInputElement,{name:M?.name??Ve.common.strings.empty,fileRef:K,sizeLimit:$l,acceptableTypes:Tl,onFileChange:async ge=>{ze(ge)},onFileSizeError:ge=>ae(ge),multiple:!1})]}),Rt()]}),n.jsxRuntimeExports.jsx(t.Footer,{style:{zIndex:10},leftSideComponent:mt(),formId:Ls(Ts),cancelBtn:{isDisabled:we,label:a===!0?Ve.cockpit.monthEndReport.editButtonLabel:Ve.cockpit.monthEndReport.saveChanges,onClick:a===!0?v:Be,style:{width:"136px",padding:`${t.Space.sp0} ${t.Space.sp3}`,boxSizing:"border-box"},size:"medium",isLoading:l.saveMonthEndReportStatus.fetchState==="In-Progress",reverseSpinnerColor:!1},primaryBtn:{isDisabled:we,isLoading:a===!0?l.sendMonthEndReportStatus.fetchState==="In-Progress":l.previewMonthEndReportStatus.fetchState==="In-Progress",style:{width:a===!0?"unset":"136px"},label:a===!0?Ve.cockpit.monthEndReport.sendEmailButtonLabel.replace("__month__",St):Ve.cockpit.monthEndReport.preview,size:"medium"}})]})}const $s=e=>({[an]:{recipientEmailList:e.recipientEmailList,subject:e.subject??Ve.common.strings.empty}}),Ls=e=>`${e}_form`;t.sp[5];t.sp[5];t.textStyles.smallBold.lineHeightValue;const Ul=1,Gl=50,As=56,Kl=["memo"],Os=e=>H.stringToUnionStrict(e,Kl),{common:{strings:{empty:Jl}},expenseAutomation:{transactions:{header:{vendors:Yl,category:Zl,classText:Xl,date:Ql,type:ed,amount:td}}}}=t.appLocale.getLocalizedStrings(),nd={key:"vendor",value:Yl,sortOrder:"ascending",width:new t.ResponsiveSized(18,18),customStyle:{common:{paddingLeft:t.sp[7]}}},sd={key:"category",value:Zl,sortOrder:"ascending",width:new t.ResponsiveSized(20,20),customStyle:{common:{paddingLeft:t.sp[7]}}},od={key:"class",value:Xl,sortOrder:"ascending",width:new t.ResponsiveSized(18,18),customStyle:{common:{paddingLeft:t.sp[7]}}},id={key:"date",value:Ql,sortOrder:"descending",width:new t.ResponsiveSized(11,11),customStyle:{common:{paddingLeft:12}}},rd={key:"transaction_type",value:ed,sortOrder:"descending",width:new t.ResponsiveSized(13,13),customStyle:{common:{paddingLeft:t.sp[3]}}},ad={key:"memo",value:Jl,sortOrder:"ascending",width:new t.ResponsiveSized(6,6),customStyle:{common:{}}},cd={key:"amount",value:td,sortOrder:"ascending",width:new t.ResponsiveSized(10,10),customStyle:{common:{paddingRight:t.sp[4]}}},ut=[nd,sd,od,id,rd,ad,cd],jn={sortKey:"date",sortOrder:"descending"},go=({sortConfig:e,isDisabled:s,onColumnSortConfigChanged:l})=>{const a=t.useWindowSizeContext(),[p,u]=m.useState(n.cloneDeep(ut));m.useEffect(()=>{const r=[...p];for(const x of r)x.key===e.sortKey?x.sortOrder=e.sortOrder:x.sortOrder="ascending";u(r)},[e.sortKey,e.sortOrder]);const o=(r,x)=>{let d=x;e.sortKey===r&&(d=x==="ascending"?"descending":"ascending"),l(r,d)},c=r=>{Os(r.key)==null&&o(H.toTransactionsSortKey(r.key),r.sortOrder)};return n.jsxRuntimeExports.jsx(ld,{windowSize:a,"data-testid":t.generateDataTestId("transaction-categorization-header-container"),children:p.map((r,x)=>{const d=s!=null||Os(r.key)!=null;return n.jsxRuntimeExports.jsxs(dd,{sortDataValue:e.sortKey,actualDataValue:r.key,wrapperWidth:r.width,style:r.customStyle?.common,isSortDisabled:d,windowSize:a,isLastItem:x===p.length-1,"data-testid":t.generateDataTestId("transaction-categorization-header-wrapper",r.key),children:[n.jsxRuntimeExports.jsxs(hd,{"data-testid":t.generateDataTestId("transaction-categorization-header",r.value?r.value:r.key),onClick:()=>c(r),isSortDisabled:d,children:[n.jsxRuntimeExports.jsx(gd,{children:r.value}),d?null:n.jsxRuntimeExports.jsx(pd,{sortConfig:e,headerData:r,"data-testid":t.generateDataTestId("transaction-categorization-sort-icon",r.key),children:n.jsxRuntimeExports.jsx(xd,{})})]}),d?null:n.jsxRuntimeExports.jsx(md,{isSortDisabled:d,sortDataValue:e.sortKey,isVisible:e.sortKey===r.key&&e.sortKey!==jn.sortKey,"data-testid":t.generateDataTestId("transaction-categorization-close-icon",r.key),children:n.jsxRuntimeExports.jsx(ud,{onClick:()=>{o(jn.sortKey,jn.sortOrder)},"data-testid":t.generateDataTestId("transaction-categorization-close-icon-button",r.key)})})]},r.key)})})},ld=i.div`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  height: ${Gl}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;
+`,dd=i.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: ${t.Space.sp0};
+  left: ${t.Space.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;
+`,ud=i(t.SvgCloseRound)`
+  width: 12px;
+  height: 12px;
+`,pd=i.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"};
+`,md=i.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};
+  }
+`,xd=i(t.SvgArrowTailTop)`
+  width: ${t.Space.sp2};
+  height: ${t.Space.sp2};
+`,hd=i.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};
+  }
+`,gd=i(t.ExtraSmallRegular)`
+  display: flex;
+`,fn="expenseAutomationTransactionsPage",Tt="transactionCategorizationListTable",be="account",qe="class",et="lineEntitySelection",jd="lineEntity",fd="recommendations",jo="lineInfo",yd="vendorDetails",Sd="customerDetails",cn="selectedTransactionIds",gt=(e,s,l)=>`${e}.${l}.${s}`,Rd=e=>T.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},T.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"}),T.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"}),T.createElement("path",{d:"M14.055 8.06982L5.80499 8.06982",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),T.createElement("path",{d:"M10.305 12.5698L5.80499 12.5698",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{common:{strings:{underscore:Cd,hyphen:sn,empty:Bt}},expenseAutomation:{transactions:jt},dateFormat:Ed}=t.appLocale.getLocalizedStrings(),ft={containerPaddingLeftRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingTopBottom:new t.ResponsiveSized(t.sp[1],t.sp[2]),containerPaddingTopBottomEmpty:new t.ResponsiveSized(t.sp[2],t.sp[3]),controlHeight:new t.ResponsiveSized(t.sp[4],t.sp[6]),nameLogoWidth:new t.ResponsiveSized(t.sp[2],t.sp[4]),nameLogoHeight:new t.ResponsiveSized(t.sp[2],t.sp[4])},vd=({transactionView:e,transaction:s,sectionId:l,vendorSearchAutoCompleteData:a,vendorSearchAutoCompleteActions:p,selectedTab:u,containerRef:o,listContainerRef:c,isCOTEnabled:r,cotTracking:x,onTransactionCategorizationRowClick:d,setCurrentTransactionInAction:h,vendorLoadOptions:j,openTooltipId:y,setOpenTooltipId:S,isUncategorizedExpenseCategoryEnabled:f})=>{const v=t.useWindowSizeContext(),[g,b]=m.useState(!1),{lineItemById:D,sortedLineItems:$}=s.transactionReviewLocalData,B=s.transactionReviewLocalData.tabSpecificLineItems?.[u]||[],w=$.filter(z=>B.indexOf(z)!==-1),R=[];w.forEach(z=>{R.push(D[z])});const{accountList:k,accountsHierarchyList:L,classHierarchyList:G,classList:I,uncategorizedAccounts:K,transactions:_,selectedCheckBoxTransactionIds:q}=e,J=q.includes(s.transactionId),U=n.useTheme(),M={control:()=>({marginLeft:-2,backgroundColor:g?U.colors.background:U.colors.grey5}),valueContainer:()=>({justifyContent:"flex-start",paddingLeft:t.sp[0]}),menu:()=>({width:"150%",background:U.colors.grey5}),singleValue:()=>({color:g||J?U.colors.primary:U.colors.hero,paddingLeft:t.sp[2]}),input:z=>({...z,color:g||J?U.colors.primary:U.colors.hero,textAlign:"left",paddingLeft:t.sp[2]}),menuPortal:z=>({...z,zIndex:10})},se={...M,singleValue:z=>({...z,color:g||J?U.colors.primary:U.colors.hero}),menu:()=>({marginTop:t.sp[1],marginLeft:-t.sp[2]}),input:z=>({...z,color:g||J?U.colors.primary:U.colors.hero,textAlign:"left"})},Se=_.find(z=>z.id===s.transactionId),Q=(z,N)=>{const{transactionType:E}=N.transactionReviewLocalData;let Y=z.target;for(;Y;){if(Y.classList.contains("select-value-container")||Y.classList.contains("item-value-container")||Y.classList.contains("grouped-single-select-field__value-container")||Y.classList.contains("auto-complete-grouped-creatable-single-custom-group-select-field__option")||Y.classList.contains("grouped-single-select-field__input")||Y.classList.contains("grouped-single-select-field__menu"))return;Y=Y.parentElement}E!=null&&d(N.transactionId,E)},te=m.useRef(null),[ae,F]=m.useState(void 0),[A,ee]=m.useState("bottom");return m.useEffect(()=>{if(ae===void 0)return;const N=c?.current?._outerRef??null,E=()=>{const W=te.current;if(W==null||N==null)return;const Y=W.getBoundingClientRect(),O=N.getBoundingClientRect(),Z=N.scrollTop+(Y.bottom-O.top),P=N.scrollHeight-Z;ee(P>=288?"bottom":"top")};return E(),window.addEventListener("resize",E),N?.addEventListener("scroll",E),()=>{window.removeEventListener("resize",E),N?.removeEventListener("scroll",E)}},[c,ae]),n.jsxRuntimeExports.jsx(Id,{onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),windowSize:v,isSelected:J,isHovered:g,children:n.jsxRuntimeExports.jsx(kd,{children:R.map((z,N)=>n.jsxRuntimeExports.jsx(Td,{ref:ae===N?te:void 0,"data-testid":t.generateDataTestId("transaction-categorization-list-row",z.lineId),windowSize:v,onClick:E=>Q(E,s),children:n.jsxRuntimeExports.jsx(bd,{line:z,isHovered:g||J,isSelected:J,lineIndex:N,sectionId:l,transaction:s,currentTransaction:Se,windowSize:v,accountsHierarchyList:L,classHierarchyList:G,allAccountList:k,allClassList:I,uncategorizedAccounts:K,vendorSearchAutoCompleteData:a,vendorSearchAutoCompleteActions:p,setCurrentTransactionInAction:h,vendorLoadOptions:j,customStyle:M,customStyleAutoComplete:se,recommendations:z.recommendationsWithCOT,selectedTab:u,isCOTEnabled:r,menuPlacement:A,cotTracking:x,openTooltipId:y,setOpenTooltipId:S,isUncategorizedExpenseCategoryEnabled:f,onDropdownClose:()=>F(void 0),onDropdownOpen:()=>F(N)})},`${s.transactionId}.${z.lineId}`))},s.transactionId)},s.transactionId)},bd=({accountsHierarchyList:e,allAccountList:s,allClassList:l,classHierarchyList:a,customStyle:p,customStyleAutoComplete:u,line:o,lineIndex:c,transaction:r,currentTransaction:x,windowSize:d,uncategorizedAccounts:h,isHovered:j=!1,isSelected:y=!1,sectionId:S,recommendations:f,vendorSearchAutoCompleteData:v,selectedTab:g,isCOTEnabled:b,menuPlacement:D,cotTracking:$,openTooltipId:B,setCurrentTransactionInAction:w,vendorLoadOptions:R,setOpenTooltipId:k,isUncategorizedExpenseCategoryEnabled:L,onDropdownClose:G,onDropdownOpen:I})=>{const{transactionDate:K,transactionType:_,transactionTypeName:q,memo:J}=r.transactionReviewLocalData,{setValue:U}=n.useFormContext(),M=m.useCallback((ue,ke)=>{$?.onCOTView!=null&&$.onCOTView(o.lineId,r.transactionId,ue,ke)},[$,o.lineId,r.transactionId]),se=o.lineDescription,Se=m.useMemo(()=>{if(se||J)return[{title:jt.description,description:se||sn},{title:jt.header.memo,description:J||sn}]},[J,se]),Q=gt(S,et,c.toString()),te=gt(S,be,c.toString()),ae=gt(S,qe,c.toString()),F=(ue,ke)=>{let Re;switch(ke){case"vendor":Re=Q;break;case"category":Re=te;break;case"class":Re=ae;break;default:return}U(`${Re}.selectedOption`,ue,{shouldValidate:!0,shouldDirty:!0})},A=n.useTheme(),ee=m.useMemo(()=>x!=null&&H.isVendorTransaction(x)===!0?{id:r.transactionReviewLocalData.customer?.id??"",logo:r.transactionReviewLocalData.customer?.logo,name:r.transactionReviewLocalData.customer?.name??""}:{id:o.customer?.id??"",logo:o.customer?.logo,name:o.customer?.name??""},[x,o.customer?.id,o.customer?.logo,o.customer?.name,r.transactionReviewLocalData.customer?.id,r.transactionReviewLocalData.customer?.logo,r.transactionReviewLocalData.customer?.name]),z=m.useMemo(()=>x!=null&&H.isVendorTransaction(x)===!0?{id:r.transactionReviewLocalData.vendor?.id??"",logo:r.transactionReviewLocalData.vendor?.logo,name:r.transactionReviewLocalData.vendor?.name??""}:{id:o.vendor?.id??"",logo:o.vendor?.logo,name:o.vendor?.name??""},[x,o.vendor?.id,o.vendor?.logo,o.vendor?.name,r.transactionReviewLocalData.vendor?.id,r.transactionReviewLocalData.vendor?.logo,r.transactionReviewLocalData.vendor?.name]),N=o[qe]?.classId,E=o[be]?.qboId??o[be]?.accountId,W=ee?.id,Y=z?.id,O=z?.name,[Z,P]=m.useState(!N),[V,je]=m.useState(!E||o[be]?.qboId!=null&&H.isAccountUncategorized(h,o[be].qboId,L===!0?["income"]:void 0)===!0),[Ee,ce]=m.useState(!Y||!W),C=ue=>f?.find(Re=>Re.vendor?.qboId===ue||Re.vendor?.id===ue||Re.vendor?.name===ue)?.vendor?.reason??"",re=r.transactionReviewLocalData.lineItemById[o.lineId]?.recommendationsWithCOT||[],fe=t.getGroupedAccountOptionsWithCOT(e,re),Oe=t.getGroupedClassOptionsWithCOT(a,re),we=ue=>s.filter(Re=>Re.qboId===ue)[0]?.qboId,Ie=ue=>l.filter(Re=>Re.classId===ue)[0]?.accountingClassNumber??void 0,me=m.useCallback(ue=>H.isAccountUncategorized(h,ue,L===!0?["income"]:void 0),[h,L]),[Ue,Fe]=m.useState(!1),[ze,le]=m.useState(!1),[Be,Ye]=m.useState(!1),St=(ue,ke)=>{w({transactionId:r.transactionId,lineItemId:o.lineId}),R(ue,ke)},Ze=()=>{ce(!(Y||W)),Fe(!1),G?.()},at=()=>{E&&o[be]?.qboId!=null&&H.isAccountUncategorized(h,o[be].qboId,L===!0?["income"]:void 0)===!1?je(!1):je(!0),Ye(!1),G?.()},mt=()=>{P(!N),le(!1),G?.()},Rt=()=>{(Y||W)&&(Fe(!0),I?.())},xt=()=>{le(!0),I?.()},ge=()=>{Ye(!0),I?.()};m.useEffect(()=>{E&&o[be]?.qboId!=null&&H.isAccountUncategorized(h,o[be].qboId,L===!0?["income"]:void 0)===!1?je(!1):je(!0)},[E]),m.useEffect(()=>{P(!N)},[N]),m.useEffect(()=>{ce(!(Y||W))},[Y,W]);const xe=r.transactionReviewLocalData.selectedEntity,Ce=r.transactionReviewLocalData.lineItemById[o.lineId].selectedEntityLine,ne=x!=null&&H.isVendorTransaction(x)===!0?xe:Ce,He=m.useMemo(()=>{const ue=r.transactionReviewLocalData.lineItemById[o.lineId]?.recommendationsWithCOT||[],ke=v.entityAutoCompleteView;return{selectedOption:ne?.qboId??ne?.id,defaultOptions:t.getGroupedForPayeeEntityOptionsWithCOT(ke,ne,ue??[])}},[ne,r.transactionReviewLocalData.lineItemById,o.lineId,v.entityAutoCompleteView]),tt=()=>ne!=null&&ne.logo!=null?n.jsxRuntimeExports.jsx(t.EntityLogoAvatarWithCustomFallback,{photoUrl:ne.logo.toString(),styles:{width:ft.nameLogoWidth.valuePx(d),height:ft.nameLogoHeight.valuePx(d)},fallbackAvatar:n.jsxRuntimeExports.jsx(Bs,{children:n.jsxRuntimeExports.jsx(t.EntityAvatar,{name:ne.name,size:t.Space.sp4})})}):ne!=null&&ne.name!=null?n.jsxRuntimeExports.jsx(Bs,{children:n.jsxRuntimeExports.jsx(t.EntityAvatar,{name:ne.name,size:t.Space.sp4})}):null,nt=(ue,ke)=>{if(ke==null||!ke)return;let Re=[];return ue.forEach(We=>{Re=Re.concat(We.options)}),Re.find(We=>We.value===ke)?.label??ke},Ge=nt(Oe,N),$t=nt(fe,E),Ke=g==="review",Ct=t.isMiscategorizedField("vendor",He.defaultOptions,He.selectedOption),Ft=t.isMiscategorizedField("category",fe,E),Lt=t.isMiscategorizedField("class",Oe,N),zt=()=>ut.map((ue,ke)=>{const Re=`${r.transactionId}_${ue.key}_${o.lineId}`;if(c>0&&x!=null&&H.isVendorTransaction(x)===!0&&ue.key==="vendor")return n.jsxRuntimeExports.jsx(Xe,{windowSize:d,wrapperWidth:ue.width},Re);if(c>0&&ue.key==="transaction_type")return n.jsxRuntimeExports.jsx(Xe,{windowSize:d,wrapperWidth:ue.width},Re);switch(ue.key){case"vendor":default:return n.jsxRuntimeExports.jsxs(Xe,{windowSize:d,wrapperWidth:ue.width,className:"item-value-container",children:[n.jsxRuntimeExports.jsx(yn,{isCOTEnabled:b,recommendations:re,type:"vendor",isFirstColumn:!0,isEnabled:!!ne?.isPreFilled,isMisCategorized:Ct,onRecommendationClick:F,selectedValue:Y,selectedValueLabel:O,isReviewTab:Ke,isAccountOptionDisabled:me,existingOption:{label:x!=null&&H.isVendorTransaction(x)===!0?x?.vendor?.name:void 0,value:x!=null&&H.isVendorTransaction(x)===!0?x?.vendor?.id:void 0},cotTracking:$,lineId:o.lineId,transactionId:r.transactionId,openTooltipId:B,setOpenTooltipId:k}),n.jsxRuntimeExports.jsx(vn,{children:Ee===!0?n.jsxRuntimeExports.jsx(Cn,{isHovered:j,children:n.jsxRuntimeExports.jsxs(Sn,{onClick:We=>{We.stopPropagation(),I?.(),ce(!1),Fe(!0)},"data-testid":t.generateDataTestId("add-vendor-button",S),style:{display:"inline-flex",alignItems:"center",color:t.Colors.brandColorGoldDark,cursor:"pointer",height:t.Space.sp6},children:[n.jsxRuntimeExports.jsx(Rn,{}),jt.addPayee]})}):Ue===!0?n.jsxRuntimeExports.jsx(n.ClickAwayListener,{onClickAway:Ze,children:n.jsxRuntimeExports.jsx(Hd,{"data-testid":t.generateDataTestId("vendor-selection-dropdown-container",gt(S,et,c.toString())),children:n.jsxRuntimeExports.jsx(t.AutoCompleteGroupedCreatableSingleSelectCustomGroupFieldWithCOT,{name:Q,placeholder:jt.addPayee,valueToInfo:C,defaultValue:{selectedOption:He.selectedOption,defaultOptions:He.defaultOptions},type:"vendor",autoFocus:!Ee,style:{width:"100%"},pageSource:"list_page",transactionStatus:Ke?"pending_review":"auto_categorized",isOptionRemovable:!1,customStyleConfig:u,menuIsOpen:Ue,onMenuClose:Ze,registerOptions:{required:!1},loadOptions:St,showCOT:b,onCOTView:M,menuPlacement:D})})}):n.jsxRuntimeExports.jsx(Vd,{children:n.jsxRuntimeExports.jsxs(En,{isHovered:j,showOutline:Ct&&ne?.isPreFilled!==!0&&!y&&Ke,children:[tt(),n.jsxRuntimeExports.jsx(zd,{onClick:Rt,"data-testid":t.generateDataTestId("vendor-name-text",S),children:ne!=null&&ne.name?n.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{text:ne.name,itemTextStyle:{color:j?A.colors.primary:A.colors.hero}}):n.jsxRuntimeExports.jsx(Wd,{children:sn})})]})})})]},Re);case"category":{const We=x?.lines!=null?x?.lines[c]:void 0;return n.jsxRuntimeExports.jsxs(Xe,{windowSize:d,wrapperWidth:ue.width,className:"item-value-container",children:[n.jsxRuntimeExports.jsx(yn,{isCOTEnabled:b,recommendations:re,type:"category",isFirstColumn:!1,isReviewTab:Ke,isEnabled:!!o[be]?.isPreFilled,isAccountOptionDisabled:me,isMisCategorized:Ft,onRecommendationClick:F,selectedValue:E,selectedValueLabel:$t,existingOption:{label:We?.account?.accountName,value:We?.account?.qboId??We?.account?.accountId},cotTracking:$,lineId:o.lineId,transactionId:r.transactionId,openTooltipId:B,setOpenTooltipId:k}),n.jsxRuntimeExports.jsx(vn,{children:V===!0?n.jsxRuntimeExports.jsx(Cn,{isHovered:j,children:n.jsxRuntimeExports.jsxs(Sn,{onClick:Et=>{Et.stopPropagation(),I?.(),je(!1),Ye(!0)},"data-testid":t.generateDataTestId("category-selection-field",te),style:{display:"inline-flex",alignItems:"center",color:t.Colors.brandColorGoldDark,cursor:"pointer",height:t.Space.sp6},children:[n.jsxRuntimeExports.jsx(Rn,{}),jt.addCategory]})}):Be===!0?n.jsxRuntimeExports.jsx(n.ClickAwayListener,{onClickAway:at,children:n.jsxRuntimeExports.jsx(Ms,{isHovered:j,"data-testid":t.generateDataTestId("category-selection-dropdown-container",te),children:n.jsxRuntimeExports.jsx(qt.GroupedSingleSelectFieldWithCOT,{name:te,placeholder:jt.addCategory,valueToId:Et=>we(Et),type:"category",pageSource:"list_page",transactionStatus:Ke?"pending_review":"auto_categorized",showCOT:b,defaultValue:{selectedOption:E,allOptions:fe},style:{display:"flex",flexGrow:1,width:"100%",cursor:"inherit"},registerOptions:{required:!1},menuIsOpen:Be,autoFocus:!V&&(!E||o[be]?.qboId!=null&&[h.expense?.qboId,h.income?.qboId].includes(o[be].qboId)),onMenuClose:at,customStyleConfig:p,disableCurrentOption:me,menuPlacement:D,onCOTView:M})})}):n.jsxRuntimeExports.jsx(En,{isHovered:j,showOutline:Ft&&o[be]?.isPreFilled!==!0&&!y&&Ke,children:n.jsxRuntimeExports.jsx(Ns,{onClick:ge,"data-testid":t.generateDataTestId("category-label-text",te),children:n.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{text:$t??"",itemTextStyle:{color:j?A.colors.primary:A.colors.hero}})})})})]},Re)}case"class":{const We=x?.lines!=null?x?.lines[c]:void 0;return n.jsxRuntimeExports.jsxs(Xe,{windowSize:d,wrapperWidth:ue.width,className:"item-value-container",children:[n.jsxRuntimeExports.jsx(yn,{isCOTEnabled:b,recommendations:re,type:"class",isFirstColumn:!1,isReviewTab:Ke,isEnabled:!!o[qe]?.isPreFilled,isAccountOptionDisabled:me,isMisCategorized:Lt,onRecommendationClick:F,selectedValue:N,selectedValueLabel:Ge,existingOption:{label:We?.class?.className,value:We?.class?.classId},cotTracking:$,lineId:o.lineId,transactionId:r.transactionId,openTooltipId:B,setOpenTooltipId:k}),n.jsxRuntimeExports.jsx(vn,{children:Z===!0?n.jsxRuntimeExports.jsx(Cn,{isHovered:j,children:n.jsxRuntimeExports.jsxs(Sn,{onClick:Et=>{Et.stopPropagation(),I?.(),P(!1),le(!0)},"data-testid":t.generateDataTestId("class-selection-field",ae),style:{display:"inline-flex",alignItems:"center",color:t.Colors.brandColorGoldDark,cursor:"pointer",height:t.Space.sp6},children:[n.jsxRuntimeExports.jsx(Rn,{}),jt.addClass]})}):ze===!0?n.jsxRuntimeExports.jsx(n.ClickAwayListener,{onClickAway:mt,children:n.jsxRuntimeExports.jsx(Ms,{isHovered:j,"data-testid":t.generateDataTestId("class-selection-dropdown-container",ae),children:n.jsxRuntimeExports.jsx(qt.GroupedSingleSelectFieldWithCOT,{name:ae,placeholder:jt.addClass,valueToId:Et=>Ie(Et),type:"class",showCOT:b,defaultValue:{selectedOption:N,allOptions:Oe},pageSource:"list_page",transactionStatus:Ke?"pending_review":"auto_categorized",menuIsOpen:ze,registerOptions:{required:!1},style:{width:"100%"},autoFocus:!Z&&!N,customStyleConfig:p,onMenuClose:mt,menuPlacement:D,onCOTView:M})})}):n.jsxRuntimeExports.jsx(En,{isHovered:j,showOutline:Lt&&o[qe]?.isPreFilled!==!0&&!y&&Ke,children:n.jsxRuntimeExports.jsx(Ns,{"data-testid":t.generateDataTestId("class-selection-field",ae),onClick:xt,children:n.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{text:Ge??"",itemTextStyle:{color:j?A.colors.primary:A.colors.hero}})})})})]},Re)}case"date":return n.jsxRuntimeExports.jsx(Xe,{windowSize:d,wrapperWidth:ue.width,children:n.jsxRuntimeExports.jsx(Nt,{windowSize:d,isLastItem:ke===ut.length-1,children:n.jsxRuntimeExports.jsx(Bn,{"data-testid":t.generateDataTestId("date-field",gt(S,qe,c.toString())),children:n.jsxRuntimeExports.jsx(Ld,{style:{color:j?A.colors.primary:A.colors.hero},children:K!=null?K.format(Ed.visual.MMMDCommaYYYYformat):null})})})},Re);case"transaction_type":return n.jsxRuntimeExports.jsx(Xe,{windowSize:d,wrapperWidth:ue.width,children:n.jsxRuntimeExports.jsx(Nt,{windowSize:d,"data-testid":t.generateDataTestId("transaction-type-field",gt(S,qe,c.toString())),isLastItem:ke===ut.length-1,children:q!=null?n.jsxRuntimeExports.jsx(t.Tag,{textColor:j?new n.Color(A.colors.primary):t.getColorForTransactionType(void 0,A),text:q??_}):null})},Re);case"memo":return n.jsxRuntimeExports.jsx(Xe,{windowSize:d,wrapperWidth:ue.width,children:n.jsxRuntimeExports.jsx(Nt,{style:{lineHeight:t.Space.sp3},windowSize:d,isLastItem:ke===ut.length-1,"data-testid":t.generateDataTestId("memo-field",gt(S,qe,c.toString())),children:Se!=null?n.jsxRuntimeExports.jsx(t.Tooltip,{placement:"bottom",data:Se,variant:"multi-information-points",children:n.jsxRuntimeExports.jsx(Od,{style:{color:j?A.colors.primary:A.colors.hero}})}):n.jsxRuntimeExports.jsx(Ad,{children:sn})})},Re);case"amount":{const We=t.amountToString("0,0.[00]",o.amount,!0);return n.jsxRuntimeExports.jsx(Xe,{windowSize:d,style:{paddingRight:t.sp[4]},wrapperWidth:ue.width,children:n.jsxRuntimeExports.jsx(Nt,{windowSize:d,isLastItem:ke===ut.length-1,children:n.jsxRuntimeExports.jsx(Bn,{"data-testid":t.generateDataTestId("transaction-amount-field",gt(S,qe,c.toString())),style:{color:j?A.colors.primary:A.colors.hero},children:We})})},Re)}}});return n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:zt()})},Ds=({isEnabled:e,isReviewTab:s,isMisCategorized:l,hasRecommendations:a,isTooltipVisible:p=!1})=>e?s?p?n.jsxRuntimeExports.jsx(Bd,{}):n.jsxRuntimeExports.jsx(Dd,{}):p?n.jsxRuntimeExports.jsx(_d,{}):n.jsxRuntimeExports.jsx(Md,{className:"ai-icon-selected-plain"}):!e&&l||a?p?n.jsxRuntimeExports.jsx(Pd,{}):n.jsxRuntimeExports.jsx(Nd,{}):null,_s=({isFirstColumn:e,children:s})=>n.jsxRuntimeExports.jsx(yo,{isFirstColumn:e,children:s}),yn=({recommendations:e,isCOTEnabled:s,type:l,isReviewTab:a,selectedValueLabel:p,isFirstColumn:u,isEnabled:o=!1,isMisCategorized:c=!1,selectedValue:r,existingOption:x,cotTracking:d,lineId:h,openTooltipId:j,transactionId:y,isAccountOptionDisabled:S,onRecommendationClick:f,setOpenTooltipId:v})=>{const g=m.useMemo(()=>`${y}:${h}:${l}`,[y,h,l]),b=j===g,$=t.useToolkitContext().analytics,{createAlternateRecommendationCallback:B}=t.useCOTAnalytics(),w=m.useCallback(_=>{const q=e[1],J=e[0];B(l,{currentValue:p??Bt,transactionCurrentStatus:a?"pending_review":"auto_categorized",transactionPage:"list_page",cotTracking:d?{transactionId:y,lineId:h,onCOTView:(U,M,se,Se)=>{d.onCOTView?.(U,M,se,Se)}}:void 0},q,J)(_)},[B,e,p,a,l,d,h,y]),R=t.createCOTDataFromRecommendations(e,l,s,x,"list_page",a?"pending_review":"auto_categorized",f,w,r,S),k=t.hasRecommendationsForType(e,l),L=m.useCallback(()=>{v(g);const _=R?.recommendations[0]?.cot??[],q=R?.recommendations[1]?.cot??[],J=q.length>0;if($.trackTransactionCotView({recommendationFor:l,currentValue:p??Bt,recommendation:R?.recommendations[0]?.name??Bt,recommendationCot:_,isRecommendationCotAvailable:_.length>0,recommendationReason:R?.recommendations[0]?.reason??Bt,recommendationConfidencePercentage:R?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:t.toConfidenceLevelType(t.getConfidenceLevel(R?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:R?.recommendations[1]?.name??Bt,alternativeRecommendationCot:q,isAlternativeRecommendationCotAvailable:J,alternativeRecommendationReason:R?.recommendations[1]?.reason??Bt,alternativeRecommendationConfidencePercentage:R?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:J?t.toConfidenceLevelType(t.getConfidenceLevel(R?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()):null,transactionCurrentStatus:a?"pending_review":"auto_categorized",transactionPage:"list_page"}),d?.onCOTView!=null){const U=t.getCOTRecommendationSourceToTrack(R);U!=null&&d.onCOTView(h,y,l,U)}},[$,R,a,p,l,h,y,g,v]),G=m.useCallback(()=>{j===g&&v(void 0)},[j,g,v]),I=m.useMemo(()=>!r||!k?!1:e.some(_=>l==="vendor"&&_.vendor!=null?_.vendor.id===r||_.vendor.qboId===r:l==="category"&&_.account!=null?_.account.qboId===r||_.account.accountId===r:l==="class"&&_.class!=null?_.class.classId===r:!1),[r,k,e,l]);if(!k)return n.jsxRuntimeExports.jsx(yo,{isFirstColumn:u});const K=o||I;return R?n.jsxRuntimeExports.jsx(_s,{isFirstColumn:u,children:n.jsxRuntimeExports.jsx(t.Tooltip,{variant:"chain-of-thought",data:R,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:b,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:L,onClose:G,children:n.jsxRuntimeExports.jsx(Fd,{children:n.jsxRuntimeExports.jsx(Ds,{isEnabled:K,isReviewTab:a,isMisCategorized:c,hasRecommendations:k,isTooltipVisible:b})})})}):n.jsxRuntimeExports.jsx(_s,{isFirstColumn:u,children:n.jsxRuntimeExports.jsx(Ds,{isEnabled:K,isReviewTab:a,isMisCategorized:c,hasRecommendations:k,isTooltipVisible:b})})},fo=()=>{const e=t.useWindowSizeContext(),s=m.useRef(null),[l,a]=m.useState(0);return m.useLayoutEffect(()=>{s.current&&a(s.current.offsetWidth)},[e]),n.jsxRuntimeExports.jsx(wd,{windowSize:e,ref:s,children:ut.map((p,u)=>{const o=`${u}${Cd}${p.key}`;switch(p.key){case"vendor":return n.jsxRuntimeExports.jsx(Xe,{windowSize:e,wrapperWidth:p.width,children:n.jsxRuntimeExports.jsx(Nt,{windowSize:e,isLastItem:u===ut.length-1,children:n.jsxRuntimeExports.jsxs(Bn,{children:[n.jsxRuntimeExports.jsx(t.CircularContentLoader,{width:t.sp[4],height:t.sp[4]}),n.jsxRuntimeExports.jsx(t.RectangularContentLoader,{width:l*p.width.value(e)/100,height:t.sp[4],style:{display:"flex",alignItems:"center"}})]})})},o);default:return n.jsxRuntimeExports.jsx(Xe,{windowSize:e,wrapperWidth:p.width,children:n.jsxRuntimeExports.jsx(Nt,{windowSize:e,isLastItem:u===ut.length-1,children:n.jsxRuntimeExports.jsx(t.RectangularContentLoader,{width:l*p.width.value(e)/100,height:t.sp[4],style:{display:"flex",alignItems:"center"}})})},o)}})})},wd=i.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>ft.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>ft.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-top: ${e=>ft.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
+  padding-bottom: ${e=>ft.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.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;
+`,Id=i.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=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.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:s})=>e?_e.css`
+          .ai-icon-selected-plain {
+            color: ${s.colors.primary};
+          }
+        `:null};
+`,kd=i.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-around;
+`,Td=i.div`
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  height: ${t.Space.sp8};
+  padding-top: ${e=>ft.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>ft.containerPaddingTopBottom.valuePx(e.windowSize)};
+`,Xe=i.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  position: relative;
+  width: ${e=>`calc(${e.wrapperWidth.valuePercentage(e.windowSize)} - ${t.Space.sp4})`};
+  min-width: ${e=>`calc(${e.wrapperWidth.valuePercentage(e.windowSize)} - ${t.Space.sp4})`};
+  :last-of-type {
+    padding-right: ${t.Space.sp0};
+  }
+`,$d=_e.css`
+  word-break: break-word;
+  white-space: nowrap;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+`,Nt=i(t.StandardRegular)`
+  overflow: hidden;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  display: flex;
+  width: 100%;
+  align-items: center;
+`,Bn=i.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${t.Space.sp2};
+  align-items: center;
+`,Ld=i(t.StandardRegular)`
+  ${$d};
+  color: ${e=>e.theme.colors.hero};
+`,Sn=i(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Rn=i(t.SvgAddRound)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  margin: ${t.Space.sp1};
+`,Ad=i.div`
+  margin: ${t.Space.sp3};
+`,Od=i(Rd)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  margin-left: 10px;
+`,Dd=i(t.SvgAiIconSelected)`
+  width: ${t.Space.sp5};
+  height: ${t.Space.sp5};
+`,_d=i(qt.SvgAiIconSelectedFilledPlain)`
+  width: ${t.Space.sp5};
+  height: ${t.Space.sp5};
+`,Bd=i(t.SvgAiIconSelectedFilled)`
+  width: ${t.Space.sp5};
+  height: ${t.Space.sp5};
+`,Md=i(qt.SvgAiIconSelectedPlain)`
+  width: ${t.Space.sp5};
+  height: ${t.Space.sp5};
+`,Nd=i(t.SvgAiIcon)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  path {
+    stroke-width: 2;
+  }
+`,Pd=i(t.SvgAiIconFilled)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,yo=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${t.Space.sp5};
+  margin-left: ${e=>e.isFirstColumn?t.Space.sp2:t.Space.sp0};
+  height: 100%;
+`,Fd=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  cursor: pointer;
+`,zd=i(t.StandardRegular)`
+  display: flex;
+  max-width: calc(100% - ${t.Space.sp6});
+  flex: 1 1 auto;
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+  align-items: center;
+  overflow: hidden;
+  display: flex;
+`,Bs=i.div`
+  display: flex;
+`,Hd=i.div`
+  width: 100%;
+  padding-left: 10px;
+  margin-left: ${t.Space.sp0};
+  border-radius: ${t.Space.sp1};
+  background-color: ${e=>e.theme.colors.background};
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+`,Cn=i.div`
+  padding: ${t.Space.sp0} ${t.Space.sp2};
+  border-radius: ${t.Space.sp1};
+  margin-left: ${t.Space.sp0};
+  width: 100%;
+  background-color: ${e=>e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
+`,Ms=i.div`
+  width: 100%;
+  border-radius: ${t.Space.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;
+`,Wd=i(t.StandardRegular)``,Vd=i.div`
+  width: 100%;
+  display: flex;
+  padding-left: ${t.Space.sp0};
+`,En=i.div`
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${t.Space.sp2};
+  padding: ${t.Space.sp2};
+  padding-left: ${t.Space.sp2};
+  border-radius: ${t.Space.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};
+`,Ns=i.div``,vn=i.div`
+  display: flex;
+  align-items: center;
+  width: calc(100% - ${t.Space.sp5});
+`,qd=({sortConfig:e,fetchState:s,isDisabled:l,onColumnSortConfigChanged:a})=>{const p=t.useWindowSizeContext();return n.jsxRuntimeExports.jsxs(Ud,{windowSize:p,children:[n.jsxRuntimeExports.jsx(go,{sortConfig:e,isDisabled:s==="In-Progress"?"readonly":l,onColumnSortConfigChanged:a,"data-testid":t.generateDataTestId("transaction-categorization-list-empty-table-header")}),n.jsxRuntimeExports.jsx(Gd,{windowSize:p,"data-testid":t.generateDataTestId("transaction-categorization-list-empty-rows-container"),children:[...Array(3)].map((u,o)=>n.jsxRuntimeExports.jsx(fo,{"data-testid":t.generateDataTestId("transaction-categorization-list-empty-row",o.toString())},o))})]})},Ud=i.div`
+  display: block;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-left: ${t.Space.sp8};
+  padding-right: ${t.Space.sp8};
+`,Gd=i.div`
+  display: flex;
+  flex: 1;
+  min-height: 100%;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+`,{common:Kd,transactionDetail:{notCategorizedTooltipText:Jd}}=t.appLocale.getLocalizedStrings(),bn={rowGap:new t.ResponsiveSized(t.sp[0],t.sp[2],t.sp[3])},Yd=({selectedTab:e,transactionView:s,receiptUploadEndpoint:l,authParams:a,sectionId:p,isCOTEnabled:u,isDisabled:o,vendorSearchAutoCompleteActions:c,vendorSearchAutoCompleteData:r,setCurrentTransactionInAction:x,vendorLoadOptions:d,onTransactionCategorizationRowClick:h,onUpdateTransactionCategorizationUIState:j,onUpdateScrollYOffSetTransactionCategorizationUIState:y,onFetchTransactionCategorizationList:S,containerRef:f,cotTracking:v,isUncategorizedExpenseCategoryEnabled:g})=>{const b=t.useWindowSizeContext(),[D,$]=m.useState(void 0),{fetchState:B,uiState:w,transactionLocalData:R,selectedCheckBoxTransactionIds:k,transactionIdsWithUnsavedData:L,transactions:G,uncategorizedAccounts:I}=s,K=m.useRef(null),_=m.useRef({}),{control:q}=n.useFormContext();m.useEffect(()=>{K.current?.resetAfterIndex(0,!0)},[b,K,R]),m.useEffect(()=>{K.current?.scrollTo(w.scrollPosition?.scrollTop??0)},[e]);const J=m.useCallback(O=>{if(_.current?.[O]!=null){const V=b==="small"&&w.pageToken==null&&O===R.length-1?bn.rowGap.value("medium-regular"):bn.rowGap.value(b);return _.current[O]+V}if(R[O]==null)return 0;const Z=R[O].transactionReviewLocalData,P=Object.keys(Z.lineItemById).length;return P!=null&&!isNaN(P)&&P>1?As*P+bn.rowGap.value(b)*(P-1):As},[R,b,w.pageToken,w.sortKey,w.sortOrder]),U=m.useCallback((O,Z)=>{_.current={..._.current,[O]:Z},K.current?.resetAfterIndex(0,!0)},[b,K,R,w.sortKey,w.sortOrder]),M=m.useCallback(()=>{(w.pageToken!=null&&s.refreshStatus.fetchState!=="In-Progress"||s.refreshStatus.fetchState==="Completed")&&S(e,w.searchString,!0,w.pageToken,!0,!1)},[s.refreshStatus.fetchState,S,e,w.pageToken,w.searchString,w.sortKey,w.sortOrder]),se=m.useCallback(()=>{w.pageToken!=null&&M()},[M,w.pageToken,w.sortKey,w.sortOrder]),Se=n.debounce(O=>y(e,{scrollPosition:{scrollTop:O}}),1e3,{trailing:!0}),Q=O=>O<s.transactionLocalData.length,te=(O,Z)=>{j(e,{sortOrder:Z,sortKey:O}),S(e,w.searchString,!1,null,!1,!0)},ae=O=>{if(e==="autoCategorized")return!k.includes(O);const Z=R.find(V=>V.transactionId===O)?.transactionReviewLocalData,P=G.find(V=>V.id===O);return P!=null&&Z!=null?H.checkIfAllLineItemsAreCategoryClassFilled(P,Z,I,g)?g===!0&&H.isAnyItemWithUncategorizedExpenseAccount(I,Z.lineItemById,["expense"])?L.includes(O)===!1:!1:!0:k.length===0?!0:!k.includes(O)};let F=[],A=[];(B==="Completed"||s.transactionLocalData.length>0)&&(A=s.transactionLocalData.map((O,Z)=>{const P=ae(O.transactionId);let V=!1;g===!0&&P===!0&&e==="review"&&H.isAnyItemWithUncategorizedExpenseAccount(I,O.transactionReviewLocalData.lineItemById,["expense"])&&(V=!L.includes(O.transactionId));const je=O.transactionReviewLocalData;return{label:n.jsxRuntimeExports.jsx(vd,{transactionView:s,sectionId:`${p}.${Z}.${jo}`,transaction:O,receiptUploadEndpoint:l,authParams:a,onTransactionCategorizationRowClick:h,vendorLoadOptions:d,setCurrentTransactionInAction:x,vendorSearchAutoCompleteActions:c,vendorSearchAutoCompleteData:r,selectedTab:e,containerRef:f,listContainerRef:K,isCOTEnabled:u,cotTracking:v,openTooltipId:D,setOpenTooltipId:$,isUncategorizedExpenseCategoryEnabled:g},`${O.transactionId}.${je.transactionType}`),value:O.transactionId,defaultChecked:!1,groupLabel:!1,isException:V,exceptionMode:V===!0?"checked_or_hover":void 0,isSticky:!0,isDisabled:P===!0?"readonly":void 0,exceptionType:V===!0?"alert":void 0,exceptionInfo:V===!0?Jd:void 0,exceptionTooltipStyle:{textAlign:"center",maxWidth:"250px",padding:`12px ${t.Space.sp2}`}}}),F=A.map(O=>O.value));const ee={label:"All",value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},{title:z,subTitle:N}=Me("transaction_categorization").allDoneText,E=R.map(O=>O.transactionId),W=m.useMemo(()=>s.totalCountByTab[e],[e,s.totalCountByTab]),Y=m.useMemo(()=>R.reduce((Z,P)=>{const V=Object.keys(P.transactionReviewLocalData.lineItemById).length;return Z+(V>0?V:1)},0)<s.totalCountByTab[e]?R.length+1:R.length,[R,s.totalCountByTab,e]);return n.jsxRuntimeExports.jsx(tu,{windowSize:b,"data-testid":t.generateDataTestId("transaction-categorization-list-wrapper"),children:n.jsxRuntimeExports.jsx(nu,{windowSize:b,"data-testid":t.generateDataTestId("transaction-categorization-list-container"),children:B==="Error"?n.jsxRuntimeExports.jsxs(ou,{windowSize:b,"data-testid":t.generateDataTestId("transaction-categorization-reload-page"),children:[n.jsxRuntimeExports.jsx(iu,{onClick:()=>S(e,void 0,!0,null,!1,!0),"data-testid":t.generateDataTestId("transaction-categorization-reload-icon"),children:n.jsxRuntimeExports.jsx(t.SvgReload,{})}),n.jsxRuntimeExports.jsx(ru,{"data-testid":t.generateDataTestId("transaction-categorization-reload-label"),children:Kd.reloadPage.label})]}):B==="Completed"&&R.length===0?n.jsxRuntimeExports.jsx(pt,{tab:"transaction_categorization",title:z,subTitle:N,"data-testid":t.generateDataTestId("transaction-categorization-empty-table-section")}):B==="Not-Started"||B==="In-Progress"&&R.length===0?n.jsxRuntimeExports.jsx(qd,{sortConfig:{sortKey:w.sortKey,sortOrder:w.sortOrder},fetchState:B,onColumnSortConfigChanged:te,"data-testid":t.generateDataTestId("transaction-categorization-list-empty-table")}):n.jsxRuntimeExports.jsx(su,{windowSize:b,"data-testid":t.generateDataTestId("transaction-categorization-list-view"),children:n.jsxRuntimeExports.jsx(n.Controller,{control:q,name:"selectedTransactionIds",defaultValue:[],render:({field:{value:O,ref:Z,onChange:P}})=>n.jsxRuntimeExports.jsx(So.Provider,{value:{value:O,mode:"off",allCheckBoxValues:F,index:0,sortKey:w.sortKey,sortOrder:w.sortOrder,fetchState:B,isDisabled:o,groupLabelCheckBox:ee,onColumnSortConfigChanged:te,ref:Z,onChange:P,selectedTab:e},children:n.jsxRuntimeExports.jsx(n.AutoSizer,{children:({height:V,width:je})=>n.jsxRuntimeExports.jsx(n.InfiniteLoader,{isItemLoaded:Q,itemCount:W,loadMoreItems:se,children:({onItemsRendered:Ee,ref:ce})=>n.jsxRuntimeExports.jsx(n.VariableSizeList,{ref:C=>{ce(C),K.current=C},height:V,itemCount:Y,itemKey:C=>R[C]?.transactionId,innerElementType:Zd,onItemsRendered:Ee,width:je,style:{willChange:"auto"},overscanCount:Ul,itemSize:J,itemData:{checkboxes:A,value:O,allCheckBoxValues:F,groupLabelCheckBox:ee,categorizationGroupValue:E,transactionLocalData:R,mode:"always_on",setRowHeight:U,isItemLoaded:Q,ref:ce,onChange:P,selectedCheckBoxTransactionIds:k},initialScrollOffset:s.uiState.scrollPosition?.scrollTop,onScroll:({scrollOffset:C})=>{Se(C)},children:Qd})})})})})})})})},Zd=e=>{const{value:s,allCheckBoxValues:l,groupLabelCheckBox:a,index:p,isDisabled:u,fetchState:o,sortKey:c,sortOrder:r,mode:x,ref:d,onChange:h,onColumnSortConfigChanged:j}=Xd(),{children:y,style:S,...f}=e;return o==="Completed"?n.jsxRuntimeExports.jsxs(au,{ref:d,style:{...S,width:"auto"},...f,children:[n.jsxRuntimeExports.jsx(cu,{children:n.jsxRuntimeExports.jsx(t.CheckBoxWithLabel,{selectionLimit:H.MAX_SELECTION_LIMIT,value:s,checkBox:{label:n.jsxRuntimeExports.jsx(eu,{children:n.jsxRuntimeExports.jsx(go,{sortConfig:{sortKey:c,sortOrder:r},isDisabled:u,onColumnSortConfigChanged:j})}),value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},isDisabled:"disabled",groupLabelCheckBox:a,allCheckBoxValues:l,mode:x,draggable:!1,checkBoxStyle:{padding:20},labelCheckBoxStyle:{padding:t.Space.sp3},name:"transactionCategorizationHeader",index:p,onChangeHandler:v=>t.onChangeHandler({event:v,value:s,allCheckBoxValues:l,groupLabelCheckBox:a,onChange:h}),ref:d})}),n.jsxRuntimeExports.jsx(lu,{children:y})]},`${l[p]}-${p}`):null},So=m.createContext(void 0),Xd=()=>{const e=m.useContext(So);if(!e)throw new Error("useStickyContext must be used within a StickyProvider");return e},Qd=({index:e,style:s,data:l})=>{const{checkboxes:a,value:p,groupLabelCheckBox:u,categorizationGroupValue:o,allCheckBoxValues:c,transactionLocalData:r,isItemLoaded:x,setRowHeight:d,ref:h,onChange:j,selectedCheckBoxTransactionIds:y}=l,S=m.useRef(null),f=t.useWindowSizeContext();if(m.useEffect(()=>{S.current?.firstElementChild!=null&&d(e,S.current.firstElementChild.clientHeight)},[e,S,f,r[e]?.transactionReviewLocalData]),x(e)===!0){const v=a[e];return n.jsxRuntimeExports.jsx(Ps,{style:{...s,paddingBottom:t.Space.sp0,paddingRight:t.Space.sp8,width:"100%",flex:"1"},ref:S,children:n.jsxRuntimeExports.jsx(t.CheckBoxWithLabel,{selectionLimit:H.MAX_SELECTION_LIMIT,checkBox:v,value:p,groupLabelCheckBox:u,allCheckBoxValues:c,mode:v.isDisabled==="readonly"||y.includes(v.value)===!1&&y.length>=H.MAX_SELECTION_LIMIT?"off":"always_on",draggable:!1,isDisabled:v.isDisabled,checkBoxStyle:{padding:20},labelCheckBoxStyle:{padding:t.Space.sp3},infoIconContainerStyle:{padding:20},name:`${Tt}.${p}`,ref:h,index:e,onChangeHandler:g=>t.onChangeHandler({event:g,value:p,allCheckBoxValues:c,groupLabelCheckBox:u,onChange:j})})},o[e])}else return n.jsxRuntimeExports.jsx(Ps,{style:{...s,paddingBottom:t.Space.sp0,paddingRight:t.Space.sp8,width:"100%",flex:"1"},ref:S,children:n.jsxRuntimeExports.jsx(du,{children:n.jsxRuntimeExports.jsx(fo,{})})},n.nanoid())},eu=i.div`
+  flex: 1;
+  width: auto;
+  padding-right: ${t.Space.sp8};
+`,tu=i.div`
+  width: 100%;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,nu=i.div`
+  height: 100%;
+`,su=i.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,ou=i.div`
+  display: flex;
+  width: 100%;
+  height: ${e=>`calc(100% - ${t.navBarHeight.valuePx(e.windowSize)})`};
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,iu=i.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${t.Space.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,ru=i(t.SmallRegular)`
+  margin-top: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Ps=i.div`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  padding-bottom: ${t.Space.sp3};
+  box-sizing: border-box;
+`,au=i.div`
+  background-color: ${e=>e.theme.colors.grey4};
+`,cu=i.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};
+`,lu=i.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,du=i.div`
+  padding-left: ${t.Space.sp8};
+`,uu=({selectedTab:e,transactionView:s,receiptUploadEndpoint:l,authParams:a,sectionId:p,vendorSearchAutoCompleteData:u,vendorSearchAutoCompleteActions:o,isCOTEnabled:c,setCurrentFooterFormId:r,setLocalDataForCategoryAndClass:x,onTransactionCategorizationRowClick:d,onUpdateTransactionCategorizationUIState:h,onUpdateScrollYOffSetTransactionCategorizationUIState:j,onFetchTransactionCategorizationList:y,onSaveUpdateTransactionCategorization:S,onUpdateSelectedCheckboxTransactionIds:f,onFetchRecommendationsForEntityCategorization:v,onFetchRecommendationsForEntityCategorizationWithCustomer:g})=>{const[b,D]=m.useState({transactionId:void 0,lineItemId:void 0}),$=m.useRef(),B=m.useRef({}),{useDynamicConfig:w}=t.useZeniFeatureContext(),{configValue:R}=w(t.DynamicConfigNames.enableUncategorizedExpenseCategory),k=R?.uncategorized_expense_category_enabled===!0,L=(F,A,ee,z)=>{const N={...B.current};N[A]==null&&(N[A]=[]);let E=N[A].findIndex(W=>W.lineId===F);if(E===-1){const W={lineId:F,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}};N[A].push(W),E=N[A].length-1}else{const W=N[A][E];N[A][E]={...W,category:{...W.category,recommendationTypesViewed:[...W.category.recommendationTypesViewed]},class:{...W.class,recommendationTypesViewed:[...W.class.recommendationTypesViewed]},vendor:{...W.vendor,recommendationTypesViewed:[...W.vendor.recommendationTypesViewed]}}}z!=null&&z!==""&&!N[A][E][ee].recommendationTypesViewed.includes(z)&&N[A][E][ee].recommendationTypesViewed.push(z),B.current=N},{transactions:G,transactionLocalData:I,accountsHierarchyList:K,classHierarchyList:_,accountList:q,classList:J,selectedCheckBoxTransactionIds:U,uncategorizedAccounts:M}=s,se=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:m.useMemo(()=>zs(U,I,K,_,u.entityAutoCompleteView),[K,_,U,I,u.entityAutoCompleteView]),values:m.useMemo(()=>zs(U,I,K,_,u.entityAutoCompleteView),[K,_,U,I,u.entityAutoCompleteView]),resetOptions:{keepDefaultValues:!0,keepDirty:!1}});m.useEffect(()=>()=>{r("expenseAutomationPage")},[]),m.useEffect(()=>{U.length>0?r(fn):r("expenseAutomationPage")},[U,r]);const Se=se.handleSubmit(F=>{const A=F[cn],ee=B.current;S(e,A,ee),A.forEach(z=>{delete B.current[z]})}),Q=async(F,A)=>{if(F!=null){if(F===cn){const ee=se.getValues(cn);if(ee.length<U.length){f(e,ee);return}if(ee.length===H.MAX_SELECTION_LIMIT){f(e,ee);return}const z=ee[ee.length-1],N=A[Tt].findIndex(W=>W.transactionId===z),E=se.getValues(`${Tt}.${N}.lineInfo`);if(E!=null){let W=!1;if(E.every(O=>(W=H.isAccountUncategorized(M,O[be].selectedOption,k?["income"]:void 0),!!O[be].selectedOption&&O[be].selectedOption!=null&&!W&&!!O[qe].selectedOption&&!!O[et].selectedOption))===!0){f(e,ee);return}else{const O=ee.filter(Z=>Z!==z);f(e,O);return}}return}if(F.includes(be)===!0||F.includes(qe)===!0){const ee=parseInt(F.split(".")[1]),z=parseInt(F.split(".")[3]),N=se.getValues(`${Tt}.${ee}.lineInfo`),E=N[z];if(F.includes(be)||F.includes(qe)){const{transactionId:W,lineId:Y,recommendations:O}=E;if(N!=null){const Z=E[be].selectedOption,P=E[qe].selectedOption,V=E[et].selectedOption,je=E[et].selectedOption,Ee=E[et].defaultOptions,ce=Ee?.find(le=>le.options?.find(Be=>Be.value===V))?.options?.find(le=>le.value===V)?.label,C=Ee?.find(le=>le.options?.find(Be=>Be.value===je))?.options?.find(le=>le.value===je)?.label,re=u.entityAutoCompleteView.vendor.find(le=>le.qboId===V),fe=u.entityAutoCompleteView.customer.find(le=>le.qboId===je),Oe=O.find(le=>le.vendor?.qboId===V)?.vendor,we=V||re?.qboId||Oe?.qboId?{id:V??re?.qboId??Oe?.qboId??"",name:ce??re?.name??Oe?.name??"",logo:re?.logo??Oe?.logo}:void 0,Ie=je||fe?.qboId?{id:je??fe?.qboId??"",name:C??fe?.name??"",logo:fe?.logo}:void 0,me=q.find(le=>le.qboId===Z),Ue=J.find(le=>le.classId===P),Fe=s.transactionLocalData.find(le=>le.transactionId===W)?.transactionReviewLocalData.lineItemById[Y].account,ze=s.transactionLocalData.find(le=>le.transactionId===W)?.transactionReviewLocalData.lineItemById[Y].class;x(e,W,Y,G,we?.id,Ie?.id,F.includes(be)&&me!=null?{...me,isPreFilled:!1}:Fe,F.includes(qe)&&Ue!=null?{...Ue,isPreFilled:!1}:ze,void 0,O,k)}return}}if(F.includes(et)){const ee=parseInt(F.split(".")[1]),z=parseInt(F.split(".")[3]),N=se.getValues(`${Tt}.${ee}.lineInfo`);if(N!=null){const E=N[z],{transactionId:W,recommendations:Y}=E,O=E[et].selectedOption,Z=E[et].selectedOption,P=E[et].defaultOptions,V=P?.flatMap(me=>me.options)?.find(me=>me.value===O)?.label,je=P?.flatMap(me=>me.options)?.find(me=>me.value===Z)?.label,Ee=u.entityAutoCompleteView.vendor.find(me=>me.qboId===O),ce=u.entityAutoCompleteView.customer.find(me=>me.qboId===Z),C=Y.find(me=>me.vendor?.qboId===O)?.vendor,re=O!==""&&O!=null?O:V!==""&&V!=null?V:"",fe=(Ee?.qboId!=null&&Ee.qboId!==""?Ee.qboId:null)??(C?.qboId!=null&&C.qboId!==""?C.qboId:null)??(O!=null&&O!==""?O:null),Oe={id:fe??V??"",name:V??Ee?.name??C?.name??"",logo:Ee?.logo??C?.logo},we=ce?.qboId!=null&&ce.qboId!==""?{id:ce.qboId??Z??"",name:je??ce.name??"",logo:ce.logo}:void 0,Ie=G.find(me=>me.id===W);if(Ie!=null){const me=s.transactionLocalData.find(Be=>Be.transactionId===Ie.id)?.transactionReviewLocalData,Ue=me?.lineItemById[E.lineId],Fe=H.isVendorTransaction(Ie)===!0?me?.selectedEntity:Ue?.selectedEntityLine,ze=we?.id!=null&&we.id!==""?{id:we.id,name:we.name,type:"customer",qboId:we.id,zeniId:we.id,logo:we.logo}:Oe.id!==""&&Oe.id!=null?{id:re,name:V??re,type:"vendor",qboId:re,zeniId:re,logo:Oe.logo,isPreFilled:Fe?.id===fe&&Fe?.isPreFilled}:void 0,le={transactionId:{id:Ie.id,type:Ie.type},transaction:Ie,lineIds:Ie.type!=="journal_entry"?Ie.lines?.map(Be=>Be.id)??[]:[E.lineId]};ze?.type==="customer"?g(E.amount.amount,le,!1,e,ze,we,k):v(E.amount.amount,le,!1,e,ze,Oe,k)}}o.onCancelAutoComplete?.();return}}};m.useEffect(()=>{const F=se.watch((A,{name:ee})=>{ee!=null&&A!=null&&n.defer(()=>Q(ee,A))});return()=>{F.unsubscribe()}}),m.useEffect(()=>{if(u.entityAutoCompleteView.fetchState==="Completed"){const F=s.transactionLocalData.find(A=>A.transactionId===b.transactionId);if(F){const{transactionReviewLocalData:A}=F,{selectedEntity:ee}=A,z=b?.lineItemId??A.sortedLineItems[0],N=A.lineItemById[z],E=N.selectedEntityLine;$.current?.(t.getGroupedForPayeeEntityOptionsWithCOT(u.entityAutoCompleteView,ee??E,N?.recommendationsWithCOT??[]))}D({transactionId:void 0,lineItemId:void 0})}},[u.entityAutoCompleteView.fetchState]);const te=(F,A)=>{o.onAutoCompleteInputChange?.(F),$.current=A},ae=m.useRef(null);return n.jsxRuntimeExports.jsx(mu,{ref:ae,"data-testid":t.generateDataTestId("transaction-categorization-list-page"),children:n.jsxRuntimeExports.jsx(n.FormProvider,{...se,children:n.jsxRuntimeExports.jsx("form",{id:Fs(fn),onSubmit:Se,style:{height:"100%",width:"100%"},"data-testid":t.generateDataTestId(Fs(fn)),children:n.jsxRuntimeExports.jsx(Yd,{selectedTab:e,sectionId:p,transactionView:s,receiptUploadEndpoint:l,authParams:a,setCurrentTransactionInAction:D,onUpdateTransactionCategorizationUIState:h,onUpdateScrollYOffSetTransactionCategorizationUIState:j,onFetchTransactionCategorizationList:y,onTransactionCategorizationRowClick:d,vendorLoadOptions:te,vendorSearchAutoCompleteData:u,vendorSearchAutoCompleteActions:o,containerRef:ae,isCOTEnabled:c,cotTracking:{onCOTView:L},isUncategorizedExpenseCategoryEnabled:k})})})})},Fs=e=>`${e}_form`,zs=(e,s,l,a,p)=>({[Tt]:s.map(o=>pu(o.transactionId,o.transactionReviewLocalData,l,a,p)),[cn]:e}),pu=(e,s,l,a,p)=>{const{lineItemById:u,sortedLineItems:o,selectedEntity:c}=s,r=Object.values(u).sort((d,h)=>o.indexOf(d.lineId)-o.indexOf(h.lineId)),x=r[0]?.lineId;return{[jo]:r.map(d=>{const h=d.account?.qboId??d.account?.accountId,j=d.class?.classId,y=d.selectedEntityLine;return{id:d.id,transactionId:d.transactionId,type:d.type,amount:d.amount,lineDetailType:d.lineDetailType,platformLineDetailType:d.platformLineDetailType,lineTransactionType:d.lineTransactionType,postingType:d.postingType,postingTypeName:d.postingTypeName,customer:d.customer,vendor:d.vendor,billable:d.billable,item:d.item,isCategoryMiscategorized:d.isCategoryMiscategorized,isClassMiscategorized:d.isClassMiscategorized,lineId:d.id,[be]:{selectedOption:h,allOptions:t.getGroupedAccountOptionsWithCOT(l,d.recommendationsWithCOT)},[qe]:{selectedOption:j,allOptions:t.getGroupedClassOptionsWithCOT(a,d.recommendationsWithCOT)},[et]:{selectedOption:c?.id??y?.id??c?.name??y?.name,defaultOptions:t.getGroupedForPayeeEntityOptionsWithCOT(p,c??y,s.lineItemById[x]?.recommendationsWithCOT??[])},[jd]:d.lineEntity,[fd]:d.recommendationsWithCOT??[]}}),transactionId:e,[yd]:s.vendorDetails!=null&&s.vendorDetails.id!=null?{id:s.vendorDetails.id,qboId:s.vendorDetails.qboId,name:s.vendorDetails.name}:void 0,[Sd]:s.customerDetails!=null&&s.customerDetails.id!=null?{id:s.customerDetails.id,qboId:s.customerDetails.qboId,name:s.customerDetails.name}:void 0}},mu=i.div`
+  display: flex;
+  min-height: 100%;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  z-index: 2;
+`,Hs={subSectionContainerLeftRightPadding:new t.ResponsiveSized(t.sp[3],t.sp[6],t.sp[8])},xu=i.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+  background: ${e=>e.theme.colors.grey4};
+  box-sizing: border-box;
+`,hu=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,gu=e=>{const{currentFooterFormId:s,onJeAccountSettingsChange:l,onSaveJeAccountSettingsClick:a,setResetJeAccountSettingsForm:p,expenseAutomationViewSelector:u,authParams:o,receiptUploadEndpoint:c,companyId:r,vendorSearchAutoCompleteActions:x,vendorSearchAutoCompleteData:d,enableMonthEndInsightsZeniGPTFeature:h,monthEndInsightsPreviewMode:j,monthEndInsightsCustomerRequestData:y,allThreadsSectionOpen:S,loggedInUser:f,isCOTEnabled:v,setCurrentFooterFormId:g,onFetchRecommendationsForEntityCategorization:b,onFetchRecommendationsForEntityCategorizationWithCustomer:D,onTransactionCategorizationRowClick:$,onFetchMissingReceiptsList:B,onMissingReceiptsRowClick:w,onUploadReceiptAttachment:R,onUploadReceiptComplete:k,onUploadReceiptFetchStatus:L,onReconTabColumnSortConfigChanged:G,onReloadReconciliationListPage:I,onUpdateReconcileTabLocalData:K,onUpdateMissingReceiptsUIState:_,onFetchTransactionCategorizationList:q,onUpdateTransactionCategorizationUIState:J,onUpdateScrollYOffSetTransactionCategorizationUIState:U,handleJeScheduleClick:M,ignoreRecommendedJeSchedule:se,onJESchedulesFormDataChange:Se,onPostJESchedule:Q,setLocalDataForCategoryAndClass:te,resetTransactionCategorizationLocalData:ae,updateSelectedVendorForTransaction:F,onSaveUpdateTransactionCategorization:A,onUpdateSelectedCheckboxTransactionIds:ee,improveMonthEndInsightsUsingZeniGPTClick:z,onRemoveFileAttachment:N,onUpdateFileAttachment:E,onCloseAllThreadsSection:W,onEditMonthEndInsightsClick:Y,previewMonthEndReport:O,saveMonthEndReport:Z,onOpenFileAttachmentSnackBar:P,onCloseFileAttachmentSnackBar:V,onClickCustomerRequest:je,sendMonthEndReport:Ee,markAsReview:ce,onReloadPage:C,onBackClick:re,updateOperatingExpensesIdsForReview:fe,updateSectionCollapseStatus:Oe,onFetchReimbursementView:we,redirectToVendorDetailPage:Ie,updateSectionIdsForReview:me,onUpdateFluxAnalysisUIState:Ue,fetchFluxViewOnScroll:Fe,onFetchFluxViewList:ze,setIsJeAccountSettingsOpened:le,onReviewClicked:Be,setOpenDrawerClicked:Ye,onEstablishConnectionClick:St,onFetchLinkTokenClick:Ze,updateReconReviewTabLocalData:at,onReconReviewTabColumnSortConfigChanged:mt,onSaveReconciliation:Rt,onSaveReconciliationReview:xt,onReconMatchedTransactionClick:ge,onReconListPageScroll:xe,onAddStatementClick:Ce}=e,{currentSelectedView:ne,missingReceipts:He,transactionView:tt,selectedPeriod:nt,monthEndInsights:Ge,selectedTransactionCategorizationTab:$t,reconciliation:Ke}=u;switch(ne){case"transaction_categorization":return tt.fetchState==="Completed"&&tt.transactionLocalData.length===0?n.jsxRuntimeExports.jsx(pt,{tab:ne,title:Me(ne).allDoneText.title,subTitle:Me(ne).allDoneText.subTitle}):n.jsxRuntimeExports.jsx(uu,{setCurrentFooterFormId:g,selectedPeriod:nt,selectedTab:$t,sectionId:Tt,transactionView:tt,receiptUploadEndpoint:c,authParams:o,onUpdateTransactionCategorizationUIState:J,onUpdateScrollYOffSetTransactionCategorizationUIState:U,onFetchTransactionCategorizationList:q,onTransactionCategorizationRowClick:$,setLocalDataForCategoryAndClass:te,resetTransactionCategorizationLocalData:ae,updateSelectedVendorForTransaction:F,onSaveUpdateTransactionCategorization:A,onUpdateSelectedCheckboxTransactionIds:ee,vendorSearchAutoCompleteActions:x,vendorSearchAutoCompleteData:d,onFetchRecommendationsForEntityCategorization:b,onFetchRecommendationsForEntityCategorizationWithCustomer:D,isCOTEnabled:v});case"je_schedules":return n.jsxRuntimeExports.jsx($c,{setIsJeAccountSettingsOpened:le,expenseAutomationViewSelector:u,setResetJeAccountSettingsForm:p,currentFooterFormId:s,onJeAccountSettingsChange:l,onSaveJeAccountSettingsClick:a,setCurrentFooterFormId:g,handleJeScheduleClick:M,ignoreRecommendedJeSchedule:se,onJESchedulesFormDataChange:Se,onPostJESchedule:Q,vendorSearchAutoCompleteActions:x,vendorSearchAutoCompleteData:d});case"missing_receipts":return He.fetchState==="Completed"&&He.transactions.length===0?n.jsxRuntimeExports.jsx(pt,{tab:ne,title:Me(ne).allDoneText.title,subTitle:Me(ne).allDoneText.subTitle}):n.jsxRuntimeExports.jsx(jl,{onUpdateMissingReceiptsUIState:_,onFetchMissingReceiptsList:B,missingReceipts:He,receiptUploadEndpoint:c,authParams:o,selectedPeriod:nt,onMissingReceiptsRowClick:w,onUploadReceiptComplete:k,onUploadReceiptFetchStatus:L,onUploadReceiptAttachment:R});case"month_end_insights":if(Ge!=null&&u.monthEndCloseChecksView.monthEndCloseChecks!=null){if(Ge.fetchState==="Not-Started"||Ge.fetchState==="In-Progress"||Ge.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||Ge.companyMonthEndReportTemplatesData.fetchState==="In-Progress")return n.jsxRuntimeExports.jsx(vo.BusyIndication,{fetchState:"In-Progress"});{const Ct={application:"cockpit",companyId:r,entityId:r,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:Ge.companyName,url:window.location.href},{url:Ft,...Lt}=Ct,zt={...Lt};return n.jsxRuntimeExports.jsx(hu,{children:n.jsxRuntimeExports.jsx(ql,{allThreadsSectionOpen:S,customerRequestData:y,companyId:r,enableZeniGPTFeature:h,filterMetaData:zt,selectedPeriod:u.selectedPeriod,improveUsingZeniGPTClick:z,isZeniUser:f.userEmail?.includes("zeni.ai")??!1,monthEndReportView:Ge,newThreadMetadata:Ct,onClickCustomerRequest:je,onCloseAllThreadsSection:W,onCloseFileAttachmentSnackBar:V,onOpenFileAttachmentSnackBar:P,onRemoveFileAttachment:N,onUpdateFileAttachment:E,previewMode:j,previewMonthEndReport:O,saveMonthEndReport:Z,onEditClick:Y,sendMonthEndReport:Ee})})}}else return null;case"flux_analysis":return u.fluxAnalysis.fetchStatus.fetchState==="Completed"&&u.fluxAnalysis.sections.generalExpense.vendors.length===0&&u.fluxAnalysis.sections.reimbursement.vendors.length===0?n.jsxRuntimeExports.jsx(pt,{tab:ne,title:Me(ne).allDoneText.title,subTitle:Me(ne).allDoneText.subTitle}):n.jsxRuntimeExports.jsx(rc,{fluxAnalysis:u.fluxAnalysis,selectedPeriod:u.selectedPeriod,markAsReview:ce,onReloadPage:C,onBackClick:re,updateOperatingExpensesIdsForReview:fe,updateSectionIdsForReview:me,onUpdateFluxAnalysisUIState:Ue,setCurrentFooterFormId:g,fetchFluxViewOnScroll:Fe,onFetchFluxViewList:ze,updateSectionCollapseStatus:Oe,onFetchReimbursementView:we,redirectToVendorDetailPage:Ie});case"reconciliation":return n.jsxRuntimeExports.jsx(Va,{onReconListPageScroll:xe,onReloadReconciliationListPage:I,currentFooterFormId:s,reconciliation:Ke,companyId:r,vendorSearchAutoCompleteActions:x,vendorSearchAutoCompleteData:d,onReviewClicked:Be,setOpenDrawerClicked:Ye,setCurrentFooterFormId:g,onReconTabColumnSortConfigChanged:G,onUpdateReconcileTabLocalData:K,onEstablishConnectionClick:St,onFetchLinkTokenClick:Ze,updateReconReviewTabLocalData:at,onReconReviewTabColumnSortConfigChanged:mt,onSaveReconciliation:Rt,onSaveReconciliationReview:xt,onReconMatchedTransactionClick:ge,onAddStatementClick:Ce});default:return n.jsxRuntimeExports.jsx(pt,{tab:ne,title:Me(ne).allDoneText.title,subTitle:Me(ne).allDoneText.subTitle})}};function ju(e){const s=t.useWindowSizeContext(),{currentSelectedView:l}=e.expenseAutomationViewSelector,a=e.expenseAutomationViewSelector.currentSelectedView==="transaction_categorization",p=e.expenseAutomationViewSelector.currentSelectedView!=="month_end_insights"&&e.expenseAutomationViewSelector.currentSelectedView!=="flux_analysis";return n.jsxRuntimeExports.jsx(xu,{windowSize:s,style:{...p===!0?{paddingLeft:Hs.subSectionContainerLeftRightPadding.value(s),paddingRight:Hs.subSectionContainerLeftRightPadding.value(s)}:{paddingLeft:t.sp[0],paddingRight:t.sp[0]},...a===!0||l==="reconciliation"?{paddingLeft:t.sp[0],paddingRight:t.sp[0]}:{}},children:n.jsxRuntimeExports.jsx(gu,{...e})})}const fu=e=>T.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},T.createElement("path",{d:"M22.9902 12.0403L1.12726 12.0403",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),T.createElement("path",{d:"M7.68994 5.60718L1.00953 12.0402L7.68994 18.4732",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),yu=e=>T.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},T.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"}),T.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"}),T.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"}),T.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"}),T.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"}),T.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"}),T.createElement("path",{d:"M17.1504 8.40656V7.6875",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),T.createElement("path",{d:"M17.1504 14.8753V14.1562",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Su=i.div`
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+`,Ru=i.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: ${t.Space.sp0};
+  }
+`,Ws=i(t.SvgArrowTailRight)`
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp3};
+  cursor: pointer;
+  color: inherit;
+`,Vs=i(fu)`
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp3};
+  cursor: pointer;
+  color: inherit;
+`,{common:{footer:Te,texts:{maxLimitReached:Cu,confirmAction:Eu},headers:vu,create:bu,strings:Wt,texts:Pt,cancel:wu,confirm:Iu,monthsByIndex:ku},dateFormat:{visual:{MMMDCommaYYYYformat:qs}},expenseAutomation:Vt}=t.appLocale.getLocalizedStrings(),Tu=e=>{const{expenseAutomationViewSelector:s,isDisabled:l,isRealtimeInsightsFeatureEnabled:a,isUncategorizedExpenseCategoryEnabled:p,isCOTEnabled:u,onUpdateTab:o,onReconTabUpdate:c,onUpdateStep:r,onSearchTextChanged:x,onRefresh:d,onClose:h,onBack:j,resetTransactionCategorizationLocalData:y,updateOperatingExpensesIdsForReview:S,clearJeScheduleLocalData:f,onSaveReconciliation:v}=e,{currentSelectedView:g,allSteps:b,missingReceipts:D,jeSchedules:$,fluxAnalysis:B,monthEndInsights:w,transactionView:R,selectedTransactionCategorizationTab:k,reconciliation:L,selectedPeriod:G}=s,[I,K]=m.useState("expenseAutomationPage"),[_,q]=m.useState(()=>{}),[J,U]=m.useState(!1),M=t.useWindowSizeContext(),se=!!e.loggedInUser.userEmail?.includes("zeni.ai"),Se=se?t.ThreadsContext:t.NonZeniUsersThreadsContext,{openThread:Q,setOpenThread:te}=m.useContext(Se),[ae,F]=m.useState(!1),[A,ee]=m.useState(!1),z=b.find(ge=>ge.step===g),{nextStep:N,previousStep:E}=Ro(b,g),{uiState:{searchString:W,pageToken:Y},totalCountByTab:O,transactions:Z,fetchStateByTransactionTabs:P,transactionLocalData:V}=R,{selectedReconAccount:je,reconciliationTabsState:{reconcile:{localData:{selectedTransactionIds:Ee}}}}=L;let ce="Not-Started",C="complete";switch(g){case"missing_receipts":ce=D.refreshStatus.fetchState,C=D.completionStatus;break;case"je_schedules":ce=$.refreshStatus.fetchState,C=$.completionStatus;break;case"month_end_insights":w!=null&&(ce=w?.fetchState);break;case"flux_analysis":ce=B.refreshStatus.fetchState,C=B.completionStatus;break;case"transaction_categorization":ce=R.refreshStatus.fetchState,C=R.completionStatus;break;case"reconciliation":je==null?(ce=L.refreshStatus.fetchState,C=L.completionStatus):(ce=L.selectedReconAccount?.refreshStatus.fetchState??"Not-Started",C=L.completionStatus)}const re=()=>{_()},{saveStatus:fe,selectedCheckBoxTransactionIds:Oe}=R,we=()=>{const ge=co(s.fluxAnalysis.sections,s.fluxAnalysis.reviewOperatingExpensesIds),xe=H.dateNow(),{month:Ce,year:ne}=G,tt=H.dateNow().set("month",Ce-1).set("year",ne).endOf("month");switch(I){case"expenseAutomationFluxPage":return{formId:"expenseAutomationFluxPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:ge===!0?Te.markAsReviewed:Pt.undo,style:{justifyContent:"space-evenly"},isLoading:s.fluxAnalysis.bulkReviewStatus.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:wn(s.fluxAnalysis.reviewOperatingExpensesIds.length,Ae.FLUX_MAX_SELECTION_LIMIT,M,Pt.vendor,g),cancelBtn:{label:Te.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{S([])}}};case"expenseAutomationTransactionsPage":return{formId:"expenseAutomationTransactionsPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Te.save,style:{minWidth:"96px",justifyContent:"space-evenly"},isLoading:fe.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:wn(Oe.length,H.MAX_SELECTION_LIMIT,M,Pt.transaction,g),cancelBtn:{label:Te.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{y(k,Z.map(nt=>nt.id),G,!1,O[k],H.getLineItemsByTransactionIdsFromLocalData(V,k),p,Y)}}};case"expenseAutomationJESchedulePage":return{formId:"expenseAutomationJESchedulePage",nextBtnLabel:Te.next,backBtnLabel:Te.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Te.next,style:{justifyContent:"space-evenly"},isDisabled:l||z?.isNextDisabled,suffixIcon:n.jsxRuntimeExports.jsx(Ws,{}),onClick:()=>{r(N.step)}},cancelBtn:{label:Te.back,isDisabled:l||z?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:n.jsxRuntimeExports.jsx(Vs,{}),onClick:()=>{r(E.step)}}};case"expenseAutomationBankReconReconcilePage":return{formId:"expenseAutomationBankReconReconcilePage",nextBtnLabel:Te.reconcile,backBtnLabel:Te.saveForLater,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Te.reconcile,onClick:()=>{v({reconcileAction:"reconcile"})},isDisabled:!(L.reconciliationTabsState.balances.variance.amount===0&&xe.isAfter(tt)),isLoading:L.actionFetchStates.reconcileFetch.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:132}},leftSideComponent:wn(Ee.length,1/0,M,Pt.transaction,g),cancelBtn:{onClick:()=>{v({reconcileAction:"save_reconcile_for_later"})},reverseSpinnerColor:!1,isLoading:L.actionFetchStates.saveForLaterFetch.fetchState==="In-Progress",label:Te.saveForLater,style:{minWidth:132,justifyContent:"space-evenly"}}};case"expenseAutomationJEAccountSettingsPage":return{formId:"expenseAutomationJEAccountSettingsPage",nextBtnLabel:Te.save,backBtnLabel:Te.cancel,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Te.save,isLoading:$.accountSettingsView.saveState.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:82}},cancelBtn:{onClick:()=>re(),label:Te.cancel,style:{minWidth:82,justifyContent:"space-evenly"}}};default:{const nt=g==="reconciliation"&&s.reconciliation.selectedTab==="review"&&s.reconciliation.selectedAccountId!=null,Ge=g==="reconciliation"&&s.reconciliation.selectedAccountId==null,$t=g==="reconciliation"&&s.reconciliation.selectedTab==="reconcile"&&s.reconciliation.selectedAccountId!=null,Ke=N.step==="month_end_insights"&&(g==="flux_analysis"&&(s.fluxAnalysis.sections.generalExpense?.balancesByMonth!=null||s.fluxAnalysis.sections.reimbursement?.balancesByMonth!=null)||Ge),Ct=g==="transaction_categorization"&&s.selectedTransactionCategorizationTab==="review",Ft=g==="transaction_categorization"&&s.selectedTransactionCategorizationTab==="autoCategorized",Lt=s.monthEndCloseChecksView.monthEndCloseChecks?.reportEmailSentDate==null&&(a||z?.isNextDisabled===!1),zt=N.step==="month_end_insights"&&(Ge||g==="flux_analysis")?!Lt:z?.isNextDisabled===!0;return{formId:"expenseAutomationPage",nextBtnLabel:Te.next,backBtnLabel:Te.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Ke===!0?Lu(s.selectedPeriod.month):Te.next,style:{justifyContent:"space-evenly"},isDisabled:zt,suffixIcon:n.jsxRuntimeExports.jsx(Ws,{}),onClick:()=>{Ct?o("autoCategorized"):nt?c("reconcile"):r(N.step)}},cancelBtn:{label:Te.back,isDisabled:l||z?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:n.jsxRuntimeExports.jsx(Vs,{}),onClick:()=>{Ft?o("review"):$t?c("review"):nt?j():r(E.step)}}}}}},Ie=()=>{switch(I){case"expenseAutomationFluxPage":return{confirmAction:()=>{F(!1),S([]),h()}};case"expenseAutomationTransactionsPage":return{confirmAction:()=>{F(!1),y(k,Z.map(ge=>ge.id),G,!1,O[k],H.getLineItemsByTransactionIdsFromLocalData(V,k),p,Y),h()}};case"expenseAutomationJESchedulePage":return{confirmAction:()=>{F(!1),f(),h()}};default:return{confirmAction:()=>{F(!1)},confirmationDescription:Wt.empty}}},me=()=>{I==="expenseAutomationFluxPage"||I==="expenseAutomationJESchedulePage"||I==="expenseAutomationTransactionsPage"?F(!0):h()},{primaryBtn:Ue,cancelBtn:Fe,leftSideComponent:ze}=we(),{confirmAction:le}=Ie(),Be=ge=>{if(g==="transaction_categorization"&&(ge==="autoCategorized"||ge==="review"))return{hideCountInTab:O[ge]>Vt.common.numbers.maximumCount,count:O[ge],isFetching:P[ge].fetchState==="In-Progress"};if(g==="reconciliation"){const{reconciliation:xe}=s,{selectedAccountId:Ce}=xe;return Ce==null?{count:0,isFetching:!1}:ge==="review"?{count:xe.accountReconciliationsByAccountID[Ce]?.accountReconEntity?.transactionsToReview.length,isFetching:xe.accountReconciliationsByAccountID[Ce]?.transactionFetchState.fetchState==="In-Progress"}:{count:xe.accountReconciliationsByAccountID[Ce]?.accountReconEntity?.transactionsToReconcile.length,isFetching:xe.accountReconciliationsByAccountID[Ce]?.transactionFetchState.fetchState==="In-Progress"}}},Ye=g==="reconciliation"&&L.selectedAccountId!=null&&L.selectedReconAccount!=null,{month:St,year:Ze}=G,at=H.dateNow().set("month",St-1).set("year",Ze),mt=at.startOf("month").format(qs),Rt=at.endOf("month").format(qs),xt=`${mt} ${Wt.hyphen} ${Rt}`;return n.jsxRuntimeExports.jsxs(Su,{children:[ae?n.jsxRuntimeExports.jsx(t.ConfirmationPopup,{containerStyle:{width:356},titleComponent:n.jsxRuntimeExports.jsx(Eo,{children:Eu}),primaryButtonText:Iu,secondaryButtonText:wu,proceedButtonVariant:"danger",action:{onOkClick:()=>{le()},onCancelClick:()=>F(!1)},descriptionComponent:n.jsxRuntimeExports.jsx(Bu,{children:Vt.confirmationDescription})}):null,n.jsxRuntimeExports.jsxs(Ru,{children:[n.jsxRuntimeExports.jsx(ai,{onBack:j,navBarCustomElement:g==="reconciliation"&&L.selectedAccountId!=null?n.jsxRuntimeExports.jsx($u,{reconciliation:L}):void 0,onReconTabUpdate:c,currentRecontab:L.selectedTab,reconcileDetailPageFetchState:L.selectedAccountId!=null?L.accountReconciliationsByAccountID[L.selectedAccountId]?.transactionFetchState.fetchState:"Not-Started",selectedReconAccountId:Ye?L.selectedAccountId:void 0,currentSelectedView:g,titleStyle:{justifyContent:"center",marginLeft:t.Space.sp0},headerData:Me(g,O.autoCategorized,Ye?L.selectedAccountId:void 0,Ye?L.selectedReconAccount?.accountReconEntity?.account.accountName:void 0,Ye?xt:void 0),searchText:W,currentTab:k,getTabCountAndFetchState:Be,completionStatus:C,forceShowSubtitle:J===!0||g==="je_schedules"&&($.fetchState==="In-Progress"||$.accountSettingsView.fetchState==="In-Progress"),refreshStatus:ce,companyId:e.companyId,companyName:s.monthEndInsights?.companyName??Wt.empty,isZeniUser:se,onAllThreadsClick:()=>{Q!=null&&te(null),ee(!0)},onUpdateTab:o,onSearchTextChanged:x,onRefresh:d,onClose:me}),n.jsxRuntimeExports.jsx(ju,{...e,isCOTEnabled:u,setIsJeAccountSettingsOpened:U,setResetJeAccountSettingsForm:q,allThreadsSectionOpen:A,setCurrentFooterFormId:K,currentFooterFormId:I,onCloseAllThreadsSection:()=>ee(!1)}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:g!=="month_end_insights",children:n.jsxRuntimeExports.jsx(t.Footer,{style:{width:"-webkit-fill-available",maxHeight:t.sp[8]},formId:Co(I),primaryBtn:Ue,leftSideComponent:ze,cancelBtn:Fe,separatorStyle:{marginRight:t.Space.sp4}})})]})]})},$u=({reconciliation:e})=>{const s=n.useTheme(),{clearedBalance:l,variance:a,variancePercentage:p,deposits:u,payments:o}=e.reconciliationTabsState.balances,{balance:c}=e.selectedReconAccount?.accountReconEntity??{},{selectedReconAccount:r}=e,{transactionFetchState:x}=r??{};return n.jsxRuntimeExports.jsx(Mu,{children:n.jsxRuntimeExports.jsxs(Nu,{children:[n.jsxRuntimeExports.jsxs(In,{style:{justifyContent:"flex-end",width:"50%"},children:[n.jsxRuntimeExports.jsx(kn,{children:n.jsxRuntimeExports.jsx(Pu,{})}),n.jsxRuntimeExports.jsx(Tn,{children:x?.fetchState==="In-Progress"?n.jsxRuntimeExports.jsxs(An,{children:[n.jsxRuntimeExports.jsx(Mt,{height:25,width:120}),n.jsxRuntimeExports.jsx(Mt,{height:19,width:120})]}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Ln,{children:t.amountToString("0,0.00",c)}),n.jsxRuntimeExports.jsx($n,{children:Vt.accountRecon.reconciliation.headers.bankBalance})]})})]}),n.jsxRuntimeExports.jsxs(In,{children:[n.jsxRuntimeExports.jsx(kn,{children:n.jsxRuntimeExports.jsx(zu,{})}),n.jsxRuntimeExports.jsx(Tn,{children:x?.fetchState==="In-Progress"?n.jsxRuntimeExports.jsxs(An,{children:[n.jsxRuntimeExports.jsx(Mt,{height:25,width:120}),n.jsxRuntimeExports.jsx(Mt,{height:19,width:120})]}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Ln,{children:t.amountToString("0,0.00",l)}),n.jsxRuntimeExports.jsxs(Wu,{children:[n.jsxRuntimeExports.jsx($n,{children:Vt.accountRecon.reconciliation.headers.clearedBalance}),n.jsxRuntimeExports.jsx(t.Tooltip,{placement:"bottom",title:n.jsxRuntimeExports.jsxs(Vu,{children:[n.jsxRuntimeExports.jsxs(Us,{children:[n.jsxRuntimeExports.jsxs(Gs,{children:[o.count," ",Pt.payments]}),n.jsxRuntimeExports.jsx(Ks,{children:t.amountToString("0,0.[00]",o.totalAmount)})]}),n.jsxRuntimeExports.jsxs(Us,{children:[n.jsxRuntimeExports.jsxs(Gs,{children:[u.count," ",Pt.deposits]}),n.jsxRuntimeExports.jsx(Ks,{children:t.amountToString("0,0.[00]",u.totalAmount)})]})]}),display:"flex",children:n.jsxRuntimeExports.jsx(Hu,{})})]})]})})]}),n.jsxRuntimeExports.jsxs(In,{style:{justifyContent:"flex-start",width:"50%"},children:[n.jsxRuntimeExports.jsx(kn,{children:n.jsxRuntimeExports.jsx(Fu,{})}),n.jsxRuntimeExports.jsx(Tn,{children:x?.fetchState==="In-Progress"?n.jsxRuntimeExports.jsxs(An,{children:[n.jsxRuntimeExports.jsx(Mt,{height:25,width:120}),n.jsxRuntimeExports.jsx(Mt,{height:19,width:120})]}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsxs(Ln,{children:[n.jsxRuntimeExports.jsx("span",{style:{color:a.amount===0?s.colors.brandColorJadeDark:s.colors.primary},children:t.amountToString("0,0.00",a)}),p!=null&&a.amount!==0?n.jsxRuntimeExports.jsx("span",{style:{color:s.colors.primary,marginLeft:2},children:`(${p.toFixed(2)}%)`}):null]}),n.jsxRuntimeExports.jsx($n,{children:Vt.accountRecon.reconciliation.headers.variance})]})})]})]})})},wn=(e,s,l,a,p)=>{const u=a,o=(e>1?u+"s":u)+" selected";return e>0?n.jsxRuntimeExports.jsxs(Au,{currentView:p,style:l==="small"?{position:"absolute",top:t.Space.sp2,left:`-${t.Space.sp5}`}:{},children:[n.jsxRuntimeExports.jsx(Ou,{multiDigit:e>=5,children:e}),n.jsxRuntimeExports.jsx(Du,{children:o}),e===s?n.jsxRuntimeExports.jsx(_u,{children:`(${Cu})`}):null]}):null},Lu=e=>{const s=ku[e];return`${bu}${Wt.space}${s}${Wt.space}${vu.insights}`};function Ro(e,s){const l=e.findIndex(c=>c.step===s);if(l===-1)throw new Error("currentStep not found in allSteps array");const a=(l+1)%e.length,p=(l-1+e.length)%e.length,u=e[a],o=e[p];return{nextStep:u,previousStep:o}}const Co=e=>`${e}_form`,Au=i.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${t.Space.sp2};
+  margin-left: ${e=>e.currentView==="flux_analysis"?"36px":t.Space.sp8};
+`,Ou=i(t.ExtraSmallRegular)`
+  height: 18px;
+  width: ${e=>e.multiDigit?"auto":"18px"};
+  padding: ${t.Space.sp0} 6px;
+  border-radius: ${t.Space.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.primary}`};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Du=i(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+`,_u=i(t.SmallRegular)`
+  color: ${t.Colors.important};
+`,Eo=i(t.H6Medium)`
+  margin-top: ${t.Space.sp5};
+  padding-left: ${t.Space.sp8};
+  padding-right: ${t.Space.sp8};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,Bu=i(t.ConfirmationPopUpDescription)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${t.Space.sp2};
+  margin-bottom: ${t.Space.sp2};
+`,Mu=i.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: ${t.Space.sp3} ${t.Space.sp0};
+`,Nu=i.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: ${t.Space.sp1};
+`,In=i.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: ${t.Space.sp3};
+`,kn=i.div`
+  width: ${t.Space.sp7};
+  height: ${t.Space.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};
+`,Tn=i.div`
+  display: flex;
+  flex-direction: column;
+`,$n=i(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Ln=i(t.LargeSemiBold)`
+  min-width: 180px;
+  color: ${e=>e.theme.colors.primary};
+`,Pu=i(t.SvgBankBuilding)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,Fu=i(t.SvgCalculator)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,zu=i(yu)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,Hu=i(t.SvgInfo)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Wu=i.div`
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp1};
+`,Vu=i.div`
+  background-color: ${t.Colors.overlayDark};
+  padding: 2px ${t.Space.sp2};
+  border-radius: ${t.Space.sp1};
+`,Us=i.div`
+  display: flex;
+  justify-content: space-between;
+  gap: ${t.Space.sp2};
+`,Gs=i.div`
+  text-transform: capitalize;
+`,Ks=i(t.SmallRegular)`
+  color: ${t.Colors.primaryDark};
+  align-self: "flex-end";
+`,Mt=i(t.RectangularContentLoader)`
+  border-radius: ${t.Space.sp2};
+`,An=i.div`
+  display: flex;
+  flex-direction: column;
+  min-width: 180px;
+  gap: ${t.Space.sp1};
+`;exports.ConfirmationPopUpTitle=Eo;exports.default=Tu;exports.getNextAndPreviousSteps=Ro;exports.uniqueFormName=Co;