@zeniai/web-components 3.16.99 → 3.17.1

package/dist/uploadAttachment-BvLjvgF0.js

@@ -1,952 +0,0 @@
-import { j as t, d as Ie, m as ne, u as Pe, e as De, S as Ne, n as Te, c as S, R as Ae } from "./vendor-.pnpm-B2klaOGU.js";
-import * as k from "react";
-import { useState as me, useCallback as F, createElement as Me } from "react";
-import { css as Ee } from "@emotion/react";
-import s from "@emotion/styled";
-import { S as n, g9 as oe, g6 as Be, g8 as Fe, ha as ze, o as ue, gb as Ve, gc as ie, gd as se, ge as _e, gf as We, R as he, D as le, u as pe, a as ge, av as Ge, e as v, Z as fe, gr as re, p as ae, b as He, dD as Ue, gq as Ze, aw as ce, F as xe, t as L, ay as Je, az as qe, C as g, y as Ke, gw as Qe, E as ye, eH as Xe, O as Ye, U as K } from "./index-CD9fwr4J.js";
-new he(le[0], le[5]);
-const et = s(ue)`
-  margin-left: ${(e) => !e.hasChildren && e.depth !== 0 ? n.sp3 : n.sp2};
-`, tt = s(ze)``, nt = s.div`
-  display: flex;
-  height: ${(e) => e.isRecommended ? "auto" : n.sp6};
-  align-items: center;
-`, ot = s.div`
-  display: flex;
-  height: ${n.sp6};
-  align-items: center;
-`, it = s.div`
-  height: ${n.sp6};
-  width: ${n.sp3};
-`, st = s.div`
-  display: flex;
-`, lt = ({
-  ancestorMetadata: e,
-  depth: i,
-  name: r
-}) => /* @__PURE__ */ t.jsx(t.Fragment, { children: i > 0 && e != null ? [...Array(i).keys()].map((c) => {
-  const l = e[c];
-  return l == null ? null : /* @__PURE__ */ t.jsxs(st, { children: [
-    l.depth === 0 ? /* @__PURE__ */ t.jsx(oe, { depth: l.depth }) : null,
-    l.depth >= 1 ? l.hasSibling && !l.isLastNode ? /* @__PURE__ */ t.jsx(Be, {}, c) : /* @__PURE__ */ t.jsx(Fe, {}) : null,
-    l.depth >= 1 ? /* @__PURE__ */ t.jsx(oe, { depth: l.depth }) : null
-  ] }, r + c);
-}) : null }), rt = ({
-  depth: e,
-  isLastNode: i,
-  isLeaf: r,
-  hasSiblings: c,
-  hasChildren: l,
-  collapsed: u,
-  isOptionRecommended: p
-}) => {
-  let m = /* @__PURE__ */ t.jsx(it, {});
-  return p === !0 || (e === 0 && l && (m = /* @__PURE__ */ t.jsx(Ve, { collapsed: u })), e > 0 && (l && !c && i && (m = /* @__PURE__ */ t.jsx(ie, { collapsed: u })), r && c && i && (m = /* @__PURE__ */ t.jsx(se, {})), !l && r && !c && !i && (m = /* @__PURE__ */ t.jsx(_e, {})), l && c && i && (m = /* @__PURE__ */ t.jsx(ie, { collapsed: u })), l && !i && (m = /* @__PURE__ */ t.jsx(We, { collapsed: u })), i && r && (m = /* @__PURE__ */ t.jsx(se, {})))), m;
-}, at = ({
-  depth: e,
-  isLastNode: i,
-  isLeaf: r,
-  hasSiblings: c,
-  hasChildren: l,
-  collapsed: u,
-  isOptionRecommended: p
-}) => /* @__PURE__ */ t.jsx(ot, { children: /* @__PURE__ */ t.jsx(
-  rt,
-  {
-    depth: e,
-    isLastNode: i,
-    isLeaf: r,
-    hasSiblings: c,
-    hasChildren: l,
-    collapsed: u,
-    isOptionRecommended: p
-  }
-) });
-function ct(e) {
-  const { displayName: i } = e;
-  return e.depth > 4 && console.warn("cannot handle depth more than 4"), /* @__PURE__ */ t.jsxs(nt, { isRecommended: e.isOptionRecommended ?? !1, children: [
-    e.isOptionRecommended === !0 ? null : /* @__PURE__ */ t.jsx(
-      lt,
-      {
-        ancestorMetadata: e.subAccountAncestorMetadata,
-        depth: e.depth,
-        name: e.displayName
-      }
-    ),
-    e.isOptionRecommended === !0 ? null : /* @__PURE__ */ t.jsx(at, { ...e }),
-    e.isOptionRecommended === !0 ? /* @__PURE__ */ t.jsx(tt, { children: i }) : /* @__PURE__ */ t.jsx(et, { hasChildren: e.hasChildren, depth: e.depth, children: i })
-  ] });
-}
-const we = {
-  infoLabel: new ce("extraSmallRegular", "smallRegular"),
-  selectFieldInput: new ce("smallRegular", "standardRegular")
-}, dt = {
-  menuMinWidth: new he(343, 400, 428)
-}, {
-  common: {
-    texts: { confidence: mt },
-    strings: { empty: B }
-  },
-  expenseAutomation: {
-    accountRecon: {
-      review: { zeniGptRecommendation: ut }
-    }
-  }
-} = ge.getLocalizedStrings(), ht = (e, i, r, c, l, u, p) => e.isOptionRecommended !== !0 || !e.chainOfThought || e.chainOfThought.length === 0 ? null : {
-  recommendations: [{
-    id: e.id ?? e.value,
-    name: e.label ?? e.displayName ?? e.value,
-    reason: e.recommendationReason ?? e.additionalNote ?? ut,
-    cot: e.chainOfThought,
-    isSelected: i,
-    source: e.source,
-    type: u,
-    confidencePercentage: e.confidencePercentage
-  }],
-  isThoughtProcessOnly: !0,
-  existingOption: {
-    label: void 0,
-    value: void 0
-  },
-  pageSource: c,
-  transactionStatus: l,
-  isCOTEnabled: r,
-  onPrimaryRecommendationConfirmationClick: () => {
-  },
-  onAlternateRecommendationConfirmationClick: () => {
-  },
-  onAlternateRecommendationExpandClick: () => {
-  },
-  width: p
-}, cn = ({
-  name: e,
-  registerOptions: i,
-  defaultValue: r,
-  isDisabled: c,
-  style: l,
-  placeholder: u,
-  autoFocus: p = !1,
-  menuIsOpen: m,
-  pageSource: f,
-  type: a,
-  transactionStatus: h,
-  showEmptyState: $,
-  additionalLabelInfo: O,
-  customStyleConfig: y,
-  customPlaceholderString: b,
-  allowEmpty: T = !0,
-  tooltip: z,
-  noOptionsMessage: V,
-  customPlaceholderColor: _,
-  menuPortal: W,
-  showCOT: G = !0,
-  tooltipPosition: H = "right-start",
-  tooltipWidth: U,
-  disableCurrentOption: I,
-  valueToInfo: R,
-  valueToId: C,
-  onMenuClose: A,
-  getStyles: Q,
-  menuPlacement: M = "auto",
-  onCOTView: Z
-}) => {
-  const {
-    control: X,
-    formState: { dirtyFields: J, errors: q }
-  } = Ie(), w = ne(q, e ?? ""), P = pe(), E = Pe(), [$e, Oe] = me(!1), be = ne(J, e), {
-    dropDowns: Y,
-    common: {
-      strings: { empty: D }
-    }
-  } = ge.getLocalizedStrings(), ee = F(
-    (o) => ({
-      value: o.value,
-      label: o.label ?? o.displayName,
-      info: R?.(o.value) ?? D,
-      id: C?.(o.value) ?? null,
-      isDisabled: o.isDisabled,
-      additionalNote: o?.additionalNote,
-      // can be used in case of any note for the option. eg. Recommended category/class has a note to be shown in the next line
-      isOptionRecommended: o.isOptionRecommended,
-      recommendedOptionIndex: o.recommendedOptionIndex,
-      displayName: o.displayName,
-      depth: o.depth,
-      isLeaf: o.isLeaf,
-      isLastNode: o.isLastNode,
-      hasSiblings: o.isLastNode,
-      hasChildren: o.hasChildren,
-      collapsed: o.collapsed,
-      numberOfLines: o.numberOfLines,
-      coaId: o.coaId,
-      ancestorMetadata: o.ancestorMetadata,
-      // COT data
-      chainOfThought: o.chainOfThought,
-      confidencePercentage: o.confidencePercentage,
-      recommendationReason: o.recommendationReason,
-      source: o.source
-    }),
-    [R, C, D]
-  ), Ce = F(
-    (o) => o.map((d) => ({
-      label: d.label,
-      options: d.options.map(
-        (j) => ee(j)
-      )
-    })),
-    [ee]
-  ), je = F(
-    (o) => {
-      if (o == null || !o)
-        return;
-      let d = [];
-      return r.allOptions.forEach((j) => {
-        d = d.concat(j.options);
-      }), {
-        value: o,
-        label: d.find((j) => j.value === o)?.label ?? o,
-        info: R?.(o) ?? D
-      };
-    },
-    [r.allOptions, R, D]
-  );
-  if ($ === !0 && $e === !1 && be === !1 && !r.selectedOption && c == null)
-    return /* @__PURE__ */ t.jsx(
-      Ge,
-      {
-        style: l,
-        buttonTitle: Y.add,
-        onClick: () => Oe(!0),
-        name: e
-      }
-    );
-  const ve = r.allOptions.some(
-    (o) => o.options.some((d) => d.isOptionRecommended === !0)
-  ), Se = {
-    ...y,
-    container: (o, d) => ({
-      ...o,
-      width: "100%",
-      ...l,
-      ...Q?.(d.selectProps.menuIsOpen) || {}
-    }),
-    menu: (o, d) => ({
-      ...o,
-      backgroundColor: E.colors.grey5,
-      borderRadius: n.sp1,
-      boxShadow: `${n.sp0} 2px ${n.sp2} ${E.colors.dropShadowHover}`,
-      whiteSpace: "nowrap",
-      zIndex: 2,
-      width: "100%",
-      minWidth: ve ? dt.menuMinWidth.valuePx(P) : "300px",
-      margin: 0,
-      ...y?.menu?.(o, d)
-    }),
-    control: (o, d) => ({
-      ...o,
-      height: n.sp6,
-      ...y?.control?.(o, d)
-    }),
-    valueContainer: (o, d) => ({
-      ...o,
-      padding: 0,
-      paddingLeft: 10,
-      justifyContent: d.selectProps.menuIsOpen === !1 ? "flex-end" : "flex-start",
-      ...y?.valueContainer?.(o, d)
-    }),
-    singleValue: (o, d) => ({
-      ...o,
-      color: E.colors.primary,
-      ...y?.singleValue?.(o, d)
-    }),
-    menuList: (o, d) => ({
-      ...o,
-      borderRadius: 4,
-      ...y?.menuList?.(o, d)
-    }),
-    group: (o) => ({
-      ...o,
-      paddingBottom: 0,
-      "&:first-of-type": {
-        paddingTop: n.sp0
-      },
-      "&:not(:first-of-type)": {
-        paddingTop: n.sp1
-      },
-      "&:not(:last-of-type)": {
-        paddingBottom: n.sp1,
-        borderBottom: `1px solid ${E.colors.grey3}`
-      }
-    }),
-    menuPortal: (o, d) => ({
-      ...o,
-      ...y?.menuPortal?.(o, d)
-    })
-  }, Re = V ?? {
-    line1: Y.noOptions.standard,
-    line2: D
-  }, Le = {
-    hasError: w,
-    noOptions: Re,
-    customPlaceholderColor: _,
-    customPlaceholderString: b
-  };
-  return /* @__PURE__ */ t.jsx(
-    De,
-    {
-      name: e,
-      control: X,
-      defaultValue: r,
-      rules: i,
-      "data-testid": v("grouped-single-select-field", e),
-      render: ({ field: { onChange: o, onBlur: d, value: j, name: te, ref: ke } }) => {
-        const N = j;
-        return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          /* @__PURE__ */ Me(
-            Ne,
-            {
-              ...Le,
-              menuPortalTarget: W,
-              ref: ke,
-              name: te,
-              isMulti: !1,
-              isSearchable: !0,
-              isClearable: !0,
-              defaultValue: je(
-                r.selectedOption ?? N.selectedOption
-              ),
-              autoFocus: p,
-              controlShouldRenderValue: !0,
-              placeholder: u,
-              options: Ce(
-                r?.allOptions ?? N.allOptions
-              ),
-              onChange: (x) => {
-                x == null || x?.value != null && N?.selectedOption === x.value ? T === !0 && o({
-                  selectedOption: void 0,
-                  allOptions: N.allOptions
-                }) : o({
-                  selectedOption: x.value,
-                  allOptions: N.allOptions
-                });
-              },
-              key: Te(),
-              tabSelectsValue: !1,
-              openMenuOnFocus: !0,
-              classNamePrefix: "grouped-single-select-field",
-              onBlur: d,
-              menuPlacement: M,
-              menuIsOpen: m,
-              maxMenuHeight: 288,
-              menuShouldScrollIntoView: !1,
-              closeMenuOnSelect: !0,
-              onMenuClose: A,
-              closeMenuOnScroll: !1,
-              components: {
-                Control: gt,
-                Option: (x) => bt(
-                  x,
-                  G,
-                  T,
-                  f,
-                  a,
-                  h,
-                  H,
-                  U,
-                  Z
-                ),
-                Input: xt,
-                Group: yt,
-                GroupHeading: wt,
-                NoOptionsMessage: pt,
-                SingleValue: (x) => $t(x, z),
-                ValueContainer: (x) => ft(x),
-                DropdownIndicator: Ht,
-                IndicatorSeparator: Ut,
-                Placeholder: Ot,
-                ClearIndicator: Zt
-              },
-              hideSelectedOptions: !1,
-              styles: Se,
-              isDisabled: c != null,
-              isOptionDisabled: (x) => I?.(x.value) ?? !1,
-              "data-testid": v("grouped-single-select", te)
-            }
-          ),
-          O != null ? /* @__PURE__ */ t.jsx(Bt, { size: P, children: O }) : null
-        ] });
-      }
-    }
-  );
-}, pt = (e) => {
-  const i = e.selectProps.noOptions;
-  return /* @__PURE__ */ t.jsxs(jt, { children: [
-    /* @__PURE__ */ t.jsx(de, { children: i?.line1 }),
-    /* @__PURE__ */ t.jsx(de, { children: i?.line2 })
-  ] });
-}, gt = (e) => {
-  const { menuIsOpen: i, isFocused: r, isDisabled: c, selectProps: l, data: u, options: p } = e, { value: m, hasError: f, customPlaceholderColor: a, customPlaceholderString: h } = l;
-  let $ = [];
-  p.forEach((b) => {
-    $ = $.concat(b.options);
-  });
-  const O = $.find(
-    (b) => b.value === u?.value
-  ), y = pe();
-  return /* @__PURE__ */ t.jsx(
-    It,
-    {
-      title: h != null && m != null ? m.label : void 0,
-      windowSize: y,
-      menuIsOpen: i,
-      isFocused: r,
-      customPlaceholderColor: a,
-      isDisabled: c,
-      selectedValue: m,
-      hasError: f,
-      customPlaceholderString: h,
-      isRecommended: O?.isOptionRecommended,
-      "data-testid": v(
-        "grouped-single-select-field-control",
-        p[0]?.label
-      ),
-      children: /* @__PURE__ */ t.jsx(S.Control, { ...e, className: "select-control", children: e.children })
-    }
-  );
-}, ft = (e) => /* @__PURE__ */ t.jsx(S.ValueContainer, { ...e, className: "select-value-container", children: e.children }), xt = (e) => {
-  const { selectProps: i, innerRef: r, innerProps: c } = e, {
-    placeholder: l,
-    value: u,
-    customPlaceholderString: p,
-    menuIsOpen: m,
-    onMenuOpen: f,
-    hasError: a
-  } = i;
-  return p != null && u == null && m === !1 ? /* @__PURE__ */ t.jsx(
-    Qt,
-    {
-      ref: r,
-      ...c,
-      onClick: f,
-      style: {
-        display: "flex",
-        width: "100%",
-        height: "100%",
-        alignItems: "center",
-        justifyContent: "flex-start",
-        cursor: "pointer"
-      },
-      className: "custom-placeholder",
-      "data-testid": v(
-        "grouped-single-select-field-input",
-        i.name
-      ),
-      children: /* @__PURE__ */ t.jsxs(Jt, { children: [
-        /* @__PURE__ */ t.jsx(qt, { hasError: a }),
-        /* @__PURE__ */ t.jsx(Kt, { hasError: a, children: p })
-      ] })
-    }
-  ) : /* @__PURE__ */ t.jsx(
-    S.Input,
-    {
-      ...e,
-      autoComplete: "new-password",
-      autoFocus: m,
-      placeholder: u == null ? l : void 0,
-      children: e.children
-    }
-  );
-}, yt = (e) => /* @__PURE__ */ t.jsx(S.Group, { ...e, children: e.children }), wt = (e) => {
-  const [i, r] = me(!0);
-  return /* @__PURE__ */ t.jsx(
-    Ft,
-    {
-      className: "group-heading-container",
-      isGroupOpen: i,
-      onClick: () => r(!i),
-      "data-testid": v("group-heading", e.data.label),
-      children: /* @__PURE__ */ t.jsxs(S.GroupHeading, { ...e, children: [
-        /* @__PURE__ */ t.jsx(zt, { isGroupOpen: i, children: /* @__PURE__ */ t.jsx(vt, {}) }),
-        e.children
-      ] })
-    }
-  );
-}, $t = ({ children: e, ...i }, r) => {
-  const c = r == null || i.selectProps.menuIsOpen === !0 ? e : r.sticky === !0 ? /* @__PURE__ */ t.jsx(Ct, { title: r.text, children: e }) : /* @__PURE__ */ t.jsx(
-    fe,
-    {
-      style: { padding: `12px ${n.sp3}` },
-      title: r.text,
-      placement: "top",
-      children: e
-    }
-  );
-  return /* @__PURE__ */ t.jsx(S.SingleValue, { ...i, children: /* @__PURE__ */ t.jsx(St, { children: c }) });
-}, Ot = () => null, bt = (e, i, r, c, l, u, p, m, f) => {
-  const { data: a, isSelected: h, isDisabled: $, isFocused: O, selectProps: y } = e, { customPlaceholderString: b } = y, {
-    depth: T,
-    isLeaf: z,
-    isLastNode: V,
-    hasSiblings: _,
-    hasChildren: W,
-    collapsed: G,
-    displayName: H,
-    ancestorMetadata: U,
-    label: I
-  } = a, R = U, C = ht(
-    a,
-    h,
-    i,
-    c,
-    u,
-    l,
-    m
-  ), A = /* @__PURE__ */ t.jsx(
-    Dt,
-    {
-      title: b != null ? e.label : void 0,
-      className: "select-option-wrapper",
-      isFocused: O,
-      isSelected: h,
-      isDisabled: $,
-      isOptionRecommended: !!a?.isOptionRecommended,
-      showBottomBorder: a?.additionalNote == null || a?.isOptionRecommended !== !0,
-      allowEmpty: r,
-      "data-testid": v("grouped-single-select-option", I),
-      children: /* @__PURE__ */ t.jsx(S.Option, { ...e, className: "select-option", children: /* @__PURE__ */ t.jsxs(Nt, { isOptionRecommended: a?.isOptionRecommended, children: [
-        !!a?.isOptionRecommended && /* @__PURE__ */ t.jsx(_t, { children: /* @__PURE__ */ t.jsx(Wt, {}) }),
-        /* @__PURE__ */ t.jsxs(Mt, { children: [
-          /* @__PURE__ */ t.jsxs(
-            Et,
-            {
-              isSelected: h,
-              isOptionRecommended: a?.isOptionRecommended,
-              children: [
-                /* @__PURE__ */ t.jsx(
-                  Tt,
-                  {
-                    isSelected: h,
-                    isDisabled: $,
-                    children: /* @__PURE__ */ t.jsx(
-                      ct,
-                      {
-                        displayName: H ?? I,
-                        depth: T,
-                        isLastNode: V,
-                        isLeaf: z,
-                        hasSiblings: _,
-                        collapsed: G,
-                        hasChildren: W,
-                        isOptionRecommended: a?.isOptionRecommended,
-                        subAccountAncestorMetadata: R
-                      }
-                    )
-                  }
-                ),
-                O === !0 && a.coaId != null && a?.info != null && /* @__PURE__ */ t.jsx(Gt, { children: a.coaId ?? a?.info })
-              ]
-            }
-          ),
-          a?.isOptionRecommended && a.additionalNote ? /* @__PURE__ */ t.jsx(At, { isSelected: h, isDisabled: $, children: a.additionalNote }) : null
-        ] }),
-        /* @__PURE__ */ t.jsxs(Xt, { children: [
-          a?.isOptionRecommended ? /* @__PURE__ */ t.jsxs(Yt, { children: [
-            /* @__PURE__ */ t.jsx(en, { confidence: a.confidencePercentage, children: re(a.confidencePercentage) }),
-            /* @__PURE__ */ t.jsx(tn, { className: "confidence-label", children: mt })
-          ] }) : null,
-          h === !0 && a?.additionalNote == null ? /* @__PURE__ */ t.jsxs(Vt, { children: [
-            /* @__PURE__ */ t.jsx(
-              ae,
-              {
-                className: "right-tick-icon",
-                height: n.sp3,
-                width: n.sp3
-              }
-            ),
-            /* @__PURE__ */ t.jsx(
-              He,
-              {
-                className: "close-tick-icon",
-                height: n.sp3,
-                width: n.sp3,
-                "data-testid": v(
-                  "grouped-single-select-option-cancel",
-                  I
-                )
-              }
-            )
-          ] }) : a?.isOptionRecommended === !0 ? h === !0 ? /* @__PURE__ */ t.jsx(nn, { children: /* @__PURE__ */ t.jsx(
-            ae,
-            {
-              height: n.sp3,
-              width: n.sp3,
-              style: { transform: "rotate(0deg)" }
-            }
-          ) }) : /* @__PURE__ */ t.jsx(Pt, {}) : null
-        ] })
-      ] }) })
-    }
-  ), M = Ue().analytics, Z = F(() => {
-    const J = (e.value != null && e.value !== B ? e?.getValue(e.value) : null)?.[0]?.label ?? B, q = a.recommendedOptionIndex === 1 ? "alternative" : "primary", w = C?.recommendations[0], P = w?.cot ?? [];
-    M.trackTransactionCotDropdownView({
-      recommendationType: q,
-      recommendationFor: l,
-      currentValue: J,
-      recommendation: w?.name ?? B,
-      recommendationCot: P,
-      isRecommendationCotAvailable: P.length > 0,
-      recommendationReason: w?.reason ?? B,
-      recommendationConfidenceLevel: Ze(
-        re(
-          w?.confidencePercentage
-        ).toLocaleLowerCase()
-      ),
-      transactionPage: c,
-      transactionCurrentStatus: u,
-      recommendationConfidencePercentage: w?.confidencePercentage ?? null
-    }), f != null && w != null && w.cot.length > 0 && f(l, w.source);
-  }, [
-    M,
-    C,
-    c,
-    u,
-    l,
-    e,
-    a.recommendedOptionIndex
-  ]);
-  return C != null && a?.isOptionRecommended && i ? /* @__PURE__ */ t.jsx(
-    fe,
-    {
-      variant: "chain-of-thought",
-      data: C,
-      placement: p ?? "right-start",
-      enterDelay: 300,
-      leaveDelay: 100,
-      offset: [0, 0],
-      position: "static",
-      display: "block",
-      style: {
-        width: "100%",
-        height: "100%",
-        marginLeft: "0px",
-        marginRight: "0px"
-      },
-      onOpen: Z,
-      children: A
-    }
-  ) : A;
-}, Ct = ({
-  children: e,
-  title: i
-}) => /* @__PURE__ */ t.jsxs(Rt, { children: [
-  /* @__PURE__ */ t.jsxs(Lt, { children: [
-    i,
-    /* @__PURE__ */ t.jsx(kt, {})
-  ] }),
-  e
-] }), jt = s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-top: ${n.sp2};
-  padding-right: ${n.sp3};
-  padding-bottom: ${n.sp2};
-  padding-left: ${n.sp3};
-`, de = s(xe)`
-  color: ${(e) => e.theme.colors.hero};
-`, vt = s(qe)`
-  width: ${n.sp3};
-  height: ${n.sp3};
-  color: ${(e) => e.theme.colors.primary};
-`, St = s.div`
-  display: flex;
-  align-items: center;
-  column-gap: 6px;
-`, Rt = s.div`
-  position: relative;
-  display: contents;
-`, Lt = s.div`
-  position: absolute;
-  background: ${K.primary};
-  color: ${K.grey5};
-  padding: ${n.sp3};
-  border-radius: ${n.sp1};
-  top: -${n.sp2};
-  right: 225px;
-  opacity: 0.85;
-  pointer-events: none;
-`, kt = s.span`
-  position: absolute;
-  top: 30%;
-  right: -8%;
-  border-width: 10px;
-  border-style: solid;
-  border-color: transparent transparent transparent ${K.primary};
-`, It = s.span`
-  width: 100%;
-  background-color: ${(e) => e.menuIsOpen ? e.theme.colors.background : e.theme.colors.grey5};
-  border-radius: ${n.sp1};
-  cursor: ${(e) => e.isDisabled ? "not-allowed" : "pointer"};
-  .select-control {
-    border: none;
-    background-color: ${(e) => e.hasError ? g.importantLight : "inherit"};
-    &:hover {
-      color: ${(e) => e.isDisabled ? e.theme.colors.grey3 : e.hasError ? g.important : e.theme.colors.primary};
-      background-color: ${(e) => e.isDisabled ? e.theme.colors.grey5 : e.hasError ? g.importantLight : e.theme.colors.background};
-      border-color: none;
-    }
-    box-shadow: none;
-    width: auto;
-    min-height: auto;
-    cursor: pointer;
-  }
-
-  .select-value-container {
-    width: 100%;
-    display: flex;
-    max-width: 100%;
-    height: 100%;
-    min-width: 100%;
-    align-items: center;
-    flex-wrap: nowrap;
-    cursor: pointer;
-
-    padding-right: ${n.sp3};
-    .grouped-single-select-field__single-value {
-      display: flex;
-      ${(e) => `${we.selectFieldInput.style(e.windowSize)}`};
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    .grouped-single-select-field__input-container {
-      display: flex;
-      width: ${(e) => e.menuIsOpen === !1 && e.selectedValue != null ? n.sp0 : "100%"};
-      position: ${(e) => e.isFocused === !1 && e.selectedValue == null ? "initial" : "absolute"};
-      ${L.standardRegular.css};
-      color: ${(e) => e.theme.colors.primary};
-      margin: ${n.sp0};
-      cursor: inherit;
-
-      > input {
-        text-align: ${(e) => e.customPlaceholderString != null ? "left" : e.isFocused === !1 && e.selectedValue == null ? "right" : "initial"};
-        align-items: center;
-        overflow: hidden;
-        cursor: inherit;
-        :disabled {
-          visibility: visible;
-        }
-        ::placeholder {
-          color: ${(e) => e.hasError ? g.important : e.customPlaceholderColor != null ? e.customPlaceholderColor : e.theme.colors.grey1};
-        }
-      }
-    }
-  }
-`, Pt = s(Ye)`
-  width: ${n.sp3};
-  height: ${n.sp3};
-`, Dt = s.div`
-  border-bottom: ${(e) => e.showBottomBorder === !0 ? "inherit" : "none"} !important;
-  .select-option {
-    padding: ${n.sp0} ${n.sp3};
-    ${L.smallRegular.css};
-    color: ${(e) => e.isSelected ? e.theme.colors.primary : e.theme.colors.hero};
-
-    .confidence-label {
-      color: ${(e) => e.isSelected ? e.theme.colors.primary : e.theme.colors.grey1};
-    }
-
-    opacity: ${(e) => e.isDisabled ? 0.32 : 1};
-    background-color: ${(e) => e.isSelected ? e.theme.colors.background : e.theme.colors.grey5};
-
-    cursor: ${(e) => e.isDisabled ? "not-allowed" : "pointer"};
-    border-top: none;
-
-    .close-tick-icon {
-      display: none;
-    }
-    &:hover {
-      padding: 22 ${n.sp3};
-      background-color: ${(e) => e.isDisabled ? e.theme.colors.grey5 : e.theme.colors.background};
-      color: ${(e) => e.isDisabled ? e.theme.colors.champion : e.theme.colors.primary};
-
-      .confidence-label {
-        color: ${(e) => e.theme.colors.primary};
-      }
-
-      ${({ allowEmpty: e }) => e && Ee`
-          .right-tick-icon {
-            display: none;
-          }
-          .close-tick-icon {
-            display: inline-block;
-          }
-        `}
-    }
-  }
-`, Nt = s.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  width: 100%;
-  padding-top: ${(e) => e.isOptionRecommended === !0 ? "12px" : n.sp0};
-  padding-bottom: ${(e) => e.isOptionRecommended === !0 ? "12px" : n.sp0};
-  height: ${(e) => e.isOptionRecommended === !0 ? "auto" : n.sp6};
-`, Tt = s.label`
-  padding: ${n.sp0};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  cursor: ${(e) => e.isDisabled ? "not-allowed" : "pointer"};
-  ${(e) => e.isSelected && "cursor: default"};
-`, At = s(xe)`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: inherit;
-`, Mt = s.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  overflow: hidden;
-`, Et = s.div`
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  height: ${(e) => e.isOptionRecommended ? n.sp5 : n.sp6};
-  min-width: 0;
-  gap: ${n.sp3};
-`, Bt = s.label`
-  color: ${(e) => e.theme.colors.grey1};
-  width: 100%;
-  ${(e) => `${we.infoLabel.style(e.size)}`};
-  padding-right: ${n.sp3};
-  text-align: right;
-  white-space: pre-line;
-`, Ft = s(Je)`
-  display: flex;
-  color: ${(e) => e.theme.colors.primary};
-  align-items: center;
-  flex-direction: row;
-  margin-bottom: ${n.sp0};
-  padding: ${n.sp2} ${n.sp0};
-
-  ~ div .select-option-wrapper {
-    display: ${(e) => e.isGroupOpen ? "flex" : "none"};
-  }
-
-  .grouped-single-select-field__group-heading {
-    display: flex;
-    font-size: ${L.standardMedium.fontSize};
-    font-weight: ${L.standardMedium.fontWeight};
-    line-height: ${L.standardMedium.lineHeight};
-    font-family: ${L.standardMedium.fontFamily};
-    color: inherit;
-    text-transform: capitalize;
-    cursor: pointer;
-    padding: 0 ${n.sp3};
-    margin-bottom: ${n.sp0};
-  }
-`, zt = s.div`
-  display: flex;
-  align-items: center;
-  margin-left: ${n.sp0};
-  transform: ${(e) => e.isGroupOpen ? "rotate(0deg)" : "rotate(180deg)"};
-  color: ${(e) => e.theme.colors.primary};
-  margin-right: ${n.sp2};
-`, Vt = s.div`
-  display: flex;
-  color: ${(e) => e.theme.colors.primary};
-`, _t = s.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: ${n.sp4};
-  width: ${n.sp3};
-  margin-right: ${n.sp2};
-`, Wt = s(Qe)`
-  height: ${n.sp3};
-  width: ${n.sp3};
-  path {
-    stroke-width: 2;
-  }
-`, Gt = s(ye)`
-  display: flex;
-  color: ${(e) => e.theme.colors.primary};
-  align-items: center;
-  flex-direction: row;
-  justify-content: flex-end;
-  padding: ${n.sp0} 6px;
-  border: 1px solid ${(e) => e.theme.colors.primary};
-  border-radius: ${n.sp1};
-`, Ht = () => null, Ut = () => null, Zt = () => null, Jt = s.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-`, qt = s(Ke)`
-  margin-right: ${n.sp1};
-  width: ${n.sp3};
-  height: ${n.sp3};
-  color: ${(e) => e.hasError ? g.important : e.theme.colors.grey1};
-`, Kt = s(ue)`
-  color: ${(e) => e.hasError ? g.important : e.theme.colors.grey1};
-`, Qt = s.div``, Xt = s.div`
-  display: flex;
-  align-items: center;
-  gap: ${n.sp4};
-  margin-left: ${n.sp2};
-`, Yt = s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-`, en = s(Xe)`
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-  color: ${(e) => e.confidence == null ? e.theme.mode === "dark" ? g.alert : g.alertDark : e.confidence >= 90 ? e.theme.mode === "dark" ? g.success : g.successDark : e.confidence >= 70 ? e.theme.mode === "dark" ? g.alert : g.alertDark : e.theme.mode === "dark" ? g.important : g.importantDark};
-`, tn = s(ye)``, nn = s.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${(e) => e.theme.colors.primary};
-`, dn = (e) => /* @__PURE__ */ k.createElement("svg", { viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("path", { d: "M14.498 12.047L15.4956 9.35122C15.6688 8.88293 16.3312 8.88293 16.5044 9.35122L17.502 12.047C17.9222 13.1826 18.8174 14.0778 19.953 14.498L22.6488 15.4956C23.1171 15.6688 23.1171 16.3312 22.6488 16.5044L19.953 17.502C18.8174 17.9222 17.9222 18.8174 17.502 19.953L16.5044 22.6488C16.3312 23.1171 15.6688 23.1171 15.4956 22.6488L14.498 19.953C14.0778 18.8174 13.1826 17.9222 12.047 17.502L9.35122 16.5044C8.88293 16.3312 8.88293 15.6688 9.35122 15.4956L12.047 14.498C13.1826 14.0778 14.0778 13.1826 14.498 12.047Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 1.25 }), /* @__PURE__ */ k.createElement("path", { d: "M29.2611 5.55236L24.3943 10.1902C24.333 10.2488 24.2604 10.2943 24.181 10.3239C24.1016 10.3535 24.017 10.3667 23.9323 10.3626C23.8488 10.3586 23.7669 10.3379 23.6915 10.3018C23.6162 10.2656 23.5488 10.2146 23.4935 10.152L21.2781 7.63528", stroke: "currentColor", strokeWidth: 1.25, strokeLinecap: "round", strokeLinejoin: "round" })), mn = (e) => /* @__PURE__ */ k.createElement("svg", { viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("path", { d: "M14.498 12.047L15.4956 9.35122C15.6688 8.88293 16.3312 8.88293 16.5044 9.35122L17.502 12.047C17.9222 13.1826 18.8174 14.0778 19.953 14.498L22.6488 15.4956C23.1171 15.6688 23.1171 16.3312 22.6488 16.5044L19.953 17.502C18.8174 17.9222 17.9222 18.8174 17.502 19.953L16.5044 22.6488C16.3312 23.1171 15.6688 23.1171 15.4956 22.6488L14.498 19.953C14.0778 18.8174 13.1826 17.9222 12.047 17.502L9.35122 16.5044C8.88293 16.3312 8.88293 15.6688 9.35122 15.4956L12.047 14.498C13.1826 14.0778 14.0778 13.1826 14.498 12.047Z", stroke: "currentColor", strokeWidth: 1.25 }), /* @__PURE__ */ k.createElement("path", { d: "M29.2611 5.55236L24.3943 10.1902C24.333 10.2488 24.2604 10.2943 24.181 10.3239C24.1016 10.3535 24.017 10.3667 23.9323 10.3626C23.8488 10.3586 23.7669 10.3379 23.6915 10.3018C23.6162 10.2656 23.5488 10.2146 23.4935 10.152L21.2781 7.63528", stroke: "currentColor", strokeWidth: 1.25, strokeLinecap: "round", strokeLinejoin: "round" }));
-async function un(e, i, r, c, l) {
-  let u, p;
-  const m = `${e}/1.0/transactions/${l.id}/attachments`, f = new FormData();
-  f.append("attachment_file_0", r);
-  const a = JSON.stringify({
-    transaction_type: l.type,
-    transaction_id: l.id.split(":")[1],
-    file_name: c,
-    content_type: r.type
-  });
-  f.append("attachment_json_0", a);
-  try {
-    await Ae(m, {
-      method: "POST",
-      body: f,
-      headers: {
-        "zeni-user-id": i.userId,
-        "zeni-tenant-id": i.tenantId,
-        "zeni-session-id": i.sessionId
-      }
-    }).then((h) => h.json()).then((h) => {
-      h.status.code >= 200 && h.status.code < 300 ? u = h.data : (p = h.status.message, console.error(
-        `Upload attachment failed with ${h.status.message}`
-      ));
-    });
-  } catch (h) {
-    console.error(`Upload attachment failed with ${JSON.stringify(h)}`);
-  }
-  return { uploadResponse: u, errorMessage: p };
-}
-export {
-  cn as G,
-  dn as S,
-  mn as a,
-  un as u
-};