@zeniai/web-components 3.16.52 → 3.16.54

package/dist/UncategorizedAccountsMappingPage-CN4ZC4ZF.cjs

@@ -0,0 +1,244 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-DHyNpoQL.cjs"),U=require("react"),l=require("@emotion/styled"),D=require("@zeniai/client-epic-state"),o=require("./index-HHa907Xt.cjs"),ke=require("./HelpButton-Jjj72yhx.cjs"),Be=require("./VendorsAccountsSection-EujnYmhJ.cjs"),C={labelWidth:new o.ResponsiveSized(210,240,260),sectionWidth:new o.ResponsiveSized(343,580,726),iconContainerMaxWidthHeight:new o.ResponsiveSized(o.sp[6],o.sp[7]),iconContainerMarginRight:new o.ResponsiveSized(12,o.sp[3]),iconPadding:new o.ResponsiveSized(10,12),rowGap:new o.ResponsiveSized(o.sp[2],o.sp[3]),elementsMarginLeftRight:new o.ResponsiveSized(o.sp[3],o.sp[4])},Ce={title:new o.ResponsiveSizedStyle("standardMedium","largeMedium")},Fe=l.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>C.rowGap.valuePx(e.windowSize)};
+`,qe=l.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>C.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${o.Space.sp0} 2px ${o.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.Space.sp2};
+  fill: ${e=>e.theme.colors.grey1};
+  justify-content: space-between;
+  box-sizing: border-box;
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+    fill: ${e=>e.theme.colors.primary};
+  }
+`,We=l.div`
+  display: flex;
+  align-items: flex-start;
+  flex-direction: row;
+  margin-left: ${e=>C.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>C.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-top: ${o.Space.sp4};
+  margin-bottom: ${o.Space.sp0};
+`,He=l.div`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${Ce.title.style(e.windowSize)}`};
+`,Ge=l.div`
+  display: flex;
+  flex-direction: column;
+`,De=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: ${e=>C.iconPadding.valuePx(e.windowSize)};
+  background: ${e=>e.iconColor.toString()};
+  border-radius: ${o.Space.sp11};
+  width: fit-content;
+  height: fit-content;
+  color: ${e=>e.isDarkMode?o.Colors.neutralGrey5Light:e.theme.colors.brandColorOnyx};
+  max-width: ${e=>C.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${e=>C.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${e=>C.iconContainerMarginRight.valuePx(e.windowSize)};
+`,_e=l.div`
+  ${e=>`${Ce.title.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+`,Ne=l(o.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Ue=l(o.SvgBills)`
+  width: ${o.Space.sp4};
+  height: ${o.Space.sp4};
+`,Je=l.div`
+  display: flex;
+  flex-direction: column;
+`,Qe=l.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>C.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>C.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-top: ${o.Space.sp3};
+  margin-bottom: ${o.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${o.Space.sp2};
+`,J=(e,t)=>`${e}.${t}`;function Ze({sectionId:e,containerRef:t,accountMappingView:s}){const r=o.useWindowSizeContext(),a=n.useTheme(),c=o.appLocale.getLocalizedStrings().uncategorizedAccountsMapping,E=C.labelWidth.value(r),P=s.billPayRecommendation!=null?[s.billPayRecommendation]:[],f=o.getGroupedAccountOptions(s.billPayAccountHierarchy,P,"Accounts"),O=s.billPayRecommendation?.account?.reason??"",L=c.tooltip.replace("__based__",O).replace("__account__",c.billsSection.billPayExpenseAccount),S=s.billPayAccountList.find(x=>x.accountId===s.accountMappingLocalData?.selectedBillPayAccountId),R={valueContainer:x=>({...x,padding:`2px ${o.Space.sp3}`,overflow:"unset"}),singleValue:()=>({margin:0})},{getValues:d}=n.useFormContext(),$=a.mode==="light"?new n.Color(a.colors.brandColorJadeLight):new n.Color(a.colors.brandColorJadeDark);return n.jsxRuntimeExports.jsxs(Fe,{windowSize:r,children:[n.jsxRuntimeExports.jsx(He,{windowSize:r,children:c.billsSection.heading}),n.jsxRuntimeExports.jsxs(qe,{windowSize:r,children:[n.jsxRuntimeExports.jsxs(We,{windowSize:r,children:[n.jsxRuntimeExports.jsx(De,{windowSize:r,iconColor:$,isDarkMode:a.mode==="dark",children:n.jsxRuntimeExports.jsx(Ue,{})}),n.jsxRuntimeExports.jsxs(Ge,{children:[n.jsxRuntimeExports.jsx(_e,{windowSize:r,children:c.billsSection.title}),n.jsxRuntimeExports.jsx(Ne,{children:c.billsSection.subTitle})]})]}),n.jsxRuntimeExports.jsx(Je,{children:n.jsxRuntimeExports.jsx(Qe,{windowSize:r,children:n.jsxRuntimeExports.jsx(o.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isZeniRecommendsLabel:!0,isLoading:!1,label:{label:c.billsSection.bankChargesAndFeesLabel,width:E},groupedSingleSelectField:{shouldShowChevronIcon:s.billPayRecommendation!=null,name:J(e,"billPayAccount"),placeholder:c.placeholder.accountPlaceholder,noOptionsMessage:{line1:c.noOptions.noAccountsFound,line2:c.noOptions.establishQBO},valueToId:x=>o.getCOAIdForCategory(x,s.billPayAccountList),defaultValue:{selectedOption:S?.qboId,allOptions:f},style:{border:`1px solid ${a.colors.grey3}`},customStyleConfig:R,registerOptions:{required:!1},menuPortal:t},style:{border:`1px solid ${a.colors.grey3}`,borderRadius:"inherit",borderBottomRightRadius:"inherit"},fullWidthSelect:!0,recommendationCheckboxField:s.billPayRecommendation!=null?{tooltipProps:{text:L},label:{label:s.billPayRecommendation?.account?.accountName??o.appLocale.getLocalizedStrings().common.strings.empty},checkBoxField:{name:J(e,"isRecommendedBillPayAccountChecked"),defaultChecked:d(J(e,"isRecommendedBillPayAccountChecked"))}}:void 0},J(e,"billPayAccount"))})})]})]})}const v={labelWidth:new o.ResponsiveSized(120,145,160),sectionWidth:new o.ResponsiveSized(343,580,726),iconContainerMaxWidthHeight:new o.ResponsiveSized(o.sp[6],o.sp[7]),iconContainerMarginRight:new o.ResponsiveSized(12,o.sp[3]),iconPadding:new o.ResponsiveSized(10,12),rowGap:new o.ResponsiveSized(o.sp[2],o.sp[3]),elementsMarginLeftRight:new o.ResponsiveSized(o.sp[3],o.sp[4])},ve={title:new o.ResponsiveSizedStyle("standardMedium","largeMedium")},Ke=l.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>v.rowGap.valuePx(e.windowSize)};
+`,Xe=l.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>v.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${o.Space.sp0} 2px ${o.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.Space.sp2};
+  fill: ${e=>e.theme.colors.grey1};
+  justify-content: space-between;
+  box-sizing: border-box;
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+    fill: ${e=>e.theme.colors.primary};
+  }
+`,Ye=l.div`
+  display: flex;
+  align-items: flex-start;
+  flex-direction: row;
+  margin-left: ${e=>v.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>v.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-top: ${o.Space.sp4};
+  margin-bottom: ${o.Space.sp0};
+`,Me=l.div`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${ve.title.style(e.windowSize)}`};
+`,Ve=l.div`
+  display: flex;
+  flex-direction: column;
+`,eo=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: ${e=>v.iconPadding.valuePx(e.windowSize)};
+  background: ${e=>e.iconColor.toString()};
+  border-radius: ${o.Space.sp11};
+  width: fit-content;
+  height: fit-content;
+  color: ${e=>e.isDarkMode?o.Colors.neutralGrey5Light:e.theme.colors.brandColorOnyx};
+  max-width: ${e=>v.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${e=>v.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${e=>v.iconContainerMarginRight.valuePx(e.windowSize)};
+`,oo=l.div`
+  ${e=>`${ve.title.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+`,to=l(o.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,no=l(o.SvgReports)`
+  width: ${o.Space.sp4};
+  height: ${o.Space.sp4};
+`,so=l.div`
+  display: flex;
+  flex-direction: column;
+`,io=l.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>v.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>v.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-top: ${o.Space.sp3};
+  margin-bottom: ${o.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${o.Space.sp2};
+`,Q=(e,t)=>`${e}.${t}`;function co({sectionId:e,containerRef:t,accountMappingView:s}){const r=o.useWindowSizeContext(),a=n.useTheme(),c=o.appLocale.getLocalizedStrings().uncategorizedAccountsMapping,E=v.labelWidth.value(r),P=s.reimbursementsRecommendation!=null?[s.reimbursementsRecommendation]:[],f=o.getGroupedAccountOptions(s.reimbursementsAccountHierarchy,P,"Accounts"),O=s.reimbursementsRecommendation?.account?.reason??"",L=c.tooltip.replace("__based__",O).replace("__account__",c.reimbursementsSection.reimbursementsExpenseAccount),S=s.reimbursementsAccountList.find(x=>x.accountId===s.accountMappingLocalData?.selectedReimbursementsAccountId),R={valueContainer:x=>({...x,padding:`2px ${o.Space.sp3}`,overflow:"unset"}),singleValue:()=>({margin:0})},{getValues:d}=n.useFormContext(),$=a.mode==="light"?new n.Color(a.colors.brandColorJadeLight):new n.Color(a.colors.brandColorJadeDark);return n.jsxRuntimeExports.jsxs(Ke,{windowSize:r,children:[n.jsxRuntimeExports.jsx(Me,{windowSize:r,children:c.reimbursementsSection.heading}),n.jsxRuntimeExports.jsxs(Xe,{windowSize:r,children:[n.jsxRuntimeExports.jsxs(Ye,{windowSize:r,children:[n.jsxRuntimeExports.jsx(eo,{windowSize:r,iconColor:$,isDarkMode:a.mode==="dark",children:n.jsxRuntimeExports.jsx(no,{})}),n.jsxRuntimeExports.jsxs(Ve,{children:[n.jsxRuntimeExports.jsx(oo,{windowSize:r,children:c.reimbursementsSection.title}),n.jsxRuntimeExports.jsx(to,{children:c.reimbursementsSection.subTitle})]})]}),n.jsxRuntimeExports.jsx(so,{children:n.jsxRuntimeExports.jsx(io,{windowSize:r,children:n.jsxRuntimeExports.jsx(o.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isZeniRecommendsLabel:!0,isLoading:!1,label:{label:c.reimbursementsSection.mileageLabel,width:E},groupedSingleSelectField:{shouldShowChevronIcon:s.reimbursementsRecommendation!=null,name:Q(e,"reimbursementsAccount"),placeholder:c.placeholder.accountPlaceholder,noOptionsMessage:{line1:c.noOptions.noAccountsFound,line2:c.noOptions.establishQBO},valueToId:x=>o.getCOAIdForCategory(x,s.reimbursementsAccountList),defaultValue:{selectedOption:S?.qboId,allOptions:f},style:{border:`1px solid ${a.colors.grey3}`},customStyleConfig:R,registerOptions:{required:!1},menuPortal:t},style:{border:`1px solid ${a.colors.grey3}`,borderRadius:"inherit",borderBottomRightRadius:"inherit"},fullWidthSelect:!0,recommendationCheckboxField:s.reimbursementsRecommendation!=null?{tooltipProps:{text:L},label:{label:s.reimbursementsRecommendation?.account?.accountName??o.appLocale.getLocalizedStrings().common.strings.empty},checkBoxField:{name:Q(e,"isRecommendedReimbursementsAccountChecked"),defaultChecked:d(Q(e,"isRecommendedReimbursementsAccountChecked"))}}:void 0},Q(e,"reimbursementsAccount"))})})]})]})}const I={labelWidth:new o.ResponsiveSized(120,145,160),sectionWidth:new o.ResponsiveSized(343,580,726),iconContainerMaxWidthHeight:new o.ResponsiveSized(o.sp[6],o.sp[7]),iconContainerMarginRight:new o.ResponsiveSized(12,o.sp[3]),iconPadding:new o.ResponsiveSized(10,12),rowGap:new o.ResponsiveSized(o.sp[2],o.sp[3]),elementsMarginLeftRight:new o.ResponsiveSized(o.sp[3],o.sp[4])},Ie={title:new o.ResponsiveSizedStyle("standardMedium","largeMedium")},lo=l.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>I.rowGap.valuePx(e.windowSize)};
+`,ro=l.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>I.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${o.Space.sp0} 2px ${o.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.Space.sp2};
+  fill: ${e=>e.theme.colors.grey1};
+  justify-content: space-between;
+  box-sizing: border-box;
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+    fill: ${e=>e.theme.colors.primary};
+  }
+`,ao=l.div`
+  display: flex;
+  align-items: flex-start;
+  flex-direction: row;
+  margin-left: ${e=>I.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>I.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-top: ${o.Space.sp4};
+  margin-bottom: ${o.Space.sp0};
+`,uo=l.div`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${Ie.title.style(e.windowSize)}`};
+`,mo=l.div`
+  display: flex;
+  flex-direction: column;
+`,po=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: ${e=>I.iconPadding.valuePx(e.windowSize)};
+  background: ${e=>e.iconColor.toString()};
+  border-radius: ${o.Space.sp11};
+  width: fit-content;
+  height: fit-content;
+  color: ${e=>e.isDarkMode?o.Colors.neutralGrey5Light:e.theme.colors.brandColorOnyx};
+  max-width: ${e=>I.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${e=>I.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${e=>I.iconContainerMarginRight.valuePx(e.windowSize)};
+`,xo=l.div`
+  ${e=>`${Ie.title.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+`,ho=l(o.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,go=l(o.SvgReports)`
+  width: ${o.Space.sp4};
+  height: ${o.Space.sp4};
+`,bo=l.div`
+  display: flex;
+  flex-direction: column;
+`,yo=l.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>I.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>I.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-top: ${o.Space.sp3};
+  margin-bottom: ${o.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${o.Space.sp2};
+`,T=(e,t)=>`${e}.${t}`;function Ao({sectionId:e,containerRef:t,accountMappingView:s}){const r=o.useWindowSizeContext(),a=n.useTheme(),c=o.appLocale.getLocalizedStrings().uncategorizedAccountsMapping,E=I.labelWidth.value(r),P=s.incomeRecommendation!=null?[s.incomeRecommendation]:[],f=o.getGroupedAccountOptions(s.incomeAccountHierachy,P),O=s.expenseRecommendation!=null?[s.expenseRecommendation]:[],L=o.getGroupedAccountOptions(s.expenseAccountHierarchy,O),S=s.incomeRecommendation?.account?.reason??"",R=c.tooltip.replace("__based__",S).replace("__account__",c.uncategorizedSection.incomeAccount),d=s.expenseRecommendation?.account?.reason??"",$=c.tooltip.replace("__based__",d).replace("__account__",c.uncategorizedSection.expenseAccount),x=s.incomeAccountList.find(y=>y.accountId===s.accountMappingLocalData?.selectedIncomeAccountId),j=s.expenseAccountList.find(y=>y.accountId===s.accountMappingLocalData?.selectedExpenseAccountId),k={valueContainer:y=>({...y,padding:`2px ${o.Space.sp3}`,overflow:"unset"}),singleValue:()=>({margin:0})},{getValues:B}=n.useFormContext(),q=a.mode==="light"?new n.Color(a.colors.brandColorJadeLight):new n.Color(a.colors.brandColorJadeDark);return n.jsxRuntimeExports.jsxs(lo,{windowSize:r,children:[n.jsxRuntimeExports.jsx(uo,{windowSize:r,children:c.uncategorizedSection.heading}),n.jsxRuntimeExports.jsxs(ro,{windowSize:r,children:[n.jsxRuntimeExports.jsxs(ao,{windowSize:r,children:[n.jsxRuntimeExports.jsx(po,{windowSize:r,iconColor:q,isDarkMode:a.mode==="dark",children:n.jsxRuntimeExports.jsx(go,{})}),n.jsxRuntimeExports.jsxs(mo,{children:[n.jsxRuntimeExports.jsx(xo,{windowSize:r,children:c.uncategorizedSection.title}),n.jsxRuntimeExports.jsx(ho,{children:c.uncategorizedSection.subTitle})]})]}),n.jsxRuntimeExports.jsx(bo,{children:n.jsxRuntimeExports.jsxs(yo,{windowSize:r,children:[n.jsxRuntimeExports.jsx(o.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isLoading:!1,label:{label:c.uncategorizedSection.incomeLabel,width:E},groupedSingleSelectField:{shouldShowChevronIcon:s.incomeRecommendation!=null,name:T(e,"incomeAccount"),placeholder:c.placeholder.incomePlaceholder,noOptionsMessage:{line1:c.noOptions.noAccountsFound,line2:c.noOptions.establishQBO},valueToId:y=>o.getCOAIdForCategory(y,s.incomeAccountList),defaultValue:{selectedOption:x?.qboId,allOptions:f},style:{width:"100%"},customStyleConfig:k,registerOptions:{required:!1},menuPortal:t},disableCurrentOption:()=>!1,style:{borderBottom:`1px solid ${a.colors.grey3}`,borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"},fullWidthSelect:!0,recommendationCheckboxField:s.incomeRecommendation!=null?{tooltipProps:{text:R},label:{label:s.incomeRecommendation.account?.accountName??""},checkBoxField:{name:T(e,"isRecommendedIncomeAccountChecked"),defaultChecked:B(T(e,"isRecommendedIncomeAccountChecked"))}}:void 0},T(e,"incomeAccount")),n.jsxRuntimeExports.jsx(o.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isLoading:!1,label:{label:c.uncategorizedSection.expenseLabel,width:E},groupedSingleSelectField:{shouldShowChevronIcon:s.expenseRecommendation!=null,name:T(e,"expenseAccount"),placeholder:c.placeholder.expensePlaceholder,noOptionsMessage:{line1:c.noOptions.noAccountsFound,line2:c.noOptions.establishQBO},valueToId:y=>o.getCOAIdForCategory(y,s.expenseAccountList),defaultValue:{selectedOption:j?.qboId,allOptions:L},style:{borderBottom:`1px solid ${a.colors.grey3}`},customStyleConfig:k,registerOptions:{required:!1},menuPortal:t},disableCurrentOption:()=>!1,style:{borderBottom:`1px solid ${a.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},fullWidthSelect:!0,recommendationCheckboxField:s.expenseRecommendation!=null?{tooltipProps:{text:$},label:{label:s.expenseRecommendation.account?.accountName??""},checkBoxField:{name:T(e,"isRecommendedExpenseAccountChecked"),defaultChecked:B(T(e,"isRecommendedExpenseAccountChecked"))}}:void 0},T(e,"expenseAccount"))]})})]})]})}const _={titleWidth:new o.ResponsiveSized(343,580,826,1048),setupDetailsRowGap:new o.ResponsiveSized(12,o.sp[5],o.sp[5]),sectionsRowGap:new o.ResponsiveSized(12,o.sp[7],o.sp[7]),subTitlePaddingTop:new o.ResponsiveSized(12,o.sp[3]),subTitlePaddingBottom:new o.ResponsiveSized(o.sp[3],o.sp[3])},{common:u,uncategorizedAccountsMapping:F}=o.appLocale.getLocalizedStrings(),Re="uncategorizedAccountsMappingPage",W="uncategorizedAccountSection",p="filing1099Section",Z="billsAccountSection",K="reimbursementsAccountSection",Ee="vendorsAccountSection",So=l.div`
+  display: flex;
+  height: 100vh;
+  width: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ro=l.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  row-gap: ${e=>_.setupDetailsRowGap.valuePx(e.windowSize)};
+`,fo=l.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: ${o.Space.sp10};
+  row-gap: ${e=>_.sectionsRowGap.valuePx(e.windowSize)};
+  ::-webkit-scrollbar {
+    display: none;
+  }
+`,$o=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100%;
+  width: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+`,Co=l(o.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>_.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>_.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>_.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+`;function vo({currentTenant:e,accountMappingView:t,isFiling1099FeatureEnabled:s,isAccruedExpensesFeatureEnabled:r,meetingUrl:a,isSettings:c=!1,onAccountMappingChange:E,onSaveClick:P,onBackClick:f,onClickMenuIcon:O}){const L=n.useTheme(),S=o.useWindowSizeContext(),R=o.useGlobalInfoContext(),[d,$]=U.useState(!1),x=o.usePrevious(t.saveState.fetchState),j=U.useRef(null),{incomeRecommendation:k,expenseRecommendation:B,billPayRecommendation:q,reimbursementsRecommendation:y,prepaidExpensesRecommendation:X,fixedAssetsRecommendation:Y,accruedExpensesRecommendation:M}=t,V=k!=null?[k]:[],ee=B!=null?[B]:[],oe=q!=null?[q]:[],te=y!=null?[y]:[],ne=X,se=Y,ie=M,i=o.getGroupedAccountOptions(t.incomeAccountHierachy,V,"Accounts"),H=o.getGroupedAccountOptions(t.expenseAccountHierarchy,ee,"Accounts"),ce=o.getGroupedAccountOptions(t.billPayAccountHierarchy,oe,"Accounts"),le=o.getGroupedAccountOptions(t.reimbursementsAccountHierarchy,te,"Accounts"),de=o.getGroupedAccountOptions(t.prepaidExpensesAccountHierarchy,ne,"Accounts"),ae=o.getGroupedAccountOptions(t.fixedAssetsAccountHierarchy,se,"Accounts"),ue=o.getGroupedAccountOptions(t.accruedExpensesAccountHierarchy,ie,"Accounts"),me=o.getGroupedAccountOptions(t.bankAccounts1099FilingAccountHierarchy,[],"Accounts"),pe=o.getGroupedAccountOptions(t.expenseAccounts1099FilingAccountHierarchy,[],"Categories"),xe=o.getGroupedCodeAndNameOptions(t.expenseTypeList,F.filing1099Section.allExpenseTypes),he=o.getGroupedCodeAndNameOptions(t.expense1099TypeList,F.filing1099Section.all1099Types),Pe=o.getGroupedCodeAndNameOptions(t.boxTypesList.int,F.filing1099Section.allBoxes),Oe=o.getGroupedCodeAndNameOptions(t.boxTypesList.misc,F.filing1099Section.allBoxes),Le=o.getGroupedCodeAndNameOptions(t.boxTypesList.nec,F.filing1099Section.allBoxes),re={int:Pe,misc:Oe,nec:Le},g=n.useForm({mode:"all",defaultValues:$e(t,i,H,ce,le,de,ae,ue,me,pe,xe,he,re),resetOptions:{keepDirtyValues:!0},values:$e(t,i,H,ce,le,de,ae,ue,me,pe,xe,he,re)}),je=g.handleSubmit(h=>{const A=h[p].bankAccount.selectedOptions.length,m=h[p].expenseCategory1099.length,b=A===0&&m===1&&o.checkExpenseCategoryListIsCompletelyEmpty(h[p].expenseCategory1099[0]),z=h[p].expenseCategory1099,G=[];z.forEach((N,w)=>{if(!b){const be=N.accountId?.selectedOption,ye=N.expenseType?.selectedOption,Ae=N.type1099?.selectedOption,Se=N.boxType?.selectedOption;(be==null||be==="")&&(g.setError(`${p}.expenseCategory1099.${w}.accountId`,{type:"manual",message:"Account ID is required."}),G.push(`${w}.accountId`)),(ye==null||ye==="")&&(g.setError(`${p}.expenseCategory1099.${w}.expenseType`,{type:"manual",message:"Expense Type is required."}),G.push(`${w}.expenseType`)),(Ae==null||Ae==="")&&(g.setError(`${p}.expenseCategory1099.${w}.type1099`,{type:"manual",message:"Type 1099 is required."}),G.push(`${w}.type1099`)),(Se==null||Se==="")&&(g.setError(`${p}.expenseCategory1099.${w}.boxType`,{type:"manual",message:"Box Type is required."}),G.push(`${w}.boxType`))}}),G.length===0&&(A>0&&m>1&&o.checkExpenseCategoryListIsFilled(h[p].expenseCategory1099[0])||A>0&&m===1&&o.checkExpenseCategoryListIsFilled(h[p].expenseCategory1099[0])||b)&&P(h)}),ze=async(h,A)=>{if(h.includes("isRecommendedIncomeAccountChecked")){const m=A[W].isRecommendedIncomeAccountChecked===!0?t.incomeRecommendation?.account?.qboId??u.strings.empty:t.accountMappingLocalData?.previousIncomeAccount?.qboId;g.setValue(`${W}.incomeAccount`,{selectedOption:m,allOptions:i},{shouldValidate:!0})}if(h.includes("isRecommendedExpenseAccountChecked")){const m=A[W].isRecommendedExpenseAccountChecked===!0?t.expenseRecommendation?.account?.qboId??u.strings.empty:t.accountMappingLocalData?.previousExpenseAccount?.qboId;g.setValue(`${W}.expenseAccount`,{selectedOption:m,allOptions:H},{shouldValidate:!0})}if(h.includes("isRecommendedBillPayAccountChecked")){const m=A[Z].isRecommendedBillPayAccountChecked===!0?t.billPayRecommendation?.account?.qboId??u.strings.empty:t.accountMappingLocalData?.previousBillPayAccount?.qboId;g.setValue(`${Z}.billPayAccount`,{selectedOption:m,allOptions:ce},{shouldValidate:!0})}if(h.includes("isRecommendedReimbursementsAccountChecked")){const m=A[K].isRecommendedReimbursementsAccountChecked===!0?t.reimbursementsRecommendation?.account?.qboId??u.strings.empty:t.accountMappingLocalData?.previousReimbursementsAccount?.qboId;g.setValue(`${K}.reimbursementsAccount`,{selectedOption:m,allOptions:le},{shouldValidate:!0})}if(h.includes("filing1099Section.expenseCategory1099")){const m=h.split(".").find(b=>!isNaN(Number(b)));if(m!==void 0){const b=parseInt(m,10),z=A[p].expenseCategory1099[b];z.accountId?.selectedOption!=null&&g.clearErrors(`${p}.expenseCategory1099.${b}.accountId`),z.expenseType?.selectedOption!=null&&g.clearErrors(`${p}.expenseCategory1099.${b}.expenseType`),z.type1099?.selectedOption!=null&&g.clearErrors(`${p}.expenseCategory1099.${b}.type1099`),z.boxType?.selectedOption!=null&&g.clearErrors(`${p}.expenseCategory1099.${b}.boxType`)}}if(h.includes("type1099")){const m=h?.split(".")?.find(b=>!isNaN(Number(b)));if(m!=null){const b=parseInt(m,10),z=A[p].expenseCategory1099[b].type1099?.selectedOption;g.setValue(`${p}.expenseCategory1099.${b}.boxType`,{selectedOption:u.strings.empty,allOptions:o.getBoxTypeListBasedOnType1099(z??u.strings.empty,re)},{shouldValidate:!0})}}E(A)};U.useEffect(()=>{x==="In-Progress"&&t.saveState.fetchState==="Completed"&&f?.()},[x,t.saveState.fetchState,f]),U.useEffect(()=>{const h=g.watch((A,{name:m})=>{m!=null&&A!=null&&n.defer(()=>ze(m,A))});return()=>{h.unsubscribe()}});const ge=()=>t.fetchState==="Completed"&&(t.accountMappingLocalData?.selectedExpenseAccountId!==t.accountMappingLocalData?.previousExpenseAccount?.accountId||t.accountMappingLocalData?.selectedIncomeAccountId!==t.accountMappingLocalData?.previousIncomeAccount?.accountId||t.accountMappingLocalData?.selectedBillPayAccountId!==t.accountMappingLocalData?.previousBillPayAccount?.accountId||t.accountMappingLocalData?.selectedReimbursementsAccountId!==t.accountMappingLocalData?.previousReimbursementsAccount?.accountId||o.compareCurrentAndPreviousList(t.accountMappingLocalData?.selectedPrepaidExpensesAccountIds,t.accountMappingLocalData?.previousPrepaidExpensesAccount)||o.compareCurrentAndPreviousList(t.accountMappingLocalData?.selectedFixedAssetsAccountIds,t.accountMappingLocalData?.previousFixedAssetsAccount)||o.compareCurrentAndPreviousList(t.accountMappingLocalData?.selectedAccruedExpensesAccountIds,t.accountMappingLocalData?.previousAccruedExpensesAccount)||o.compareCurrentAndPreviousList(t.accountMappingLocalData?.selectedBankAccounts1099FilingAccountIds,t.accountMappingLocalData?.previousBankAccounts1099FilingAccount)||o.compareCurrentAndPreviousExpenseCategoryList(t.accountMappingLocalData?.selectedExpenseAccounts1099FilingAccountIds,t.accountMappingLocalData?.previousExpenseAccounts1099FilingAccount)),we=t.fetchState!=="Completed",Te={onOkClick:()=>{$(!1),f?.(),g.reset()},onCancelClick:()=>{$(!1)}};return n.jsxRuntimeExports.jsxs(So,{ref:j,children:[n.jsxRuntimeExports.jsx(o.NavBar,{title:c?u.settings.title.accounting:F.title,onBackClick:f,backgroundColor:L.colors.grey4,showBackButton:!c,showMenuIcon:c?S==="medium-compact"||S==="small":!1,onClickMenuIcon:O,source:"UncategorizedAccountsMappingPage"}),d===!0?n.jsxRuntimeExports.jsx(o.ConfirmationPopup,{titleComponent:n.jsxRuntimeExports.jsx(o.ConfirmationPopUpTitle,{children:u.confirmationPopup.discardTitle}),descriptionComponent:n.jsxRuntimeExports.jsx(o.ConfirmationPopUpDescription,{children:u.confirmationPopup.discardDescription}),primaryButtonText:u.confirmationPopup.discard,secondaryButtonText:u.confirmationPopup.cancel,action:Te,proceedButtonVariant:"danger"}):null,n.jsxRuntimeExports.jsxs(Ro,{windowSize:S,children:[n.jsxRuntimeExports.jsx(Co,{windowSize:S,children:F.subTitle}),we===!1?n.jsxRuntimeExports.jsx(n.FormProvider,{...g,children:n.jsxRuntimeExports.jsx("form",{id:fe(Re),onSubmit:je,children:n.jsxRuntimeExports.jsxs(fo,{windowSize:S,children:[D.hasFullOrAdminLevelAccess(R.loggedInUserRole??[])?n.jsxRuntimeExports.jsx(Ao,{sectionId:W,containerRef:j.current,accountMappingView:t}):null,D.hasBillPayAccessible(e,R.loggedInUserRoleMap)?n.jsxRuntimeExports.jsx(Ze,{sectionId:Z,containerRef:j.current,accountMappingView:t}):null,D.hasReimbursementAccessible(e,R.loggedInUserRoleMap)?n.jsxRuntimeExports.jsx(co,{sectionId:K,containerRef:j.current,accountMappingView:t}):null,D.hasFullOrAdminLevelAccess(R.loggedInUserRole??[])?n.jsxRuntimeExports.jsx(Be.VendorsAccountsSection,{sectionId:Ee,vendorAccountMappingSection:{accruedExpensesAccountHierarchy:t.accruedExpensesAccountHierarchy,accruedExpensesAccountList:t.accruedExpensesAccountList,accruedExpensesRecommendations:t.accruedExpensesRecommendation,fixedAssetsAccountHierarchy:t.fixedAssetsAccountHierarchy,fixedAssetsAccountList:t.fixedAssetsAccountList,fixedAssetsRecommendations:t.fixedAssetsRecommendation,prepaidExpensesAccountHierarchy:t.prepaidExpensesAccountHierarchy,prepaidExpensesAccountList:t.prepaidExpensesAccountList,prepaidExpensesRecommendations:t.prepaidExpensesRecommendation,selectedAccruedExpensesAccountIds:t.accountMappingLocalData?.selectedAccruedExpensesAccountIds??[],selectedFixedAssetsAccountIds:t.accountMappingLocalData?.selectedFixedAssetsAccountIds??[],selectedPrepaidExpensesAccountIds:t.accountMappingLocalData?.selectedPrepaidExpensesAccountIds??[]},isAccruedExpensesFeatureEnabled:r}):null,s&&D.isVendorsTabVisible(R.loggedInUserRoleMap)?n.jsxRuntimeExports.jsx(o.Filing1099Section,{sectionId:p,accountMappingView:t,containerRef:j.current,isSettingsPage:!0}):null]})})}):n.jsxRuntimeExports.jsx($o,{children:n.jsxRuntimeExports.jsx(o.ActivityIndicator,{size:"ExtraLarge",start:!0})})]}),ge()===!0?n.jsxRuntimeExports.jsx(o.Footer,{formId:fe(Re),primaryBtn:{label:u.footer.save,style:{width:"82px"},isLoading:t.saveState.fetchState==="In-Progress",isDisabled:t.saveState.fetchState==="In-Progress"},cancelBtn:{label:u.footer.cancel,style:{width:"82px"},shouldResetOnCancel:!0,onClick:()=>{$(!0)}}}):null,c?null:n.jsxRuntimeExports.jsx(ke.HelpButton,{isFooterRendered:ge(),meetingUrl:a})]})}const fe=e=>`${e}_form`,$e=(e,t,s,r,a,c,E,P,f,O,L,S,R)=>{const{accountMappingLocalData:d,incomeRecommendation:$,expenseRecommendation:x,billPayRecommendation:j,reimbursementsRecommendation:k}=e,B=d?.selectedIncomeAccountId===$?.account?.accountId,q=d?.selectedExpenseAccountId===x?.account?.accountId,y=d?.selectedBillPayAccountId===j?.account?.accountId,X=d?.selectedReimbursementsAccountId===k?.account?.accountId,Y=d?.selectedIncomeAccountId!=null?e.incomeAccountList.find(i=>i.accountId===d.selectedIncomeAccountId):void 0,M=d?.selectedExpenseAccountId!=null?e.expenseAccountList.find(i=>i.accountId===d.selectedExpenseAccountId):void 0,V=d?.selectedBillPayAccountId!=null?e.billPayAccountList.find(i=>i.accountId===d.selectedBillPayAccountId):void 0,ee=d?.selectedReimbursementsAccountId!=null?e.reimbursementsAccountList.find(i=>i.accountId===d.selectedReimbursementsAccountId):void 0,oe=d?.selectedPrepaidExpensesAccountIds!=null?e.prepaidExpensesAccountList.filter(i=>d.selectedPrepaidExpensesAccountIds.includes(i.accountId)):[],te=d?.selectedFixedAssetsAccountIds!=null?e.fixedAssetsAccountList.filter(i=>d.selectedFixedAssetsAccountIds.includes(i.accountId)):[],ne=d?.selectedAccruedExpensesAccountIds!=null?e.accruedExpensesAccountList.filter(i=>d.selectedAccruedExpensesAccountIds.includes(i.accountId)):[],se=d?.selectedBankAccounts1099FilingAccountIds!=null?e.bankAccounts1099FilingAccountList.filter(i=>d.selectedBankAccounts1099FilingAccountIds.includes(i.accountId)):[],ie=d?.selectedExpenseAccounts1099FilingAccountIds!=null?d.selectedExpenseAccounts1099FilingAccountIds.map(i=>({accountId:i.accountId??u.strings.empty,tax1099Config:{expenseType1099:i.expenseType??u.strings.empty,type1099:i.type1099??u.strings.empty,boxType:i.boxType??u.strings.empty}})):[];return{[p]:{bankAccount:{selectedOptions:se.map(i=>i.qboId).filter(i=>i!=null),allOptions:f},expenseCategory1099:ie.map(i=>({accountId:{selectedOption:e.expenseAccounts1099FilingAccountList.find(H=>H.accountId===i.accountId)?.qboId??u.strings.empty,allOptions:O},expenseType:{selectedOption:i?.tax1099Config?.expenseType1099??u.strings.empty,allOptions:L},type1099:{selectedOption:i?.tax1099Config?.type1099??u.strings.empty,allOptions:S},boxType:{selectedOption:i?.tax1099Config?.boxType??u.strings.empty,allOptions:o.getBoxTypeListBasedOnType1099(i?.tax1099Config?.type1099??u.strings.empty,R)}}))},[W]:{incomeAccount:{selectedOption:Y?.qboId,allOptions:t},isRecommendedIncomeAccountChecked:B,expenseAccount:{selectedOption:M?.qboId,allOptions:s},isRecommendedExpenseAccountChecked:q},[Z]:{billPayAccount:{selectedOption:V?.qboId,allOptions:r},isRecommendedBillPayAccountChecked:y},[K]:{reimbursementsAccount:{selectedOption:ee?.qboId,allOptions:a},isRecommendedReimbursementsAccountChecked:X},[Ee]:{prepaidExpensesAccount:{selectedOptions:oe.map(i=>i.qboId).filter(i=>i!=null),allOptions:c},fixedAssetsAccount:{selectedOptions:te.map(i=>i.qboId).filter(i=>i!=null),allOptions:E},accruedExpensesAccount:{selectedOptions:ne.map(i=>i.qboId).filter(i=>i!=null),allOptions:P}}}};exports.default=vo;