obi-sdk 0.3.13 → 0.4.0

package/dist/modular/index.js

@@ -1,4 +1,4 @@
-import { O as ObiWidget } from "./chunks/obi-widget-d7e7c6bf.js";
+import { O as ObiWidget } from "./chunks/obi-widget-9ef6796a.js";
 import "./chunks/types-82772f00.js";
 if (!customElements.get("obi-widget")) {
   customElements.define("obi-widget", ObiWidget);

package/dist/modular/ui.js

@@ -1,6 +1,6 @@
 import { S as SDKState } from "./chunks/types-82772f00.js";
-import { i, n, a as i$1, x } from "./chunks/obi-widget-d7e7c6bf.js";
-import { A, C, c, d, D, N, b, O, S } from "./chunks/obi-widget-d7e7c6bf.js";
+import { i, n, a as i$1, x } from "./chunks/obi-widget-9ef6796a.js";
+import { A, C, c, d, D, N, b, O, S } from "./chunks/obi-widget-9ef6796a.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -85,14 +85,14 @@ if (!customElements.get("obi-status-widget")) {
 const statusWidget = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, ObiStatusWidget }, Symbol.toStringTag, { value: "Module" }));
 function defineCustomElements() {
   Promise.resolve().then(() => statusWidget);
-  import("./chunks/obi-widget-d7e7c6bf.js").then((n2) => n2.o);
-  import("./chunks/obi-widget-d7e7c6bf.js").then((n2) => n2.j);
-  import("./chunks/obi-widget-d7e7c6bf.js").then((n2) => n2.k);
-  import("./chunks/obi-widget-d7e7c6bf.js").then((n2) => n2.e);
-  import("./chunks/obi-widget-d7e7c6bf.js").then((n2) => n2.f);
-  import("./chunks/obi-widget-d7e7c6bf.js").then((n2) => n2.s);
-  import("./chunks/obi-widget-d7e7c6bf.js").then((n2) => n2.g);
-  import("./chunks/obi-widget-d7e7c6bf.js").then((n2) => n2.h);
+  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.o);
+  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.j);
+  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.k);
+  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.e);
+  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.f);
+  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.s);
+  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.g);
+  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.h);
 }
 export {
   A as AudioEqualizer,

package/dist/obi-sdk.es.js

@@ -22954,6 +22954,9 @@ class ObiSession {
     this._userAudioTimer = null;
     this.sessionId = sessionId;
     this.apiBaseUrl = apiBaseUrl || DEFAULT_API_BASE_URL;
+    this.client = new ObiClient({
+      baseUrl: this.apiBaseUrl
+    });
     this.emitter = new EventEmitter();
   }
   emit(event, data) {
@@ -23010,7 +23013,7 @@ class ObiSession {
       if (this.currentState === SDKState.RESEARCHING || this.currentState === SDKState.PAUSED)
         return;
       const state = attributes["lk.agent.state"];
-      const newState = z$2(state).with("listening", () => SDKState.USER_SPEAKING).with("speaking", () => SDKState.AGENT_SPEAKING).with("thinking", () => SDKState.AGENT_SPEAKING).otherwise(() => void 0);
+      const newState = z$2(state).with("listening", () => SDKState.USER_SPEAKING).with("speaking", () => SDKState.AGENT_SPEAKING).with("thinking", () => SDKState.THINKING).otherwise(() => void 0);
       if (!newState)
         return;
       this.setState(newState);
@@ -23080,10 +23083,8 @@ class ObiSession {
         dynacast: true
       });
       this.setupRoomEventListeners();
-      const params = new URLSearchParams({ token: this.sessionId, skip_intro: "true" });
-      const joinEndpoint = `${this.apiBaseUrl}/join-token?${params.toString()}`;
-      const joinToken = await fetch(joinEndpoint).then((res) => res.json());
-      await this.room.connect(joinToken.url, joinToken.token);
+      const joinToken = await this.client.getJoinToken(this.sessionId, { skipIntro: true });
+      await this.room.connect(joinToken.data.url, joinToken.data.token);
       if (this.microphoneStream) {
         const micTrack = this.microphoneStream.getAudioTracks()[0];
         await this.room.localParticipant.publishTrack(micTrack, {
@@ -23092,8 +23093,8 @@ class ObiSession {
         });
       }
       return {
-        url: joinToken.url,
-        token: joinToken.token
+        url: joinToken.data.url,
+        token: joinToken.data.token
       };
     } catch (error) {
       console.error("Failed to connect to LiveKit:", error);
@@ -23138,6 +23139,9 @@ class ObiSession {
     this.currentState = newState;
     this.emitter.emit("stateChanged", newState);
   }
+  getCurrentState() {
+    return this.currentState;
+  }
   async requestMicrophone() {
     try {
       const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
@@ -33587,7 +33591,7 @@ SessionStartModal.styles = css`
       align-items: center;
       gap: 8px;
       aspect-ratio: 1/1;
-      border-radius: var(--border-radius-lg, 8px);
+      border-radius: var(--border-radius-lg, 12px);
       background: var(--tailwind-colors-violet-600, #7c3aed);
       box-shadow:
         0px 0px 8px 0px rgba(168, 85, 247, 0.12),
@@ -33695,11 +33699,13 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
+const WIDGET_PARAMS_KEY = "io.obi.widget-parameters";
 class ObiWidget extends LitElement {
   constructor() {
     super();
     this.apiKey = "";
     this.isActive = true;
+    this.linkOnlyAccess = false;
     this.position = "bottom-right";
     this.user = null;
     this.state = SDKState.READY;
@@ -33721,6 +33727,7 @@ class ObiWidget extends LitElement {
     this.boundSaveSessionData = null;
     this.obiClient = null;
     this.closeNavTimeoutRef = null;
+    this.researchingTimeoutRef = null;
     this.handleCourseSelectEvent = (event) => {
       const customEvent = event;
       this.selectedCourse = customEvent.detail;
@@ -33741,10 +33748,12 @@ class ObiWidget extends LitElement {
             const sessionWithPlan = matchingSession;
             this.selectedCourse = {
               id: sessionToken,
-              name: sessionWithPlan.onboarding_plan?.product?.name || "Session from URL",
-              description: sessionWithPlan.onboarding_plan?.product?.description || "Continue your session"
+              name: sessionWithPlan.onboarding_plan?.name || "",
+              description: sessionWithPlan.onboarding_plan?.description || ""
             };
             this.showSessionStartModal = true;
+          } else {
+            console.log("No session found with token:", sessionToken);
           }
         }
       } catch (error) {
@@ -33771,15 +33780,23 @@ class ObiWidget extends LitElement {
       if (window.obiWidgetConfig.isActive !== void 0) {
         this.isActive = window.obiWidgetConfig.isActive;
       }
+      if (window.obiWidgetConfig.linkOnlyAccess !== void 0) {
+        this.linkOnlyAccess = window.obiWidgetConfig.linkOnlyAccess;
+      }
       this.style.setProperty("--obi-primary", window.obiWidgetConfig?.primaryColor || "#9500ff");
       this.style.setProperty("--obi-secondary", window.obiWidgetConfig?.secondaryColor || "#c4b5fd");
     }
   }
-  removeSessionFromUrl() {
+  removeSessionUrlParams() {
     const url = new URL(window.location.href);
     url.searchParams.delete(SESSION_URL_PARAM);
     url.searchParams.delete(API_KEY_URL_PARAM);
     window.history.replaceState({}, "", url.toString());
+    try {
+      localStorage.removeItem(WIDGET_PARAMS_KEY);
+    } catch (error) {
+      console.warn("Failed to remove widget parameters from localStorage:", error);
+    }
   }
   /**
    * Create a new ObiSession instance with common configuration
@@ -33805,9 +33822,27 @@ class ObiWidget extends LitElement {
    */
   setupSessionEventListeners(session, onError) {
     session.on("stateChanged", (newState) => {
-      this.state = newState;
-      if (newState !== SDKState.READY) {
+      if (newState === SDKState.RESEARCHING) {
+        if (this.researchingTimeoutRef) {
+          window.clearTimeout(this.researchingTimeoutRef);
+        }
+        this.state = newState;
+        this.researchingTimeoutRef = window.setTimeout(() => {
+          this.researchingTimeoutRef = null;
+          const currentSessionState = session.getCurrentState();
+          this.state = currentSessionState;
+          if (currentSessionState !== SDKState.READY) {
+            this.storedActiveState = currentSessionState;
+          }
+        }, 1500);
         this.storedActiveState = newState;
+        return;
+      }
+      if (this.researchingTimeoutRef === null) {
+        this.state = newState;
+        if (newState !== SDKState.READY) {
+          this.storedActiveState = newState;
+        }
       }
     });
     session.on("volume", ({ speaker, spectrum, volume }) => {
@@ -33840,10 +33875,10 @@ class ObiWidget extends LitElement {
     try {
       const session = this.createSession(sessionToken);
       if (!session) {
-        this.handleSessionCreationFailure(() => this.removeSessionFromUrl());
+        this.handleSessionCreationFailure(() => this.removeSessionUrlParams());
         return;
       }
-      this.setupSessionEventListeners(session, () => this.removeSessionFromUrl());
+      this.setupSessionEventListeners(session, () => this.removeSessionUrlParams());
       session.on("screenCaptureRequested", async () => {
         try {
           const canvas = await html2canvas(document.documentElement, {
@@ -33863,12 +33898,12 @@ class ObiWidget extends LitElement {
         this.sessionToken = sessionToken;
         this.roomToken = connectionInfo.token;
         this.roomUrl = connectionInfo.url;
-        this.removeSessionFromUrl();
+        this.removeSessionUrlParams();
       }
       this.activeSession = session;
     } catch (error) {
       console.error("Failed to start session:", error);
-      this.handleSessionCreationFailure(() => this.removeSessionFromUrl());
+      this.handleSessionCreationFailure(() => this.removeSessionUrlParams());
     }
   }
   async handleSessionStart(sessionToken) {
@@ -33949,9 +33984,28 @@ class ObiWidget extends LitElement {
   async sessionConnectionCheck() {
     await this.checkExistingSession();
     if (!this.activeSession) {
-      const urlParams = new URLSearchParams(window.location.search);
-      const sessionId = urlParams.get(SESSION_URL_PARAM);
-      this.apiKey = urlParams.get(API_KEY_URL_PARAM) || this.apiKey;
+      let storedParams = {};
+      try {
+        const storedParamsJson = localStorage.getItem(WIDGET_PARAMS_KEY);
+        if (storedParamsJson) {
+          storedParams = JSON.parse(storedParamsJson);
+        }
+      } catch (error) {
+        console.warn("Failed to parse stored widget parameters:", error);
+      }
+      if (Object.keys(storedParams).length === 0) {
+        const urlParams = new URLSearchParams(window.location.search);
+        urlParams.forEach((value, key) => {
+          storedParams[key] = value;
+        });
+      }
+      const sessionId = storedParams[SESSION_URL_PARAM];
+      const urlApiKey = storedParams[API_KEY_URL_PARAM];
+      if (urlApiKey) {
+        this.apiKey = urlApiKey;
+      } else if (!this.apiKey && window.obiWidgetConfig?.apiKey) {
+        this.apiKey = window.obiWidgetConfig.apiKey;
+      }
       if (sessionId && this.apiKey) {
         await this.handleUrlSessionEvent(sessionId);
       }
@@ -33970,11 +34024,15 @@ class ObiWidget extends LitElement {
     if (this.closeNavTimeoutRef !== null) {
       window.clearTimeout(this.closeNavTimeoutRef);
     }
+    if (this.researchingTimeoutRef !== null) {
+      window.clearTimeout(this.researchingTimeoutRef);
+      this.researchingTimeoutRef = null;
+    }
     if (this.boundSaveSessionData) {
       window.removeEventListener("beforeunload", this.boundSaveSessionData);
       window.removeEventListener("pagehide", this.boundSaveSessionData);
     }
-    this.removeSessionFromUrl();
+    this.removeSessionUrlParams();
     super.disconnectedCallback();
   }
   handleMouseEnter() {
@@ -34002,6 +34060,10 @@ class ObiWidget extends LitElement {
     this.sessionToken = null;
     this.roomToken = null;
     this.roomUrl = null;
+    if (this.researchingTimeoutRef !== null) {
+      window.clearTimeout(this.researchingTimeoutRef);
+      this.researchingTimeoutRef = null;
+    }
     if (this.activeSession) {
       this.activeSession.disconnect();
       this.activeSession = null;
@@ -34026,13 +34088,26 @@ class ObiWidget extends LitElement {
   render() {
     if (!this.isActive)
       return nothing;
+    if (this.linkOnlyAccess && this.state === SDKState.READY)
+      return nothing;
     const stateRender = z$2(this.state).with(SDKState.LOADING, () => html`<obi-dot-loader></obi-dot-loader>`).with(SDKState.RESEARCHING, () => html`<obi-searching-loader></obi-searching-loader>`).with(
       N$1.union(SDKState.USER_SPEAKING, SDKState.AGENT_SPEAKING),
       () => html`<obi-audio-equalizer .volume=${this.volume}></obi-audio-equalizer>`
-    ).with(SDKState.PAUSED, () => obiIcon).otherwise(() => obiIcon);
+    ).with(SDKState.THINKING, () => html`<obi-dot-loader></obi-dot-loader>`).with(SDKState.PAUSED, () => obiIcon).otherwise(() => obiIcon);
+    const isPulseState = this.state === SDKState.USER_SPEAKING || this.state === SDKState.AGENT_SPEAKING;
+    const isResearching = this.state === SDKState.RESEARCHING;
+    const isUserSpeaking = this.state === SDKState.USER_SPEAKING;
+    const isRotated = this.state !== SDKState.READY || this.navVisible;
+    const containerClasses = [
+      "widget-container",
+      isRotated ? "rotated" : "",
+      isPulseState ? "pulse" : "",
+      isResearching ? "researching" : "",
+      isUserSpeaking ? "user-speaking" : ""
+    ].filter(Boolean).join(" ");
     return html`
       <div
-        class="widget-container ${this.state === SDKState.USER_SPEAKING || this.state === SDKState.AGENT_SPEAKING ? "pulse" : ""} ${this.state !== SDKState.READY || this.navVisible ? "rounded" : ""} ${this.state === SDKState.RESEARCHING ? "researching" : ""} ${this.state === SDKState.USER_SPEAKING ? "user-speaking" : ""}"
+        class="${containerClasses}"
         @mouseenter=${this.handleMouseEnter}
         @mouseleave=${this.handleMouseLeave}
       >
@@ -34140,7 +34215,7 @@ ObiWidget.styles = css`
       position: fixed;
       width: 56px;
       height: 56px;
-      border-radius: 28px;
+      border-radius: 12px;
       border-color: transparent;
       background-color: var(--obi-primary);
       display: flex;
@@ -34156,17 +34231,8 @@ ObiWidget.styles = css`
         linear-gradient(195.84deg, var(--obi-secondary) 00 11.05%, var(--obi-secondary) 117.01%);
     }
 
-    .widget-container:hover {
-      border-radius: 12px;
-    }
-
-    .widget-container.rounded {
-      border-radius: 12px;
-    }
-
     .widget-container.researching {
       width: 273px;
-      border-radius: 12px;
     }
 
     .widget-icon {
@@ -34175,7 +34241,7 @@ ObiWidget.styles = css`
       transition: transform 0.5s ease-in-out;
     }
 
-    .widget-container.rounded .widget-icon {
+    .widget-container.rotated .widget-icon {
       transform: rotate(90deg);
     }
 
@@ -34201,6 +34267,9 @@ __decorateClass([
 __decorateClass([
   r$2()
 ], ObiWidget.prototype, "isActive", 2);
+__decorateClass([
+  r$2()
+], ObiWidget.prototype, "linkOnlyAccess", 2);
 __decorateClass([
   r$2()
 ], ObiWidget.prototype, "position", 2);