lido-player 0.0.2-beta-01 → 0.0.2-beta-03

package/dist/cjs/{decode-DkmQvXwq.js → decode-CjtxAc2C.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DWfpvz_s.js');
+var index = require('./index-Bt9s5WYs.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/cjs/{index-DWfpvz_s.js → index-Bt9s5WYs.js}

@@ -110,15 +110,36 @@ const LANGUAGE_PROFILES = {
 };
 
 function dispatchCustomEvent(eventName, detail) {
+    var _a;
     console.log("👍Event Name : ", eventName, "Detail : ", detail.toString());
     const event = new CustomEvent(eventName, { detail });
     window.dispatchEvent(event);
+    if (eventName === ActivityEndKey || eventName === LessonEndKey || eventName === GameCompletedKey || eventName === GameExitKey) {
+        (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({
+            eventName,
+            detail: toSerializableDetail(detail),
+        }, "*");
+    }
+}
+function toSerializableDetail(detail) {
+    if (!detail || typeof detail !== 'object')
+        return detail;
+    return Object.fromEntries(Object.entries(detail).filter(([, value]) => {
+        return (value === null ||
+            ['string', 'number', 'boolean', 'undefined'].includes(typeof value) ||
+            Array.isArray(value) ||
+            (typeof value === 'object' && value.constructor === Object));
+    }));
 }
-function dispatchActivityEndEvent(totalIndex, currentIndex, score, rightMoves, wrongMoves, timeSpentForActivity) {
-    dispatchCustomEvent(ActivityEndKey, { currentIndex, totalIndex, score, rightMoves, wrongMoves, timeSpentForActivity });
+function dispatchActivityEndEvent(totalIndex, currentIndex, score, rightMoves, wrongMoves, timeSpentForActivity, lessonTrackingParams, gameCompleted) {
+    dispatchCustomEvent(ActivityEndKey, Object.assign(Object.assign({ currentIndex, totalIndex, score, rightMoves, wrongMoves, timeSpentForActivity }, lessonTrackingParams), { gameCompleted }));
 }
-function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, finalScore, timeSpendForLesson) {
-    dispatchCustomEvent(LessonEndKey, { totalIndex, rightMoves, wrongMoves, finalScore, score: finalScore, timeSpendForLesson });
+function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, finalScore, timeSpendForLesson, lessonTrackingParams) {
+    if (getLessonTrackingParams().end === "blank" || getLessonTrackingParams().end === "complete" || getLessonTrackingParams().end === "completed") {
+        console.log("Lesson end event skipped. Reason: Lesson end type is set to 'blank' in lesson tracking parameters.");
+        return;
+    }
+    dispatchCustomEvent(LessonEndKey, Object.assign({ totalIndex, rightMoves, wrongMoves, finalScore, score: finalScore, timeSpendForLesson }, lessonTrackingParams));
 }
 function dispatchNextContainerEvent() {
     dispatchCustomEvent(NextContainerKey, {});
@@ -141,6 +162,7 @@ function dispatchElementDropEvent(dragElement, dropElement, isCorrect) {
 function dispatchClickEvent(element, isCorrect) {
     dispatchCustomEvent(ElementClickKey, { element, isCorrect: isCorrect, createdAt: new Date().toISOString() });
 }
+// for nipun - to dispatch custom event
 
 // rive-service.ts
 class RiveService {
@@ -1062,7 +1084,7 @@ function handleDropElement(element) {
 }
 async function onClickDropOrDragElement(element, type) {
     const container = document.getElementById(LidoContainer);
-    if (container.getAttribute('canplay') === 'false')
+    if (container.getAttribute('canplay') === 'false' || container.getAttribute("game-completed") === "true")
         return;
     // Remove the highlight class from elements matching the selector
     const highlightedElements = document.querySelectorAll(`[type='${type}']`);
@@ -1267,8 +1289,8 @@ function highlightSpeakingElement(element) {
     // Add a custom class for highlighting
     element.classList.add('speaking-highlight');
     // Inject keyframe animation and class styles into the document's head if it doesn't already exist
-    const styleId = '#speaking-highlight-style';
-    if (!document.querySelector(styleId)) {
+    const styleId = 'speaking-highlight-style';
+    if (!document.getElementById(styleId)) {
         const style = document.createElement('style');
         style.id = styleId;
         style.innerHTML = `
@@ -1364,21 +1386,37 @@ function highlightElement() {
 
 class AudioPlayer {
     constructor() {
+        this.currentTargetElement = null;
+        this.pendingReplayElement = null;
         this.highlightOverlay = null;
         this.wordRects = [];
         this.activeWordIndex = -1;
         this.highlightRAF = null;
         this.endPromiseResolve = null;
-        this.handleUserClick = () => {
+        this.visibilityWaitResolvers = [];
+        this.isVisibilityChangeRegistered = false;
+        this.handleUserClick = (event) => {
             const container = document.getElementById(LidoContainer);
+            if (container && (event === null || event === void 0 ? void 0 : event.target) === container)
+                return;
             if ((container === null || container === void 0 ? void 0 : container.getAttribute('game-completed')) === 'true')
                 return;
             this.stop();
         };
+        this.handleVisibilityChange = async () => {
+            if (this.isWindowVisible()) {
+                this.resolveVisibilityWaiters();
+                return;
+            }
+            if (!this.currentTargetElement) {
+                return;
+            }
+            this.pendingReplayElement = this.currentTargetElement;
+            await this.stop(true);
+        };
         this.audioElement = document.createElement('audio');
-        this.audioElement.id = 'audio';
-        document.body.appendChild(this.audioElement);
         this.registerGlobalStopEvents();
+        this.registerVisibilityEvents();
     }
     static getI() {
         if (!AudioPlayer.instance) {
@@ -1386,7 +1424,12 @@ class AudioPlayer {
         }
         return AudioPlayer.instance;
     }
-    stop() {
+    static destroyI() {
+        if (AudioPlayer.instance) {
+            AudioPlayer.instance.destroy();
+        }
+    }
+    stop(preserveReplay = false) {
         const container = document.getElementById(LidoContainer);
         if (container && container.getAttribute('highlight-word-by-word') === 'true') {
             // stop any highlight loop
@@ -1402,6 +1445,10 @@ class AudioPlayer {
             this.endPromiseResolve = null;
             resolve();
         }
+        if (!preserveReplay) {
+            this.pendingReplayElement = null;
+        }
+        this.currentTargetElement = null;
         this.audioElement.pause();
         this.audioElement.currentTime = 0;
         this.audioElement.src = '';
@@ -1416,12 +1463,38 @@ class AudioPlayer {
             pauseElement.style.visibility = 'hidden';
         }
     }
+    isWindowVisible() {
+        return document.visibilityState === 'visible' && !document.hidden;
+    }
+    waitUntilWindowIsVisible() {
+        if (this.isWindowVisible()) {
+            return Promise.resolve();
+        }
+        this.registerVisibilityEvents();
+        return new Promise(resolve => {
+            this.visibilityWaitResolvers.push(resolve);
+        });
+    }
+    resolveVisibilityWaiters() {
+        const resolvers = this.visibilityWaitResolvers.splice(0);
+        resolvers.forEach(resolve => resolve());
+    }
     getLidoTextElement(el) {
         if (el.tagName.toLowerCase() === 'lido-text')
             return el;
         return el.closest('lido-text');
     }
     async play(targetElement) {
+        this.registerVisibilityEvents();
+        if (!this.isWindowVisible()) {
+            this.pendingReplayElement = targetElement;
+            await this.stop(true);
+            await this.waitUntilWindowIsVisible();
+            if (this.pendingReplayElement !== targetElement) {
+                return;
+            }
+            this.pendingReplayElement = null;
+        }
         // Stop any currently playing audio first if target element has audio given
         try {
             await AudioPlayer.getI().stop();
@@ -1449,6 +1522,7 @@ class AudioPlayer {
             this.stopOverlayHighlightLoop(); // stop any highlight loop;
             targetElement = textElement;
         }
+        this.currentTargetElement = targetElement;
         // then play the target element audio.
         let audioUrl = targetElement.getAttribute('audio') || '';
         // If no direct audio attribute, check childrens for audio
@@ -1465,7 +1539,7 @@ class AudioPlayer {
         if (audioUrl) {
             audioUrl = convertUrlToRelative(audioUrl);
             this.audioElement.src = audioUrl;
-            console.log('🚀 Playing audio:', this.audioElement.src);
+            // console.log('🚀 Playing audio:', this.audioElement.src);
             try {
                 // setDraggingDisabled(true);
                 const language = container.getAttribute('Lang') || 'en';
@@ -1529,10 +1603,10 @@ class AudioPlayer {
         else if (targetElement.textContent) {
             try {
                 highlightSpeakingElement(targetElement);
-                window.addEventListener('click', this.handleUserClick, true);
+                // window.addEventListener('click', this.handleUserClick, true);
                 await speakText(targetElement.textContent, targetElement);
-                const highlightedElements = document.querySelectorAll('.speaking-highlight');
-                highlightedElements.forEach(element => stopHighlightForSpeakingElement(element));
+                document.querySelectorAll('.speaking-highlight');
+                // highlightedElements.forEach(element => stopHighlightForSpeakingElement(element as HTMLElement));         
             }
             catch (error) {
                 console.log('🎧 TTS Error:', error);
@@ -1541,6 +1615,17 @@ class AudioPlayer {
                 setDraggingDisabled(false);
             }
         }
+        const shouldReplayFromStart = this.pendingReplayElement === targetElement;
+        if (shouldReplayFromStart) {
+            await this.waitUntilWindowIsVisible();
+            if (this.pendingReplayElement === targetElement) {
+                this.pendingReplayElement = null;
+                return this.play(targetElement);
+            }
+        }
+        if (this.currentTargetElement === targetElement) {
+            this.currentTargetElement = null;
+        }
     }
     // GLOBAL STOP EVENTS (container change, activity change…)
     registerGlobalStopEvents() {
@@ -1552,10 +1637,26 @@ class AudioPlayer {
             window.addEventListener(key, () => this.stop());
         });
     }
+    registerVisibilityEvents() {
+        if (this.isVisibilityChangeRegistered) {
+            return;
+        }
+        document.addEventListener('visibilitychange', this.handleVisibilityChange);
+        this.isVisibilityChangeRegistered = true;
+    }
+    unregisterVisibilityEvents() {
+        if (!this.isVisibilityChangeRegistered) {
+            return;
+        }
+        document.removeEventListener('visibilitychange', this.handleVisibilityChange);
+        this.isVisibilityChangeRegistered = false;
+        this.resolveVisibilityWaiters();
+    }
     // DESTROY (for hot-reload)
     destroy() {
         console.log("AudioPlayer destroyed (hot-reload safe)");
         this.stop();
+        this.unregisterVisibilityEvents();
         // Remove DOM element
         if (this.audioElement.parentNode) {
             this.audioElement.parentNode.removeChild(this.audioElement);
@@ -3660,6 +3761,8 @@ function addClickListenerForClickType(element) {
     }
     const onClick = async () => {
         var _a;
+        if (element === container)
+            return;
         if (container.getAttribute("game-completed") === "true")
             return;
         const lido_buttons = element.getAttribute('id');
@@ -3751,7 +3854,9 @@ function addClickListenerForClickType(element) {
             container.setAttribute(SelectedValuesKey, JSON.stringify(sortedValues));
             const isCorrect = objective.includes(element['value']);
             dispatchClickEvent(element, isCorrect);
-            AudioPlayer.getI().stop();
+            if (hasValidAudio) {
+                AudioPlayer.getI().stop();
+            }
             if (isCorrect) {
                 const onCorrect = element.getAttribute('onCorrect');
                 await executeActions(onCorrect, element);
@@ -4532,6 +4637,8 @@ _extends(config$1, DEFAULT_CONFIG, {
   NUMBER_OPTIONS
 });
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -72843,6 +72950,24 @@ async function onActivityComplete(dragElement, dropElement) {
     });
     handleShowCheck();
 }
+const getLessonTrackingParams = () => {
+    const urlParams = new URLSearchParams(window.location.search);
+    const getParam = (key) => { var _a, _b; return (_b = (_a = urlParams.get(key.toLowerCase())) !== null && _a !== void 0 ? _a : urlParams.get(key)) !== null && _b !== void 0 ? _b : ''; };
+    return {
+        studentId: getParam('studentId'),
+        studentName: getParam('studentName'),
+        classId: getParam('classId'),
+        schoolId: getParam('schoolId'),
+        courseId: getParam('courseId'),
+        courseName: getParam('courseName'),
+        chapterId: getParam('chapterId'),
+        chapterName: getParam('chapterName'),
+        lessonId: getParam('lessonId'),
+        lessonName: getParam('lessonName'),
+        lang: getParam('lang'),
+        end: getParam('end'),
+    };
+};
 const storeActivityScore = (score) => {
     var _a, _b, _c;
     const appHome = document.querySelector('lido-home');
@@ -72857,7 +72982,9 @@ const storeActivityScore = (score) => {
     // window.dispatchEvent(new CustomEvent(ActivityEndKey, { detail: { index: index, totalIndex: totalIndex, score: score } }));
     const timeSpendForActivity = Math.floor(Timer.getI().getElapsed() / 1000);
     ACTIVYTY_TIME_SPEND_ARRAY.push(timeSpendForActivity);
-    dispatchActivityEndEvent(totalIndex, index, score, gameScore.rightMoves, gameScore.wrongMoves, timeSpendForActivity);
+    const lessonTrackingParams = getLessonTrackingParams();
+    console.log("lessontracking params : ", lessonTrackingParams);
+    dispatchActivityEndEvent(totalIndex, index, score, gameScore.rightMoves, gameScore.wrongMoves, timeSpendForActivity, lessonTrackingParams, true);
     localStorage.setItem(ActivityScoreKey, JSON.stringify(activityScore));
     if (totalIndex - 1 == index) {
         const scoresArray = Object.values(activityScore);
@@ -72866,7 +72993,7 @@ const storeActivityScore = (score) => {
         console.log('Total Score : ', gameScore.finalScore);
         // window.dispatchEvent(new CustomEvent(LessonEndKey, { detail: { score: finalScore } }));
         const timeSpendForLesson = ACTIVYTY_TIME_SPEND_ARRAY.reduce((sum, current) => sum + current, 0);
-        dispatchLessonEndEvent(totalIndex, gameScore.rightMoves, gameScore.wrongMoves, finalScore, timeSpendForLesson);
+        dispatchLessonEndEvent(totalIndex, gameScore.rightMoves, gameScore.wrongMoves, finalScore, timeSpendForLesson, lessonTrackingParams);
         localStorage.removeItem(ActivityScoreKey);
     }
 };
@@ -73056,6 +73183,11 @@ const triggerNextContainer = () => {
     // const event = new CustomEvent('nextContainer');
     console.log('🚀 ~ triggerNextContainer ~ event:', event);
     // window.dispatchEvent(event);
+    const lidoHome = document.querySelector('.lido-home');
+    if (lidoHome && (getLessonTrackingParams().end === "blank" || getLessonTrackingParams().end === "complete" || getLessonTrackingParams().end === "completed") && Number(lidoHome.getAttribute('index')) >= Number(lidoHome.getAttribute('totalIndex')) - 1) {
+        console.log('🚀 ~ triggerNextContainer ~ lidoHome:', lidoHome);
+        return;
+    }
     dispatchNextContainerEvent();
 };
 const triggerPrevcontainer = () => {
@@ -73063,16 +73195,35 @@ const triggerPrevcontainer = () => {
     console.log('⬅️ ~ triggerPrevContainer triggered');
     dispatchPrevContainerEvent();
 };
+let activeZipAssets;
+function setActiveZipAssets(zipAssets) {
+    activeZipAssets = zipAssets;
+}
+function clearActiveZipAssets() {
+    activeZipAssets = undefined;
+}
 function convertUrlToRelative(url) {
     const container = document.getElementById(LidoContainer);
-    const baseUrl = container.getAttribute('baseUrl');
+    const baseUrl = container === null || container === void 0 ? void 0 : container.getAttribute('baseUrl');
+    const zipAssets = activeZipAssets;
     if ((url === null || url === void 0 ? void 0 : url.startsWith('http')) || (url === null || url === void 0 ? void 0 : url.startsWith('blob')) || (url === null || url === void 0 ? void 0 : url.startsWith('data'))) {
         return url;
     }
     if (url.startsWith('/Lido-CommonAudios/')) {
         return url;
     }
-    if (baseUrl) {
+    if (zipAssets) {
+        const normalizedUrl = url.replace(/^\.\/?/, '');
+        const directMatch = zipAssets[url] || zipAssets[normalizedUrl];
+        if (directMatch) {
+            return directMatch;
+        }
+        const suffixMatch = Object.keys(zipAssets).find(assetKey => assetKey === normalizedUrl || assetKey.endsWith(`/${normalizedUrl}`));
+        if (suffixMatch) {
+            return zipAssets[suffixMatch];
+        }
+    }
+    if (!zipAssets && baseUrl) {
         const newUrl = url.startsWith('/') ? url.slice(1) : url;
         if (newUrl.startsWith(baseUrl.replace(/^\/+|\/+$/g, '')))
             return newUrl;
@@ -73751,6 +73902,8 @@ exports.Timer = Timer;
 exports.attachSpeakIcon = attachSpeakIcon;
 exports.calculateScale = calculateScale;
 exports.calculateScore = calculateScore;
+exports.clearActiveZipAssets = clearActiveZipAssets;
+exports.commonjsGlobal = commonjsGlobal;
 exports.convertUrlToRelative = convertUrlToRelative;
 exports.dispatchActivityChangeEvent = dispatchActivityChangeEvent;
 exports.dispatchGameCompletedEvent = dispatchGameCompletedEvent;
@@ -73774,6 +73927,7 @@ exports.nextUrl = nextUrl;
 exports.parseProp = parseProp;
 exports.prevUrl = prevUrl;
 exports.resetFloatState = resetFloatState;
+exports.setActiveZipAssets = setActiveZipAssets;
 exports.setCancelBtnPopup = setCancelBtnPopup;
 exports.setVisibilityWithDelay = setVisibilityWithDelay;
 exports.speakIcon = speakIcon;

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DWfpvz_s.js');
+var index = require('./index-Bt9s5WYs.js');
 require('./index-Bsk4M2Qz.js');