translation-chat-sdk 0.1.0 → 0.1.1

package/dist/translation-chat-sdk.es.js

@@ -1,4 +1,4 @@
-import { jsx as g, jsxs as v, Fragment as Le } from "react/jsx-runtime";
+import { jsx as g, jsxs as b, Fragment as Le } from "react/jsx-runtime";
 import { createContext as De, useRef as X, useState as de, useMemo as U, useEffect as pe, useContext as Ie } from "react";
 const S = /* @__PURE__ */ Object.create(null);
 S.open = "0";
@@ -214,13 +214,13 @@ m.prototype.listeners = function(n) {
 m.prototype.hasListeners = function(n) {
   return !!this.listeners(n).length;
 };
-const $ = typeof Promise == "function" && typeof Promise.resolve == "function" ? (e) => Promise.resolve().then(e) : (e, t) => t(e, 0), b = typeof self < "u" ? self : typeof window < "u" ? window : Function("return this")(), Ye = "arraybuffer";
+const $ = typeof Promise == "function" && typeof Promise.resolve == "function" ? (e) => Promise.resolve().then(e) : (e, t) => t(e, 0), E = typeof self < "u" ? self : typeof window < "u" ? window : Function("return this")(), Ye = "arraybuffer";
 function be(n, ...e) {
   return e.reduce((t, s) => (n.hasOwnProperty(s) && (t[s] = n[s]), t), {});
 }
-const ze = b.setTimeout, Je = b.clearTimeout;
+const ze = E.setTimeout, Je = E.clearTimeout;
 function W(n, e) {
-  e.useNativeTimers ? (n.setTimeoutFn = ze.bind(b), n.clearTimeoutFn = Je.bind(b)) : (n.setTimeoutFn = b.setTimeout.bind(b), n.clearTimeoutFn = b.clearTimeout.bind(b));
+  e.useNativeTimers ? (n.setTimeoutFn = ze.bind(E), n.clearTimeoutFn = Je.bind(E)) : (n.setTimeoutFn = E.setTimeout.bind(E), n.clearTimeoutFn = E.clearTimeout.bind(E));
 }
 const Qe = 1.33;
 function Xe(n) {
@@ -597,7 +597,7 @@ if (typeof document < "u") {
   if (typeof attachEvent == "function")
     attachEvent("onunload", fe);
   else if (typeof addEventListener == "function") {
-    const n = "onpagehide" in b ? "pagehide" : "unload";
+    const n = "onpagehide" in E ? "pagehide" : "unload";
     addEventListener(n, fe, !1);
   }
 }
@@ -630,7 +630,7 @@ function Te(n) {
   }
   if (!e)
     try {
-      return new b[["Active"].concat("Object").join("X")]("Microsoft.XMLHTTP");
+      return new E[["Active"].concat("Object").join("X")]("Microsoft.XMLHTTP");
     } catch {
     }
 }
@@ -691,7 +691,7 @@ class ct extends re {
     return this.opts.timestampRequests && (t[this.opts.timestampParam] = Ee()), this.supportsBinary || (t.b64 = 1), this.createUri(e, t);
   }
 }
-const J = b.WebSocket || b.MozWebSocket;
+const J = E.WebSocket || E.MozWebSocket;
 class at extends ct {
   createSocket(e, t, s) {
     return Se ? new J(e, t, s) : t ? new J(e, t) : new J(e);
@@ -1445,7 +1445,7 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   isPacketValid: Ot,
   protocol: Tt
 }, Symbol.toStringTag, { value: "Module" }));
-function E(n, e, t) {
+function v(n, e, t) {
   return n.on(e, t), function() {
     n.off(e, t);
   };
@@ -1493,10 +1493,10 @@ class Re extends m {
       return;
     const e = this.io;
     this.subs = [
-      E(e, "open", this.onopen.bind(this)),
-      E(e, "packet", this.onpacket.bind(this)),
-      E(e, "error", this.onerror.bind(this)),
-      E(e, "close", this.onclose.bind(this))
+      v(e, "open", this.onopen.bind(this)),
+      v(e, "packet", this.onpacket.bind(this)),
+      v(e, "error", this.onerror.bind(this)),
+      v(e, "close", this.onclose.bind(this))
     ];
   }
   /**
@@ -2128,11 +2128,11 @@ class se extends m {
     this.engine = new mt(this.uri, this.opts);
     const t = this.engine, s = this;
     this._readyState = "opening", this.skipReconnect = !1;
-    const i = E(t, "open", function() {
+    const i = v(t, "open", function() {
       s.onopen(), e && e();
     }), r = (h) => {
       this.cleanup(), this._readyState = "closed", this.emitReserved("error", h), e ? e(h) : this.maybeReconnectOnOpen();
-    }, o = E(t, "error", r);
+    }, o = v(t, "error", r);
     if (this._timeout !== !1) {
       const h = this._timeout, l = this.setTimeoutFn(() => {
         i(), r(new Error("timeout")), t.close();
@@ -2161,12 +2161,12 @@ class se extends m {
     this.cleanup(), this._readyState = "open", this.emitReserved("open");
     const e = this.engine;
     this.subs.push(
-      E(e, "ping", this.onping.bind(this)),
-      E(e, "data", this.ondata.bind(this)),
-      E(e, "error", this.onerror.bind(this)),
-      E(e, "close", this.onclose.bind(this)),
+      v(e, "ping", this.onping.bind(this)),
+      v(e, "data", this.ondata.bind(this)),
+      v(e, "error", this.onerror.bind(this)),
+      v(e, "close", this.onclose.bind(this)),
       // @ts-ignore
-      E(this.decoder, "decoded", this.ondecoded.bind(this))
+      v(this.decoder, "decoded", this.ondecoded.bind(this))
     );
   }
   /**
@@ -2791,7 +2791,7 @@ function qt() {
 function Ut() {
   return qt();
 }
-function $t({ title: n = "AI Assistance", placeholder: e = "Ask anything...", height: t = "420px" }) {
+function $t({ title: n = "AI Assistance", placeholder: e = "Ask anything...", height: t = "500px" }) {
   const { messages: s, connection: i, submitInstruction: r, isSubmitting: o } = Ut(), [h, l] = de(""), c = X(null), f = !i.connected || o, d = U(
     () => [...s].sort((y, x) => y.timestamp.getTime() - x.timestamp.getTime()),
     [s]
@@ -2804,47 +2804,54 @@ function $t({ title: n = "AI Assistance", placeholder: e = "Ask anything...", he
     const x = h.trim();
     x && (await r(x), l(""));
   };
-  return /* @__PURE__ */ v("div", { className: "chat-sdk", style: { height: t }, children: [
-    /* @__PURE__ */ g("div", { className: "chat-sdk__header", children: /* @__PURE__ */ v("div", { children: [
+  return /* @__PURE__ */ b("div", { className: "chat-sdk", style: { height: t }, children: [
+    /* @__PURE__ */ b("div", { className: "chat-sdk__header", children: [
       /* @__PURE__ */ g("div", { className: "chat-sdk__title", children: n }),
-      /* @__PURE__ */ v("div", { className: "chat-sdk__status", children: [
+      /* @__PURE__ */ b("div", { className: "chat-sdk__status", children: [
         /* @__PURE__ */ g("span", { className: `chat-sdk__status-dot ${i.connected ? "connected" : "disconnected"}` }),
         i.connected ? "Connected" : i.connecting ? "Connecting..." : "Disconnected"
       ] })
-    ] }) }),
-    /* @__PURE__ */ g("div", { className: "chat-sdk__messages", ref: c, children: d.length === 0 ? /* @__PURE__ */ g("div", { className: "chat-sdk__empty", children: "Start a conversation to get translation help." }) : d.map((y) => /* @__PURE__ */ g(Mt, { message: y }, y.id)) }),
-    /* @__PURE__ */ v("form", { className: "chat-sdk__composer", onSubmit: _, children: [
-      /* @__PURE__ */ g(
-        "textarea",
-        {
-          placeholder: e,
-          value: h,
-          onChange: (y) => l(y.target.value),
-          disabled: f,
-          rows: 2
-        }
-      ),
-      /* @__PURE__ */ g("button", { type: "submit", disabled: !h.trim() || f, children: "Send" })
+    ] }),
+    /* @__PURE__ */ g("div", { className: "chat-sdk__messages", ref: c, children: d.length === 0 ? /* @__PURE__ */ g("div", { className: "chat-sdk__empty", children: "Welcome! Ask anything about the translation." }) : d.map((y) => /* @__PURE__ */ g(Mt, { message: y }, y.id)) }),
+    /* @__PURE__ */ b("div", { className: "chat-sdk__composer", children: [
+      /* @__PURE__ */ b("form", { className: "chat-sdk__input-bar", onSubmit: _, children: [
+        /* @__PURE__ */ g(
+          "textarea",
+          {
+            className: "chat-sdk__input",
+            placeholder: e,
+            value: h,
+            onChange: (y) => l(y.target.value),
+            disabled: f,
+            rows: 1
+          }
+        ),
+        /* @__PURE__ */ g("button", { className: "chat-sdk__send", type: "submit", disabled: !h.trim() || f, children: "Send" })
+      ] }),
+      i.error && /* @__PURE__ */ b("div", { className: "chat-sdk__error", children: [
+        "⚠️ ",
+        i.error
+      ] })
     ] })
   ] });
 }
 function Mt({ message: n }) {
   var i;
   const e = n.type === "user", t = n.type === "loading", s = n.type === "ai-patch";
-  return /* @__PURE__ */ v("div", { className: `chat-sdk__bubble ${e ? "user" : "ai"}`, children: [
-    /* @__PURE__ */ v("div", { className: "chat-sdk__bubble-meta", children: [
+  return /* @__PURE__ */ b("div", { className: `chat-sdk__bubble ${e ? "user" : "ai"}`, children: [
+    /* @__PURE__ */ b("div", { className: "chat-sdk__bubble-meta", children: [
       /* @__PURE__ */ g("span", { children: e ? "You" : s ? "Patch" : "Assistant" }),
       /* @__PURE__ */ g("span", { children: n.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
     ] }),
-    /* @__PURE__ */ g("div", { className: `chat-sdk__bubble-body ${n.isStreaming ? "streaming" : ""}`, children: s && ((i = n.patchData) != null && i.originalText) ? /* @__PURE__ */ v("div", { className: "chat-sdk__patch", children: [
+    /* @__PURE__ */ g("div", { className: `chat-sdk__bubble-body ${n.isStreaming ? "streaming" : ""}`, children: s && ((i = n.patchData) != null && i.originalText) ? /* @__PURE__ */ b("div", { className: "chat-sdk__patch", children: [
       /* @__PURE__ */ g("div", { className: "chat-sdk__patch-label", children: "Original" }),
       /* @__PURE__ */ g("div", { className: "chat-sdk__patch-block", children: n.patchData.originalText }),
       /* @__PURE__ */ g("div", { className: "chat-sdk__patch-label", children: "Improved" }),
-      /* @__PURE__ */ v("div", { className: "chat-sdk__patch-block", children: [
+      /* @__PURE__ */ b("div", { className: "chat-sdk__patch-block", children: [
         n.patchData.improvedText,
         n.isStreaming && /* @__PURE__ */ g(Q, {})
       ] })
-    ] }) : /* @__PURE__ */ v(Le, { children: [
+    ] }) : /* @__PURE__ */ b(Le, { children: [
       /* @__PURE__ */ g("div", { children: n.content }),
       t && /* @__PURE__ */ g(Q, {}),
       n.isStreaming && !t && /* @__PURE__ */ g(Q, {})
@@ -2853,7 +2860,7 @@ function Mt({ message: n }) {
   ] });
 }
 function Q() {
-  return /* @__PURE__ */ v("span", { className: "chat-sdk__stream", children: [
+  return /* @__PURE__ */ b("span", { className: "chat-sdk__stream", children: [
     /* @__PURE__ */ g("span", {}),
     /* @__PURE__ */ g("span", {}),
     /* @__PURE__ */ g("span", {})