mongodb-chatbot-ui/build/es/ChatWindow.js

UI React components for the MongoDB Assistant

import { jsxs as nr, jsx as C, Fragment as Nr } from "react/jsx-runtime";
import { a as gr, c as ir } from "./emotion-css.esm.js";
import { w as g, F as i, d as sr, U as Er, n as Or, m as dr, r as Tr } from "./index2.js";
import { r as vr, b as Cr } from "./index4.js";
import R, { Children as Wr, isValidElement as Br, cloneElement as Rr, forwardRef as Ir, useMemo as zr, Suspense as Ar } from "react";
import { r as Ur, N as _r } from "./index11.js";
import { R as Vr, i as Xr } from "./index8.js";
import { I as Yr, d as Qr, M as qr } from "./ui-text.js";
import { useChatbotContext as $r } from "./useChatbotContext.js";
import { ChatMessageFeed as Gr } from "./ChatMessageFeed.js";
import "./glyphCommon-cTThlth0.js";
import "./index7.js";
import "./X.js";
import "./index6.js";
import "./polished.esm.js";
import "./CheckmarkWithCircle.js";
import "./index5.js";
import "react-dom";
import "./Refresh.js";
import "./index9.js";
import "./ChatbotProvider.js";
import "./index10.js";
function Lr(n, s, c) {
  return s === void 0 && (s = 0), c === void 0 && (c = []), Wr.toArray(n).reduce(function(v, p, D) {
    return Ur.isFragment(p) ? v.push.apply(v, Lr(p.props.children, s + 1, c.concat(p.key || D))) : Br(p) ? v.push(Rr(p, {
      key: c.concat(String(p.key)).join(".")
    })) : (typeof p == "string" || typeof p == "number") && v.push(p), v;
  }, []);
}
function r(n, s, c) {
  return (s = function(v) {
    var p = function(D, T) {
      if (typeof D != "object" || !D)
        return D;
      var j = D[Symbol.toPrimitive];
      if (j !== void 0) {
        var F = j.call(D, T);
        if (typeof F != "object")
          return F;
        throw new TypeError("@@toPrimitive must return a primitive value.");
      }
      return String(D);
    }(v, "string");
    return typeof p == "symbol" ? p : p + "";
  }(s)) in n ? Object.defineProperty(n, s, { value: c, enumerable: !0, configurable: !0, writable: !0 }) : n[s] = c, n;
}
var br, pr, o = { Disabled: "disabled", Placeholder: "placeholder", Primary: "primary", Secondary: "secondary", Tertiary: "tertiary", InversePrimary: "inversePrimary", InverseSecondary: "inverseSecondary", Info: "info", Warning: "warning", Error: "error", Success: "success", Link: "link", OnError: "onError", OnSuccess: "onSuccess", OnSuccessLink: "onSuccessLink" }, a = { Default: "default", Hover: "hover", Focus: "focus" }, or = i.black, k = i.blue, u = i.gray, P = i.green, L = i.red, Jr = i.white, X = i.yellow, Kr = { background: r(r(r(r(r(r(r(r({}, o.Primary, r(r(r({}, a.Default, or), a.Hover, u.dark2), a.Focus, k.dark3)), o.Secondary, r(r(r({}, a.Default, u.dark4), a.Hover, u.dark2), a.Focus, k.dark3)), o.InversePrimary, r(r(r({}, a.Default, u.light2), a.Hover, u.light3), a.Focus, k.light2)), o.Info, r(r(r({}, a.Default, k.dark3), a.Hover, k.dark3), a.Focus, k.dark3)), o.Warning, r(r(r({}, a.Default, X.dark3), a.Hover, X.dark3), a.Focus, X.dark3)), o.Success, r(r(r({}, a.Default, P.dark3), a.Hover, P.dark3), a.Focus, P.dark3)), o.Error, r(r(r({}, a.Default, L.dark3), a.Hover, L.dark3), a.Focus, L.dark3)), o.Disabled, r(r(r({}, a.Default, u.dark3), a.Hover, u.dark3), a.Focus, u.dark3)), border: r(r(r(r(r(r(r(r({}, o.Primary, r(r(r({}, a.Default, u.base), a.Hover, u.base), a.Focus, k.light1)), o.Secondary, r(r(r({}, a.Default, u.dark2), a.Hover, u.dark2), a.Focus, k.light1)), o.Tertiary, r(r(r({}, a.Default, u.dark1), a.Hover, u.dark1), a.Focus, k.light1)), o.Success, r(r(r({}, a.Default, P.dark1), a.Hover, P.dark1), a.Focus, k.light1)), o.Error, r(r(r({}, a.Default, L.light1), a.Hover, L.light1), a.Focus, k.light1)), o.OnSuccess, r(r(r({}, a.Default, P.dark2), a.Hover, P.dark2), a.Focus, k.light1)), o.OnError, r(r(r({}, a.Default, L.dark2), a.Hover, L.dark2), a.Focus, k.light1)), o.Disabled, r(r(r({}, a.Default, u.dark2), a.Hover, u.dark2), a.Focus, u.dark2)), icon: r(r(r(r(r(r(r(r({}, o.Primary, r(r(r({}, a.Default, u.light1), a.Hover, u.light3), a.Focus, k.light3)), o.Secondary, r(r(r({}, a.Default, u.base), a.Hover, u.light3), a.Focus, k.light3)), o.InversePrimary, r(r(r({}, a.Default, Jr), a.Hover, or), a.Focus, k.dark2)), o.Info, r(r(r({}, a.Default, k.light1), a.Hover, k.light1), a.Focus, k.light1)), o.Warning, r(r(r({}, a.Default, X.base), a.Hover, X.base), a.Focus, X.base)), o.Success, r(r(r({}, a.Default, P.base), a.Hover, P.base), a.Focus, P.base)), o.Error, r(r(r({}, a.Default, L.light1), a.Hover, L.light1), a.Focus, L.light1)), o.Disabled, r(r(r({}, a.Default, u.dark1), a.Hover, u.dark1), a.Focus, u.dark1)), text: (r(r(r(r(r(r(r(r(r(r(br = {}, o.Primary, r(r(r({}, a.Default, u.light2), a.Hover, u.light2), a.Focus, k.light3)), o.Placeholder, r(r(r({}, a.Default, u.dark1), a.Hover, u.dark1), a.Focus, u.dark1)), o.Secondary, r(r(r({}, a.Default, u.light1), a.Hover, u.light2), a.Focus, k.light3)), o.InversePrimary, r(r(r({}, a.Default, or), a.Hover, or), a.Focus, k.dark2)), o.InverseSecondary, r(r(r({}, a.Default, u.dark2), a.Hover, or), a.Focus, k.dark2)), o.Disabled, r(r(r({}, a.Default, u.dark1), a.Hover, u.dark1), a.Focus, u.dark1)), o.Success, r(r(r({}, a.Default, P.light2), a.Hover, P.light2), a.Focus, P.light2)), o.Error, r(r(r({}, a.Default, L.light1), a.Hover, L.light1), a.Focus, L.light1)), o.OnSuccess, r(r(r({}, a.Default, P.light1), a.Hover, P.light1), a.Focus, P.light1)), o.OnSuccessLink, r(r(r({}, a.Default, P.light3), a.Hover, P.light3), a.Focus, P.light3)), r(r(br, o.OnError, r(r(r({}, a.Default, L.light2), a.Hover, L.light2), a.Focus, L.light2)), o.Link, r(r(r({}, a.Default, k.light1), a.Hover, k.light1), a.Focus, k.light1))) }, Y = i.black, m = i.blue, f = i.gray, H = i.green, E = i.red, Q = i.white, q = i.yellow, Zr = { background: r(r(r(r(r(r(r(r({}, o.Primary, r(r(r({}, a.Default, Q), a.Hover, f.light2), a.Focus, m.light3)), o.Secondary, r(r(r({}, a.Default, f.light3), a.Hover, f.light2), a.Focus, m.light3)), o.InversePrimary, r(r(r({}, a.Default, Y), a.Hover, f.dark3), a.Focus, m.dark2)), o.Info, r(r(r({}, a.Default, m.light3), a.Hover, m.light3), a.Focus, m.light3)), o.Warning, r(r(r({}, a.Default, q.light3), a.Hover, q.light3), a.Focus, q.light3)), o.Success, r(r(r({}, a.Default, H.light3), a.Hover, H.light3), a.Focus, H.light3)), o.Error, r(r(r({}, a.Default, E.light3), a.Hover, E.light3), a.Focus, E.light3)), o.Disabled, r(r(r({}, a.Default, f.light2), a.Hover, f.light2), a.Focus, f.light2)), border: r(r(r(r(r(r(r(r({}, o.Primary, r(r(r({}, a.Default, f.base), a.Hover, f.base), a.Focus, m.light1)), o.Secondary, r(r(r({}, a.Default, f.light2), a.Hover, f.light2), a.Focus, m.light1)), o.Tertiary, r(r(r({}, a.Default, f.light1), a.Hover, f.light1), a.Focus, m.light1)), o.Success, r(r(r({}, a.Default, H.dark1), a.Hover, H.dark1), a.Focus, m.light1)), o.Error, r(r(r({}, a.Default, E.base), a.Hover, E.base), a.Focus, m.light1)), o.Disabled, r(r(r({}, a.Default, f.light1), a.Hover, f.light1), a.Focus, f.light1)), o.OnSuccess, r(r(r({}, a.Default, H.light2), a.Hover, H.light2), a.Focus, H.light2)), o.OnError, r(r(r({}, a.Default, E.light2), a.Hover, E.light2), a.Focus, E.light2)), icon: r(r(r(r(r(r(r(r({}, o.Primary, r(r(r({}, a.Default, f.dark1), a.Hover, Y), a.Focus, m.dark1)), o.Secondary, r(r(r({}, a.Default, f.base), a.Hover, Y), a.Focus, m.dark1)), o.InversePrimary, r(r(r({}, a.Default, Q), a.Hover, Q), a.Focus, m.light2)), o.Info, r(r(r({}, a.Default, m.base), a.Hover, m.base), a.Focus, m.base)), o.Warning, r(r(r({}, a.Default, q.dark2), a.Hover, q.dark2), a.Focus, q.dark2)), o.Success, r(r(r({}, a.Default, H.dark1), a.Hover, H.dark1), a.Focus, H.dark1)), o.Error, r(r(r({}, a.Default, E.base), a.Hover, E.base), a.Focus, E.base)), o.Disabled, r(r(r({}, a.Default, f.base), a.Hover, f.base), a.Focus, f.base)), text: (r(r(r(r(r(r(r(r(r(r(pr = {}, o.Primary, r(r(r({}, a.Default, Y), a.Hover, Y), a.Focus, m.dark1)), o.Secondary, r(r(r({}, a.Default, f.dark1), a.Hover, Y), a.Focus, m.dark1)), o.InversePrimary, r(r(r({}, a.Default, Q), a.Hover, Q), a.Focus, m.light2)), o.InverseSecondary, r(r(r({}, a.Default, f.light1), a.Hover, Q), a.Focus, m.light2)), o.Disabled, r(r(r({}, a.Default, f.base), a.Hover, f.base), a.Focus, f.base)), o.Success, r(r(r({}, a.Default, H.dark2), a.Hover, H.dark2), a.Focus, H.dark2)), o.Error, r(r(r({}, a.Default, E.base), a.Hover, E.base), a.Focus, E.base)), o.Placeholder, r(r(r({}, a.Default, f.base), a.Hover, f.base), a.Focus, f.base)), o.OnSuccess, r(r(r({}, a.Default, H.dark2), a.Hover, H.dark2), a.Focus, H.dark2)), o.OnSuccessLink, r(r(r({}, a.Default, H.dark3), a.Hover, H.dark3), a.Focus, H.dark3)), r(r(pr, o.OnError, r(r(r({}, a.Default, E.dark2), a.Hover, E.dark2), a.Focus, E.dark2)), o.Link, r(r(r({}, a.Default, m.base), a.Hover, m.base), a.Focus, m.base))) }, Dr = r(r({}, g.Dark, Kr), g.Light, Zr), cr = { Dark: "dark", Light: "light" };
r(r({}, cr.Light, { default: "0 0 0 2px ".concat(i.white, ", 0 0 0 4px ").concat(i.blue.light1), input: "0 0 0 3px ".concat(i.blue.light1) }), cr.Dark, { default: "0 0 0 2px ".concat(i.black, ", 0 0 0 4px ").concat(i.blue.light1), input: "0 0 0 3px ".concat(i.blue.light1) });
r(r({}, cr.Light, { gray: "0 0 0 3px ".concat(i.gray.light2), green: "0 0 0 3px ".concat(i.green.light2), red: "0 0 0 3px ".concat(i.red.light2) }), cr.Dark, { gray: "0 0 0 3px ".concat(i.gray.dark2), green: "0 0 0 3px ".concat(i.green.dark3), red: "0 0 0 3px ".concat(i.yellow.dark3) });
var re = i.black, G = i.gray, ee = i.white;
r(r({}, o.Primary, r({}, a.Default, G.base)), o.Secondary, r({}, a.Default, G.dark1)), r(r({}, o.Primary, r({}, a.Default, re)), o.Secondary, r({}, a.Default, G.dark4)), r(r({}, o.Primary, r({}, a.Default, G.base)), o.Secondary, r({}, a.Default, G.light1)), r(r({}, o.Primary, r({}, a.Default, ee)), o.Secondary, r({}, a.Default, G.light3));
var _ = r(r({}, g.Light, { 1: "color-mix(in srgb, ".concat(i.black, " 15%, transparent)"), 2: "color-mix(in srgb, ".concat(i.black, " 20%, transparent)"), 3: "color-mix(in srgb, ".concat(i.black, " 60%, transparent)"), overflow: "color-mix(in srgb, ".concat(i.gray.dark1, " 30%, transparent)") }), g.Dark, { 1: "transparent", 2: "color-mix(in srgb, #000000 45%, transparent)", 3: "color-mix(in srgb, #000000 60%, transparent)", overflow: "color-mix(in srgb, #000000 30%, transparent)" });
r(r({}, g.Light, { 1: "0px 2px 4px 1px ".concat(_[g.Light][1]), 2: "0px 18px 18px -15px ".concat(_[g.Light][2]), 3: "0px 8px 20px -8px ".concat(_[g.Light][3]), overflow: "0px 2px 4px 1px ".concat(_[g.Light].overflow) }), g.Dark, { 1: "unset", 2: "0 18px 18px -15px ".concat(_[g.Dark][2]), 3: "0 8px 20px -8px ".concat(_[g.Dark][3]), overflow: "0px 2px 4px 1px ".concat(_[g.Dark].overflow) });
r(r({}, g.Light, 2), g.Dark, 16);
var mr = { 0: 0, 25: 1, 50: 2, 100: 4, 150: 6, 200: 8, 300: 12, 400: 16, 500: 20, 600: 24, 800: 32, 900: 36, 1e3: 40, 1200: 48, 1400: 56, 1600: 64, 1800: 72, 1: 4, 2: 8, 3: 16, 4: 24, 5: 32, 6: 64, 7: 88 };
function fr() {
  return fr = Object.assign ? Object.assign.bind() : function(n) {
    for (var s = 1; s < arguments.length; s++) {
      var c = arguments[s];
      for (var v in c)
        ({}).hasOwnProperty.call(c, v) && (n[v] = c[v]);
    }
    return n;
  }, fr.apply(null, arguments);
}
var yr, ae = function(n) {
  return dr(yr || (s = [`
  width: 100%;
  border-bottom: 1px solid
    `, `;
  background-color: `, `;
  padding: 14px `, `px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: `, `px;
`], c || (c = s.slice(0)), yr = Object.freeze(Object.defineProperties(s, { raw: { value: Object.freeze(c) } }))), Dr[n].border[o.Secondary][a.Default], Dr[n].background[o.Primary][a.Default], mr[400], mr[200]);
  var s, c;
}, te = function(n) {
  var s = n.className, c = n.theme;
  return Or(ae(c), s);
}, oe = ["badgeText", "className", "darkMode", "title"], Mr = Ir(function(n, s) {
  var c = n.badgeText, v = n.className, p = n.darkMode, D = n.title, T = function(S, z) {
    if (S == null)
      return {};
    var I, N, W = function($, ar) {
      if ($ == null)
        return {};
      var tr = {};
      for (var A in $)
        if ({}.hasOwnProperty.call($, A)) {
          if (ar.indexOf(A) !== -1)
            continue;
          tr[A] = $[A];
        }
      return tr;
    }(S, z);
    if (Object.getOwnPropertySymbols) {
      var B = Object.getOwnPropertySymbols(S);
      for (N = 0; N < B.length; N++)
        I = B[N], z.indexOf(I) === -1 && {}.propertyIsEnumerable.call(S, I) && (W[I] = S[I]);
    }
    return W;
  }(n, oe), j = sr(p), F = j.darkMode, U = j.theme;
  return R.createElement(Er, { darkMode: F }, R.createElement("div", fr({ className: te({ theme: U, className: v }) }, T, { ref: s }), R.createElement(vr, null, R.createElement("strong", null, D)), c && R.createElement(_r, { variant: "blue" }, c)));
});
Mr.displayName = "TitleBar";
function e(n, s, c) {
  return (s = function(v) {
    var p = function(D, T) {
      if (typeof D != "object" || !D)
        return D;
      var j = D[Symbol.toPrimitive];
      if (j !== void 0) {
        var F = j.call(D, T);
        if (typeof F != "object")
          return F;
        throw new TypeError("@@toPrimitive must return a primitive value.");
      }
      return String(D);
    }(v, "string");
    return typeof p == "symbol" ? p : p + "";
  }(s)) in n ? Object.defineProperty(n, s, { value: c, enumerable: !0, configurable: !0, writable: !0 }) : n[s] = c, n;
}
var Fr, Hr, l = { Disabled: "disabled", Placeholder: "placeholder", Primary: "primary", Secondary: "secondary", Tertiary: "tertiary", InversePrimary: "inversePrimary", InverseSecondary: "inverseSecondary", Info: "info", Warning: "warning", Error: "error", Success: "success", Link: "link", OnError: "onError", OnSuccess: "onSuccess", OnSuccessLink: "onSuccessLink" }, t = { Default: "default", Hover: "hover", Focus: "focus" }, lr = i.black, b = i.blue, d = i.gray, w = i.green, M = i.red, le = i.white, J = i.yellow, ie = { background: e(e(e(e(e(e(e(e({}, l.Primary, e(e(e({}, t.Default, lr), t.Hover, d.dark2), t.Focus, b.dark3)), l.Secondary, e(e(e({}, t.Default, d.dark4), t.Hover, d.dark2), t.Focus, b.dark3)), l.InversePrimary, e(e(e({}, t.Default, d.light2), t.Hover, d.light3), t.Focus, b.light2)), l.Info, e(e(e({}, t.Default, b.dark3), t.Hover, b.dark3), t.Focus, b.dark3)), l.Warning, e(e(e({}, t.Default, J.dark3), t.Hover, J.dark3), t.Focus, J.dark3)), l.Success, e(e(e({}, t.Default, w.dark3), t.Hover, w.dark3), t.Focus, w.dark3)), l.Error, e(e(e({}, t.Default, M.dark3), t.Hover, M.dark3), t.Focus, M.dark3)), l.Disabled, e(e(e({}, t.Default, d.dark3), t.Hover, d.dark3), t.Focus, d.dark3)), border: e(e(e(e(e(e(e(e({}, l.Primary, e(e(e({}, t.Default, d.base), t.Hover, d.base), t.Focus, b.light1)), l.Secondary, e(e(e({}, t.Default, d.dark2), t.Hover, d.dark2), t.Focus, b.light1)), l.Tertiary, e(e(e({}, t.Default, d.dark1), t.Hover, d.dark1), t.Focus, b.light1)), l.Success, e(e(e({}, t.Default, w.dark1), t.Hover, w.dark1), t.Focus, b.light1)), l.Error, e(e(e({}, t.Default, M.light1), t.Hover, M.light1), t.Focus, b.light1)), l.OnSuccess, e(e(e({}, t.Default, w.dark2), t.Hover, w.dark2), t.Focus, b.light1)), l.OnError, e(e(e({}, t.Default, M.dark2), t.Hover, M.dark2), t.Focus, b.light1)), l.Disabled, e(e(e({}, t.Default, d.dark2), t.Hover, d.dark2), t.Focus, d.dark2)), icon: e(e(e(e(e(e(e(e({}, l.Primary, e(e(e({}, t.Default, d.light1), t.Hover, d.light3), t.Focus, b.light3)), l.Secondary, e(e(e({}, t.Default, d.base), t.Hover, d.light3), t.Focus, b.light3)), l.InversePrimary, e(e(e({}, t.Default, le), t.Hover, lr), t.Focus, b.dark2)), l.Info, e(e(e({}, t.Default, b.light1), t.Hover, b.light1), t.Focus, b.light1)), l.Warning, e(e(e({}, t.Default, J.base), t.Hover, J.base), t.Focus, J.base)), l.Success, e(e(e({}, t.Default, w.base), t.Hover, w.base), t.Focus, w.base)), l.Error, e(e(e({}, t.Default, M.light1), t.Hover, M.light1), t.Focus, M.light1)), l.Disabled, e(e(e({}, t.Default, d.dark1), t.Hover, d.dark1), t.Focus, d.dark1)), text: (e(e(e(e(e(e(e(e(e(e(Fr = {}, l.Primary, e(e(e({}, t.Default, d.light2), t.Hover, d.light2), t.Focus, b.light3)), l.Placeholder, e(e(e({}, t.Default, d.dark1), t.Hover, d.dark1), t.Focus, d.dark1)), l.Secondary, e(e(e({}, t.Default, d.light1), t.Hover, d.light2), t.Focus, b.light3)), l.InversePrimary, e(e(e({}, t.Default, lr), t.Hover, lr), t.Focus, b.dark2)), l.InverseSecondary, e(e(e({}, t.Default, d.dark2), t.Hover, lr), t.Focus, b.dark2)), l.Disabled, e(e(e({}, t.Default, d.dark1), t.Hover, d.dark1), t.Focus, d.dark1)), l.Success, e(e(e({}, t.Default, w.light2), t.Hover, w.light2), t.Focus, w.light2)), l.Error, e(e(e({}, t.Default, M.light1), t.Hover, M.light1), t.Focus, M.light1)), l.OnSuccess, e(e(e({}, t.Default, w.light1), t.Hover, w.light1), t.Focus, w.light1)), l.OnSuccessLink, e(e(e({}, t.Default, w.light3), t.Hover, w.light3), t.Focus, w.light3)), e(e(Fr, l.OnError, e(e(e({}, t.Default, M.light2), t.Hover, M.light2), t.Focus, M.light2)), l.Link, e(e(e({}, t.Default, b.light1), t.Hover, b.light1), t.Focus, b.light1))) }, K = i.black, y = i.blue, h = i.gray, x = i.green, O = i.red, Z = i.white, rr = i.yellow, ne = { background: e(e(e(e(e(e(e(e({}, l.Primary, e(e(e({}, t.Default, Z), t.Hover, h.light2), t.Focus, y.light3)), l.Secondary, e(e(e({}, t.Default, h.light3), t.Hover, h.light2), t.Focus, y.light3)), l.InversePrimary, e(e(e({}, t.Default, K), t.Hover, h.dark3), t.Focus, y.dark2)), l.Info, e(e(e({}, t.Default, y.light3), t.Hover, y.light3), t.Focus, y.light3)), l.Warning, e(e(e({}, t.Default, rr.light3), t.Hover, rr.light3), t.Focus, rr.light3)), l.Success, e(e(e({}, t.Default, x.light3), t.Hover, x.light3), t.Focus, x.light3)), l.Error, e(e(e({}, t.Default, O.light3), t.Hover, O.light3), t.Focus, O.light3)), l.Disabled, e(e(e({}, t.Default, h.light2), t.Hover, h.light2), t.Focus, h.light2)), border: e(e(e(e(e(e(e(e({}, l.Primary, e(e(e({}, t.Default, h.base), t.Hover, h.base), t.Focus, y.light1)), l.Secondary, e(e(e({}, t.Default, h.light2), t.Hover, h.light2), t.Focus, y.light1)), l.Tertiary, e(e(e({}, t.Default, h.light1), t.Hover, h.light1), t.Focus, y.light1)), l.Success, e(e(e({}, t.Default, x.dark1), t.Hover, x.dark1), t.Focus, y.light1)), l.Error, e(e(e({}, t.Default, O.base), t.Hover, O.base), t.Focus, y.light1)), l.Disabled, e(e(e({}, t.Default, h.light1), t.Hover, h.light1), t.Focus, h.light1)), l.OnSuccess, e(e(e({}, t.Default, x.light2), t.Hover, x.light2), t.Focus, x.light2)), l.OnError, e(e(e({}, t.Default, O.light2), t.Hover, O.light2), t.Focus, O.light2)), icon: e(e(e(e(e(e(e(e({}, l.Primary, e(e(e({}, t.Default, h.dark1), t.Hover, K), t.Focus, y.dark1)), l.Secondary, e(e(e({}, t.Default, h.base), t.Hover, K), t.Focus, y.dark1)), l.InversePrimary, e(e(e({}, t.Default, Z), t.Hover, Z), t.Focus, y.light2)), l.Info, e(e(e({}, t.Default, y.base), t.Hover, y.base), t.Focus, y.base)), l.Warning, e(e(e({}, t.Default, rr.dark2), t.Hover, rr.dark2), t.Focus, rr.dark2)), l.Success, e(e(e({}, t.Default, x.dark1), t.Hover, x.dark1), t.Focus, x.dark1)), l.Error, e(e(e({}, t.Default, O.base), t.Hover, O.base), t.Focus, O.base)), l.Disabled, e(e(e({}, t.Default, h.base), t.Hover, h.base), t.Focus, h.base)), text: (e(e(e(e(e(e(e(e(e(e(Hr = {}, l.Primary, e(e(e({}, t.Default, K), t.Hover, K), t.Focus, y.dark1)), l.Secondary, e(e(e({}, t.Default, h.dark1), t.Hover, K), t.Focus, y.dark1)), l.InversePrimary, e(e(e({}, t.Default, Z), t.Hover, Z), t.Focus, y.light2)), l.InverseSecondary, e(e(e({}, t.Default, h.light1), t.Hover, Z), t.Focus, y.light2)), l.Disabled, e(e(e({}, t.Default, h.base), t.Hover, h.base), t.Focus, h.base)), l.Success, e(e(e({}, t.Default, x.dark2), t.Hover, x.dark2), t.Focus, x.dark2)), l.Error, e(e(e({}, t.Default, O.base), t.Hover, O.base), t.Focus, O.base)), l.Placeholder, e(e(e({}, t.Default, h.base), t.Hover, h.base), t.Focus, h.base)), l.OnSuccess, e(e(e({}, t.Default, x.dark2), t.Hover, x.dark2), t.Focus, x.dark2)), l.OnSuccessLink, e(e(e({}, t.Default, x.dark3), t.Hover, x.dark3), t.Focus, x.dark3)), e(e(Hr, l.OnError, e(e(e({}, t.Default, O.dark2), t.Hover, O.dark2), t.Focus, O.dark2)), l.Link, e(e(e({}, t.Default, y.base), t.Hover, y.base), t.Focus, y.base))) };
e(e({}, g.Dark, ie), g.Light, ne);
var ur = { Dark: "dark", Light: "light" };
e(e({}, ur.Light, { default: "0 0 0 2px ".concat(i.white, ", 0 0 0 4px ").concat(i.blue.light1), input: "0 0 0 3px ".concat(i.blue.light1) }), ur.Dark, { default: "0 0 0 2px ".concat(i.black, ", 0 0 0 4px ").concat(i.blue.light1), input: "0 0 0 3px ".concat(i.blue.light1) });
e(e({}, ur.Light, { gray: "0 0 0 3px ".concat(i.gray.light2), green: "0 0 0 3px ".concat(i.green.light2), red: "0 0 0 3px ".concat(i.red.light2) }), ur.Dark, { gray: "0 0 0 3px ".concat(i.gray.dark2), green: "0 0 0 3px ".concat(i.green.dark3), red: "0 0 0 3px ".concat(i.yellow.dark3) });
var se = i.black, er = i.gray, ce = i.white;
e(e({}, l.Primary, e({}, t.Default, er.base)), l.Secondary, e({}, t.Default, er.dark1)), e(e({}, l.Primary, e({}, t.Default, se)), l.Secondary, e({}, t.Default, er.dark4)), e(e({}, l.Primary, e({}, t.Default, er.base)), l.Secondary, e({}, t.Default, er.light1)), e(e({}, l.Primary, e({}, t.Default, ce)), l.Secondary, e({}, t.Default, er.light3));
var V = e(e({}, g.Light, { 1: "color-mix(in srgb, ".concat(i.black, " 15%, transparent)"), 2: "color-mix(in srgb, ".concat(i.black, " 20%, transparent)"), 3: "color-mix(in srgb, ".concat(i.black, " 60%, transparent)"), overflow: "color-mix(in srgb, ".concat(i.gray.dark1, " 30%, transparent)") }), g.Dark, { 1: "transparent", 2: "color-mix(in srgb, #000000 45%, transparent)", 3: "color-mix(in srgb, #000000 60%, transparent)", overflow: "color-mix(in srgb, #000000 30%, transparent)" });
e(e({}, g.Light, { 1: "0px 2px 4px 1px ".concat(V[g.Light][1]), 2: "0px 18px 18px -15px ".concat(V[g.Light][2]), 3: "0px 8px 20px -8px ".concat(V[g.Light][3]), overflow: "0px 2px 4px 1px ".concat(V[g.Light].overflow) }), g.Dark, { 1: "unset", 2: "0 18px 18px -15px ".concat(V[g.Dark][2]), 3: "0 8px 20px -8px ".concat(V[g.Dark][3]), overflow: "0px 2px 4px 1px ".concat(V[g.Dark].overflow) });
e(e({}, g.Light, 2), g.Dark, 16);
var xr = { 0: 0, 25: 1, 50: 2, 100: 4, 150: 6, 200: 8, 300: 12, 400: 16, 500: 20, 600: 24, 800: 32, 900: 36, 1e3: 40, 1200: 48, 1400: 56, 1600: 64, 1800: 72, 1: 4, 2: 8, 3: 16, 4: 24, 5: 32, 6: 64, 7: 88 };
function hr() {
  return hr = Object.assign ? Object.assign.bind() : function(n) {
    for (var s = 1; s < arguments.length; s++) {
      var c = arguments[s];
      for (var v in c)
        ({}).hasOwnProperty.call(c, v) && (n[v] = c[v]);
    }
    return n;
  }, hr.apply(null, arguments);
}
function kr(n, s) {
  return s || (s = n.slice(0)), Object.freeze(Object.defineProperties(n, { raw: { value: Object.freeze(s) } }));
}
var Sr, Pr, wr, ue = dr(Sr || (Sr = kr([`
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 100%;
  justify-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
`]))), de = function(n) {
  var s = n.className;
  return Or(ue, s);
}, ge = dr(Pr || (Pr = kr([`
  flex: 1;
`]))), fe = dr(wr || (wr = kr([`
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0 `, "px ", `px;
`])), xr[400], xr[400]), he = ["children", "className", "darkMode", "title", "badgeText"], jr = Ir(function(n, s) {
  var c = n.children, v = n.className, p = n.darkMode, D = n.title, T = n.badgeText, j = function(S, z) {
    if (S == null)
      return {};
    var I, N, W = function($, ar) {
      if ($ == null)
        return {};
      var tr = {};
      for (var A in $)
        if ({}.hasOwnProperty.call($, A)) {
          if (ar.indexOf(A) !== -1)
            continue;
          tr[A] = $[A];
        }
      return tr;
    }(S, z);
    if (Object.getOwnPropertySymbols) {
      var B = Object.getOwnPropertySymbols(S);
      for (N = 0; N < B.length; N++)
        I = B[N], z.indexOf(I) === -1 && {}.propertyIsEnumerable.call(S, I) && (W[I] = S[I]);
    }
    return W;
  }(n, he), F = sr(p).darkMode, U = Lr(c).map(function(S) {
    return Tr(S, "InputBar") ? R.createElement("div", { className: fe, key: "input-bar-wrapper" }, S) : S;
  });
  return R.createElement(Er, { darkMode: F }, R.createElement("div", hr({ className: de({ className: v }), ref: s }, j), D && R.createElement(Mr, { title: D, badgeText: T }), R.createElement("div", { "aria-hidden": "true", className: ge }), U));
});
jr.displayName = "ChatWindow";
function ve(n) {
  const { message: s = "Something went wrong" } = n, { darkMode: c } = sr();
  return /* @__PURE__ */ nr(Vr, { darkMode: n.darkMode ?? c, variant: "danger", children: [
    s,
    /* @__PURE__ */ C("br", {}),
    "Reload the page to start a new conversation."
  ] });
}
function Re(n) {
  var $;
  const { darkMode: s } = sr(n.darkMode), {
    className: c,
    disclaimer: v,
    disclaimerHeading: p,
    fatalErrorMessage: D,
    initialMessageText: T,
    initialMessageReferences: j,
    initialMessageSuggestedPrompts: F,
    inputBottomText: U,
    messageBottomContent: S,
    windowTitle: z
  } = n, { chatbotName: I, conversation: N } = $r(), W = zr(() => T ? {
    id: crypto.randomUUID(),
    role: "assistant",
    content: T,
    createdAt: (/* @__PURE__ */ new Date()).toLocaleTimeString(),
    suggestedPrompts: F,
    references: j
  } : null, [
    T,
    j,
    F
  ]), B = N.streamingMessageId !== void 0 && (($ = N.getMessage(N.streamingMessageId)) == null ? void 0 : $.content) === "";
  return /* @__PURE__ */ C(Xr, { children: /* @__PURE__ */ nr(
    jr,
    {
      className: gr(
        "chat-window",
        ir`
            max-width: 100%;
            height: 100%;
            & > div { max-height: 100%; flex-grow: 1; }
          `,
        c
      ),
      title: z ?? I ?? "",
      darkMode: s,
      children: [
        /* @__PURE__ */ C(Ar, { fallback: null, children: /* @__PURE__ */ C(
          Gr,
          {
            className: gr("chat-message-feed"),
            darkMode: s,
            disclaimer: v,
            disclaimerHeading: p,
            initialMessage: W,
            messageBottomContent: S
          }
        ) }),
        /* @__PURE__ */ C(
          ke,
          {
            fatalErrorMessage: D,
            darkMode: s,
            bottomText: U,
            placeholder: n.inputBarPlaceholder,
            isLoading: B
          }
        )
      ]
    }
  ) });
}
function ke({
  darkMode: n,
  fatalErrorMessage: s = Qr,
  id: c = "chatbot-input-bar",
  bottomText: v,
  placeholder: p = qr(),
  isLoading: D = !1
}) {
  var B;
  const { darkMode: T } = sr(n), {
    awaitingReply: j,
    conversation: F,
    handleSubmit: U,
    inputBarRef: S,
    inputText: z,
    inputTextError: I,
    // maxInputCharacters,
    setInputText: N
  } = $r(), W = I !== "";
  return /* @__PURE__ */ nr(
    "div",
    {
      className: gr(
        "input-bar-container",
        ir`
          position: relative;
          box-sizing: border-box;
          width: 100%;
          display: flex;
          flex-direction: column;
          gap: 0.5rem;
          margin-top: 1rem;
          padding-top: 0.5rem;
          padding-bottom: 1rem;
          padding-left: 16px;
          padding-right: 16px;
        `
      ),
      children: [
        F.error ? /* @__PURE__ */ C(ve, { darkMode: T, message: F.error }) : /* @__PURE__ */ nr(Nr, { children: [
          /* @__PURE__ */ C(
            Yr,
            {
              hasError: W,
              darkMode: T,
              ref: S,
              disabled: !!((B = F.error) != null && B.length),
              disableSend: W || j,
              onMessageSend: ($) => {
                I.length === 0 && !F.error && U($);
              },
              textareaProps: {
                id: c,
                value: z,
                onChange: ($) => {
                  N($.target.value);
                },
                placeholder: F.error ? s : p
              },
              state: F.error ? "error" : D ? "loading" : void 0
            }
          ),
          /* @__PURE__ */ C(
            "div",
            {
              className: ir`
              display: flex;
              justify-content: space-between;
            `,
              children: v ? /* @__PURE__ */ C(
                vr,
                {
                  baseFontSize: 13,
                  className: ir`
                  text-align: center;
                `,
                  children: v
                }
              ) : null
            }
          )
        ] }),
        /* @__PURE__ */ C(be, { conversation: F })
      ]
    }
  );
}
function be({ conversation: n }) {
  return {}.VITE_QA === "true" ? /* @__PURE__ */ C(
    "div",
    {
      className: ir`
      display: flex;
      flex-direction: row;
      justify-content: center;
    `,
      children: /* @__PURE__ */ nr(vr, { children: [
        "Conversation ID: ",
        /* @__PURE__ */ C(Cr, { children: n.conversationId })
      ] })
    }
  ) : null;
}
export {
  Re as ChatWindow
};