obi-sdk 0.4.3 → 0.5.0

package/dist/ui/components/courses/course-modal.d.ts

@@ -9,8 +9,11 @@ export declare class CourseModal extends LitElement {
     apiKey: string;
     onClose?: () => void;
     private apiBaseUrl;
+    private selectedCourse;
     private handleClose;
+    private handleGetStarted;
     private fetchCourses;
+    private handleCourseCardClick;
     connectedCallback(): void;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/ui/components/courses/courses.d.ts

@@ -3,20 +3,22 @@ export type CourseData = {
     id: string;
     name: string;
     description: string;
-    imageSrc?: string;
+    duration?: number;
 };
 export declare class Course extends LitElement {
     static styles: import("lit").CSSResult;
     id: string;
     name: string;
     description: string;
-    imageSrc: string;
+    duration: number;
+    selected: boolean;
     private handleClick;
     render(): import("lit").TemplateResult<1>;
 }
 export declare class CourseList extends LitElement {
     static styles: import("lit").CSSResult;
     courses: CourseData[];
+    selectedCourseId: string | null;
     loading: boolean;
     error: string;
     render(): import("lit").TemplateResult<1>;

package/dist/ui/components/obi-widget/index.d.ts

@@ -0,0 +1 @@
+export * from "./obi-widget";

package/dist/ui/components/{obi-widget.d.ts → obi-widget/obi-widget.d.ts}

@@ -1,10 +1,10 @@
 import { LitElement, nothing } from "lit";
-import "./navigation-bar";
-import "./courses";
-import "./audio-equalizer";
-import "./dot-loader";
-import "./searching-loader";
-import "./session-start-modal";
+import "../navigation-bar";
+import "../courses";
+import "../audio-equalizer";
+import "../dot-loader";
+import "../searching-loader";
+import "../session-start-modal";
 export declare class ObiWidget extends LitElement {
     private apiKey;
     private isActive;
@@ -29,6 +29,10 @@ export declare class ObiWidget extends LitElement {
     private researchingTimeoutRef;
     constructor();
     private updateFromConfig;
+    /**
+     * Generate additional color variables based on the primary color
+     */
+    private generateColorVariables;
     static styles: import("lit").CSSResult;
     private removeSessionUrlParams;
     /**
@@ -60,6 +64,7 @@ export declare class ObiWidget extends LitElement {
     private sessionConnectionCheck;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private handleConfigUpdate;
     private handleMouseEnter;
     private handleMouseLeave;
     /**

package/dist/utils/color.d.ts

@@ -0,0 +1,12 @@
+export declare const ORIGINAL_PRIMARY_COLOR = "#a10fff";
+/**
+ * Generate a selected state color from a primary color based on a design relationship
+ *
+ * This function calculates the transformation between an original primary color and its
+ * designed selected state, then applies that same transformation to any given primary color.
+ *
+ * @param currentPrimaryColor - The current primary color in hex format (e.g., '#a10fff')
+ * @param designedSelectedColor - The color used in the designs in hex format (e.g., '#c76cff')
+ * @returns The generated selected color in hex format
+ */
+export declare function generateSelectedColor(currentPrimaryColor: string, designedSelectedColor: string): string;

package/dist/utils/index.d.ts

@@ -1 +1,2 @@
 export * from "./storage";
+export * from "./color";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "obi-sdk",
-  "version": "0.4.3",
+  "version": "0.5.0",
   "description": "JavaScript SDK for Obi",
   "type": "module",
   "main": "dist/obi-sdk.umd.js",
@@ -31,8 +31,8 @@
     "ts-pattern": "^5.7.0",
     "zod": "^3.22.0",
     "@obi/obi-client": "0.2.0",
-    "@obi/url-params": "0.2.0",
-    "@obi/obi-session": "0.3.0"
+    "@obi/obi-session": "0.3.0",
+    "@obi/url-params": "0.2.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
@@ -49,10 +49,13 @@
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
     "@vitejs/plugin-react": "^4.0.3",
+    "@vitest/coverage-v8": "^2.1.8",
+    "@vitest/ui": "^2.1.8",
     "eslint": "^8.45.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-import": "^2.28.0",
     "eslint-plugin-storybook": "^9.0.0",
+    "jsdom": "^25.0.1",
     "prettier": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -60,7 +63,8 @@
     "storybook": "^9.0.0",
     "terser": "^5.39.0",
     "typescript": "^5.8.3",
-    "vite": "^4.5.0"
+    "vite": "^4.5.0",
+    "vitest": "^2.1.8"
   },
   "scripts": {
     "dev": "vite",
@@ -74,6 +78,10 @@
     "types": "tsc --emitDeclarationOnly",
     "clean": "rimraf dist",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage"
   }
 }