oasis-chat 0.2.7 → 0.2.8

package/dist/index.es.js

@@ -2257,20 +2257,43 @@ async function ur(e, t, n) {
     return console.error("로그인 실패:", r), !1;
   }
 }
-async function or() {
-  const e = await fetch("/src/app/components/organisms/ChatWindow.html");
-  if (!e.ok)
-    throw new Error(`Failed to load ChatWindow template: ${e.statusText}`);
-  return await e.text();
-}
+const or = `<div class="chat-window-root" style="z-index: 1000;">
+  <!-- 헤더 -->
+  <div class="chat-window-header">
+    <h3 class="chat-window-title">채팅</h3>
+    <button 
+      class="chat-close-btn"
+      style="font-size: 24px;"
+    >×</button>
+  </div>
+
+  <!-- 메시지 영역 -->
+  <div class="chat-messages"></div>
+
+  <!-- 입력 영역 -->
+  <div class="chat-window-footer">
+    <div class="chat-input-container">
+      <input 
+        type="text" 
+        placeholder="메시지를 입력하세요..." 
+        class="chat-input"
+      />
+      <button class="chat-send-btn">전송</button>
+    </div>
+  </div>
+</div>
+
+`;
 function M(e, t) {
   e.className = g(t);
 }
-async function lr(e) {
+function lr(e) {
   let t = !1;
-  const n = await or(), r = document.createElement("div");
+  const n = or, r = document.createElement("div");
   r.innerHTML = n.trim();
   const s = r.firstElementChild;
+  if (!s)
+    throw new Error("Failed to create chat window: template is empty");
   M(s, [
     "absolute bottom-full right-0 mb-2 bg-blue-200",
     "w-96 h-[500px]",
@@ -2279,15 +2302,15 @@ async function lr(e) {
     "hidden"
   ]);
   const a = s.querySelector(".chat-window-header");
-  M(a, [
+  a && M(a, [
     "flex items-center justify-between",
     "p-4 border-b border-gray-200",
     "bg-gray-50 rounded-t-lg"
   ]);
   const c = s.querySelector(".chat-window-title");
-  M(c, "text-lg font-semibold text-gray-800");
+  c && M(c, "text-lg font-semibold text-gray-800");
   const u = s.querySelector(".chat-close-btn");
-  M(u, [
+  u && M(u, [
     "w-8 h-8",
     "flex items-center justify-center",
     "text-gray-500 hover:text-gray-700",
@@ -2295,30 +2318,32 @@ async function lr(e) {
     "chat-close-btn"
   ]);
   const d = s.querySelector(".chat-messages");
-  M(d, [
+  d && M(d, [
     "flex-1 overflow-y-auto p-4 space-y-4",
     "bg-white",
     "chat-messages"
   ]);
   const o = s.querySelector(".chat-window-footer");
-  M(o, ["p-4 border-t border-gray-200", "bg-gray-50 rounded-b-lg"]);
+  o && M(o, ["p-4 border-t border-gray-200", "bg-gray-50 rounded-b-lg"]);
   const i = s.querySelector(".chat-input-container");
-  M(i, "flex gap-2");
+  i && M(i, "flex gap-2");
   const z = s.querySelector(".chat-input");
-  M(z, [
+  z && M(z, [
     "flex-1 px-4 py-2",
     "border border-gray-300 rounded-lg",
     "focus:outline-none focus:ring-2 focus:ring-blue-500",
     "chat-input"
   ]);
   const w = s.querySelector(".chat-send-btn");
-  M(w, [
+  if (w && M(w, [
     "px-4 py-2",
     "bg-blue-500 text-white rounded-lg",
     "hover:bg-blue-600",
     "disabled:bg-gray-300 disabled:cursor-not-allowed",
     "chat-send-btn"
-  ]), u.addEventListener("click", () => {
+  ]), !u || !d || !z || !w)
+    throw new Error("Failed to create chat window: required elements not found");
+  u.addEventListener("click", () => {
     s.classList.add("hidden"), t = !1;
   });
   const m = () => {
@@ -2372,8 +2397,8 @@ function Mr({ account_id: e, password: t, assistant_uuid: n } = {}) {
   const s = document.createElement("button");
   s.type = "button", s.className = g("relative bg-orange-200");
   const a = document.createElement("img");
-  return a.src = bt, a.alt = "Button", a.className = g("w-12 h-12", "rounded-full"), s.appendChild(a), r.appendChild(s), s.addEventListener("click", async (c) => {
-    c.preventDefault(), je || (je = await lr(r)), je.openChat();
+  return a.src = bt, a.alt = "Button", a.className = g("w-12 h-12", "rounded-full"), s.appendChild(a), r.appendChild(s), s.addEventListener("click", (c) => {
+    c.preventDefault(), je || (je = lr(r)), je.openChat();
   }), e && t && (async () => (s.disabled = !0, s.style.opacity = "0.5", s.style.cursor = "wait", zr(e, t).then((c) => {
     c ? (s.disabled = !1, s.style.opacity = "", s.style.cursor = "") : (console.error("로그인 실패"), s.disabled = !0, s.style.opacity = "0.3", s.title = "로그인 실패");
   }).catch((c) => {