@20minutes/hela 0.0.13 → 0.0.15

package/dist/index.d.ts

@@ -21,15 +21,28 @@ interface ContentDataLayerType {
     nbParagraphs?: number;
     pageType?: string;
     tags?: string;
+    article_section?: string;
+    content_id?: string;
 }
 
 interface DefaultDataLayerType {
     page_uri: string;
-    page_type: string;
+    page_type?: string;
+    libelle?: string;
+    chapter1?: string;
+    chapter2?: string;
+    chapter3?: string;
+    chapter4?: string;
+    ac?: string;
+    an?: string;
 }
 
 interface UserDataLayerType {
-    darkmode: number;
+    darkmode: string;
+    adblock: string;
+    referrer: string;
+    source_type: string;
+    user_status: string;
 }
 
 interface DataLayerType extends DefaultDataLayerType, UserDataLayerType, ContentDataLayerType {
@@ -88,8 +101,87 @@ declare type Targeting = {
 
 declare type DfpDataLayerType = Targeting;
 
+declare type Purposes = 'Cookies' | 'CookiesAnalytics' | 'CookiesMarketing' | 'CookiesSocial' | 'AdvertisingPersonalization' | 'CookiesMarketing' | 'Analytics' | 'ContentPersonalization' | 'AdDelivery' | 'DeviceAccess' | 'OfflineMatch' | 'LinkDevices' | 'PreciseGeo' | 'SelectBasicAds' | 'CreateAdsProfile' | 'SelectPersonalizedAds' | 'CreateContentProfile' | 'SelectPersonalizedContent' | 'MeasureAdPerformance' | 'MeasureContentPerformance' | 'MarketResearch' | 'ImproveProducts' | 'mesureda-6qyqaZXC' | 'publicite-Nfb9aWMW';
+declare type PurposesList = {
+    [key in Purposes]: string;
+};
+declare type Notice = {
+    show: () => void;
+};
+interface Didomi {
+    CCPA: string[];
+    Purposes: PurposesList;
+    notice: Notice;
+    preferences: string[];
+    theme: string[];
+    version: string;
+    getUserConsentStatusForPurpose: (purpose: Purposes) => boolean;
+    reset: () => void;
+}
+declare type DidomiOnReady = (() => void)[];
+declare type EventListener = {
+    event: string;
+    listener: () => void;
+};
+declare type DidomiEventListeners = EventListener[];
+declare type CmpType = {
+    consentEventsCount: number;
+};
+
+declare type VariablesCmpType = {
+    Didomi: Didomi;
+    didomiOnReady: DidomiOnReady;
+    disapproveDidomiGTMEvents: boolean;
+    didomiEventListeners: DidomiEventListeners;
+};
+
+declare type Privacy = {
+    setVisitorMode: (authority: string, mode: string) => void;
+    getVisitorMode: () => Record<string, unknown>;
+    setVisitorOptin: () => void;
+};
+declare type CustomVars = {
+    set: (arg0: {
+        site: Record<number, unknown>;
+    }) => void;
+};
+declare type Props = Record<string, string | boolean>;
+declare type IdentifiedVisitor = {
+    set: (arg0: Record<string, unknown>) => void;
+};
+declare type PageDefaultKeys = {
+    name: string;
+    chapter1: string;
+    chapter2: string;
+    chapter3: string;
+    customObject: {
+        device: string;
+    };
+};
+declare type Tag$1 = {
+    privacy: Privacy;
+    identifiedVisitor: IdentifiedVisitor;
+    customVars: CustomVars;
+    page: {
+        set: (pageDefaultKeys: PageDefaultKeys) => void;
+    };
+    setProps: (props: Props, persistent: boolean) => void;
+    dispatch: () => void;
+};
+interface TagConstructor {
+    new (): Tag$1;
+}
+interface Tracker {
+    Tag: TagConstructor;
+    instances: Tag$1[];
+}
+declare type ATInternetType = {
+    Tracker?: Tracker;
+    onTrackerLoad: () => void;
+};
+
 declare global {
-    interface Window extends VariablesDataLayerType {
+    interface Window extends VariablesDataLayerType, VariablesCmpType {
         datalayer: Partial<DataLayerType>;
         awsRumVariables: AwsRumVariablesType;
         dfpVariables: DfpDataLayerType;
@@ -99,6 +191,8 @@ declare global {
             slots: Slot[];
             targeting: Partial<Targeting>;
         } | Record<string, never>;
+        cmpVariables: CmpType;
+        ATInternet: ATInternetType;
     }
 }
 
@@ -122,7 +216,8 @@ declare const enum ComponentNameArticle {
     ARTICLE_SUMMARY = "article/article-summary",
     ARTICLE_CONTENT = "article/article-content",
     ARTICLE_TAG_BAR = "article/tag-bar",
-    ARTICLE_SIGNATURE = "article/signature"
+    ARTICLE_SIGNATURE = "article/signature",
+    ARTICLE_SCROLL_PROGRESS_BAR = "article/scroll-progress-bar"
 }
 declare const enum ComponentNameHoroscope {
     HOROSCOPE_BREADCRUMB = "horoscope/breadcrumb",
@@ -133,7 +228,13 @@ declare const enum ComponentNameHoroscope {
     HOROSCOPE_HOROSCOPE_TILES = "horoscope/horoscope-tiles",
     HOROSCOPE_HOROSCOPE_LINK_NEXT_TYPE = "horoscope/horoscope-link-next-type"
 }
-interface ComponentConfig<TComponentName = ComponentNameCommon | ComponentNameRubric | ComponentNameArticle | ComponentNameHoroscope, TComponent = React$1.FC<any>> {
+declare const enum ComponentNameHoroscopeHomepage {
+    HOROSCOPE_HOMEPAGE_BREADCRUMB = "horoscopeHome/breadcrumb",
+    HOROSCOPE_HOMEPAGE_HEADER_PAGE = "horoscopeHome/header-page",
+    HOROSCOPE_HOMEPAGE_HOROSCOPE_TILES = "horoscopeHome/horoscope-tiles",
+    HOROSCOPE_HOMEPAGE_LINK_NEXT_TYPE = "horoscopeHome/horoscope-link-next-type"
+}
+interface ComponentConfig<TComponentName = ComponentNameCommon | ComponentNameRubric | ComponentNameArticle | ComponentNameHoroscope | ComponentNameHoroscopeHomepage, TComponent = React$1.FC<any>> {
     componentName: TComponentName;
     component: TComponent;
     expiration?: number;
@@ -145,14 +246,15 @@ interface PageTemplateProps {
         url: string;
     }[];
     criticalCss?: string;
+    didomiScript: string;
     mainInlineScript?: string;
     awsRum?: {
         variables: AwsRumVariablesType;
         inlineScript: string;
     };
     datalayerInlineScript?: string;
-    callCriticalScripts?: string;
     dfpInlineScript?: string;
+    callCriticalScripts?: string;
     children: React$1.ReactNode;
     datalayerVariables?: VariablesDataLayerType;
     header: React$1.ReactNode;
@@ -175,6 +277,7 @@ interface ArticlePageProps extends PageTemplateProps {
     newsCards: React$1.ReactNode;
     newsletter: React$1.ReactNode;
     partnerCards: React$1.ReactNode;
+    scrollProgressBar: React$1.ReactNode;
     layout?: LayoutType;
 }
 declare const ArticlePage: React$1.FC<ArticlePageProps>;
@@ -191,6 +294,15 @@ interface HoroscopePageProps extends PageTemplateProps {
 }
 declare const HoroscopePage: React$1.FC<HoroscopePageProps>;
 
+interface HoroscopeHomePageProps extends PageTemplateProps {
+    breadcrumb: React$1.ReactNode;
+    headerPage: React$1.ReactNode;
+    horoscopeTiles: React$1.ReactNode;
+    horoscopeLinkNextType: React$1.ReactNode;
+    layout?: LayoutType;
+}
+declare const HoroscopeHomePage: React$1.FC<HoroscopeHomePageProps>;
+
 declare type PageComponentConfig<TComponentName = string, TPropName = string> = {
     name: TComponentName;
     propName: TPropName;
@@ -206,9 +318,12 @@ declare type PageConfig<TPageName = string, TComponentPage = React.FC<any>, TCom
 declare type PageTemplateComponentConfigs = PageComponentConfig<ComponentNameCommon, keyof PageTemplateProps>[];
 declare type ArticlePageConfig = PageConfig<'article', typeof ArticlePage, ComponentNameCommon | ComponentNameRubric | ComponentNameArticle, keyof ArticlePageProps>;
 declare type HoroscopePageConfig = PageConfig<'horoscope', typeof HoroscopePage, ComponentNameCommon | ComponentNameRubric | ComponentNameHoroscope, keyof HoroscopePageProps>;
-declare type PageConfigs = [ArticlePageConfig, HoroscopePageConfig];
+declare type HoroscopeHomePageConfig = PageConfig<'horoscopeHome', typeof HoroscopeHomePage, ComponentNameCommon | ComponentNameRubric | ComponentNameHoroscopeHomepage, keyof HoroscopeHomePageProps>;
+declare type PageConfigs = [ArticlePageConfig, HoroscopePageConfig, HoroscopeHomePageConfig];
 declare type PageConfigAvailable = PageConfigs[number];
 
+declare type HeaderScriptsType = 'callCriticalScripts' | 'dfpInlineScript' | 'datalayerInlineScript' | 'didomiScript';
+
 declare const COMPONENT_CONFIGS: ComponentConfig[];
 
 declare const PAGE_CONFIGS: PageConfigs;
@@ -237,7 +352,7 @@ interface AvatarProps {
 }
 declare const Avatar: React__default.FC<AvatarProps>;
 
-declare type IconName = '20mn-pub' | 'apple' | 'arrow' | 'bookmark' | 'comment' | 'connect' | 'dailymotion' | 'diode-leaning' | 'diode' | 'facebook' | 'flipboard' | 'googleplay' | 'health' | 'heart' | 'home' | 'instagram' | 'local' | 'logo' | 'menu' | 'mood' | 'podcast' | 'report' | 'search' | 'share' | 'snapchat' | 'tiktok' | 'twitter' | 'view' | 'youtube' | 'work';
+declare type IconName = '20mn-pub' | 'apple' | 'arrow' | 'bookmark' | 'chevron' | 'comment' | 'connect' | 'dailymotion' | 'diode-leaning' | 'diode' | 'facebook' | 'flipboard' | 'googleplay' | 'health' | 'heart' | 'home' | 'instagram' | 'local' | 'logo' | 'menu' | 'mood' | 'podcast' | 'report' | 'search' | 'share' | 'snapchat' | 'tiktok' | 'twitter' | 'view' | 'youtube' | 'work';
 declare type IconHoroscopeName = 'horoscope-belier' | 'horoscope-taureau' | 'horoscope-gemeaux' | 'horoscope-cancer' | 'horoscope-lion' | 'horoscope-vierge' | 'horoscope-balance' | 'horoscope-scorpion' | 'horoscope-sagittaire' | 'horoscope-capricorne' | 'horoscope-verseau' | 'horoscope-poissons' | 'horoscope-buffle' | 'horoscope-cheval' | 'horoscope-chevre' | 'horoscope-chien' | 'horoscope-cochon' | 'horoscope-coq' | 'horoscope-dragon' | 'horoscope-lapin' | 'horoscope-rat' | 'horoscope-serpent' | 'horoscope-singe' | 'horoscope-tigre';
 interface IconProps extends Omit<React__default.SVGAttributes<SVGElement>, 'width' | 'height'> {
     className?: string;
@@ -249,7 +364,7 @@ interface IconProps extends Omit<React__default.SVGAttributes<SVGElement>, 'widt
 declare const Icon: React__default.FC<IconProps>;
 
 interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'icon';
+    variant?: 'primary' | 'secondary' | 'icon' | 'navigation';
     children?: React__default.ReactNode;
     icon?: IconName;
     iconClassNames?: string;
@@ -303,7 +418,7 @@ interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElemen
 }
 declare const Link: React__default.FC<LinkProps>;
 
-interface TagProps {
+interface TagProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'id'> {
     children?: React__default.ReactNode;
     id?: number;
     link?: string;
@@ -352,7 +467,9 @@ interface TypographyProps<HTMLElementType> extends React__default.HTMLAttributes
 }
 
 declare type HeadingHTMLElementType = Pick<JSX.IntrinsicElements, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
-declare type HeadingProps = TypographyProps<HeadingHTMLElementType>;
+interface HeadingProps extends TypographyProps<HeadingHTMLElementType> {
+    variant?: 'default' | 'secondary';
+}
 declare const Heading: React__default.FC<HeadingProps>;
 
 declare type TextHTMLElementType = Pick<JSX.IntrinsicElements, 'p' | 'span' | 'strong' | 'em'>;
@@ -375,6 +492,13 @@ interface TabPanelProps {
 }
 declare const TabPanel: React__default.FC<TabPanelProps>;
 
+interface ScrollProgressBarProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    colorScheme?: ColorSchemeTheme;
+    hasLimit?: boolean;
+    variant?: 'article-mobile';
+}
+declare const ScrollProgressBar: React__default.FC<ScrollProgressBarProps>;
+
 interface CategoryCardProps {
     link: string;
     title: string;
@@ -453,7 +577,7 @@ interface MediumCardProps {
     headline: string;
     cover: string;
     socialBarProps: SocialBarProps;
-    signatureProps: SignatureProps;
+    signatureProps?: SignatureProps;
     layout?: LayoutType;
 }
 declare function MediumCard({ link, title, cover, headline, socialBarProps, signatureProps, layout, }: MediumCardProps): JSX.Element;
@@ -485,7 +609,7 @@ interface NewsCardProps {
     cover: string;
     headline: string;
     title: string;
-    link: 'https://www.20minutes.fr/';
+    link: string;
     layout?: LayoutType;
 }
 declare function NewsCard({ link, cover, headline, title, layout, }: NewsCardProps): JSX.Element;
@@ -618,6 +742,7 @@ interface BreadcrumbProps {
         link?: string;
     }[];
     colorScheme?: ColorSchemeTheme;
+    layout?: LayoutType;
 }
 declare const Breadcrumb: React$1.FC<BreadcrumbProps>;
 
@@ -644,6 +769,7 @@ interface FooterLinksProps {
         links: {
             name: string;
             url: string;
+            javascript?: string;
         }[];
     }[];
 }
@@ -721,7 +847,7 @@ interface SocialIconProps {
 }
 declare const SocialIcon: React$1.FC<SocialIconProps>;
 
-interface TagBarProps {
+interface TagBarProps extends React__default.HTMLAttributes<HTMLDivElement> {
     tags: TagProps[];
 }
 declare const TagBar: React__default.FC<TagBarProps>;
@@ -773,4 +899,4 @@ interface HeaderProps extends HeaderDesktopProps {
 }
 declare const Header: React$1.FC<HeaderProps>;
 
-export { Ad, AdProps, AdSizesType, AdSizesTypeKey, Alert, AlertProps, ArticleContent, ArticleContentProps, ArticleHeader, ArticleHeaderProps, ArticleImageCover, ArticleImageCoverProps, ArticlePage, ArticlePageConfig, ArticlePageProps, ArticleSummary, ArticleSummaryProps, ArticleVideoCover, ArticleVideoCoverProps, Avatar, AvatarProps, Breadcrumb, BreadcrumbProps, Button, ButtonProps, COMPONENT_CONFIGS, CategoryCard, CategoryCardProps, CategoryCards, CategoryCardsProps, Color, ColorSchemeBrand, ColorSchemeGeneric, ColorSchemeTheme, ComponentConfig, ComponentNameArticle, ComponentNameCommon, ComponentNameHoroscope, ComponentNameRubric, ContentDataLayerType, DataLayerType, DefaultDataLayerType, DfpDataLayerType, Divider, DividerProps, DividerSection, DividerSectionProps, Footer, FooterCategories, FooterCategoriesProps, FooterLinks, FooterLinksProps, FooterProps, GameCard, GameCardProps, Header, HeaderBanner, HeaderBannerProps, HeaderPage, HeaderPageProps, HeaderProps, Heading, HeadingProps, HomeLiveCard, HomeLiveCardProps, HoroscopeContent, HoroscopeContentProps, HoroscopePage, HoroscopePageConfig, HoroscopePageProps, HoroscopeTiles, HoroscopeTilesProps, HoroscopeTopicCard, HoroscopeTopicCardProps, Icon, IconHoroscopeName, IconName, IconProps, Img, ImgProps, InfoBanner, InfoBannerProps, Input, InputProps, Label, LabelProps, LabelSection, LabelSectionProps, LargeCard, LargeCardProps, LayoutType, Link, LinkProps, LiveCard, LiveCardProps, MediumCard, MediumCardProps, MenuCard, MenuCardProps, MostReadArticles, MostReadArticlesProps, MostReadCard, MostReadCardProps, NewsCard, NewsCardProps, NewsCards, NewsCardsProps, Newsletter, NewsletterProps, OverviewBar, OverviewBarProps, OverviewCard, OverviewCardProps, PAGE_CONFIGS, PageComponentConfig, PageConfig, PageConfigAvailable, PageConfigs, PageTemplate, PageTemplateComponentConfigs, PageTemplateProps, PartnerCards, PartnerCardsProps, Pipe, PodcastCard, PodcastCardProps, ReadAlso, ReadAlsoProps, RegionalCard, RegionalCardProps, RubricCard, RubricCardProps, Section, SectionProps, Signature, SignatureProps, Slot, SmallCard, SmallCardProps, SmallCategoryCard, SmallCategoryCardProps, SmallGameCard, SmallGameCardProps, SmallLiveCard, SmallLiveCardProps, SocialBar, SocialBarProps, SocialIcon, SocialIconProps, Switch, SwitchDarkMode, SwitchDarkModeProps, SwitchProps, Tab, TabPanel, TabPanelProps, TabProps, Tag, TagBar, TagBarProps, TagProps, Targeting, TargetingKeys, Text, TextProps, ThemeType, UserDataLayerType, VariablesDataLayerType, pageType, tagsType };
+export { Ad, AdProps, AdSizesType, AdSizesTypeKey, Alert, AlertProps, ArticleContent, ArticleContentProps, ArticleHeader, ArticleHeaderProps, ArticleImageCover, ArticleImageCoverProps, ArticlePage, ArticlePageConfig, ArticlePageProps, ArticleSummary, ArticleSummaryProps, ArticleVideoCover, ArticleVideoCoverProps, Avatar, AvatarProps, Breadcrumb, BreadcrumbProps, Button, ButtonProps, COMPONENT_CONFIGS, CategoryCard, CategoryCardProps, CategoryCards, CategoryCardsProps, CmpType, Color, ColorSchemeBrand, ColorSchemeGeneric, ColorSchemeTheme, ComponentConfig, ComponentNameArticle, ComponentNameCommon, ComponentNameHoroscope, ComponentNameHoroscopeHomepage, ComponentNameRubric, ContentDataLayerType, DataLayerType, DefaultDataLayerType, DfpDataLayerType, Didomi, DidomiEventListeners, DidomiOnReady, Divider, DividerProps, DividerSection, DividerSectionProps, Footer, FooterCategories, FooterCategoriesProps, FooterLinks, FooterLinksProps, FooterProps, GameCard, GameCardProps, Header, HeaderBanner, HeaderBannerProps, HeaderPage, HeaderPageProps, HeaderProps, HeaderScriptsType, Heading, HeadingProps, HomeLiveCard, HomeLiveCardProps, HoroscopeContent, HoroscopeContentProps, HoroscopeHomePageConfig, HoroscopePage, HoroscopePageConfig, HoroscopePageProps, HoroscopeTiles, HoroscopeTilesProps, HoroscopeTopicCard, HoroscopeTopicCardProps, Icon, IconHoroscopeName, IconName, IconProps, Img, ImgProps, InfoBanner, InfoBannerProps, Input, InputProps, Label, LabelProps, LabelSection, LabelSectionProps, LargeCard, LargeCardProps, LayoutType, Link, LinkProps, LiveCard, LiveCardProps, MediumCard, MediumCardProps, MenuCard, MenuCardProps, MostReadArticles, MostReadArticlesProps, MostReadCard, MostReadCardProps, NewsCard, NewsCardProps, NewsCards, NewsCardsProps, Newsletter, NewsletterProps, OverviewBar, OverviewBarProps, OverviewCard, OverviewCardProps, PAGE_CONFIGS, PageComponentConfig, PageConfig, PageConfigAvailable, PageConfigs, PageTemplate, PageTemplateComponentConfigs, PageTemplateProps, PartnerCards, PartnerCardsProps, Pipe, PodcastCard, PodcastCardProps, ReadAlso, ReadAlsoProps, RegionalCard, RegionalCardProps, RubricCard, RubricCardProps, ScrollProgressBar, ScrollProgressBarProps, Section, SectionProps, Signature, SignatureProps, Slot, SmallCard, SmallCardProps, SmallCategoryCard, SmallCategoryCardProps, SmallGameCard, SmallGameCardProps, SmallLiveCard, SmallLiveCardProps, SocialBar, SocialBarProps, SocialIcon, SocialIconProps, Switch, SwitchDarkMode, SwitchDarkModeProps, SwitchProps, Tab, TabPanel, TabPanelProps, TabProps, Tag, TagBar, TagBarProps, TagProps, Targeting, TargetingKeys, Text, TextProps, ThemeType, UserDataLayerType, VariablesCmpType, VariablesDataLayerType, pageType, tagsType };