@ronak27/superwise-chatbot-package 1.0.0

package/dist/react-chatbot.es.js

@@ -0,0 +1,1161 @@
+import ae, { memo as se, useState as b, useEffect as I, useRef as ee, useMemo as ie, useCallback as Z } from "react";
+var G = { exports: {} }, L = {};
+var te;
+function le() {
+  if (te) return L;
+  te = 1;
+  var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.fragment");
+  function w(y, s, f) {
+    var p = null;
+    if (f !== void 0 && (p = "" + f), s.key !== void 0 && (p = "" + s.key), "key" in s) {
+      f = {};
+      for (var l in s)
+        l !== "key" && (f[l] = s[l]);
+    } else f = s;
+    return s = f.ref, {
+      $$typeof: n,
+      type: y,
+      key: p,
+      ref: s !== void 0 ? s : null,
+      props: f
+    };
+  }
+  return L.Fragment = i, L.jsx = w, L.jsxs = w, L;
+}
+var z = {};
+var re;
+function ce() {
+  return re || (re = 1, process.env.NODE_ENV !== "production" && (function() {
+    function n(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === X ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case N:
+          return "Fragment";
+        case W:
+          return "Profiler";
+        case C:
+          return "StrictMode";
+        case M:
+          return "Suspense";
+        case R:
+          return "SuspenseList";
+        case K:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case $:
+            return "Portal";
+          case Q:
+            return e.displayName || "Context";
+          case q:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case H:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case J:
+            return r = e.displayName || null, r !== null ? r : n(e.type) || "Memo";
+          case O:
+            r = e._payload, e = e._init;
+            try {
+              return n(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function i(e) {
+      return "" + e;
+    }
+    function w(e) {
+      try {
+        i(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var d = r.error, h = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return d.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          h
+        ), i(e);
+      }
+    }
+    function y(e) {
+      if (e === N) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === O)
+        return "<...>";
+      try {
+        var r = n(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var e = P.A;
+      return e === null ? null : e.getOwner();
+    }
+    function f() {
+      return Error("react-stack-top-frame");
+    }
+    function p(e) {
+      if (F.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function l(e, r) {
+      function d() {
+        B || (B = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      d.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: d,
+        configurable: !0
+      });
+    }
+    function c() {
+      var e = n(this.type);
+      return D[e] || (D[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function m(e, r, d, h, k, A) {
+      var g = d.ref;
+      return e = {
+        $$typeof: j,
+        type: e,
+        key: r,
+        props: d,
+        _owner: h
+      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: c
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: k
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: A
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function u(e, r, d, h, k, A) {
+      var g = r.children;
+      if (g !== void 0)
+        if (h)
+          if (Y(g)) {
+            for (h = 0; h < g.length; h++)
+              x(g[h]);
+            Object.freeze && Object.freeze(g);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else x(g);
+      if (F.call(r, "key")) {
+        g = n(e);
+        var v = Object.keys(r).filter(function(ne) {
+          return ne !== "key";
+        });
+        h = 0 < v.length ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}", o[g + h] || (v = 0 < v.length ? "{" + v.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          h,
+          g,
+          v,
+          g
+        ), o[g + h] = !0);
+      }
+      if (g = null, d !== void 0 && (w(d), g = "" + d), p(r) && (w(r.key), g = "" + r.key), "key" in r) {
+        d = {};
+        for (var T in r)
+          T !== "key" && (d[T] = r[T]);
+      } else d = r;
+      return g && l(
+        d,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), m(
+        e,
+        g,
+        d,
+        s(),
+        k,
+        A
+      );
+    }
+    function x(e) {
+      E(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === O && (e._payload.status === "fulfilled" ? E(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function E(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === j;
+    }
+    var S = ae, j = /* @__PURE__ */ Symbol.for("react.transitional.element"), $ = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), W = /* @__PURE__ */ Symbol.for("react.profiler"), q = /* @__PURE__ */ Symbol.for("react.consumer"), Q = /* @__PURE__ */ Symbol.for("react.context"), H = /* @__PURE__ */ Symbol.for("react.forward_ref"), M = /* @__PURE__ */ Symbol.for("react.suspense"), R = /* @__PURE__ */ Symbol.for("react.suspense_list"), J = /* @__PURE__ */ Symbol.for("react.memo"), O = /* @__PURE__ */ Symbol.for("react.lazy"), K = /* @__PURE__ */ Symbol.for("react.activity"), X = /* @__PURE__ */ Symbol.for("react.client.reference"), P = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, Y = Array.isArray, _ = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    S = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var B, D = {}, V = S.react_stack_bottom_frame.bind(
+      S,
+      f
+    )(), U = _(y(f)), o = {};
+    z.Fragment = N, z.jsx = function(e, r, d) {
+      var h = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return u(
+        e,
+        r,
+        d,
+        !1,
+        h ? Error("react-stack-top-frame") : V,
+        h ? _(y(e)) : U
+      );
+    }, z.jsxs = function(e, r, d) {
+      var h = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return u(
+        e,
+        r,
+        d,
+        !0,
+        h ? Error("react-stack-top-frame") : V,
+        h ? _(y(e)) : U
+      );
+    };
+  })()), z;
+}
+var oe;
+function de() {
+  return oe || (oe = 1, process.env.NODE_ENV === "production" ? G.exports = le() : G.exports = ce()), G.exports;
+}
+var t = de();
+async function pe(n, i = [], w = [], y = "", s = "") {
+  const f = "https://sage-api-ttyw-stage.superwise.ai/api/v1/chat";
+  console.log("src/api.js: sendMessageToAI called with discoveryAgentId:", s), console.log("src/api.js: agentId:", y);
+  const p = Array.isArray(i) ? i.map((c) => ({
+    role: c.role,
+    message: c.content != null ? c.content : ""
+  })) : [], l = {
+    user_input: n,
+    chat_history: p,
+    mql_df: Array.isArray(w) ? w : [],
+    agent_id: y,
+    discovery_agent_id: s
+  };
+  console.log("Sending payload:", l);
+  try {
+    const c = await fetch(f, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json"
+      },
+      body: JSON.stringify(l)
+    });
+    if (console.log("Response status:", c.status), console.log("Response headers:", c.headers), !c.ok) {
+      const E = await c.text();
+      return console.error("API Error Response:", E), { reply: `❌ API Error ${c.status}: ${E}`, mqlDf: [] };
+    }
+    const m = await c.json();
+    console.log("API Response Data:", m);
+    let u = "⚠️ No reply from server.", x = [];
+    return m.chat_response ? u = m.chat_response : m.success && m.data?.chat_response ? u = m.data.chat_response : m.message && (u = m.message), m.mql_df ? x = m.mql_df : m.data?.mql_df && (x = m.data.mql_df), u.includes("Parameters:") && (u = u.split("Parameters:")[0].trim()), { reply: u, mqlDf: x };
+  } catch (c) {
+    return console.error("API call failed:", c), c.name === "TypeError" && c.message.includes("fetch") ? { reply: "⚠️ Network error. Please check your connection.", mqlDf: [] } : { reply: `⚠️ API request failed: ${c.message}`, mqlDf: [] };
+  }
+}
+async function me(n, i = null, w = []) {
+  const y = "https://sage-api-ttyw-stage.superwise.ai/pdf", s = Array.isArray(n) && n.length > 0 ? n[0] : i || {
+    name: "User",
+    email: "user@example.com",
+    summary: "Chat conversation summary"
+  }, f = Array.isArray(w) ? w.map((l) => ({
+    role: l.role,
+    message: l.content != null ? l.content : ""
+  })) : [], p = {
+    lead_row: s,
+    chat_history: f
+  };
+  console.log("Downloading PDF with payload:", p);
+  try {
+    const l = await fetch(y, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/pdf"
+      },
+      body: JSON.stringify(p)
+    });
+    if (console.log("PDF Response status:", l.status), !l.ok) {
+      const x = await l.text();
+      throw console.error("PDF API Error Response:", x), new Error(`PDF API Error ${l.status}: ${x}`);
+    }
+    const c = await l.blob(), m = window.URL.createObjectURL(c), u = document.createElement("a");
+    return u.href = m, u.download = `chatbot-report-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.pdf`, document.body.appendChild(u), u.click(), document.body.removeChild(u), window.URL.revokeObjectURL(m), !0;
+  } catch (l) {
+    throw console.error("PDF download failed:", l), l;
+  }
+}
+const a = {
+  container: {
+    position: "fixed",
+    bottom: "0px",
+    right: "20px",
+    zIndex: 999999,
+    fontFamily: "'Inter', sans-serif",
+    maxWidth: "400px",
+    width: "80vw",
+    maxHeight: "75vh",
+    height: "75vh",
+    display: "flex",
+    flexDirection: "column",
+    borderRadius: "1rem",
+    background: "white",
+    boxShadow: "0 0 8rem 0 rgba(0, 0, 0, 0.1), 0rem 2rem 4rem -3rem rgba(0, 0, 0, 0.5)",
+    boxSizing: "border-box"
+  },
+  containerMinimized: {
+    position: "fixed",
+    bottom: "20px",
+    right: "20px",
+    zIndex: 999999,
+    fontFamily: "'Inter', sans-serif",
+    width: "auto",
+    minWidth: "250px",
+    maxWidth: "350px",
+    height: "auto",
+    display: "flex",
+    flexDirection: "row",
+    borderRadius: "25px",
+    background: "#000000",
+    boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
+    boxSizing: "border-box",
+    padding: "12px 16px",
+    alignItems: "center",
+    cursor: "pointer"
+  },
+  header: {
+    position: "relative",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "10px",
+    background: "var(--swttyw-primary-color)",
+    color: "#fff",
+    borderRadius: "10px 10px 0 0",
+    fontFamily: "'Inter', sans-serif",
+    flexShrink: 0,
+    boxSizing: "border-box"
+  },
+  name: {
+    fontWeight: 500,
+    fontSize: "var(--swttyw-header-font-size)",
+    color: "#fff",
+    flexGrow: 1,
+    marginBottom: "0.125rem",
+    wordBreak: "break-all"
+  },
+  headerActions: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
+  },
+  headerButton: {
+    background: "transparent",
+    border: "none",
+    color: "#fff",
+    cursor: "pointer",
+    padding: "4px",
+    borderRadius: "4px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "24px",
+    height: "24px",
+    textDecoration: "none",
+    transition: "opacity 0.3s ease"
+  },
+  chatSection: {
+    padding: "1rem",
+    backgroundColor: "var(--swttyw-background-color)",
+    flexGrow: 1,
+    overflowY: "auto",
+    display: "flex",
+    flexDirection: "column",
+    boxShadow: "inset 0 2rem 2rem -2rem rgba(0, 0, 0, 0.05), inset 0 -2rem 2rem -2rem rgba(0, 0, 0, 0.05)",
+    height: "calc(50vh - 200px)"
+  },
+  inputSection: {
+    boxSizing: "border-box",
+    flexBasis: "4rem",
+    flexShrink: 0,
+    display: "flex",
+    alignItems: "center",
+    boxShadow: "0 0 1rem rgba(0, 0, 0, 0.1), 0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.2)",
+    margin: "0.50rem"
+  },
+  textarea: {
+    border: "none",
+    backgroundImage: "none",
+    backgroundColor: "white",
+    padding: "0.5rem 1rem",
+    marginRight: "1rem",
+    borderRadius: "10px",
+    flexGrow: 2,
+    fontFamily: "'Inter', sans-serif",
+    fontWeight: 400,
+    letterSpacing: "0.025em",
+    resize: "none",
+    fontSize: "16px",
+    outline: "none"
+  },
+  inputFooter: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-between",
+    padding: "5px"
+  },
+  sendButton: {
+    background: "transparent",
+    border: "0px",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: "#000000"
+  },
+  characterCount: {
+    fontSize: "12px",
+    color: "var(--swttyw-primary-color)",
+    textAlign: "center"
+  },
+  modalOverlay: {
+    position: "absolute",
+    background: "#ffffffe8",
+    height: "calc(100% - 85px)",
+    width: "100%",
+    top: "48px",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  modalBody: {
+    textAlign: "center"
+  },
+  modalActions: {
+    display: "flex",
+    justifyContent: "center"
+  },
+  footer: {
+    flexShrink: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    background: "var(--swttyw-primary-color)",
+    borderRadius: "0 0 10px 10px",
+    paddingBottom: "6px",
+    paddingTop: "6px",
+    marginTop: "0px",
+    color: "#f8f9fa",
+    fontSize: "var(--swttyw-footer-font-size)",
+    borderTop: "3px solid var(--swttyw-primary-color)",
+    padding: "15px 0px",
+    fontFamily: "'Inter', sans-serif"
+  },
+  message: {
+    boxSizing: "border-box",
+    padding: "0.5rem 1rem",
+    margin: "1rem",
+    background: "#FFF",
+    borderRadius: "1.125rem 1.125rem 1.125rem 0",
+    minHeight: "2.25rem",
+    width: "fit-content",
+    boxShadow: "0 0 2rem rgba(0, 0, 0, 0.075), 0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.1)",
+    fontSize: "15px",
+    wordBreak: "break-word",
+    fontFamily: "'Inter', sans-serif",
+    display: "table",
+    alignItems: "flex-start",
+    gap: "8px",
+    position: "relative"
+  },
+  messageSelf: {
+    margin: "1rem 1rem 1rem auto",
+    borderRadius: "1.125rem 1.125rem 0 1.125rem",
+    background: "#000000",
+    color: "white",
+    position: "relative",
+    maxWidth: "80%",
+    fontSize: "var(--swttyw-body-font-size)",
+    flexDirection: "row-reverse"
+  },
+  messageOther: {
+    position: "relative",
+    fontSize: "var(--swttyw-body-font-size)"
+  },
+  messageAvatar: {
+    width: "24px",
+    height: "24px",
+    borderRadius: "50%",
+    flexShrink: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: "12px",
+    fontWeight: "bold",
+    position: "absolute",
+    top: "5px"
+  },
+  messageContent: {
+    flex: 1,
+    marginLeft: "32px",
+    marginRight: "8px"
+  },
+  minimizedContent: {
+    display: "flex",
+    alignItems: "center",
+    gap: "12px",
+    color: "white",
+    flex: 1
+  },
+  chatIcon: {
+    width: "20px",
+    height: "20px",
+    flexShrink: 0
+  },
+  minimizedTitle: {
+    color: "white",
+    fontSize: "16px",
+    fontWeight: "500",
+    margin: 0
+  }
+};
+function ue(n) {
+  return n === "human" ? { ...a.message, ...a.messageSelf } : { ...a.message, ...a.messageOther };
+}
+const fe = se(function({ text: i, speed: w = 10, onComplete: y }) {
+  const [s, f] = b(""), [p, l] = b(!1);
+  I(() => {
+    if (!i) return;
+    f(""), l(!1);
+    let m = 0;
+    const u = setInterval(() => {
+      m < i.length ? (f(i.slice(0, m + 1)), m++) : (l(!0), clearInterval(u), y && y());
+    }, w);
+    return () => clearInterval(u);
+  }, [i, w, y]);
+  const c = (m) => m.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/\*(.*?)\*/g, "<em>$1</em>").replace(/\n/g, "<br/>").replace(/(\d+\.\s)/g, "<br/>$1").replace(/(\*\s)/g, "<br/>$1");
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      style: {
+        whiteSpace: "pre-wrap",
+        lineHeight: "1.5",
+        wordBreak: "break-word"
+      },
+      dangerouslySetInnerHTML: {
+        __html: c(s) + (p ? "" : '<span class="typing-cursor">|</span>')
+      }
+    }
+  );
+}), ge = se(function({ msg: i, isTyping: w = !1, onTypingComplete: y }) {
+  const s = i.from === "human" ? "sw-ttyw-message self" : "sw-ttyw-message other";
+  return /* @__PURE__ */ t.jsxs("div", { className: s, style: ue(i.from), children: [
+    /* @__PURE__ */ t.jsx("div", { className: "message-avatar", style: a.messageAvatar, children: i.from === "human" ? /* @__PURE__ */ t.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "black", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ t.jsx("path", { d: "M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21", fill: "black" }),
+      /* @__PURE__ */ t.jsx("circle", { cx: "12", cy: "7", r: "4", fill: "black" })
+    ] }) : /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: "https://superwise.ai/wp-content/uploads/2025/07/cropped-Superwise-icon-1-32x32.png",
+        alt: "AI Avatar",
+        style: {
+          width: "20px",
+          height: "20px",
+          borderRadius: "50%",
+          objectFit: "cover"
+        }
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("div", { className: "message-content", style: a.messageContent, children: i.from === "ai" && w ? /* @__PURE__ */ t.jsx(fe, { text: i.text, speed: 20, onComplete: y }) : /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        style: {
+          whiteSpace: "pre-wrap",
+          lineHeight: "1.5",
+          wordBreak: "break-word"
+        },
+        dangerouslySetInnerHTML: {
+          __html: i.text.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/\*(.*?)\*/g, "<em>$1</em>").replace(/\n/g, "<br/>").replace(/(\d+\.\s)/g, "<br/>$1").replace(/(\*\s)/g, "<br/>$1")
+          // Bullet points
+        }
+      }
+    ) })
+  ] });
+}), we = () => {
+  const n = (/* @__PURE__ */ new Date()).getHours();
+  return n >= 5 && n < 12 ? "Good morning" : n >= 12 && n < 17 ? "Good afternoon" : (n >= 17 && n < 21, "Good evening");
+}, he = () => {
+  const n = we(), i = [
+    `👋 ${n}! Looking to explore Superwise?`,
+    `👋 ${n}! Ready to discover what Superwise can do for you?`,
+    `👋 ${n}! How can I help you with Superwise today?`,
+    `👋 ${n}! What brings you to Superwise?`,
+    `👋 ${n}! Let's explore Superwise together!`
+  ];
+  return i[Math.floor(Math.random() * i.length)];
+};
+function xe({ title: n = "Superwise Expert Agent", agentId: i = "", discoveryAgentId: w = "", primaryColor: y = "" }) {
+  console.log("chatbot.jsx: Chatbot component mounted with props:", { agentId: i, discoveryAgentId: w, title: n });
+  const [s, f] = b(() => {
+    try {
+      if (typeof window < "u" && window.localStorage) {
+        const o = window.localStorage.getItem("chatbot-messages");
+        return o ? JSON.parse(o) : [];
+      }
+    } catch {
+    }
+    return [];
+  }), [p, l] = b(() => {
+    try {
+      if (typeof window < "u" && window.localStorage) {
+        const o = window.localStorage.getItem("chatbot-mql_df");
+        return o ? JSON.parse(o) : [];
+      }
+    } catch {
+    }
+    return [];
+  }), [c, m] = b(""), [u, x] = b(!1), [E, S] = b(!1), [j, $] = b(!1), [N, C] = b(/* @__PURE__ */ new Set()), [W, q] = b(!1), [Q, H] = b(""), [M, R] = b(""), [J, O] = b(!1), X = (() => {
+    if (y) return y;
+    if (typeof document < "u" && typeof window < "u") {
+      const o = document.querySelector("[data-chatbot-color]");
+      if (o)
+        return o.getAttribute("data-chatbot-color") || "#000";
+      const r = getComputedStyle(document.documentElement).getPropertyValue("--swttyw-primary-color").trim();
+      if (r) return r;
+    }
+    return "#000";
+  })(), P = ee(null), F = ee(s), Y = ie(() => s.map((o) => ({ role: o.from, content: o.text })), [s]), _ = (o) => {
+    R(o), setTimeout(() => {
+      R("");
+    }, 4e3);
+  }, B = (o) => {
+    const e = o.length, r = o.trim();
+    return H(""), R(""), !r || e === 0 ? (_("Please enter a message before sending."), !1) : new RegExp(/(<([^>]+)>)/gi).test(r) ? (_("Please avoid using HTML tags or scripts in your message."), !1) : r.length < 2 ? (_("Please enter a meaningful question (at least 2 characters)."), !1) : r.length > 1e3 ? (_("Message is too long. Please keep it under 1000 characters."), !1) : (H(""), R(""), !0);
+  };
+  I(() => {
+    P.current?.scrollIntoView({ behavior: "smooth" });
+  }, [s, u]), I(() => {
+    try {
+      typeof window < "u" && window.localStorage && window.localStorage.setItem("chatbot-messages", JSON.stringify(s));
+    } catch {
+    }
+  }, [s]), I(() => {
+    try {
+      typeof window < "u" && window.localStorage && window.localStorage.setItem("chatbot-mql_df", JSON.stringify(p));
+    } catch {
+    }
+  }, [p]), I(() => {
+    O(!0);
+  }, []), I(() => {
+    F.current = s;
+  }, [s]), I(() => {
+    if (s.length === 0 && !W) {
+      const e = { from: "ai", text: he() };
+      f([e]), q(!0), C(/* @__PURE__ */ new Set([0]));
+    }
+  }, [s.length, W]);
+  const D = Z(async () => {
+    const o = c.trim();
+    if (!o || !B(c))
+      return;
+    const e = { from: "human", text: o }, d = [...F.current, e];
+    f(d), m(""), x(!0);
+    const h = [...Y, { role: "human", content: o }];
+    console.log("chatbot.jsx: discoveryAgentId:", w), console.log("chatbot.jsx: agentId:", i);
+    const k = await pe(o, h, p, i, w);
+    if (typeof k == "string") {
+      const A = { from: "ai", text: k };
+      f((g) => {
+        const v = [...g, A];
+        return C((T) => /* @__PURE__ */ new Set([...T, v.length - 1])), v;
+      });
+    } else {
+      const A = { from: "ai", text: k.reply };
+      f((g) => {
+        const v = [...g, A];
+        return C((T) => /* @__PURE__ */ new Set([...T, v.length - 1])), v;
+      }), k.mqlDf && Array.isArray(k.mqlDf) && l(k.mqlDf);
+    }
+    x(!1);
+  }, [c, i, w, p]), V = Z(() => {
+    f([]), l([]), C(/* @__PURE__ */ new Set()), q(!1);
+    try {
+      typeof window < "u" && window.localStorage && (window.localStorage.removeItem("chatbot-messages"), window.localStorage.removeItem("chatbot-mql_df"));
+    } catch {
+    }
+    S(!1);
+  }, []), U = Z(async () => {
+    if (!p || p.length === 0) {
+      console.warn("No mql_df data available for PDF download");
+      return;
+    }
+    try {
+      x(!0), console.log("mql_df data for lead extraction:", p);
+      const o = {
+        name: p.find((e) => e.name)?.name || "Chat User",
+        email: p.find((e) => e.email)?.email || "user@example.com",
+        summary: `Chat conversation with ${s.length} messages. User asked: "${s.find((e) => e.from === "human")?.text || "No user messages"}"`
+      };
+      console.log("Extracted lead row:", o), await me(p, o, Y), console.log("PDF downloaded successfully");
+    } catch (o) {
+      console.error("Failed to download PDF:", o);
+    } finally {
+      x(!1);
+    }
+  }, [p, s]);
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    J && /* @__PURE__ */ t.jsx("style", { children: `
+          :root {
+            --swttyw-primary-color: ${X};
+            --swttyw-avatar-image: url('');
+            --swttyw-user-avatar-image: url('');
+            --swttyw-background-color: #F7F7F7;
+            --swttyw-header-font-size: 16px;
+            --swttyw-body-font-size: 15px;
+            --swttyw-footer-font-size: 16px;
+            --swttyw-user-background-image: url('');
+          }
+          
+          @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
+          
+          .sw-ttyw-chatbot ::-webkit-scrollbar {
+            width: 3px;
+          }
+          
+          .sw-ttyw-chatbot ::-webkit-scrollbar-track {
+            background: transparent;
+          }
+          
+          .sw-ttyw-chatbot ::-webkit-scrollbar-thumb {
+            background: var(--swttyw-primary-color);
+          }
+          
+          .sw-ttyw-chatbot ::-webkit-scrollbar-thumb:hover {
+            background: var(--swttyw-primary-color);
+          }
+          
+          .typing {
+            display: inline-block !important;
+            width: 0.8rem !important;
+            height: 0.8rem !important;
+            min-width: 0.8rem !important;
+            min-height: 0.8rem !important;
+            max-width: 0.8rem !important;
+            max-height: 0.8rem !important;
+            margin-right: 0.5rem !important;
+            box-sizing: border-box !important;
+            background: #ccc !important;
+            border-radius: 50% !important;
+          }
+          
+          .typing.typing-1 {
+            -webkit-animation: typingAlt 1.4s infinite !important;
+            animation: typingAlt 1.4s infinite !important;
+          }
+          
+          .typing.typing-2 {
+            -webkit-animation: typingAlt 1.4s 0.2s infinite !important;
+            animation: typingAlt 1.4s 0.2s infinite !important;
+          }
+          
+          .typing.typing-3 {
+            -webkit-animation: typingAlt 1.4s 0.4s infinite !important;
+            animation: typingAlt 1.4s 0.4s infinite !important;
+          }
+          
+          .typing-cursor {
+            animation: blink 1s infinite;
+            color: var(--swttyw-primary-color);
+            font-weight: bold;
+          }
+          
+          @keyframes blink {
+            0%, 50% { opacity: 1; }
+            51%, 100% { opacity: 0; }
+          }
+          
+          /* Error message styling */
+          .swttyw-input-error {
+            background-color: #FEE8E8;
+            border: 1px solid #FDC2C2;
+            border-radius: 8px;
+            padding: 12px 16px;
+            margin: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            color: #E04F4F;
+            font-size: 14px;
+            line-height: 1.4;
+          }
+          
+          .swttyw-input-error .error-icon {
+            color: #F59E0B;
+            font-size: 16px;
+            flex-shrink: 0;
+          }
+          
+          /* Validation message in messages area */
+          .sw-ttyw-validation-message {
+            background-color: #FEE8E8;
+            border: 1px solid #FDC2C2;
+            border-radius: 8px;
+            padding: 12px 16px;
+            margin: 8px 16px;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            color: #E04F4F;
+            font-size: 14px;
+            line-height: 1.4;
+            animation: slideIn 0.3s ease-out;
+          }
+          
+          .sw-ttyw-validation-message .error-icon {
+            color: #F59E0B;
+            font-size: 16px;
+            flex-shrink: 0;
+          }
+          
+          @keyframes slideIn {
+            from {
+              opacity: 0;
+              transform: translateY(-10px);
+            }
+            to {
+              opacity: 1;
+              transform: translateY(0);
+            }
+          }
+          
+          @-webkit-keyframes typingAlt {
+            0%, 60%, 100% {
+              transform: translateY(0) scale(1);
+              opacity: 0.4;
+            }
+            30% {
+              transform: translateY(-10px) scale(1.2);
+              opacity: 1;
+            }
+          }
+          
+          @keyframes typingAlt {
+            0%, 60%, 100% {
+              transform: translateY(0) scale(1);
+              opacity: 0.4;
+            }
+            30% {
+              transform: translateY(-10px) scale(1.2);
+              opacity: 1;
+            }
+          }
+          
+          /* Ensure user messages have black background */
+          .sw-ttyw-message.self {
+            background: #000000 !important;
+            color: white !important;
+            margin: 1rem 1rem 1rem auto !important;
+            border-radius: 1.125rem 1.125rem 0 1.125rem !important;
+            max-width: 80% !important;
+            display: table;
+          }
+          
+          /* Avatar positioning for user messages */
+          .sw-ttyw-message.self .message-avatar {
+            right: -28px !important;
+            left: auto !important;
+          }
+          
+          /* Avatar positioning for AI messages */
+          .sw-ttyw-message.other .message-avatar {
+            left: -28px !important;
+            right: auto !important;
+            display: table;
+          }
+          
+          /* Ensure proper spacing for message content */
+          .sw-ttyw-message .message-content {
+            margin-left: 0 !important;
+            margin-right: 0 !important;
+            padding-left: 0 !important;
+            padding-right: 0 !important;
+          }
+          
+          /* Empty state styling */
+          .sw-ttyw-empty-state {
+            background-color: var(--swttyw-background-color) !important;
+            transition: opacity 0.3s ease-in-out !important;
+          }
+          
+          .sw-ttyw-empty-state:hover {
+            opacity: 0.5 !important;
+          }
+          
+          /* Ensure empty state doesn't interfere with scrolling */
+          .sw-ttyw-messages:has(.sw-ttyw-empty-state) {
+            overflow: hidden !important;
+          }
+        ` }),
+    /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: "sw-ttyw-chatbot",
+        style: j ? a.containerMinimized : a.container,
+        onClick: j ? () => $(!1) : void 0,
+        children: [
+          j ? (
+            /* Minimized State - Horizontal Button */
+            /* @__PURE__ */ t.jsxs("div", { style: a.minimizedContent, children: [
+              /* @__PURE__ */ t.jsxs("svg", { style: a.chatIcon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                /* @__PURE__ */ t.jsx("path", { d: "M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                /* @__PURE__ */ t.jsx("path", { d: "M8 9H16", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }),
+                /* @__PURE__ */ t.jsx("path", { d: "M8 13H12", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })
+              ] }),
+              /* @__PURE__ */ t.jsx("div", { style: a.minimizedTitle, children: n })
+            ] })
+          ) : (
+            /* Full State - Header with Controls */
+            /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-header", style: a.header, children: [
+              /* @__PURE__ */ t.jsx("div", { className: "sw-ttyw-name", style: a.name, children: n }),
+              /* @__PURE__ */ t.jsxs("div", { style: a.headerActions, children: [
+                /* @__PURE__ */ t.jsx(
+                  "button",
+                  {
+                    onClick: () => $(!j),
+                    style: a.headerButton,
+                    title: j ? "Maximize chat" : "Minimize chat",
+                    children: /* @__PURE__ */ t.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t.jsx("path", { d: "M6 9H18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })
+                  }
+                ),
+                p && p.length > 0 && /* @__PURE__ */ t.jsx(
+                  "button",
+                  {
+                    onClick: U,
+                    style: a.headerButton,
+                    title: "Download PDF Report",
+                    disabled: u,
+                    children: /* @__PURE__ */ t.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                      /* @__PURE__ */ t.jsx("path", { d: "M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                      /* @__PURE__ */ t.jsx("path", { d: "M7 10L12 15L17 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                      /* @__PURE__ */ t.jsx("path", { d: "M12 15V3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ t.jsx(
+                  "button",
+                  {
+                    onClick: () => S(!0),
+                    style: a.headerButton,
+                    title: "Clear chat",
+                    children: /* @__PURE__ */ t.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                      /* @__PURE__ */ t.jsx("path", { d: "M3 6H5H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                      /* @__PURE__ */ t.jsx("path", { d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                      /* @__PURE__ */ t.jsx("path", { d: "M10 11V17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                      /* @__PURE__ */ t.jsx("path", { d: "M14 11V17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+                    ] })
+                  }
+                )
+              ] })
+            ] })
+          ),
+          !j && /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-section", style: { flexGrow: 1, display: "flex", flexDirection: "column" }, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-messages", style: a.chatSection, children: [
+              s.length === 0 && !u && /* @__PURE__ */ t.jsx("div", { className: "sw-ttyw-empty-state", style: {
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                justifyContent: "center",
+                height: "100%",
+                position: "relative"
+              }, children: /* @__PURE__ */ t.jsx(
+                "img",
+                {
+                  src: "https://superwise.ai/wp-content/uploads/2024/05/Superwise-logo.svg",
+                  alt: "Superwise Logo",
+                  style: {
+                    width: "350px",
+                    height: "200px",
+                    opacity: 0.8,
+                    objectFit: "contain"
+                  },
+                  onError: (o) => {
+                    console.log("Logo failed to load, using fallback"), o.target.style.display = "none";
+                  }
+                }
+              ) }),
+              s.map((o, e) => /* @__PURE__ */ t.jsx(
+                ge,
+                {
+                  msg: o,
+                  isTyping: N.has(e),
+                  onTypingComplete: () => {
+                    C((r) => {
+                      const d = new Set(r);
+                      return d.delete(e), d;
+                    });
+                  }
+                },
+                e
+              )),
+              M && /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-validation-message", children: [
+                /* @__PURE__ */ t.jsx("span", { className: "error-icon", children: "⚠️" }),
+                /* @__PURE__ */ t.jsx("span", { children: M })
+              ] }),
+              u && /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-message other message-loading", style: { ...a.message, ...a.messageOther }, children: [
+                /* @__PURE__ */ t.jsx("div", { className: "message-avatar", style: a.messageAvatar, children: /* @__PURE__ */ t.jsx(
+                  "img",
+                  {
+                    src: "https://superwise.ai/wp-content/uploads/2025/07/cropped-Superwise-icon-1-32x32.png",
+                    alt: "AI Avatar",
+                    style: {
+                      width: "20px",
+                      height: "20px",
+                      borderRadius: "50%",
+                      objectFit: "cover"
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ t.jsxs("div", { className: "message-content", style: a.messageContent, children: [
+                  /* @__PURE__ */ t.jsx("div", { className: "typing typing-1" }),
+                  /* @__PURE__ */ t.jsx("div", { className: "typing typing-2" }),
+                  /* @__PURE__ */ t.jsx("div", { className: "typing typing-3" })
+                ] })
+              ] }),
+              /* @__PURE__ */ t.jsx("div", { ref: P })
+            ] }),
+            /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-input-section", style: a.inputSection, children: [
+              /* @__PURE__ */ t.jsx(
+                "textarea",
+                {
+                  className: "sw-ttyw-input",
+                  placeholder: "Please ask question here",
+                  value: c,
+                  onChange: (o) => {
+                    m(o.target.value), M && R("");
+                  },
+                  maxLength: 1e3,
+                  style: a.textarea,
+                  onKeyDown: (o) => o.key === "Enter" && !o.shiftKey && (o.preventDefault(), D())
+                }
+              ),
+              /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-input-content", style: a.inputFooter, children: [
+                /* @__PURE__ */ t.jsxs("small", { id: "sw-ttyw-chat-textbox-status", style: a.characterCount, children: [
+                  /* @__PURE__ */ t.jsx("span", { children: c.length }),
+                  "/1000"
+                ] }),
+                /* @__PURE__ */ t.jsx(
+                  "button",
+                  {
+                    id: "sw-ttyw-chat-send-message",
+                    onClick: D,
+                    "aria-label": "Send message",
+                    style: a.sendButton,
+                    children: /* @__PURE__ */ t.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", className: "cwv replaced-svg", children: [
+                      /* @__PURE__ */ t.jsx("path", { d: "M0 0h24v24H0z", fill: "none" }),
+                      /* @__PURE__ */ t.jsx("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" })
+                    ] })
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          E && /* @__PURE__ */ t.jsxs("div", { className: "swttyw-modal swttyw-modal-clear-history", style: a.modalOverlay, children: [
+            /* @__PURE__ */ t.jsx("div", { className: "swtty-modal-header" }),
+            /* @__PURE__ */ t.jsxs("div", { className: "swtty-modal-body", style: a.modalBody, children: [
+              /* @__PURE__ */ t.jsx("div", { className: "swtty-content", children: "Are you sure you want to delete the chat history?" }),
+              /* @__PURE__ */ t.jsxs("div", { className: "swtty-action", style: a.modalActions, children: [
+                /* @__PURE__ */ t.jsx(
+                  "input",
+                  {
+                    type: "button",
+                    className: "swttyw-btn swttyw-btn-primary",
+                    id: "swttyw-btn-clear-history-yes",
+                    onClick: V,
+                    value: "Yes",
+                    style: {
+                      background: "var(--swttyw-primary-color)",
+                      color: "white",
+                      border: "none",
+                      padding: "10px 20px",
+                      cursor: "pointer",
+                      borderRadius: "8px",
+                      margin: "10px 5px"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ t.jsx(
+                  "input",
+                  {
+                    type: "button",
+                    className: "swttyw-btn swttyw-btn-primary-inverse",
+                    id: "swttyw-btn-clear-history-no",
+                    onClick: () => S(!1),
+                    value: "No",
+                    style: {
+                      background: "transparent",
+                      color: "var(--swttyw-primary-color)",
+                      border: "1px solid var(--swttyw-primary-color)",
+                      padding: "10px 20px",
+                      cursor: "pointer",
+                      borderRadius: "8px",
+                      margin: "10px 5px"
+                    }
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ t.jsx("div", { className: "swtty-modal-footer" })
+          ] }),
+          !j && /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-footer", style: a.footer, children: [
+            "Powered by ",
+            /* @__PURE__ */ t.jsx("a", { href: "https://superwise.ai/", className: "ml-1", target: "_new", style: { marginLeft: "0.25rem", lineHeight: 0 }, children: /* @__PURE__ */ t.jsx("img", { src: "https://rebrandstg.superwise.ai/wp-content/plugins/superwise-ttyw/front/images/sw_ttyw_white_logo.svg", alt: "SUPERWISE®", height: "20" }) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  xe as Chatbot
+};