@zeniai/web-components 3.17.12 → 3.17.14

package/dist/VendorInternationalWireSwiftDetailsPage-CV6bc1ya.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./vendor-.pnpm-D0ILHvHB.cjs"),p=require("react"),w=require("./InternationalWireSwiftDetailsPage-DiehD75P.cjs"),g=({vendorViewDetails:r,bankAccountContext:n,isDisabled:s,onSaveHandler:d,onBankDetailsUpdated:o,onBackClick:t,onFetchBankNameBySwift:i,onAddressClick:u})=>{const{internationalBankAccountCreateStatus:a,internationalBankAccountToCreate:S,editVendorState:c,newVendorState:f,bankNameBySwift:l,fetchBankNameBySwiftStatus:m}=r,e={...c??f};return p.useEffect(()=>{(n==="vendor"&&a.fetchState==="Completed"||e?.saveStatus?.fetchState==="Completed")&&t()},[a,e?.saveStatus?.fetchState,t,n]),v.jsxRuntimeExports.jsx(w.InternationalWireSwiftDetailsPage,{bankAccountToCreate:S,bankAccountCreationState:a,bankNameBySwift:l,addressToEdit:e?.vendorNewAddressStatus?.addressToCreate,mailingAddress:e?.vendorAddress,addressType:"vendor_address",fetchBankNameBySwiftStatus:m,isDisabled:s,onSaveHandler:d,onBankDetailsUpdated:o,onBackClick:t,onAddressClick:u,onFetchBankNameBySwift:i})};exports.default=g;

package/dist/VendorInternationalWireSwiftDetailsPage-EzHtnVp8.js

@@ -0,0 +1,52 @@
+import { j as p } from "./vendor-.pnpm-B2klaOGU.js";
+import { useEffect as v } from "react";
+import { I as w } from "./InternationalWireSwiftDetailsPage-CfluHMk3.js";
+const B = ({
+  vendorViewDetails: s,
+  bankAccountContext: r,
+  isDisabled: n,
+  onSaveHandler: o,
+  onBankDetailsUpdated: d,
+  onBackClick: t,
+  onFetchBankNameBySwift: i,
+  onAddressClick: f
+}) => {
+  const {
+    internationalBankAccountCreateStatus: a,
+    internationalBankAccountToCreate: S,
+    editVendorState: m,
+    newVendorState: u,
+    bankNameBySwift: c,
+    fetchBankNameBySwiftStatus: l
+  } = s, e = {
+    ...m ?? u
+  };
+  return v(() => {
+    (r === "vendor" && a.fetchState === "Completed" || e?.saveStatus?.fetchState === "Completed") && t();
+  }, [
+    a,
+    e?.saveStatus?.fetchState,
+    t,
+    r
+  ]), /* @__PURE__ */ p.jsx(
+    w,
+    {
+      bankAccountToCreate: S,
+      bankAccountCreationState: a,
+      bankNameBySwift: c,
+      addressToEdit: e?.vendorNewAddressStatus?.addressToCreate,
+      mailingAddress: e?.vendorAddress,
+      addressType: "vendor_address",
+      fetchBankNameBySwiftStatus: l,
+      isDisabled: n,
+      onSaveHandler: o,
+      onBankDetailsUpdated: d,
+      onBackClick: t,
+      onAddressClick: f,
+      onFetchBankNameBySwift: i
+    }
+  );
+};
+export {
+  B as default
+};

package/dist/VendorsAccountsSection-DgFb5om_.js

@@ -0,0 +1,279 @@
+import { u as oe, b as P, j as o } from "./vendor-.pnpm-B2klaOGU.js";
+import c from "@emotion/styled";
+import { u as te, a as ie, R as d, iC as m, am as g, S as s, jn as f, aw as ne, C as se, gk as re, F as ce, D as a } from "./index-De4lhuEW.js";
+const r = {
+  labelWidth: new d(270, 340, 350),
+  sectionWidth: new d(343, 580, 726),
+  iconContainerMaxWidthHeight: new d(a[6], a[7]),
+  iconContainerMarginRight: new d(12, a[3]),
+  iconPadding: new d(10, 12),
+  rowGap: new d(a[2], a[3]),
+  elementsMarginLeftRight: new d(a[3], a[4]),
+  controlWidth: s.sp6
+}, k = {
+  title: new ne("standardMedium", "largeMedium")
+}, le = c.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${(e) => r.rowGap.valuePx(e.windowSize)};
+`, de = c.div`
+  display: flex;
+  flex-direction: column;
+  width: ${(e) => r.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${(e) => e.theme.colors.grey5};
+  border: 1px solid ${(e) => e.theme.colors.grey3};
+  box-shadow: ${(e) => `${s.sp0} 2px ${s.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${s.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};
+  }
+`, S = c.div`
+  display: flex;
+  align-items: flex-start;
+  flex-direction: row;
+  margin-left: ${(e) => r.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${(e) => r.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-top: ${s.sp4};
+  margin-bottom: ${s.sp0};
+`, ae = c.div`
+  color: ${(e) => e.theme.colors.primary};
+  ${(e) => `${k.title.style(e.windowSize)}`};
+`, w = c.div`
+  display: flex;
+  flex-direction: column;
+`, b = c.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: ${(e) => r.iconPadding.valuePx(e.windowSize)};
+  background: ${(e) => e.iconColor.toString()};
+  border-radius: ${s.sp11};
+  width: fit-content;
+  height: fit-content;
+  color: ${(e) => e.isDarkMode ? se.neutralGrey5Light : e.theme.colors.brandColorOnyx};
+  max-width: ${(e) => r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${(e) => r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${(e) => r.iconContainerMarginRight.valuePx(e.windowSize)};
+`, y = c.div`
+  ${(e) => `${k.title.style(e.windowSize)}`};
+  color: ${(e) => e.theme.colors.primary};
+`, A = c(ce)`
+  color: ${(e) => e.theme.colors.hero};
+`, $ = c(re)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+`, v = c.div`
+  display: flex;
+  flex-direction: column;
+`, j = c.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${(e) => r.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${(e) => r.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-top: ${s.sp3};
+  margin-bottom: ${s.sp3};
+  background-color: ${(e) => e.theme.colors.grey5};
+  border: 1px solid ${(e) => e.theme.colors.grey3};
+  border-radius: ${s.sp2};
+`, C = (e, u) => `${e}.${u}`;
+function he({
+  sectionId: e,
+  vendorAccountMappingSection: u,
+  isAccruedExpensesFeatureEnabled: I,
+  showTitle: L = !0
+}) {
+  const n = te(), l = oe(), {
+    accruedExpensesAccountHierarchy: O,
+    accruedExpensesAccountList: E,
+    accruedExpensesRecommendations: R,
+    fixedAssetsAccountHierarchy: F,
+    fixedAssetsAccountList: _,
+    fixedAssetsRecommendations: M,
+    prepaidExpensesAccountHierarchy: B,
+    prepaidExpensesAccountList: T,
+    prepaidExpensesRecommendations: z,
+    selectedAccruedExpensesAccountIds: V,
+    selectedFixedAssetsAccountIds: W,
+    selectedPrepaidExpensesAccountIds: H
+  } = u, i = ie.getLocalizedStrings().uncategorizedAccountsMapping, p = r.labelWidth.value(n), q = m(
+    B,
+    z,
+    "Accounts"
+  ), D = m(
+    F,
+    M,
+    "Accounts"
+  ), G = m(
+    O,
+    R,
+    "Accounts"
+  ), J = z[0]?.account?.reason ?? "", N = i.tooltip.replace("__based__", J).replace("__account__", i.vendorSection.prepaidExpenseAccount), K = M[0]?.account?.reason ?? "", Q = i.tooltip.replace("__based__", K).replace("__account__", i.vendorSection.fixedAssetsAccount), U = R[0]?.account?.reason ?? "", X = i.tooltip.replace("__based__", U).replace("__account__", i.vendorSection.accruedExpensesAccount), Y = T.filter(
+    (t) => H.includes(t.accountId) ?? !1
+  ), Z = _.filter(
+    (t) => W.includes(t.accountId) ?? !1
+  ), ee = E.filter(
+    (t) => V.includes(t.accountId) ?? !1
+  ), x = {
+    valueContainer: (t) => ({
+      ...t,
+      padding: `2px ${s.sp3}`,
+      overflow: "unset"
+    }),
+    multiValue: (t) => ({
+      ...t,
+      margin: 0
+    })
+  }, h = l.mode === "light" ? new P(l.colors.brandColorJadeLight) : new P(l.colors.brandColorJadeDark);
+  return /* @__PURE__ */ o.jsxs(le, { windowSize: n, children: [
+    L ? /* @__PURE__ */ o.jsx(ae, { windowSize: n, children: i.vendorSection.heading }) : null,
+    /* @__PURE__ */ o.jsxs(de, { windowSize: n, children: [
+      /* @__PURE__ */ o.jsxs(S, { windowSize: n, children: [
+        /* @__PURE__ */ o.jsx(
+          b,
+          {
+            windowSize: n,
+            iconColor: h,
+            isDarkMode: l.mode === "dark",
+            children: /* @__PURE__ */ o.jsx($, {})
+          }
+        ),
+        /* @__PURE__ */ o.jsxs(w, { children: [
+          /* @__PURE__ */ o.jsx(y, { windowSize: n, children: i.vendorSection.prepaidExpenseTitle }),
+          /* @__PURE__ */ o.jsx(A, { children: i.vendorSection.prepaidExpenseSubTitle })
+        ] })
+      ] }),
+      /* @__PURE__ */ o.jsx(v, { children: /* @__PURE__ */ o.jsx(j, { windowSize: n, children: /* @__PURE__ */ o.jsx(
+        g,
+        {
+          label: {
+            label: i.vendorSection.prepaidExpenselabel,
+            width: p
+          },
+          groupedMultiSelectField: {
+            name: C(e, "prepaidExpensesAccount"),
+            treeViewStructure: !0,
+            groupType: "Accounts",
+            registerOptions: {
+              required: !1
+            },
+            defaultValue: {
+              allOptions: q,
+              selectedOptions: Y.map((t) => t.qboId).filter((t) => t != null)
+            },
+            placeholder: i.placeholder.accountPlaceholders,
+            style: {
+              borderBottom: `1px solid ${l.colors.grey3}`,
+              borderBottomLeftRadius: "inherit",
+              borderBottomRightRadius: "inherit"
+            },
+            customStyleConfig: x,
+            tooltip: { text: N, sticky: !1 },
+            valueToId: (t) => f(t, T)
+          }
+        }
+      ) }) }),
+      /* @__PURE__ */ o.jsxs(S, { windowSize: n, children: [
+        /* @__PURE__ */ o.jsx(
+          b,
+          {
+            windowSize: n,
+            iconColor: h,
+            isDarkMode: l.mode === "dark",
+            children: /* @__PURE__ */ o.jsx($, {})
+          }
+        ),
+        /* @__PURE__ */ o.jsxs(w, { children: [
+          /* @__PURE__ */ o.jsx(y, { windowSize: n, children: i.vendorSection.FixedAssetsTitle }),
+          /* @__PURE__ */ o.jsx(A, { children: i.vendorSection.fixedAssetsSubTitle })
+        ] })
+      ] }),
+      /* @__PURE__ */ o.jsx(v, { children: /* @__PURE__ */ o.jsx(j, { windowSize: n, children: /* @__PURE__ */ o.jsx(
+        g,
+        {
+          label: {
+            label: i.vendorSection.fixedAssetslabel,
+            width: p
+          },
+          groupedMultiSelectField: {
+            name: C(e, "fixedAssetsAccount"),
+            treeViewStructure: !0,
+            groupType: "Accounts",
+            registerOptions: {
+              required: !1
+            },
+            defaultValue: {
+              allOptions: D,
+              selectedOptions: Z.map((t) => t.qboId).filter((t) => t != null)
+            },
+            placeholder: i.placeholder.accountPlaceholders,
+            style: {
+              borderBottom: `1px solid ${l.colors.grey3}`,
+              borderBottomLeftRadius: "inherit",
+              borderBottomRightRadius: "inherit"
+            },
+            customStyleConfig: x,
+            tooltip: { text: Q, sticky: !1 },
+            valueToId: (t) => f(t, _)
+          }
+        }
+      ) }) }),
+      I ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+        /* @__PURE__ */ o.jsxs(S, { windowSize: n, children: [
+          /* @__PURE__ */ o.jsx(
+            b,
+            {
+              windowSize: n,
+              iconColor: h,
+              isDarkMode: l.mode === "dark",
+              children: /* @__PURE__ */ o.jsx($, {})
+            }
+          ),
+          /* @__PURE__ */ o.jsxs(w, { children: [
+            /* @__PURE__ */ o.jsx(y, { windowSize: n, children: i.vendorSection.AccruedExpensesTitle }),
+            /* @__PURE__ */ o.jsx(A, { children: i.vendorSection.accruedExpensesSubTitle })
+          ] })
+        ] }),
+        /* @__PURE__ */ o.jsx(v, { children: /* @__PURE__ */ o.jsx(j, { windowSize: n, children: /* @__PURE__ */ o.jsx(
+          g,
+          {
+            label: {
+              label: i.vendorSection.accruedExpenseslabel,
+              width: p
+            },
+            groupedMultiSelectField: {
+              name: C(e, "accruedExpensesAccount"),
+              treeViewStructure: !0,
+              groupType: "Accounts",
+              registerOptions: {
+                required: !1
+              },
+              defaultValue: {
+                allOptions: G,
+                selectedOptions: ee.map((t) => t.qboId).filter((t) => t != null)
+              },
+              placeholder: i.placeholder.accountPlaceholders,
+              style: {
+                borderBottom: `1px solid ${l.colors.grey3}`,
+                borderBottomLeftRadius: "inherit",
+                borderBottomRightRadius: "inherit"
+              },
+              customStyleConfig: x,
+              tooltip: { text: X, sticky: !1 },
+              valueToId: (t) => f(
+                t,
+                E
+              )
+            }
+          }
+        ) }) })
+      ] }) : null
+    ] })
+  ] });
+}
+export {
+  he as V
+};

package/dist/VendorsAccountsSection-TTtGeuLk.cjs

@@ -0,0 +1,68 @@
+"use strict";const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),c=require("@emotion/styled"),t=require("./index-DHSetD4K.cjs"),r={labelWidth:new t.ResponsiveSized(270,340,350),sectionWidth:new t.ResponsiveSized(343,580,726),iconContainerMaxWidthHeight:new t.ResponsiveSized(t.sp[6],t.sp[7]),iconContainerMarginRight:new t.ResponsiveSized(12,t.sp[3]),iconPadding:new t.ResponsiveSized(10,12),rowGap:new t.ResponsiveSized(t.sp[2],t.sp[3]),elementsMarginLeftRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),controlWidth:t.Space.sp6},C={title:new t.ResponsiveSizedStyle("standardMedium","largeMedium")},Q=c.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>r.rowGap.valuePx(e.windowSize)};
+`,U=c.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>r.sectionWidth.valuePx(e.windowSize)};
+  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};
+  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};
+  }
+`,x=c.div`
+  display: flex;
+  align-items: flex-start;
+  flex-direction: row;
+  margin-left: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-top: ${t.Space.sp4};
+  margin-bottom: ${t.Space.sp0};
+`,X=c.div`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${C.title.style(e.windowSize)}`};
+`,m=c.div`
+  display: flex;
+  flex-direction: column;
+`,h=c.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: ${e=>r.iconPadding.valuePx(e.windowSize)};
+  background: ${e=>e.iconColor.toString()};
+  border-radius: ${t.Space.sp11};
+  width: fit-content;
+  height: fit-content;
+  color: ${e=>e.isDarkMode?t.Colors.neutralGrey5Light:e.theme.colors.brandColorOnyx};
+  max-width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${e=>r.iconContainerMarginRight.valuePx(e.windowSize)};
+`,g=c.div`
+  ${e=>`${C.title.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+`,S=c(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,f=c(t.SvgVendors)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,j=c.div`
+  display: flex;
+  flex-direction: column;
+`,R=c.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-top: ${t.Space.sp3};
+  margin-bottom: ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+`,E=(e,d)=>`${e}.${d}`;function Y({sectionId:e,vendorAccountMappingSection:d,isAccruedExpensesFeatureEnabled:_,showTitle:z=!0}){const n=t.useWindowSizeContext(),l=o.useTheme(),{accruedExpensesAccountHierarchy:M,accruedExpensesAccountList:w,accruedExpensesRecommendations:b,fixedAssetsAccountHierarchy:T,fixedAssetsAccountList:A,fixedAssetsRecommendations:v,prepaidExpensesAccountHierarchy:O,prepaidExpensesAccountList:y,prepaidExpensesRecommendations:$,selectedAccruedExpensesAccountIds:I,selectedFixedAssetsAccountIds:L,selectedPrepaidExpensesAccountIds:P}=d,i=t.appLocale.getLocalizedStrings().uncategorizedAccountsMapping,a=r.labelWidth.value(n),k=t.getGroupedAccountOptions(O,$,"Accounts"),F=t.getGroupedAccountOptions(T,v,"Accounts"),q=t.getGroupedAccountOptions(M,b,"Accounts"),B=$[0]?.account?.reason??"",V=i.tooltip.replace("__based__",B).replace("__account__",i.vendorSection.prepaidExpenseAccount),W=v[0]?.account?.reason??"",G=i.tooltip.replace("__based__",W).replace("__account__",i.vendorSection.fixedAssetsAccount),H=b[0]?.account?.reason??"",D=i.tooltip.replace("__based__",H).replace("__account__",i.vendorSection.accruedExpensesAccount),J=y.filter(s=>P.includes(s.accountId)??!1),N=A.filter(s=>L.includes(s.accountId)??!1),K=w.filter(s=>I.includes(s.accountId)??!1),p={valueContainer:s=>({...s,padding:`2px ${t.Space.sp3}`,overflow:"unset"}),multiValue:s=>({...s,margin:0})},u=l.mode==="light"?new o.Color(l.colors.brandColorJadeLight):new o.Color(l.colors.brandColorJadeDark);return o.jsxRuntimeExports.jsxs(Q,{windowSize:n,children:[z?o.jsxRuntimeExports.jsx(X,{windowSize:n,children:i.vendorSection.heading}):null,o.jsxRuntimeExports.jsxs(U,{windowSize:n,children:[o.jsxRuntimeExports.jsxs(x,{windowSize:n,children:[o.jsxRuntimeExports.jsx(h,{windowSize:n,iconColor:u,isDarkMode:l.mode==="dark",children:o.jsxRuntimeExports.jsx(f,{})}),o.jsxRuntimeExports.jsxs(m,{children:[o.jsxRuntimeExports.jsx(g,{windowSize:n,children:i.vendorSection.prepaidExpenseTitle}),o.jsxRuntimeExports.jsx(S,{children:i.vendorSection.prepaidExpenseSubTitle})]})]}),o.jsxRuntimeExports.jsx(j,{children:o.jsxRuntimeExports.jsx(R,{windowSize:n,children:o.jsxRuntimeExports.jsx(t.LabeledGroupedMultiSelectField,{label:{label:i.vendorSection.prepaidExpenselabel,width:a},groupedMultiSelectField:{name:E(e,"prepaidExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:k,selectedOptions:J.map(s=>s.qboId).filter(s=>s!=null)},placeholder:i.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${l.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:p,tooltip:{text:V,sticky:!1},valueToId:s=>t.getCOAIdForCategory(s,y)}})})}),o.jsxRuntimeExports.jsxs(x,{windowSize:n,children:[o.jsxRuntimeExports.jsx(h,{windowSize:n,iconColor:u,isDarkMode:l.mode==="dark",children:o.jsxRuntimeExports.jsx(f,{})}),o.jsxRuntimeExports.jsxs(m,{children:[o.jsxRuntimeExports.jsx(g,{windowSize:n,children:i.vendorSection.FixedAssetsTitle}),o.jsxRuntimeExports.jsx(S,{children:i.vendorSection.fixedAssetsSubTitle})]})]}),o.jsxRuntimeExports.jsx(j,{children:o.jsxRuntimeExports.jsx(R,{windowSize:n,children:o.jsxRuntimeExports.jsx(t.LabeledGroupedMultiSelectField,{label:{label:i.vendorSection.fixedAssetslabel,width:a},groupedMultiSelectField:{name:E(e,"fixedAssetsAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:F,selectedOptions:N.map(s=>s.qboId).filter(s=>s!=null)},placeholder:i.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${l.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:p,tooltip:{text:G,sticky:!1},valueToId:s=>t.getCOAIdForCategory(s,A)}})})}),_?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(x,{windowSize:n,children:[o.jsxRuntimeExports.jsx(h,{windowSize:n,iconColor:u,isDarkMode:l.mode==="dark",children:o.jsxRuntimeExports.jsx(f,{})}),o.jsxRuntimeExports.jsxs(m,{children:[o.jsxRuntimeExports.jsx(g,{windowSize:n,children:i.vendorSection.AccruedExpensesTitle}),o.jsxRuntimeExports.jsx(S,{children:i.vendorSection.accruedExpensesSubTitle})]})]}),o.jsxRuntimeExports.jsx(j,{children:o.jsxRuntimeExports.jsx(R,{windowSize:n,children:o.jsxRuntimeExports.jsx(t.LabeledGroupedMultiSelectField,{label:{label:i.vendorSection.accruedExpenseslabel,width:a},groupedMultiSelectField:{name:E(e,"accruedExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:q,selectedOptions:K.map(s=>s.qboId).filter(s=>s!=null)},placeholder:i.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${l.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:p,tooltip:{text:D,sticky:!1},valueToId:s=>t.getCOAIdForCategory(s,w)}})})})]}):null]})]})}exports.VendorsAccountsSection=Y;