@convokit/widget 0.0.1 → 0.0.4

package/dist/index.esm.js

@@ -1,721 +1,614 @@
-import Oe, { useState as B } from "react";
-var ee = { exports: {} }, W = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Te;
-function fr() {
-  if (Te) return W;
-  Te = 1;
-  var m = Oe, _ = Symbol.for("react.element"), I = Symbol.for("react.fragment"), R = Object.prototype.hasOwnProperty, T = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, j = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function x(y, f, C) {
-    var v, d = {}, b = null, w = null;
-    C !== void 0 && (b = "" + C), f.key !== void 0 && (b = "" + f.key), f.ref !== void 0 && (w = f.ref);
-    for (v in f) R.call(f, v) && !j.hasOwnProperty(v) && (d[v] = f[v]);
-    if (y && y.defaultProps) for (v in f = y.defaultProps, f) d[v] === void 0 && (d[v] = f[v]);
-    return { $$typeof: _, type: y, key: b, ref: w, props: d, _owner: T.current };
-  }
-  return W.Fragment = I, W.jsx = x, W.jsxs = x, W;
-}
-var Y = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var xe;
-function dr() {
-  return xe || (xe = 1, process.env.NODE_ENV !== "production" && function() {
-    var m = Oe, _ = Symbol.for("react.element"), I = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), x = Symbol.for("react.provider"), y = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), P = Symbol.iterator, J = "@@iterator";
-    function ke(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var r = P && e[P] || e[J];
-      return typeof r == "function" ? r : null;
-    }
-    var D = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function p(e) {
-      {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
-          t[n - 1] = arguments[n];
-        Se("error", e, t);
-      }
-    }
-    function Se(e, r, t) {
-      {
-        var n = D.ReactDebugCurrentFrame, i = n.getStackAddendum();
-        i !== "" && (r += "%s", t = t.concat([i]));
-        var s = t.map(function(o) {
-          return String(o);
-        });
-        s.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, s);
-      }
-    }
-    var Pe = !1, De = !1, Fe = !1, Ae = !1, Ie = !1, re;
-    re = Symbol.for("react.module.reference");
-    function $e(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === R || e === j || Ie || e === T || e === C || e === v || Ae || e === w || Pe || De || Fe || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === d || e.$$typeof === x || e.$$typeof === y || e.$$typeof === f || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === re || e.getModuleId !== void 0));
-    }
-    function Ne(e, r, t) {
-      var n = e.displayName;
-      if (n)
-        return n;
-      var i = r.displayName || r.name || "";
-      return i !== "" ? t + "(" + i + ")" : t;
-    }
-    function te(e) {
-      return e.displayName || "Context";
-    }
-    function O(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case R:
-          return "Fragment";
-        case I:
-          return "Portal";
-        case j:
-          return "Profiler";
-        case T:
-          return "StrictMode";
-        case C:
-          return "Suspense";
-        case v:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case y:
-            var r = e;
-            return te(r) + ".Consumer";
-          case x:
-            var t = e;
-            return te(t._context) + ".Provider";
-          case f:
-            return Ne(e, e.render, "ForwardRef");
-          case d:
-            var n = e.displayName || null;
-            return n !== null ? n : O(e.type) || "Memo";
-          case b: {
-            var i = e, s = i._payload, o = i._init;
-            try {
-              return O(o(s));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var k = Object.assign, $ = 0, ne, ae, oe, ie, se, ue, le;
-    function ce() {
-    }
-    ce.__reactDisabledLog = !0;
-    function We() {
-      {
-        if ($ === 0) {
-          ne = console.log, ae = console.info, oe = console.warn, ie = console.error, se = console.group, ue = console.groupCollapsed, le = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: ce,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        $++;
-      }
-    }
-    function Ye() {
-      {
-        if ($--, $ === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: k({}, e, {
-              value: ne
-            }),
-            info: k({}, e, {
-              value: ae
-            }),
-            warn: k({}, e, {
-              value: oe
-            }),
-            error: k({}, e, {
-              value: ie
-            }),
-            group: k({}, e, {
-              value: se
-            }),
-            groupCollapsed: k({}, e, {
-              value: ue
-            }),
-            groupEnd: k({}, e, {
-              value: le
-            })
-          });
-        }
-        $ < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var q = D.ReactCurrentDispatcher, K;
-    function L(e, r, t) {
-      {
-        if (K === void 0)
-          try {
-            throw Error();
-          } catch (i) {
-            var n = i.stack.trim().match(/\n( *(at )?)/);
-            K = n && n[1] || "";
-          }
-        return `
-` + K + e;
-      }
-    }
-    var z = !1, M;
-    {
-      var Le = typeof WeakMap == "function" ? WeakMap : Map;
-      M = new Le();
-    }
-    function fe(e, r) {
-      if (!e || z)
-        return "";
-      {
-        var t = M.get(e);
-        if (t !== void 0)
-          return t;
-      }
-      var n;
-      z = !0;
-      var i = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var s;
-      s = q.current, q.current = null, We();
+(function(){"use strict";try{if(typeof document!="undefined"){var o=document.createElement("style");o.appendChild(document.createTextNode(":root{--convokit-primary: #000;--convokit-header-bg: #000;--convokit-font-family: Inter, system-ui, sans-serif;--convokit-font-size: 14px;--convokit-border-radius: 18px;--convokit-chat-bg: #ffffff;--convokit-user-msg-bg: #000;--convokit-assistant-msg-bg: #f3f4f6;--convokit-input-bg: #ffffff;--convokit-input-border: #d1d5db}.convokit-widget{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;font-family:var(--convokit-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.convokit-button{width:56px;height:56px;border-radius:50%;border:2px solid var(--convokit-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;z-index:10000;transition:all .2s ease;background:var(--convokit-primary)}.convokit-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.convokit-button:active{transform:translateY(0)}.convokit-button-hidden{opacity:0;transform:scale(0);pointer-events:none;transition:all .2s ease-in-out}.convokit-chat-window{width:380px;height:600px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:absolute;bottom:0;right:0;z-index:9999;transform-origin:bottom right;border:2px solid #000;overscroll-behavior:contain}.convokit-chat-window-body{width:100%;height:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden}.convokit-chat-wrapper{display:flex;flex-direction:column;flex:1;background:var(--convokit-chat-bg);overflow:hidden}.convokit-header{padding:16px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center;min-height:60px;background:var(--convokit-header-bg);position:relative;border-bottom:2px solid var(--convokit-header-bg)}.convokit-header-subtitle{margin:0;font-size:12px;opacity:.85;line-height:1.3}.convokit-header-left{display:flex;align-items:center;gap:12px;flex:1}.convokit-avatar{display:none}.convokit-header-text{display:flex;flex-direction:column;gap:4px}.convokit-header-text h3{margin:0;font-size:16px;font-weight:600;line-height:1.3}.convokit-header-actions{display:flex;align-items:center;gap:4px}.convokit-header-icon{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:opacity .2s ease}.convokit-header-icon:hover{opacity:.7}.convokit-header-icon:active{opacity:.5}.convokit-chat-window-content{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.convokit-chat-container{display:flex;flex-direction:column;flex:1;padding:16px;border:none;overflow:hidden;background:transparent;overscroll-behavior:contain}.convokit-messages{flex:1;overflow-y:auto;padding:8px 0;display:flex;flex-direction:column;gap:16px;background:transparent;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain}.convokit-messages::-webkit-scrollbar{display:none}.convokit-welcome{text-align:center;color:#666;padding:20px;font-size:14px}.convokit-message{display:flex;align-items:flex-end;gap:0;max-width:75%}.convokit-message-user{align-self:flex-end}.convokit-message-assistant{align-self:flex-start}.convokit-bot-icon{display:none}.convokit-message-content{padding:10px 14px;border-radius:var(--convokit-border-radius);word-wrap:break-word;font-size:var(--convokit-font-size);line-height:1.5;position:relative}.convokit-message-user .convokit-message-content{background:var(--convokit-user-msg-bg);color:#fff;border-bottom-right-radius:4px}.convokit-message-assistant .convokit-message-content{background:var(--convokit-assistant-msg-bg);color:#000;border-bottom-left-radius:4px}.convokit-message-content strong{font-weight:600}.convokit-message-content em{font-style:italic}.convokit-message-content a{text-decoration:underline}.convokit-typing{display:flex;gap:6px;padding:4px 0;align-items:center}.convokit-typing span{width:8px;height:8px;border-radius:50%;background:#6b7280;animation:typing-bounce 1.4s ease-in-out infinite}.convokit-typing span:nth-child(1){animation-delay:0s}.convokit-typing span:nth-child(2){animation-delay:.2s}.convokit-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.convokit-input-form{display:flex;align-items:center;padding:12px 0 0;gap:8px;flex-shrink:0;background:transparent;border-bottom:none}.convokit-input{flex:1;padding:11px 14px;border:1px solid color-mix(in srgb,var(--convokit-primary) 35%,transparent);background:var(--convokit-input-bg);border-radius:20px;font-size:var(--convokit-font-size);outline:none;color:#000;font-family:var(--convokit-font-family);transition:border-color .2s ease,box-shadow .2s ease}.convokit-input:focus{border-color:var(--convokit-primary);box-shadow:none}.convokit-input::placeholder{color:#9ca3af}.convokit-input:disabled{background:#f9fafb;color:#9ca3af;border-color:#e5e7eb}.convokit-send-button{width:40px;height:40px;border-radius:50%;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--convokit-primary);transition:opacity .2s ease}.convokit-send-button:hover:not(:disabled){opacity:.8}.convokit-send-button:active:not(:disabled){opacity:.6}.convokit-send-button:disabled{opacity:.3;cursor:not-allowed;background:var(--convokit-primary)}.convokit-footer{padding:10px 16px;text-align:center;background:var(--convokit-chat-bg);font-size:11px;color:#6b7280}.convokit-footer a{color:var(--convokit-primary);text-decoration:none;font-weight:500;transition:opacity .2s ease}.convokit-footer a:hover{opacity:.7}.convokit-rating-prompt{padding:16px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.convokit-rating-question{margin:0 0 12px;font-size:14px;font-weight:500;color:#374151;text-align:center}.convokit-rating-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:12px}.convokit-rating-button{width:48px;height:48px;border-radius:50%;border:2px solid #d1d5db;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.convokit-rating-button:hover:not(:disabled){border-color:#9ca3af;transform:scale(1.05)}.convokit-rating-button:disabled{opacity:.5;cursor:not-allowed}.convokit-rating-button.convokit-rating-selected{color:#fff;border-width:2px}.convokit-rating-feedback{margin-top:12px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.convokit-rating-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px;margin-bottom:8px;box-sizing:border-box}.convokit-rating-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.convokit-rating-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.convokit-rating-submit{width:100%;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:opacity .2s ease}.convokit-rating-submit:hover:not(:disabled){opacity:.9}.convokit-rating-submit:disabled{opacity:.6;cursor:not-allowed}.convokit-rating-thankyou{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.convokit-rating-icon{width:48px;height:48px;border-radius:50%;background-color:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:12px}.convokit-rating-message{margin:0;font-size:14px;font-weight:500;color:#374151}@media (max-width: 480px){.convokit-widget{bottom:10px;right:10px}.convokit-chat-window{width:calc(100vw - 20px);height:calc(100vh - 20px);max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);bottom:0;right:0;border-radius:16px}.convokit-message{max-width:85%}.convokit-header{padding:16px 16px 12px;min-height:64px}.convokit-chat-container{padding:12px}}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { M as L, r as _, f as R, i as $, s as G, c as Y, a as q, g as A, b as U, d as V, e as J } from "./PopupWidget-CGZOe6ZA.js";
+import { P as he } from "./PopupWidget-CGZOe6ZA.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useState as u, useRef as F, useEffect as N } from "react";
+const Q = "convokit-widget", X = ({ config: e, onBack: c, backLabel: r = "Back to editor" }) => {
+  const k = e.widgetId ?? Q, [I, C] = u(!0), [m, x] = u([]), [g, B] = u(""), [v, D] = u(!1), [S, P] = u(null), [o, l] = u(null), T = F(null), a = `convokit_messages_${k}`;
+  N(() => {
+    if (e.persistMessages)
       try {
-        if (r) {
-          var o = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(o.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(o, []);
-            } catch (g) {
-              n = g;
-            }
-            Reflect.construct(e, [], o);
-          } else {
-            try {
-              o.call();
-            } catch (g) {
-              n = g;
-            }
-            e.call(o.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (g) {
-            n = g;
-          }
-          e();
-        }
-      } catch (g) {
-        if (g && n && typeof g.stack == "string") {
-          for (var a = g.stack.split(`
-`), h = n.stack.split(`
-`), u = a.length - 1, c = h.length - 1; u >= 1 && c >= 0 && a[u] !== h[c]; )
-            c--;
-          for (; u >= 1 && c >= 0; u--, c--)
-            if (a[u] !== h[c]) {
-              if (u !== 1 || c !== 1)
-                do
-                  if (u--, c--, c < 0 || a[u] !== h[c]) {
-                    var E = `
-` + a[u].replace(" at new ", " at ");
-                    return e.displayName && E.includes("<anonymous>") && (E = E.replace("<anonymous>", e.displayName)), typeof e == "function" && M.set(e, E), E;
-                  }
-                while (u >= 1 && c >= 0);
-              break;
-            }
-        }
-      } finally {
-        z = !1, q.current = s, Ye(), Error.prepareStackTrace = i;
-      }
-      var A = e ? e.displayName || e.name : "", S = A ? L(A) : "";
-      return typeof e == "function" && M.set(e, S), S;
-    }
-    function Me(e, r, t) {
-      return fe(e, !1);
-    }
-    function Ve(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
-    }
-    function V(e, r, t) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return fe(e, Ve(e));
-      if (typeof e == "string")
-        return L(e);
-      switch (e) {
-        case C:
-          return L("Suspense");
-        case v:
-          return L("SuspenseList");
+        const i = localStorage.getItem(a);
+        i && x(JSON.parse(i));
+      } catch (i) {
+        console.error("Failed to load messages from localStorage:", i);
       }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case f:
-            return Me(e.render);
-          case d:
-            return V(e.type, r, t);
-          case b: {
-            var n = e, i = n._payload, s = n._init;
-            try {
-              return V(s(i), r, t);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var N = Object.prototype.hasOwnProperty, de = {}, ve = D.ReactDebugCurrentFrame;
-    function U(e) {
-      if (e) {
-        var r = e._owner, t = V(e.type, e._source, r ? r.type : null);
-        ve.setExtraStackFrame(t);
-      } else
-        ve.setExtraStackFrame(null);
-    }
-    function Ue(e, r, t, n, i) {
-      {
-        var s = Function.call.bind(N);
-        for (var o in e)
-          if (s(e, o)) {
-            var a = void 0;
-            try {
-              if (typeof e[o] != "function") {
-                var h = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw h.name = "Invariant Violation", h;
-              }
-              a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (u) {
-              a = u;
-            }
-            a && !(a instanceof Error) && (U(i), p("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), U(null)), a instanceof Error && !(a.message in de) && (de[a.message] = !0, U(i), p("Failed %s type: %s", t, a.message), U(null));
-          }
-      }
-    }
-    var Be = Array.isArray;
-    function G(e) {
-      return Be(e);
-    }
-    function Je(e) {
-      {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t;
-      }
-    }
-    function qe(e) {
+  }, [e.persistMessages, a]), N(() => {
+    if (e.persistMessages && m.length > 0)
       try {
-        return pe(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function pe(e) {
-      return "" + e;
-    }
-    function he(e) {
-      if (qe(e))
-        return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Je(e)), pe(e);
-    }
-    var ge = D.ReactCurrentOwner, Ke = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, me, ye;
-    function ze(e) {
-      if (N.call(e, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function Ge(e) {
-      if (N.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function He(e, r) {
-      typeof e.ref == "string" && ge.current;
-    }
-    function Xe(e, r) {
-      {
-        var t = function() {
-          me || (me = !0, p("%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://reactjs.org/link/special-props)", r));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: t,
-          configurable: !0
-        });
-      }
-    }
-    function Ze(e, r) {
-      {
-        var t = function() {
-          ye || (ye = !0, p("%s: `ref` 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://reactjs.org/link/special-props)", r));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: t,
-          configurable: !0
-        });
-      }
-    }
-    var Qe = function(e, r, t, n, i, s, o) {
-      var a = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: _,
-        // Built-in properties that belong on the element
-        type: e,
-        key: r,
-        ref: t,
-        props: o,
-        // Record the component responsible for creating this element.
-        _owner: s
-      };
-      return a._store = {}, Object.defineProperty(a._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(a, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: n
-      }), Object.defineProperty(a, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: i
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
-    };
-    function er(e, r, t, n, i) {
-      {
-        var s, o = {}, a = null, h = null;
-        t !== void 0 && (he(t), a = "" + t), Ge(r) && (he(r.key), a = "" + r.key), ze(r) && (h = r.ref, He(r, i));
-        for (s in r)
-          N.call(r, s) && !Ke.hasOwnProperty(s) && (o[s] = r[s]);
-        if (e && e.defaultProps) {
-          var u = e.defaultProps;
-          for (s in u)
-            o[s] === void 0 && (o[s] = u[s]);
-        }
-        if (a || h) {
-          var c = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && Xe(o, c), h && Ze(o, c);
-        }
-        return Qe(e, a, h, i, n, ge.current, o);
-      }
-    }
-    var H = D.ReactCurrentOwner, be = D.ReactDebugCurrentFrame;
-    function F(e) {
-      if (e) {
-        var r = e._owner, t = V(e.type, e._source, r ? r.type : null);
-        be.setExtraStackFrame(t);
-      } else
-        be.setExtraStackFrame(null);
-    }
-    var X;
-    X = !1;
-    function Z(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === _;
-    }
-    function Ee() {
-      {
-        if (H.current) {
-          var e = O(H.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function rr(e) {
-      return "";
-    }
-    var _e = {};
-    function tr(e) {
-      {
-        var r = Ee();
-        if (!r) {
-          var t = typeof e == "string" ? e : e.displayName || e.name;
-          t && (r = `
-
-Check the top-level render call using <` + t + ">.");
-        }
-        return r;
-      }
-    }
-    function Re(e, r) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var t = tr(r);
-        if (_e[t])
-          return;
-        _e[t] = !0;
-        var n = "";
-        e && e._owner && e._owner !== H.current && (n = " It was passed a child from " + O(e._owner.type) + "."), F(e), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), F(null);
+        localStorage.setItem(a, JSON.stringify(m));
+      } catch (i) {
+        console.error("Failed to save messages to localStorage:", i);
       }
-    }
-    function je(e, r) {
-      {
-        if (typeof e != "object")
-          return;
-        if (G(e))
-          for (var t = 0; t < e.length; t++) {
-            var n = e[t];
-            Z(n) && Re(n, r);
-          }
-        else if (Z(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var i = ke(e);
-          if (typeof i == "function" && i !== e.entries)
-            for (var s = i.call(e), o; !(o = s.next()).done; )
-              Z(o.value) && Re(o.value, r);
-        }
-      }
-    }
-    function nr(e) {
-      {
-        var r = e.type;
-        if (r == null || typeof r == "string")
-          return;
-        var t;
-        if (typeof r == "function")
-          t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === f || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        r.$$typeof === d))
-          t = r.propTypes;
-        else
+  }, [e.persistMessages, m, a]), N(() => {
+    (async () => {
+      if (!e.key) return;
+      const s = `convokit_theme_${k}`;
+      try {
+        const f = sessionStorage.getItem(s);
+        if (f) {
+          l(JSON.parse(f));
           return;
-        if (t) {
-          var n = O(r);
-          Ue(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !X) {
-          X = !0;
-          var i = O(r);
-          p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function ar(e) {
-      {
-        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var n = r[t];
-          if (n !== "children" && n !== "key") {
-            F(e), p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), F(null);
-            break;
-          }
-        }
-        e.ref !== null && (F(e), p("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
+      } catch {
       }
-    }
-    var Ce = {};
-    function we(e, r, t, n, i, s) {
-      {
-        var o = $e(e);
-        if (!o) {
-          var a = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var h = rr();
-          h ? a += h : a += Ee();
-          var u;
-          e === null ? u = "null" : G(e) ? u = "array" : e !== void 0 && e.$$typeof === _ ? (u = "<" + (O(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : u = typeof e, p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", u, a);
-        }
-        var c = er(e, r, t, i, s);
-        if (c == null)
-          return c;
-        if (o) {
-          var E = r.children;
-          if (E !== void 0)
-            if (n)
-              if (G(E)) {
-                for (var A = 0; A < E.length; A++)
-                  je(E[A], e);
-                Object.freeze && Object.freeze(E);
-              } else
-                p("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
-              je(E, e);
-        }
-        if (N.call(r, "key")) {
-          var S = O(e), g = Object.keys(r).filter(function(cr) {
-            return cr !== "key";
-          }), Q = g.length > 0 ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ce[S + Q]) {
-            var lr = g.length > 0 ? "{" + g.join(": ..., ") + ": ...}" : "{}";
-            p(`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} />`, Q, S, lr, S), Ce[S + Q] = !0;
-          }
+      const h = await R(e.key);
+      if (h) {
+        l(h);
+        try {
+          sessionStorage.setItem(s, JSON.stringify(h));
+        } catch {
         }
-        return e === R ? ar(c) : nr(c), c;
       }
-    }
-    function or(e, r, t) {
-      return we(e, r, t, !0);
-    }
-    function ir(e, r, t) {
-      return we(e, r, t, !1);
-    }
-    var sr = ir, ur = or;
-    Y.Fragment = R, Y.jsx = sr, Y.jsxs = ur;
-  }()), Y;
-}
-process.env.NODE_ENV === "production" ? ee.exports = fr() : ee.exports = dr();
-var l = ee.exports;
-const pr = ({ config: m }) => {
-  const [_, I] = B(!1), [R, T] = B([]), [j, x] = B(""), [y, f] = B(!1), C = () => I(!_), v = async (d) => {
-    if (d.preventDefault(), !j.trim() || y) return;
-    const b = j.trim();
-    x(""), T((w) => [...w, { role: "user", content: b }]), f(!0);
+    })();
+  }, [k, e.key]);
+  const p = {
+    ...e,
+    primaryColor: e.primaryColor || (o == null ? void 0 : o.primaryColor) || "#000",
+    title: e.title || (o == null ? void 0 : o.headerTitle) || "Chat",
+    subtitle: e.subtitle || (o == null ? void 0 : o.headerSubtitle),
+    welcomeMessage: e.welcomeMessage || (o == null ? void 0 : o.welcomeMessage) || "How can I help you today?",
+    placeholder: e.placeholder || (o == null ? void 0 : o.placeholder) || "Type a message..."
+  };
+  N(() => {
+    if (typeof document > "u") return;
+    const i = document.documentElement;
+    i.style.setProperty("--convokit-primary", p.primaryColor), i.style.setProperty("--convokit-header-bg", e.headerBg ?? (o == null ? void 0 : o.headerBg) ?? p.primaryColor ?? "#000"), i.style.setProperty("--convokit-font-family", (o == null ? void 0 : o.fontFamily) || "Inter, system-ui, sans-serif"), i.style.setProperty("--convokit-font-size", (o == null ? void 0 : o.fontSize) || "14px"), i.style.setProperty("--convokit-border-radius", (o == null ? void 0 : o.borderRadius) || "18px"), i.style.setProperty("--convokit-chat-bg", e.chatBg ?? (o == null ? void 0 : o.chatBg) ?? "#ffffff"), i.style.setProperty("--convokit-user-msg-bg", e.userMsgBg ?? (o == null ? void 0 : o.userMsgBg) ?? p.primaryColor ?? "#000"), i.style.setProperty("--convokit-assistant-msg-bg", e.assistantMsgBg ?? (o == null ? void 0 : o.assistantMsgBg) ?? "#f3f4f6"), i.style.setProperty("--convokit-input-bg", e.inputBg ?? (o == null ? void 0 : o.inputBg) ?? "#ffffff");
+  }, [o, p.primaryColor, e.headerBg, e.chatBg, e.userMsgBg, e.assistantMsgBg, e.inputBg]), N(() => {
+    var i;
+    (i = T.current) == null || i.scrollIntoView({ behavior: "smooth" });
+  }, [m, v]);
+  const E = async (i) => {
+    if (i.preventDefault(), !g.trim() || v) return;
+    const s = g.trim();
+    B(""), P(null);
+    const h = { role: "user", content: s, timestamp: /* @__PURE__ */ new Date() }, f = [...m, h];
+    x(f), D(!0);
     try {
-      const P = await (await fetch(`${m.apiUrl}/api/widget/${m.widgetId}/chat`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ message: b })
-      })).json();
-      T((J) => [...J, { role: "assistant", content: P.message || "Coming soon..." }]);
-    } catch (w) {
-      console.error("Chat error:", w), T((P) => [...P, { role: "assistant", content: "Sorry, something went wrong." }]);
+      const d = m.map((H) => ({ role: H.role, content: H.content })), b = typeof window < "u" ? localStorage.getItem("widget_jwt") : null, M = typeof window < "u" ? localStorage.getItem("conversation_id") : null;
+      let y;
+      b && M && !$() ? y = await G(s, d) : (b && M && $() && Y(), y = await q(e.key, s, void 0, k));
+      const j = { role: "assistant", content: typeof (y == null ? void 0 : y.reply) == "string" ? y.reply : (y == null ? void 0 : y.reply) != null ? String(y.reply) : "", timestamp: /* @__PURE__ */ new Date() };
+      x([...f, j]);
+    } catch (d) {
+      console.error("Chat error:", d);
+      const b = d instanceof Error ? d.message : "Sorry, something went wrong.";
+      P(b), x([...f, { role: "assistant", content: `Error: ${b}`, timestamp: /* @__PURE__ */ new Date() }]);
     } finally {
-      f(!1);
+      D(!1);
     }
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: "convokit-widget", children: [
-    !_ && /* @__PURE__ */ l.jsx(
-      "button",
-      {
-        onClick: C,
-        className: "convokit-button",
-        style: { backgroundColor: m.primaryColor || "#000" },
-        children: /* @__PURE__ */ l.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ l.jsx(
-          "path",
-          {
-            d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ) })
-      }
-    ),
-    _ && /* @__PURE__ */ l.jsxs("div", { className: "convokit-chat-window", children: [
-      /* @__PURE__ */ l.jsxs(
-        "div",
+  return I ? /* @__PURE__ */ n(
+    L,
+    {
+      className: "convokit-widget",
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { duration: 0.2 },
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 1e4,
+        display: "flex",
+        flexDirection: "column",
+        background: "var(--convokit-chat-bg)",
+        fontFamily: "var(--convokit-font-family)",
+        pointerEvents: "auto"
+      },
+      children: [
+        /* @__PURE__ */ n("div", { className: "convokit-header", style: { flexShrink: 0 }, children: [
+          /* @__PURE__ */ t("div", { className: "convokit-header-left", children: /* @__PURE__ */ n("div", { className: "convokit-header-text", children: [
+            /* @__PURE__ */ t("h3", { children: p.title }),
+            p.subtitle && /* @__PURE__ */ t("p", { className: "convokit-header-subtitle", children: p.subtitle })
+          ] }) }),
+          /* @__PURE__ */ t("div", { className: "convokit-header-actions", children: c ? /* @__PURE__ */ n("button", { type: "button", onClick: c, className: "convokit-header-icon", "aria-label": r, style: { fontSize: 14, gap: 6, display: "flex", alignItems: "center" }, children: [
+            /* @__PURE__ */ t("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("path", { d: "M19 12H5M12 19l-7-7 7-7" }) }),
+            r
+          ] }) : /* @__PURE__ */ t("button", { type: "button", onClick: () => C(!1), className: "convokit-header-icon", "aria-label": "Close chat", children: /* @__PURE__ */ n("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+            /* @__PURE__ */ t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "convokit-chat-wrapper", style: { flex: 1, minHeight: 0, overflow: "hidden", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ t("div", { className: "convokit-chat-window-content", style: { flex: 1, minHeight: 0, overflow: "hidden", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ n("div", { className: "convokit-chat-container", style: { flex: 1, minHeight: 0, display: "flex", flexDirection: "column", padding: 16 }, children: [
+          /* @__PURE__ */ n("div", { className: "convokit-messages", style: { flex: 1, overflowY: "auto", padding: "8px 0" }, children: [
+            S && /* @__PURE__ */ n("div", { style: { padding: 12, margin: 8, background: "#fee", color: "#c33", borderRadius: 8, fontSize: 14 }, children: [
+              "⚠️ ",
+              S
+            ] }),
+            m.length === 0 && /* @__PURE__ */ t("div", { className: "convokit-message convokit-message-assistant", children: /* @__PURE__ */ t("div", { className: "convokit-message-content", dangerouslySetInnerHTML: { __html: _(p.welcomeMessage) } }) }),
+            m.map((i, s) => /* @__PURE__ */ t("div", { className: `convokit-message convokit-message-${i.role}`, children: /* @__PURE__ */ t("div", { className: "convokit-message-content", dangerouslySetInnerHTML: { __html: _(i.content) } }) }, s)),
+            v && /* @__PURE__ */ t("div", { className: "convokit-message convokit-message-assistant", children: /* @__PURE__ */ t("div", { className: "convokit-message-content", children: /* @__PURE__ */ n("div", { className: "convokit-typing", children: [
+              /* @__PURE__ */ t("span", {}),
+              /* @__PURE__ */ t("span", {}),
+              /* @__PURE__ */ t("span", {})
+            ] }) }) }),
+            /* @__PURE__ */ t("div", { ref: T })
+          ] }),
+          /* @__PURE__ */ n("form", { onSubmit: E, className: "convokit-input-form", children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "text",
+                value: g,
+                onChange: (i) => B(i.target.value),
+                placeholder: p.placeholder,
+                disabled: v,
+                className: "convokit-input"
+              }
+            ),
+            /* @__PURE__ */ t("button", { type: "submit", disabled: v || !g.trim(), className: "convokit-send-button", "aria-label": "Send message", children: /* @__PURE__ */ n("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ t("path", { d: "M22 2L11 13" }),
+              /* @__PURE__ */ t("path", { d: "M22 2l-7 20-4-9-9-4z" })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ n("div", { className: "convokit-footer", children: [
+            "Powered by ",
+            /* @__PURE__ */ t("a", { href: "https://convokit.com", target: "_blank", rel: "noopener noreferrer", children: "ConvoKit" })
+          ] })
+        ] }) }) })
+      ]
+    }
+  ) : /* @__PURE__ */ t(
+    L,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 1e4,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: "var(--convokit-chat-bg)",
+        pointerEvents: "auto"
+      },
+      children: /* @__PURE__ */ n(
+        "button",
         {
-          className: "convokit-header",
-          style: { backgroundColor: m.primaryColor || "#000" },
+          type: "button",
+          onClick: () => C(!0),
+          "aria-label": "Open chat",
+          style: {
+            padding: "14px 28px",
+            borderRadius: 12,
+            border: "none",
+            background: p.primaryColor,
+            color: "white",
+            fontSize: 16,
+            fontWeight: 500,
+            cursor: "pointer",
+            display: "flex",
+            alignItems: "center",
+            gap: 10,
+            boxShadow: "0 4px 14px rgba(0,0,0,0.15)"
+          },
           children: [
-            /* @__PURE__ */ l.jsx("h3", { children: m.title || "Chat" }),
-            /* @__PURE__ */ l.jsx("button", { onClick: C, className: "convokit-close", children: "×" })
+            /* @__PURE__ */ t("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ t("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }),
+            "Open chat"
           ]
         }
-      ),
-      /* @__PURE__ */ l.jsxs("div", { className: "convokit-messages", children: [
-        R.length === 0 && /* @__PURE__ */ l.jsx("div", { className: "convokit-welcome", children: m.welcomeMessage || "Hello! How can I help you?" }),
-        R.map((d, b) => /* @__PURE__ */ l.jsx(
-          "div",
-          {
-            className: `convokit-message convokit-message-${d.role}`,
-            children: d.content
-          },
-          b
-        )),
-        y && /* @__PURE__ */ l.jsx("div", { className: "convokit-message convokit-message-assistant", children: /* @__PURE__ */ l.jsxs("div", { className: "convokit-typing", children: [
-          /* @__PURE__ */ l.jsx("span", {}),
-          /* @__PURE__ */ l.jsx("span", {}),
-          /* @__PURE__ */ l.jsx("span", {})
-        ] }) })
-      ] }),
-      /* @__PURE__ */ l.jsxs("form", { onSubmit: v, className: "convokit-input-form", children: [
-        /* @__PURE__ */ l.jsx(
-          "input",
+      )
+    }
+  );
+}, W = {
+  title: "Support",
+  welcomeMessage: "Hi! How can we help?"
+}, re = (e) => {
+  const c = e.apiKey;
+  if (!c || typeof c != "string" || c.trim() === "")
+    return null;
+  const r = {
+    ...W,
+    key: c.trim(),
+    widgetId: e.widgetId,
+    title: e.title ?? W.title,
+    welcomeMessage: e.welcomeMessage ?? W.welcomeMessage,
+    persistMessages: e.persistMessages,
+    primaryColor: e.primaryColor
+  };
+  return /* @__PURE__ */ t(
+    X,
+    {
+      config: r,
+      onBack: e.onBack,
+      backLabel: e.backLabel ?? "Back"
+    }
+  );
+}, Z = "convokit-widget", ee = ({ config: e }) => {
+  const c = e.widgetId ?? Z, [r, k] = u(!1), [I, C] = u([]), [m, x] = u(""), [g, B] = u(!1), [v, D] = u(!1), [S, P] = u(null), o = F(null), l = {
+    ...e,
+    primaryColor: e.primaryColor || "#000",
+    title: e.title || "Chat",
+    subtitle: e.subtitle,
+    welcomeMessage: e.welcomeMessage || "How can I help you today?",
+    placeholder: e.placeholder || "Type a message...",
+    position: e.position || "bottom-right"
+  };
+  N(() => {
+    if (typeof document > "u") return;
+    const s = document.documentElement;
+    s.style.setProperty("--convokit-primary", l.primaryColor), s.style.setProperty("--convokit-header-bg", e.headerBg ?? l.primaryColor ?? "#000"), s.style.setProperty("--convokit-font-family", "Inter, system-ui, sans-serif"), s.style.setProperty("--convokit-font-size", "14px"), s.style.setProperty("--convokit-border-radius", "18px"), s.style.setProperty("--convokit-chat-bg", e.chatBg ?? "#ffffff"), s.style.setProperty("--convokit-user-msg-bg", e.userMsgBg ?? l.primaryColor ?? "#000"), s.style.setProperty("--convokit-assistant-msg-bg", e.assistantMsgBg ?? "#f3f4f6"), s.style.setProperty("--convokit-input-bg", e.inputBg ?? "#ffffff");
+  }, [l.primaryColor, e.headerBg, e.chatBg, e.userMsgBg, e.assistantMsgBg, e.inputBg]), N(() => {
+    const s = setTimeout(() => D(!0), 100);
+    return () => clearTimeout(s);
+  }, []), N(() => {
+    var s;
+    (s = o.current) == null || s.scrollIntoView({ behavior: "smooth" });
+  }, [I, g]);
+  const T = () => k(!r), a = l.position, p = () => {
+    const s = { position: "absolute", zIndex: 9999 }, h = {
+      "bottom-right": { ...s, bottom: 20, right: 20 },
+      "bottom-left": { ...s, bottom: 20, left: 20 },
+      "bottom-middle": { ...s, bottom: 20, left: "50%" },
+      "top-right": { ...s, top: 20, right: 20 },
+      "top-left": { ...s, top: 20, left: 20 },
+      "top-middle": { ...s, top: 20, left: "50%" }
+    };
+    return h[a] || h["bottom-right"];
+  }, E = () => ({
+    "bottom-right": "bottom right",
+    "bottom-left": "bottom left",
+    "bottom-middle": "bottom center",
+    "top-right": "top right",
+    "top-left": "top left",
+    "top-middle": "top center"
+  })[a] || "bottom right", i = async (s) => {
+    if (s.preventDefault(), !m.trim() || g) return;
+    const h = m.trim();
+    x(""), P(null);
+    const f = { role: "user", content: h, timestamp: /* @__PURE__ */ new Date() }, d = [...I, f];
+    C(d), B(!0);
+    try {
+      const b = I.map((K) => ({ role: K.role, content: K.content })), M = typeof e.getAuthToken == "function" ? await Promise.resolve(e.getAuthToken()) : e.authToken, y = A(c);
+      let w;
+      y ? w = await U(
+        e.apiUrl,
+        h,
+        b,
+        y,
+        M,
+        e.apiKey
+      ) : w = await V(
+        e.apiUrl,
+        h,
+        c,
+        b,
+        M,
+        e.apiKey
+      ), w.conversation_id && typeof window < "u" && J(c, w.conversation_id);
+      const H = { role: "assistant", content: typeof (w == null ? void 0 : w.reply) == "string" ? w.reply : (w == null ? void 0 : w.reply) != null ? String(w.reply) : "", timestamp: /* @__PURE__ */ new Date() };
+      C([...d, H]);
+    } catch (b) {
+      console.error("[ConvoKit Connect] Chat error:", b);
+      const M = b instanceof Error ? b.message : "Sorry, something went wrong.";
+      P(M), C([...d, { role: "assistant", content: `Error: ${M}`, timestamp: /* @__PURE__ */ new Date() }]);
+    } finally {
+      B(!1);
+    }
+  };
+  return /* @__PURE__ */ t("div", { className: "convokit-widget", children: /* @__PURE__ */ n(
+    L,
+    {
+      className: "convokit-morph-container",
+      initial: { opacity: 0, scale: 0, width: 60, height: 60, borderRadius: 50, x: a === "bottom-middle" || a === "top-middle" ? "-50%" : 0 },
+      animate: {
+        opacity: 1,
+        scale: 1,
+        width: r ? 380 : 60,
+        height: r ? 600 : 60,
+        borderRadius: r ? 16 : 50,
+        x: a === "bottom-middle" || a === "top-middle" ? "-50%" : 0
+      },
+      transition: {
+        duration: 0.4,
+        scale: { type: "spring", visualDuration: 0.4, bounce: 0.5 },
+        width: v ? { type: "spring", stiffness: 300, damping: 30 } : { duration: 0 },
+        height: v ? { type: "spring", stiffness: 300, damping: 30 } : { duration: 0 },
+        borderRadius: v ? { type: "spring", stiffness: 300, damping: 30 } : { duration: 0 },
+        x: { duration: 0 }
+      },
+      style: {
+        backgroundColor: l.primaryColor,
+        ...p(),
+        transformOrigin: E(),
+        cursor: r ? "default" : "pointer",
+        overflow: "hidden",
+        boxShadow: r ? "0 12px 40px rgba(0, 0, 0, 0.2)" : "0 4px 20px rgba(0, 0, 0, 0.2)",
+        pointerEvents: "auto"
+      },
+      onClick: r ? void 0 : T,
+      children: [
+        /* @__PURE__ */ t(
+          L,
           {
-            type: "text",
-            value: j,
-            onChange: (d) => x(d.target.value),
-            placeholder: m.placeholder || "Type a message...",
-            disabled: y,
-            className: "convokit-input"
+            style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, display: "flex", alignItems: "center", justifyContent: "center", pointerEvents: "none" },
+            animate: { opacity: r ? 0 : 1, scale: r ? 0 : 1 },
+            transition: { duration: 0.2 },
+            children: e.bubbleIconUrl ? /* @__PURE__ */ t("img", { src: e.bubbleIconUrl, alt: "", width: 24, height: 24, style: { objectFit: "contain" } }) : /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ t("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) })
           }
         ),
-        /* @__PURE__ */ l.jsx(
-          "button",
+        /* @__PURE__ */ t(
+          L,
           {
-            type: "submit",
-            disabled: y || !j.trim(),
-            className: "convokit-send",
-            style: { color: m.primaryColor || "#000" },
-            children: /* @__PURE__ */ l.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ l.jsx("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) })
+            style: { width: "100%", height: "100%", opacity: r ? 1 : 0, pointerEvents: r ? "all" : "none" },
+            animate: { opacity: r ? 1 : 0 },
+            transition: { duration: 0.2, delay: r ? 0.2 : 0 },
+            children: /* @__PURE__ */ t("div", { className: "convokit-chat-window-body", style: { background: "#ffffff", width: "100%", height: "100%", display: "flex", flexDirection: "column", overflow: "hidden" }, children: /* @__PURE__ */ n("div", { className: "convokit-chat-wrapper", children: [
+              /* @__PURE__ */ n("div", { className: "convokit-header", children: [
+                /* @__PURE__ */ n("div", { className: "convokit-header-left", children: [
+                  /* @__PURE__ */ t("div", { className: "convokit-avatar", children: /* @__PURE__ */ n("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
+                    /* @__PURE__ */ t("circle", { cx: "12", cy: "8", r: "4", fill: "white", opacity: "0.9" }),
+                    /* @__PURE__ */ t("path", { d: "M6 20c0-4 2.5-6 6-6s6 2 6 6", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })
+                  ] }) }),
+                  /* @__PURE__ */ n("div", { className: "convokit-header-text", children: [
+                    /* @__PURE__ */ t("h3", { children: l.title }),
+                    l.subtitle && /* @__PURE__ */ t("p", { className: "convokit-header-subtitle", children: l.subtitle })
+                  ] })
+                ] }),
+                /* @__PURE__ */ t("div", { className: "convokit-header-actions", children: /* @__PURE__ */ t("button", { onClick: T, className: "convokit-header-icon", "aria-label": "Close chat", children: /* @__PURE__ */ n("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                  /* @__PURE__ */ t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                  /* @__PURE__ */ t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                ] }) }) })
+              ] }),
+              /* @__PURE__ */ t("div", { className: "convokit-chat-window-content", children: /* @__PURE__ */ n("div", { className: "convokit-chat-container", children: [
+                /* @__PURE__ */ n("div", { className: "convokit-messages", children: [
+                  S && /* @__PURE__ */ n("div", { style: { padding: 12, margin: 8, background: "#fee", color: "#c33", borderRadius: 8, fontSize: 14 }, children: [
+                    "⚠️ ",
+                    S
+                  ] }),
+                  I.length === 0 && /* @__PURE__ */ t("div", { className: "convokit-message convokit-message-assistant", children: /* @__PURE__ */ t("div", { className: "convokit-message-content", dangerouslySetInnerHTML: { __html: _(l.welcomeMessage) } }) }),
+                  I.map((s, h) => /* @__PURE__ */ t("div", { className: `convokit-message convokit-message-${s.role}`, children: /* @__PURE__ */ t("div", { className: "convokit-message-content", dangerouslySetInnerHTML: { __html: _(s.content) } }) }, h)),
+                  g && /* @__PURE__ */ t("div", { className: "convokit-message convokit-message-assistant", children: /* @__PURE__ */ t("div", { className: "convokit-message-content", children: /* @__PURE__ */ n("div", { className: "convokit-typing", children: [
+                    /* @__PURE__ */ t("span", {}),
+                    /* @__PURE__ */ t("span", {}),
+                    /* @__PURE__ */ t("span", {})
+                  ] }) }) }),
+                  /* @__PURE__ */ t("div", { ref: o })
+                ] }),
+                /* @__PURE__ */ n("form", { onSubmit: i, className: "convokit-input-form", children: [
+                  /* @__PURE__ */ t(
+                    "input",
+                    {
+                      type: "text",
+                      value: m,
+                      onChange: (s) => x(s.target.value),
+                      placeholder: l.placeholder,
+                      disabled: g,
+                      className: "convokit-input"
+                    }
+                  ),
+                  /* @__PURE__ */ t("button", { type: "submit", disabled: g || !m.trim(), className: "convokit-send-button", "aria-label": "Send message", children: /* @__PURE__ */ n("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                    /* @__PURE__ */ t("path", { d: "M22 2L11 13" }),
+                    /* @__PURE__ */ t("path", { d: "M22 2l-7 20-4-9-9-4z" })
+                  ] }) })
+                ] }),
+                /* @__PURE__ */ n("div", { className: "convokit-footer", children: [
+                  "Powered by ",
+                  /* @__PURE__ */ t("a", { href: "https://convokit.com", target: "_blank", rel: "noopener noreferrer", children: "ConvoKit" })
+                ] })
+              ] }) })
+            ] }) })
           }
         )
-      ] })
-    ] })
-  ] });
+      ]
+    }
+  ) });
+}, z = {
+  title: "Chat",
+  welcomeMessage: "How can I help you today?",
+  position: "bottom-right"
+}, ae = (e) => {
+  const { apiUrl: c, apiKey: r } = e;
+  if (!(c != null && c.trim()) || !(r != null && r.trim()))
+    return null;
+  const k = {
+    ...z,
+    apiUrl: c.trim(),
+    apiKey: r.trim(),
+    authToken: e.authToken,
+    widgetId: e.widgetId,
+    title: e.title ?? z.title,
+    welcomeMessage: e.welcomeMessage ?? z.welcomeMessage,
+    position: e.position ?? z.position,
+    primaryColor: e.primaryColor
+  };
+  return /* @__PURE__ */ t(ee, { config: k });
+}, te = "convokit-widget", oe = ({ config: e, onBack: c, backLabel: r = "Back to editor" }) => {
+  const k = e.widgetId ?? te, [I, C] = u(!0), [m, x] = u([]), [g, B] = u(""), [v, D] = u(!1), [S, P] = u(null), o = F(null), l = {
+    ...e,
+    primaryColor: e.primaryColor || "#000",
+    title: e.title || "Chat",
+    subtitle: e.subtitle,
+    welcomeMessage: e.welcomeMessage || "How can I help you today?",
+    placeholder: e.placeholder || "Type a message..."
+  };
+  N(() => {
+    if (typeof document > "u") return;
+    const a = document.documentElement;
+    a.style.setProperty("--convokit-primary", l.primaryColor), a.style.setProperty("--convokit-header-bg", e.headerBg ?? l.primaryColor ?? "#000"), a.style.setProperty("--convokit-font-family", "Inter, system-ui, sans-serif"), a.style.setProperty("--convokit-font-size", "14px"), a.style.setProperty("--convokit-border-radius", "18px"), a.style.setProperty("--convokit-chat-bg", e.chatBg ?? "#ffffff"), a.style.setProperty("--convokit-user-msg-bg", e.userMsgBg ?? l.primaryColor ?? "#000"), a.style.setProperty("--convokit-assistant-msg-bg", e.assistantMsgBg ?? "#f3f4f6"), a.style.setProperty("--convokit-input-bg", e.inputBg ?? "#ffffff");
+  }, [l.primaryColor, e.headerBg, e.chatBg, e.userMsgBg, e.assistantMsgBg, e.inputBg]), N(() => {
+    var a;
+    (a = o.current) == null || a.scrollIntoView({ behavior: "smooth" });
+  }, [m, v]);
+  const T = async (a) => {
+    if (a.preventDefault(), !g.trim() || v) return;
+    const p = g.trim();
+    B(""), P(null);
+    const E = { role: "user", content: p, timestamp: /* @__PURE__ */ new Date() }, i = [...m, E];
+    x(i), D(!0);
+    try {
+      const s = m.map((y) => ({ role: y.role, content: y.content })), h = typeof e.getAuthToken == "function" ? await Promise.resolve(e.getAuthToken()) : e.authToken, f = A(k);
+      let d;
+      f ? d = await U(
+        e.apiUrl,
+        p,
+        s,
+        f,
+        h,
+        e.apiKey
+      ) : d = await V(
+        e.apiUrl,
+        p,
+        k,
+        s,
+        h,
+        e.apiKey
+      ), d.conversation_id && typeof window < "u" && J(k, d.conversation_id);
+      const M = { role: "assistant", content: typeof (d == null ? void 0 : d.reply) == "string" ? d.reply : (d == null ? void 0 : d.reply) != null ? String(d.reply) : "", timestamp: /* @__PURE__ */ new Date() };
+      x([...i, M]);
+    } catch (s) {
+      console.error("[ConvoKit Connect] Chat error:", s);
+      const h = s instanceof Error ? s.message : "Sorry, something went wrong.";
+      P(h), x([...i, { role: "assistant", content: `Error: ${h}`, timestamp: /* @__PURE__ */ new Date() }]);
+    } finally {
+      D(!1);
+    }
+  };
+  return I ? /* @__PURE__ */ n(
+    L,
+    {
+      className: "convokit-widget",
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { duration: 0.2 },
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 1e4,
+        display: "flex",
+        flexDirection: "column",
+        background: "var(--convokit-chat-bg)",
+        fontFamily: "var(--convokit-font-family)",
+        pointerEvents: "auto"
+      },
+      children: [
+        /* @__PURE__ */ n("div", { className: "convokit-header", style: { flexShrink: 0 }, children: [
+          /* @__PURE__ */ t("div", { className: "convokit-header-left", children: /* @__PURE__ */ n("div", { className: "convokit-header-text", children: [
+            /* @__PURE__ */ t("h3", { children: l.title }),
+            l.subtitle && /* @__PURE__ */ t("p", { className: "convokit-header-subtitle", children: l.subtitle })
+          ] }) }),
+          /* @__PURE__ */ t("div", { className: "convokit-header-actions", children: c ? /* @__PURE__ */ n("button", { type: "button", onClick: c, className: "convokit-header-icon", "aria-label": r, style: { fontSize: 14, gap: 6, display: "flex", alignItems: "center" }, children: [
+            /* @__PURE__ */ t("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("path", { d: "M19 12H5M12 19l-7-7 7-7" }) }),
+            r
+          ] }) : /* @__PURE__ */ t("button", { type: "button", onClick: () => C(!1), className: "convokit-header-icon", "aria-label": "Close chat", children: /* @__PURE__ */ n("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+            /* @__PURE__ */ t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "convokit-chat-wrapper", style: { flex: 1, minHeight: 0, overflow: "hidden", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ t("div", { className: "convokit-chat-window-content", style: { flex: 1, minHeight: 0, overflow: "hidden", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ n("div", { className: "convokit-chat-container", style: { flex: 1, minHeight: 0, display: "flex", flexDirection: "column", padding: 16 }, children: [
+          /* @__PURE__ */ n("div", { className: "convokit-messages", style: { flex: 1, overflowY: "auto", padding: "8px 0" }, children: [
+            S && /* @__PURE__ */ n("div", { style: { padding: 12, margin: 8, background: "#fee", color: "#c33", borderRadius: 8, fontSize: 14 }, children: [
+              "⚠️ ",
+              S
+            ] }),
+            m.length === 0 && /* @__PURE__ */ t("div", { className: "convokit-message convokit-message-assistant", children: /* @__PURE__ */ t("div", { className: "convokit-message-content", dangerouslySetInnerHTML: { __html: _(l.welcomeMessage) } }) }),
+            m.map((a, p) => /* @__PURE__ */ t("div", { className: `convokit-message convokit-message-${a.role}`, children: /* @__PURE__ */ t("div", { className: "convokit-message-content", dangerouslySetInnerHTML: { __html: _(a.content) } }) }, p)),
+            v && /* @__PURE__ */ t("div", { className: "convokit-message convokit-message-assistant", children: /* @__PURE__ */ t("div", { className: "convokit-message-content", children: /* @__PURE__ */ n("div", { className: "convokit-typing", children: [
+              /* @__PURE__ */ t("span", {}),
+              /* @__PURE__ */ t("span", {}),
+              /* @__PURE__ */ t("span", {})
+            ] }) }) }),
+            /* @__PURE__ */ t("div", { ref: o })
+          ] }),
+          /* @__PURE__ */ n("form", { onSubmit: T, className: "convokit-input-form", children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "text",
+                value: g,
+                onChange: (a) => B(a.target.value),
+                placeholder: l.placeholder,
+                disabled: v,
+                className: "convokit-input"
+              }
+            ),
+            /* @__PURE__ */ t("button", { type: "submit", disabled: v || !g.trim(), className: "convokit-send-button", "aria-label": "Send message", children: /* @__PURE__ */ n("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ t("path", { d: "M22 2L11 13" }),
+              /* @__PURE__ */ t("path", { d: "M22 2l-7 20-4-9-9-4z" })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ n("div", { className: "convokit-footer", children: [
+            "Powered by ",
+            /* @__PURE__ */ t("a", { href: "https://convokit.com", target: "_blank", rel: "noopener noreferrer", children: "ConvoKit" })
+          ] })
+        ] }) }) })
+      ]
+    }
+  ) : /* @__PURE__ */ t(
+    L,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 1e4,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: "var(--convokit-chat-bg)",
+        pointerEvents: "auto"
+      },
+      children: /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          onClick: () => C(!0),
+          "aria-label": "Open chat",
+          style: {
+            padding: "14px 28px",
+            borderRadius: 12,
+            border: "none",
+            background: l.primaryColor,
+            color: "white",
+            fontSize: 16,
+            fontWeight: 500,
+            cursor: "pointer",
+            display: "flex",
+            alignItems: "center",
+            gap: 10,
+            boxShadow: "0 4px 14px rgba(0,0,0,0.15)"
+          },
+          children: [
+            /* @__PURE__ */ t("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ t("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }),
+            "Open chat"
+          ]
+        }
+      )
+    }
+  );
+}, O = {
+  title: "Chat",
+  welcomeMessage: "How can I help you today?"
+}, le = (e) => {
+  const { apiUrl: c, apiKey: r } = e;
+  if (!(c != null && c.trim()) || !(r != null && r.trim()))
+    return null;
+  const k = {
+    ...O,
+    apiUrl: c.trim(),
+    apiKey: r.trim(),
+    authToken: e.authToken,
+    widgetId: e.widgetId,
+    title: e.title ?? O.title,
+    welcomeMessage: e.welcomeMessage ?? O.welcomeMessage,
+    primaryColor: e.primaryColor
+  };
+  return /* @__PURE__ */ t(
+    oe,
+    {
+      config: k,
+      onBack: e.onBack,
+      backLabel: e.backLabel ?? "Back"
+    }
+  );
 };
 export {
-  pr as ChatWidget
+  le as FullScreenBackendWidget,
+  re as FullScreenWidget,
+  ae as PopupBackendWidget,
+  he as PopupWidget
 };