@onlive.ai/common-121 0.2.70 → 0.2.163

package/index.d.cts

@@ -0,0 +1,338 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+import * as lit from 'lit';
+import { LitElement, TemplateResult } from 'lit';
+import * as _lit_react from '@lit/react';
+import { EventName } from '@lit/react';
+
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+
+
+type AssetType = "product" | "multimedia" | "faq" | "file";
+interface IAsset {
+    id: string;
+    name: string;
+    description?: string;
+    url?: string;
+    thumbnail?: string;
+    type: AssetType;
+    externalId?: string;
+    metadata?: Record<string, unknown>;
+    question?: string;
+    answer?: string;
+}
+interface AssetConfig {
+    multimediaService?: {
+        baseUrl: string;
+        organizationId: string;
+    };
+    faqsService?: {
+        baseUrl: string;
+        organizationId: string;
+    };
+    productService?: {
+        baseUrl: string;
+        organizationId: string;
+    };
+    fileService?: {
+        baseUrl: string;
+        organizationId: string;
+        enableUpload?: boolean;
+    };
+    assetDisplayOptions?: AssetDisplayOptions;
+}
+interface AssetDisplayOptions {
+    showThumbnail?: boolean;
+    showName?: boolean;
+    showDescription?: boolean;
+    showMetadata?: boolean;
+    showPrice?: boolean;
+    showDuration?: boolean;
+    showSize?: boolean;
+    showTags?: boolean;
+    layout?: "card" | "compact" | "minimal";
+    size?: "small" | "medium" | "large";
+}
+
+declare class OSBAsset extends LitElement {
+    static styles: lit.CSSResult[];
+    type: AssetType;
+    externalId: string;
+    config?: AssetConfig;
+    private asset?;
+    private loadingState;
+    private error?;
+    private assetLoader?;
+    private assetRenderer;
+    private isDownloading;
+    private modalPortal?;
+    private defaultDisplayOptions;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private initializeServices;
+    private loadAsset;
+    private onDownload;
+    private getDownloadFilename;
+    private getFileExtension;
+    private openModal;
+    private onMaximize;
+    private closeModal;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "osb-asset": OSBAsset;
+    }
+}
+
+declare class OCHPlayer extends LitElement {
+    static styles: lit.CSSResult[];
+    sources: {
+        src: string;
+        type: string;
+    }[];
+    private player;
+    $player: HTMLVideoElement;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    play(): void;
+    pause(): void;
+    render(): lit.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "och-player": OCHPlayer;
+    }
+}
+
+type UploadType = "image" | "video" | "document";
+interface UploadConfig {
+    maxFileSize?: number;
+    allowedExtensions?: string[];
+    multiple?: boolean;
+    showImage?: boolean;
+    showVideo?: boolean;
+    showDocument?: boolean;
+}
+interface UploadEvents {
+    onFileSelected?: (file: File, type: UploadType) => void;
+    onUploadError?: (error: string) => void;
+}
+
+declare class OSBUpload extends LitElement {
+    static styles: lit.CSSResult[];
+    config?: UploadConfig;
+    events?: UploadEvents;
+    private defaultConfig;
+    private getAllowedExtensions;
+    private getAcceptAttribute;
+    private getFileTypeLabel;
+    private getAvailableTypes;
+    private onTypeSelect;
+    private openFileDialog;
+    private handleFileSelection;
+    private validateFile;
+    render(): TemplateResult;
+    private getIconName;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "osb-upload": OSBUpload;
+    }
+}
+
+interface FaqsServiceConfig {
+    baseUrl: string;
+    organizationId: string;
+}
+
+interface FileServiceConfig {
+    baseUrl: string;
+    organizationId?: string;
+    enableUpload?: boolean;
+}
+
+interface MultimediaServiceConfig {
+    baseUrl: string;
+    organizationId: string;
+}
+
+interface ProductServiceConfig {
+    baseUrl: string;
+    organizationId: string;
+}
+
+type AssetCategory = "products" | "videos" | "images" | "presentations" | "audios" | "special-effects" | "faqs";
+interface SidebarConfig {
+    multimediaService: MultimediaServiceConfig;
+    productService?: ProductServiceConfig;
+    faqsService?: FaqsServiceConfig;
+    fileService?: FileServiceConfig;
+    showSearch?: boolean;
+    showAddButton?: boolean;
+    itemsPerPage?: number;
+    enableInfiniteScroll?: boolean;
+    customCategories?: AssetCategory[];
+    enableUpload?: boolean;
+    enableExtraFilters?: boolean;
+    userGroupId?: string;
+}
+interface SearchConfig {
+    placeholder?: string;
+    debounceMs?: number;
+    minLength?: number;
+}
+interface AssetItemDisplayOptions {
+    showThumbnail?: boolean;
+    showDescription?: boolean;
+    showPrice?: boolean;
+    showDuration?: boolean;
+    showSize?: boolean;
+    showTags?: boolean;
+    thumbnailSize?: "small" | "medium" | "large";
+    layout?: "grid" | "list";
+}
+
+declare class OSBSideBar extends LitElement {
+    static styles: lit.CSSResult[];
+    config?: SidebarConfig;
+    searchConfig?: SearchConfig;
+    selectedCategory: AssetCategory;
+    disabled: boolean;
+    private multimediaService?;
+    private productService?;
+    private faqsService?;
+    private fileService?;
+    private isUploading;
+    private uploadProgress;
+    private categoryStates;
+    private searchTimeout?;
+    private unifiedSearchQuery;
+    private extraFilters;
+    private activeFilters;
+    private loadingFilters;
+    private defaultSearchConfig;
+    firstUpdated(): Promise<void>;
+    private initializeService;
+    private initializeCategoryStates;
+    private loadExtraFilters;
+    private hasActiveFilters;
+    /**
+     * Convert ActiveFilters to extraFields format for products
+     * Products use extraFields (JSONB) with string | number | boolean values
+     */
+    private convertToExtraFields;
+    private loadCategoryData;
+    private mapProductsToAssetItems;
+    private mapMultimediaToAssetItems;
+    private mapFaqsToAssetItems;
+    private updateCategoryState;
+    private onCategoryToggle;
+    private onUnifiedSearchInput;
+    private searchAllCategories;
+    private clearSearchAllCategories;
+    private onFilterChange;
+    private reloadAllOpenCategories;
+    private renderExtraFilters;
+    private renderFilter;
+    private renderSelectFilter;
+    private renderMultiselectFilter;
+    private renderTextFilter;
+    private onLoadMore;
+    private onItemSelect;
+    private onFileSelected;
+    private renderCategoryHeader;
+    private renderAssetItem;
+    private renderAssetThumbnail;
+    private renderAssetContent;
+    private renderAssetName;
+    private renderAssetPrice;
+    private renderAssetPresentation;
+    private renderAssetDescription;
+    private renderAssetMeta;
+    private renderAssetTags;
+    private renderCategoryContent;
+    private formatFileSize;
+    private getFormat;
+    private formatDuration;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "osb-side-bar": OSBSideBar;
+    }
+}
+
+/**
+ * React wrapper for the OSBAsset web component
+ *
+ * This component provides a React-friendly interface for the Onlive Asset component.
+ * It supports rendering different types of assets (image, video, presentation, product, faq)
+ * with download and modal functionality.
+ */
+declare const Asset: _lit_react.ReactWebComponent<OSBAsset, {
+    onAssetClick: EventName<CustomEvent<{
+        asset: IAsset;
+    }>>;
+    onAssetDownload: EventName<CustomEvent<{
+        asset: IAsset;
+    }>>;
+    onAssetLoad: EventName<CustomEvent<{
+        asset: IAsset;
+    }>>;
+    onAssetError: EventName<CustomEvent<{
+        error: string;
+        asset: IAsset;
+    }>>;
+    onContentClick: EventName<CustomEvent<{
+        content: any;
+    }>>;
+}>;
+
+/**
+ * React wrapper for the OSBSideBar web component
+ *
+ * This component provides a React-friendly interface for the Onlive SideBar component.
+ * It supports rendering different types of content with customizable display options.
+ */
+declare const SideBar: _lit_react.ReactWebComponent<OSBSideBar, {
+    onSearch: EventName<CustomEvent<{
+        query: string;
+        category: string;
+    }>>;
+    onLoadMore: EventName<CustomEvent<{
+        category: string;
+    }>>;
+    onItemAdd: EventName<CustomEvent<{
+        category: string;
+    }>>;
+    onCategoryChange: EventName<CustomEvent<{
+        category: string;
+    }>>;
+    onItemSelect: EventName<CustomEvent<{
+        item: any;
+    }>>;
+    onFileUpload: EventName<CustomEvent<{
+        id: string;
+        name: string;
+        url: string;
+        type: string;
+    }>>;
+}>;
+
+/**
+ * React wrapper for the OSBUpload web component
+ *
+ * This component provides a React-friendly interface for the Onlive Upload component.
+ * It supports file selection with customizable trigger button and dropdown menu for different file types.
+ */
+declare const Upload: _lit_react.ReactWebComponent<OSBUpload, {
+    onFileSelected: EventName<CustomEvent<{
+        file: File;
+        type: UploadType;
+    }>>;
+    onUploadError: EventName<CustomEvent<{
+        error: string;
+    }>>;
+}>;
+
+export { Asset, type AssetDisplayOptions, type AssetItemDisplayOptions, OSBAsset, OSBSideBar, OSBUpload, SideBar, Upload, type UploadConfig };

package/index.d.ts

@@ -0,0 +1,338 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+import * as lit from 'lit';
+import { LitElement, TemplateResult } from 'lit';
+import * as _lit_react from '@lit/react';
+import { EventName } from '@lit/react';
+
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+
+
+type AssetType = "product" | "multimedia" | "faq" | "file";
+interface IAsset {
+    id: string;
+    name: string;
+    description?: string;
+    url?: string;
+    thumbnail?: string;
+    type: AssetType;
+    externalId?: string;
+    metadata?: Record<string, unknown>;
+    question?: string;
+    answer?: string;
+}
+interface AssetConfig {
+    multimediaService?: {
+        baseUrl: string;
+        organizationId: string;
+    };
+    faqsService?: {
+        baseUrl: string;
+        organizationId: string;
+    };
+    productService?: {
+        baseUrl: string;
+        organizationId: string;
+    };
+    fileService?: {
+        baseUrl: string;
+        organizationId: string;
+        enableUpload?: boolean;
+    };
+    assetDisplayOptions?: AssetDisplayOptions;
+}
+interface AssetDisplayOptions {
+    showThumbnail?: boolean;
+    showName?: boolean;
+    showDescription?: boolean;
+    showMetadata?: boolean;
+    showPrice?: boolean;
+    showDuration?: boolean;
+    showSize?: boolean;
+    showTags?: boolean;
+    layout?: "card" | "compact" | "minimal";
+    size?: "small" | "medium" | "large";
+}
+
+declare class OSBAsset extends LitElement {
+    static styles: lit.CSSResult[];
+    type: AssetType;
+    externalId: string;
+    config?: AssetConfig;
+    private asset?;
+    private loadingState;
+    private error?;
+    private assetLoader?;
+    private assetRenderer;
+    private isDownloading;
+    private modalPortal?;
+    private defaultDisplayOptions;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private initializeServices;
+    private loadAsset;
+    private onDownload;
+    private getDownloadFilename;
+    private getFileExtension;
+    private openModal;
+    private onMaximize;
+    private closeModal;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "osb-asset": OSBAsset;
+    }
+}
+
+declare class OCHPlayer extends LitElement {
+    static styles: lit.CSSResult[];
+    sources: {
+        src: string;
+        type: string;
+    }[];
+    private player;
+    $player: HTMLVideoElement;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    play(): void;
+    pause(): void;
+    render(): lit.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "och-player": OCHPlayer;
+    }
+}
+
+type UploadType = "image" | "video" | "document";
+interface UploadConfig {
+    maxFileSize?: number;
+    allowedExtensions?: string[];
+    multiple?: boolean;
+    showImage?: boolean;
+    showVideo?: boolean;
+    showDocument?: boolean;
+}
+interface UploadEvents {
+    onFileSelected?: (file: File, type: UploadType) => void;
+    onUploadError?: (error: string) => void;
+}
+
+declare class OSBUpload extends LitElement {
+    static styles: lit.CSSResult[];
+    config?: UploadConfig;
+    events?: UploadEvents;
+    private defaultConfig;
+    private getAllowedExtensions;
+    private getAcceptAttribute;
+    private getFileTypeLabel;
+    private getAvailableTypes;
+    private onTypeSelect;
+    private openFileDialog;
+    private handleFileSelection;
+    private validateFile;
+    render(): TemplateResult;
+    private getIconName;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "osb-upload": OSBUpload;
+    }
+}
+
+interface FaqsServiceConfig {
+    baseUrl: string;
+    organizationId: string;
+}
+
+interface FileServiceConfig {
+    baseUrl: string;
+    organizationId?: string;
+    enableUpload?: boolean;
+}
+
+interface MultimediaServiceConfig {
+    baseUrl: string;
+    organizationId: string;
+}
+
+interface ProductServiceConfig {
+    baseUrl: string;
+    organizationId: string;
+}
+
+type AssetCategory = "products" | "videos" | "images" | "presentations" | "audios" | "special-effects" | "faqs";
+interface SidebarConfig {
+    multimediaService: MultimediaServiceConfig;
+    productService?: ProductServiceConfig;
+    faqsService?: FaqsServiceConfig;
+    fileService?: FileServiceConfig;
+    showSearch?: boolean;
+    showAddButton?: boolean;
+    itemsPerPage?: number;
+    enableInfiniteScroll?: boolean;
+    customCategories?: AssetCategory[];
+    enableUpload?: boolean;
+    enableExtraFilters?: boolean;
+    userGroupId?: string;
+}
+interface SearchConfig {
+    placeholder?: string;
+    debounceMs?: number;
+    minLength?: number;
+}
+interface AssetItemDisplayOptions {
+    showThumbnail?: boolean;
+    showDescription?: boolean;
+    showPrice?: boolean;
+    showDuration?: boolean;
+    showSize?: boolean;
+    showTags?: boolean;
+    thumbnailSize?: "small" | "medium" | "large";
+    layout?: "grid" | "list";
+}
+
+declare class OSBSideBar extends LitElement {
+    static styles: lit.CSSResult[];
+    config?: SidebarConfig;
+    searchConfig?: SearchConfig;
+    selectedCategory: AssetCategory;
+    disabled: boolean;
+    private multimediaService?;
+    private productService?;
+    private faqsService?;
+    private fileService?;
+    private isUploading;
+    private uploadProgress;
+    private categoryStates;
+    private searchTimeout?;
+    private unifiedSearchQuery;
+    private extraFilters;
+    private activeFilters;
+    private loadingFilters;
+    private defaultSearchConfig;
+    firstUpdated(): Promise<void>;
+    private initializeService;
+    private initializeCategoryStates;
+    private loadExtraFilters;
+    private hasActiveFilters;
+    /**
+     * Convert ActiveFilters to extraFields format for products
+     * Products use extraFields (JSONB) with string | number | boolean values
+     */
+    private convertToExtraFields;
+    private loadCategoryData;
+    private mapProductsToAssetItems;
+    private mapMultimediaToAssetItems;
+    private mapFaqsToAssetItems;
+    private updateCategoryState;
+    private onCategoryToggle;
+    private onUnifiedSearchInput;
+    private searchAllCategories;
+    private clearSearchAllCategories;
+    private onFilterChange;
+    private reloadAllOpenCategories;
+    private renderExtraFilters;
+    private renderFilter;
+    private renderSelectFilter;
+    private renderMultiselectFilter;
+    private renderTextFilter;
+    private onLoadMore;
+    private onItemSelect;
+    private onFileSelected;
+    private renderCategoryHeader;
+    private renderAssetItem;
+    private renderAssetThumbnail;
+    private renderAssetContent;
+    private renderAssetName;
+    private renderAssetPrice;
+    private renderAssetPresentation;
+    private renderAssetDescription;
+    private renderAssetMeta;
+    private renderAssetTags;
+    private renderCategoryContent;
+    private formatFileSize;
+    private getFormat;
+    private formatDuration;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "osb-side-bar": OSBSideBar;
+    }
+}
+
+/**
+ * React wrapper for the OSBAsset web component
+ *
+ * This component provides a React-friendly interface for the Onlive Asset component.
+ * It supports rendering different types of assets (image, video, presentation, product, faq)
+ * with download and modal functionality.
+ */
+declare const Asset: _lit_react.ReactWebComponent<OSBAsset, {
+    onAssetClick: EventName<CustomEvent<{
+        asset: IAsset;
+    }>>;
+    onAssetDownload: EventName<CustomEvent<{
+        asset: IAsset;
+    }>>;
+    onAssetLoad: EventName<CustomEvent<{
+        asset: IAsset;
+    }>>;
+    onAssetError: EventName<CustomEvent<{
+        error: string;
+        asset: IAsset;
+    }>>;
+    onContentClick: EventName<CustomEvent<{
+        content: any;
+    }>>;
+}>;
+
+/**
+ * React wrapper for the OSBSideBar web component
+ *
+ * This component provides a React-friendly interface for the Onlive SideBar component.
+ * It supports rendering different types of content with customizable display options.
+ */
+declare const SideBar: _lit_react.ReactWebComponent<OSBSideBar, {
+    onSearch: EventName<CustomEvent<{
+        query: string;
+        category: string;
+    }>>;
+    onLoadMore: EventName<CustomEvent<{
+        category: string;
+    }>>;
+    onItemAdd: EventName<CustomEvent<{
+        category: string;
+    }>>;
+    onCategoryChange: EventName<CustomEvent<{
+        category: string;
+    }>>;
+    onItemSelect: EventName<CustomEvent<{
+        item: any;
+    }>>;
+    onFileUpload: EventName<CustomEvent<{
+        id: string;
+        name: string;
+        url: string;
+        type: string;
+    }>>;
+}>;
+
+/**
+ * React wrapper for the OSBUpload web component
+ *
+ * This component provides a React-friendly interface for the Onlive Upload component.
+ * It supports file selection with customizable trigger button and dropdown menu for different file types.
+ */
+declare const Upload: _lit_react.ReactWebComponent<OSBUpload, {
+    onFileSelected: EventName<CustomEvent<{
+        file: File;
+        type: UploadType;
+    }>>;
+    onUploadError: EventName<CustomEvent<{
+        error: string;
+    }>>;
+}>;
+
+export { Asset, type AssetDisplayOptions, type AssetItemDisplayOptions, OSBAsset, OSBSideBar, OSBUpload, SideBar, Upload, type UploadConfig };