@jaaq/jaaq-sdk-js 1.1.1 → 1.2.0-dev-ec79f7e-20260605

package/dist/ui/vanilla/index.cjs

@@ -11,16 +11,22 @@ async function parseJson(res) {
         return undefined;
     return res.json();
 }
-function joinUrl(baseUrl, clientId, path) {
+function joinUrl(baseUrl, apiVersion, clientId, path) {
     // return path if it is an absolute URL
     if (/^https?:\/\//i.test(path))
         return path;
     const base = baseUrl.replace(/\/+$/, '');
     const relative = path.replace(/^\/+/, '');
-    return `${base}/b2b/v1/subscription/${encodeURIComponent(clientId)}${relative.startsWith('/') ? relative : `/${relative}`}`;
+    return `${base}/b2b/${apiVersion}/subscription/${encodeURIComponent(clientId)}${relative.startsWith('/') ? relative : `/${relative}`}`;
+}
+function convertToValidAPIVersion(version) {
+    const v = version.toLowerCase();
+    if (v === 'v1' || v === 'v2')
+        return v;
+    return 'v1'; // default to v1 if invalid version provided
 }
 function createHttpClient(config) {
-    const { baseUrl, apiKey, clientId, fetch: fetchImpl } = config;
+    const { baseUrl, apiKey, clientId, fetch: fetchImpl, apiVersion } = config;
     const f = fetchImpl ?? globalThis.fetch;
     if (!f) {
         throw new Error('No fetch implementation found. Provide one in SDKConfig.fetch for Node or custom environments.');
@@ -29,7 +35,7 @@ function createHttpClient(config) {
         'Content-Type': 'application/json',
         'x-api-key': apiKey,
     };
-    const fullUrl = (path) => joinUrl(baseUrl, clientId, path);
+    const fullUrl = (path) => joinUrl(baseUrl, convertToValidAPIVersion(apiVersion), clientId, path);
     const request = async (method, path, init, body) => {
         const reqInit = {
             method,
@@ -78,20 +84,51 @@ function createCollectionsResource(http) {
     };
 }
 
+function createVideosResourceV2(http) {
+    return {
+        async getById(id) {
+            const path = `/videos/${encodeURIComponent(id)}`;
+            const response = await http.get(path);
+            return response.video;
+        },
+    };
+}
+
+function createCollectionsResourceV2(http) {
+    return {
+        async list() {
+            const path = '/collections';
+            const response = await http.get(path);
+            return response.collections;
+        },
+        async getById(id) {
+            const path = `/collections/${encodeURIComponent(id)}`;
+            const response = await http.get(path);
+            return response.collection;
+        },
+    };
+}
+
 const BASE_URL = "https://api.jaaq.app";
 class JaaqClient {
     // Keep constructor private to enforce controlled instantiation.
-    constructor(http) {
-        this.videos = createVideosResource(http);
-        this.collections = createCollectionsResource(http);
+    constructor(http, apiVersion) {
+        if (apiVersion === 'v2') {
+            this.videos = createVideosResourceV2(http);
+            this.collections = createCollectionsResourceV2(http);
+        }
+        else {
+            this.videos = createVideosResource(http);
+            this.collections = createCollectionsResource(http);
+        }
     }
     /**
      * Public "friend" constructor that remains inside the class boundary.
      * This method is callable from the module-level build function
      * without exposing `new JaaqClient(...)` to consumers.
      */
-    static fromHttp(http) {
-        return new JaaqClient(http);
+    static fromHttp(http, apiVersion) {
+        return new JaaqClient(http, apiVersion);
     }
     /**
      * OO-friendly static initializer.
@@ -114,14 +151,15 @@ function createJaaqClient(config) {
  * The constructor stays private; instantiation is funneled via `JaaqClient.fromHttp`.
  */
 function buildClient(config) {
-    const { baseUrl = BASE_URL, apiKey, clientId, fetch: fetchImpl } = config;
+    const { baseUrl = BASE_URL, apiKey, clientId, fetch: fetchImpl, apiVersion = 'v1' } = config;
     const http = createHttpClient({
         baseUrl,
         apiKey,
         clientId,
         fetch: fetchImpl ?? globalThis.fetch,
+        apiVersion,
     });
-    return JaaqClient.fromHttp(http);
+    return JaaqClient.fromHttp(http, apiVersion);
 }
 
 /**
@@ -4053,6 +4091,7 @@ class JaaqCollectionPlayer {
                 apiKey: config.apiKey,
                 clientId: config.clientId,
                 baseUrl: config.baseUrl || BASE_URL,
+                apiVersion: config.apiVersion,
             });
         }
         else {
@@ -4084,7 +4123,8 @@ class JaaqCollectionPlayer {
                 throw new Error('Client is not initialized');
             }
             this.collectionData = await this.client.collections.getById(collectionId);
-            if (!this.collectionData.videos || this.collectionData.videos.length === 0) {
+            const videos = this.getVideosFromCollection(this.collectionData);
+            if (videos.length === 0) {
                 this.emitError(new Error('No videos found in collection'));
                 return;
             }
@@ -4105,6 +4145,21 @@ class JaaqCollectionPlayer {
       </div>
     `;
     }
+    getVideosFromCollection(collection) {
+        if (collection.videos && collection.videos.length > 0) {
+            return collection.videos;
+        }
+        if (collection.videoGroups && collection.videoGroups.length > 0) {
+            const videos = [];
+            collection.videoGroups.forEach((group) => {
+                if (group.videos && group.videos.length > 0) {
+                    videos.push(...group.videos);
+                }
+            });
+            return videos;
+        }
+        return [];
+    }
     renderCarousel() {
         if (!this.playerElement || !this.collectionData)
             return;
@@ -4115,7 +4170,8 @@ class JaaqCollectionPlayer {
         track.className = 'splide__track';
         const list = document.createElement('ul');
         list.className = 'splide__list';
-        this.collectionData.videos.forEach((video) => {
+        const videos = this.getVideosFromCollection(this.collectionData);
+        videos.forEach((video) => {
             const slide = document.createElement('li');
             slide.className = 'splide__slide';
             const player = document.createElement('jaaq-video-player');
@@ -4126,6 +4182,8 @@ class JaaqCollectionPlayer {
                 player.setAttribute('client-id', this.config.clientId);
             if (this.config.baseUrl)
                 player.setAttribute('base-url', this.config.baseUrl);
+            if (this.config.apiVersion)
+                player.setAttribute('api-version', this.config.apiVersion);
             player.setAttribute('autoplay', 'false');
             player.setAttribute('width', '100%');
             if (this.config.videoSettings) {
@@ -4195,7 +4253,8 @@ class JaaqCollectionPlayer {
         this.splide.on('moved', (newIndex) => {
             this.handleSlideChange(newIndex);
             if (this.collectionData) {
-                this.emit('slidechange', { index: newIndex, video: this.collectionData.videos[newIndex] });
+                const videos = this.getVideosFromCollection(this.collectionData);
+                this.emit('slidechange', { index: newIndex, video: videos[newIndex] });
             }
         });
         this.splide.mount();
@@ -4340,6 +4399,10 @@ function parseDataAttributes(element) {
     if (baseUrl) {
         config.baseUrl = baseUrl;
     }
+    const apiVersion = element.getAttribute('data-api-version');
+    if (apiVersion) {
+        config.apiVersion = apiVersion;
+    }
     const className = element.getAttribute('data-class-name');
     if (className) {
         config.className = className;
@@ -4591,6 +4654,7 @@ class JaaqVideoPlayerElement extends HTMLElement {
         const apiKey = this.getAttribute('api-key');
         const clientId = this.getAttribute('client-id');
         const baseUrl = this.getAttribute('base-url') || undefined;
+        const apiVersion = this.getAttribute('api-version') || undefined;
         const autoplay = this.hasAttribute('autoplay') && this.getAttribute('autoplay') !== 'false';
         const controls = !this.hasAttribute('controls') || this.getAttribute('controls') !== 'false';
         const showLogo = !this.hasAttribute('show-logo') || this.getAttribute('show-logo') !== 'false';
@@ -4610,6 +4674,7 @@ class JaaqVideoPlayerElement extends HTMLElement {
                 clientId: clientId ?? undefined,
                 client: this.clientInstance || undefined,
                 baseUrl,
+                apiVersion,
                 autoplay,
                 controls,
                 showLogo,
@@ -4848,6 +4913,21 @@ class JaaqCollectionPlayerElement extends HTMLElement {
             return defaultValue;
         return v !== 'false';
     }
+    getVideosFromCollection(collection) {
+        if (collection.videos && collection.videos.length > 0) {
+            return collection.videos;
+        }
+        if (collection.videoGroups && collection.videoGroups.length > 0) {
+            const videos = [];
+            collection.videoGroups.forEach((group) => {
+                if (group.videos && group.videos.length > 0) {
+                    videos.push(...group.videos);
+                }
+            });
+            return videos;
+        }
+        return [];
+    }
     render() {
         if (!this.shadowRoot)
             return;
@@ -4874,6 +4954,7 @@ class JaaqCollectionPlayerElement extends HTMLElement {
         const apiKey = this.getAttribute('api-key');
         const clientId = this.getAttribute('client-id');
         const baseUrl = this.getAttribute('base-url') || undefined;
+        const apiVersion = this.getAttribute('api-version') || undefined;
         if (!this.clientInstance && !apiKey && !clientId) {
             this.emitError(new Error('Either client property or api-key and client-id attributes are required'));
             return;
@@ -4885,9 +4966,11 @@ class JaaqCollectionPlayerElement extends HTMLElement {
                     apiKey: apiKey,
                     clientId: clientId,
                     baseUrl: baseUrl || BASE_URL,
+                    apiVersion: apiVersion,
                 });
             this.collectionData = await client.collections.getById(collectionId);
-            if (!this.collectionData.videos || this.collectionData.videos.length === 0) {
+            const videos = this.getVideosFromCollection(this.collectionData);
+            if (videos.length === 0) {
                 this.emitError(new Error('No videos found in collection'));
                 return;
             }
@@ -4935,7 +5018,8 @@ class JaaqCollectionPlayerElement extends HTMLElement {
                 console.warn('[CollectionPlayer] Failed to parse video-settings attribute', e);
             }
         }
-        this.collectionData.videos.forEach((video) => {
+        const videos = this.getVideosFromCollection(this.collectionData);
+        videos.forEach((video) => {
             const slide = document.createElement('li');
             slide.className = 'splide__slide';
             const player = document.createElement('jaaq-video-player');
@@ -5017,8 +5101,9 @@ class JaaqCollectionPlayerElement extends HTMLElement {
                 Components: this.splide?.Components,
             });
             this.handleSlideChange(newIndex);
+            const videos = this.collectionData ? this.getVideosFromCollection(this.collectionData) : [];
             this.dispatchEvent(new CustomEvent('jaaq:collection:slidechange', {
-                detail: { index: newIndex, video: this.collectionData?.videos[newIndex] },
+                detail: { index: newIndex, video: videos[newIndex] },
                 bubbles: true,
                 composed: true,
             }));