obi-sdk 0.4.1 → 0.4.2

package/dist/modular/index.js

@@ -1,4 +1,4 @@
-import { O as ObiWidget } from "./chunks/obi-widget-58dc98b0.js";
+import { O as ObiWidget } from "./chunks/obi-widget-2ba751b3.js";
 import "./chunks/types-e0297e7b.js";
 if (!customElements.get("obi-widget")) {
   customElements.define("obi-widget", ObiWidget);
@@ -77,18 +77,18 @@ function processQueue() {
   }
 }
 async function loadFonts() {
+  await loadFont("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap");
+  await loadFont("https://fonts.cdnfonts.com/css/satoshi");
+}
+async function loadFont(fontUrl) {
   return retryOperation(async () => {
     if (!document.head) {
       throw new Error("document.head not available");
     }
-    const existingLink = document.head.querySelector('link[href*="fonts.googleapis.com"]');
-    if (existingLink) {
-      return;
-    }
     const link = document.createElement("link");
     document.head.querySelectorAll("link[data-obi-font]").forEach((node) => node.remove());
     link.setAttribute("data-obi-font", "true");
-    link.href = "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap";
+    link.href = fontUrl;
     link.rel = "stylesheet";
     return new Promise((resolve, reject) => {
       const timeout = setTimeout(() => {

package/dist/modular/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/core/init.ts"],"sourcesContent":["import { ObiWidget } from \"../ui/components/obi-widget\"\n\nif (!customElements.get(\"obi-widget\")) {\n  customElements.define(\"obi-widget\", ObiWidget)\n}\n\n// Retry configuration\nconst RETRY_CONFIG = {\n  maxAttempts: 3,\n  baseDelay: 200, // ms\n  maxDelay: 2000, // ms\n}\n\nfunction delay(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms))\n}\n\nfunction getRetryDelay(attempt: number): number {\n  const exponentialDelay = RETRY_CONFIG.baseDelay * Math.pow(2, attempt)\n  return Math.min(exponentialDelay, RETRY_CONFIG.maxDelay)\n}\n\nasync function retryOperation<T>(\n  operation: () => Promise<T> | T,\n  operationName: string,\n  maxAttempts: number = RETRY_CONFIG.maxAttempts\n): Promise<T> {\n  let lastError: Error | null = null\n\n  for (let attempt = 0; attempt < maxAttempts; attempt++) {\n    try {\n      return await operation()\n    } catch (error) {\n      lastError = error as Error\n      console.warn(`${operationName} failed (attempt ${attempt + 1}/${maxAttempts}):`, error)\n\n      if (attempt < maxAttempts - 1) {\n        const delayMs = getRetryDelay(attempt)\n        await delay(delayMs)\n      }\n    }\n  }\n\n  throw new Error(`${operationName} failed after ${maxAttempts} attempts: ${lastError?.message}`)\n}\n\nfunction mountSDK(): void {\n  const w = window as any\n  if (typeof w.ObiSDK === \"function\" || typeof w.ObiSDK === \"object\") {\n    return\n  }\n\n  // Initialize the SDK\n  w.ObiSDK = function (command: string, config?: any) {\n    if (command === \"update\" && config) {\n      w.obiWidgetConfig = {\n        ...w.obiWidgetConfig,\n        ...config,\n      }\n    }\n  }\n  w.ObiSDK.q = []\n}\n\n// Mount the widget if not already present\nasync function mountWidget(): Promise<void> {\n  return retryOperation(async () => {\n    if (document.querySelector(\"obi-widget\")) {\n      return // Already mounted\n    }\n\n    if (!document.body) {\n      throw new Error(\"document.body not available\")\n    }\n\n    const widget = document.createElement(\"obi-widget\")\n    document.body.appendChild(widget)\n    console.log(\"Obi Widget mounted\")\n  }, \"Widget mounting\")\n}\n\n// Optionally process a queue if you want to support it\nfunction processQueue() {\n  const w = window as any\n  if (w.ObiSDK && Array.isArray(w.ObiSDK.q)) {\n    // Process each command in the queue\n    w.ObiSDK.q.forEach((args: any[]) => {\n      const [command, config] = args\n      if (command === \"update\" && config) {\n        w.obiWidgetConfig = {\n          ...w.obiWidgetConfig,\n          ...config,\n        }\n      }\n    })\n    w.ObiSDK.q = []\n  }\n}\n\nasync function loadFonts(): Promise<void> {\n  return retryOperation(async () => {\n    if (!document.head) {\n      throw new Error(\"document.head not available\")\n    }\n\n    // Check if fonts are already loaded\n    const existingLink = document.head.querySelector('link[href*=\"fonts.googleapis.com\"]')\n    if (existingLink) {\n      return // Already loaded\n    }\n\n    const link = document.createElement(\"link\")\n    // Remove any previous failed link for a clean retry\n    document.head.querySelectorAll(\"link[data-obi-font]\").forEach((node) => node.remove())\n    link.setAttribute(\"data-obi-font\", \"true\")\n\n    link.href =\n      \"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap\"\n    link.rel = \"stylesheet\"\n\n    // Wait for font load or timeout\n    return new Promise<void>((resolve, reject) => {\n      const timeout = setTimeout(() => {\n        reject(new Error(\"Font loading timeout\"))\n      }, 5000)\n\n      link.onload = () => {\n        clearTimeout(timeout)\n        resolve()\n      }\n\n      link.onerror = () => {\n        clearTimeout(timeout)\n        reject(new Error(\"Font loading failed\"))\n      }\n\n      document.head.appendChild(link)\n    })\n  }, \"Font loading\")\n}\n\nasync function safeInitialize(): Promise<void> {\n  try {\n    mountSDK()\n    await loadFonts()\n    await mountWidget()\n    processQueue()\n    console.log(\"Obi Widget initialized successfully\")\n  } catch (error) {\n    console.error(\"Obi Widget initialization failed:\", error)\n    // Still try to mount basic functionality\n    try {\n      mountSDK()\n      processQueue()\n      console.log(\"Obi Widget fallback initialization completed\")\n    } catch (fallbackError) {\n      console.error(\"Obi Widget fallback initialization failed:\", fallbackError)\n    }\n  }\n}\n\n// Main init\nexport function initializeObiWidget() {\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      safeInitialize()\n    })\n  } else {\n    safeInitialize()\n  }\n}\n\n// Auto-initialize\ninitializeObiWidget()\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/core/init.ts"],"sourcesContent":["import { ObiWidget } from \"../ui/components/obi-widget\"\n\nif (!customElements.get(\"obi-widget\")) {\n  customElements.define(\"obi-widget\", ObiWidget)\n}\n\n// Retry configuration\nconst RETRY_CONFIG = {\n  maxAttempts: 3,\n  baseDelay: 200, // ms\n  maxDelay: 2000, // ms\n}\n\nfunction delay(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms))\n}\n\nfunction getRetryDelay(attempt: number): number {\n  const exponentialDelay = RETRY_CONFIG.baseDelay * Math.pow(2, attempt)\n  return Math.min(exponentialDelay, RETRY_CONFIG.maxDelay)\n}\n\nasync function retryOperation<T>(\n  operation: () => Promise<T> | T,\n  operationName: string,\n  maxAttempts: number = RETRY_CONFIG.maxAttempts\n): Promise<T> {\n  let lastError: Error | null = null\n\n  for (let attempt = 0; attempt < maxAttempts; attempt++) {\n    try {\n      return await operation()\n    } catch (error) {\n      lastError = error as Error\n      console.warn(`${operationName} failed (attempt ${attempt + 1}/${maxAttempts}):`, error)\n\n      if (attempt < maxAttempts - 1) {\n        const delayMs = getRetryDelay(attempt)\n        await delay(delayMs)\n      }\n    }\n  }\n\n  throw new Error(`${operationName} failed after ${maxAttempts} attempts: ${lastError?.message}`)\n}\n\nfunction mountSDK(): void {\n  const w = window as any\n  if (typeof w.ObiSDK === \"function\" || typeof w.ObiSDK === \"object\") {\n    return\n  }\n\n  // Initialize the SDK\n  w.ObiSDK = function (command: string, config?: any) {\n    if (command === \"update\" && config) {\n      w.obiWidgetConfig = {\n        ...w.obiWidgetConfig,\n        ...config,\n      }\n    }\n  }\n  w.ObiSDK.q = []\n}\n\n// Mount the widget if not already present\nasync function mountWidget(): Promise<void> {\n  return retryOperation(async () => {\n    if (document.querySelector(\"obi-widget\")) {\n      return // Already mounted\n    }\n\n    if (!document.body) {\n      throw new Error(\"document.body not available\")\n    }\n\n    const widget = document.createElement(\"obi-widget\")\n    document.body.appendChild(widget)\n    console.log(\"Obi Widget mounted\")\n  }, \"Widget mounting\")\n}\n\n// Optionally process a queue if you want to support it\nfunction processQueue() {\n  const w = window as any\n  if (w.ObiSDK && Array.isArray(w.ObiSDK.q)) {\n    // Process each command in the queue\n    w.ObiSDK.q.forEach((args: any[]) => {\n      const [command, config] = args\n      if (command === \"update\" && config) {\n        w.obiWidgetConfig = {\n          ...w.obiWidgetConfig,\n          ...config,\n        }\n      }\n    })\n    w.ObiSDK.q = []\n  }\n}\n\nasync function loadFonts(): Promise<void> {\n  await loadFont(\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap\")\n  await loadFont(\"https://fonts.cdnfonts.com/css/satoshi\")\n}\n\nasync function loadFont(fontUrl: string): Promise<void> {\n  return retryOperation(async () => {\n    if (!document.head) {\n      throw new Error(\"document.head not available\")\n    }\n\n    // Check if fonts are already loaded\n    // const existingLink = document.head.querySelector('link[href*=\"fonts.googleapis.com\"]')\n    // if (existingLink) {\n    //   return // Already loaded\n    // }\n\n    const link = document.createElement(\"link\")\n    // Remove any previous failed link for a clean retry\n    document.head.querySelectorAll(\"link[data-obi-font]\").forEach((node) => node.remove())\n    link.setAttribute(\"data-obi-font\", \"true\")\n\n    link.href = fontUrl\n    link.rel = \"stylesheet\"\n\n    // Wait for font load or timeout\n    return new Promise<void>((resolve, reject) => {\n      const timeout = setTimeout(() => {\n        reject(new Error(\"Font loading timeout\"))\n      }, 5000)\n\n      link.onload = () => {\n        clearTimeout(timeout)\n        resolve()\n      }\n\n      link.onerror = () => {\n        clearTimeout(timeout)\n        reject(new Error(\"Font loading failed\"))\n      }\n\n      document.head.appendChild(link)\n    })\n  }, \"Font loading\")\n}\n\nasync function safeInitialize(): Promise<void> {\n  try {\n    mountSDK()\n    await loadFonts()\n    await mountWidget()\n    processQueue()\n    console.log(\"Obi Widget initialized successfully\")\n  } catch (error) {\n    console.error(\"Obi Widget initialization failed:\", error)\n    // Still try to mount basic functionality\n    try {\n      mountSDK()\n      processQueue()\n      console.log(\"Obi Widget fallback initialization completed\")\n    } catch (fallbackError) {\n      console.error(\"Obi Widget fallback initialization failed:\", fallbackError)\n    }\n  }\n}\n\n// Main init\nexport function initializeObiWidget() {\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      safeInitialize()\n    })\n  } else {\n    safeInitialize()\n  }\n}\n\n// Auto-initialize\ninitializeObiWidget()\n"],"names":[],"mappings":"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"}

package/dist/modular/ui.js

@@ -1,6 +1,6 @@
 import { S as SDKState } from "./chunks/types-e0297e7b.js";
-import { i, n, a as i$1, x } from "./chunks/obi-widget-58dc98b0.js";
-import { A, C, c, d, D, N, b, O, S } from "./chunks/obi-widget-58dc98b0.js";
+import { i, n, a as i$1, x } from "./chunks/obi-widget-2ba751b3.js";
+import { A, C, c, d, D, N, b, O, S } from "./chunks/obi-widget-2ba751b3.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-58dc98b0.js").then((n2) => n2.o);
-  import("./chunks/obi-widget-58dc98b0.js").then((n2) => n2.j);
-  import("./chunks/obi-widget-58dc98b0.js").then((n2) => n2.k);
-  import("./chunks/obi-widget-58dc98b0.js").then((n2) => n2.e);
-  import("./chunks/obi-widget-58dc98b0.js").then((n2) => n2.f);
-  import("./chunks/obi-widget-58dc98b0.js").then((n2) => n2.s);
-  import("./chunks/obi-widget-58dc98b0.js").then((n2) => n2.g);
-  import("./chunks/obi-widget-58dc98b0.js").then((n2) => n2.h);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.o);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.j);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.k);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.e);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.f);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.s);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.g);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.h);
 }
 export {
   A as AudioEqualizer,

package/dist/obi-sdk.es.js

@@ -33522,7 +33522,7 @@ class SessionStartModal extends LitElement {
           <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>
     `;
   }
@@ -33531,6 +33531,7 @@ SessionStartModal.styles = css`
     :host {
       display: block;
       font-family: "Inter", sans-serif;
+      box-sizing: border-box;
     }
 
     .backdrop {
@@ -33544,18 +33545,18 @@ SessionStartModal.styles = css`
     }
 
     .container {
+      box-sizing: border-box;
       position: fixed;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       z-index: 50;
-      gap: 32px;
 
       /* Layout from user specifications */
       display: flex;
       width: 640px;
       min-height: 380px;
-      padding: 48px 48px 32px 48px;
+      padding: 32px;
       flex-direction: column;
       justify-content: space-between;
       align-items: center;
@@ -33574,20 +33575,17 @@ SessionStartModal.styles = css`
       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),
@@ -33605,32 +33603,36 @@ SessionStartModal.styles = css`
     }
 
     h1 {
-      font-family: "Syne", sans-serif;
+      font-family: "Satoshi", sans-serif;
       font-size: 32px;
       font-weight: 700;
       color: #111827;
       margin: 0;
+      margin-top: 32px;
+      margin-bottom: 16px;
     }
 
     .subtitle {
+      font-family: "Satoshi", sans-serif;
+      font-weight: 300;
       font-size: 16px;
-      color: #6b7280;
-      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 {
@@ -33654,21 +33656,19 @@ SessionStartModal.styles = css`
 
     .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([
@@ -33694,7 +33694,6 @@ 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();
@@ -33788,9 +33787,12 @@ class ObiWidget extends LitElement {
     url.searchParams.delete(SESSION_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);
     }
   }
   /**
@@ -33980,13 +33982,8 @@ class ObiWidget extends LitElement {
     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);
@@ -33997,8 +33994,13 @@ class ObiWidget extends LitElement {
       const sessionId = storedParams[SESSION_URL_PARAM];
       if (sessionId && this.apiKey) {
         await this.handleUrlSessionEvent(sessionId);
-      } else {
-        console.log("No session ID found or API key is not set");
+      } else if (sessionId && !this.apiKey) {
+        console.log("Session ID found but API key not ready, retrying...");
+        setTimeout(() => {
+          if (this.apiKey) {
+            this.handleUrlSessionEvent(sessionId);
+          }
+        }, 100);
       }
     }
   }
@@ -34009,7 +34011,17 @@ class ObiWidget extends LitElement {
     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) {
@@ -34376,18 +34388,18 @@ function processQueue() {
   }
 }
 async function loadFonts() {
+  await loadFont("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap");
+  await loadFont("https://fonts.cdnfonts.com/css/satoshi");
+}
+async function loadFont(fontUrl) {
   return retryOperation(async () => {
     if (!document.head) {
       throw new Error("document.head not available");
     }
-    const existingLink = document.head.querySelector('link[href*="fonts.googleapis.com"]');
-    if (existingLink) {
-      return;
-    }
     const link = document.createElement("link");
     document.head.querySelectorAll("link[data-obi-font]").forEach((node) => node.remove());
     link.setAttribute("data-obi-font", "true");
-    link.href = "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap";
+    link.href = fontUrl;
     link.rel = "stylesheet";
     return new Promise((resolve, reject) => {
       const timeout = setTimeout(() => {