@20minutes/tyr 2.30.4 → 2.31.0

package/dist/js/script-helpers.min.js

@@ -1,2 +1,2 @@
-!function(){"use strict";const t=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),e=e=>{window.didomiOnReady=window.didomiOnReady||[];const r=(r,i)=>{!i||"tcloaded"!==r.eventStatus&&"useractioncomplete"!==r.eventStatus?console.log(`Issue with ${e.name} callback`):("src"in e&&(e=>{const r=document.createElement("script");if(r.type="text/javascript","async"===e.load?r.async=!0:"defer"===e.load&&(r.defer=!0),"src"in e&&e.src){const t=eval;r.src=e.src?.replace(/%(.*?)%/,(e,r)=>t(r)),e.name&&(performance.mark(`20mn:${e.name}:Start`),r.onload=()=>{performance.mark(`20mn:${e.name}:End`),e.onLoad&&e.onLoad()})}"text"in e&&e.text&&(r.innerHTML=e.text),e.name&&performance.mark(`20mn:${e.name}:Enable`),e.id&&(r.id=e.id),e.dataAttributes&&Object.entries(e.dataAttributes).forEach(([e,i])=>{r.setAttribute(`data-${t(e)}`,i)}),"head"===e.target&&document.head?document.head.appendChild(r):document.body?document.body.appendChild(r):(window.bodyScripts=window.bodyScripts||[],window.bodyScripts.push(r))})(e),window.__tcfapi&&window.__tcfapi("removeEventListener",2,null,r.listenerId))};window.didomiOnReady.push(()=>{void 0!==r&&window.__tcfapi("addEventListener",2,r)})},r=r=>{r?.waitCMP?e(r):(e=>{const r=document.createElement("script");if(r.type="text/javascript","async"===e.load?r.async=!0:"defer"===e.load&&(r.defer=!0),"src"in e&&e.src){const t=eval;r.src=e.src?.replace(/%(.*?)%/,(e,r)=>t(r)),e.name&&(performance.mark(`20mn:${e.name}:Start`),r.onload=()=>{performance.mark(`20mn:${e.name}:End`),e.onLoad&&e.onLoad()})}"text"in e&&e.text&&(r.innerHTML=e.text),e.name&&performance.mark(`20mn:${e.name}:Enable`),e.id&&(r.id=e.id),e.dataAttributes&&Object.entries(e.dataAttributes).forEach(([e,i])=>{r.setAttribute(`data-${t(e)}`,i)}),"head"===e.target&&document.head?document.head.appendChild(r):document.body?document.body.appendChild(r):(window.bodyScripts=window.bodyScripts||[],window.bodyScripts.push(r))})(r)};(()=>{const t=new MutationObserver(()=>{document.body&&((window.bodyScripts||[]).forEach(t=>{document.body.appendChild(t)}),t.disconnect())});t.observe(document.documentElement,{childList:!0})})(),(()=>{if(!window.thirdPartiesConfig)return;const{thirdPartiesConfig:t}=window,e=t?.veryHighPriority.sort((t,e)=>t.priority-e.priority),i=t?.highPriority.sort((t,e)=>t.priority-e.priority),o=t?.mediumPriority.sort((t,e)=>t.priority-e.priority),n=t?.lowPriority.sort((t,e)=>t.priority-e.priority);(({veryHighPriority:t,highPriority:e,mediumPriority:i,lowPriority:o})=>{t?.forEach(t=>{r({...t,target:"head"})}),e?.forEach(t=>{r({...t,target:"head"})}),i?.forEach(t=>{r(t)}),o?.forEach(t=>{r(t)})})({veryHighPriority:e,highPriority:i,mediumPriority:o,lowPriority:n})})()}();
+!function(){"use strict";const t=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),e=e=>{window.didomiOnReady=window.didomiOnReady||[];const i=(i,r)=>{!r||"tcloaded"!==i.eventStatus&&"useractioncomplete"!==i.eventStatus?console.log(`Issue with ${e.name} callback`):("src"in e&&(e=>{const i=document.createElement("script");if(i.type="text/javascript","async"===e.load?i.async=!0:"defer"===e.load&&(i.defer=!0),"src"in e&&e.src){const t=eval;i.src=e.src?.replace(/%(.*?)%/,(e,i)=>t(i))}e.name&&performance.mark(`20mn:${e.name}:Start`),(e.name||e.onLoad)&&(i.onload=()=>{e.name&&performance.mark(`20mn:${e.name}:End`),e.onLoad&&e.onLoad()}),"text"in e&&e.text&&(i.innerHTML=e.text),e.id&&(i.id=e.id),e.dataAttributes&&Object.entries(e.dataAttributes).forEach(([e,r])=>{i.setAttribute(`data-${t(e)}`,r)}),"head"===e.target&&document.head?document.head.appendChild(i):document.body?document.body.appendChild(i):(window.bodyScripts=window.bodyScripts||[],window.bodyScripts.push(i))})(e),window.__tcfapi&&window.__tcfapi("removeEventListener",2,null,i.listenerId))};window.didomiOnReady.push(()=>{void 0!==i&&window.__tcfapi("addEventListener",2,i)})},i=i=>{i?.waitCMP?e(i):(e=>{const i=document.createElement("script");if(i.type="text/javascript","async"===e.load?i.async=!0:"defer"===e.load&&(i.defer=!0),"src"in e&&e.src){const t=eval;i.src=e.src?.replace(/%(.*?)%/,(e,i)=>t(i))}e.name&&performance.mark(`20mn:${e.name}:Start`),(e.name||e.onLoad)&&(i.onload=()=>{e.name&&performance.mark(`20mn:${e.name}:End`),e.onLoad&&e.onLoad()}),"text"in e&&e.text&&(i.innerHTML=e.text),e.id&&(i.id=e.id),e.dataAttributes&&Object.entries(e.dataAttributes).forEach(([e,r])=>{i.setAttribute(`data-${t(e)}`,r)}),"head"===e.target&&document.head?document.head.appendChild(i):document.body?document.body.appendChild(i):(window.bodyScripts=window.bodyScripts||[],window.bodyScripts.push(i))})(i)};(()=>{const t=new MutationObserver(()=>{document.body&&((window.bodyScripts||[]).forEach(t=>{document.body.appendChild(t)}),t.disconnect())});t.observe(document.documentElement,{childList:!0})})(),(()=>{if(!window.thirdPartiesConfig)return;const{thirdPartiesConfig:t}=window,e=t?.veryHighPriority.sort((t,e)=>t.priority-e.priority),r=t?.highPriority.sort((t,e)=>t.priority-e.priority),o=t?.mediumPriority.sort((t,e)=>t.priority-e.priority),d=t?.lowPriority.sort((t,e)=>t.priority-e.priority);(({veryHighPriority:t,highPriority:e,mediumPriority:r,lowPriority:o})=>{t?.forEach(t=>{i({...t,target:"head"})}),e?.forEach(t=>{i({...t,target:"head"})}),r?.forEach(t=>{i(t)}),o?.forEach(t=>{i(t)})})({veryHighPriority:e,highPriority:r,mediumPriority:o,lowPriority:d})})()}();
 //# sourceMappingURL=script-helpers.min.js.map

package/dist/src/components/atoms/ExternalAdElement/ExternalAdElement.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export interface ExternalAdElementProps {
+    adType: 'topPave' | 'bottomPave' | 'inText';
+}
+export declare const ExternalAdElement: React.FC<ExternalAdElementProps>;

package/dist/src/components/atoms/ExternalAdElement/ExternalAdElement.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./ExternalAdElement').ExternalAdElementProps>;
+    args: {
+        adType: "topPave";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Overview: Story;

package/dist/src/components/atoms/ExternalAdElement/index.d.ts

@@ -0,0 +1 @@
+export * from './ExternalAdElement';

package/dist/src/components/atoms/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Digiteka';
+export * from './ExternalAdElement';
 export * from './GameAd';
 export * from './HtmlComment';
 export * from './Idalgo';

package/dist/src/config/componentConfigs/componentAdIframeConfigs.d.ts

@@ -0,0 +1,2 @@
+import { ComponentConfig, ComponentNameAdIframe } from '../../types';
+export declare const COMPONENT_AD_IFRAME_CONFIG: ComponentConfig<ComponentNameAdIframe>[];

package/dist/src/config/pageConfigs/adIframePageConfig.d.ts

@@ -0,0 +1,2 @@
+import { AdIframePageConfig } from '../../types';
+export declare const AD_IFRAME_PAGE_CONFIG: AdIframePageConfig;

package/dist/src/pages/AdIframePage/AdIframePage.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export interface AdIframePageProps {
+    adHtml: React.ReactNode;
+}
+export declare const AdIframePage: React.FC<AdIframePageProps>;

package/dist/src/pages/AdIframePage/AdIframePage.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ExternalAdElementProps } from '../../components';
+import { AdIframePage } from './AdIframePage';
+import * as React from 'react';
+declare const meta: {
+    title: string;
+    component: React.FC<import('./AdIframePage').AdIframePageProps>;
+    args: {
+        adHtml: React.FunctionComponentElement<ExternalAdElementProps>;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof AdIframePage>;
+export declare const AdIframePageMobile: Story;
+export declare const AdIframePageDesktop: Story;

package/dist/src/pages/AdIframePage/index.d.ts

@@ -0,0 +1 @@
+export * from './AdIframePage';

package/dist/src/pages/index.d.ts

@@ -1,3 +1,4 @@
+export * from './AdIframePage';
 export * from './ArchiveByDayPage';
 export * from './ArchiveByYearPage';
 export * from './ArticlePage';

package/dist/src/types/ComponentConfig.d.ts

@@ -1,4 +1,7 @@
 import { default as React } from 'react';
+export declare const enum ComponentNameAdIframe {
+    AD_IFRAME_EXTERNAL_AD_ELEMENT = "ad-iframe/external-ad-element"
+}
 export declare const enum ComponentNameArchives {
     ARCHIVES_PAGE_TITLE = "archives/page-title",
     ARCHIVES_DAYS_LIST = "archives/days-list",
@@ -392,7 +395,7 @@ export declare const enum ComponentNameWhyCreateAccount {
     WHY_CREATE_ACCOUNT_HEADER_PAGE = "why-create-account/header-page",
     WHY_CREATE_ACCOUNT_JSON_LD_BREADCRUMB = "why-create-account/json-ld-breadcrumb"
 }
-export interface ComponentConfig<TComponentName = ComponentNameArchives | ComponentNameArticle | ComponentNameCommon | ComponentNameContact | ComponentNameContent | ComponentNameDirect | ComponentNameElections | ComponentNameError | ComponentNameGame | ComponentNameHome | ComponentNameHoroscope | ComponentNameJobs | ComponentNameJournalist | ComponentNameLa21e | ComponentNameLegal | ComponentNameLegalNotice | ComponentNameLive | ComponentNameMobileApps | ComponentNameMostCommented | ComponentNameMostRead | ComponentNameMostShared | ComponentNameMovies | ComponentNameNews | ComponentNameQuiz | ComponentNameRewind | ComponentNameRubric | ComponentNameSearch | ComponentNameService | ComponentNameShoppingGuide | ComponentNameSitemap | ComponentNameSlideshow | ComponentNameSport | ComponentNameStory | ComponentNameTag | ComponentNameTraffic | ComponentNameTvHome | ComponentNameTvLive | ComponentNameTvMostRecent | ComponentNameTvMostViewed | ComponentNameTvVideo | ComponentNameTvShow | ComponentNameTvShows | ComponentNameUtiq | ComponentNameWeather | ComponentNameWhyCreateAccount, TComponent = React.FC<any>> {
+export interface ComponentConfig<TComponentName = ComponentNameAdIframe | ComponentNameArchives | ComponentNameArticle | ComponentNameCommon | ComponentNameContact | ComponentNameContent | ComponentNameDirect | ComponentNameElections | ComponentNameError | ComponentNameGame | ComponentNameHome | ComponentNameHoroscope | ComponentNameJobs | ComponentNameJournalist | ComponentNameLa21e | ComponentNameLegal | ComponentNameLegalNotice | ComponentNameLive | ComponentNameMobileApps | ComponentNameMostCommented | ComponentNameMostRead | ComponentNameMostShared | ComponentNameMovies | ComponentNameNews | ComponentNameQuiz | ComponentNameRewind | ComponentNameRubric | ComponentNameSearch | ComponentNameService | ComponentNameShoppingGuide | ComponentNameSitemap | ComponentNameSlideshow | ComponentNameSport | ComponentNameStory | ComponentNameTag | ComponentNameTraffic | ComponentNameTvHome | ComponentNameTvLive | ComponentNameTvMostRecent | ComponentNameTvMostViewed | ComponentNameTvVideo | ComponentNameTvShow | ComponentNameTvShows | ComponentNameUtiq | ComponentNameWeather | ComponentNameWhyCreateAccount, TComponent = React.FC<any>> {
     componentName: TComponentName;
     component: TComponent;
     expiration?: number;

package/dist/src/types/PageConfig.d.ts

@@ -1,7 +1,7 @@
-import { ArchiveByDayPage, ArchiveByDayPageProps, ArchiveByYearPage, ArchiveByYearPageProps, ArticlePage, ArticlePageProps, ContactPage, ContactPageProps, DirectPage, DirectPageProps, ElectionsHomePage, ElectionsHomePageProps, ElectionsPage, ElectionsPageProps, ErrorPage, ErrorPageProps, GameAppPage, GameAppPageProps, GameHomePage, GameHomePageProps, GamePage, GamePageProps, HomePage, HomePageProps, HoroscopeHomePage, HoroscopeHomePageProps, HoroscopePage, HoroscopePageProps, JobDetailsPage, JobDetailsPageProps, JobsPage, JobsPageProps, JournalistPage, JournalistPageProps, La21ePage, La21ePageProps, LegalNoticeDepartmentPage, LegalNoticeDepartmentPageProps, LegalNoticeHomePage, LegalNoticeHomePageProps, LegalNoticePage, LegalNoticePageProps, LegalPage, LegalPageProps, LivePage, LivePageProps, MobileAppsPage, MobileAppsPageProps, MostCommentedPage, MostCommentedPageProps, MostReadPage, MostReadPageProps, MostSharedPage, MostSharedPageProps, MoviesPage, MoviesPageProps, NewsPage, NewsPageProps, PartnerPage, QuizPage, QuizPageProps, RewindPage, RewindPageProps, SearchPage, SearchPageProps, ServicePage, ServicePageProps, ShoppingGuidePage, ShoppingGuidePageProps, SitemapPage, SitemapPageProps, SlideshowPage, SlideshowPageProps, SportPage, SportPageProps, TagPage, TagPageProps, TrafficPage, TrafficPageProps, TvHomePage, TvHomePageProps, TvLivePage, TvLivePageProps, TvMostRecentPage, TvMostRecentPageProps, TvMostViewedPage, TvMostViewedPageProps, TvShowPage, TvShowPageProps, TvShowsPage, TvShowsPageProps, UtiqPage, UtiqPageProps, WeatherPage, WeatherPageProps, WhyCreateAccountPage, WhyCreateAccountPageProps } from '../pages';
+import { AdIframePage, AdIframePageProps, ArchiveByDayPage, ArchiveByDayPageProps, ArchiveByYearPage, ArchiveByYearPageProps, ArticlePage, ArticlePageProps, ContactPage, ContactPageProps, DirectPage, DirectPageProps, ElectionsHomePage, ElectionsHomePageProps, ElectionsPage, ElectionsPageProps, ErrorPage, ErrorPageProps, GameAppPage, GameAppPageProps, GameHomePage, GameHomePageProps, GamePage, GamePageProps, HomePage, HomePageProps, HoroscopeHomePage, HoroscopeHomePageProps, HoroscopePage, HoroscopePageProps, JobDetailsPage, JobDetailsPageProps, JobsPage, JobsPageProps, JournalistPage, JournalistPageProps, La21ePage, La21ePageProps, LegalNoticeDepartmentPage, LegalNoticeDepartmentPageProps, LegalNoticeHomePage, LegalNoticeHomePageProps, LegalNoticePage, LegalNoticePageProps, LegalPage, LegalPageProps, LivePage, LivePageProps, MobileAppsPage, MobileAppsPageProps, MostCommentedPage, MostCommentedPageProps, MostReadPage, MostReadPageProps, MostSharedPage, MostSharedPageProps, MoviesPage, MoviesPageProps, NewsPage, NewsPageProps, PartnerPage, QuizPage, QuizPageProps, RewindPage, RewindPageProps, SearchPage, SearchPageProps, ServicePage, ServicePageProps, ShoppingGuidePage, ShoppingGuidePageProps, SitemapPage, SitemapPageProps, SlideshowPage, SlideshowPageProps, SportPage, SportPageProps, TagPage, TagPageProps, TrafficPage, TrafficPageProps, TvHomePage, TvHomePageProps, TvLivePage, TvLivePageProps, TvMostRecentPage, TvMostRecentPageProps, TvMostViewedPage, TvMostViewedPageProps, TvShowPage, TvShowPageProps, TvShowsPage, TvShowsPageProps, UtiqPage, UtiqPageProps, WeatherPage, WeatherPageProps, WhyCreateAccountPage, WhyCreateAccountPageProps } from '../pages';
 import { TvVideoPage, TvVideoPageProps } from '../pages/TvVideoPage';
 import { PageTemplateProps } from '../templates';
-import { ComponentNameArchives, ComponentNameArticle, ComponentNameCommon, ComponentNameContact, ComponentNameContent, ComponentNameDirect, ComponentNameElections, ComponentNameError, ComponentNameGame, ComponentNameHome, ComponentNameHoroscope, ComponentNameJobs, ComponentNameJournalist, ComponentNameLa21e, ComponentNameLegal, ComponentNameLegalNotice, ComponentNameLive, ComponentNameMobileApps, ComponentNameMostCommented, ComponentNameMostRead, ComponentNameMostShared, ComponentNameMovies, ComponentNameNews, ComponentNameQuiz, ComponentNameRewind, ComponentNameRubric, ComponentNameSearch, ComponentNameService, ComponentNameShoppingGuide, ComponentNameSitemap, ComponentNameSlideshow, ComponentNameSport, ComponentNameStory, ComponentNameTag, ComponentNameTraffic, ComponentNameTvHome, ComponentNameTvLive, ComponentNameTvMostRecent, ComponentNameTvMostViewed, ComponentNameTvShow, ComponentNameTvShows, ComponentNameTvVideo, ComponentNameUtiq, ComponentNameWeather, ComponentNameWhyCreateAccount } from './ComponentConfig';
+import { ComponentNameAdIframe, ComponentNameArchives, ComponentNameArticle, ComponentNameCommon, ComponentNameContact, ComponentNameContent, ComponentNameDirect, ComponentNameElections, ComponentNameError, ComponentNameGame, ComponentNameHome, ComponentNameHoroscope, ComponentNameJobs, ComponentNameJournalist, ComponentNameLa21e, ComponentNameLegal, ComponentNameLegalNotice, ComponentNameLive, ComponentNameMobileApps, ComponentNameMostCommented, ComponentNameMostRead, ComponentNameMostShared, ComponentNameMovies, ComponentNameNews, ComponentNameQuiz, ComponentNameRewind, ComponentNameRubric, ComponentNameSearch, ComponentNameService, ComponentNameShoppingGuide, ComponentNameSitemap, ComponentNameSlideshow, ComponentNameSport, ComponentNameStory, ComponentNameTag, ComponentNameTraffic, ComponentNameTvHome, ComponentNameTvLive, ComponentNameTvMostRecent, ComponentNameTvMostViewed, ComponentNameTvShow, ComponentNameTvShows, ComponentNameTvVideo, ComponentNameUtiq, ComponentNameWeather, ComponentNameWhyCreateAccount } from './ComponentConfig';
 export interface PageComponentConfig<TComponentName = string, TPropName = string> {
     name: TComponentName;
     propName: TPropName;
@@ -14,6 +14,7 @@ export interface PageConfig<TPageName = string, TComponentPage = React.FC<any>,
     components: PageComponentConfig<TComponentName, TPropName>[];
 }
 export type PageTemplateComponentConfigs = PageComponentConfig<ComponentNameCommon, keyof Pick<PageTemplateProps, 'header' | 'headerMini' | 'footer' | 'menu'>>[];
+export type AdIframePageConfig = PageConfig<'adIframe', typeof AdIframePage, ComponentNameAdIframe, keyof AdIframePageProps>;
 export type ArchiveByDayPageConfig = PageConfig<'archiveByDay', typeof ArchiveByDayPage, ComponentNameCommon | ComponentNameArchives | ComponentNameContent, keyof ArchiveByDayPageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload'>;
 export type ArchiveByYearPageConfig = PageConfig<'archiveByYear', typeof ArchiveByYearPage, ComponentNameCommon | ComponentNameArchives, keyof ArchiveByYearPageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload' | 'preload'>;
 export type ArticlePageConfig = PageConfig<'article', typeof ArticlePage, ComponentNameCommon | ComponentNameRubric | ComponentNameArticle | ComponentNameContent, keyof ArticlePageProps | 'meta' | 'jsonLdBreadcrumb' | 'jsonLdClaimReview' | 'jsonLdNewsArticle' | 'defaultPreload' | 'preload'>;
@@ -66,6 +67,7 @@ export type UtiqPageConfig = PageConfig<'utiq', typeof UtiqPage, ComponentNameCo
 export type WeatherPageConfig = PageConfig<'weather', typeof WeatherPage, ComponentNameCommon | ComponentNameRubric | ComponentNameWeather, keyof WeatherPageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload'>;
 export type WhyCreateAccountPageConfig = PageConfig<'whyCreateAccount', typeof WhyCreateAccountPage, ComponentNameCommon | ComponentNameWhyCreateAccount, keyof WhyCreateAccountPageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload'>;
 export type PageConfigs = [
+    AdIframePageConfig,
     ArchiveByDayPageConfig,
     ArchiveByYearPageConfig,
     ArticlePageConfig,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@20minutes/tyr",
-  "version": "2.30.4",
+  "version": "2.31.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/20minutes/tyr.git"
@@ -53,7 +53,7 @@
   },
   "dependencies": {
     "@20minutes/draft-convert": "^3.0.2",
-    "@20minutes/hela": "^2.12.9",
+    "@20minutes/hela": "^2.12.10",
     "aws-rum-web": "^1.25.0",
     "classnames": "^2.5.1",
     "draft-js": "^0.11.7",