// Custom scripts go here /** * * Use this function to adjust the logic which is used when an issue is displayed as locked. * An issue will always be displayed as locked if it is purchasable: true and purchased: false. * The checks defined here are run if the mandatory first check returns false. * * @param issue * @param purpleService * * @returns {boolean} */ window.isIssueLocked = async function(issue, purpleService) { return false; } window.storefrontHooks = { async onNavigationEnd() { console.debug("[PurpleServiceInit]"); const url = new URL(window.location.href); if (url.hash.includes("newsstand")) { await setEntitlementState(); } } }; async function setEntitlementState() { const metadata = await window.purple.metadata.getMetadata(); const entitlementToken = metadata.entitlement_token; if (!entitlementToken) return; const decodedToken = parseJwt(parseJwt(entitlementToken).sub); const entitlements = decodedToken.entitlements; let bwtFirst = false; if (entitlements.includes('epaper')) { // if its saturday 20:00 - sunday 20:00 display the wzplus list // otherwise just display the normal list const today = new Date(); const day = today.getDate(); const hours = today.getHours(); if ( (day == 6 && hours >= 20) || // saturday from 20:00 (day == 0 && hours >= 20) // sunday until 20:00 ) { bwtFirst = true; } } else if (entitlements.includes('wzplus')) { bwtFirst = true } addBodyData("btwFirst", bwtFirst); } function addBodyData(dataName, value) { document.body.dataset[dataName] = `${value}`; } /** * Custom UserTags from user data such as bought subscriptions, issues and products. * Type hints are copied from purple/purpleInterface.js * See calculateStorefrontUserTags on how to use this feature. * * >>> Typings copied from gitlab / purple / purple-javascript-api / purpleInterface.js * >>> copies from merge requests are noted before the block */ // >>> AppSubscription part from MergeReq #42 /** * @typedef {Object} EligibilityInfo * * @property {boolean} [trial] Is user eligible for trial periods. Returns true/false if the server knows that the user can/cannot use a trial or null if not enough data is available to determine eligibility. Trial is only available when returned in store.getPrice-API (PriceInfo). * @property {boolean} introductoryPricing Is user eligible for introductory pricing for this subscription. Introductory pricing is only available when returned in store.getPrice-API (PriceInfo). * @property {boolean} discountOffers Is user eligible for discounted pricing for this subscription. Discounted pricing is only available when returned in store.getPrice-API (PriceInfo). * * * @typedef {Object} CurrentReceiptInfo * * @property {boolean} isTrialPeriod Current subscription period is a trial period. * @property {boolean} isIntroOfferPeriod Current subscription period is a introductory pricing period. * @property {number} expirationDate When purchased, the date of expiration for the current period, in milliseconds since epoch. * @property {number} [autoResumeDate] For paused subscription, the date when the subscription would resume, in milliseconds since epoch. NOTE: A paused subscription will have purchased set to false and a non-null value of autoResumeDate. * @property {boolean} autoRenewing When false the subscription was cancelled by the user and will end after the current subscription period. * * * @typedef {Object} HistoricReceiptInfo * * @property {boolean} hadPurchased User has purchased this subscription in the past. * @property {boolean} hadIntroductoryPricing User has previously used introductory pricing for this subscription. * @property {boolean} hadTrial User has previously used a trial for this subscription. * * * @typedef {Object} AppSubscription * * @property {string} id * @property {string} name * @property {string} description * @property {string} type * @property {"ONE_MONTH" | "TWO_MONTHS" | "THREE_MONTHS" | "SIX_MONTHS" | "ONE_YEAR"} duration * @property {boolean} hidden * @property {string} productId * @property {string} [groupId] iOS only: The group identifier for this subscription. * @property {boolean} purchased * @property {number} [expirationDate] When purchased, the date of expiration for the current period, in milliseconds since epoch. * @property {number} [autoResumeDate] For paused subscription, the date when the subscription would resume, in milliseconds since epoch. NOTE: A paused subscription will have purchased set to false and a non-null value of autoResumeDate. * @property {boolean} autoRenewing When false the subscription was cancelled by the user and will end after the current subscription period. * @property {boolean} [isEligibleForTrial] Is user eligible for trial periods. Returns true/false if the server knows that the user can/cannot use a trial or null if not enough data is available to determine eligibility. Trial is only available when returned in store.getPrice-API (PriceInfo). * @property {boolean} isEligibleForIntroductoryPrice Is user eligible for introductory pricing for this subscription. Introductory pricing is only available when returned in store.getPrice-API (PriceInfo). * @property {EligibilityInfo} eligibilityInfo Information about eligibility for trials, introductory pricing and discount offers. * @property {CurrentReceiptInfo} [currentReceiptInfo] Current or latest receipt for this subscription. If subscription lapsed it will still provide information about the last subscription period. * @property {HistoricReceiptInfo} historicReceiptInfo Historic data for this subscription. Contains information about the complete history of the subscription. * * @property {Map} thumbnails The default thumbnail is always available under the default-key. Additional thumbnails can be available under separate unique keys. * @property {Map} properties * @property {Object} publications * * * @typedef {Object} CatalogIssue * * @property {string} id * @property {string} publicationId * @property {number} version * @property {string} name * @property {string} [description] * @property {string} [alias] null, if not available * @property {string} [externalIssueId] null, if not available * @property {number} publicationDate * @property {boolean} comingSoon * @property {number} index * @property {number} contentLength * @property {number} numberOfPages * @property {boolean} purchasable * @property {boolean} purchased * @property {("APP_STORE_PURCHASE", "APP_STORE_SUBSCRIPTION", "ENTITLEMENT", "SUBSCRIPTION_CODE", "TRIAL")[]} purchasedBy * @property {string} [productId] * @property {Map} properties * @property {Map} thumbnails The default thumbnail is always available under the default-key. Additional thumbnails can be available under separate unique keys. * @property {string[]} categories * @property {string[]} tags * @property {CatalogPreviewIssue} [previewIssue] * @property {CatalogIssueState} state * * >>> from MergeReq #37 * * @typedef {("BACK_ISSUE_COMPLETION")} PublicationProductType * * @typedef {Object} PublicationProduct * * @property {string} id * @property {string} name * @property {string} description * @property {PublicationProductType} type * @property {boolean} hidden * @property {string} productId * @property {boolean} purchased * @property {number} orderIndex * * @property {Map} thumbnails The default thumbnail is always available under the default-key. Additional thumbnails can be available under separate unique keys. * @property {Map} properties * * @property {Object} publications * * @typedef {Object} PublicationProductPublication * @property {string} publicationId * @property {UnlockableIssue[]} unlockableIssues all unpurchased issues older than current pub issue (currentIssueId) * * This function gets called to calculate the user tags. * Tags, which are set to true can be accessed through $context.userTags. IS_SET * !!! Must always return all possible tags, else the tracking service can't remove unused tags. !!! * @param {AppSubscription[]} subs purchased subscriptions * @param {CatalogIssue[]} issues all purchased Issues * @param {PublicationProduct[]} pubProds all purchased publication products (TODO: check typedef after merge of #37) */ window.calculateStorefrontUserTags = async (params) => { console.log('usertag params:'); console.log(params); const activeSubs = params.subscriptions.filter(sub => sub.purchased); const active_trialist = activeSubs.length > 0 && activeSubs.findIndex(sub => sub.currentReceiptInfo.isTrialPeriod || sub.currentReceiptInfo.isIntroOfferPeriod) > -1; const token = params.metadata.entitlement_token let access if (token) { // decode token const decoded = parseJwt(token) // extract access field access = decoded.access } const userTags = { "cyc": params.publicationProducts.length > 0, "active_trialist": active_trialist, "active_subscriber": activeSubs.length > 0 && !active_trialist, "lapsed_subscriber": params.subscriptions.length > 0 && activeSubs.length === 0, "1_month_subscriber": activeSubs.findIndex(sub => sub.duration === "ONE_MONTH") > -1, "single_issue_purchaser": params.activePurchaseTypes.includes('APP_STORE_PURCHASE'), // see https://jira.sprylab.com/browse/APPWEB-158 -> comments "wz_plus_abo": access === 'feed', "epaper_abo": access === 'full', "can_read_article": access === 'feed' || access === 'full' }; /* console.table(userTags); */ return userTags; } // https://stackoverflow.com/questions/38552003/how-to-decode-jwt-token-in-javascript-without-using-a-library function parseJwt (token) { var base64Url = token.split('.')[1]; var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/'); var jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function(c) { return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); }).join('')); return JSON.parse(jsonPayload); }; window.$functions = { _parseJwt: (token) => { var base64Url = token.split('.')[1]; var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/'); var jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function(c) { return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); }).join('')); return JSON.parse(jsonPayload); }, _date: (_date, options) => { const locale = navigator.userLanguage || (navigator.languages && navigator.languages.length && navigator.languages[0]) || navigator.language || navigator.browserLanguage || navigator.systemLanguage || 'en'; const date = new Date(_date); return date.toLocaleDateString(locale, options); }, date: (context, options) => { if (context.issue && context.issue.publicationDate) { return window.$functions._date(context.issue.publicationDate, options); } return ''; }, period: (dateTime) => { const locale = navigator.userLanguage || (navigator.languages && navigator.languages.length && navigator.languages[0]) || navigator.language || navigator.browserLanguage || navigator.systemLanguage || 'en'; const date = new Date(dateTime); const year = date.toLocaleDateString(locale, {year: 'numeric'}); const month = date.toLocaleDateString(locale, {month: '2-digit'}); const period = `${year}-${month}`; return period; }, lessThan: (period, periods) => { if (!period && periods) { period = window.$functions.period(periods[0].time); } return period; }, greaterThan: (period, periods) => { if (!period && periods) { period = window.$functions.period(periods[0].time); } if (period && period.indexOf('-') !== -1) { let year = Number(period.split('-')[0]); let month = Number(period.split('-')[1]); if (month < 3) { month = 10 + month; year -= 1; } else { month -= 2; } if (month < 10) { month = `0${month}`; } return `${year}-${month}`; } return period; }, equal: (period, periods) => { if (!period && periods) { period = window.$functions.period(periods[0].time); } return period; }, getFirstPeriod: (context) => { if (context.periods) { return context.periods[0].displayValue; } return ''; }, log: (value, returnValue, identifier) => { console.log('identifier / value', identifier, value); return returnValue; }, newsstandUrl: (context) => { if(context && context.issue){ return `newsstand(modal:popup/issueDetails/POP_UP)?issue=${context.issue.id}&publication=${context.issue.publicationId}` } return ''; }, issueInstallState: (context) => { if(context && context.issue && context.issue.state){ return context.issue.state.installState; } return undefined; }, issueInstallStateClass: (context) => { return `installState-${window.$functions.issueInstallState(context)}` }, bookmarkDate: (context) => { if(context && context.bookmark && context.bookmark.createdAt){ return window.$functions._date(context.bookmark.createdAt, {year: '2-digit', month: '2-digit', day:'2-digit'}); } return ''; }, searchAuthorPubDate: (context, options) => { if(context){ console.log(context); let author = ''; if (context.issue && context.issue.properties && context.issue.properties.author){ author = `${context.issue.properties.author}`; } return `${author}${window.$functions.date(context, options)}`; } }, bookmarkDescription: (context) => { if(context && context.bookmark){ return context.bookmark.description ?? ''; } return ''; }, idOrEmpty: (issue) => { if (issue) { return issue.id; } else { return ''; } }, selectPublicationList: (entitlement_token) => { console.debug('[selectPublicationList] entitlement_token: ', entitlement_token); if (!entitlement_token) { return 'none'; } const decodedToken = window.$functions._parseJwt(entitlement_token); console.debug('[selectPublicationList] decodedToken: ', decodedToken); const entitlements = decodedToken.entitlements; if (entitlements.includes('epaper')) { // if its saturday 20:00 - sunday 20:00 display the wzplus list // otherwise just display the normal list const today = new Date(); const day = today.getDate(); const hours = today.getHours(); if ( (day == 6 && hours >= 20) || // saturday from 20:00 (day == 0 && hours >= 20) // sunday until 20:00 ) { return 'wzplus'; } else { return 'none'; } } else if (entitlements.includes('wzplus')) { return 'wzplus'; } else { return 'none'; } } }

Login