@altimateai/ui-components 0.0.1-beta.3 → 0.0.1-beta.4

package/dist/Tooltip.js

@@ -0,0 +1,115 @@
+import { j as i } from "./index2.js";
+import { createContext as h, Component as f, createElement as u, isValidElement as m, useState as p, useRef as g } from "react";
+import { Tooltip as y } from "reactstrap";
+var x = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function T(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+const E = h(null), d = {
+  didCatch: !1,
+  error: null
+};
+class v extends f {
+  constructor(e) {
+    super(e), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = d;
+  }
+  static getDerivedStateFromError(e) {
+    return {
+      didCatch: !0,
+      error: e
+    };
+  }
+  resetErrorBoundary() {
+    const {
+      error: e
+    } = this.state;
+    if (e !== null) {
+      for (var o, n, r = arguments.length, a = new Array(r), s = 0; s < r; s++)
+        a[s] = arguments[s];
+      (o = (n = this.props).onReset) === null || o === void 0 || o.call(n, {
+        args: a,
+        reason: "imperative-api"
+      }), this.setState(d);
+    }
+  }
+  componentDidCatch(e, o) {
+    var n, r;
+    (n = (r = this.props).onError) === null || n === void 0 || n.call(r, e, o);
+  }
+  componentDidUpdate(e, o) {
+    const {
+      didCatch: n
+    } = this.state, {
+      resetKeys: r
+    } = this.props;
+    if (n && o.error !== null && b(e.resetKeys, r)) {
+      var a, s;
+      (a = (s = this.props).onReset) === null || a === void 0 || a.call(s, {
+        next: r,
+        prev: e.resetKeys,
+        reason: "keys"
+      }), this.setState(d);
+    }
+  }
+  render() {
+    const {
+      children: e,
+      fallbackRender: o,
+      FallbackComponent: n,
+      fallback: r
+    } = this.props, {
+      didCatch: a,
+      error: s
+    } = this.state;
+    let l = e;
+    if (a) {
+      const c = {
+        error: s,
+        resetErrorBoundary: this.resetErrorBoundary
+      };
+      if (typeof o == "function")
+        l = o(c);
+      else if (n)
+        l = u(n, c);
+      else if (r === null || m(r))
+        l = r;
+      else
+        throw s;
+    }
+    return u(E.Provider, {
+      value: {
+        didCatch: a,
+        error: s,
+        resetErrorBoundary: this.resetErrorBoundary
+      }
+    }, l);
+  }
+}
+function b() {
+  let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+  return t.length !== e.length || t.some((o, n) => !Object.is(o, e[n]));
+}
+const w = (t) => {
+  const [e, o] = p(!1), n = () => o(!e), r = g(
+    (t.id ?? `tooltip-${Math.random().toString(36).substring(3, 9)}`).replace(/\s/g, "-")
+  );
+  return /* @__PURE__ */ i.jsxs(v, { fallback: /* @__PURE__ */ i.jsx("span", { id: r.current, children: t.children }), children: [
+    /* @__PURE__ */ i.jsx("span", { id: r.current, children: t.children }),
+    t.title ? /* @__PURE__ */ i.jsx(
+      y,
+      {
+        isOpen: e,
+        target: r.current,
+        toggle: n,
+        className: t.className,
+        placement: "top",
+        children: t.title
+      }
+    ) : null
+  ] });
+};
+export {
+  w as T,
+  x as c,
+  T as g
+};

package/dist/chatbot/index.js

@@ -1,44 +1,52 @@
-import { j as t, C as U, a as w, b as R, D as T, R as D, U as $ } from "../index2.js";
-import { useState as I, useRef as N, useEffect as B } from "react";
-import { useProChat as E, ProChat as A } from "@ant-design/pro-chat";
-import { Button as M, Spinner as F, Card as k, CardTitle as O, Collapse as q, CardBody as z, List as H } from "reactstrap";
-import { S as _ } from "../Stack.js";
-import { u as V, M as P, v as Q } from "../v4.js";
+import { j as t, C as I, a as T, b as D, D as $, R as N, U as B } from "../index2.js";
+import { useState as S, useEffect as _, useRef as E } from "react";
+import { useProChat as L, ProChat as A } from "@ant-design/pro-chat";
+import { Button as b, Spinner as F, Card as k, CardTitle as O, Collapse as q, CardBody as z, List as H } from "reactstrap";
+import { u as V, S as v, M as P, v as Q } from "../v4.js";
 import { B as G } from "../Badge.js";
-import '../index.css';const J = "_chatbot_1ti7a_1", K = "_chatTriggerLink_1ti7a_1", W = "_statusUpdates_1ti7a_51", C = {
+import '../index.css';const J = "_chatbot_1ti7a_1", K = "_chatTriggerLink_1ti7a_1", W = "_statusUpdates_1ti7a_51", U = {
   chatbot: J,
   chatTriggerLink: K,
   statusUpdates: W
-}, X = ({ text: n }) => {
-  const { sendMessage: d } = E();
-  return /* @__PURE__ */ t.jsx(M, { onClick: () => d(n), color: "link", className: C.chatTriggerLink, children: n }, n);
-}, Y = ({ onFollowupRequest: n, sessionId: d }) => {
-  const { data: r } = V({
+}, X = ({ text: o }) => {
+  const { sendMessage: d } = L();
+  return /* @__PURE__ */ t.jsx(
+    b,
+    {
+      onClick: () => d(o),
+      color: "link",
+      className: U.chatTriggerLink,
+      children: o
+    },
+    o
+  );
+}, Y = ({ onFollowupRequest: o, sessionId: d }) => {
+  const { data: a } = V({
     // @ts-expect-error valid
-    queryFn: () => n(d)
+    queryFn: () => o(d)
   });
-  return r != null && r.length ? /* @__PURE__ */ t.jsx(_, { direction: "column", children: r.map((c) => /* @__PURE__ */ t.jsx(X, { text: c }, c)) }) : null;
-}, Z = ({ chat: n }) => {
-  var p;
-  const [d, r] = I(!0), {
-    originData: { extra: c }
-  } = n;
-  if (!((p = c == null ? void 0 : c.statusUpdates) != null && p.length))
+  return a != null && a.length ? /* @__PURE__ */ t.jsx(v, { direction: "column", children: a.map((l) => /* @__PURE__ */ t.jsx(X, { text: l }, l)) }) : null;
+}, Z = ({ chat: o }) => {
+  var j;
+  const { getChatLoadingId: d } = L(), [a, l] = S(!0), { originData: p } = o, x = d();
+  if (_(() => {
+    x || l(!1);
+  }, [x]), !((j = p == null ? void 0 : p.statusUpdates) != null && j.length))
     return null;
-  const x = () => r((h) => !h), [j, ...i] = c.statusUpdates.filter(
+  const i = () => l((h) => !h), [C, ...m] = p.statusUpdates.filter(
     (h) => h.type === "info"
-  ), f = n.loading ? /* @__PURE__ */ t.jsx(F, { size: "sm" }) : /* @__PURE__ */ t.jsx(U, {});
-  return /* @__PURE__ */ t.jsxs(k, { className: C.statusUpdates, children: [
-    /* @__PURE__ */ t.jsxs(O, { color: "primary", onClick: x, children: [
+  ), y = o.loading ? /* @__PURE__ */ t.jsx(F, { size: "sm" }) : /* @__PURE__ */ t.jsx(I, {});
+  return /* @__PURE__ */ t.jsxs(k, { className: U.statusUpdates, children: [
+    /* @__PURE__ */ t.jsxs(O, { color: "primary", onClick: i, children: [
       /* @__PURE__ */ t.jsxs("span", { children: [
-        f,
+        y,
         " ",
-        j.message
+        C.message
       ] }),
-      d ? /* @__PURE__ */ t.jsx(R, {}) : /* @__PURE__ */ t.jsx(w, {})
+      a ? /* @__PURE__ */ t.jsx(D, {}) : /* @__PURE__ */ t.jsx(T, {})
     ] }),
-    i.length ? /* @__PURE__ */ t.jsx(q, { isOpen: d, children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(z, { children: /* @__PURE__ */ t.jsx(H, { className: "list-unstyled m-0", style: { lineHeight: 1.5 }, children: i.map((h) => /* @__PURE__ */ t.jsxs("li", { children: [
-      /* @__PURE__ */ t.jsx(U, {}),
+    m.length ? /* @__PURE__ */ t.jsx(q, { isOpen: a, children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(z, { children: /* @__PURE__ */ t.jsx(H, { className: "list-unstyled m-0", style: { lineHeight: 1.5 }, children: m.map((h) => /* @__PURE__ */ t.jsxs("li", { children: [
+      /* @__PURE__ */ t.jsx(I, {}),
       " ",
       /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(P, { children: h.message.trim().replace(/```/g, "\n```") }) })
     ] }, h.id)) }) }) }) }) : null
@@ -46,72 +54,74 @@ import '../index.css';const J = "_chatbot_1ti7a_1", K = "_chatTriggerLink_1ti7a_
 }, tt = "_citations_18435_1", et = {
   citations: tt
 }, st = ({
-  citations: n,
+  citations: o,
   frontendUrl: d
-}) => n != null && n.length ? /* @__PURE__ */ t.jsxs(_, { className: et.citations, children: [
+}) => o != null && o.length ? /* @__PURE__ */ t.jsxs(v, { className: et.citations, children: [
   "Learnings applied:",
-  /* @__PURE__ */ t.jsx("ul", { style: { padding: 0, display: "flex", gap: 8, marginTop: -2 }, children: n.map((r, c) => /* @__PURE__ */ t.jsx("li", { style: { listStyle: "none" }, children: /* @__PURE__ */ t.jsx(
+  /* @__PURE__ */ t.jsx("ul", { style: { padding: 0, display: "flex", gap: 8, marginTop: -2 }, children: o.map((a, l) => /* @__PURE__ */ t.jsx("li", { style: { listStyle: "none" }, children: /* @__PURE__ */ t.jsx(
     G,
     {
       tag: "a",
-      href: `${d}/teammates/${r.taskLabel}?learning=${r.id}`,
-      tooltip: r.content,
-      children: c + 1
+      href: `${d}/teammates/${a.taskLabel}?learning=${a.id}`,
+      tooltip: a.content,
+      children: l + 1
     }
-  ) }, r.id)) })
-] }) : null, dt = ({
-  loading: n,
+  ) }, a.id)) })
+] }) : null, lt = ({
+  loading: o,
   onRequest: d,
-  sessionId: r,
-  onFollowupRequest: c,
-  frontendUrl: x,
-  ...j
+  sessionId: a,
+  onFollowupRequest: l,
+  frontendUrl: p,
+  ...x
 }) => {
-  const i = N(), f = (e = 16) => {
+  const i = E(), C = (e = 16) => {
     const s = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
     return Array.from(
       { length: e },
       () => s.charAt(Math.floor(Math.random() * s.length))
     ).join("");
-  }, [p, h] = I(f());
-  B(() => {
-    r && h(r);
-  }, [r]);
-  const S = (e) => {
-    var a, o, l, g;
-    const s = (a = i.current) == null ? void 0 : a.getChatLoadingId();
+  }, [m, y] = S(C());
+  _(() => {
+    a && y(a);
+  }, [a]);
+  const j = (e) => {
+    var r, n, c, g;
+    const s = (r = i.current) == null ? void 0 : r.getChatLoadingId();
     if (console.log("onStatusUpdate", e, s), s) {
-      const u = (o = i.current) == null ? void 0 : o.getChatById(s), m = u != null && u.extra ? { ...u.extra } : {}, y = e.id || Q();
-      m.statusUpdates = m.statusUpdates ? [{ ...e, id: y }, ...m.statusUpdates] : [{ ...e, id: y }], (l = i.current) == null || l.setMessageValue(s, "extra", m), (g = i.current) == null || g.setMessageValue(
-        s,
-        "content",
-        (u == null ? void 0 : u.content) + " "
-      );
+      const u = (n = i.current) == null ? void 0 : n.getChatById(s), f = u != null && u.extra ? { ...u.extra } : {}, M = e.id || Q();
+      f.statusUpdates = f.statusUpdates ? [{ ...e, id: M }, ...f.statusUpdates] : [{ ...e, id: M }], (c = i.current) == null || c.setMessageValue(s, "extra", f), (g = i.current) == null || g.setMessageValue(s, "content", (u == null ? void 0 : u.content) + " ");
     }
-  }, L = async (e) => {
+  }, h = async (e) => {
+    var s, r;
     try {
-      return await d(e, p, S);
-    } catch (s) {
-      return typeof s == "string" ? s : s.message;
+      const n = e.filter((g) => g.role === "user"), c = n[n.length - 1];
+      if (!((s = c.content) != null && s.toString().trim())) {
+        (r = i.current) == null || r.deleteMessage(c.id);
+        return;
+      }
+      return await d(e, m, j);
+    } catch (n) {
+      return typeof n == "string" ? n : n.message;
     }
-  }, b = () => {
+  }, w = () => {
     setTimeout(() => {
-      var a, o, l;
-      const e = (a = i.current) == null ? void 0 : a.getChats();
+      var r, n, c;
+      const e = (r = i.current) == null ? void 0 : r.getChats();
       if (!(e != null && e.length))
         return;
       const s = e[e.length - 1];
-      (l = i.current) == null || l.setChat(s.id, {
+      (c = i.current) == null || c.setChat(s.id, {
         ...s,
-        content: (o = s.content) == null ? void 0 : o.replace(/\\\$/g, "$").replace(/\$/g, "\\$")
+        content: (n = s.content) == null ? void 0 : n.replace(/\\\$/g, "$").replace(/\$/g, "\\$")
       });
     }, 100);
-  }, v = () => {
+  }, R = () => {
     var s;
     const e = (s = i.current) == null ? void 0 : s.getChats();
-    e == null || e.forEach((a) => {
-      var o;
-      return (o = i.current) == null ? void 0 : o.deleteMessage(a.id);
+    e == null || e.forEach((r) => {
+      var n;
+      return (n = i.current) == null ? void 0 : n.deleteMessage(r.id);
     });
   };
   return /* @__PURE__ */ t.jsx(
@@ -119,64 +129,58 @@ import '../index.css';const J = "_chatbot_1ti7a_1", K = "_chatTriggerLink_1ti7a_
     {
       actions: {
         render: () => [
-          /* @__PURE__ */ t.jsxs(M, { onClick: v, outline: !0, color: "primary", size: "sm", children: [
+          /* @__PURE__ */ t.jsxs(b, { onClick: R, outline: !0, color: "primary", size: "sm", children: [
             "Clear chat ",
-            /* @__PURE__ */ t.jsx(T, { className: "align-middle" })
-          ] })
+            /* @__PURE__ */ t.jsx($, { className: "align-middle" })
+          ] }, "clear-chat")
         ]
       },
       locale: "en-US",
-      request: L,
+      request: h,
       appStyle: { height: "100%", width: "100%" },
       assistantMeta: {
-        avatar: D,
+        avatar: N,
         name: "Altimate"
       },
       helloMessage: "Hello, how are you??",
       userMeta: {
-        avatar: $,
+        avatar: B,
         name: "User"
       },
-      loading: n,
-      className: C.chatbot,
+      loading: o,
+      className: U.chatbot,
       chatRef: i,
-      onChatEnd: b,
+      onChatEnd: w,
       chatItemRenderConfig: {
         contentRender: (e, s) => {
-          var o, l, g;
-          const a = (g = (l = (o = e.originData) == null ? void 0 : o.extra) == null ? void 0 : l.statusUpdates) == null ? void 0 : g.find((u) => u.type === "citations");
+          var n, c, g;
+          const r = (g = (c = (n = e.originData) == null ? void 0 : n.extra) == null ? void 0 : c.statusUpdates) == null ? void 0 : g.find((u) => u.type === "citations");
           return /* @__PURE__ */ t.jsxs("div", { children: [
-            /* @__PURE__ */ t.jsx(Z, { chat: e }),
+            /* @__PURE__ */ t.jsx(Z, { chat: { ...e, originData: e.originData || {} } }),
             s,
-            /* @__PURE__ */ t.jsx(st, { citations: a == null ? void 0 : a.citations, frontendUrl: x })
+            /* @__PURE__ */ t.jsx(st, { citations: r == null ? void 0 : r.citations, frontendUrl: p })
           ] });
         },
-        render: (e, s, a) => {
-          var l;
-          const o = e.loading || !c || ((l = e.originData) == null ? void 0 : l.role) !== "assistant";
+        render: (e, s, r) => {
+          var c;
+          const n = e.loading || !l || ((c = e.originData) == null ? void 0 : c.role) !== "assistant";
           return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-            a,
-            o ? null : /* @__PURE__ */ t.jsx(
-              Y,
-              {
-                onFollowupRequest: c,
-                sessionId: p
-              }
-            )
+            r,
+            n ? null : /* @__PURE__ */ t.jsx(Y, { onFollowupRequest: l, sessionId: m })
           ] });
         }
       },
       markdownProps: {
         components: {
-          pre: ({ node: e, className: s, children: a, ...o }) => /* @__PURE__ */ t.jsx("pre", { ...o, className: s, children: a })
+          pre: ({ node: e, className: s, children: r, ...n }) => /* @__PURE__ */ t.jsx("pre", { ...n, className: s, children: r })
         }
       },
-      ...j
+      ...x
     }
   );
 };
 export {
   X as ChatTriggerLink,
-  dt as Chatbot,
+  lt as Chatbot,
   st as Citations
 };

package/dist/flowchart-elk-definition-170a3958.js

@@ -1,6 +1,6 @@
 import { o as DH, q as wMe, r as gMe, l as K1, j as J1n, t as pMe, s as vMe, u as Y1n, v as mMe, w as kMe, x as Uee, y as yMe, z as Q1n, B as $H, D as jMe, E as EMe } from "./CoachForm.js";
 import { s as bI } from "./redux-toolkit.modern.js";
-import { c as Hee, g as CMe } from "./Stack.js";
+import { c as Hee, g as CMe } from "./Tooltip.js";
 var Wee = { exports: {} };
 (function(Ae, It) {
   (function(ot) {

package/dist/index.js

@@ -1,7 +1,7 @@
 import { j as s, i as r, h as t, C as n, D as i, L as m, T as c, m as p, l as C, k as T } from "./main.js";
 import "reactstrap";
 import { A as v, C as h, I as u } from "./redux-toolkit.modern.js";
-import { T as f } from "./Stack.js";
+import { T as f } from "./Tooltip.js";
 import { Z as x, T as A, J as B, V as M, a0 as P, a1 as k, $ as j, _ as y, W as F, X as G, Y as L, O as S } from "./CoachForm.js";
 import { B as D } from "./Badge.js";
 export {