@onlive.ai/common-121 0.2.184 → 0.2.190

package/README.md

@@ -1,154 +1,365 @@
-# Onlive Common 121
+# @onlive.ai/common-121
 
-A shared utility package containing common services, utilities, types, and themes used across the Onlive 121 ecosystem. This package provides the foundational components for building interactive chat, flow, and video meeting applications.
+> Shared foundation package for the Onlive 121 ecosystem — services, utilities, UI components, and themes for building interactive chat, flow, and video meeting applications.
 
-## 📦 Installation
+[![npm version](https://img.shields.io/npm/v/@onlive.ai/flow-client)](https://www.npmjs.com/package/@onlive.ai/flow-client)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.7-blue?logo=typescript)](https://www.typescriptlang.org/)
+[![Lit](https://img.shields.io/badge/Lit-3.x-purple?logo=lit)](https://lit.dev/)
+[![React](https://img.shields.io/badge/React-19.x-61DAFB?logo=react)](https://react.dev/)
+
+## Installation
 
 ```bash
 npm install @onlive.ai/common-121
+# or
+pnpm add @onlive.ai/common-121
 ```
 
-## 📂 Package Structure
+**Prerequisites**: Node.js 18+, TypeScript 5.7+
 
-### 🛠️ Services
+---
 
-- **AudioService**: Handles audio notifications and sound management for incoming calls and interactions
-- **FirebaseService**: Manages real-time Firebase connections for chat requests and agent presence
-- **LivekitService**: Provides WebRTC functionality for video/audio communication using LiveKit
+## Package Structure
 
-### 🔧 Utilities
+```
+common-121/
+├── services/        # Core application services
+├── utils/           # Framework-agnostic utility functions
+├── components/      # Lit web components (OSBAsset, OSBSideBar, OSBUpload)
+├── react/           # React wrapper components
+├── themes/          # CSS themes (light, dark, brand-specific)
+└── types/           # Shared TypeScript type definitions
+```
 
-- **adopt-styles**: Utility for adopting CSS styles in web components
-- **browser-preferences**: Browser preference detection and management
-- **classify-media**: Media file classification and type detection
-- **decorators**: Custom element decorators and helpers
-- **detected-lang**: Language detection utilities
-- **fullscreen**: Fullscreen API helpers
-- **markdown**: Markdown parsing with sanitization
-- **merge**: Deep object merging utilities
-- **sanitize**: HTML content sanitization
-- **watch**: Reactive property watching utilities
+---
 
-### 🎨 Themes
+## Services
 
-- **Light Theme**: Default light mode styling
-- **Dark Theme**: Dark mode color scheme
-- **Custom Themes**: Brand-specific themes (Audi, Cupra, Hyundai, Magimix, Onlive)
+### AudioService
 
-### 📋 Types
+Singleton service for managing audio notifications during calls and interactions. Preloads sounds on initialization.
 
-- **TrackingOptions**: Configuration types for analytics tracking
-- **WindowContext**: Global window context definitions
+```typescript
+import { AudioService } from "@onlive.ai/common-121/services/audio.service.js";
+
+const audio = AudioService.getInstance();
+
+audio.playRinging();      // Play ringing tone (looped by default)
+audio.playIncoming();     // Play incoming call tone (looped by default)
+audio.playSound("ringing", false);  // Play a named sound, no loop
+audio.stopCurrentSound(); // Stop whatever is currently playing
+```
+
+### FirebaseApi
+
+Low-level wrapper around the Firebase Realtime Database SDK. Provides a typed interface for reading, writing, and subscribing to database nodes.
+
+```typescript
+import { FirebaseApi, type FirebaseConfig } from "@onlive.ai/common-121/services/firebase/firebase-api.js";
+
+const config: FirebaseConfig = {
+  apiKey: "...",
+  authDomain: "...",
+  databaseURL: "...",
+  projectId: "...",
+  storageBucket: "...",
+  messagingSenderId: "...",
+  appId: "...",
+};
+
+const firebase = new FirebaseApi({ config });
+
+// Get a reference and read data
+const snapshot = await firebase.get(firebase.ref("rooms/room-id"));
+
+// Subscribe to child additions
+firebase.onChildAdded(firebase.ref("requests"), (key, data, snap) => {
+  console.log("New request:", key, data);
+});
+```
 
-## 🚀 Usage
+### ConversationService
 
-### Basic Import
+Manages the full lifecycle of a LiveKit-powered conversation room, including connection, messaging, typing indicators, media tracks, and agent interactions.
 
 ```typescript
-import { AudioService } from "@onlive.ai/common-121/services/audio.service";
-import { markdown } from "@onlive.ai/common-121/utils/markdown";
-import { merge } from "@onlive.ai/common-121/utils/merge";
+import { ConversationServiceFactory } from "@onlive.ai/common-121/services/conversation/index.js";
+
+const service = ConversationServiceFactory.create(options);
+
+// Connect and join a room
+await service.quickStart({ installationId: "...", language: "en" });
+
+// Send a message
+service.sendMessage("Hello!");
+
+// Listen for incoming messages
+service.onMessage((message) => {
+  console.log("Received:", message);
+});
 ```
 
-### Audio Service
+### SessionService
+
+Manages persistent chat sessions via cookies, with support for role-based sessions (agent vs. guest).
 
 ```typescript
-import { AudioService } from "@onlive.ai/common-121/services/audio.service";
+import { SessionService } from "@onlive.ai/common-121/services/session.service.js";
 
-const audioService = AudioService.getInstance();
+if (!SessionService.hasSession()) {
+  const session = SessionService.getSession({ role: "guest" });
+  console.log("Session created:", session.externalId);
+}
+```
 
-// Play incoming call sound
-audioService.playIncoming();
+### DeepLinkService
 
-// Stop current sound
-audioService.stopCurrentSound();
+Parses and manages Onlive-specific deep link parameters (`ol*` prefix) from the current page URL.
+
+```typescript
+import { DeepLinkService } from "@onlive.ai/common-121/services/deep-link.service.js";
+
+const deepLink = new DeepLinkService();
+
+if (deepLink.has("action")) {
+  const action = deepLink.get("action");
+  deepLink.clean(); // Remove ol* params from the URL
+}
 ```
 
-### Firebase Service
+---
+
+## Utilities
+
+All utilities are tree-shakeable and framework-agnostic unless noted.
+
+| Utility | Description |
+|---|---|
+| `adopt-styles` | Adopts CSS `CSSStyleSheet` into a shadow root |
+| `apply-optional-styles` | Conditionally applies styles based on a predicate |
+| `browser-preferences` | Detects browser preferences (reduced motion, color scheme) |
+| `classify-media` | Classifies a URL or MIME type into a media category |
+| `decorators` | Lit element decorators and helpers |
+| `detected-lang` | Detects the user's preferred language from browser/DOM signals |
+| `fullscreen` | Fullscreen API helpers with cross-browser support |
+| `insert-script` | Dynamically inserts a `<script>` tag with dedup protection |
+| `is-map-compatible` | Checks if a value is safe to use as a `Map` key |
+| `markdown` | Parses Markdown to sanitized HTML, safe for Lit `unsafeHTML` |
+| `merge` | Deep merges objects recursively (objects merged, arrays overwritten) |
+| `multiband-track-volume` | Analyzes audio track volume across frequency bands |
+| `onlive-url-params` | Reads and writes Onlive-specific URL query parameters |
+| `pretty-distance` | Formats a geographic distance into a human-readable string |
+| `pretty-time` | Formats a duration (seconds) into `mm:ss` or `hh:mm:ss` |
+| `random-string` | Generates a cryptographically-random alphanumeric string |
+| `resource-type` | Determines the resource type of a URL (image, video, document…) |
+| `round-number` | Rounds a number to a given number of decimal places |
+| `safe-html` | Tags template literal for safe HTML rendering in Lit |
+| `sanitize` | Sanitizes an HTML string with DOMPurify |
+| `spread` | Spreads an object as Lit element attributes/properties |
+| `watch` | Observes reactive property changes in Lit elements |
+
+### Usage examples
 
 ```typescript
-import { FirebaseService } from "@onlive.ai/common-121/services/firebase/firebase.service";
+import { markdown } from "@onlive.ai/common-121/utils/markdown.js";
+import { merge } from "@onlive.ai/common-121/utils/merge.js";
+import { sanitize } from "@onlive.ai/common-121/utils/sanitize.js";
+import { randomString } from "@onlive.ai/common-121/utils/random-string.js";
 
-const firebaseService = new FirebaseService(firebaseConfig, organizationId);
+// Parse Markdown safely (returns a Lit TemplateResult)
+const content = markdown("# Hello **World**");
 
-// Listen for new requests
-firebaseService.onNewRequest((id, request) => {
-  console.log("New request:", request);
-});
+// Deep merge configuration objects
+const config = merge(defaults, userConfig);
+
+// Sanitize arbitrary HTML input
+const clean = sanitize(userProvidedHtml);
+
+// Generate a random ID
+const id = randomString(16);
 ```
 
-### LiveKit Service
+---
+
+## Components
+
+### Lit Web Components
 
 ```typescript
-import { LivekitService } from "@onlive.ai/common-121/services/livekit.service";
+import { OSBAsset } from "@onlive.ai/common-121/components/asset/asset.js";
+import { OSBSideBar } from "@onlive.ai/common-121/components/side-bar/side-bar.js";
+import { OSBUpload } from "@onlive.ai/common-121/components/upload/upload.js";
+```
 
-const livekitService = new LivekitService();
+Or import everything from the package root:
 
-// Join a room
-await livekitService.joinRoom(roomId, timezone, language);
+```typescript
+import { OSBAsset, OSBSideBar, OSBUpload } from "@onlive.ai/common-121";
 ```
 
-### Utilities
+### React Components
+
+React wrappers are provided for all Lit components via `@lit/react`:
+
+```typescript
+import { Asset } from "@onlive.ai/common-121/react/components/asset/Asset.js";
+import { SideBar } from "@onlive.ai/common-121/react/components/side-bar/SideBar.js";
+import { Upload } from "@onlive.ai/common-121/react/components/upload/Upload.js";
+
+// Use as standard React components
+function MyApp() {
+  return <Asset src="https://cdn.example.com/image.jpg" />;
+}
+```
+
+---
+
+## Themes
+
+Themes are CSS files applied directly to Lit components via `adoptedStyleSheets` or `<link>` tags. Two base themes and fourteen brand themes are included.
+
+### Base themes
 
 ```typescript
-import { markdown } from "@onlive.ai/common-121/utils/markdown";
-import { merge } from "@onlive.ai/common-121/utils/merge";
-import { sanitize } from "@onlive.ai/common-121/utils/sanitize";
+import lightTheme from "@onlive.ai/common-121/themes/light.css" assert { type: "css" };
+import darkTheme from "@onlive.ai/common-121/themes/dark.css" assert { type: "css" };
 
-// Parse markdown safely
-const htmlContent = markdown("# Hello **World**");
+document.adoptedStyleSheets = [lightTheme];
+```
 
-// Merge objects deeply
-const merged = merge(defaultOptions, userOptions);
+### Brand themes
+
+| Theme file | Brand |
+|---|---|
+| `themes/custom/onlive.theme.css` | Onlive (default brand) |
+| `themes/custom/onlive-ai.theme.css` | Onlive AI |
+| `themes/custom/audi.theme.css` | Audi |
+| `themes/custom/audi-dark.theme.css` | Audi (dark variant) |
+| `themes/custom/cupra.theme.css` | Cupra |
+| `themes/custom/cupra-diagonal.theme.css` | Cupra Diagonal |
+| `themes/custom/cupra-events.theme.css` | Cupra Events |
+| `themes/custom/seat-cupra.theme.css` | SEAT/Cupra |
+| `themes/custom/hyundai.theme.css` | Hyundai |
+| `themes/custom/magimix.theme.css` | Magimix |
+| `themes/custom/australia.theme.css` | Australia market |
+| `themes/custom/cuernavaca.theme.css` | Cuernavaca market |
+| `themes/custom/germany.theme.css` | Germany market |
+| `themes/custom/italy.theme.css` | Italy market |
+
+---
+
+## Types
 
-// Sanitize HTML content
-const cleanHtml = sanitize(userInput);
+```typescript
+import type { TrackingOptions } from "@onlive.ai/common-121/types/tracking-options.js";
+import type { DeepLinkParams } from "@onlive.ai/common-121/types/deep-link.types.js";
 ```
 
-### Themes
+**`TrackingOptions<T>`** — Configuration for the analytics tracking layer:
+
+| Property | Type | Description |
+|---|---|---|
+| `enabled` | `boolean` | Enable or disable tracking |
+| `apiUrl` | `string` | Base URL for the tracking API |
+| `data` | `Partial<T>` | Additional event payload data |
+| `removeExtraneousValues` | `boolean` | Strip non-essential fields from events |
+| `allowBotTraffic` | `boolean` | Include bot-originated traffic in tracking |
+| `adapters` | `string[]` | List of tracking adapter identifiers |
+| `emitters.windowEvent` | `boolean` | Emit as `window` custom events |
+| `emitters.dataLayer` | `boolean` | Push to GTM `dataLayer` |
+| `emitters.windowPostMessage` | `boolean` | Emit via `window.postMessage` |
+
+---
+
+## Testing & Mocks
+
+This package exports a full mock implementation of `ConversationService` for use in unit tests, Storybook stories, and development environments — no real LiveKit or Firebase connection required.
 
 ```typescript
-import { styles as lightTheme } from '@onlive.ai/common-121/themes/light';
-import { styles as darkTheme } from '@onlive.ai/common-121/themes/dark';
+import {
+  MockConversationService,
+  createMockConversationService,
+  createConversationFixture,
+  createMessageFixture,
+  createRoomWithAgent,
+  generateMockToken,
+} from "@onlive.ai/common-121";
+
+const mockService = createMockConversationService();
+
+// Seed a fixture room with an agent
+const room = createRoomWithAgent();
+
+// Generate message fixtures
+const messages = [
+  createMessageFixture({ content: "Hello from agent" }),
+  createMessageFixture({ content: "How can I help?" }),
+];
+```
 
-// Apply theme to a Lit component
-static styles = [lightTheme];
+For Storybook, use the dedicated helpers:
+
+```typescript
+import {
+  getStorybookMockService,
+  destroyStorybookMockService,
+} from "@onlive.ai/common-121";
 ```
 
-## 🏗️ Architecture
+---
+
+## Architecture
 
-This package is designed to be used as a foundation for the Onlive 121 ecosystem, providing:
+- **ESM + CJS**: Dual output for Node.js and browser environments
+- **Modular imports**: Every service, utility, and component is independently importable — no side effects from unused exports
+- **Full type safety**: TypeScript `.d.ts` declarations shipped alongside every module
+- **Build-time minification**: All outputs are minified (whitespace, identifiers, syntax) via `tsup` + `esbuild`
+- **Versioned banner**: Each built file includes a `©` copyright banner with the package version
 
-- **Modular Design**: Each service and utility can be imported independently
-- **Type Safety**: Full TypeScript support with comprehensive type definitions
-- **Performance**: Optimized for production use with efficient caching and lazy loading
-- **Extensibility**: Easy to extend and customize for specific use cases
+---
 
-## 🔗 Dependencies
+## Dependencies
 
-This package integrates with several key technologies:
+| Package | Version | Purpose |
+|---|---|---|
+| `lit` | `^3.3` | Web components framework |
+| `@lit/react` | `^1.0` | React wrappers for Lit elements |
+| `livekit-client` | `^2.17` | WebRTC infrastructure for real-time audio/video |
+| `@livekit/components-core` | `^0.12` | LiveKit component primitives |
+| `firebase` | `^11.10` | Firebase Realtime Database |
+| `rxjs` | `^7.8` | Reactive programming utilities |
+| `marked` | `^15.0` | Markdown parsing |
+| `dompurify` | `^3.3` | HTML sanitization |
+| `video.js` | `^8.23` | Video playback |
+| `@onlive.ai/tracker` | `^1.0` | Onlive analytics tracking |
+| `@onlive.ai/ui` | `^1.9` | Onlive UI design system |
 
-- **Firebase**: Real-time database and authentication
-- **LiveKit**: WebRTC infrastructure for video/audio
-- **Lit**: Web components framework
-- **RxJS**: Reactive programming utilities
-- **Marked**: Markdown parsing
-- **DOMPurify**: HTML sanitization
+**Peer dependencies**: `react ^19.1`
 
-## 📱 Compatibility
+---
 
-- **Frameworks**: Lit, Web Components
-- **Browsers**: Modern browsers with ES2020+ support
-- **Node.js**: 18.x or higher
+## Compatibility
+
+- **Browsers**: Modern browsers with ES2020+ support (Chrome 90+, Firefox 88+, Safari 14+)
+- **Node.js**: 18.x or higher (for build tooling only — not required at runtime)
 - **TypeScript**: 5.7.x
+- **React**: 19.x (peer dependency, optional — only required when using React components)
+- **Module format**: ESM primary (`import`), CJS secondary (`require`)
+
+---
+
+## Related Packages
 
-## 🤝 Related Packages
+| Package | Description |
+|---|---|
+| [`@onlive.ai/chat`](../chat) | Chat UI components and messaging |
+| [`@onlive.ai/flow`](../flow) | Interactive flow builder components |
+| [`@onlive.ai/meet`](../meet) | Video conferencing components |
+| [`@onlive.ai/flow-client`](../flow-client) | Flow client SDK |
+| [`@onlive.ai/calendar`](../calendar) | Calendar integration components |
 
-- [`@onlive.ai/chat`](../chat): Chat component and messaging functionality
-- [`@onlive.ai/flow`](../flow): Interactive flow components
-- [`@onlive.ai/meet`](../meet): Video conferencing components
-- [`@onlive.ai/flow-client`](../flow-client): Flow client SDK
+---
 
-## 📄 License
+## License
 
 This package is part of the Onlive 121 ecosystem and follows the project's licensing terms.

package/{audi-dark.theme-B8g9SRrd.d.cts → audi-dark.theme-a2WmOyVS.d.cts}

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 
 declare const styles: lit.CSSResult;

package/{audi-dark.theme-B8g9SRrd.d.ts → audi-dark.theme-a2WmOyVS.d.ts}

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 
 declare const styles: lit.CSSResult;

package/{audi.theme-CbqEkKLD.d.cts → audi.theme-DkdflnT8.d.cts}

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 
 declare const styles: lit.CSSResult;

package/{audi.theme-CbqEkKLD.d.ts → audi.theme-DkdflnT8.d.ts}

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 
 declare const styles: lit.CSSResult;

package/{australia.theme-Cs0cygOQ.d.cts → australia.theme-B5n8F3QH.d.cts}

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 
 declare const styles: lit.CSSResult;

package/{australia.theme-Cs0cygOQ.d.ts → australia.theme-B5n8F3QH.d.ts}

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 
 declare const styles: lit.CSSResult;

package/{chunk-UTOVVCSU.js → chunk-4DKWCKNT.js}

@@ -1,2 +1,2 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 var w=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var I=(s,a,t,i)=>{for(var n=i>1?void 0:i?x(a,t):a,d=s.length-1,l;d>=0;d--)(l=s[d])&&(n=(i?l(a,t,n):l(n))||n);return i&&n&&w(a,t,n),n};function A(s={}){let{width:a=640,height:t=480,fps:i=30,backgroundColor:n="#1a1a2e",foregroundColor:d="#4361ee",label:l="Mock Video",animation:S="wave"}=s,r=document.createElement("canvas");r.width=a,r.height=t;let e=r.getContext("2d"),m,h=Date.now(),v={wave:u=>{e.fillStyle=n,e.fillRect(0,0,a,t),e.strokeStyle=d,e.lineWidth=3,e.beginPath();for(let o=0;o<a;o++){let c=t/2+Math.sin(o/a*4*Math.PI+u*.002)*(t/4);o===0?e.moveTo(o,c):e.lineTo(o,c)}e.stroke()},pulse:u=>{e.fillStyle=n,e.fillRect(0,0,a,t);let o=Math.sin(u*.003)*.3+.7,c=Math.min(a,t)*.3*o;e.beginPath(),e.arc(a/2,t/2,c,0,Math.PI*2),e.fillStyle=d,e.fill()},bars:u=>{e.fillStyle=n,e.fillRect(0,0,a,t);let o=20,c=a/o,f=t*.7;e.fillStyle=d;for(let g=0;g<o;g++){let k=Math.abs(Math.sin(g/o*Math.PI*2+u*.004))*f,T=g*c,C=t-k;e.fillRect(T+2,C,c-4,k)}},avatar:u=>{e.fillStyle=n,e.fillRect(0,0,a,t);let o=a/2,c=t/2-20,f=Math.min(a,t)*.15;e.beginPath(),e.arc(o,c,f,0,Math.PI*2),e.fillStyle=d,e.fill(),e.beginPath(),e.ellipse(o,c+f*2.2,f*1.5,f,0,Math.PI,0),e.fill(),Math.sin(u*.01)>0&&(e.beginPath(),e.arc(o,c+f*3,5+Math.sin(u*.02)*3,0,Math.PI*2),e.fillStyle="#22c55e",e.fill())},none:()=>{e.fillStyle=n,e.fillRect(0,0,a,t)}},y=()=>{e.fillStyle="rgba(255, 255, 255, 0.8)",e.font=`${Math.floor(t*.04)}px system-ui, sans-serif`,e.textAlign="center",e.fillText(l,a/2,t-20)},b=()=>{let u=Date.now()-h;v[S](u),y(),m=requestAnimationFrame(b)};b();let p=r.captureStream(i),M=p.getVideoTracks()[0];return{track:M,stream:p,cleanup:()=>{cancelAnimationFrame(m),M.stop()}}}function E(s={}){let{frequency:a=440,volume:t=.1,waveType:i="sine",addVariation:n=!0,enabled:d=!1}=s,l=new AudioContext,S=l.createMediaStreamDestination(),r=l.createOscillator();r.type=i,r.frequency.value=a;let e=l.createGain();e.gain.value=d?t:0;let m=null,h=null;n&&(m=l.createOscillator(),m.frequency.value=.5,h=l.createGain(),h.gain.value=10,m.connect(h),h.connect(r.frequency),m.start()),r.connect(e),e.connect(S),r.start();let v=S.stream,y=v.getAudioTracks()[0];return{track:y,stream:v,setVolume:b=>{e.gain.value=Math.max(0,Math.min(1,b))},setEnabled:b=>{e.gain.value=b?t:0},cleanup:()=>{r.stop(),m?.stop(),l.close(),y.stop()}}}function P(s,a){let t=A(s),i=E(a),n=new MediaStream([t.track,i.track]);return{videoTrack:t.track,audioTrack:i.track,combinedStream:n,setAudioVolume:i.setVolume,setAudioEnabled:i.setEnabled,cleanup:()=>{t.cleanup(),i.cleanup()}}}var V={localCamera:{video:{width:640,height:480,animation:"avatar",label:"You",foregroundColor:"#4361ee"},audio:{enabled:!1}},agentCamera:{video:{width:640,height:480,animation:"avatar",label:"AI Agent",foregroundColor:"#22c55e",backgroundColor:"#0f172a"},audio:{enabled:!1,frequency:300}},screenShare:{video:{width:1920,height:1080,animation:"bars",label:"Screen Share",backgroundColor:"#0a0a0a",foregroundColor:"#f59e0b"},audio:{enabled:!1}},voiceOnly:{video:{width:320,height:240,animation:"wave",label:"Voice Call"},audio:{enabled:!1,volume:.05}}};function q(s){let a=V[s];return P(a.video,a.audio)}export{I as a,A as b,E as c,P as d,V as e,q as f};

package/components/asset/asset-modal-portal.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 "use strict";var f=Object.create;var r=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var b=(t,a)=>{for(var e in a)r(t,e,{get:a[e],enumerable:!0})},v=(t,a,e,l)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of y(a))!w.call(t,o)&&o!==e&&r(t,o,{get:()=>a[o],enumerable:!(l=x(a,o))||l.enumerable});return t};var m=(t,a,e)=>(e=t!=null?f($(t)):{},v(a||!t||!t.__esModule?r(e,"default",{value:t,enumerable:!0}):e,t)),z=t=>v(r({},"__esModule",{value:!0}),t);var M={};b(M,{AssetModalPortal:()=>p});module.exports=z(M);var p=class{constructor(a,e){this.asset=a,this.onClose=e}getMultimediaSubtype(a){let e=a.format||"";return e.startsWith("video/")?"video":e.startsWith("image/")?"image":e.includes("presentation")||e.includes("pdf")||e.includes("powerpoint")||e.includes("slides")||e.includes("application/vnd.ms-powerpoint")||e.includes("application/vnd.openxmlformats-officedocument.presentationml")||a.slides&&a.slides.length>0?"presentation":a.duration||a.vodUrl?"video":"image"}formatDuration(a){let e=Math.floor(a/60),l=Math.floor(a%60);return`${e}:${l.toString().padStart(2,"0")}`}async open(){await import("@onlive.ai/ui/dist/components/dialog/dialog.js"),await import("@onlive.ai/ui/dist/components/icon-button/icon-button.js"),await import("@onlive.ai/ui/dist/components/button/button.js"),await import("@onlive.ai/ui/dist/components/icon/icon.js");let a=this.asset;this.getMultimediaSubtype(a)==="presentation"&&(a.slides?.length??0)>0&&await Promise.all([import("@onlive.ai/ui/dist/components/carousel/carousel.js"),import("@onlive.ai/ui/dist/components/carousel-item/carousel-item.js")]),this.injectStyles(),this.createDialog(),this.dialog?.show()}close(){this.dialog?.hide(),setTimeout(()=>{this.removeDialog()},300)}createDialog(){if(this.dialog||!this.asset)return;let a=this.createDialogHTML(),e=document.createElement("div");e.innerHTML=a,this.dialog=e.firstElementChild,this.dialog&&(document.body.appendChild(this.dialog),this.attachEventListeners())}removeDialog(){this.dialog&&(this.dialog.parentNode&&this.dialog.parentNode.removeChild(this.dialog),this.dialog=void 0)}injectStyles(){if(document.getElementById("asset-modal-styles"))return;let a=document.createElement("style");a.id="asset-modal-styles",a.textContent=this.getModalStyles(),document.head.appendChild(a)}getModalStyles(){return`
 
       ol-dialog::part(base){

package/components/asset/asset-modal-portal.d.cts

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import { IAsset } from './asset.types.cjs';
 
 declare class AssetModalPortal {

package/components/asset/asset-modal-portal.d.ts

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import { IAsset } from './asset.types.js';
 
 declare class AssetModalPortal {

package/components/asset/asset-modal-portal.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 var c=class{constructor(e,a){this.asset=e,this.onClose=a}getMultimediaSubtype(e){let a=e.format||"";return a.startsWith("video/")?"video":a.startsWith("image/")?"image":a.includes("presentation")||a.includes("pdf")||a.includes("powerpoint")||a.includes("slides")||a.includes("application/vnd.ms-powerpoint")||a.includes("application/vnd.openxmlformats-officedocument.presentationml")||e.slides&&e.slides.length>0?"presentation":e.duration||e.vodUrl?"video":"image"}formatDuration(e){let a=Math.floor(e/60),l=Math.floor(e%60);return`${a}:${l.toString().padStart(2,"0")}`}async open(){await import("@onlive.ai/ui/dist/components/dialog/dialog.js"),await import("@onlive.ai/ui/dist/components/icon-button/icon-button.js"),await import("@onlive.ai/ui/dist/components/button/button.js"),await import("@onlive.ai/ui/dist/components/icon/icon.js");let e=this.asset;this.getMultimediaSubtype(e)==="presentation"&&(e.slides?.length??0)>0&&await Promise.all([import("@onlive.ai/ui/dist/components/carousel/carousel.js"),import("@onlive.ai/ui/dist/components/carousel-item/carousel-item.js")]),this.injectStyles(),this.createDialog(),this.dialog?.show()}close(){this.dialog?.hide(),setTimeout(()=>{this.removeDialog()},300)}createDialog(){if(this.dialog||!this.asset)return;let e=this.createDialogHTML(),a=document.createElement("div");a.innerHTML=e,this.dialog=a.firstElementChild,this.dialog&&(document.body.appendChild(this.dialog),this.attachEventListeners())}removeDialog(){this.dialog&&(this.dialog.parentNode&&this.dialog.parentNode.removeChild(this.dialog),this.dialog=void 0)}injectStyles(){if(document.getElementById("asset-modal-styles"))return;let e=document.createElement("style");e.id="asset-modal-styles",e.textContent=this.getModalStyles(),document.head.appendChild(e)}getModalStyles(){return`
 
       ol-dialog::part(base){

package/components/asset/asset.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 "use strict";var K=Object.create;var w=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,Z=Object.prototype.hasOwnProperty;var ee=(i,e)=>{for(var t in e)w(i,t,{get:e[t],enumerable:!0})},$=(i,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of X(e))!Z.call(i,s)&&s!==t&&w(i,s,{get:()=>e[s],enumerable:!(o=I(e,s))||o.enumerable});return i};var u=(i,e,t)=>(t=i!=null?K(W(i)):{},$(e||!i||!i.__esModule?w(t,"default",{value:i,enumerable:!0}):t,i)),te=i=>$(w({},"__esModule",{value:!0}),i),c=(i,e,t,o)=>{for(var s=o>1?void 0:o?I(e,t):e,l=i.length-1,a;l>=0;l--)(a=i[l])&&(s=(o?a(e,t,s):a(s))||s);return o&&s&&w(e,t,s),s};var ae={};ee(ae,{OSBAsset:()=>v});module.exports=te(ae);var g=require("lit"),p=require("lit/decorators.js"),G=require("lit/directives/class-map.js");var oe=(i,e)=>(customElements.get(i)?console.debug(`Custom element <${i}> is already defined, skipping definition of ${e.name}.`):window.customElements.define(i,e),e),se=(i,e)=>{let{kind:t,elements:o}=e;return{kind:t,elements:o,finisher(s){customElements.get(i)||window.customElements.define(i,s)}}},A=i=>e=>typeof e=="function"?oe(i,e):se(i,e);var k=class i{constructor(e){this.config=e}static initialize(e){return new i(e)}getBaseUrl(){return`${this.config.baseUrl}`}getHeaders(){return{"Content-Type":"application/json"}}async makeRequest(e,t={}){let o=`${this.getBaseUrl()}${e}`,s=await fetch(o,{...t,headers:{...this.getHeaders(),...t.headers}});if(!s.ok)throw new Error(`FAQs API error: ${s.status} ${s.statusText}`);return s.json()}async getSettingsByOrganization(e,t){try{let o=new URLSearchParams;t&&o.append("userGroupId",t);let s=o.toString(),l=`${this.getBaseUrl()}/settings/organization/${e}${s?`?${s}`:""}`,a=await fetch(l,{method:"GET",headers:this.getHeaders(),credentials:"include"});if(a.status===404)return null;if(!a.ok)throw new Error(`Failed to fetch settings: ${a.statusText}`);return await a.json()}catch(o){return console.error("Error fetching settings:",o),null}}async getFaqs(e={}){let t=new URLSearchParams;if(e.search&&t.append("search",e.search),e.organizationId&&t.append("organizationId",e.organizationId),e.groupId&&t.append("groupId",e.groupId),e.isActive!==void 0&&t.append("isActive",e.isActive.toString()),e.page&&t.append("page",e.page.toString()),e.limit&&t.append("limit",e.limit.toString()),e.sortBy&&t.append("sortBy",e.sortBy),e.sortOrder&&t.append("sortOrder",e.sortOrder),e.extraFilters){for(let[l,a]of Object.entries(e.extraFilters))if(a&&(Array.isArray(a)?a.length>0:a.toString().trim()!=="")){let d=Array.isArray(a)?a.join(","):a.toString();t.append(`extra_${l}`,d)}}let o=t.toString(),s=`/faqs${o?`?${o}`:""}`;return this.makeRequest(s)}async getFaqById(e){return this.makeRequest(`/faqs/${e}`,{})}};var b=async(i,e)=>{let t=await fetch(i,e);if(!t.ok){let o=await t.json().catch(()=>({}));throw new Error(JSON.stringify({status:t.status,statusText:t.statusText,...o}))}return t&&t.json()};var S=class i{constructor(e){this.config=e,this.enableUpload=e.enableUpload||!1}static getInstance(e){if(!i.instance&&e&&(i.instance=new i(e)),!i.instance)throw new Error("FileService must be initialized with config first");return i.instance}static initialize(e){return i.instance=new i(e),i.instance}async uploadFile(e,t={}){try{let o=await this.requestSignedUrl({filename:e.name,description:t.description,loadDirection:"up",bucketType:t.bucketType||"conversations",path:t.path||".temp",mimeType:e.type});return await this.uploadToSignedUrl(o.data.signedUrlData.signedUrl,e),{success:!0,id:o.data.file.id,name:o.data.file.name,url:o.data.file.url,type:o.data.file.type}}catch(o){return console.error("Error uploading file:",o),{success:!1,error:o instanceof Error?o.message:"Unknown error"}}}async requestSignedUrl(e){let t=`${this.config.baseUrl}/files/upload-url`;return this.makeRequest(t,{method:"POST",body:JSON.stringify(e)})}async uploadToSignedUrl(e,t){let o=await fetch(e,{method:"PUT",body:t,headers:{"Content-Type":t.type}});if(!o.ok){let s=await o.text().catch(()=>"No response");throw new Error(`Upload failed with status: ${o.status}. Response: ${s}`)}}async uploadFileWithRetry(e,t={}){let o=t.maxRetries||3,s=null;for(let l=1;l<=o;l++)try{let a=await this.uploadFile(e,t);if(a.success)return a;throw new Error(a.error||"Upload failed")}catch(a){if(s=a instanceof Error?a:new Error("Unknown error"),l===o)break;let d=2**l*1e3;await new Promise(r=>setTimeout(r,d))}return{success:!1,error:s?.message||"Upload failed after retries"}}async getFileById(e){let t=`${this.config.baseUrl}/files/${e}`,o=await this.makeRequest(t);if(!o.success)throw new Error("Failed to get file");return o.data}async makeRequest(e,t){let o={"Content-Type":"application/json"};return this.config.organizationId&&(o["X-Onlive-Organization-Id"]=this.config.organizationId),t?.headers&&Object.assign(o,t.headers),b(e,{...t,headers:o})}updateConfig(e){this.config={...this.config,...e}}getConfig(){return{...this.config}}};var z=class i{constructor(e){this.config=e}static getInstance(e){if(!i.instance&&e&&(i.instance=new i(e)),!i.instance)throw new Error("MultimediaService must be initialized with config first");return i.instance}static initialize(e){return i.instance=new i(e),i.instance}async getImages(e={}){let t=new URLSearchParams({type:"image",page:(e.page||1).toString(),limit:(e.limit||12).toString(),...e.search&&{search:e.search},...e.labels&&{labels:e.labels.join(",")},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});this.appendExtraFilters(t,e.extraFilters);let o=`${this.config.baseUrl}/multimedia?${t}`;return this.makeRequest(o)}async getVideos(e={}){let t=new URLSearchParams({type:"video",page:(e.page||1).toString(),limit:(e.limit||12).toString(),...e.search&&{search:e.search},...e.labels&&{labels:e.labels.join(",")},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});this.appendExtraFilters(t,e.extraFilters);let o=`${this.config.baseUrl}/multimedia?${t}`;return this.makeRequest(o)}async getPresentations(e={}){let t=new URLSearchParams({type:"presentation",page:(e.page||1).toString(),limit:(e.limit||12).toString(),...e.search&&{search:e.search},...e.labels&&{labels:e.labels.join(",")},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});this.appendExtraFilters(t,e.extraFilters);let o=`${this.config.baseUrl}/multimedia?${t}`;return this.makeRequest(o)}async getAllMultimedia(e={}){let[t,o,s]=await Promise.all([this.getImages(e),this.getVideos(e),this.getPresentations(e)]);return{images:t,videos:o,presentations:s}}async getMultimediaByToken(e){let t=`${this.config.baseUrl}/multimedia/secure-token/${e}`;return this.makeRequest(t,!1)}async searchMultimedia(e,t){let o={search:e,page:1,limit:50,includeSecureToken:!0};if(t)return this.getMultimediaByType(t,o);let[s,l,a]=await Promise.all([this.getImages(o),this.getVideos(o),this.getPresentations(o)]),d=[...s.items,...l.items,...a.items];return{items:d,total:d.length,count:d.length,currentPage:1,totalPages:1}}async getMultimediaByType(e,t){switch(e){case"image":return this.getImages(t);case"video":return this.getVideos(t);case"presentation":return this.getPresentations(t);default:throw new Error(`Invalid multimedia type: ${e}`)}}appendExtraFilters(e,t){if(t){for(let[o,s]of Object.entries(t))if(s&&(Array.isArray(s)?s.length>0:s.toString().trim()!=="")){let l=Array.isArray(s)?s.join(","):s.toString();e.append(`extra_${o}`,l)}}}async makeRequest(e,t=!0){let o={"Content-Type":"application/json","X-Onlive-Organization-Id":this.config.organizationId};return b(e,{method:"GET",headers:o,credentials:t?"include":void 0})}updateConfig(e){this.config={...this.config,...e}}getConfig(){return{...this.config}}};var x=class i{constructor(e){this.config=e}static getInstance(e){if(!i.instance&&e&&(i.instance=new i(e)),!i.instance)throw new Error("ProductService must be initialized with config first");return i.instance}static initialize(e){return i.instance=new i(e),i.instance}async getProducts(e={}){let t=new URLSearchParams({...e.title&&{title:e.title},...e.search&&{search:e.search},...e.category&&{category:e.category},...e.tags&&{tags:e.tags.join(",")},...e.sortBy&&{sortBy:e.sortBy},...e.sortOrder&&{sortOrder:e.sortOrder},...e.minPrice&&{minPrice:e.minPrice.toString()},...e.maxPrice&&{maxPrice:e.maxPrice.toString()},...e.inStock!==void 0&&{inStock:e.inStock.toString()},...e.offset&&{offset:e.offset.toString()},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});e.extraFields&&Object.keys(e.extraFields).length>0&&t.append("extraFields",JSON.stringify(e.extraFields));let o=`${this.config.baseUrl}/products?${t}`;return this.makeRequest(o,!0)}async getProductByToken(e){let t=`${this.config.baseUrl}/products/secure-token/${e}`;return this.makeRequest(t)}async searchProducts(e,t={}){return this.getProducts({...t,search:e})}async makeRequest(e,t=!1){let o={"Content-Type":"application/json","X-Onlive-Organization-Id":this.config.organizationId};return b(e,{method:"GET",headers:o,credentials:t?"include":"same-origin"})}updateConfig(e){this.config={...this.config,...e}}getConfig(){return{...this.config}}};var P=class{constructor(e){e?.multimediaService&&(this.multimediaService=z.initialize(e.multimediaService)),e?.faqsService&&(this.faqsService=k.initialize(e.faqsService)),e?.productService&&(this.productService=x.initialize(e.productService)),e?.fileService&&(this.fileService=S.initialize(e.fileService))}async loadAsset(e,t){switch(e){case"multimedia":return this.loadMultimediaAsset(t);case"product":return this.loadProductAsset(t);case"faq":return this.loadFaqAsset(t);case"file":return this.loadFileAsset(t);default:throw new Error(`Unsupported asset type: ${e}`)}}async loadMultimediaAsset(e){if(!this.multimediaService)throw new Error("MultimediaService not configured");let t=await this.multimediaService.getMultimediaByToken(e);if(!t)throw new Error("Multimedia not found");return{id:t.id,name:t.name,description:t.description||"",url:t.url,thumbnail:t.animatedCoverUrl||t.url,type:"multimedia",externalId:t.id,format:t.format,size:t.size||void 0,duration:t.duration||void 0,vodUrl:t.vodUrl||void 0,slides:t.slides||[],labels:t.labels,animatedCoverUrl:t.animatedCoverUrl||void 0,metadata:{organizationId:t.organizationId,status:t.status,createdAt:t.createdAt,updatedAt:t.updatedAt}}}async loadProductAsset(e){if(!this.productService)throw new Error("MultimediaService not configured");let t=await this.productService.getProductByToken(e);if(!t)throw new Error("Product not found");return{id:t.id,name:t.name,description:t.description,url:t.url,thumbnail:t.images?.[0],type:"product",externalId:t.externalId,price:t.price,currency:t.currency,category:t.category,tags:t.tags,images:t.images,variants:t.variants?.map(o=>({id:o.id,externalId:o.externalId,price:o.price,currency:o.currency,images:o.images})),options:t.options,metadata:{providerType:t.providerType,providerId:t.providerId,discountType:t.discountType,discount:t.discount,stock:t.stock,broken:t.broken}}}async loadFaqAsset(e){if(!this.faqsService)throw new Error("FaqsService not configured");let t=await this.faqsService.getFaqById(e);return{id:t.id,name:t.question,description:t.answer,url:`#faq-${t.id}`,type:"faq",externalId:t.id,question:t.question,answer:t.answer,priority:t.priority,isActive:t.isActive,metadata:{organizationId:t.organizationId,createdAt:t.createdAt,updatedAt:t.updatedAt}}}async loadFileAsset(e){if(!this.fileService)throw new Error("FileService not configured");let t=await this.fileService.getFileById(e),o=t.type||"",s=o.startsWith("video/"),l=o.startsWith("image/");return{id:t.id,name:t.name,description:t.description||"",url:t.url,thumbnail:l?t.url:void 0,type:"file",externalId:t.id,format:o,size:t.metadata?.size,duration:void 0,vodUrl:s?t.url:void 0,labels:[],animatedCoverUrl:s?t.url:void 0,metadata:{path:t.metadata?.path,bucketType:t.metadata?.bucketType,loadDirection:t.metadata?.loadDirection,createdAt:t.createdAt,updatedAt:t.updatedAt}}}};var n=require("lit"),J=require("lit/directives/class-map.js"),y=require("lit/directives/if-defined.js"),f=require("lit/directives/when.js");var L=require("lit/directives/unsafe-html.js");var E=u(require("dompurify"),1),ie={ALLOWED_TAGS:["p","br","span","b","strong","i","em","u","s","del","ul","ol","li","code","pre","a","h1","h2","h3","h4","table","thead","tbody","tr","th","td"],ALLOWED_ATTR:["href","target","rel","title","aria-label","role","colspan","rowspan"],FORCE_HTTPS:!0,ALLOW_DATA_ATTR:!1};E.default.addHook("afterSanitizeAttributes",i=>{"target"in i&&i.target==="_blank"&&i.setAttribute("rel","noopener noreferrer")});var U=(i,e=ie)=>E.default.sanitize(i,e);function V(i=""){return(0,L.unsafeHTML)(ne(i))}function ne(i=""){return U(i,{ADD_ATTR:["target","rel"],ADD_TAGS:["ol-"],CUSTOM_ELEMENT_HANDLING:{tagNameCheck:/^ol-/,attributeNameCheck:null,allowCustomizedBuiltInElements:!0}})}var Te=require("@onlive.ai/ui/dist/components/button/button.js"),Fe=require("@onlive.ai/ui/dist/components/icon/icon.js"),_=require("lit"),T=require("lit/decorators.js"),Y=require("lit/directives/repeat.js"),H=u(require("video.js"),1);var M=require("lit"),D=u(require("video.js/dist/video-js.min.css?inline"),1),B=M.css`
   ${(0,M.unsafeCSS)(D.default)}
   .och__player {

package/components/asset/asset.d.cts

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 import { LitElement, TemplateResult } from 'lit';
 import { AssetType, AssetConfig } from './asset.types.cjs';

package/components/asset/asset.d.ts

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 import { LitElement, TemplateResult } from 'lit';
 import { AssetType, AssetConfig } from './asset.types.js';

package/components/asset/asset.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 var U=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var c=(n,e,t,o)=>{for(var s=o>1?void 0:o?L(e,t):e,l=n.length-1,a;l>=0;l--)(a=n[l])&&(s=(o?a(e,t,s):a(s))||s);return o&&s&&U(e,t,s),s};import{html as z,LitElement as te}from"lit";import{property as T,state as h}from"lit/decorators.js";import{classMap as oe}from"lit/directives/class-map.js";var V=(n,e)=>(customElements.get(n)?console.debug(`Custom element <${n}> is already defined, skipping definition of ${e.name}.`):window.customElements.define(n,e),e),D=(n,e)=>{let{kind:t,elements:o}=e;return{kind:t,elements:o,finisher(s){customElements.get(n)||window.customElements.define(n,s)}}},y=n=>e=>typeof e=="function"?V(n,e):D(n,e);var w=class n{constructor(e){this.config=e}static initialize(e){return new n(e)}getBaseUrl(){return`${this.config.baseUrl}`}getHeaders(){return{"Content-Type":"application/json"}}async makeRequest(e,t={}){let o=`${this.getBaseUrl()}${e}`,s=await fetch(o,{...t,headers:{...this.getHeaders(),...t.headers}});if(!s.ok)throw new Error(`FAQs API error: ${s.status} ${s.statusText}`);return s.json()}async getSettingsByOrganization(e,t){try{let o=new URLSearchParams;t&&o.append("userGroupId",t);let s=o.toString(),l=`${this.getBaseUrl()}/settings/organization/${e}${s?`?${s}`:""}`,a=await fetch(l,{method:"GET",headers:this.getHeaders(),credentials:"include"});if(a.status===404)return null;if(!a.ok)throw new Error(`Failed to fetch settings: ${a.statusText}`);return await a.json()}catch(o){return console.error("Error fetching settings:",o),null}}async getFaqs(e={}){let t=new URLSearchParams;if(e.search&&t.append("search",e.search),e.organizationId&&t.append("organizationId",e.organizationId),e.groupId&&t.append("groupId",e.groupId),e.isActive!==void 0&&t.append("isActive",e.isActive.toString()),e.page&&t.append("page",e.page.toString()),e.limit&&t.append("limit",e.limit.toString()),e.sortBy&&t.append("sortBy",e.sortBy),e.sortOrder&&t.append("sortOrder",e.sortOrder),e.extraFilters){for(let[l,a]of Object.entries(e.extraFilters))if(a&&(Array.isArray(a)?a.length>0:a.toString().trim()!=="")){let d=Array.isArray(a)?a.join(","):a.toString();t.append(`extra_${l}`,d)}}let o=t.toString(),s=`/faqs${o?`?${o}`:""}`;return this.makeRequest(s)}async getFaqById(e){return this.makeRequest(`/faqs/${e}`,{})}};var j=async(n,e)=>{let t=await fetch(n,e);if(!t.ok){let o=await t.json().catch(()=>({}));throw new Error(JSON.stringify({status:t.status,statusText:t.statusText,...o}))}return t&&t.json()};var x=class n{constructor(e){this.config=e,this.enableUpload=e.enableUpload||!1}static getInstance(e){if(!n.instance&&e&&(n.instance=new n(e)),!n.instance)throw new Error("FileService must be initialized with config first");return n.instance}static initialize(e){return n.instance=new n(e),n.instance}async uploadFile(e,t={}){try{let o=await this.requestSignedUrl({filename:e.name,description:t.description,loadDirection:"up",bucketType:t.bucketType||"conversations",path:t.path||".temp",mimeType:e.type});return await this.uploadToSignedUrl(o.data.signedUrlData.signedUrl,e),{success:!0,id:o.data.file.id,name:o.data.file.name,url:o.data.file.url,type:o.data.file.type}}catch(o){return console.error("Error uploading file:",o),{success:!1,error:o instanceof Error?o.message:"Unknown error"}}}async requestSignedUrl(e){let t=`${this.config.baseUrl}/files/upload-url`;return this.makeRequest(t,{method:"POST",body:JSON.stringify(e)})}async uploadToSignedUrl(e,t){let o=await fetch(e,{method:"PUT",body:t,headers:{"Content-Type":t.type}});if(!o.ok){let s=await o.text().catch(()=>"No response");throw new Error(`Upload failed with status: ${o.status}. Response: ${s}`)}}async uploadFileWithRetry(e,t={}){let o=t.maxRetries||3,s=null;for(let l=1;l<=o;l++)try{let a=await this.uploadFile(e,t);if(a.success)return a;throw new Error(a.error||"Upload failed")}catch(a){if(s=a instanceof Error?a:new Error("Unknown error"),l===o)break;let d=2**l*1e3;await new Promise(r=>setTimeout(r,d))}return{success:!1,error:s?.message||"Upload failed after retries"}}async getFileById(e){let t=`${this.config.baseUrl}/files/${e}`,o=await this.makeRequest(t);if(!o.success)throw new Error("Failed to get file");return o.data}async makeRequest(e,t){let o={"Content-Type":"application/json"};return this.config.organizationId&&(o["X-Onlive-Organization-Id"]=this.config.organizationId),t?.headers&&Object.assign(o,t.headers),j(e,{...t,headers:o})}updateConfig(e){this.config={...this.config,...e}}getConfig(){return{...this.config}}};var _=class n{constructor(e){this.config=e}static getInstance(e){if(!n.instance&&e&&(n.instance=new n(e)),!n.instance)throw new Error("MultimediaService must be initialized with config first");return n.instance}static initialize(e){return n.instance=new n(e),n.instance}async getImages(e={}){let t=new URLSearchParams({type:"image",page:(e.page||1).toString(),limit:(e.limit||12).toString(),...e.search&&{search:e.search},...e.labels&&{labels:e.labels.join(",")},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});this.appendExtraFilters(t,e.extraFilters);let o=`${this.config.baseUrl}/multimedia?${t}`;return this.makeRequest(o)}async getVideos(e={}){let t=new URLSearchParams({type:"video",page:(e.page||1).toString(),limit:(e.limit||12).toString(),...e.search&&{search:e.search},...e.labels&&{labels:e.labels.join(",")},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});this.appendExtraFilters(t,e.extraFilters);let o=`${this.config.baseUrl}/multimedia?${t}`;return this.makeRequest(o)}async getPresentations(e={}){let t=new URLSearchParams({type:"presentation",page:(e.page||1).toString(),limit:(e.limit||12).toString(),...e.search&&{search:e.search},...e.labels&&{labels:e.labels.join(",")},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});this.appendExtraFilters(t,e.extraFilters);let o=`${this.config.baseUrl}/multimedia?${t}`;return this.makeRequest(o)}async getAllMultimedia(e={}){let[t,o,s]=await Promise.all([this.getImages(e),this.getVideos(e),this.getPresentations(e)]);return{images:t,videos:o,presentations:s}}async getMultimediaByToken(e){let t=`${this.config.baseUrl}/multimedia/secure-token/${e}`;return this.makeRequest(t,!1)}async searchMultimedia(e,t){let o={search:e,page:1,limit:50,includeSecureToken:!0};if(t)return this.getMultimediaByType(t,o);let[s,l,a]=await Promise.all([this.getImages(o),this.getVideos(o),this.getPresentations(o)]),d=[...s.items,...l.items,...a.items];return{items:d,total:d.length,count:d.length,currentPage:1,totalPages:1}}async getMultimediaByType(e,t){switch(e){case"image":return this.getImages(t);case"video":return this.getVideos(t);case"presentation":return this.getPresentations(t);default:throw new Error(`Invalid multimedia type: ${e}`)}}appendExtraFilters(e,t){if(t){for(let[o,s]of Object.entries(t))if(s&&(Array.isArray(s)?s.length>0:s.toString().trim()!=="")){let l=Array.isArray(s)?s.join(","):s.toString();e.append(`extra_${o}`,l)}}}async makeRequest(e,t=!0){let o={"Content-Type":"application/json","X-Onlive-Organization-Id":this.config.organizationId};return j(e,{method:"GET",headers:o,credentials:t?"include":void 0})}updateConfig(e){this.config={...this.config,...e}}getConfig(){return{...this.config}}};var g=class n{constructor(e){this.config=e}static getInstance(e){if(!n.instance&&e&&(n.instance=new n(e)),!n.instance)throw new Error("ProductService must be initialized with config first");return n.instance}static initialize(e){return n.instance=new n(e),n.instance}async getProducts(e={}){let t=new URLSearchParams({...e.title&&{title:e.title},...e.search&&{search:e.search},...e.category&&{category:e.category},...e.tags&&{tags:e.tags.join(",")},...e.sortBy&&{sortBy:e.sortBy},...e.sortOrder&&{sortOrder:e.sortOrder},...e.minPrice&&{minPrice:e.minPrice.toString()},...e.maxPrice&&{maxPrice:e.maxPrice.toString()},...e.inStock!==void 0&&{inStock:e.inStock.toString()},...e.offset&&{offset:e.offset.toString()},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});e.extraFields&&Object.keys(e.extraFields).length>0&&t.append("extraFields",JSON.stringify(e.extraFields));let o=`${this.config.baseUrl}/products?${t}`;return this.makeRequest(o,!0)}async getProductByToken(e){let t=`${this.config.baseUrl}/products/secure-token/${e}`;return this.makeRequest(t)}async searchProducts(e,t={}){return this.getProducts({...t,search:e})}async makeRequest(e,t=!1){let o={"Content-Type":"application/json","X-Onlive-Organization-Id":this.config.organizationId};return j(e,{method:"GET",headers:o,credentials:t?"include":"same-origin"})}updateConfig(e){this.config={...this.config,...e}}getConfig(){return{...this.config}}};var A=class{constructor(e){e?.multimediaService&&(this.multimediaService=_.initialize(e.multimediaService)),e?.faqsService&&(this.faqsService=w.initialize(e.faqsService)),e?.productService&&(this.productService=g.initialize(e.productService)),e?.fileService&&(this.fileService=x.initialize(e.fileService))}async loadAsset(e,t){switch(e){case"multimedia":return this.loadMultimediaAsset(t);case"product":return this.loadProductAsset(t);case"faq":return this.loadFaqAsset(t);case"file":return this.loadFileAsset(t);default:throw new Error(`Unsupported asset type: ${e}`)}}async loadMultimediaAsset(e){if(!this.multimediaService)throw new Error("MultimediaService not configured");let t=await this.multimediaService.getMultimediaByToken(e);if(!t)throw new Error("Multimedia not found");return{id:t.id,name:t.name,description:t.description||"",url:t.url,thumbnail:t.animatedCoverUrl||t.url,type:"multimedia",externalId:t.id,format:t.format,size:t.size||void 0,duration:t.duration||void 0,vodUrl:t.vodUrl||void 0,slides:t.slides||[],labels:t.labels,animatedCoverUrl:t.animatedCoverUrl||void 0,metadata:{organizationId:t.organizationId,status:t.status,createdAt:t.createdAt,updatedAt:t.updatedAt}}}async loadProductAsset(e){if(!this.productService)throw new Error("MultimediaService not configured");let t=await this.productService.getProductByToken(e);if(!t)throw new Error("Product not found");return{id:t.id,name:t.name,description:t.description,url:t.url,thumbnail:t.images?.[0],type:"product",externalId:t.externalId,price:t.price,currency:t.currency,category:t.category,tags:t.tags,images:t.images,variants:t.variants?.map(o=>({id:o.id,externalId:o.externalId,price:o.price,currency:o.currency,images:o.images})),options:t.options,metadata:{providerType:t.providerType,providerId:t.providerId,discountType:t.discountType,discount:t.discount,stock:t.stock,broken:t.broken}}}async loadFaqAsset(e){if(!this.faqsService)throw new Error("FaqsService not configured");let t=await this.faqsService.getFaqById(e);return{id:t.id,name:t.question,description:t.answer,url:`#faq-${t.id}`,type:"faq",externalId:t.id,question:t.question,answer:t.answer,priority:t.priority,isActive:t.isActive,metadata:{organizationId:t.organizationId,createdAt:t.createdAt,updatedAt:t.updatedAt}}}async loadFileAsset(e){if(!this.fileService)throw new Error("FileService not configured");let t=await this.fileService.getFileById(e),o=t.type||"",s=o.startsWith("video/"),l=o.startsWith("image/");return{id:t.id,name:t.name,description:t.description||"",url:t.url,thumbnail:l?t.url:void 0,type:"file",externalId:t.id,format:o,size:t.metadata?.size,duration:void 0,vodUrl:s?t.url:void 0,labels:[],animatedCoverUrl:s?t.url:void 0,metadata:{path:t.metadata?.path,bucketType:t.metadata?.bucketType,loadDirection:t.metadata?.loadDirection,createdAt:t.createdAt,updatedAt:t.updatedAt}}}};import{html as i}from"lit";import{classMap as Z}from"lit/directives/class-map.js";import{ifDefined as b}from"lit/directives/if-defined.js";import{when as m}from"lit/directives/when.js";import{unsafeHTML as Y}from"lit/directives/unsafe-html.js";import F from"dompurify";var B={ALLOWED_TAGS:["p","br","span","b","strong","i","em","u","s","del","ul","ol","li","code","pre","a","h1","h2","h3","h4","table","thead","tbody","tr","th","td"],ALLOWED_ATTR:["href","target","rel","title","aria-label","role","colspan","rowspan"],FORCE_HTTPS:!0,ALLOW_DATA_ATTR:!1};F.addHook("afterSanitizeAttributes",n=>{"target"in n&&n.target==="_blank"&&n.setAttribute("rel","noopener noreferrer")});var q=(n,e=B)=>F.sanitize(n,e);function C(n=""){return Y(H(n))}function H(n=""){return q(n,{ADD_ATTR:["target","rel"],ADD_TAGS:["ol-"],CUSTOM_ELEMENT_HANDLING:{tagNameCheck:/^ol-/,attributeNameCheck:null,allowCustomizedBuiltInElements:!0}})}import"@onlive.ai/ui/dist/components/button/button.js";import"@onlive.ai/ui/dist/components/icon/icon.js";import{html as E,LitElement as G}from"lit";import{property as Q,query as K}from"lit/decorators.js";import{repeat as X}from"lit/directives/repeat.js";import W from"video.js";import{css as J,unsafeCSS as O}from"lit";import N from"video.js/dist/video-js.min.css?inline";var R=J`
   ${O(N)}
   .och__player {