@zeniai/web-components 3.16.60 → 3.16.62

package/dist/TrendWithTransactions-ShBYkWKh.js

@@ -0,0 +1,346 @@
+import { j as t, A as q } from "./vendor-.pnpm-DtFedGku.js";
+import { useState as G, useRef as K } from "react";
+import r from "@emotion/styled";
+import { j as S, S as i, p as V, a as b, b as Y, u as D, A as z, R as c, D as o, L as I, H as _ } from "./index-DosfnUdx.js";
+import O from "./TrendChart-Q_yFFWLB.js";
+import { N as J } from "./NoDataChart-PyI10pVK.js";
+import { I as Q } from "./InsightsSection-CkEdFZ39.js";
+import { T as U } from "./TransactionList-qqLep1Gv.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: L,
+  onTransactionListHeightChanged: p
+}) {
+  const $ = s === "In-Progress" || s === "Not-Started", v = d.length === 0 && $, j = d.length > 0 && $, P = g !== !0 && l !== !0 ? {
+    isLoading: j && (s === "In-Progress" || s === "Not-Started"),
+    onLoadPreviousClick: (T, H) => {
+      L?.(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: $ && !j,
+                componentName: "trend.transactions.list",
+                trackPerformance: !1,
+                onTransactionItemClick: m,
+                showLoadPrevious: P,
+                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;
+`, je = r.div`
+  flex: 1 1 auto;
+  display: flex;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, we = 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 L = n.fetchState !== "Completed", p = n.selectedPeriod ?? {
+    timeframe: "quarter",
+    timePeriod: n.transactionTimePeriod
+  }, $ = "month", v = p?.timeframe === "month", j = n.trendReport?.dataAvailable == null, P = () => 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);
+  }, w = 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: [
+      j ? P() ? /* @__PURE__ */ t.jsx(Ce, { windowSize: w, 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: w,
+          "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: (k, E) => {
+                u?.("Chart", {
+                  timeframe: k,
+                  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 }) })
+    ] });
+  }, F = (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 (j === !0 ? y.emptyTrendChartHeight.value(w) : y.trendChartHeight) + (v === !0 ? y.selectedTimeHeight : 0) + f + x;
+  };
+  return /* @__PURE__ */ t.jsx(ce, { page: g, isDetailPage: s, children: L === !0 ? /* @__PURE__ */ t.jsx(we, { isDetailPage: s, children: /* @__PURE__ */ t.jsx(z, { size: "Standard", start: !0 }) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
+      ye,
+      {
+        windowSize: w,
+        report: n,
+        isDetailPage: s,
+        page: g
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      pe,
+      {
+        windowSize: w,
+        height: A(N),
+        children: s === !0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          /* @__PURE__ */ t.jsx(ve, { children: /* @__PURE__ */ t.jsx(R, {}) }),
+          /* @__PURE__ */ t.jsx(F, { firstMonthOfFY: e })
+        ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          /* @__PURE__ */ t.jsx($e, { page: g, children: /* @__PURE__ */ t.jsx(R, {}) }),
+          /* @__PURE__ */ t.jsx(je, { children: /* @__PURE__ */ t.jsx(F, { 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-BVIxWXYb.cjs

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