@zeniai/web-components 3.16.58 → 3.16.59

package/dist/VendorDetailPage-ohiZDwm-.js

@@ -0,0 +1,1236 @@
+import { j as t, u as Me, d as ft, k as ve, b5 as vt, g as bt, b as St, h as Ct, F as wt } from "./vendor-.pnpm-Q8NJHkXi.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 be, toVendorSpendTrendFilterTabsTypeStrict as jt, toVendorDetailTabsType as Dt } from "@zeniai/client-epic-state";
+import { S as s, G as Ve, u as se, a as W, R as d, C as R, ge as Pt, D as o, aJ as $, gd as Nt, fo as _t, dK as de, _ as Ee, iD as It, av as Se, K as Ue, aQ as Ft, fk as Ot, fh as kt, iE as Rt, ib as Wt, fn as At, iF as Ht, iG as zt, L as qe, p as Bt, it as Ce, iH as Ge, iI as Je, iJ as Mt, iK as Ke, bb as Vt, J as Et, iL as Ut, iM as qt, iN as we, iO as Gt, aE as Jt, iP as Kt, iQ as ue, aG as Qt, ap as Zt, iR as Yt } from "./index-CkG1pP2v.js";
+import { css as Xt } from "@emotion/react";
+import { S as en } from "./SubTabSwitcher-WdDGXrOI.js";
+import { T as tn } from "./TransactionList-pGKuZF_E.js";
+import { T as nn } from "./TrendWithTransactions-7Bl8sLmX.js";
+import { a as on, S as sn } from "./arrow-south-east-round-PEovUgvH.js";
+import { L as an } from "./LabeledAddressValueField-wxazJRGx.js";
+import { L as rn } from "./LabeledDropDownFormattedTextField-DVpl5xDS.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 ? Xt`
+          ${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 _ = {
+  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 Se("standardMedium", "largeSemiBold"),
+  spendDuration: new Se(
+    "extraSmallRegular",
+    "standardRegular"
+  )
+}, xn = a.div`
+  padding: ${(e) => `${_.pageHeaderVerticalPadding.valuePx(
+  e.size
+)} ${_.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) => _.spendTrendsMarginBottom.valuePx(e.size)};
+  background-color: ${(e) => e.theme.colors.grey5};
+`, $e = a.div`
+  display: flex;
+  column-gap: ${(e) => e.isMobile === !0 ? "unset" : _.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};
+`, bn = a.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp1};
+`, Sn = 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", b = (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(
+        Nt,
+        {
+          photoUrl: m.toString(),
+          styles: {
+            width: _.logoWidth.valuePx(h),
+            height: _.logoHeight.valuePx(h)
+          }
+        }
+      ),
+      g ? /* @__PURE__ */ t.jsx(je, { children: n }) : /* @__PURE__ */ t.jsx(Le, { children: n })
+    ] }) : /* @__PURE__ */ t.jsxs(De, { children: [
+      /* @__PURE__ */ t.jsx(_t, { name: n, size: s.sp6 }),
+      g ? /* @__PURE__ */ t.jsx(je, { children: n }) : /* @__PURE__ */ t.jsx(Le, { children: n })
+    ] }),
+    b(e.changeType, e.percentChange)
+  ] }), B = () => r || l ? /* @__PURE__ */ t.jsx($e, { size: h, isMobile: g, children: [...Array(3)].map((T, u) => /* @__PURE__ */ t.jsxs(bn, { children: [
+    /* @__PURE__ */ t.jsx(
+      $,
+      {
+        width: _.spendTrendHeadingSkeletonWidth.value(h),
+        height: o[4]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(Sn, { isMobile: g, children: /* @__PURE__ */ t.jsx(
+      $,
+      {
+        width: _.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), b = 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: b },
+            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)}`};
+`, Ne = W.getLocalizedStrings().vendors.common.transactionTabTitles, Nn = () => _n, _n = [
+  {
+    id: "spend_transactions",
+    label: Ne.spendTransactions,
+    leftMargin: !1,
+    style: {
+      width: 136,
+      left: 2
+    }
+  },
+  {
+    id: "all_transactions",
+    label: Ne.allTransactions,
+    leftMargin: !0,
+    style: {
+      width: 122,
+      left: 60
+    }
+  }
+], _e = {
+  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}`, Ze = W.getLocalizedStrings(), { common: oe, cockpit: Ie } = Ze, D = Ze.spendManagement.billPay.vendorCreation, In = ({
+  accountsHierarchyList: e,
+  allAccounts: n,
+  allClasses: m,
+  allOwners: l,
+  classHierarchyList: r,
+  enableRecommendationUpdateCheckbox: p,
+  readOnlyMode: h,
+  isDisabled: v,
+  recommendations: g,
+  sectionId: b,
+  selectedAccountId: z,
+  selectedClassId: B,
+  selectedOwnerId: T,
+  selectedVendorDetails: u,
+  uiState: M,
+  isFiling1099FeatureEnabled: q,
+  onClickShowMoreOrLess: ae
+}) => {
+  const G = se(), J = Me(), { getValues: K } = ft(), A = _e.labelWidth.value(G), H = _e.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 S = n.find(
+      (w) => w.accountId === i
+    )?.accountName;
+    return [Ut, qt].includes(
+      S ?? ""
+    );
+  }, Z = D.vendorDetails.recommendation.tooltip, re = Z.category.replace(
+    "__based__",
+    u?.vendorDetailLocalData?.recommendedCategory?.reason?.toLocaleLowerCase() ?? ""
+  ), le = Z.class.replace(
+    "__based__",
+    u?.vendorDetailLocalData?.recommendedClass?.reason?.toLocaleLowerCase() ?? ""
+  ), Y = u?.vendorDetailLocalData?.recommendedCategory != null && !!p, X = 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(b, "vendorCategory"),
+            placeholder: D.placeholders.category,
+            valueToInfo: (i) => F(i),
+            defaultValue: {
+              selectedOption: z,
+              allOptions: Ge(
+                e,
+                g
+              )
+            },
+            style: {
+              width: "auto"
+            },
+            registerOptions: {
+              required: !1
+            },
+            shouldShowChevronIcon: Y
+          },
+          additionalLabelInfo: void 0,
+          style: {
+            borderBottom: `1px solid ${J.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(
+                b,
+                "isRecommendedCategorySelected"
+              ),
+              defaultChecked: K(
+                k(
+                  b,
+                  "isRecommendedCategorySelected"
+                )
+              )
+            }
+          } : void 0
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        Ce,
+        {
+          isLoading: !1,
+          label: {
+            label: D.vendorDetails.class,
+            width: A
+          },
+          zIndexOnFocus: !0,
+          groupedSingleSelectField: {
+            name: k(b, "vendorClass"),
+            placeholder: D.placeholders.class,
+            valueToInfo: (i) => V(i),
+            defaultValue: {
+              selectedOption: B,
+              allOptions: Je(
+                r,
+                g
+              )
+            },
+            registerOptions: {
+              required: !1
+            },
+            style: {
+              width: "auto"
+            },
+            shouldShowChevronIcon: X
+          },
+          additionalLabelInfo: void 0,
+          style: {
+            borderBottom: `1px solid ${J.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(
+                b,
+                "isRecommendedClassSelected"
+              ),
+              defaultChecked: K(
+                k(
+                  b,
+                  "isRecommendedClassSelected"
+                )
+              )
+            }
+          } : void 0
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        Mt,
+        {
+          label: {
+            label: D.vendorDetails.vendorOwner,
+            width: A
+          },
+          userSingleSelectField: {
+            name: k(b, "vendorOwner"),
+            placeholder: D.placeholders.owner,
+            defaultValue: {
+              allOptions: Ke(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, N = {
+  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) => N.formContainerHorizontalPadding.valuePx(e.size)};
+  padding-right: ${(e) => N.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"};
+`, Jn = [
+  {
+    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: b,
+  onSaveSuccess: z,
+  saveVendorDetailLocalData: B,
+  onCancelClick: T,
+  onTrendSelectedPeriodChange: u,
+  onTransactionItemClick: M,
+  onSpendTrendPercentChangeClick: q,
+  onSaveVendor: ae,
+  onVendorSpendTrendFilterTabClick: G,
+  onAddressClick: J,
+  saveContactsInVendorTabDetailLocalData: K,
+  onVendorDetailUIChange: A
+}) => {
+  const H = Me(), F = se(), V = $t(null), [Q, Z] = te(!1), [re, le] = te(
+    N.transactionListHeight.value()
+  ), Y = n?.selectedTabType, X = Nn(), i = Object.assign(
+    {},
+    n?.vendorViewDetails?.vendorView
+  ), S = n?.vendorViewDetails.vendorView?.vendorDetailLocalData, w = n?.uiState, Ye = !ve(
+    i != null && i.vendorAddress != null ? be(i.vendorAddress) : i.vendorAddress,
+    i.vendorNewAddressStatus?.addressToCreate != null ? be(
+      i.vendorNewAddressStatus?.addressToCreate
+    ) : i.vendorNewAddressStatus?.addressToCreate
+  ), Xe = (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(Xe, ye), ee = bt({
+    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), K?.(
+      S?.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) + N.navbarHeight,
+      behavior: "smooth"
+    }), Z(!0));
+  }, [
+    h,
+    Q,
+    n?.trendWithTransactions.trendReport?.fetchState,
+    n?.trendWithTransactions.transactionView?.fetchState
+  ]);
+  const lt = new St(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) + N.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 = Kn(
+      c,
+      i.vendorBasic?.id,
+      S
+    );
+    B?.(x);
+  }, gt = (c) => {
+    g(Dt(c.id));
+  }, ut = {
+    isLoading: n?.allVendorTransactionsView?.fetchState === "In-Progress" || n?.allVendorTransactionsView?.fetchState === "Not-Started",
+    onLoadPreviousClick: (c, x) => {
+      b(
+        c,
+        (v?.numberOfQuartersFetched ?? 0) + 1
+      );
+    }
+  }, xt = () => {
+    switch (Y) {
+      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: Jn,
+              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: N.transactionListHeight.value(
+                F
+              ),
+              page: "vendorDetailPage",
+              onTimePeriodChange: ct,
+              onTransactionItemClick: M
+            }
+          ) })
+        ] }) : null;
+    }
+  }, yt = () => {
+    w?.collapsableStatus === "expand" ? A?.("collapse") : A?.("expand");
+  }, fe = X.find((c) => Y === c.id);
+  return /* @__PURE__ */ t.jsxs(Mn, { children: [
+    /* @__PURE__ */ t.jsx(
+      Jt,
+      {
+        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: S?.vendorId,
+                selectedVendorDetails: i,
+                selectedAccountId: S?.vendorCategory,
+                selectedClassId: S?.vendorClass,
+                selectedOwnerId: S?.vendorOwner,
+                recommendations: S?.recommendations ?? [],
+                allAccounts: n?.vendorViewDetails.accountList.accounts ?? [],
+                allClasses: n?.vendorViewDetails.classList.classes ?? [],
+                screenType: "edit",
+                selectedVendorName: S?.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: J,
+                      sectionId: xe,
+                      vendorTypeList: n?.vendorViewDetails.vendorTypeList ?? []
+                    }
+                  ),
+                  /* @__PURE__ */ t.jsx(
+                    Kt,
+                    {
+                      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: X,
+            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) || Ye || et) ? /* @__PURE__ */ t.jsx(
+      Zt,
+      {
+        formId: We(Ae),
+        primaryBtn: {
+          label: Re.save,
+          isLoading: it,
+          style: { width: N.buttonWidth.value(F) },
+          isDisabled: !1
+        },
+        cancelBtn: {
+          label: Re.cancel,
+          style: { width: N.buttonWidth.value(F) },
+          onClick: T
+        }
+      }
+    ) : null
+  ] });
+}, Be = (e, n, m, l, r, p) => ({
+  [f]: {
+    vendorName: r?.vendorName ?? y.common.strings.empty,
+    vendorOwner: {
+      allOptions: Ke(p),
+      selectedOption: r?.vendorOwner
+    },
+    vendorCategory: {
+      allOptions: Ge(
+        e,
+        r?.recommendations
+      ),
+      selectedOption: r?.vendorCategory
+    },
+    vendorClass: {
+      allOptions: Je(
+        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
+    }
+  ]
+}), Kn = (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(
+        Yt,
+        y.common.strings.empty
+      ) : null
+    },
+    address: r.address,
+    contacts: e?.[ue]
+  };
+};
+export {
+  io as default,
+  We as formUniqueName,
+  xe as vendor1099DetailsSectionId,
+  f as vendorDetailsSectionId,
+  Jn as vendorSpendTrendFilterTabs
+};