@zeniai/web-components 3.16.91 → 3.16.92

package/dist/VendorDetailPage-CYvOart-.js

@@ -1,1236 +0,0 @@
-import { j as t, u as Me, d as ft, k as ve, ax as vt, g as St, b as bt, h as Ct, F as wt } from "./vendor-.pnpm-B2klaOGU.js";
-import { useRef as $t, useState as te, useMemo as Tt, useEffect as ie, useCallback as Lt } from "react";
-import a from "@emotion/styled";
-import { getFormattedAddress as Se, toVendorSpendTrendFilterTabsTypeStrict as jt, toVendorDetailTabsType as Dt } from "@zeniai/client-epic-state";
-import { S as s, F as Ve, u as se, a as W, R as d, C as R, gh as Pt, D as o, aI as $, gg as _t, fq as Nt, dM as de, _ as Ee, iN as It, aw as be, J as Ue, aS as Ft, fm as Ot, fj as kt, iO as Rt, ik as Wt, fp as At, iP as Ht, iQ as zt, k as qe, o as Bt, iB as Ce, iR as Ge, iS as Ze, iT as Mt, iU as Ye, be as Vt, O as Et, iV as Ut, iW as qt, iX as we, iY as Gt, aE as Zt, iZ as Yt, i_ as ue, aG as Qt, ao as Xt, i$ as Jt } from "./index-DTgmeXZb.js";
-import { css as Kt } from "@emotion/react";
-import { S as en } from "./SubTabSwitcher-iO_tZX8u.js";
-import { T as tn } from "./TransactionList-ClVih6HL.js";
-import { T as nn } from "./TrendWithTransactions-B52d1UcF.js";
-import { a as on, S as sn } from "./arrow-south-east-round-PEovUgvH.js";
-import { L as an } from "./LabeledAddressValueField-BQG_UMiT.js";
-import { L as rn } from "./LabeledDropDownFormattedTextField-BzpG4Isd.js";
-const ln = a.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-`, dn = a.div`
-  display: flex;
-  position: relative;
-  padding: 12px 12px 14px 12px;
-`, cn = a.div``, mn = a(Ve)`
-  color: ${(e) => e.isDisabled ? e.theme.colors.grey2 : e.isSelected ? e.theme.colors.primary : e.theme.colors.hero};
-  cursor: ${(e) => e.isSelected && !e.isDisabled ? "default" : "pointer"};
-  margin: ${(e) => e.leftMargin ? `${s.sp0} ${s.sp0} ${s.sp0} ${s.sp8}` : s.sp0};
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  &:hover {
-    color: ${(e) => e.isDisabled ? e.theme.colors.grey2 : e.theme.colors.primary};
-  }
-`, pn = a.div`
-  height: 2px;
-  background-color: ${(e) => e.theme.colors.primary};
-  border-radius: 1px;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  transition: left 0.25s;
-
-  ${(e) => e.optionCss ? Kt`
-          ${e.optionCss}
-        ` : null}
-`, hn = (e) => {
-  let n = "";
-  return e.forEach((m) => {
-    n = `${n}
-      &.${m.id} {
-        width: ${m.style.width}px;
-        left: ${m.style.left}%;
-      }`;
-  }), n;
-};
-function gn({ option: e, isSelected: n, onClick: m }) {
-  const l = (r) => r.label;
-  return /* @__PURE__ */ t.jsx(
-    mn,
-    {
-      onClick: () => {
-        n === !1 && !(e.disabled ?? !1) && m(e);
-      },
-      isSelected: n,
-      leftMargin: e.leftMargin,
-      isDisabled: e.disabled ?? !1,
-      children: /* @__PURE__ */ t.jsx(cn, { children: l(e) })
-    }
-  );
-}
-function un({
-  allTabs: e,
-  selectedTab: n,
-  containerStyle: m,
-  onOptionSelectionChanged: l
-}) {
-  const r = (p) => {
-    l(p);
-  };
-  return /* @__PURE__ */ t.jsx(ln, { style: m, children: /* @__PURE__ */ t.jsxs(dn, { children: [
-    e.map((p) => /* @__PURE__ */ t.jsx(
-      gn,
-      {
-        option: p,
-        isSelected: p === n,
-        onClick: r
-      },
-      p.id
-    )),
-    /* @__PURE__ */ t.jsx(
-      pn,
-      {
-        className: `Slider ${n.id}`,
-        optionCss: hn(e)
-      }
-    )
-  ] }) });
-}
-const N = {
-  logoWidth: new d(o[6], o[6]),
-  logoHeight: new d(o[6], o[6]),
-  pageHeaderHorizontalPadding: new d(o[3], o[3], o[8]),
-  pageHeaderVerticalPadding: new d(o[2], o[2], o[4]),
-  spendTrendsColumnGap: new d(o[1], o[1], o[4], o[11]),
-  spendTrendsMarginBottom: new d(o[2], o[2], o[4]),
-  spendTrendHeadingSkeletonWidth: new d(90, 90, 120, 150)
-}, Qe = {
-  spendValue: new be("standardMedium", "largeSemiBold"),
-  spendDuration: new be(
-    "extraSmallRegular",
-    "standardRegular"
-  )
-}, xn = a.div`
-  padding: ${(e) => `${N.pageHeaderVerticalPadding.valuePx(
-  e.size
-)} ${N.pageHeaderHorizontalPadding.valuePx(e.size)}`};
-  display: flex;
-  justify-content: space-between;
-  box-shadow: ${s.sp0} 2px ${s.sp1} ${R.boxShadowElevation};
-  flex-direction: ${(e) => e.isMobile === !0 ? "column" : "row"};
-  align-items: ${(e) => e.isMobile ? "flex-start" : "center"};
-  row-gap: ${s.sp3};
-  margin-bottom: ${(e) => N.spendTrendsMarginBottom.valuePx(e.size)};
-  background-color: ${(e) => e.theme.colors.grey5};
-`, $e = a.div`
-  display: flex;
-  column-gap: ${(e) => e.isMobile === !0 ? "unset" : N.spendTrendsColumnGap.valuePx(e.size)};
-  justify-content: space-between;
-  width: ${(e) => e.isMobile === !0 ? "100%" : "unset"};
-  align-items: center;
-`, Te = a.div`
-  display: flex;
-  column-gap: ${s.sp3};
-  align-items: center;
-  max-width: ${(e) => e.isMobile === !1 ? "50%" : "unset"};
-`, ce = a(Ue)`
-  ${(e) => `${Qe.spendDuration.style(e.windowSize)}`};
-  color: ${(e) => e.theme.colors.hero};
-`, me = a(Ue)`
-  ${(e) => `${Qe.spendValue.style(e.windowSize)}`};
-  color: ${(e) => e.theme.colors.primary};
-  text-align: ${(e) => e.isMobile === !0 ? "left" : "right"};
-`, yn = a.div`
-  background-color: ${(e) => e.theme.colors.graphColor34Light};
-  color: ${R.importantDark};
-  padding: ${s.sp1} 12px;
-  border-radius: 50px;
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp1};
-  cursor: pointer;
-  svg {
-    color: ${R.importantDark};
-  }
-`, fn = a.div`
-  background-color: ${R.successLight};
-  color: ${R.successDark};
-  padding: ${s.sp1} 12px;
-  border-radius: 50px;
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp1};
-  cursor: pointer;
-
-  svg {
-    color: ${R.successDark};
-  }
-`, vn = a.div`
-  background-color: ${(e) => e.theme.colors.grey3};
-  color: ${(e) => e.theme.colors.hero};
-  padding: ${s.sp1} 12px;
-  border-radius: 50px;
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp1};
-  cursor: pointer;
-`, pe = a(Ee)``, Le = a(It)`
-  color: ${(e) => e.theme.colors.primary};
-  word-break: break-all;
-`, je = a(Ee)`
-  color: ${(e) => e.theme.colors.primary};
-  word-break: break-all;
-`, De = a.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp3};
-`, Sn = a.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${s.sp1};
-`, bn = a.div`
-  display: flex;
-  justify-content: ${(e) => e.isMobile ? "flex-start" : "flex-end"};
-`, he = a.div``, Cn = ({
-  spend: e,
-  vendorName: n,
-  vendorLogo: m,
-  isPageLoading: l,
-  isSpendTrendLoading: r,
-  onPercentChangeClick: p
-}) => {
-  const h = se(), v = W.getLocalizedStrings().spendManagement.billPay.vendorCreation.vendorDetails.spends, g = h === "small" || h === "medium-compact", S = (T, u) => u == null ? null : T === "increased" ? /* @__PURE__ */ t.jsxs(yn, { onClick: p, children: [
-    /* @__PURE__ */ t.jsx(on, { width: s.sp3, height: s.sp3 }),
-    /* @__PURE__ */ t.jsx(pe, { children: u })
-  ] }) : T === "decreased" ? /* @__PURE__ */ t.jsxs(fn, { onClick: p, children: [
-    /* @__PURE__ */ t.jsx(sn, { width: s.sp3, height: s.sp3 }),
-    /* @__PURE__ */ t.jsx(pe, { children: u })
-  ] }) : /* @__PURE__ */ t.jsx(vn, { onClick: p, children: /* @__PURE__ */ t.jsxs(pe, { children: [
-    u,
-    "%"
-  ] }) }), z = () => l === !0 ? /* @__PURE__ */ t.jsxs(Te, { isMobile: g, children: [
-    /* @__PURE__ */ t.jsx(Pt, { width: o[6], height: o[6] }),
-    /* @__PURE__ */ t.jsx($, { width: 140, height: o[6] }),
-    /* @__PURE__ */ t.jsx($, { width: 70, height: o[5] })
-  ] }) : /* @__PURE__ */ t.jsxs(Te, { isMobile: g, children: [
-    m != null ? /* @__PURE__ */ t.jsxs(De, { children: [
-      /* @__PURE__ */ t.jsx(
-        _t,
-        {
-          photoUrl: m.toString(),
-          styles: {
-            width: N.logoWidth.valuePx(h),
-            height: N.logoHeight.valuePx(h)
-          }
-        }
-      ),
-      g ? /* @__PURE__ */ t.jsx(je, { children: n }) : /* @__PURE__ */ t.jsx(Le, { children: n })
-    ] }) : /* @__PURE__ */ t.jsxs(De, { children: [
-      /* @__PURE__ */ t.jsx(Nt, { name: n, size: s.sp6 }),
-      g ? /* @__PURE__ */ t.jsx(je, { children: n }) : /* @__PURE__ */ t.jsx(Le, { children: n })
-    ] }),
-    S(e.changeType, e.percentChange)
-  ] }), B = () => r || l ? /* @__PURE__ */ t.jsx($e, { size: h, isMobile: g, children: [...Array(3)].map((T, u) => /* @__PURE__ */ t.jsxs(Sn, { children: [
-    /* @__PURE__ */ t.jsx(
-      $,
-      {
-        width: N.spendTrendHeadingSkeletonWidth.value(h),
-        height: o[4]
-      }
-    ),
-    /* @__PURE__ */ t.jsx(bn, { isMobile: g, children: /* @__PURE__ */ t.jsx(
-      $,
-      {
-        width: N.spendTrendHeadingSkeletonWidth.value(h) / 2,
-        height: o[4]
-      }
-    ) })
-  ] }, u)) }) : /* @__PURE__ */ t.jsxs($e, { size: h, isMobile: g, children: [
-    /* @__PURE__ */ t.jsxs(he, { children: [
-      /* @__PURE__ */ t.jsx(ce, { windowSize: h, isMobile: g, children: v.last30Days }),
-      /* @__PURE__ */ t.jsx(me, { windowSize: h, isMobile: g, children: de(
-        "0,0.[00]",
-        e.last30DaysSpend,
-        e.currencySymbol
-      ) })
-    ] }),
-    /* @__PURE__ */ t.jsxs(he, { children: [
-      /* @__PURE__ */ t.jsx(ce, { windowSize: h, isMobile: g, children: v.last90Days }),
-      /* @__PURE__ */ t.jsx(me, { windowSize: h, isMobile: g, children: de(
-        "0,0.[00]",
-        e.last90DaysSpend,
-        e.currencySymbol
-      ) })
-    ] }),
-    /* @__PURE__ */ t.jsxs(he, { children: [
-      /* @__PURE__ */ t.jsx(ce, { windowSize: h, isMobile: g, children: v.ytdSpend }),
-      /* @__PURE__ */ t.jsx(me, { windowSize: h, isMobile: g, children: de(
-        "0,0.[00]",
-        e.yearToDateSpend,
-        e.currencySymbol
-      ) })
-    ] })
-  ] });
-  return /* @__PURE__ */ t.jsxs(xn, { isMobile: g, size: h, children: [
-    z(),
-    B()
-  ] });
-}, I = {
-  labelWidth: new d(120, 145, 270),
-  largeLabelWidth: new d(130, 200, 332),
-  largeTinLabelWidth: new d(130, 200, 276),
-  controlWidth: new d(110, 145, 160),
-  labelMarginLeft: new d(o[3], o[4]),
-  labelMarginTop: new d(o[2], o[3]),
-  labelMarginBottom: new d(o[2], o[3]),
-  controlHeight: new d(o[6], o[6])
-}, E = (e, n) => `${e}.${n}`, wn = W.getLocalizedStrings().spendManagement, ne = W.getLocalizedStrings().companyPassport, U = wn.billPay.vendorCreation, j = W.getLocalizedStrings().common, $n = ({
-  vendorTypeList: e = [],
-  isDisabled: n,
-  sectionId: m,
-  selectedVendorDetails: l,
-  onAddressClick: r
-}) => {
-  const p = se(), h = I.labelWidth.value(p), v = I.largeLabelWidth.value(p), g = I.largeTinLabelWidth.value(p), S = I.controlWidth.value(p);
-  return /* @__PURE__ */ t.jsxs(Tn, { children: [
-    /* @__PURE__ */ t.jsx(Ln, { children: U.vendorDetails.titleFor1099Section }),
-    /* @__PURE__ */ t.jsxs(jn, { children: [
-      /* @__PURE__ */ t.jsx(
-        Ft,
-        {
-          isDisabled: n,
-          label: {
-            label: ne.companyInfo.legalName,
-            width: h
-          },
-          text: {
-            type: "text",
-            style: { width: S },
-            name: E(m, "legalName"),
-            placeholder: kt(
-              ne.companyInfo.legalName
-            ),
-            defaultValue: l.vendorBasic.legalName,
-            autoComplete: "new-password",
-            options: {
-              required: !!l.vendorBasic.legalName,
-              pattern: Ot
-            }
-          },
-          style: { width: "100%" }
-        }
-      ),
-      /* @__PURE__ */ t.jsx(ge, {}),
-      /* @__PURE__ */ t.jsxs(Pe, { children: [
-        /* @__PURE__ */ t.jsx(Pn, { width: v, windowSize: p, children: U.vendorDetails.vendorType }),
-        /* @__PURE__ */ t.jsx(Dn, { size: p, children: /* @__PURE__ */ t.jsx(
-          Rt,
-          {
-            name: E(m, "vendorType"),
-            value: {
-              allTypes: e,
-              selectedType: l.vendorDetailLocalData?.vendorType
-            },
-            placeholderLabel: U.placeholders.type
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ t.jsx(ge, {}),
-      /* @__PURE__ */ t.jsx(Pe, { children: /* @__PURE__ */ t.jsx(
-        rn,
-        {
-          name: E(m, "tinType"),
-          menuPlacement: "auto",
-          style: {
-            height: s.sp6,
-            width: "100%",
-            marginLeft: s.sp4
-          },
-          dropdownStyle: {
-            width: "40%"
-          },
-          defaultValue: {
-            dropDownValue: l.vendorDetailLocalData?.tin?.type ?? j.strings.empty,
-            dropDownList: [
-              {
-                code: j.texts.ein,
-                label: j.texts.ein.toUpperCase()
-              },
-              {
-                code: j.texts.ssn,
-                label: j.texts.ssn.toUpperCase()
-              }
-            ]
-          },
-          registerOptions: {
-            required: !1
-          },
-          label: {
-            width: g
-          },
-          placeholderLabel: U.placeholders.tinType,
-          formattedText: {
-            type: "text",
-            name: E(m, "tinValue"),
-            placeholder: U.placeholders.tinValue,
-            format: l.vendorDetailLocalData?.tin?.type === j.texts.ssn ? Ht : zt,
-            registerOptions: {
-              required: !!l.vendorDetailLocalData?.tin?.type,
-              pattern: l.vendorDetailLocalData?.tin?.type === j.texts.ssn ? Wt : At
-            },
-            style: {
-              width: "100%",
-              height: s.sp6
-            },
-            defaultValue: l.vendorDetailLocalData?.tin?.value ?? j.strings.empty,
-            maxLength: 9,
-            allowLeadingZeros: !0,
-            autoComplete: "new-password",
-            isDisabled: l.vendorDetailLocalData?.tin?.type === null ? "disabled" : void 0
-          }
-        }
-      ) }),
-      /* @__PURE__ */ t.jsx(ge, {}),
-      /* @__PURE__ */ t.jsx(
-        an,
-        {
-          isDisabled: n,
-          label: {
-            label: ne.companyInfo.address,
-            width: h
-          },
-          addressValueField: {
-            name: E(m, "address"),
-            placeholder: ne.address.titleAdd,
-            defaultValue: l.vendorNewAddressStatus?.addressToCreate,
-            onClick: () => r(
-              "vendor_address",
-              l.vendorAddress?.addressId
-            )
-          },
-          showAdditionalInfoLabel: !1,
-          style: { width: "100%" }
-        }
-      )
-    ] })
-  ] });
-}, Tn = a.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${s.sp5};
-  padding-bottom: ${s.sp5};
-`, Ln = a(qe)`
-  color: ${(e) => e.theme.colors.primary};
-  margin-bottom: ${s.sp3};
-  margin-right: ${s.sp6};
-`, jn = a.div`
-  display: flex;
-  flex-direction: column;
-  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};
-`, ge = a.div`
-  display: flex;
-  flex: 1;
-  background-color: ${(e) => e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`, Pe = a.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  height: ${s.sp8};
-  width: 100%;
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${(e) => e.theme.colors.primary};
-    input {
-      background-color: ${(e) => e.theme.colors.background};
-    }
-  }
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-`, Dn = a.div`
-  width: ${(e) => e.controlWidth != null ? `calc(100% - ${e.controlWidth}px)` : "100%"};
-  display: flex;
-  flex-grow: ${(e) => e.size === "small" ? 1 : 0};
-  align-items: center;
-  margin-right: ${s.sp2};
-`, Pn = a(Bt)`
-  width: ${(e) => e.width}px;
-  color: ${(e) => e.theme.colors.hero};
-  margin: ${(e) => `${I.labelMarginTop.valuePx(e.windowSize)} ${I.labelMarginLeft.valuePx(
-  e.windowSize
-)} ${I.labelMarginBottom.valuePx(
-  e.windowSize
-)} ${I.labelMarginLeft.valuePx(e.windowSize)}`};
-`, _e = W.getLocalizedStrings().vendors.common.transactionTabTitles, _n = () => Nn, Nn = [
-  {
-    id: "spend_transactions",
-    label: _e.spendTransactions,
-    leftMargin: !1,
-    style: {
-      width: 136,
-      left: 2
-    }
-  },
-  {
-    id: "all_transactions",
-    label: _e.allTransactions,
-    leftMargin: !0,
-    style: {
-      width: 122,
-      left: 60
-    }
-  }
-], Ne = {
-  labelWidth: new d(120, 145, 160),
-  paddingBottom: new d(o[3], o[2]),
-  labelMarginLeft: new d(o[3], o[4]),
-  labelMarginRight: new d(o[3], o[4]),
-  labelMarginTop: new d(o[2], o[3]),
-  labelMarginBottom: new d(o[2], o[3]),
-  largeLabelPadding: new d(o[2], o[2]),
-  controlWidth: new d(110, 145, 160),
-  controlHeight: new d(o[6], o[6]),
-  paddingTopBottom: new d(o[2], o[2]),
-  labelHeight: new d(o[6], o[6])
-}, k = (e, n) => `${e}.${n}`, Xe = W.getLocalizedStrings(), { common: oe, cockpit: Ie } = Xe, D = Xe.spendManagement.billPay.vendorCreation, In = ({
-  accountsHierarchyList: e,
-  allAccounts: n,
-  allClasses: m,
-  allOwners: l,
-  classHierarchyList: r,
-  enableRecommendationUpdateCheckbox: p,
-  readOnlyMode: h,
-  isDisabled: v,
-  recommendations: g,
-  sectionId: S,
-  selectedAccountId: z,
-  selectedClassId: B,
-  selectedOwnerId: T,
-  selectedVendorDetails: u,
-  uiState: M,
-  isFiling1099FeatureEnabled: q,
-  onClickShowMoreOrLess: ae
-}) => {
-  const G = se(), Z = Me(), { getValues: Y } = ft(), A = Ne.labelWidth.value(G), H = Ne.controlWidth.value(G), F = (i) => n.filter((w) => w.accountId === i)[0]?.coaId ?? "", V = (i) => m.filter((w) => w.classId === i)[0]?.accountingClassNumber ?? "", Q = (i) => {
-    const b = n.find(
-      (w) => w.accountId === i
-    )?.accountName;
-    return [Ut, qt].includes(
-      b ?? ""
-    );
-  }, X = D.vendorDetails.recommendation.tooltip, re = X.category.replace(
-    "__based__",
-    u?.vendorDetailLocalData?.recommendedCategory?.reason?.toLocaleLowerCase() ?? ""
-  ), le = X.class.replace(
-    "__based__",
-    u?.vendorDetailLocalData?.recommendedClass?.reason?.toLocaleLowerCase() ?? ""
-  ), J = u?.vendorDetailLocalData?.recommendedCategory != null && !!p, K = u?.vendorDetailLocalData?.recommendedClass != null && !!p;
-  return /* @__PURE__ */ t.jsxs(Fn, { children: [
-    /* @__PURE__ */ t.jsxs(On, { children: [
-      /* @__PURE__ */ t.jsx(kn, { children: D.vendorDetails.title }),
-      q ? /* @__PURE__ */ t.jsxs(Wn, { onClick: () => ae(), children: [
-        M?.collapsableStatus === "expand" ? `${oe.show}${oe.strings.space}${Ie.subscription.lessBtnText}` : `${oe.show}${oe.strings.space}${Ie.subscription.moreBtnText}`,
-        M?.collapsableStatus === "expand" ? /* @__PURE__ */ t.jsx(An, {}) : /* @__PURE__ */ t.jsx(Hn, {})
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ t.jsxs(Rn, { children: [
-      /* @__PURE__ */ t.jsx(
-        Ce,
-        {
-          isLoading: !1,
-          label: {
-            label: D.vendorDetails.category,
-            width: A
-          },
-          groupedSingleSelectField: {
-            name: k(S, "vendorCategory"),
-            placeholder: D.placeholders.category,
-            valueToInfo: (i) => F(i),
-            defaultValue: {
-              selectedOption: z,
-              allOptions: Ge(
-                e,
-                g
-              )
-            },
-            style: {
-              width: "auto"
-            },
-            registerOptions: {
-              required: !1
-            },
-            shouldShowChevronIcon: J
-          },
-          additionalLabelInfo: void 0,
-          style: {
-            borderBottom: `1px solid ${Z.colors.grey3}`
-          },
-          isDisabled: h ? "readonly" : v,
-          disableCurrentOption: Q,
-          fullWidthSelect: !1,
-          zIndexOnFocus: !0,
-          recommendationCheckboxField: u?.vendorDetailLocalData?.recommendedCategory != null && p ? {
-            tooltipProps: { text: re },
-            label: {
-              label: u?.vendorDetailLocalData?.recommendedCategory?.accountName
-            },
-            checkBoxField: {
-              name: k(
-                S,
-                "isRecommendedCategorySelected"
-              ),
-              defaultChecked: Y(
-                k(
-                  S,
-                  "isRecommendedCategorySelected"
-                )
-              )
-            }
-          } : void 0
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        Ce,
-        {
-          isLoading: !1,
-          label: {
-            label: D.vendorDetails.class,
-            width: A
-          },
-          zIndexOnFocus: !0,
-          groupedSingleSelectField: {
-            name: k(S, "vendorClass"),
-            placeholder: D.placeholders.class,
-            valueToInfo: (i) => V(i),
-            defaultValue: {
-              selectedOption: B,
-              allOptions: Ze(
-                r,
-                g
-              )
-            },
-            registerOptions: {
-              required: !1
-            },
-            style: {
-              width: "auto"
-            },
-            shouldShowChevronIcon: K
-          },
-          additionalLabelInfo: void 0,
-          style: {
-            borderBottom: `1px solid ${Z.colors.grey3}`
-          },
-          isDisabled: h === !0 ? "readonly" : v,
-          fullWidthSelect: !1,
-          recommendationCheckboxField: u?.vendorDetailLocalData?.recommendedClass != null && p ? {
-            tooltipProps: { text: le },
-            label: {
-              label: u?.vendorDetailLocalData?.recommendedClass?.className
-            },
-            checkBoxField: {
-              name: k(
-                S,
-                "isRecommendedClassSelected"
-              ),
-              defaultChecked: Y(
-                k(
-                  S,
-                  "isRecommendedClassSelected"
-                )
-              )
-            }
-          } : void 0
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        Mt,
-        {
-          label: {
-            label: D.vendorDetails.vendorOwner,
-            width: A
-          },
-          userSingleSelectField: {
-            name: k(S, "vendorOwner"),
-            placeholder: D.placeholders.owner,
-            defaultValue: {
-              allOptions: Ye(l),
-              selectedOption: T
-            },
-            registerOptions: {
-              required: !1
-            },
-            style: {
-              width: "auto"
-            }
-          },
-          isDisabled: h === !0 ? "readonly" : v,
-          style: {
-            justifyContent: "space-between"
-          },
-          controlWidth: H,
-          fullWidthSelect: !1
-        }
-      )
-    ] })
-  ] });
-}, Fn = a.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${s.sp3};
-  padding-bottom: ${s.sp3};
-`, On = a.div`
-  display: flex;
-  justify-content: space-between;
-`, kn = a(qe)`
-  color: ${(e) => e.theme.colors.primary};
-  margin-bottom: ${s.sp3};
-  margin-right: ${s.sp6};
-`, Rn = a.div`
-  display: flex;
-  flex-direction: column;
-  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};
-`, Wn = a(Ve)`
-  display: flex;
-  justify-content: flex-end;
-  color: ${(e) => e.theme.colors.hero};
-  margin-bottom: ${s.sp0};
-  margin-right: ${s.sp0};
-  cursor: pointer;
-`, An = a(Vt)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  margin-left: ${s.sp2};
-  margin-top: ${s.sp1};
-`, Hn = a(Et)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  margin-left: ${s.sp2};
-  margin-top: ${s.sp1};
-`, zn = a.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${s.sp7};
-`, Fe = a.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${s.sp3};
-`, Oe = a.div`
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  filter: drop-shadow(
-    ${s.sp0} 2px ${s.sp1} ${R.boxShadowElevation}
-  );
-  border-radius: ${s.sp2};
-  background: ${(e) => e.theme.colors.grey5};
-`, ke = a.div`
-  padding: ${s.sp3};
-  display: flex;
-  justify-content: space-between;
-  border-bottom: 1px solid ${(e) => e.theme.colors.grey3};
-`, Bn = () => /* @__PURE__ */ t.jsxs(zn, { children: [
-  [...Array(1)].map((e, n) => /* @__PURE__ */ t.jsxs(Fe, { children: [
-    /* @__PURE__ */ t.jsx($, { width: 120, height: o[4] }),
-    /* @__PURE__ */ t.jsx(Oe, { children: [...Array(3)].map((m, l) => /* @__PURE__ */ t.jsxs(ke, { children: [
-      /* @__PURE__ */ t.jsx($, { width: 70, height: o[4] }),
-      /* @__PURE__ */ t.jsx($, { width: 140, height: o[4] })
-    ] }, l)) })
-  ] }, n)),
-  [...Array(1)].map((e, n) => /* @__PURE__ */ t.jsxs(Fe, { children: [
-    /* @__PURE__ */ t.jsx($, { width: 120, height: o[4] }),
-    /* @__PURE__ */ t.jsx(Oe, { children: [...Array(4)].map((m, l) => /* @__PURE__ */ t.jsxs(ke, { children: [
-      /* @__PURE__ */ t.jsx($, { width: 70, height: o[4] }),
-      /* @__PURE__ */ t.jsx($, { width: 140, height: o[4] })
-    ] }, l)) })
-  ] }, n))
-] }), y = W.getLocalizedStrings(), {
-  vendors: { vendorDetailPage: P },
-  common: { footer: Re }
-} = y, _ = {
-  transactionListHeight: new d(325, 275, 225),
-  formContainerHorizontalPadding: new d(o[3], o[3], o[8]),
-  buttonWidth: new d(85, 85),
-  navbarHeight: 63,
-  listItemMargin: new d(o[3], o[8])
-}, We = (e) => `${e}_form`, f = "vendorDetails", xe = "vendor1099Details", Ae = "vendorDetailPage", Mn = a.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  width: 100%;
-  flex-direction: column;
-  background-color: ${(e) => e.theme.colors.grey4};
-  box-shadow: ${(e) => `${s.sp0} 2px ${s.sp1} ${e.theme.colors.dropShadowNormal}`};
-`, He = a.div`
-  padding-left: ${(e) => _.formContainerHorizontalPadding.valuePx(e.size)};
-  padding-right: ${(e) => _.formContainerHorizontalPadding.valuePx(e.size)};
-`, ze = a.div`
-  background-color: ${(e) => e.theme.colors.grey4};
-  padding-top: ${(e) => e.isPageLoading ? s.sp3 : s.sp0};
-`, Vn = a.div`
-  display: flex;
-  flex: 1 1 auto;
-  height: 100%;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin: ${s.sp0};
-  height: ${(e) => e.height}px;
-`, En = a.div`
-  display: flex;
-  flex-direction: column;
-`, Un = a.div``, qn = a.div``, Gn = a.div`
-  display: flex;
-  flex-direction: column;
-  transition: ${(e) => e.collapsableStatus === "collapse" ? "height 400ms ease-out" : "height 200ms ease-in"};
-`, Zn = [
-  {
-    label: P.vendorSpendTrendFilterLabels.last_30_days,
-    id: "last_30_days"
-  },
-  {
-    label: P.vendorSpendTrendFilterLabels.last_90_days,
-    id: "last_90_days"
-  },
-  {
-    label: P.vendorSpendTrendFilterLabels.YTD_spend,
-    id: "YTD_spend"
-  },
-  {
-    label: P.vendorSpendTrendFilterLabels.last_month,
-    id: "last_month"
-  },
-  {
-    label: P.vendorSpendTrendFilterLabels.last_3_months,
-    id: "last_3_months"
-  },
-  {
-    label: P.vendorSpendTrendFilterLabels.last_6_months,
-    id: "last_6_months"
-  },
-  {
-    label: P.vendorSpendTrendFilterLabels.last_12_months,
-    id: "last_12_months"
-  },
-  {
-    label: P.vendorSpendTrendFilterLabels.last_year,
-    id: "last_year"
-  }
-], io = ({
-  isFiling1099FeatureEnabled: e,
-  vendorDetailView: n,
-  firstMonthOfFY: m,
-  vendorLogo: l,
-  readOnlyMode: r,
-  isDisabled: p,
-  scrollToTrend: h,
-  allTransactionsTabData: v,
-  onVendorTabSelectionChanged: g,
-  onLoadPreviousTransactionsClick: S,
-  onSaveSuccess: z,
-  saveVendorDetailLocalData: B,
-  onCancelClick: T,
-  onTrendSelectedPeriodChange: u,
-  onTransactionItemClick: M,
-  onSpendTrendPercentChangeClick: q,
-  onSaveVendor: ae,
-  onVendorSpendTrendFilterTabClick: G,
-  onAddressClick: Z,
-  saveContactsInVendorTabDetailLocalData: Y,
-  onVendorDetailUIChange: A
-}) => {
-  const H = Me(), F = se(), V = $t(null), [Q, X] = te(!1), [re, le] = te(
-    _.transactionListHeight.value()
-  ), J = n?.selectedTabType, K = _n(), i = Object.assign(
-    {},
-    n?.vendorViewDetails?.vendorView
-  ), b = n?.vendorViewDetails.vendorView?.vendorDetailLocalData, w = n?.uiState, Je = !ve(
-    i != null && i.vendorAddress != null ? Se(i.vendorAddress) : i.vendorAddress,
-    i.vendorNewAddressStatus?.addressToCreate != null ? Se(
-      i.vendorNewAddressStatus?.addressToCreate
-    ) : i.vendorNewAddressStatus?.addressToCreate
-  ), Ke = (i?.vendorDetailLocalData?.contacts ?? []).filter(
-    (c) => c.email !== y.common.strings.empty || c.fullName !== y.common.strings.empty || c.phone !== y.common.strings.empty
-  ).map((c) => vt(c, "contactInfoType")), ye = Tt(
-    () => i.vendorBasic?.contacts ?? [],
-    [i.vendorBasic?.contacts]
-  ), et = !ve(Ke, ye), ee = St({
-    mode: "all",
-    defaultValues: Be(
-      n?.vendorViewDetails.accountsHierarchyList ?? [],
-      n?.vendorViewDetails.classHierarchyList ?? [],
-      n?.vendorViewDetails.vendorTypeList ?? [],
-      n?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,
-      n?.vendorViewDetails.vendorView?.vendorDetailLocalData,
-      n?.vendorViewDetails.ownerList
-    ),
-    values: Be(
-      n?.vendorViewDetails.accountsHierarchyList ?? [],
-      n?.vendorViewDetails.classHierarchyList ?? [],
-      n?.vendorViewDetails.vendorTypeList ?? [],
-      n?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,
-      n?.vendorViewDetails.vendorView?.vendorDetailLocalData,
-      n?.vendorViewDetails.ownerList
-    ),
-    resetOptions: {
-      keepDirtyValues: !0
-      // user-interacted input will be retained
-    }
-  }), [tt, nt] = te(-1), ot = i.vendorDetailLocalData?.contacts != null && i.vendorDetailLocalData?.contacts.length > 0 ? i.vendorDetailLocalData?.contacts : we, [st, at] = te(
-    Gt(ot)
-  ), rt = (c) => {
-    at(c), Y?.(
-      b?.vendorId ?? y.common.strings.empty,
-      c
-    );
-  };
-  ie(() => {
-    h === !0 && Q === !1 && n?.trendWithTransactions.trendReport?.fetchState === "Completed" && n?.trendWithTransactions.transactionView?.fetchState === "Completed" && (window.scrollTo({
-      top: (V.current?.offsetTop ?? 0) + _.navbarHeight,
-      behavior: "smooth"
-    }), X(!0));
-  }, [
-    h,
-    Q,
-    n?.trendWithTransactions.trendReport?.fetchState,
-    n?.trendWithTransactions.transactionView?.fetchState
-  ]);
-  const lt = new bt(H.colors.graphColor12), L = n?.fetchState === "Not-Started" || n?.fetchState === "In-Progress", it = n?.vendorViewDetails.vendorView?.saveStatus.fetchState === "In-Progress", dt = n?.trendWithTransactions.trendReport?.fetchState === "In-Progress", ct = (c, x) => {
-    u?.(x);
-  };
-  ie(() => {
-    n?.vendorViewDetails.vendorView?.saveStatus?.fetchState === "Completed" && z?.();
-  }, [i]);
-  const mt = Lt(() => {
-    window.scrollTo({
-      top: (V.current?.offsetTop ?? 0) + _.navbarHeight,
-      // 63 is height of nav bar
-      behavior: "smooth"
-    }), q?.();
-  }, [q]), pt = async (c, x) => {
-    const C = x;
-    if (c.includes("isRecommendedCategorySelected")) {
-      const O = x[f].isRecommendedCategorySelected === !0 ? i?.vendorDetailLocalData?.recommendedCategory?.accountId : i?.vendorBasic?.account?.accountId;
-      C[f].vendorCategory = {
-        selectedOption: O,
-        allOptions: x[f].vendorCategory.allOptions
-      };
-    }
-    if (c.includes("isRecommendedClassSelected")) {
-      const O = x[f].isRecommendedClassSelected === !0 ? i.vendorDetailLocalData?.recommendedClass?.classId : i?.vendorBasic?.class?.classId;
-      C[f].vendorClass = {
-        selectedOption: O,
-        allOptions: x[f].vendorClass.allOptions
-      };
-    }
-    if (c.includes("vendorCategory")) {
-      const O = C[f].vendorCategory.selectedOption === C[f].recommendedCategory?.accountId;
-      C[f].isRecommendedCategorySelected = O;
-    }
-    if (c.includes("vendorClass")) {
-      const O = C[f].vendorClass.selectedOption === C[f].recommendedClass?.classId;
-      C[f].isRecommendedClassSelected = O;
-    }
-    ht(C);
-  };
-  ie(() => {
-    const c = ee.watch((x, { name: C }) => {
-      C != null && x != null && Ct(() => pt(C, x));
-    });
-    return () => {
-      c.unsubscribe();
-    };
-  });
-  const ht = (c) => {
-    const x = Yn(
-      c,
-      i.vendorBasic?.id,
-      b
-    );
-    B?.(x);
-  }, gt = (c) => {
-    g(Dt(c.id));
-  }, ut = {
-    isLoading: n?.allVendorTransactionsView?.fetchState === "In-Progress" || n?.allVendorTransactionsView?.fetchState === "Not-Started",
-    onLoadPreviousClick: (c, x) => {
-      S(
-        c,
-        (v?.numberOfQuartersFetched ?? 0) + 1
-      );
-    }
-  }, xt = () => {
-    switch (J) {
-      case "all_transactions":
-        return /* @__PURE__ */ t.jsx(Vn, { height: re, children: L === !1 && v?.timePeriod != null ? /* @__PURE__ */ t.jsx(
-          tn,
-          {
-            firstMonthOfFY: m,
-            timeframe: "quarter",
-            timePeriod: v.timePeriod,
-            transactions: n?.allVendorTransactionsView?.transactions ?? [],
-            isFirstLotLoading: L,
-            componentName: "trend.transactions.list",
-            trackPerformance: !1,
-            onTransactionItemClick: M,
-            onListInnerElementHeightChanged: (c) => {
-              le(c);
-            },
-            showLoadPrevious: ut
-          }
-        ) : null });
-      case "spend_transactions":
-      default:
-        return n?.trendWithTransactions != null ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          /* @__PURE__ */ t.jsx(
-            en,
-            {
-              allTabs: Zn,
-              selectedTab: n.vendorSpendTrendFilterTabValue,
-              onTabChange: (c) => {
-                const x = jt(c.id);
-                x != null && G(x);
-              },
-              containerStyle: { marginLeft: o[8], marginRight: o[8] }
-            }
-          ),
-          /* @__PURE__ */ t.jsx(Un, { ref: V, children: /* @__PURE__ */ t.jsx(
-            nn,
-            {
-              firstMonthOfFY: m,
-              trendWithTransactionsReport: n?.trendWithTransactions,
-              isDetailPage: !1,
-              graphColor: lt,
-              initialTransactionListHeight: _.transactionListHeight.value(
-                F
-              ),
-              page: "vendorDetailPage",
-              onTimePeriodChange: ct,
-              onTransactionItemClick: M
-            }
-          ) })
-        ] }) : null;
-    }
-  }, yt = () => {
-    w?.collapsableStatus === "expand" ? A?.("collapse") : A?.("expand");
-  }, fe = K.find((c) => J === c.id);
-  return /* @__PURE__ */ t.jsxs(Mn, { children: [
-    /* @__PURE__ */ t.jsx(
-      Zt,
-      {
-        onBackClick: T,
-        title: i.vendorBasic?.name ?? y.common.strings.empty,
-        style: { zIndex: 3 },
-        hideSearchBtn: !0,
-        backgroundColor: H.colors.grey5,
-        enableTitleOnScroll: !0,
-        source: "VendorDetailPage"
-      }
-    ),
-    n?.vendorSpend != null ? /* @__PURE__ */ t.jsx(
-      Cn,
-      {
-        isPageLoading: L,
-        vendorName: i.vendorBasic?.name ?? y.common.strings.empty,
-        spend: n?.vendorSpend,
-        vendorLogo: l,
-        isSpendTrendLoading: dt,
-        onPercentChangeClick: mt
-      }
-    ) : null,
-    L === !0 && /* @__PURE__ */ t.jsx(ze, { isPageLoading: L, children: /* @__PURE__ */ t.jsx(He, { size: F, children: /* @__PURE__ */ t.jsx(Bn, {}) }) }),
-    L === !1 && i.vendorDetailLocalData != null && /* @__PURE__ */ t.jsxs(ze, { isPageLoading: L, children: [
-      /* @__PURE__ */ t.jsx(He, { size: F, children: /* @__PURE__ */ t.jsx(wt, { ...ee, children: /* @__PURE__ */ t.jsxs(
-        "form",
-        {
-          id: We(Ae),
-          onSubmit: ee.handleSubmit(ae),
-          children: [
-            /* @__PURE__ */ t.jsx(
-              In,
-              {
-                sectionId: f,
-                selectedVendorId: b?.vendorId,
-                selectedVendorDetails: i,
-                selectedAccountId: b?.vendorCategory,
-                selectedClassId: b?.vendorClass,
-                selectedOwnerId: b?.vendorOwner,
-                recommendations: b?.recommendations ?? [],
-                allAccounts: n?.vendorViewDetails.accountList.accounts ?? [],
-                allClasses: n?.vendorViewDetails.classList.classes ?? [],
-                screenType: "edit",
-                selectedVendorName: b?.vendorName,
-                allOwners: n?.vendorViewDetails.ownerList ?? [],
-                readOnlyMode: r,
-                isDisabled: p,
-                accountsHierarchyList: n?.vendorViewDetails.accountsHierarchyList ?? [],
-                classHierarchyList: n?.vendorViewDetails.classHierarchyList ?? [],
-                enableRecommendationUpdateCheckbox: !0,
-                uiState: w,
-                isFiling1099FeatureEnabled: e,
-                onClickShowMoreOrLess: yt
-              }
-            ),
-            e && w?.collapsableStatus === "expand" ? /* @__PURE__ */ t.jsxs(
-              Gn,
-              {
-                collapsableStatus: w?.collapsableStatus ?? "expand",
-                children: [
-                  /* @__PURE__ */ t.jsx(
-                    $n,
-                    {
-                      selectedVendorDetails: i,
-                      isDisabled: p,
-                      onAddressClick: Z,
-                      sectionId: xe,
-                      vendorTypeList: n?.vendorViewDetails.vendorTypeList ?? []
-                    }
-                  ),
-                  /* @__PURE__ */ t.jsx(
-                    Yt,
-                    {
-                      emailRequired: !1,
-                      vendorContactInfos: we,
-                      sectionId: ue,
-                      vendorContactInfoWithType: st,
-                      setVendorContactInfoWithType: rt,
-                      deleteContactConfirmationIndex: tt,
-                      updateContactDeleteConfirmationIndex: nt,
-                      initialContactList: ye
-                    }
-                  )
-                ]
-              }
-            ) : null
-          ]
-        }
-      ) }) }),
-      fe != null ? /* @__PURE__ */ t.jsxs(En, { children: [
-        /* @__PURE__ */ t.jsx(qn, { children: /* @__PURE__ */ t.jsx(
-          un,
-          {
-            allTabs: K,
-            containerStyle: {
-              marginLeft: o[8],
-              marginRight: o[8],
-              borderBottom: `1px solid ${H.colors.grey3}`,
-              backgroundColor: H.colors.grey4,
-              justifyContent: "left"
-            },
-            selectedTab: fe,
-            onOptionSelectionChanged: gt
-          }
-        ) }),
-        xt()
-      ] }) : null
-    ] }),
-    !L && r !== !0 && (Qt(ee.formState.dirtyFields) || Je || et) ? /* @__PURE__ */ t.jsx(
-      Xt,
-      {
-        formId: We(Ae),
-        primaryBtn: {
-          label: Re.save,
-          isLoading: it,
-          style: { width: _.buttonWidth.value(F) },
-          isDisabled: !1
-        },
-        cancelBtn: {
-          label: Re.cancel,
-          style: { width: _.buttonWidth.value(F) },
-          onClick: T
-        }
-      }
-    ) : null
-  ] });
-}, Be = (e, n, m, l, r, p) => ({
-  [f]: {
-    vendorName: r?.vendorName ?? y.common.strings.empty,
-    vendorOwner: {
-      allOptions: Ye(p),
-      selectedOption: r?.vendorOwner
-    },
-    vendorCategory: {
-      allOptions: Ge(
-        e,
-        r?.recommendations
-      ),
-      selectedOption: r?.vendorCategory
-    },
-    vendorClass: {
-      allOptions: Ze(
-        n,
-        r?.recommendations
-      ),
-      selectedOption: r?.vendorClass
-    },
-    recommendedCategory: r?.recommendedCategory,
-    recommendedClass: r?.recommendedClass,
-    isRecommendedCategorySelected: r?.isCategoryUpdateSelected ?? !1,
-    isRecommendedClassSelected: r?.isClassUpdateSelected ?? !1
-  },
-  [xe]: {
-    legalName: r?.legalName ?? y.common.strings.empty,
-    email: r?.vendorEmail ?? y.common.strings.empty,
-    phone: r?.vendorPhone ?? y.common.strings.empty,
-    vendorType: {
-      allTypes: m,
-      selectedType: r?.vendorType
-    },
-    tinType: r?.tin?.type ?? null,
-    tinValue: r?.tin?.value ?? null,
-    address: l
-  },
-  [ue]: r != null && r?.contacts != null && r?.contacts.length !== 0 ? r.contacts : [
-    {
-      fullName: y.common.strings.empty,
-      email: y.common.strings.empty,
-      phone: y.common.strings.empty,
-      id: y.common.strings.empty
-    }
-  ]
-}), Yn = (e, n, m) => {
-  const l = e?.[f], r = e?.[xe];
-  return {
-    vendorCategory: l.vendorCategory.selectedOption,
-    vendorClass: l.vendorClass.selectedOption,
-    vendorId: n,
-    recommendations: m?.recommendations,
-    vendorName: l.vendorName,
-    legalName: r.legalName,
-    vendorOwner: l.vendorOwner?.selectedOption,
-    recommendedCategory: l.recommendedCategory,
-    recommendedClass: l.recommendedClass,
-    isCategoryUpdateSelected: l.isRecommendedCategorySelected ?? !1,
-    isClassUpdateSelected: l.isRecommendedClassSelected ?? !1,
-    vendorEmail: r.email,
-    vendorPhone: r.phone,
-    vendorType: r.vendorType.selectedType,
-    tin: {
-      type: r.tinType ?? null,
-      value: r.tinValue != null ? r.tinValue.replace(
-        Jt,
-        y.common.strings.empty
-      ) : null
-    },
-    address: r.address,
-    contacts: e?.[ue]
-  };
-};
-export {
-  io as default,
-  We as formUniqueName,
-  xe as vendor1099DetailsSectionId,
-  f as vendorDetailsSectionId,
-  Zn as vendorSpendTrendFilterTabs
-};