Email FILE PHOTO: A row of Tesla Model S sedans are seen outside the company's headquarters in Palo Alto, California April 30, 2015. REUTERS/Elijah Nouvelage/File Photo Elijah Nouvelage ' + btnText + ' '; button.onclick = () => { if (state) { bcApp.logout(); } else { bcApp.login(); } }; mobileButton.onclick = () => { if (state) { bcApp.logout(); } else { bcApp.login(); } }; tempMyAccountBtn.onclick = () => { location.href = 'https://myaccount.'+bcApp.currentSite; } tempSlideMenuBtn1.onclick = () => { bcApp.debug('UI: Click event detected'); var fullPageDiv = document.getElementById('gazSliderMenu'); if (fullPageDiv.classList.contains('gone')) { fullPageDiv.classList.remove('gone'); fullPageDiv.classList.add('view'); } else { fullPageDiv.classList.remove('view'); fullPageDiv.classList.add('gone'); } }; // Add event listener for clicks outside the menu document.addEventListener('click', function(event) { var fullPageDiv = document.getElementById('gazSliderMenu'); if (!(fullPageDiv.contains(event.target) || event.target.id === 'newMenuSlideButton')) { if (fullPageDiv.classList.contains('view')) { fullPageDiv.classList.remove('view'); fullPageDiv.classList.add('gone'); } } }); // button.innerHTML = ' '+ '' + btnText + ' '; // // Get the div with the class pull-right const menu = document.querySelector('#navbar-collapse .pull-right'); const mobileMenu = document.querySelector('#tncms-region-nav-mobile-nav-left'); // // Add the button to the div menu.appendChild(button); //pre-launch menu.appendChild(tempMyAccountBtn); //menu.appendChild(tempSlideMenuBtn1); mobileMenu.prepend(mobileButton); //pre-launch //mobileMenu.prepend(tempSlideMenuBtn2); // Clone the element const cloneElement = tempMyAccountBtn.cloneNode(true); // 'true' means clone the element and its children cloneElement.classList.add('mobileMyAccountBtn'); cloneElement.onclick = () => { location.href = 'https://myaccount.'+bcApp.currentSite; } mobileMenu.prepend(cloneElement); return; } // Will run when page finishes loading // old onload async function onPageLoad() { bcApp.debug('INIT: Page load event started'); await bcApp.configureClient(); bcApp.debug('INIT: Continuing page load initialization'); bcApp.isAuthenticated = await bcApp.auth0Client.isAuthenticated(); // this loads the events that the paywall is listening for async function waitForPaywallPluginReady(timeout = 30000) { const startTime = Date.now(); bcApp.debug('INIT: Waiting for BlueConicClient plugin to be ready'); while (true) { if (window.paywallPluginReady === 1) { bcApp.debug('INIT: BlueConicClient plugin ready'); return true; // paywallPluginReady is 1, return true } else if (Date.now() - startTime >= timeout) { bcApp.debug('INIT: BlueConicClient plugin timeout - refresh may be needed'); return false; // timeout expired, return false } await new Promise(resolve => setTimeout(resolve, 100)); // Wait for 100ms } } async function bcStart() { return new Promise(async (resolve) => { // get blueconic data ready // Is BlueConic loaded? if (typeof window.blueConicClient !== 'undefined' && typeof window.blueConicClient.event !== 'undefined' && typeof window.blueConicClient.event.subscribe !== 'undefined') { // BlueConic is loaded, now we can do API things // Create a new custom event to fire a meter view bcApp.debug('INIT: pageview event created'); blueConicClient.event.publish('cm_start_metering'); blueConicClient.event.publish('contentMeterStartMetering'); // const pageview = new CustomEvent('contentMeterStartMetering', { // detail: { // // Add any additional data you want to pass with the event // timestamp: new Date().toISOString() // }, // bubbles: true, // The event will bubble up through the DOM // cancelable: true // The event can be cancelled // }); // // Dispatch the event on the desired element (e.g., document, or a specific element) // document.dispatchEvent(pageview); bcApp.debug('INIT: pageview event dispatched'); await bcApp.loadBCProfile(); resolve(); } else { // Not yet loaded; wait for the "onBlueConicLoaded" event window.addEventListener('onBlueConicLoaded', async function () { // BlueConic is loaded, now we can do API things bcApp.debug('EVENT: BlueConicClient event listener triggered'); await bcApp.loadBCProfile(); resolve(); }, false); } }); } if (bcApp.isAuthenticated) { bcApp.bcFireEvent('auth0LoggedIn'); } else { bcApp.bcFireEvent('auth0LoggedOut'); } document.addEventListener('profileLoaded', function() { bcApp.debug("chris says profileLoaded event"); bcApp.entitlementCheck(); }); await waitForPaywallPluginReady(); await bcStart(); bcApp.debug('INIT: Window, BlueConicClient, and profile loading complete'); if (bcApp.isAuthenticated) { bcApp.debug('AUTH: Checking Auth0 authentication status'); await bcApp.bcSetVariables(); //pre-launch bcApp.createUI(bcApp.isAuthenticated); bcApp.debug("chris = User is authenticated"); //window.history.replaceState({}, document.title, window.location.pathname); return; } else { bcApp.debug('AUTH: User not authenticated with Auth0'); } bcApp.debug("chris = User not authenticated"); //pre-launch bcApp.createUI(bcApp.isAuthenticated); bcApp.bcFireEvent('paywall_code_ready'); // this is the last thing to happen, so now check if we should fire regwall if (bcApp.regwallViewsLeftValue == "0" && !bcApp.userEmail && !bcApp.subscriberAuth) { // regwall! fire bcApp.bcEventPaywall('regwallStart'); } else if (bcApp.regwallViewsLeftValue == "0" && bcApp.userEmail && !bcApp.subscriberAuth) { //we have their email and they have no subscription so they should get a paywall instead of regwall bcApp.debug('REGWALL: User already completed regwall, showing paywall only'); bcApp.bcEventPaywall('nonSub'); } else if (bcApp.viewsLeft === false) { // meter! fire bcApp.bcEventPaywall('nonSub'); } bcApp.debug('REGWALL: Checking if regwall should be shown', {viewsLeft: bcApp.regwallViewsLeftValue, userEmail: bcApp.userEmail, notSubscriber: !bcApp.subscriberAuth}); const query = window.location.search; const shouldParseResult = query.includes("code=") && query.includes("state="); if (shouldParseResult) { bcApp.debug("chris > Parsing redirect"); try { const result = await bcApp.auth0Client.handleRedirectCallback(); if (result.appState && result.appState.targetUrl) { //showContentFromUrl(result.appState.targetUrl); } bcApp.debug("Logged in!"); } catch (err) { bcApp.debug("Error parsing redirect:", err); } //window.history.replaceState({}, document.title, "/"); } //Engage data checks for when switch over this can be removed after a few weeks // function waitForObject(objectName, callback, interval = 100, timeout = 180000) { // const checkInterval = setInterval(() => { // if (typeof window[objectName] !== 'undefined') { // clearInterval(checkInterval); // clearTimeout(timeoutId); // callback(window[objectName]); // } // }, interval); // const timeoutId = setTimeout(() => { // clearInterval(checkInterval); // bcApp.debug(`chris Stopped checking for ${objectName} after ${timeout / 1000} seconds`); // }, timeout); // } // // Example usage: // waitForObject('Connext', (Connext) => { // bcApp.debug('CONNEXT: Service initialized', Connext); // // You can add additional logic to execute once Connext is defined // if (typeof Connext !== "undefined" && typeof Connext.Storage.GetUserData().DigitalAccess.IsAuthorized !== "undefined") { // if (Connext.Storage.GetUserData().DigitalAccess.IsAuthorized) { // bcApp.debug('CONNEXT: User authorized via Engage'); // // we are only doing a simple check so the user doesn't hit the paywall, until the other checks kick in in the future // bcApp.subscriberAuth = 1; // bcApp.profile.setValue('email', Connext.Storage.GetUserData().Email ); // bcApp.profile.setValue(bcApp.authorizedProfile2, 1); // bcApp.profile.setValue('auth0_login_date', new Date()); // //pre-launch // bcApp.updateUI(true); // //pre-launch // bcApp.login(); // blueConicClient.profile.updateProfile(this, function() { // // Profile is now persistent // bcApp.debug('CONNEXT: Profile updated'); // bcApp.blueConicClient.handlePageView(); // }); // } else { // bcApp.debug('CONNEXT: User not authorized via Engage'); // } // } else { // bcApp.debug('CONNEXT: Not a subscriber'); // } // }); // /old onload } //end onPageLoad // Call the async function onPageLoad();