@zeniai/web-components 3.16.71 → 3.16.72

package/dist/ExpenseAutomationPage-ib1vuGW0.cjs

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