obi-sdk 0.4.0 → 0.4.2

package/dist/modular/chunks/{obi-widget-9ef6796a.js → obi-widget-2ba751b3.js}

@@ -1,4 +1,4 @@
-import { S as SDKState, E as EventEmitter, R as RoomEvent, T as Track, z as z$2, a as Room, A as API_BASE_URL, N as N$1 } from "./types-82772f00.js";
+import { S as SDKState, E as EventEmitter, R as RoomEvent, T as Track, z as z$2, a as Room, A as API_BASE_URL, N as N$1 } from "./types-e0297e7b.js";
 const PATH_PARAM_RE = /\{[^{}]+\}/g;
 function randomID() {
   return Math.random().toString(36).slice(2, 11);
@@ -878,7 +878,6 @@ class ObiSession {
   }
 }
 const SESSION_URL_PARAM = "49206C6F7665204F6269_session";
-const API_KEY_URL_PARAM = "49206C6F7665204F6269_client";
 var extendStatics = function(d2, b2) {
   extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d3, b3) {
     d3.__proto__ = b3;
@@ -11144,14 +11143,9 @@ class SessionStartModal extends i$1 {
       this.onClose();
     }
   }
-  handleBackdropClick(e2) {
-    if (e2.target === e2.currentTarget) {
-      this.handleClose();
-    }
-  }
   render() {
     return x`
-      <div class="backdrop" @click=${this.handleBackdropClick}></div>
+      <div class="backdrop"></div>
       <div class="container">
         <button class="close-button" @click=${this.handleClose}>×</button>
 
@@ -11161,7 +11155,7 @@ class SessionStartModal extends i$1 {
           <p class="subtitle">${this.session.description}</p>
         </div>
 
-        <button class="button button-primary" @click=${this.handleStart}>Continue →</button>
+        <button class="button button-primary" @click=${this.handleStart}>Continue</button>
       </div>
     `;
   }
@@ -11170,6 +11164,7 @@ SessionStartModal.styles = i$4`
     :host {
       display: block;
       font-family: "Inter", sans-serif;
+      box-sizing: border-box;
     }
 
     .backdrop {
@@ -11183,6 +11178,7 @@ SessionStartModal.styles = i$4`
     }
 
     .container {
+      box-sizing: border-box;
       position: fixed;
       top: 50%;
       left: 50%;
@@ -11192,8 +11188,8 @@ SessionStartModal.styles = i$4`
       /* Layout from user specifications */
       display: flex;
       width: 640px;
-      height: 380px;
-      padding: 48px 48px 32px 48px;
+      min-height: 380px;
+      padding: 32px;
       flex-direction: column;
       justify-content: space-between;
       align-items: center;
@@ -11212,20 +11208,17 @@ SessionStartModal.styles = i$4`
       flex-direction: column;
       align-items: center;
       text-align: center;
-      gap: 16px;
     }
 
     .logo {
       display: flex;
       width: 96px;
       height: 96px;
-      padding: 8px;
       justify-content: center;
       align-items: center;
-      gap: 8px;
       aspect-ratio: 1/1;
-      border-radius: var(--border-radius-lg, 12px);
-      background: var(--tailwind-colors-violet-600, #7c3aed);
+      border-radius: 8px;
+      background: var(--obi-primary, #a10fff);
       box-shadow:
         0px 0px 8px 0px rgba(168, 85, 247, 0.12),
         0px 0px 8px 0px rgba(192, 132, 252, 0.24),
@@ -11243,32 +11236,36 @@ SessionStartModal.styles = i$4`
     }
 
     h1 {
-      font-family: "Syne", sans-serif;
+      font-family: "Satoshi", sans-serif;
       font-size: 32px;
       font-weight: 700;
-      margin: 32px 0 0 0;
       color: #111827;
+      margin: 0;
+      margin-top: 32px;
+      margin-bottom: 16px;
     }
 
     .subtitle {
+      font-family: "Satoshi", sans-serif;
+      font-weight: 300;
       font-size: 16px;
-      color: #6b7280;
-      margin: 16px 0 0 0;
-      line-height: 1.5;
+      color: #18181b;
+      line-height: 1.4;
+      margin: 0;
     }
 
     .button {
+      font-family: "Satoshi", sans-serif;
+      font-weight: 400;
+      font-size: 16px;
       padding: 12px 24px;
       border-radius: 8px;
       border: none;
-      font-size: 16px;
-      font-weight: 500;
       cursor: pointer;
       transition: all 0.2s ease;
       display: flex;
       align-items: center;
       justify-content: center;
-      gap: 8px;
     }
 
     .button-primary {
@@ -11292,21 +11289,19 @@ SessionStartModal.styles = i$4`
 
     .close-button {
       position: absolute;
-      top: 16px;
+      top: 12px;
       right: 16px;
       background: none;
       border: none;
       cursor: pointer;
       font-size: 24px;
       color: #6b7280;
-      padding: 4px;
-      border-radius: 4px;
-      transition: all 0.2s ease;
-    }
-
-    .close-button:hover {
-      color: #374151;
-      background: #f3f4f6;
+      padding: 0;
+      margin: 0;
+      line-height: 1;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
     }
   `;
 __decorateClass$1([
@@ -11332,7 +11327,6 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
-const WIDGET_PARAMS_KEY = "io.obi.widget-parameters";
 class ObiWidget extends i$1 {
   constructor() {
     super();
@@ -11384,6 +11378,7 @@ class ObiWidget extends i$1 {
               name: sessionWithPlan.onboarding_plan?.name || "",
               description: sessionWithPlan.onboarding_plan?.description || ""
             };
+            this.state = SDKState.LOADING;
             this.showSessionStartModal = true;
           } else {
             console.log("No session found with token:", sessionToken);
@@ -11423,12 +11418,14 @@ class ObiWidget extends i$1 {
   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);
+      if (window.__obiUrlParams) {
+        ;
+        window.__obiUrlParams = null;
+      }
     } catch (error) {
-      console.warn("Failed to remove widget parameters from localStorage:", error);
+      console.warn("Failed to clean up window URL parameters:", error);
     }
   }
   /**
@@ -11618,13 +11615,8 @@ class ObiWidget extends i$1 {
     await this.checkExistingSession();
     if (!this.activeSession) {
       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 (window.__obiUrlParams) {
+        storedParams = window.__obiUrlParams;
       }
       if (Object.keys(storedParams).length === 0) {
         const urlParams = new URLSearchParams(window.location.search);
@@ -11633,14 +11625,15 @@ class ObiWidget extends i$1 {
         });
       }
       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);
+      } else if (sessionId && !this.apiKey) {
+        console.log("Session ID found but API key not ready, retrying...");
+        setTimeout(() => {
+          if (this.apiKey) {
+            this.handleUrlSessionEvent(sessionId);
+          }
+        }, 100);
       }
     }
   }
@@ -11651,7 +11644,17 @@ class ObiWidget extends i$1 {
     this.boundSaveSessionData = this.saveSessionData.bind(this);
     window.addEventListener("beforeunload", this.boundSaveSessionData);
     window.addEventListener("pagehide", this.boundSaveSessionData);
-    this.sessionConnectionCheck();
+    if (document.readyState === "complete") {
+      Promise.resolve().then(() => this.sessionConnectionCheck());
+    } else {
+      window.addEventListener(
+        "load",
+        () => {
+          Promise.resolve().then(() => this.sessionConnectionCheck());
+        },
+        { once: true }
+      );
+    }
   }
   disconnectedCallback() {
     if (this.closeNavTimeoutRef !== null) {
@@ -11766,6 +11769,8 @@ class ObiWidget extends i$1 {
             .onClose=${() => {
       this.showSessionStartModal = false;
       this.selectedCourse = null;
+      this.state = SDKState.READY;
+      this.removeSessionUrlParams();
     }}
           ></obi-session-start-modal>` : E}
     `;
@@ -11963,4 +11968,4 @@ export {
   searchingLoader as s,
   x
 };
-//# sourceMappingURL=obi-widget-9ef6796a.js.map
+//# sourceMappingURL=obi-widget-2ba751b3.js.map