@zeniai/web-components 3.17.23 → 3.17.24

package/dist/TrendWithTransactions-DB5hmoGk.js

@@ -1,346 +0,0 @@
-import { j as t, A as q } from "./vendor-.pnpm-UYinI_7q.js";
-import { useState as G, useRef as K } from "react";
-import r from "@emotion/styled";
-import { e as S, S as i, o as V, a as b, b as Y, u as D, A as z, R as c, D as o, k as I, H as _ } from "./index-DOFSm78O.js";
-import O from "./TrendChart-DtubLSsW.js";
-import { N as J } from "./NoDataChart-tkUQHi-b.js";
-import { I as Q } from "./InsightsSection-Bt4Z2mKl.js";
-import { T as U } from "./TransactionList-BqQVYWs_.js";
-const X = r.div`
-  display: inline-block;
-`, Z = r.div`
-  background-color: ${(e) => e.theme.colors.grey3};
-  display: flex;
-  align-items: center;
-  padding: ${i.sp0} ${i.sp3};
-  border-radius: ${i.sp6};
-  height: ${i.sp6};
-  color: ${(e) => e.theme.colors.hero};
-  &:hover {
-    background-color: ${(e) => e.theme.colors.grey2};
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, W = r.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-`, ee = r(V)`
-  margin-right: ${i.sp2};
-`, te = r(Y)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: inherit;
-  &:hover {
-    color: inherit;
-  }
-`;
-function ie({
-  selectedTimeframeTick: e,
-  onTimeFilterClosed: n
-}) {
-  const l = () => {
-    n?.();
-  };
-  return /* @__PURE__ */ t.jsx(X, { children: /* @__PURE__ */ t.jsx(
-    Z,
-    {
-      onClick: l,
-      "data-testid": S("time-filter-indicator"),
-      children: /* @__PURE__ */ t.jsxs(W, { children: [
-        /* @__PURE__ */ t.jsx(ee, { children: ne(e) }),
-        /* @__PURE__ */ t.jsx(te, { preserveAspectRatio: "none" })
-      ] })
-    }
-  ) });
-}
-const ne = (e) => {
-  const n = e.startDate, l = b.getLocalizedStrings();
-  return `${n.format(l.dateFormat.visual.MMMYYFormat)}`;
-}, re = {
-  filterMarginLeft: new c(o[3], o[8])
-}, oe = r.div`
-  display: flex;
-  flex: 1 1 auto;
-  width: 100%;
-  flex-direction: column;
-`, ae = r.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  margin: ${i.sp0};
-`, se = r.div`
-  margin: ${(e) => `${i.sp4} ${i.sp0} ${i.sp3} 
-    ${re.filterMarginLeft.valuePx(e.windowSize)}`};
-`, de = r.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin-top: ${i.sp8};
-`;
-function le({
-  firstMonthOfFY: e,
-  selectedTimePeriod: n,
-  showSelectedPeriodTags: l,
-  fetchState: s,
-  transactions: d,
-  isDetailPage: g,
-  onTransactionItemClick: m,
-  onSelectedTimePeriodClear: u,
-  onLoadPreviousTransactionsClick: P,
-  onTransactionListHeightChanged: p
-}) {
-  const $ = s === "In-Progress" || s === "Not-Started", v = d.length === 0 && $, w = d.length > 0 && $, L = g !== !0 && l !== !0 ? {
-    isLoading: w && (s === "In-Progress" || s === "Not-Started"),
-    onLoadPreviousClick: (T, H) => {
-      P?.(T, H);
-    }
-  } : void 0, h = D();
-  return /* @__PURE__ */ t.jsx(
-    oe,
-    {
-      "data-testid": S("trend-transactions-list-container"),
-      children: v === !1 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        g === !1 && l === !0 && n != null && /* @__PURE__ */ t.jsx(se, { windowSize: h, children: /* @__PURE__ */ t.jsx(
-          ie,
-          {
-            selectedTimeframeTick: n,
-            onTimeFilterClosed: u
-          }
-        ) }),
-        n != null && /* @__PURE__ */ t.jsx(
-          ae,
-          {
-            "data-testid": S("trend-transactions-list"),
-            children: /* @__PURE__ */ t.jsx(
-              U,
-              {
-                firstMonthOfFY: e,
-                timeframe: "quarter",
-                timePeriod: n,
-                transactions: d,
-                isFirstLotLoading: $ && !w,
-                componentName: "trend.transactions.list",
-                trackPerformance: !1,
-                onTransactionItemClick: m,
-                showLoadPrevious: L,
-                onListInnerElementHeightChanged: p
-              }
-            )
-          }
-        )
-      ] }) : /* @__PURE__ */ t.jsx(de, { children: /* @__PURE__ */ t.jsx(z, { size: "Standard", start: !0 }) })
-    }
-  );
-}
-const a = {
-  headingMarginLeftRight: new c(o[3], o[8]),
-  headingMarginTop: new c(o[3], o[6]),
-  headingMarginTopDetail: new c(0, 0),
-  headingMarginBottom: new c(o[4], o[5]),
-  chartMarginLeftRight: new c(o[3], o[8]),
-  smallHeadingMarginTop: new c(o[7], o[5]),
-  smallHeadingMarginBottom: new c(o[4], o[3])
-}, y = {
-  trendChartHeight: 360,
-  emptyTrendChartHeight: new c(360, 432),
-  selectedTimeHeight: 136,
-  // 80 size of time filter + 56 bottom spacer
-  loaderTrendChartHeight: new c(470, 470)
-}, ce = r.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${(e) => e.isDetailPage === !0 || e.page === "vendorDetailPage" ? e.theme.colors.grey4 : e.theme.colors.grey5};
-`, ge = r.div`
-  display: flex;
-  justify-content: center;
-  padding: ${i.sp6} ${i.sp8};
-`, he = r.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  height: 360px;
-  margin: ${(e) => `${i.sp0} ${a.chartMarginLeftRight.valuePx(
-  e.windowSize
-)}`};
-  margin-bottom: ${(e) => e.bottomMarginNeeded === !0 ? i.sp8 : i.sp0};
-`, me = r(_)`
-  color: ${(e) => e.theme.colors.primary};
-  margin-top: ${(e) => a.headingMarginTop.valuePx(e.windowSize)};
-  margin-left: ${(e) => a.headingMarginLeftRight.valuePx(e.windowSize)};
-  margin-bottom: ${(e) => a.headingMarginBottom.valuePx(e.windowSize)};
-  margin-right: ${(e) => a.headingMarginLeftRight.valuePx(e.windowSize)};
-`, ue = r(I)`
-  color: ${(e) => e.theme.colors.primary};
-  margin-top: ${(e) => a.smallHeadingMarginTop.valuePx(e.windowSize)};
-  margin-left: ${(e) => a.headingMarginLeftRight.valuePx(e.windowSize)};
-  margin-bottom: ${(e) => a.smallHeadingMarginBottom.valuePx(e.windowSize)};
-  margin-right: ${(e) => a.headingMarginLeftRight.valuePx(e.windowSize)};
-`, xe = r(I)`
-  color: ${(e) => e.theme.colors.primary};
-  margin-top: ${(e) => a.headingMarginTopDetail.valuePx(e.windowSize)};
-  margin-left: ${(e) => a.headingMarginLeftRight.valuePx(e.windowSize)};
-  margin-bottom: ${(e) => a.headingMarginBottom.valuePx(e.windowSize)};
-  margin-right: ${(e) => a.headingMarginLeftRight.valuePx(e.windowSize)};
-`, fe = r.div`
-  display: flex;
-  margin: ${i.sp0} ${i.sp8};
-`, pe = r.div`
-  display: flex;
-  flex-direction: column;
-  flex: 1 1 auto;
-  height: ${(e) => e.height}px;
-`, $e = r.div`
-  position: relative;
-  box-shadow: ${(e) => e.page === "vendorDetailPage" ? "unset" : `${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-  background-color: ${(e) => e.page === "vendorDetailPage" ? e.theme.colors.grey4 : e.theme.colors.grey5};
-`, ve = r.div`
-  position: relative;
-`, we = r.div`
-  flex: 1 1 auto;
-  display: flex;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, je = r.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: ${(e) => e.isDetailPage === !0 ? "inherited" : "100vh"};
-  margin-top: ${i.sp8};
-`, Ce = r.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: ${(e) => y.loaderTrendChartHeight.valuePx(e.windowSize)};
-  margin-top: ${i.sp8};
-`;
-function Re({
-  firstMonthOfFY: e,
-  trendWithTransactionsReport: n,
-  graphColor: l,
-  isDetailPage: s,
-  initialTransactionListHeight: d = 5,
-  page: g,
-  onTransactionItemClick: m,
-  onTimePeriodChange: u
-}) {
-  const P = n.fetchState !== "Completed", p = n.selectedPeriod ?? {
-    timeframe: "quarter",
-    timePeriod: n.transactionTimePeriod
-  }, $ = "month", v = p?.timeframe === "month", w = n.trendReport?.dataAvailable == null, L = () => n.trendReport?.fetchState === "In-Progress" && n.fetchState === "Completed", h = n.trendReport?.trendReport, T = () => {
-    u?.("TransactionList");
-  }, H = (x, f) => {
-    const C = {
-      timeframe: f,
-      addTimePeriod: x,
-      currentTimePeriod: n.selectedPeriod?.timePeriod
-    };
-    u?.("TransactionListLoadMore", C);
-  }, j = D(), [N, B] = G(d), M = K(null), R = () => {
-    const x = h?.insights != null && h?.insights.length > 0;
-    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      w ? L() ? /* @__PURE__ */ t.jsx(Ce, { windowSize: j, children: /* @__PURE__ */ t.jsx(z, { size: "Standard", start: !0 }) }) : /* @__PURE__ */ t.jsx(fe, { children: /* @__PURE__ */ t.jsx(
-        J,
-        {
-          title: b.getLocalizedStrings().chartCard.no_data_available
-        }
-      ) }) : /* @__PURE__ */ t.jsx(
-        he,
-        {
-          windowSize: j,
-          "data-testid": S(
-            "trend-with-transactions-chart",
-            g
-          ),
-          bottomMarginNeeded: !x,
-          children: /* @__PURE__ */ t.jsx(q, { children: ({ height: f, width: C }) => /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
-            O,
-            {
-              firstMonthOfFY: e,
-              trendReport: h,
-              timeframe: $,
-              selectedTimePeriod: v === !0 ? p?.timePeriod : void 0,
-              graphColor: l,
-              onTimeframeSelectionChanged: (F, E) => {
-                u?.("Chart", {
-                  timeframe: F,
-                  addTimePeriod: E
-                });
-              },
-              width: C,
-              height: f
-            }
-          ) }) })
-        }
-      ),
-      h?.insights != null && h?.insights.length > 0 && /* @__PURE__ */ t.jsx(ge, { ref: M, children: /* @__PURE__ */ t.jsx(Q, { insights: h?.insights }) })
-    ] });
-  }, k = (x) => /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
-    le,
-    {
-      firstMonthOfFY: x.firstMonthOfFY,
-      selectedTimePeriod: p?.timePeriod,
-      showSelectedPeriodTags: v,
-      isDetailPage: s,
-      fetchState: n.transactionView?.fetchState ?? "Not-Started",
-      transactions: n.transactionView?.transactions ?? [],
-      onTransactionItemClick: m,
-      onLoadPreviousTransactionsClick: H,
-      onSelectedTimePeriodClear: T,
-      onTransactionListHeightChanged: (f) => {
-        B(f);
-      }
-    }
-  ) }), A = (x) => {
-    const f = M.current != null ? M.current.clientHeight : 56;
-    return (w === !0 ? y.emptyTrendChartHeight.value(j) : y.trendChartHeight) + (v === !0 ? y.selectedTimeHeight : 0) + f + x;
-  };
-  return /* @__PURE__ */ t.jsx(ce, { page: g, isDetailPage: s, children: P === !0 ? /* @__PURE__ */ t.jsx(je, { isDetailPage: s, children: /* @__PURE__ */ t.jsx(z, { size: "Standard", start: !0 }) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      ye,
-      {
-        windowSize: j,
-        report: n,
-        isDetailPage: s,
-        page: g
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      pe,
-      {
-        windowSize: j,
-        height: A(N),
-        children: s === !0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          /* @__PURE__ */ t.jsx(ve, { children: /* @__PURE__ */ t.jsx(R, {}) }),
-          /* @__PURE__ */ t.jsx(k, { firstMonthOfFY: e })
-        ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          /* @__PURE__ */ t.jsx($e, { page: g, children: /* @__PURE__ */ t.jsx(R, {}) }),
-          /* @__PURE__ */ t.jsx(we, { children: /* @__PURE__ */ t.jsx(k, { firstMonthOfFY: e }) })
-        ] })
-      }
-    )
-  ] }) });
-}
-const ye = ({
-  windowSize: e,
-  report: n,
-  isDetailPage: l,
-  page: s
-}) => {
-  const d = n.trendReport?.trendReport;
-  if (d == null)
-    return null;
-  const g = d?.balancesKind === "income" ? d.customer.name : d.vendor.name, m = b.getLocalizedStrings().reports.trend[d?.balancesKind];
-  if (l)
-    return /* @__PURE__ */ t.jsx(xe, { windowSize: e, children: m });
-  const u = g + " " + m;
-  return s === "vendorDetailPage" ? /* @__PURE__ */ t.jsx(ue, { windowSize: e, children: m }) : /* @__PURE__ */ t.jsx(me, { windowSize: e, children: u });
-};
-export {
-  Re as T
-};

package/dist/UncategorizedAccountsMappingPage-2nbyrnpd.cjs

@@ -1,244 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-DLVCFIC_.cjs"),U=require("react"),l=require("@emotion/styled"),D=require("@zeniai/client-epic-state"),o=require("./index-DU9PIUCs.cjs"),ke=require("./VendorsAccountsSection-BgQNd86u.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;