@20minutes/tyr 0.1.74 → 0.1.76

package/dist/js/concern.min.js

@@ -1,10 +1,10 @@
-(function(){"use strict";function $(n){let e=n;const t="\xE3\xE0\xE1\xE4\xE2\u1EBD\xE8\xE9\xEB\xEA\xEC\xED\xEF\xEE\xF5\xF2\xF3\xF6\xF4\xF9\xFA\xFC\xFB\xF1\xE7\xB7/_,:;",i="aaaaaeeeeeiiiiooooouuuunc------";for(let a=0;a<t.length;a+=1)e=n.replace(new RegExp(t.charAt(a),"g"),i.charAt(a));return e}const J=n=>{let e=n.toLowerCase().replace(/[\s-]+/g,"_");return e=$(e),e.replace(/[^\w-]+/g,"")},x=(n,e,t,i="",a="",r="")=>{var s,o,c;if(!((c=(o=(s=window.ATInternet)==null?void 0:s.Tracker)==null?void 0:o.instances)!=null&&c.length))return;const l={elem:n,name:J(e),type:t,chapter1:i,chapter2:a,chapter3:r};Object.keys(l).forEach(u=>{l[u]===""&&delete l[u]}),window.ATInternet.Tracker.instances[0].click.send(l)},w=()=>{const n=document.getElementById("templates"),e={appBannerContainer:document.getElementById("c-app-banner"),breakingNewsContainer:document.getElementById("c-alert-info"),storageName:"20mnAppBanner",storageDelay:864e5},t=()=>{var a,r;const s=document.querySelector(".c-social");if(s&&(a=e.appBannerContainer)!=null&&a.firstElementChild){const o=e.appBannerContainer.firstElementChild,c=(r=s.offsetHeight)!=null?r:0;o.style.bottom=`${c}px`}},i=()=>{var a,r,s,o,c;if(!e.appBannerContainer||(a=e?.breakingNewsContainer)!=null&&a.innerHTML&&((s=(r=e?.breakingNewsContainer)==null?void 0:r.innerHTML)==null?void 0:s.length)>0)return;e.appBannerContainer.innerHTML+=n.dataset.templateSmartBanner;const l=(o=e.appBannerContainer)==null?void 0:o.querySelector(".c-btn--ghost"),u=(c=e.appBannerContainer)==null?void 0:c.querySelector(".c-smart-banner__btn"),h=()=>{e.appBannerContainer&&(localStorage.setItem(e.storageName,JSON.stringify({opened:!1,time:new Date().getTime()})),e.appBannerContainer.innerHTML="",l&&x(l,"close-app-banner","action"))},g=()=>{localStorage.setItem(e.storageName,JSON.stringify({opened:!1,time:new Date().getTime()})),e.appBannerContainer&&(e.appBannerContainer.innerHTML="");const v=navigator?.userAgent||navigator?.platform||"unknown";u&&x(u,"open-store-app-banner","action"),window.location.href=/iPhone|iPad|iPod/i.test(v)?"https://apps.apple.com/fr/app/20-minutes-news-en-continu/id308834491":"https://play.google.com/store/apps/details?id=com.backelite.vingtminutes&hl=fr"};l?.addEventListener("click",h),u?.addEventListener("click",g),t()};(()=>{const a=JSON.parse(localStorage.getItem(e.storageName)),r=JSON.parse(localStorage.getItem("20mnBreakingNews"));!(r!=null&&r.open)&&e.appBannerContainer&&(a===null||a.opened||a.time+e.storageDelay<Date.now())&&(localStorage.setItem(e.storageName,JSON.stringify({opened:!0})),i())})()},j=()=>{document.readyState!=="loading"?w():window.addEventListener("DOMContentLoaded",()=>{w()})};function q(n,e){const t=e||{};return t.headers=t.headers||new Headers,t.headers.append("Content-Type","application/json"),fetch(n,t).then(i=>{if(i.ok)return i;throw new Error(`Fetch error: ${i.statusText}`)}).then(i=>i.json())}const f=()=>{const n={breakingNewsContainer:document.getElementById("c-alert-info"),appBannerContainer:document.getElementById("c-app-banner"),storageName:"20mnBreakingNews",storageDelay:18e4},e=t=>{var i;const a=JSON.parse(localStorage.getItem(n.storageName));if(t.content.length===0||!n.breakingNewsContainer)return;(i=n?.appBannerContainer)!=null&&i.innerHTML&&n.appBannerContainer.innerHTML.length>0&&(n.appBannerContainer.innerHTML="");let r="";t.image&&(r=`
+(function(){"use strict";function q(e){let n=e;const t="\xE3\xE0\xE1\xE4\xE2\u1EBD\xE8\xE9\xEB\xEA\xEC\xED\xEF\xEE\xF5\xF2\xF3\xF6\xF4\xF9\xFA\xFC\xFB\xF1\xE7\xB7/_,:;",o="aaaaaeeeeeiiiiooooouuuunc------";for(let a=0;a<t.length;a+=1)n=e.replace(new RegExp(t.charAt(a),"g"),o.charAt(a));return n}const j=e=>{let n=e.toLowerCase().replace(/[\s-]+/g,"_");return n=q(n),n.replace(/[^\w-]+/g,"")},w=(e,n,t,o="",a="",i="")=>{var s,r,c;if(!((c=(r=(s=window.ATInternet)==null?void 0:s.Tracker)==null?void 0:r.instances)!=null&&c.length))return;const l={elem:e,name:j(n),type:t,chapter1:o,chapter2:a,chapter3:i};Object.keys(l).forEach(u=>{l[u]===""&&delete l[u]}),window.ATInternet.Tracker.instances[0].click.send(l)},f=()=>{const e=document.getElementById("templates"),n={appBannerContainer:document.getElementById("c-app-banner"),breakingNewsContainer:document.getElementById("c-alert-info"),storageName:"20mnAppBanner",storageDelay:864e5},t=()=>{var a,i;const s=document.querySelector(".c-social");if(s&&(a=n.appBannerContainer)!=null&&a.firstElementChild){const r=n.appBannerContainer.firstElementChild,c=(i=s.offsetHeight)!=null?i:0;r.style.bottom=`${c}px`}},o=()=>{var a,i,s,r,c;if(!n.appBannerContainer||(a=n?.breakingNewsContainer)!=null&&a.innerHTML&&((s=(i=n?.breakingNewsContainer)==null?void 0:i.innerHTML)==null?void 0:s.length)>0)return;n.appBannerContainer.innerHTML+=e.dataset.templateSmartBanner;const l=(r=n.appBannerContainer)==null?void 0:r.querySelector(".c-btn--ghost"),u=(c=n.appBannerContainer)==null?void 0:c.querySelector(".c-smart-banner__btn"),h=()=>{n.appBannerContainer&&(localStorage.setItem(n.storageName,JSON.stringify({opened:!1,time:new Date().getTime()})),n.appBannerContainer.innerHTML="",l&&w(l,"close-app-banner","action"))},g=()=>{localStorage.setItem(n.storageName,JSON.stringify({opened:!1,time:new Date().getTime()})),n.appBannerContainer&&(n.appBannerContainer.innerHTML="");const v=navigator?.userAgent||navigator?.platform||"unknown";u&&w(u,"open-store-app-banner","action"),window.location.href=/iPhone|iPad|iPod/i.test(v)?"https://apps.apple.com/fr/app/20-minutes-news-en-continu/id308834491":"https://play.google.com/store/apps/details?id=com.backelite.vingtminutes&hl=fr"};l?.addEventListener("click",h),u?.addEventListener("click",g),t()};(()=>{const a=JSON.parse(localStorage.getItem(n.storageName)),i=JSON.parse(localStorage.getItem("20mnBreakingNews"));!(i!=null&&i.open)&&n.appBannerContainer&&(a===null||a.opened||a.time+n.storageDelay<Date.now())&&(localStorage.setItem(n.storageName,JSON.stringify({opened:!0})),o())})()},P=()=>{document.readyState!=="loading"?f():window.addEventListener("DOMContentLoaded",()=>{f()})};function R(e,n){const t=n||{};return t.headers=t.headers||new Headers,t.headers.append("Content-Type","application/json"),fetch(e,t).then(o=>{if(o.ok)return o;throw new Error(`Fetch error: ${o.statusText}`)}).then(o=>o.json())}const x=()=>{const e={breakingNewsContainer:document.getElementById("c-alert-info"),appBannerContainer:document.getElementById("c-app-banner"),storageName:"20mnBreakingNews",storageDelay:18e4},n=t=>{var o;const a=JSON.parse(localStorage.getItem(e.storageName));if(t.content.length===0||!e.breakingNewsContainer)return;(o=e?.appBannerContainer)!=null&&o.innerHTML&&e.appBannerContainer.innerHTML.length>0&&(e.appBannerContainer.innerHTML="");let i="";t.image&&(i=`
         <a href="${t.link}" class="flex@xs c-info-banner__visual">
           <img width="147" height="96" src="${t.image}" srcset="${t.image} 130w" sizes="8.125rem" alt="ALERTE INFO" class="c-img c-info-banner__cover">
-        </a>`),n.breakingNewsContainer.innerHTML+=`
+        </a>`),e.breakingNewsContainer.innerHTML+=`
     <div class="p-s@xs bg-red@light color-white@light flex@xs items-center@xs justify-center@xs gap-s@xs c-info-banner c-info-banner--alert">
       <div class="flex@xs items-start@xs gap-s@xs c-info-banner__container">
-        ${r}
+        ${i}
         <div class="flex@xs direction-column@xs justify-between@xs c-info-banner__content" direction="column">
           <p class="bg-white@light color-red@light px-xxs-2@xs mb-xxs-2@xs text-s@xs font-weight-bold@xs c-info-banner__title">ALERTE INFO</p>
           <a class="c-link c-link--default" href="${t.link}" target="_self" rel="">
@@ -15,4 +15,4 @@
           </button>
         </div>
       </div>
-    </div>`;const s=n.breakingNewsContainer.querySelector(".c-info-banner__close"),o=n.breakingNewsContainer.querySelector(".c-link--default"),c=n.breakingNewsContainer.querySelector(".c-info-banner__visual"),l=()=>{n.breakingNewsContainer&&(a.open=!1,localStorage.setItem(n.storageName,JSON.stringify(a)),n.breakingNewsContainer.innerHTML="")};s?.addEventListener("click",l),o?.addEventListener("click",l),c?.addEventListener("click",l)};(()=>{var t,i,a,r,s;if(!n.breakingNewsContainer)return;const o=JSON.parse(localStorage.getItem(n.storageName));if(o&&o.time+n.storageDelay>new Date().getTime()){o.open&&e(o.data);return}const c=new Headers;(t=window.envVariables)!=null&&t.apiAuthKey&&c.append("auth-key",window.envVariables.apiAuthKey);const l=(a=(i=n?.breakingNewsContainer)==null?void 0:i.closest("body"))==null?void 0:a.getAttribute("data-api-host"),u=(s=(r=n?.breakingNewsContainer)==null?void 0:r.closest("body"))==null?void 0:s.getAttribute("data-img-host");if(!l||!u)return;const h=`${l}/?id=getBreakingNews&variables=%7B%22brandId%22%3A%22QnJhbmQ6MjBtaW51dGVz%22%7D`;q(h,{headers:c}).then(g=>{var v,b,k,N,C,E,y,B,_,S,L,T,I,A,D,O,F,H;const p=(E=(C=(N=(k=(b=(v=g?.data)==null?void 0:v.brand)==null?void 0:b.node)==null?void 0:k.home)==null?void 0:N.node)==null?void 0:C.homeBreakingNews)==null?void 0:E.node,R=(B=(y=p?.content)==null?void 0:y.editorial_model)==null?void 0:B.toLowerCase(),d=(S=(_=p?.content)==null?void 0:_[R])==null?void 0:S.node;if(!(d!=null&&d.title)||!(d!=null&&d.url_current))throw new Error("No data found...");const m={content:d?.title,link:d?.url_current};if(p!=null&&p.with_photo&&(A=(I=(T=(L=d?.medias)==null?void 0:L[0])==null?void 0:T.photo)==null?void 0:I.node)!=null&&A.id){const V=atob(d.medias[0].photo.node.id).replace("Photo:","");m.image=`${u}/${V}/147x96_${(H=(F=(O=(D=d?.medias)==null?void 0:D.photo)==null?void 0:O.node)==null?void 0:F.slug)!=null?H:"media"}`}const M=o?.data===m?o.open:m.content.length>0;localStorage.setItem(n.storageName,JSON.stringify({data:m,time:new Date().getTime(),open:M})),M&&e(m)}).catch(g=>{console.error("20mn> Error while loading the breaking news:",g)})})()},P=()=>{document.readyState!=="loading"?f():window.addEventListener("DOMContentLoaded",()=>{f()})};j(),P()})();
+    </div>`;const s=e.breakingNewsContainer.querySelector(".c-info-banner__close"),r=e.breakingNewsContainer.querySelector(".c-link--default"),c=e.breakingNewsContainer.querySelector(".c-info-banner__visual"),l=()=>{e.breakingNewsContainer&&(a.open=!1,localStorage.setItem(e.storageName,JSON.stringify(a)),e.breakingNewsContainer.innerHTML="")};s?.addEventListener("click",l),r?.addEventListener("click",l),c?.addEventListener("click",l)};(()=>{var t,o,a,i,s;if(!e.breakingNewsContainer)return;const r=JSON.parse(localStorage.getItem(e.storageName));if(r&&r.time+e.storageDelay>new Date().getTime()){r.open&&n(r.data);return}const c=new Headers;(t=window.envVariables)!=null&&t.apiAuthKey&&c.append("auth-key",window.envVariables.apiAuthKey);const l=(a=(o=e?.breakingNewsContainer)==null?void 0:o.closest("body"))==null?void 0:a.getAttribute("data-api-host"),u=(s=(i=e?.breakingNewsContainer)==null?void 0:i.closest("body"))==null?void 0:s.getAttribute("data-img-host");if(!l||!u)return;const h=`${l}/?id=getBreakingNews&variables=%7B%22brandId%22%3A%22QnJhbmQ6MjBtaW51dGVz%22%7D`;R(h,{headers:c}).then(g=>{var v,E,k,C,N,B,S,_,L,T,I,A,D,H,M,O,F,$;const p=(B=(N=(C=(k=(E=(v=g?.data)==null?void 0:v.brand)==null?void 0:E.node)==null?void 0:k.home)==null?void 0:C.node)==null?void 0:N.homeBreakingNews)==null?void 0:B.node,z=(_=(S=p?.content)==null?void 0:S.editorial_model)==null?void 0:_.toLowerCase(),d=(T=(L=p?.content)==null?void 0:L[z])==null?void 0:T.node;if(!(d!=null&&d.title)||!(d!=null&&d.url_current))throw new Error("No data found...");const m={content:d?.title,link:d?.url_current};if(p!=null&&p.with_photo&&(H=(D=(A=(I=d?.medias)==null?void 0:I[0])==null?void 0:A.photo)==null?void 0:D.node)!=null&&H.id){const K=atob(d.medias[0].photo.node.id).replace("Photo:","");m.image=`${u}/${K}/147x96_${($=(F=(O=(M=d?.medias)==null?void 0:M.photo)==null?void 0:O.node)==null?void 0:F.slug)!=null?$:"media"}`}const J=r?.data===m?r.open:m.content.length>0;localStorage.setItem(e.storageName,JSON.stringify({data:m,time:new Date().getTime(),open:J})),J&&n(m)}).catch(g=>{console.error("20mn> Error while loading the breaking news:",g)})})()},V=()=>{document.readyState!=="loading"?x():window.addEventListener("DOMContentLoaded",()=>{x()})},b=e=>{const n=document.documentElement.scrollTop,t=document.querySelector(".c-header"),o="transform .4s ease";t&&(n>t.offsetHeight?(e.style.transform="translateY(0)",e.style.transition=o):(e.style.transform="translateY(-100%)",e.style.transition=o)),window.removeEventListener("scroll",b.bind(!1,e))},y=()=>{const e=document.querySelector(".c-header-mini");e&&(e.style.transform="translateY(-100%)",window.addEventListener("scroll",b.bind(!1,e)))},Y=()=>{document.readyState!=="loading"?y():window.addEventListener("DOMContentLoaded",()=>{y()})};P(),V(),Y()})();

package/dist/managers/PageManagerHelper.d.ts

@@ -0,0 +1,14 @@
+import { LayoutType } from '@20minutes/hela';
+import { Prefix } from '@/types/helpers';
+export declare abstract class PageManagerHelper<PageProps = Record<string, unknown>, SelectedProps extends keyof PageProps = keyof PageProps, PageFeatures extends string = string, PageContent = string> {
+    protected data: Pick<PageProps, SelectedProps>;
+    protected layout: LayoutType;
+    protected templateActivators: Record<Prefix<'enable', PageFeatures>, boolean>;
+    constructor(data: Pick<PageProps, SelectedProps>, layout: LayoutType, templateActivators: Record<Prefix<'enable', PageFeatures>, boolean>);
+    abstract transformContent(): PageContent;
+    abstract resolveTemplating(): Record<Prefix<'enable', PageFeatures>, boolean>;
+    resolve(): {
+        content: PageContent;
+        features: Record<`enable${PageFeatures}`, boolean>;
+    };
+}

package/dist/managers/article/ArticlePageManager.d.ts

@@ -0,0 +1,21 @@
+import { LayoutType } from '@20minutes/hela';
+import React from 'react';
+import { ArticlePageProps } from '../..';
+import { PageManagerHelper } from '../PageManagerHelper';
+type ArticlePageTemplatingActivators = 'HeaderAd';
+type SelectedProps = 'articleContent' | 'articleCover';
+export type ArticlePageFilteredProps = Pick<ArticlePageProps, SelectedProps>;
+export type ArticleContent = {
+    articleContent: React.ReactNode;
+    articleCover: React.ReactNode;
+};
+export declare class ArticlePageManager extends PageManagerHelper<ArticlePageProps, SelectedProps, ArticlePageTemplatingActivators, ArticleContent> {
+    constructor(data: ArticlePageFilteredProps, layout: LayoutType);
+    transformContent(): ArticleContent;
+    resolveTemplating(): {
+        enableHeaderAd: boolean;
+    };
+    handleDesktopInArticleAds(): string;
+    handleMobileInArticleAds(): string;
+}
+export {};

package/dist/managers/helpers/AdsManager.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const insertInread: (content: React.ReactElement, adUnitCompletePath: string) => string;

package/dist/templates/PageTemplate/PageTemplate.d.ts

@@ -10,6 +10,7 @@ export interface PageTemplateProps {
     pageContentProps?: PageContentProps;
     htmlTemplateProps: HtmlTemplateProps;
     header: React.ReactNode;
+    headerMini: React.ReactNode;
     menu: React.ReactNode;
     footer: React.ReactNode;
     children: React.ReactNode;

package/dist/types/ComponentConfig.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 export declare const enum ComponentNameCommon {
     COMMON_HEADER = "common/header",
+    COMMON_HEADER_MINI = "common/header-mini",
     COMMON_FOOTER = "common/footer",
     COMMON_MENU = "common/menu",
     COMMON_NEWSLETTER = "common/newsletter",

package/dist/types/PageConfig.d.ts

@@ -17,7 +17,7 @@ export type PageConfig<TPageName = string, TComponentPage = React.FC<any>, TComp
     expiration: number;
     components: PageComponentConfig<TComponentName, TPropName>[];
 };
-export type PageTemplateComponentConfigs = PageComponentConfig<ComponentNameCommon, keyof Pick<PageTemplateProps, 'header' | 'footer' | 'menu'>>[];
+export type PageTemplateComponentConfigs = PageComponentConfig<ComponentNameCommon, keyof Pick<PageTemplateProps, 'header' | 'headerMini' | 'footer' | 'menu'>>[];
 export type ArticlePageConfig = PageConfig<'article', typeof ArticlePage, ComponentNameCommon | ComponentNameRubric | ComponentNameArticle, keyof ArticlePageProps | 'meta'>;
 export type HoroscopePageConfig = PageConfig<'horoscope', typeof HoroscopePage, ComponentNameCommon | ComponentNameRubric | ComponentNameHoroscope, keyof HoroscopePageProps | 'meta'>;
 export type HoroscopeHomePageConfig = PageConfig<'horoscopeHome', typeof HoroscopeHomePage, ComponentNameCommon | ComponentNameRubric | ComponentNameHoroscope, keyof HoroscopeHomePageProps | 'meta'>;

package/dist/types/helpers.d.ts

@@ -0,0 +1 @@
+export type Prefix<P extends string, S extends string> = `${P}${S}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@20minutes/tyr",
-  "version": "0.1.74",
+  "version": "0.1.76",
   "repository": "git@github.com:20minutes/tyr.git",
   "license": "MIT",
   "author": "20 Minutes",
@@ -43,8 +43,9 @@
     "node": ">=16"
   },
   "dependencies": {
-    "@20minutes/hela": "^0.1.67",
+    "@20minutes/hela": "^0.1.68",
     "aws-rum-web": "^1.12.0",
+    "html-entities": "^2.3.3",
     "node-html-parser": "^6.1.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
@@ -63,11 +64,11 @@
     "@types/jest": "^29.4.0",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
-    "@typescript-eslint/eslint-plugin": "^5.53.0",
-    "@typescript-eslint/parser": "^5.53.0",
+    "@typescript-eslint/eslint-plugin": "^5.54.0",
+    "@typescript-eslint/parser": "^5.54.0",
     "@vitejs/plugin-react": "^3.1.0",
     "babel-loader": "^9.1.2",
-    "eslint": "^8.34.0",
+    "eslint": "^8.35.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^8.6.0",
     "eslint-import-resolver-typescript": "^3.5.3",
@@ -82,7 +83,7 @@
     "lint-staged": "^13.1.2",
     "prettier": "^2.8.4",
     "purgecss": "^5.0.0",
-    "rollup": "^3.17.2",
+    "rollup": "^3.17.3",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-esbuild": "^5.0.0",
     "rollup-plugin-visualizer": "^5.9.0",