(function () { // Initialize icons if (window.wellFitInitIcons) { window.wellFitInitIcons(); } // State var allVideos = []; var currentPillar = ""; var currentVideoType = ""; // For filtering by video type (e.g., 'recipe') var currentOffset = 0; var pageLimit = 12; var totalCount = 0; var currentVideo = null; var videoCompletionRecorded = false; // Track if completion was already recorded for current video // Calendar-day key in the member's own timezone. // Never derive a day from toISOString() - that returns the UTC day, which runs a // day ahead of local for every member east of UTC and flips at 7pm in Jamaica, // so the scheduling picker defaulted to the wrong date. function localDayKey(value) { var date = value instanceof Date ? value : (value ? new Date(value) : null); if (!date || isNaN(date.getTime())) { return ""; } var month = date.getMonth() + 1; var day = date.getDate(); return date.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day); } // Utility: Create element function el(tag, className, text) { var element = document.createElement(tag); if (className) element.className = className; if (typeof text === "string") element.textContent = text; return element; } // Utility: Clear node function clearNode(node) { if (!node) return; while (node.firstChild) node.removeChild(node.firstChild); } // Utility: Fetch Vimeo thumbnail via oEmbed API function fetchVimeoThumbnail(vimeoId, imgElement) { fetch("https://vimeo.com/api/oembed.json?url=https://vimeo.com/" + vimeoId) .then(function (response) { return response.json(); }) .then(function (data) { if (data && data.thumbnail_url) { imgElement.src = data.thumbnail_url; } }) .catch(function () { // Keep placeholder on error }); } // Toast notification function showToast(message, type) { var toast = document.getElementById("library-toast"); var toastText = document.getElementById("library-toast-text"); if (!toast || !toastText) return; toast.classList.remove("hidden", "wf-library-toast--success", "wf-library-toast--error"); if (type === "success") toast.classList.add("wf-library-toast--success"); if (type === "error") toast.classList.add("wf-library-toast--error"); toastText.textContent = message; setTimeout(function () { toast.classList.add("wf-library-toast--visible"); }, 10); setTimeout(function () { toast.classList.remove("wf-library-toast--visible"); setTimeout(function () { toast.classList.add("hidden"); }, 300); }, 3000); } // Points toast function showPointsToast(points, pillar) { var toast = document.getElementById("library-points-toast"); var valueEl = document.getElementById("library-points-value"); var pillarEl = document.getElementById("library-points-pillar"); if (!toast || !valueEl) return; toast.classList.remove("hidden"); valueEl.textContent = "+" + points; if (pillarEl) pillarEl.textContent = pillar + " Livity Points!"; setTimeout(function () { toast.classList.add("wf-library-points-toast--visible"); }, 10); setTimeout(function () { toast.classList.remove("wf-library-points-toast--visible"); setTimeout(function () { toast.classList.add("hidden"); }, 300); }, 4000); } // Load library videos function loadLibrary(reset) { if (reset) { currentOffset = 0; allVideos = []; } var grid = document.getElementById("library-video-grid"); if (reset && grid) { clearNode(grid); var loadingDiv = el("div", "wf-loading"); loadingDiv.appendChild(el("div", "wf-spinner")); loadingDiv.appendChild(el("p", "wf-type-body-sm text-wf-muted", "Loading library...")); grid.appendChild(loadingDiv); } var phoros = window.phoros; if (!phoros || typeof phoros.processor !== "function") { console.warn("[Library] phoros.processor not available"); showToast("Unable to load library", "error"); return; } phoros .processor("MbnwwaSfWrrpkTJCg", { type: "getLibraryContent", payload: { pillar: currentPillar || null, videoType: currentVideoType || null, limit: pageLimit, offset: currentOffset, }, }) .then(function (response) { if (!response || response.success !== true) { console.error("[Library] Failed to load:", response && response.error); showToast("Failed to load library", "error"); renderEmptyState(); return; } var videos = response.data.videos || []; totalCount = response.data.totalCount || 0; if (reset) { allVideos = videos; } else { allVideos = allVideos.concat(videos); } renderGrid(); updateResultsCount(); updateLoadMoreButton(response.data.pagination || {}); }) .catch(function (error) { console.error("[Library] Error loading:", error); showToast("Error loading library", "error"); renderEmptyState(); }); } // Render video grid function renderGrid() { var grid = document.getElementById("library-video-grid"); if (!grid) return; clearNode(grid); if (!allVideos.length) { renderEmptyState(); return; } allVideos.forEach(function (video) { var card = createVideoCard(video); grid.appendChild(card); }); // Re-initialize icons if (window.wellFitInitIcons) { window.wellFitInitIcons(); } } // Create video card element function createVideoCard(video) { var card = el("div", "wf-library-card"); var isRecipe = video.videoType === "recipe"; card.onclick = function () { if (isRecipe) { openPdfModal(video); } else { openVideoModal(video); } }; // Thumbnail var thumb = el("div", "wf-library-card-thumb"); var img = document.createElement("img"); // Use featured image, or YouTube thumbnail, or placeholder if (video.featuredImage) { img.src = video.featuredImage; } else if (isRecipe) { // Recipe PDF placeholder img.src = "https://via.placeholder.com/320x180/f2b705/1a1a2e?text=Recipe"; } else if (video.videoType === "vimeo" && video.vimeoVideoId) { // Vimeo thumbnail via oEmbed API (placeholder shown briefly while fetching) img.src = "https://via.placeholder.com/320x180/1a1a2e/ffffff?text=Vimeo"; fetchVimeoThumbnail(video.vimeoVideoId, img); } else if (video.videoType === "dropbox" && video.dropboxUrl) { // Dropbox doesn't provide thumbnails - use placeholder img.src = "https://via.placeholder.com/320x180/0061FF/ffffff?text=Dropbox"; } else if (video.youtubeVideoId) { img.src = "https://img.youtube.com/vi/" + video.youtubeVideoId + "/mqdefault.jpg"; } else { img.src = "https://via.placeholder.com/320x180?text=Video"; } img.alt = video.title; img.onerror = function () { this.src = "https://via.placeholder.com/320x180?text=Video"; }; thumb.appendChild(img); // Duration badge (hide for recipes, or show as "Recipe") if (isRecipe) { var recipeBadge = el("span", "wf-library-card-duration wf-library-card-duration--recipe", "Recipe"); thumb.appendChild(recipeBadge); } else { var duration = el("span", "wf-library-card-duration", video.durationMinutes + " min"); thumb.appendChild(duration); } // Play/View overlay var play = el("div", "wf-library-card-play"); var playIcon = el("div", "wf-library-card-play-icon"); playIcon.innerHTML = isRecipe ? "📄" : "►"; // Document icon for recipes, play icon for videos play.appendChild(playIcon); thumb.appendChild(play); card.appendChild(thumb); // Body var body = el("div", "wf-library-card-body"); // Meta (pillar badge) var meta = el("div", "wf-library-card-meta"); var pillarBadge = el("span", "wf-pillar-badge wf-pillar-badge--" + (video.pillar || "move")); pillarBadge.textContent = (video.pillar || "move").charAt(0).toUpperCase() + (video.pillar || "move").slice(1); meta.appendChild(pillarBadge); body.appendChild(meta); // Title var title = el("h3", "wf-library-card-title", video.title); body.appendChild(title); // Coach var coach = el("p", "wf-library-card-coach", "with " + (video.coachName || "Coach")); body.appendChild(coach); // Footer var footer = el("div", "wf-library-card-footer"); if (video.isScheduled) { var scheduled = el("span", "wf-library-card-scheduled", "Scheduled"); footer.appendChild(scheduled); } body.appendChild(footer); card.appendChild(body); return card; } // Render empty state function renderEmptyState() { var grid = document.getElementById("library-video-grid"); if (!grid) return; clearNode(grid); var empty = el("div", "wf-library-empty"); var icon = el("div", "wf-library-empty-icon"); icon.innerHTML = ''; empty.appendChild(icon); empty.appendChild(el("h3", "wf-type-heading-md text-slate-900", "No videos found")); empty.appendChild(el("p", "wf-type-body-sm text-wf-muted", currentPillar ? "No " + currentPillar + " videos in the library yet." : "The library is empty. Check back soon!")); grid.appendChild(empty); } // Update results count function updateResultsCount() { var countEl = document.getElementById("library-results-count"); if (countEl) { var pillarText = currentPillar ? currentPillar.charAt(0).toUpperCase() + currentPillar.slice(1) + " videos" : "All videos"; countEl.textContent = totalCount + " " + pillarText.toLowerCase(); } } // Update load more button function updateLoadMoreButton(pagination) { var btn = document.getElementById("library-load-more"); if (!btn) return; if (pagination.hasMore) { btn.classList.remove("hidden"); } else { btn.classList.add("hidden"); } } // Filter by pillar window.wellFitLibraryFilter = function (pillar) { currentPillar = pillar; currentVideoType = ""; // Reset video type filter when filtering by pillar // Update active state var buttons = document.querySelectorAll(".wf-library-filter-btn"); buttons.forEach(function (btn) { btn.classList.remove("wf-library-filter-btn--active"); if (btn.getAttribute("data-pillar") === pillar && !btn.getAttribute("data-video-type")) { btn.classList.add("wf-library-filter-btn--active"); } }); loadLibrary(true); }; // Filter by video type (e.g., 'recipe') window.wellFitLibraryFilterByType = function (videoType) { currentPillar = ""; // Reset pillar filter when filtering by video type currentVideoType = videoType; // Update active state var buttons = document.querySelectorAll(".wf-library-filter-btn"); buttons.forEach(function (btn) { btn.classList.remove("wf-library-filter-btn--active"); if (btn.getAttribute("data-video-type") === videoType) { btn.classList.add("wf-library-filter-btn--active"); } }); loadLibrary(true); }; // Load more videos window.wellFitLibraryLoadMore = function () { currentOffset += pageLimit; loadLibrary(false); }; // Convert Dropbox URL to direct streaming URL for playback // Must use dl.dropboxusercontent.com domain for proper CORS headers // www.dropbox.com with ?raw=1 triggers download, not streaming function convertDropboxUrl(url) { if (!url) return ""; // If already a direct link (dl.dropboxusercontent.com), return as-is if (url.indexOf("dl.dropboxusercontent.com") !== -1) { return url; } // Convert www.dropbox.com to dl.dropboxusercontent.com for streaming // This domain serves files with proper CORS headers for HTML5 video var streamUrl = url; // Replace domain: www.dropbox.com -> dl.dropboxusercontent.com streamUrl = streamUrl.replace("www.dropbox.com", "dl.dropboxusercontent.com"); // Handle dl=0 parameter - replace with dl=1 for direct download if (streamUrl.indexOf("?dl=0") !== -1) { streamUrl = streamUrl.replace("?dl=0", "?dl=1"); } else if (streamUrl.indexOf("&dl=0") !== -1) { streamUrl = streamUrl.replace("&dl=0", "&dl=1"); } else if (streamUrl.indexOf("dl=") === -1) { // No dl param, add dl=1 if (streamUrl.indexOf("?") !== -1) { streamUrl = streamUrl + "&dl=1"; } else { streamUrl = streamUrl + "?dl=1"; } } return streamUrl; } // Store original parent for modal restoration var modalOriginalParent = null; // Open video modal function openVideoModal(video) { currentVideo = video; videoCompletionRecorded = false; // Reset completion flag for new video var modal = document.getElementById("library-video-modal"); var iframe = document.getElementById("library-video-iframe"); var videoContainer = document.getElementById("library-video-container"); var titleEl = document.getElementById("library-modal-title"); var coachEl = document.getElementById("library-modal-coach"); var descEl = document.getElementById("library-modal-description"); var pillarEl = document.getElementById("library-modal-pillar"); var durationEl = document.getElementById("library-modal-duration"); var viewsEl = document.getElementById("library-modal-views"); if (!modal) return; // Move modal to body to escape stacking context (header backdrop-filter issue) if (modal.parentNode !== document.body) { modalOriginalParent = modal.parentNode; document.body.appendChild(modal); } // Remove any existing Dropbox video element var existingVideo = document.getElementById("library-dropbox-video"); if (existingVideo) { existingVideo.pause(); existingVideo.src = ""; existingVideo.parentNode.removeChild(existingVideo); } // Set video source based on type // Include enablejsapi=1 and origin for YouTube to enable postMessage communication if (video.videoType === "dropbox" && video.dropboxUrl) { // Dropbox videos use HTML5 video tag if (iframe) iframe.style.display = "none"; var videoEl = document.createElement("video"); videoEl.id = "library-dropbox-video"; videoEl.className = "wf-library-modal-video"; videoEl.controls = true; videoEl.autoplay = true; videoEl.playsInline = true; // Hide download and other menu options (Chrome/Edge) // Note: Firefox/Safari don't fully support controlsList but degrade gracefully videoEl.setAttribute("controlsList", "nodownload noplaybackrate"); videoEl.disablePictureInPicture = true; // Disable right-click context menu to prevent "Save video as..." videoEl.oncontextmenu = function(e) { e.preventDefault(); return false; }; videoEl.src = convertDropboxUrl(video.dropboxUrl); // Handle video end event for completion tracking videoEl.onended = function() { console.info("[Library] Dropbox video ended"); if (currentVideo) { recordVideoCompletion(currentVideo); } }; // Handle video errors videoEl.onerror = function() { console.error("[Library] Dropbox video failed to load"); showToast("Video failed to load", "error"); }; // Insert video element into container if (videoContainer) { videoContainer.appendChild(videoEl); } else if (iframe && iframe.parentNode) { iframe.parentNode.insertBefore(videoEl, iframe); } } else if (video.videoType === "vimeo" && video.vimeoVideoId) { // Vimeo player API: add api=1 to enable postMessage events if (iframe) { iframe.style.display = ""; iframe.src = "https://player.vimeo.com/video/" + video.vimeoVideoId + "?autoplay=1&dnt=1&api=1"; } } else if (video.youtubeVideoId) { // YouTube iframe API: enablejsapi=1 enables JS API, origin for security if (iframe) { iframe.style.display = ""; var origin = encodeURIComponent(window.location.origin); iframe.src = "https://www.youtube.com/embed/" + video.youtubeVideoId + "?autoplay=1&rel=0&modestbranding=1&enablejsapi=1&origin=" + origin; // Subscribe to YouTube state change events — send "listening" message iframe.onload = function() { var ytSubCount = 0; var ytSubInterval = setInterval(function() { try { iframe.contentWindow.postMessage(JSON.stringify({ event: "listening" }), "*"); } catch (e) { // iframe may have been removed } ytSubCount++; if (ytSubCount >= 6) { clearInterval(ytSubInterval); } }, 500); }; } } else { if (iframe) iframe.src = ""; } // Set info if (titleEl) titleEl.textContent = video.title; if (coachEl) coachEl.textContent = "with " + (video.coachName || "Coach"); if (descEl) descEl.textContent = video.description || ""; if (durationEl) durationEl.textContent = video.durationMinutes + " min"; if (viewsEl) viewsEl.textContent = (video.viewCount || 0).toLocaleString() + " views"; if (pillarEl) { pillarEl.className = "wf-pillar-badge wf-pillar-badge--" + (video.pillar || "move"); pillarEl.textContent = (video.pillar || "move").charAt(0).toUpperCase() + (video.pillar || "move").slice(1); } // Show modal modal.classList.remove("hidden"); modal.setAttribute("aria-hidden", "false"); // Record view (no points awarded yet - points come on video completion) recordVideoView(video); // Re-initialize icons if (window.wellFitInitIcons) { window.wellFitInitIcons(); } } // Close video modal window.wellFitLibraryCloseModal = function () { var modal = document.getElementById("library-video-modal"); var iframe = document.getElementById("library-video-iframe"); if (modal) { modal.classList.add("hidden"); modal.setAttribute("aria-hidden", "true"); // Restore modal to original parent if it was moved if (modalOriginalParent && modal.parentNode === document.body) { modalOriginalParent.appendChild(modal); } } if (iframe) { iframe.src = ""; iframe.style.display = ""; // Reset display for next video } // Clean up Dropbox video element var dropboxVideo = document.getElementById("library-dropbox-video"); if (dropboxVideo) { dropboxVideo.pause(); dropboxVideo.src = ""; dropboxVideo.parentNode.removeChild(dropboxVideo); } currentVideo = null; }; // Record video view (view count only - points awarded on completion) function recordVideoView(video) { var phoros = window.phoros; if (!phoros || typeof phoros.processor !== "function") return; phoros .processor("MbnwwaSfWrrpkTJCg", { type: "recordLibraryView", payload: { videoId: video._id }, }) .then(function (response) { // View recorded - points will be awarded when video completes console.info("[Library] View recorded for:", video.title); }) .catch(function (error) { console.warn("[Library] Error recording view:", error); }); } // Record video completion and award Livity points function recordVideoCompletion(video) { if (!video || videoCompletionRecorded) return; var phoros = window.phoros; if (!phoros || typeof phoros.processor !== "function") return; // Check if user is logged in var person = null; try { person = phoros.person(); } catch (e) { person = null; } if (!person) { console.info("[Library] User not logged in - no points awarded"); return; } videoCompletionRecorded = true; // Prevent duplicate calls phoros .processor("MbnwwaSfWrrpkTJCg", { type: "recordVideoCompletion", payload: { videoId: video._id }, }) .then(function (response) { if (response && response.success) { if (response.data && response.data.pointsAwarded > 0) { showPointsToast(response.data.pointsAwarded, response.data.pillar || "Livity"); console.info("[Library] Points awarded:", response.data.pointsAwarded); } else if (response.data && response.data.alreadyCompleted) { console.info("[Library] Video already completed today"); } } }) .catch(function (error) { console.warn("[Library] Error recording completion:", error); videoCompletionRecorded = false; // Allow retry on error }); } // Handle YouTube/Vimeo player events via postMessage function handleVideoPlayerMessage(event) { // YouTube events come from youtube.com if (event.origin && event.origin.indexOf("youtube.com") !== -1) { try { var data = typeof event.data === "string" ? JSON.parse(event.data) : event.data; // YouTube sends onStateChange with info.playerState // State 0 = ended if (data && data.event === "onStateChange" && data.info && data.info.playerState === 0) { console.info("[Library] YouTube video ended"); if (currentVideo) { recordVideoCompletion(currentVideo); } } // Also handle infoDelivery which contains playback info if (data && data.event === "infoDelivery" && data.info && data.info.playerState === 0) { console.info("[Library] YouTube video ended (infoDelivery)"); if (currentVideo) { recordVideoCompletion(currentVideo); } } } catch (e) { // Not JSON or not relevant } } // Vimeo events come from player.vimeo.com if (event.origin && event.origin.indexOf("vimeo.com") !== -1) { try { var vimeoData = typeof event.data === "string" ? JSON.parse(event.data) : event.data; // Vimeo sends event: "ended" when video finishes if (vimeoData && vimeoData.event === "ended") { console.info("[Library] Vimeo video ended"); if (currentVideo) { recordVideoCompletion(currentVideo); } } // Also check for finish event (older API) if (vimeoData && vimeoData.event === "finish") { console.info("[Library] Vimeo video finished"); if (currentVideo) { recordVideoCompletion(currentVideo); } } } catch (e) { // Not JSON or not relevant } } } // Listen for postMessage events from video players - use onmessage for platform compliance window.onmessage = handleVideoPlayerMessage; // Subscribe to Vimeo events after iframe loads function subscribeToVimeoEvents() { var iframe = document.getElementById("library-video-iframe"); if (!iframe || !iframe.src || iframe.src.indexOf("vimeo.com") === -1) return; // Vimeo requires us to send a message to subscribe to events try { var vimeoOrigin = "https://player.vimeo.com"; // Subscribe to ended event iframe.contentWindow.postMessage(JSON.stringify({ method: "addEventListener", value: "ended" }), vimeoOrigin); // Subscribe to finish event (backup) iframe.contentWindow.postMessage(JSON.stringify({ method: "addEventListener", value: "finish" }), vimeoOrigin); } catch (e) { console.warn("[Library] Could not subscribe to Vimeo events:", e); } } // Add load listener to iframe for Vimeo subscription - use onload for platform compliance (function() { var iframe = document.getElementById("library-video-iframe"); if (iframe) { iframe.onload = function() { // Give Vimeo a moment to initialize setTimeout(subscribeToVimeoEvents, 500); }; } })(); // Open schedule modal window.wellFitLibraryOpenSchedule = function () { if (!currentVideo) return; // Check if user is logged in var phoros = window.phoros; if (phoros && typeof phoros.person === "function") { var person = phoros.person(); if (!person || !person._id) { showToast("Please sign in to schedule videos", "error"); phoros.person(true); // Show login modal return; } } var modal = document.getElementById("library-schedule-modal"); var titleEl = document.getElementById("library-schedule-video-title"); var dateInput = document.getElementById("library-schedule-date"); if (!modal) return; if (titleEl) titleEl.textContent = currentVideo.title; // Set default date to today if (dateInput) { var todayKey = localDayKey(new Date()); dateInput.value = todayKey; dateInput.min = todayKey; } modal.classList.remove("hidden"); modal.setAttribute("aria-hidden", "false"); // Re-initialize icons if (window.wellFitInitIcons) { window.wellFitInitIcons(); } }; // Close schedule modal window.wellFitLibraryCloseScheduleModal = function () { var modal = document.getElementById("library-schedule-modal"); if (modal) { modal.classList.add("hidden"); modal.setAttribute("aria-hidden", "true"); } }; // Confirm schedule window.wellFitLibraryConfirmSchedule = function () { if (!currentVideo) return; var dateInput = document.getElementById("library-schedule-date"); var confirmBtn = document.getElementById("library-schedule-confirm-btn"); if (!dateInput || !dateInput.value) { showToast("Please select a date", "error"); return; } var phoros = window.phoros; if (!phoros || typeof phoros.processor !== "function") { showToast("Unable to schedule", "error"); return; } if (confirmBtn) { confirmBtn.disabled = true; confirmBtn.textContent = "Scheduling..."; } phoros .processor("MbnwwaSfWrrpkTJCg", { type: "scheduleWatch", payload: { videoId: currentVideo._id, scheduledDate: dateInput.value, }, }) .then(function (response) { if (confirmBtn) { confirmBtn.disabled = false; confirmBtn.innerHTML = ' Confirm'; } if (!response || response.success !== true) { showToast(response.error || "Failed to schedule", "error"); return; } if (response.data && response.data.alreadyScheduled) { showToast("Already scheduled for this date", "error"); return; } showToast("Video scheduled for " + dateInput.value, "success"); window.wellFitLibraryCloseScheduleModal(); window.wellFitLibraryCloseModal(); // Refresh to show scheduled status loadLibrary(true); // Re-initialize icons if (window.wellFitInitIcons) { window.wellFitInitIcons(); } }) .catch(function (error) { if (confirmBtn) { confirmBtn.disabled = false; confirmBtn.innerHTML = ' Confirm'; } console.error("[Library] Error scheduling:", error); showToast("Error scheduling video", "error"); }); }; // ======================================================================== // PDF Modal Functions (for recipes) // ======================================================================== // Open PDF modal for recipe viewing function openPdfModal(video) { var modal = document.getElementById("library-pdf-modal"); var iframe = document.getElementById("library-pdf-iframe"); var titleEl = document.getElementById("library-pdf-title"); var pillarEl = document.getElementById("library-pdf-pillar"); if (!modal || !iframe) { console.error("[Library] PDF modal elements not found"); return; } // Set title and pillar if (titleEl) titleEl.textContent = video.title || "Recipe"; if (pillarEl) { pillarEl.textContent = (video.pillar || "eat").charAt(0).toUpperCase() + (video.pillar || "eat").slice(1); pillarEl.className = "wf-pillar-badge wf-pillar-badge--" + (video.pillar || "eat"); } // Set PDF URL in iframe // Use Google Docs Viewer to prevent download and provide viewer UI // This embeds the PDF in a viewer that doesn't allow direct download var pdfUrl = video.pdfUrl || ""; if (pdfUrl) { // Google Docs viewer URL - displays PDF without download option iframe.src = "https://docs.google.com/viewer?url=" + encodeURIComponent(pdfUrl) + "&embedded=true"; } // Move modal to body to escape any stacking context issues if (modal.parentNode !== document.body) { document.body.appendChild(modal); } modal.classList.remove("hidden"); modal.setAttribute("aria-hidden", "false"); // Record view for the recipe recordVideoView(video); // Re-initialize icons if (window.wellFitInitIcons) { window.wellFitInitIcons(); } } // Close PDF modal window.wellFitLibraryClosePdfModal = function () { var modal = document.getElementById("library-pdf-modal"); var iframe = document.getElementById("library-pdf-iframe"); if (modal) { modal.classList.add("hidden"); modal.setAttribute("aria-hidden", "true"); } // Clear iframe to stop loading if (iframe) { iframe.src = ""; } }; // Keyboard handling for modals - use onkeydown for platform compliance window.wellFitLibraryHandleKeydown = function (e) { if (e.key === "Escape") { var scheduleModal = document.getElementById("library-schedule-modal"); var videoModal = document.getElementById("library-video-modal"); var pdfModal = document.getElementById("library-pdf-modal"); if (scheduleModal && !scheduleModal.classList.contains("hidden")) { window.wellFitLibraryCloseScheduleModal(); } else if (pdfModal && !pdfModal.classList.contains("hidden")) { window.wellFitLibraryClosePdfModal(); } else if (videoModal && !videoModal.classList.contains("hidden")) { window.wellFitLibraryCloseModal(); } } }; document.onkeydown = window.wellFitLibraryHandleKeydown; // Initialize loadLibrary(true); })();