@zeniai/web-components 3.17.1 → 3.17.2

package/dist/UncategorizedAccountsMappingPage-YLf3RYyi.cjs

@@ -0,0 +1,244 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),U=require("react"),l=require("@emotion/styled"),D=require("@zeniai/client-epic-state"),o=require("./index-gTpRqqAW.cjs"),ke=require("./VendorsAccountsSection-CJFSGa_3.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")},Be=l.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>C.rowGap.valuePx(e.windowSize)};
+`,Fe=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};
+  }
+`,qe=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};
+`,We=l.div`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${Ce.title.style(e.windowSize)}`};
+`,Ge=l.div`
+  display: flex;
+  flex-direction: column;
+`,He=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)};
+`,De=l.div`
+  ${e=>`${Ce.title.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+`,_e=l(o.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Ne=l(o.SvgBills)`
+  width: ${o.Space.sp4};
+  height: ${o.Space.sp4};
+`,Ue=l.div`
+  display: flex;
+  flex-direction: column;
+`,Je=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 Qe({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(Be,{windowSize:r,children:[n.jsxRuntimeExports.jsx(We,{windowSize:r,children:c.billsSection.heading}),n.jsxRuntimeExports.jsxs(Fe,{windowSize:r,children:[n.jsxRuntimeExports.jsxs(qe,{windowSize:r,children:[n.jsxRuntimeExports.jsx(He,{windowSize:r,iconColor:$,isDarkMode:a.mode==="dark",children:n.jsxRuntimeExports.jsx(Ne,{})}),n.jsxRuntimeExports.jsxs(Ge,{children:[n.jsxRuntimeExports.jsx(De,{windowSize:r,children:c.billsSection.title}),n.jsxRuntimeExports.jsx(_e,{children:c.billsSection.subTitle})]})]}),n.jsxRuntimeExports.jsx(Ue,{children:n.jsxRuntimeExports.jsx(Je,{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")},Ze=l.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>v.rowGap.valuePx(e.windowSize)};
+`,Ke=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};
+  }
+`,Xe=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};
+`,Ye=l.div`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${ve.title.style(e.windowSize)}`};
+`,Me=l.div`
+  display: flex;
+  flex-direction: column;
+`,Ve=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)};
+`,eo=l.div`
+  ${e=>`${ve.title.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+`,oo=l(o.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,to=l(o.SvgReports)`
+  width: ${o.Space.sp4};
+  height: ${o.Space.sp4};
+`,no=l.div`
+  display: flex;
+  flex-direction: column;
+`,so=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 io({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(Ze,{windowSize:r,children:[n.jsxRuntimeExports.jsx(Ye,{windowSize:r,children:c.reimbursementsSection.heading}),n.jsxRuntimeExports.jsxs(Ke,{windowSize:r,children:[n.jsxRuntimeExports.jsxs(Xe,{windowSize:r,children:[n.jsxRuntimeExports.jsx(Ve,{windowSize:r,iconColor:$,isDarkMode:a.mode==="dark",children:n.jsxRuntimeExports.jsx(to,{})}),n.jsxRuntimeExports.jsxs(Me,{children:[n.jsxRuntimeExports.jsx(eo,{windowSize:r,children:c.reimbursementsSection.title}),n.jsxRuntimeExports.jsx(oo,{children:c.reimbursementsSection.subTitle})]})]}),n.jsxRuntimeExports.jsx(no,{children:n.jsxRuntimeExports.jsx(so,{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")},co=l.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>I.rowGap.valuePx(e.windowSize)};
+`,lo=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};
+  }
+`,ro=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};
+`,ao=l.div`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${Ie.title.style(e.windowSize)}`};
+`,uo=l.div`
+  display: flex;
+  flex-direction: column;
+`,mo=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)};
+`,po=l.div`
+  ${e=>`${Ie.title.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+`,xo=l(o.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,ho=l(o.SvgReports)`
+  width: ${o.Space.sp4};
+  height: ${o.Space.sp4};
+`,go=l.div`
+  display: flex;
+  flex-direction: column;
+`,bo=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 yo({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(co,{windowSize:r,children:[n.jsxRuntimeExports.jsx(ao,{windowSize:r,children:c.uncategorizedSection.heading}),n.jsxRuntimeExports.jsxs(lo,{windowSize:r,children:[n.jsxRuntimeExports.jsxs(ro,{windowSize:r,children:[n.jsxRuntimeExports.jsx(mo,{windowSize:r,iconColor:q,isDarkMode:a.mode==="dark",children:n.jsxRuntimeExports.jsx(ho,{})}),n.jsxRuntimeExports.jsxs(uo,{children:[n.jsxRuntimeExports.jsx(po,{windowSize:r,children:c.uncategorizedSection.title}),n.jsxRuntimeExports.jsx(xo,{children:c.uncategorizedSection.subTitle})]})]}),n.jsxRuntimeExports.jsx(go,{children:n.jsxRuntimeExports.jsxs(bo,{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",Ao=l.div`
+  display: flex;
+  height: 100vh;
+  width: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,So=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)};
+`,Ro=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;
+  }
+`,fo=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100%;
+  width: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+`,$o=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 Co({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"),G=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,G,ce,le,de,ae,ue,me,pe,xe,he,re),resetOptions:{keepDirtyValues:!0},values:$e(t,i,G,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,H=[];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."}),H.push(`${w}.accountId`)),(ye==null||ye==="")&&(g.setError(`${p}.expenseCategory1099.${w}.expenseType`,{type:"manual",message:"Expense Type is required."}),H.push(`${w}.expenseType`)),(Ae==null||Ae==="")&&(g.setError(`${p}.expenseCategory1099.${w}.type1099`,{type:"manual",message:"Type 1099 is required."}),H.push(`${w}.type1099`)),(Se==null||Se==="")&&(g.setError(`${p}.expenseCategory1099.${w}.boxType`,{type:"manual",message:"Box Type is required."}),H.push(`${w}.boxType`))}}),H.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:G},{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(Ao,{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(So,{windowSize:S,children:[n.jsxRuntimeExports.jsx($o,{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(Ro,{windowSize:S,children:[D.hasFullOrAdminLevelAccess(R.loggedInUserRole??[])?n.jsxRuntimeExports.jsx(yo,{sectionId:W,containerRef:j.current,accountMappingView:t}):null,D.hasBillPayAccessible(e,R.loggedInUserRoleMap)?n.jsxRuntimeExports.jsx(Qe,{sectionId:Z,containerRef:j.current,accountMappingView:t}):null,D.hasReimbursementAccessible(e,R.loggedInUserRoleMap)?n.jsxRuntimeExports.jsx(io,{sectionId:K,containerRef:j.current,accountMappingView:t}):null,D.hasFullOrAdminLevelAccess(R.loggedInUserRole??[])?n.jsxRuntimeExports.jsx(ke.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(fo,{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(o.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(G=>G.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=Co;

package/dist/UnitIntegrationPage-C87B4pHa.cjs

@@ -0,0 +1,67 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./vendor-.pnpm-D0ILHvHB.cjs"),c=require("react"),t=require("./index-gTpRqqAW.cjs"),p=require("@emotion/styled"),E=require("@zeniai/client-epic-state"),j={labelWidth:new t.ResponsiveSized(152,176,176),smallLabelWidth:new t.ResponsiveSized(92,110,110),paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),sideMargin:new t.ResponsiveSized(t.sp[3],t.sp[8],t.sp[8]),width:new t.ResponsiveSized(300,420,420)},T=p.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  margin: ${e=>e.windowSize==="small"?`0 ${t.Space.sp3} ${t.Space.sp6} ${t.Space.sp3}`:`0 ${t.Space.sp8} ${t.Space.sp6} ${t.Space.sp8}`};
+`,O=p.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`;function F({selectedIndustry:e,allIndustries:u,saveDetailsFetchState:o,incDate:s,onSubmitBusinessInfo:l,onCancel:n}){const{companyPassport:r,dateFormat:m,commonSetUp:{twoFactorAuthentication:d}}=t.appLocale.getLocalizedStrings(),w=d.businessInfoTitle,V=d.businessInfoDescription,f=t.useWindowSizeContext(),y="business-info-form",h="companyIndustry",b="incDate",S=i.useForm({mode:"all",values:{[h]:{selectedOption:e,allOptions:u.map(a=>a.code)},[b]:s?.toDate()}}),P=S.handleSubmit(a=>{l?.(a[h].selectedOption??"",a[b])}),x=a=>u.find(g=>g.code===a)?.name??a;return i.jsxRuntimeExports.jsx(i.FormProvider,{...S,children:i.jsxRuntimeExports.jsx("form",{id:y,onSubmit:P,children:i.jsxRuntimeExports.jsx(t.ConfirmationPopup,{formId:y,titleComponent:i.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:w}),descriptionComponent:i.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:V}),primaryButtonText:d.submit,secondaryButtonText:d.cancel,isLoading:o==="In-Progress",isEditPopup:!0,action:{onOkClick:()=>console.log(""),onCancelClick:n},children:i.jsxRuntimeExports.jsxs(T,{windowSize:f,children:[i.jsxRuntimeExports.jsx(t.LabeledDatePickerField,{label:{label:r.companyIncInfo.incDate,width:j.labelWidth.value(f)},style:{paddingBottom:j.paddingBottom.valuePx(f),width:j.width.valuePx(f)},dateField:{name:b,placeholder:t.getPlaceholderTextWithPrefix(r.companyIncInfo.incDate),defaultValue:s,dateFormat:m.visual.defaultInput,maxDate:E.dateNow(),minDate:E.zeniDate("01 Jan 1900"),autoComplete:"off",registerOptions:{required:!0}},additionalInfoLabel:d.requireIncDate}),i.jsxRuntimeExports.jsx(O,{}),i.jsxRuntimeExports.jsx(t.LabeledSingleSelectField,{label:{label:r.companyInfo.industry,width:j.smallLabelWidth.value(f)},style:{width:j.width.valuePx(f)},singleSelectField:{singleSelect:{getLabelForId:x,showTickMark:!1,alwaysShowEyeTooltip:!1,name:h,placeholder:t.getPlaceholderTextWithPrefix(r.companyInfo.industry),showValueEyeIcon:!1,showEyeIconOnSelect:!1},defaultValue:{selectedOption:e,allOptions:u?.map(a=>a.code)??[]},registerOptions:{required:!0,validate:a=>!!(a!=null&&a.selectedOption)}},errorInfoLabel:d.requireIndustry,isFunctional:!0})]})})})})}const D=p(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  padding: 9px;
+  margin: ${e=>e.windowSize==="small"?`${t.Space.sp0} ${t.Space.sp3} ${t.Space.sp7} ${t.Space.sp3}`:`${t.Space.sp0} ${t.Space.sp8} ${t.Space.sp7} ${t.Space.sp8}`};
+`,z=({isBillPayAdminLevelAccess:e,acceptUpdatedTOSFetchState:u,onBackClick:o,onAcceptUpdatedTOS:s})=>{const l=t.useWindowSizeContext(),n=t.appLocale.getLocalizedStrings().commonSetUp,r=e===!0?n.twoFactorAuthentication.termsUpdated:n.twoFactorAuthentication.accessRestricted,m=e===!0?"":n.twoFactorAuthentication.description;return i.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:i.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:r}),descriptionComponent:i.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:m}),primaryButtonText:e===!0?n.twoFactorAuthentication.iAgree:n.twoFactorAuthentication.understood,isLoading:u?.fetchState==="In-Progress",isEditPopup:!0,action:{onOkClick:()=>{e===!0?s?.():o?.()}},primaryButtonWidth:e===!1?116:void 0,secondaryButtonWidth:e===!1?116:void 0,children:e===!0?i.jsxRuntimeExports.jsxs(D,{windowSize:l,children:[n.businessVerification.terms.term6,i.jsxRuntimeExports.jsx(t.ZeniLink,{href:n.businessVerification.terms.consentUrl,linkText:n.businessVerification.terms.consent}),n.businessVerification.terms.term2,i.jsxRuntimeExports.jsx(t.ZeniLink,{href:n.businessVerification.terms.depositUrl,linkText:n.businessVerification.terms.depositTerms}),n.businessVerification.terms.term3,i.jsxRuntimeExports.jsx(t.ZeniLink,{href:n.businessVerification.terms.privacyPolicyUrl,linkText:n.businessVerification.terms.privacy}),n.businessVerification.terms.term4,i.jsxRuntimeExports.jsx(t.ZeniLink,{href:n.businessVerification.terms.tosUrl,linkText:n.businessVerification.terms.tos}),n.businessVerification.terms.term5]}):null})},R={largeWidth:new t.ResponsiveSized(343,544,544),height:new t.ResponsiveSized(366,366,366)},L=p.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${t.Colors.overlayDark};
+`,U=p.div`
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: center;
+  text-align: center;
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${t.Space.sp2};
+  position: relative;
+  top: 30%;
+  width: ${e=>R.largeWidth.valuePx(e.windowSize)};
+  height: ${e=>R.height.valuePx(e.windowSize)};
+`,B=p(t.H6Regular)`
+  margin-top: ${t.Space.sp7};
+  padding-left: ${t.Space.sp8};
+  padding-right: ${t.Space.sp8};
+  color: ${e=>e.isError?e.theme.colors.important:e.theme.colors.primary};
+  word-break: break-word;
+`,N=p(t.StandardRegularSp)`
+  color: ${e=>e.theme.colors.hero};
+  padding-left: ${t.Space.sp8};
+  padding-right: ${t.Space.sp8};
+  margin-bottom: 30px;
+  margin-top: ${t.Space.sp9};
+  white-space: pre-line;
+`,q=p.div`
+  width: 100%;
+  height: 1px;
+  position: absolute;
+  bottom: ${t.Space.sp10};
+  background-color: ${e=>e.theme.colors.grey3};
+`,k=p.div`
+  display: flex;
+  padding-bottom: ${t.Space.sp3};
+  padding-top: ${t.Space.sp3};
+  position: absolute;
+  bottom: 0;
+`;function W(e){const u=t.useWindowSizeContext(),o=t.appLocale.getLocalizedStrings().commonSetUp.twoFactorAuthentication,s=e.businessVerificationSubmitState!=="In-Progress"&&(e.businessVerificationSubmitState==="Error"||e.businessVerificationStatus==="require_info"||e.businessVerificationStatus==null),l=s===!0?o.verificationFailed:o.verificationInProgress,n=s===!0?o.verificationError:e.businessVerificationSubmitState==="In-Progress"?"":o.submissionSuccessful,r=s?o.goToSettings:o.understood,m=()=>{s?e.action.onNavigateToSettings():e.action.onBackClick()};return i.jsxRuntimeExports.jsx(L,{windowSize:u,role:"presentation",style:{background:t.Colors.overlayDark,...e.style},children:i.jsxRuntimeExports.jsx(i.ClickAwayListener,{onClickAway:()=>e.action.onCancelClick?.(),children:i.jsxRuntimeExports.jsxs(U,{windowSize:u,isEditPopup:!1,children:[i.jsxRuntimeExports.jsx(B,{isError:s,children:l}),n!==""?i.jsxRuntimeExports.jsx(N,{children:n}):null,e.businessVerificationSubmitState==="In-Progress"?i.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Standard",start:!0,style:{marginTop:84}}):null,e.businessVerificationSubmitState!=="In-Progress"?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(q,{}),i.jsxRuntimeExports.jsx(k,{children:i.jsxRuntimeExports.jsx(t.Button,{variant:e.proceedButtonVariant??"primary",label:r,onClick:m,style:{width:134,whiteSpace:"nowrap"},loading:e.isLoading})})]}):i.jsxRuntimeExports.jsx(k,{})]})})})}const _=e=>{const{isUnitMigrationTOSRequired:u,isUnitMigrationRequired:o,officer:s,setupDetailsFetchState:l,onVerifyOtpSuccess:n}=e,r=t.usePrevious(e.setupDetailsFetchState),m=t.usePrevious(e.acceptUpdatedTOSFetchState.fetchState),d=t.usePrevious(s?.otpverificationStatus?.fetchState),w=t.usePrevious(e.businessVerificationSubmitState),V=t.usePrevious(e.businessVerificationStatus),f=t.usePrevious(e.officer?.sendOtpStatus.fetchState),[y,h]=c.useState(u===!0),[b,S]=c.useState(e.isListPage&&l==="Completed"&&(e.businessVerificationStatus==null||e.businessVerificationStatus==="pending_review"||e.businessVerificationStatus==="require_info")),[P,x]=c.useState(s?.isPhoneVerified===!1),[a,g]=c.useState(!1),[I,v]=c.useState(e.isNewCompanyIndustryVerified!==!0||e.incDate==null);return c.useEffect(()=>{m==="In-Progress"&&e.acceptUpdatedTOSFetchState?.fetchState==="Completed"&&(s?.isPhoneVerified===!1?x(!0):(e.isNewCompanyIndustryVerified!==!0||e.incDate==null)&&v(!0),h(!1))},[m,e.acceptUpdatedTOSFetchState,s,e.isNewCompanyIndustryVerified,e.incDate]),c.useEffect(()=>{d==="In-Progress"&&s?.otpverificationStatus?.fetchState==="Completed"&&(n?.(s?.officerType,s?.phone+""),e.isNewCompanyIndustryVerified!==!0||e.incDate==null?v(!0):S(!0),g(!1))},[d,n,s,e.isNewCompanyIndustryVerified,e.incDate]),c.useEffect(()=>{!e.isListPage&&w==="In-Progress"&&(e.businessVerificationSubmitState==="Completed"||e.businessVerificationSubmitState==="Error")&&S(!1)},[w,e.businessVerificationSubmitState,e.isListPage]),c.useEffect(()=>{V==="pending_review"&&e.businessVerificationStatus==="verified"&&S(!1)},[V,e.businessVerificationStatus]),c.useEffect(()=>{r==="In-Progress"&&l==="Completed"&&(s?.isPhoneVerified===!1&&x(!0),e.isListPage&&(e.businessVerificationStatus==null||e.businessVerificationStatus==="pending_review"||e.businessVerificationStatus==="require_info")&&S(!0))},[r,l,s,e.businessVerificationStatus,e.isListPage]),c.useEffect(()=>{f==="In-Progress"&&e.officer?.sendOtpStatus.fetchState==="Completed"&&(g(!0),x(!1))},[f,e.officer?.sendOtpStatus]),i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:y===!0?i.jsxRuntimeExports.jsx(z,{...e}):o===!0&&a===!0?i.jsxRuntimeExports.jsx(t.OtpPopup,{showHelperText:!0,verifyOtpFetchState:e.officer?.otpverificationStatus.fetchState??"Not-Started",phoneNumber:e.officer?.phone??"",otpChallenge:e.officer?.otpChallenge,action:{onVerifyClick:e.onVerifyOtp,onCancelClick:()=>e.onBackClick(),onResendOtp:e.onResendOtp,onEditButtonClick:()=>{x(!0),g(!1)}}}):o===!0&&P===!0?i.jsxRuntimeExports.jsx(t.PhoneNumberPopup,{showHelperText:!0,phoneNumber:e.officer?.phone??"",sendOtpFetchState:e.officer?.sendOtpStatus.fetchState??"Not-Started",action:{onCancelClick:e.onBackClick,onGetCodeClick:C=>e.onGetOtp?.(C,e.officer?.officerType)}}):o===!0&&I===!0?i.jsxRuntimeExports.jsx(F,{incDate:e.incDate,allIndustries:e.allIndustries??[],selectedIndustry:e.companyIndustry,saveDetailsFetchState:e.companyDetailsSaveState,onCancel:e.onBackClick,onSubmitBusinessInfo:(C,$)=>{e.officer!=null&&S(!0),e.onSubmitBusinessInfo?.(C,$,s?.officerType),v(!1)}}):b===!0?i.jsxRuntimeExports.jsx(W,{businessVerificationStatus:e.businessVerificationStatus,businessVerificationSubmitState:e.businessVerificationSubmitState,action:{onNavigateToSettings:e.onNavigateToSettings,onBackClick:e.onBackClick}}):null})};exports.default=_;