/* === WARNING, DO NOT CHANGE FILE === This file is auto-generated using post processing pipelines from the experience builder, default/storefront/assets/scripts/custom/custom.js. Do not manipulate this file directly, instead update the source files and run the pipeline. */ var __defProp = Object.defineProperty; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __publicField = (obj, key, value) => { __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value); return value; }; // default/storefront/assets/scripts/custom/sso-manager/config.js var config = { type: "oAuth", withPostMessage: false, externalState: { login: ["logged_in", "true"], logout: ["logged_in", "false"], purchase: ["purchase", "true"], token: ["transferToken"] }, urlParamKeys: { returnUrl: "returnTo", loginViaUrl: "external_login", checkoutViaUrl: "external_checkout", logoutViaUrl: "external_logout" }, postMessage: { validOrigins: [ "https://www.hz.de", "https://web.purplemanager.com/heidenheimer", "resource://dynamic" ] }, targetUrlParams: {}, returnUrlParams: {}, removeUrlParams: ["jwt"], loginUrl: "https://checkout.hz.de/dispatch", logoutUrl: "https://checkout.hz.de/logout", checkoutUrl: "https://checkout.hz.de/start" }; // default/storefront/assets/scripts/custom/sso-manager/sso-manager.js var _a; var SSOManager = (_a = class { /** * Initialize SSOManager instance * Sets up authentication flow based on configuration and initializes postMessage listener if enabled * * Singleton pattern: Returns existing instance if one already exists * * @constructor */ constructor() { __publicField(this, "isWeb"); __publicField(this, "config", config); __publicField(this, "_customReturnUrl"); /** * Initialize the authentication flow * - Detects platform (web/app) * - Exposes public methods * - Checks URL parameters for login/logout triggers * - Handles return from external SSO provider (web only) * * type Init = async () => void; */ __publicField(this, "init", async () => { console.log("SSOManager.init config", this.config); const metadata = await purple.metadata.getMetadata(); this.isWeb = metadata.platform === "web"; const url = new URL(window.location.href); const params2 = new URLSearchParams(url.search); const { loginViaUrl, checkoutViaUrl, logoutViaUrl } = this.config?.urlParamKeys ?? {}; if (params2.has(loginViaUrl)) { this.utils.clearUrlParams(); this.login(url.searchParams.get(loginViaUrl)); } else if (params2.has(checkoutViaUrl)) { this.utils.clearUrlParams(); this.checkout(url.searchParams.get(checkoutViaUrl)); } else if (params2.has(logoutViaUrl)) { this.utils.clearUrlParams(); this.logout(); } else if (this.isWeb) { this.initWeb(params2); } }); /** * Handle web-specific initialization * Upon initial page render, we might be returning from an external SSO provider. * This triggers the login/logout flow which decides if we need to login/logout. * * type InitWeb = (params: URLSearchParams) => void; */ __publicField(this, "initWeb", (params2) => { console.debug("SSOManager.initWeb params", params2); const urlParams = Object.fromEntries(params2); const sanitizedUrlParams = this.utils.sanitizeUrlParams(urlParams); console.debug("SSOManager.initWeb sanitizedUrlParams", sanitizedUrlParams); this.finishLogInOut(sanitizedUrlParams); }); /** * Activate login/checkout/logout flow via postMessage * Used for paywalls in iframes and cross-origin communication * * type AddPostMessage = () => void; * * @example * // Post message structure: * type PostMessage = { * method: 'login' | 'checkout' | 'logout'; * targetUrl?: string; * } * * // Usage examples: * const postMessage = {method: 'login', targetUrl: 'https://www.sso-provider.com/login'}; * const postMessage = {method: 'login'}; // targetUrl optional, uses config * const postMessage = {method: 'checkout', targetUrl: 'https://www.sso-provider.com/checkout'}; * const postMessage = {method: 'checkout'}; // targetUrl optional, uses config * const postMessage = {method: 'logout'}; // logout always ignores targetUrl * window.postMessage(postMessage) */ __publicField(this, "addPostMessage", () => { window.addEventListener( "message", (event) => { console.debug("SSOManager.addPostMessage event.data", event.data); const receivedUrl = new URL(event.origin); const receivedOrigin = receivedUrl.origin; const validOriginChecks = (this.config.postMessage?.validOrigins ?? []).map((configuredOrigin) => { const configUrl = new URL(configuredOrigin); return { origin: configUrl.origin, protocol: configUrl.protocol, hostname: configUrl.hostname }; }); const isValidOrigin = validOriginChecks.some((valid) => { if (valid.origin !== "null" && receivedOrigin !== "null") { return valid.origin === receivedOrigin; } else if (valid.origin === "null" && receivedOrigin === "null") { return valid.protocol === receivedUrl.protocol && valid.hostname === receivedUrl.hostname; } return false; }); if (!isValidOrigin) { console.debug("SSOManager.addPostMessage origin not in validOrigins:", receivedOrigin); return; } console.debug("SSOManager.addPostMessage ", receivedOrigin, event.data); if (event.data.method === "login") { this.login(event.data.targetUrl); } else if (event.data.method === "checkout") { this.checkout(event.data.targetUrl); } else if (event.data.method === "logout") { this.logout(); } }, false ); }); /** * Decide if we need to (re-)login in the app * according to information we got from SSO provider * * type LoginRequired = ({ * token?: boolean; * login?: boolean; * purchase?: boolean; * }) => Promise; */ __publicField(this, "loginRequired", async ({ token, login, purchase }) => { console.debug("SSOManager.loginRequired", { token, login, purchase }); if (purchase || token) { console.debug("SSOManager.loginRequired purchase || token"); return true; } if (!login) { return false; } const userData = await purple.entitlement.getUserData(); return !userData.accessToken; }); /** * Decide if we need to logout in the app * according to information we got from SSO provider * * type LogoutRequired = ({ * logout?: boolean | undefined; * }) => Promise; */ __publicField(this, "logoutRequired", async ({ logout }) => { console.debug("SSOManager.logoutRequired", { logout }); if (!logout) return false; const userData = await purple.entitlement.getUserData(); return !!userData.accessToken; }); /** * Start authentication process in native apps * Uses purple.app.performAuthentication to handle the OAuth flow * * type AppAuthentication = (targetUrl: string) => void */ __publicField(this, "appAuthentication", (targetUrl) => { purple.app.performAuthentication({ url: targetUrl, // use whatever key is defined as returnUrl key callbackParamName: this.config?.urlParamKeys?.returnUrl }).then((returnedData) => { const sanitizedUrlParams = this.utils.sanitizeUrlParams(returnedData.values); console.debug("SSOManager.appAuthentication sanitizedUrlParams", returnedData, sanitizedUrlParams); this.finishLogInOut(sanitizedUrlParams); }).catch((error) => this.loginError(error)); }); /** * Trigger the login flow * * @param {string} [targetUrl] - SSO login URL. Uses config.loginUrl if omitted * @param {Object} [options] - Additional options * @param {Array<[string, string|number]>} [options.params] - URL parameters to add as [key, value] pairs * @param {string} [options.returnUrl] - Custom return URL for this specific login call * @returns {void} */ __publicField(this, "login", (targetUrl, options = {}) => { console.debug("SSOManager.login targetUrl", targetUrl); if (!targetUrl) { targetUrl = this.config.loginUrl; } if (!targetUrl) { console.error("SSOManager.login: No targetUrl found!"); return; } const { params: params2, returnUrl } = options; if (returnUrl) { this._customReturnUrl = returnUrl; } const url = new URL(targetUrl); if (Array.isArray(params2)) { params2.map((_params) => { url.searchParams.append(..._params); }); } console.debug("SSOManager.login url", url, url.toString()); if (this.isWeb) { this.loginWeb(url.toString()); } else { this.loginApp(url.toString()); } }); /** * Trigger the checkout flow * Same signature as login() * * @param {string} [targetUrl] - SSO checkout URL. Uses config.checkoutUrl if omitted * @param {Object} [options] - Additional options (same as login) * @param {Array<[string, string|number]>} [options.params] - URL parameters to add * @param {string} [options.returnUrl] - Custom return URL * @returns {void} */ __publicField(this, "checkout", (targetUrl, options = {}) => { console.debug("SSOManager.checkout targetUrl", targetUrl); if (!targetUrl) { targetUrl = this.config.checkoutUrl; } if (!targetUrl) { console.error("SSOManager.checkout: No targetUrl found!"); return; } this.login(targetUrl, options); }); /** * Handle login flow for native apps * * @param {string} targetUrl - The SSO URL to authenticate against * @returns {void} */ __publicField(this, "loginApp", (targetUrl) => { console.debug("SSOManager.loginApp targetUrl", targetUrl); this.appAuthentication(this.utils.handleTargetUrl(targetUrl, false)); }); /** * Handle login flow for web platform * Redirects browser to SSO provider * * @param {string} targetUrl - The SSO URL to authenticate against * @returns {void} */ __publicField(this, "loginWeb", (targetUrl) => { console.debug("SSOManager.loginWeb targetUrl", targetUrl); targetUrl = this.utils.handleTargetUrl(targetUrl); console.debug("SSOManager.loginWeb targetUrl after handleTargetUrl", targetUrl); window.location.assign(targetUrl); }); /** * Trigger the logout flow * * @returns {void} */ __publicField(this, "logout", () => { console.debug("SSOManager.logout"); if (!this.config?.logoutUrl) { this.logoutError("No SSOManager.config.logoutUrl provided"); return; } if (this.isWeb) { this.logoutWeb(); } else { this.logoutApp(); } }); /** * Handle logout flow for native apps * * @returns {void} */ __publicField(this, "logoutApp", () => { console.debug("SSOManager.logoutApp"); this.appAuthentication(this.config.logoutUrl); }); /** * Handle logout flow for web platform * Redirects browser to SSO provider logout URL * * @returns {void} */ __publicField(this, "logoutWeb", () => { console.debug("SSOManager.logoutWeb"); const url = new URL(this.config.logoutUrl); url.searchParams.append(this.config?.urlParamKeys?.returnUrl, window.location.href); const targetUrl = url.toString(); console.debug("SSOManager.logoutWeb targetUrl", targetUrl); window.location.assign(targetUrl); }); /** * Complete the login/logout flow based on external state parameters * Validates URL parameters against config and determines if login or logout is required * * type SanitizedUrlParams = { * token?: string; * login?: string; * purchase?: string; * logout?: string; * } * type FinishLogInOut = async (SanitizedUrlParams) => Promise */ __publicField(this, "finishLogInOut", async ({ token, login, logout, purchase }) => { const externalState = { ...token ? { token: this.checkExternalState("token", token) } : {}, ...login ? { login: this.checkExternalState("login", login) } : {}, ...purchase ? { purchase: this.checkExternalState("purchase", purchase) } : {}, ...logout ? { logout: this.checkExternalState("logout", logout) } : {} }; console.debug("SSOManager.finishLogInOut externalState", externalState); this.utils.clearUrlParams(); if (await this.loginRequired(externalState)) { console.debug("SSOManager.finishLogInOut loginRequired"); void this.finishLogin({ token }); } else if (await this.logoutRequired(externalState)) { console.debug("SSOManager.finishLogInOut logoutRequired"); this.finishLogout(); } }); /** * Complete the login process * Logs out existing session if needed, then logs in with external token * * type FinishLogin = async ({ token?: string | undefined | null }) => Promise */ __publicField(this, "finishLogin", async ({ token }) => { const userData = await purple.entitlement.getUserData(); if (userData.accessToken) { await purple.entitlement.logout(); } let state; if (this.isWeb) { state = { redirectUrl: this.utils.getStrippedUrl().toString() }; } purple.entitlement.login({ externalToken: token, ...state ? { state } : {} }).then(() => { if (this.isWeb) { void this._onLogin.web(); } else { void this._onLogin.app(); } }).catch((error) => this.loginError(error)); }); /** * Complete the logout process * Calls purple.entitlement.logout and triggers onLogout hooks * * type FinishLogout = () => void */ __publicField(this, "finishLogout", () => { purple.entitlement.logout().then(() => { if (this.isWeb) { void this._onLogout.web(); } else { void this._onLogout.app(); } }).catch((error) => this.logoutError(error)); }); /** * Handle login error * * type LoginError = (error: Error) => void */ __publicField(this, "loginError", (error) => { console.error("login failed", error); }); /** * Handle logout error * * type LogoutError = (error: Error) => void */ __publicField(this, "logoutError", (error) => { console.error("logout failed", error); }); /** * Finish login by: * - executing methods that might be different by project/environment * - reload the whole page so everything can properly update * * type OnLogin = { * app: () => Promise; * web: () => Promise; * } */ __publicField(this, "_onLogin", { app: async () => { if (this.onLogin?.app) { await this.onLogin.app(); } this.utils.reload(); }, web: async () => { if (this.onLogin?.web) { await this.onLogin.web(); } this.utils.reload(); } }); /** * Finish logout by: * - executing methods that might be different by project/environment * - reload the whole page so everything can properly update * * type OnLogout = { * app: () => Promise; * web: () => Promise; * } */ __publicField(this, "_onLogout", { app: async () => { if (this.onLogout?.app) { await this.onLogout.app(); } this.utils.reload(); }, web: async () => { if (this.onLogout?.web) { await this.onLogout.web(); } this.utils.reload(); } }); /** * Provides utility functions for URL handling and application state management */ __publicField(this, "utils", { /** * Handle target URL by adding configured params and optionally the return URL * * type HandleTargetUrl = (targetUrl: string, withReturnUrl?: boolean) => string */ handleTargetUrl: (targetUrl, withReturnUrl = true) => { console.debug("SSOManager.utils.handleTargetUrl targetUrl", targetUrl); const url = new URL(targetUrl); Object.entries(this.config.targetUrlParams ?? {}).forEach(([key, value]) => { url.searchParams.append(key, value); }); if (withReturnUrl) { const returnUrl = this.utils.getReturnUrl(); url.searchParams.append(this.config?.urlParamKeys?.returnUrl, returnUrl); } console.debug("SSOManager.utils.handleTargetUrl returned url", url.toString()); return url.toString(); }, /** * Reload application by either reloading or replacing current location with a different one. * Necessary because window.location.replace(newLocation) does not work when current and new location are identical. * * type Reload = () => void */ reload: () => { const url = this.utils.getStrippedUrl(); const newLocation = url.toString(); console.debug("SSOManager.utils.reload currentLocation", window.location.href); console.debug("SSOManager.utils.reload newLocation", newLocation); if (window.location.href === newLocation) { window.location.reload(); } else { window.location.replace(newLocation); } }, /** * Create the URL we want to return to when coming back from SSO provider. * Only works for web (app is handled internally). * Uses customReturnUrl if set. * Adds additional parameters from config.returnUrlParams if present. * * type GetReturnUrl = () => string */ getReturnUrl: () => { const returnUrl = new URL(this.customReturnUrl ?? window.location.href); Object.entries(this.config.returnUrlParams ?? {}).forEach(([key, value]) => { returnUrl.searchParams.append(key, value); }); console.debug("SSOManager.utils.getReturnUrl returnUrl.toString()", returnUrl.toString()); return returnUrl.toString(); }, /** * Create a URL from the current URL without login/logout relevant URL params * or manually declared ones in config.removeUrlParams * * type GetStrippedUrl = () => URL */ getStrippedUrl: () => { const { token, login, logout, purchase } = this.config?.externalState ?? {}; console.debug("SSOManager.utils.getStrippedUrl { token, login, logout, purchase }", { token, login, logout, purchase }); const url = new URL(window.location.href); [ ...this.config?.removeUrlParams ?? [], `${this.config?.urlParamKeys?.loginViaUrl}`, `${this.config?.urlParamKeys?.checkoutViaUrl}`, `${this.config?.urlParamKeys?.logoutViaUrl}`, token[0], login[0], logout[0], purchase[0] ].forEach((param) => { url.searchParams.delete(param); }); return url; }, /** * Replace the current URL with a clean one without any data regarding login/logout. * Uses getStrippedUrl() to create the clean URL. * Does NOT reload the application. * * type ClearUrlParams = () => void */ clearUrlParams: () => { const url = this.utils.getStrippedUrl(); window.history.replaceState(null, "", url.toString()); }, /** * Remap URL parameters to avoid always working with the keys we defined in config.externalState. * Converts external parameter names to normalized internal keys (token, login, purchase, logout). * * type ParamsObject = Record * type NormalizedParamKey = 'token' | 'login' | 'purchase' | 'logout' * type SanitizedUrlParams = { * token?: string; * login?: string; * purchase?: string; * logout?: string; * } * type SanitizeUrlParams = (paramsObject: ParamsObject) => SanitizedUrlParams */ sanitizeUrlParams: (paramsObject) => { console.debug("SSOManager.utils.sanitizeUrlParams paramsObject", paramsObject); if (!paramsObject) return {}; const sanitizeUrlParam = (key) => { const urlParamKey = this.config?.externalState?.[key]?.[0]; if (paramsObject.hasOwnProperty(urlParamKey)) { return { [key]: paramsObject[urlParamKey] }; } return {}; }; return { ...sanitizeUrlParam("token"), ...sanitizeUrlParam("login"), ...sanitizeUrlParam("purchase"), ...sanitizeUrlParam("logout") }; } }); if (SSOManager.instance) { return SSOManager.instance; } if (!this.config) { console.error("No ssoManagerConfig found."); return; } SSOManager.instance = this; this.init(); if (this.config.withPostMessage) { this.addPostMessage(); } } /** * Get the singleton instance * Creates a new instance if none exists * * @returns {SSOManager} The singleton instance */ static getInstance() { if (!SSOManager.instance) { SSOManager.instance = new SSOManager(); } return SSOManager.instance; } /** * Reset the singleton instance * Useful for testing or reinitialization * * @returns {void} */ static resetInstance() { SSOManager.instance = null; } /** * Check if a given key/value pair matches externalState config * Returns true if the value matches, undefined if no decision can be made * * type CheckExternalState = (key: string, value?: string) => boolean | undefined; */ checkExternalState(key, value) { console.debug("SSOManager.checkExternalState", key, value); if (value == null) { return; } if (!this.config.externalState[key]?.[0]) { console.error(`No configuration found for SSOManager.config.externalState[${key}]`); return; } if (!this.config.externalState[key][1]) { return true; } return this.config.externalState[key][1] === value; } /** * Get and reset the custom return URL * We want to reset the _customReturnUrl variable to undefined as soon as we use it * so it cannot linger and pollute later login attempts * * type CustomReturnUrl = string | undefined * @returns {string | undefined} The custom return URL if set, undefined otherwise */ get customReturnUrl() { const temp = this._customReturnUrl; this._customReturnUrl = void 0; return temp; } }, __publicField(_a, "instance", null), _a); // default/storefront/assets/scripts/custom/utils/extend-storefront-hook.js var extendStorefrontHook = (hook, action, append = false) => { const storefrontHook = window.storefrontHooks[hook]; window.storefrontHooks[hook] = (params2) => { append && storefrontHook && storefrontHook(params2); action(params2); !append && storefrontHook && storefrontHook(params2); }; }; // default/storefront/assets/scripts/custom/sso-manager/init.js var ExtendedSSOManager = class extends SSOManager { constructor() { super(...arguments); /** * Hooks to execute project-specific logic after successful login * @type {{ app: () => Promise, web: () => Promise }} */ __publicField(this, "onLogin", { app: async () => { }, web: async () => { } }); /** * Hooks to execute project-specific logic after successful logout * @type {{ app: () => Promise, web: () => Promise }} */ __publicField(this, "onLogout", { app: async () => { }, web: async () => { } }); } }; var ssoManager = null; extendStorefrontHook("onPurpleServiceInit", () => { if (!ssoManager) { ssoManager = new ExtendedSSOManager(); } }); // default/storefront/assets/scripts/custom/upscore-utils/config.js var config2 = { tracking: { domain: "hz.de", //window.location.hostname, // TODO: is this a constant or simple the current host name? article: ".post-content", // selector for article content body track_positions: true // as specified }, paywall: { key: "9B7BA488" }, customDomain: "https://www.hz.de" }; // default/storefront/assets/scripts/custom/upscore-utils/upscore-utils.js var loadScript = async (src, globalKey) => { if (!globalKey) { console.error("loadScript() requires globalKey!"); return; } if (!document.getElementById(globalKey)) { const waitForScriptToLoad = async (script2) => { const { resolve, promise: promise2 } = Promise.withResolvers(); script2.addEventListener("load", resolve); script2.addEventListener("error", resolve); const event = await promise2; script2.removeEventListener("load", resolve); script2.removeEventListener("error", resolve); if (event instanceof ErrorEvent) { throw new Error(`Failed to load script: ${event.error}`); } }; const script = document.createElement("script"); const promise = waitForScriptToLoad(script); script.src = src; script.id = globalKey; document.head.append(script); await promise; } const maxTries = 2125; for (let i = 0; i < maxTries; i++) { const api = globalThis[globalKey]; if (api) { return api; } await waitForIdle(); } throw new Error(`script load error: api ${globalKey} not found`); }; var upscoreUtils = { /* ************************************************ *** Tracking Params *** ************************************************ config domain* - string - domain article* - string - Name einer eindeutigen CSS-Containerklasse, die den Artikeltext beinhaltet track_positions* - string - true/false // mandatory author* - string - comma seperated section* - string - „Zugehörigkeit“ des Artikels object_id* - string - Fill with the content's unique ID object_type* - string - 'article' | 'landingpage' | 'misc' pubdate* - string/date - Format: JJJJ-MM-DDThh:mm:ssTZD // optional content_type - Fill with 0=free content, 1=premium content (plus, paid, premium), 2=sponsored / Native Ad custom_app - number - 1 (App) | 0 (other) taxonomy - string - comma seperated user_status - number - Fill with 0=unknown (not logged-in), 1=registered user, 2=Subscriber (logged-in) */ /* *********************** *** Paywall Params *** *********************** config key* - string - von Upscore übermittelter 8-stellige Paywall-Key für diese Seite/Domain. // mandatory article_container* - string - class of the article body, usually '.purple-content-body-inner' content_type* - siehe tracking object_type* - siehe tracking object_id* - siehe tracking section* - siehe tracking user_status* - siehe tracking // optional custom_app - siehe tracking taxonomy - siehe tracking */ // data // the config needs be overwritten due to project specific needs config: config2, defaultParams: { article_container: "", author: "", content_type: 0, custom_app: 0, no_track: false, object_id: "", object_type: "misc", pubdate: "", section: "misc", taxonomy: "", user_status: 0 }, mergedParamsPromise: void 0, params: {}, // methods addAdditionalTags: () => { document.querySelectorAll(".data-upscore-zone").forEach((zone) => { upscoreUtils.handleZone(zone); }); console.warn("upscoreUtils.addAdditionalTags"); }, getFormattedPubDate: (pubdate) => { if (pubdate) { try { const formattedPubDate = new Date(pubdate); return formattedPubDate.toISOString(); } catch (e) { } } return ""; }, handleIssue: (issue) => { issue.dataset.upscoreObjectId = issue.getAttribute("context-id"); const titleElement = issue.querySelectorAll(".issue-title")[0]; if (titleElement) { titleElement.dataset.upscoreTitle = ""; } let linkElement = issue.querySelectorAll("a.issue-data")[0]; if (!linkElement) { issue.querySelectorAll("a.issue-image")[0]; } if (linkElement) { linkElement.dataset.upscoreUrl = ""; } }, handleZone: (zone) => { zone.dataset.upscoreZone = zone.id; const issues = zone.querySelectorAll("storefront-issue"); if (issues?.length) { issues.forEach((issue) => { upscoreUtils.handleIssue(issue); }); } }, initPaywall: () => { console.warn("initPaywall"); if (window._upScorePaywallInited) return; if (!upscoreUtils.config?.paywall?.key) { console.error(`No key for upscore paywall found under upscoreUtils.config.paywall.key`); return; } window._upScorePaywallInited = true; (function(u, p, s, r) { if (!u[r]) { u[r] = function() { u[r].q.push(arguments); }; u[r].q = []; var a = p.createElement(s), m = p.getElementsByTagName(s)[0]; a.async = 1; a.src = "https://pw.thenewsbar.net/static/pw.js"; m.parentNode.insertBefore(a, m); } })(window, document, "script", "_pw"); _pw("config", { key: upscoreUtils.config.paywall.key }); _pw("on_click", (data) => { if (data.action == "subscribe" || data.action == "login") { ssoManager.login(data.href.replace(/^javascript:\/\/ */gm, "")); } }); upscoreUtils.extendStorefrontHook("onContentLoaded", () => { upscoreUtils.triggerPaywall(); }); if (upscoreUtils.config.paywall.withManualStorageConsent) { async function setUpscoreStorageConsent() { if (typeof upScore === "undefined") return; const userData = await purple.entitlement?.getUserData(); const storageConsent = userData.accessToken ? true : void 0; console.debug("upscoreUtils.initPaywall.setUpscoreStorageConsent", storageConsent); upScore({ event: "storage_consent", value: storageConsent }); } setUpscoreStorageConsent(); upscoreUtils.extendStorefrontHook( "onNavigationEnd", () => { setUpscoreStorageConsent(); } ); } }, initTracking: () => { if (window._upScoreInited) return; if (!upscoreUtils.config?.tracking) { console.error(`No config for upscore found under upscoreUtils.config.tracking`); return; } console.warn("initTracking"); window._upScoreInited = true; (function(u, p, s, c, r) { u[r] = u[r] || function(p2) { (u[r].q = u[r].q || []).push(p2); }, u[r].ls = 1 * /* @__PURE__ */ new Date(); var a = p.createElement(s), m = p.getElementsByTagName(s)[0]; a.async = 1; a.src = c; m.parentNode.insertBefore(a, m); })(window, document, "script", "https://files.upscore.com/async/upScore.js", "upScore"); const _trackView = window.purple.tracking.trackView; window.purple.tracking.trackView = function(params2) { let withStringValues = Object.fromEntries(Object.entries(params2.optionalParams).map(([key, value]) => [key, `${value}`])); _trackView({ key: params2.key, optionalParams: withStringValues }); if (params2.key === "STOREFRONT_ERROR") { upscoreUtils.params.object_id = "error"; } upscoreUtils.trackView(); }; upScore({ config: upscoreUtils.config.tracking }); }, jwt: { decode: async (token) => { console.debug("upscoreUtils.jwt.decode", token); const base64 = await loadScript("https://unpkg.com/js-base64@3.7.7/base64.js", "Base64"); const base64Url = token.split(".")[1]; if (!base64.isValid(base64Url)) { return; } const decoded = base64.decode(base64Url); const parsed = JSON.parse(decoded); console.log("upscoreUtils.jwt.decode parsed", parsed); return parsed; }, decodeAll: async (token) => { const parsed = await upscoreUtils.jwt.decode(token); console.log("upscoreUtils.jwt.decodeAll parsed", parsed); let data = []; if (parsed) { data.push(parsed); } if (parsed?.sub) { const foo = await upscoreUtils.jwt.decodeAll(parsed.sub); data.unshift(...foo); } console.log("upscoreUtils.jwt.decodeAll data", data); return data; } }, mergeParams: () => { console.debug("upscoreUtils.mergeParams upscoreUtils.params", upscoreUtils.params); console.debug("upscoreUtils.mergeParams upscoreUtils.defaultParams", upscoreUtils.defaultParams); let fallBackObjectId = "homepage"; let url = window.location.href; const promises = [ upscoreUtils.userStatusPromise(), purple?.metadata?.getMetadata() ]; upscoreUtils.mergedParamsPromise = Promise.all(promises).then((values) => { console.debug("upscoreUtils.mergedParamsPromise values", values); const [user_status, metadata] = values; const custom_app = metadata.platform === "web" ? 0 : 1; if (custom_app === 1) { fallBackObjectId = location.hash.replace(/^#\//, "") || fallBackObjectId; const urlObj = new URL(url); const path = urlObj.hash.substring(1).replace(/^\/*/gm, ""); url = upscoreUtils.config.customDomain + "/" + path; } else { fallBackObjectId = location.pathname.replace(/^\//, "") || fallBackObjectId; } const params2 = { ...upscoreUtils.defaultParams, object_id: fallBackObjectId, ...upscoreUtils.params, user_status, custom_app, url }; console.debug("upscoreUtils.mergedParamsPromise params", params2); return params2; }); return upscoreUtils.mergedParamsPromise; }, // can be overwritten due to project specific needs resolveTokenToUserStatus: async (decodedTokensPromise) => { console.debug("upscoreUtils.resolveTokenToUserStatus decodedTokensPromise", decodedTokensPromise); return decodedTokensPromise.then((resolvedTokens) => { console.debug("upscoreUtils.resolveTokenToUserStatus resolvedTokens", resolvedTokens, resolvedTokens?.[0]?.accessRights?.length); if (resolvedTokens?.[0]?.accessRights?.length > 0) { return 2; } return 1; }); }, setParams: { _generic: (params2) => { console.debug("upscoreUtils.setParams._generic", params2); upscoreUtils.params = params2; }, // can be overwritten due to project specific needs article: (post, slugs, params2) => { console.debug("upscoreUtils.setParams.article", post, slugs); const authors = [ ...(post.authors ?? []).map((author) => author.name), ...(post.taxonomies ?? []).filter((taxonomy) => taxonomy.type === "author").map((author) => author.name) ]; const uniqAuthors = [...new Set(authors)]; upscoreUtils.setParams._generic({ article_container: ".purple-content-body-inner", author: uniqAuthors.join(", "), content_type: post.access === "FREE" ? 0 : 1, object_type: "article", object_id: post.id ?? "", pubdate: upscoreUtils.getFormattedPubDate(post.publicationDate), section: slugs[0] ?? "", taxonomy: slugs.slice(0, slugs.length - 1).join(", ") ?? "", ...params2 }); }, // can be overwritten due to project specific needs page: (page) => { console.debug("upscoreUtils.setParams.page", page); upscoreUtils.setParams._generic({ article_container: ".purple-content-body-inner", content_type: page.access === "FREE" ? 0 : 1 }); }, // can be overwritten due to project specific needs taxonomy: (slugs = []) => { console.debug("upscoreUtils.setParams.taxonomy", slugs); upscoreUtils.setParams._generic({ object_type: "landingpage", section: slugs[0] ?? "", taxonomy: slugs.join(", ") ?? "" }); } }, trackView: async () => { if (typeof upScore === "undefined") return; upscoreUtils.addAdditionalTags(); if (upscoreUtils.params.no_track) { console.warn("Upscore tracking cancelled due to upscoreUtils.params.no_track === true"); upscoreUtils.params = {}; return; } const params2 = await upscoreUtils.mergeParams(); const trackingData = { author: params2.author, custom_app: params2.custom_app, content_type: params2.content_type, object_type: params2.object_type, object_id: params2.object_id, pubdate: params2.pubdate, section: params2.section, taxonomy: params2.taxonomy, user_status: params2.user_status, url: params2.url }; try { console.debug("upscoreUtils.trackView trackingData", trackingData); upScore({ data: trackingData }); } catch (e) { console.warn(e); } upscoreUtils.params = {}; }, triggerPaywall: async () => { if (typeof _pw === "undefined") return; const params2 = await upscoreUtils.mergedParamsPromise; const paywallData = { article_container: params2.article_container, custom_app: params2.custom_app, content_type: params2.content_type, object_type: params2.object_type, object_id: params2.object_id, section: params2.section, taxonomy: params2.taxonomy, user_status: params2.user_status }; try { console.debug("upscoreUtils.trackView paywallData", paywallData); _pw("page_view", { ...paywallData }); } catch (e) { console.warn(e); } try { _pw("display_offer", {}); } catch (e) { console.warn(e); } }, userStatusPromise: async () => { upscoreUtils.userStatus = void 0; const userData = await purple.entitlement?.getUserData(); console.debug("upscoreUtils.userStatusPromise userData 123", userData); const token = userData?.accessToken; console.debug("upscoreUtils.userStatusPromise token", token); if (!token) { return Promise.resolve(0); } else { return upscoreUtils.resolveTokenToUserStatus(upscoreUtils.jwt.decodeAll(token)); } }, extendStorefrontHook: (hook, action) => { const storefrontHook = window.storefrontHooks[hook]; window.storefrontHooks[hook] = (params2) => { storefrontHook && storefrontHook(params2); action(params2); }; } }; // default/storefront/assets/scripts/custom/upscore-utils/init.js function initUpscoreUtils() { upscoreUtils.initTracking(); upscoreUtils.initPaywall(); } // default/storefront/assets/scripts/custom/custom.js var historyKeys = ["currentView", "lastView"]; storeHistory(); if (!window.customInitialised) { window.customInitialised = true; const prebootCompleted = Promise.race([ new Promise((res) => document.addEventListener("PrebootComplete", res)), // if no apps are in prebootData array, the preboot phase is already finished new Promise((res) => { if (!window.prebootData || !window.prebootData.apps || window.prebootData.apps.length === 0) res(); }) ]); async function loadExtensions() { await prebootCompleted; } window.calculateStorefrontUserTags = (subs, issues, pubProds) => { return {}; }; extendStorefrontHook("onNavigationEnd", () => { console.log("upscore storefrontHooks onNavigationEnd", params); storeHistory(); ADNZ.refreshAds(); }); extendStorefrontHook("onContentLoaded", () => { console.log("storefrontHooks onContentLoaded Hook"); removeLastAdInTheConent(); }); extendStorefrontHook("onPurpleServiceInit", () => { console.log("storefrontHooks onPurpleServiceInit Hook"); initDriveTracking(); executeTracking(); }); document.addEventListener("DOMContentLoaded", (event) => { if (typeof jQuery === "undefined") { const jscript = document.createElement("script"); jscript.src = "https://code.jquery.com/jquery-3.6.0.slim.min.js"; jscript.async = true; document.head.append(jscript); } }); loadCleverPushSnippet(); loadExtensions(); } initUpscoreUtils(); async function executeTracking() { const _trackAction = window.purple.tracking.trackAction; window.purple.tracking.trackAction = function(params2) { let withStringValues = Object.fromEntries(Object.entries(params2.optionalParams).map(([key, value]) => [key, `${value}`])); _trackAction({ key: params2.key, optionalParams: withStringValues }); }; } function loadCleverPushSnippet() { const cleverpushSnippet = document.createElement("script"); cleverpushSnippet.src = "https://static.cleverpush.com/channel/loader/ebw5iJHEBXfDR4gER.js"; cleverpushSnippet.async = true; document.head.appendChild(cleverpushSnippet); } async function initDriveTracking() { if (window.drive) { return; } console.warn("initDriveTracking"); (function(p, l, o, w, i, n, g) { if (!p[i]) { p.GlobalSnowplowNamespace = p.GlobalSnowplowNamespace || []; p.GlobalSnowplowNamespace.push(i); p[i] = function() { (p[i].q = p[i].q || []).push(arguments); }; p[i].q = p[i].q || []; n = l.createElement(o); g = l.getElementsByTagName(o)[0]; n.async = 1; n.src = w; g.parentNode.insertBefore(n, g); } })(window, document, "script", "https://d1g10ri6vav3ja.cloudfront.net/public/dynamic/76368836-18a7-4c8d-ac4c-a23e5a4f8758/c2e07e03-955c-4e35-992a-c1cce80466e6/af860165-116d-4e33-9c6d-4b4302850e7f/default/storefront/assets/scripts/latest.js", "drive"); const _trackView = window.purple.tracking.trackView; window.purple.tracking.trackView = function(params2) { window.lastView = params2.key; driveTrackView(params2.key, params2.optionalParams); _trackView(params2); }; driveConfig(); funnelTracking(); } function driveConfig() { window.drive("newTracker", "DriveTracker", "t.hz.de", { appId: "heidenheimer", // TODO: Change to heidenheimer for production discoverRootDomain: true, contexts: { webPage: true } }); } function funnelTracking() { function funnelentry(e) { const link = e.target; if (link == null) { return; } if (link.getAttribute("data-upscore-conversion") !== "1") { return; } window.drive("trackSelfDescribingEvent", { schema: "iglu:de.drive/subscription_context/jsonschema/1-0-0", data: { action: "funnel-entry", label: "paywall", product: link.innerText // price: '1€' } }); } ; document.addEventListener("click", funnelentry, false); } function driveTrackView(view, params2) { console.log("driveTrackView", params2); const articleAccess = params2.ACCESS; const isArticlePurchased = params2.PURCHASED; const data = { contentType: params2["DRIVE.CONTENTTYPE"] || "overview" }; if (articleAccess) { data.articleId = params2["DRIVE.ARTICLEID"]; data.articleType = params2["DRIVE.ARTICLETYPE"]; data.contentIsPaywall = !(articleAccess === "FREE" || isArticlePurchased || articleAccess === "PURCHASABLE" && isArticlePurchased); } var globalContexts = [ { schema: "iglu:de.drive/user_context/jsonschema/1-0-0", data: { userType: document.body.getAttribute("data-storefront-entitlement_token") ? "registered" : "anonym" } // TODO: anonym, registered, premium }, { schema: "iglu:de.drive/article_context/jsonschema/1-0-0", data } ]; window.drive("clearGlobalContexts"); window.drive("addGlobalContexts", globalContexts); window.drive("enableActivityTracking", 5, 5); window.drive("trackPageView"); console.log("drive tracking", data); } function removeLastAdInTheConent() { function removeLastAdIfNeeded() { const contentBody = document.querySelector(".content-full-body"); if (!contentBody) return; const innerContainer = contentBody.querySelector(".purple-inner-container"); if (!innerContainer) return; const children = Array.from(innerContainer.children).filter( (el) => el.nodeType === Node.ELEMENT_NODE ); const lastChild = children[children.length - 1]; if (lastChild && lastChild.tagName.toLowerCase() === "storefront-element" && lastChild.getAttribute("type") === "ad") { lastChild.remove(); console.log("Removed trailing ad element."); } } function observe() { const contentBody = document.querySelector(".content-full-body"); if (!contentBody) { requestAnimationFrame(observe); return; } const observer = new MutationObserver(removeLastAdIfNeeded); observer.observe(contentBody, { childList: true, subtree: true }); removeLastAdIfNeeded(); } observe(); } function storeHistory() { const lastView = sessionStorage.getItem(historyKeys[0]); if (lastView) { sessionStorage.setItem(historyKeys[1], lastView); } sessionStorage.setItem(historyKeys[0], window.location.href); }

Bilder des Tages

Nächster Artikel

Wechsel bei Schmuck - Diese Trends verzeichnet die Branche

Heidenheimer Zeitung GmbH & Co. KG