@zeniai/web-components 3.17.8 → 3.17.9

package/dist/uploadAttachment-CtIFMxvd.js

@@ -0,0 +1,952 @@
+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-usWkcKCS.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
+};