@times-components/ts-components 1.104.1-alpha.14 → 1.104.1-alpha.34

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.105.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.105.0...@times-components/ts-components@1.105.1) (2024-10-15)
+
+**Note:** Version bump only for package @times-components/ts-components
+
+
+
+
+
+# [1.105.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.104.1...@times-components/ts-components@1.105.0) (2024-10-15)
+
+
+### Features
+
+* **TMPZ-112:** Implement tracking of clicks on puzzles in sidebar component ([#3926](https://github.com/newsuk/times-components/issues/3926)) ([a84e5f3](https://github.com/newsuk/times-components/commit/a84e5f3a2bb34da21824c68a7dd89bb8419ef214))
+
+
+
+
+
+## [1.104.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.104.0...@times-components/ts-components@1.104.1) (2024-10-14)
+
+**Note:** Version bump only for package @times-components/ts-components
+
+
+
+
+
 # [1.104.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.103.5...@times-components/ts-components@1.104.0) (2024-09-30)
 
 

package/dist/components/article-header/ArticleHeader.js

@@ -1,6 +1,9 @@
 import React, { useState, useEffect } from 'react';
-import { differenceInSeconds, differenceInCalendarDays, formatDistanceStrict } from 'date-fns';
-import { format, utcToZonedTime } from 'date-fns-tz';
+import differenceInSeconds from 'date-fns/differenceInSeconds';
+import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
+import formatDistanceStrict from 'date-fns/formatDistanceStrict';
+import utcToZonedTime from 'date-fns-tz/utcToZonedTime';
+import format from 'date-fns-tz/format';
 import { BreakingArticleFlag } from '../article-flag/LiveArticleFlag';
 import safeDecodeURIComponent from '../../utils/safeDecodeURIComponent';
 import { Container, Divider, Headline, TimeSincePublishing, TimeSincePublishingContainer, UpdatedDate, UpdatedTime, UpdatedTimeItems, UpdatesContainer, FlagContainer } from './styles';
@@ -70,4 +73,4 @@ const ArticleHeader = ({ updated, breaking, headline, authorSlug, description })
         authorData && (React.createElement(ArticleBylineBlock, { authorData: authorData, description: description }))));
 };
 export default ArticleHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtaGVhZGVyL0FydGljbGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNuRCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLHdCQUF3QixFQUN4QixvQkFBb0IsRUFDckIsTUFBTSxVQUFVLENBQUM7QUFDbEIsT0FBTyxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFckQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEUsT0FBTyxzQkFBc0IsTUFBTSxvQ0FBb0MsQ0FBQztBQUV4RSxPQUFPLEVBQ0wsU0FBUyxFQUNULE9BQU8sRUFDUCxRQUFRLEVBQ1IsbUJBQW1CLEVBQ25CLDRCQUE0QixFQUM1QixXQUFXLEVBQ1gsV0FBVyxFQUNYLGdCQUFnQixFQUNoQixnQkFBZ0IsRUFDaEIsYUFBYSxFQUNkLE1BQU0sVUFBVSxDQUFDO0FBRWxCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRTFELE1BQU0sWUFBWSxHQUFHLENBQUMsU0FBUyxHQUFHLEVBQUUsRUFBRSxXQUFXLEdBQUcsRUFBRSxFQUFFLEVBQUU7SUFDeEQsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDO0lBQzlCLE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQyxPQUFPLENBQUMsY0FBYyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzFELE1BQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQztJQUM3QixNQUFNLFlBQVksR0FBRyxXQUFXLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ25ELE1BQU0sT0FBTyxHQUFHLFlBQVksS0FBSyxJQUFJLENBQUMsQ0FBQyxD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtaGVhZGVyL0FydGljbGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNuRCxPQUFPLG1CQUFtQixNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sd0JBQXdCLE1BQU0sbUNBQW1DLENBQUM7QUFDekUsT0FBTyxvQkFBb0IsTUFBTSwrQkFBK0IsQ0FBQztBQUNqRSxPQUFPLGNBQWMsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RCxPQUFPLE1BQU0sTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN0RSxPQUFPLHNCQUFzQixNQUFNLG9DQUFvQyxDQUFDO0FBRXhFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsT0FBTyxFQUNQLFFBQVEsRUFDUixtQkFBbUIsRUFDbkIsNEJBQTRCLEVBQzVCLFdBQVcsRUFDWCxXQUFXLEVBQ1gsZ0JBQWdCLEVBQ2hCLGdCQUFnQixFQUNoQixhQUFhLEVBQ2QsTUFBTSxVQUFVLENBQUM7QUFFbEIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFMUQsTUFBTSxZQUFZLEdBQUcsQ0FBQyxTQUFTLEdBQUcsRUFBRSxFQUFFLFdBQVcsR0FBRyxFQUFFLEVBQUUsRUFBRTtJQUN4RCxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUM7SUFDOUIsTUFBTSxXQUFXLEdBQUcsU0FBUyxDQUFDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDMUQsTUFBTSxVQUFVLEdBQUcsU0FBUyxDQUFDO0lBQzdCLE1BQU0sWUFBWSxHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENB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

package/dist/components/article-header/ArticleHeader.stories.js

@@ -1,10 +1,7 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { select, text } from '@storybook/addon-knobs';
-import { 
-// format,
-addMinutes } from 'date-fns';
-// import { utcToZonedTime } from 'date-fns-tz';
+import addMinutes from 'date-fns/addMinutes';
 import { ArticleHarness } from '../../fixtures/article-harness/ArticleHarness';
 import ArticleHeader from './ArticleHeader';
 const getAttributes = () => {
@@ -38,4 +35,4 @@ storiesOf('Typescript Component/Article Header', module)
             // time={props.time}
             breaking: props.breaking, authorSlug: props.authorSlug, description: props.description })));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUhlYWRlci5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1oZWFkZXIvQXJ0aWNsZUhlYWRlci5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEQsT0FBTztBQUNMLFVBQVU7QUFDVixVQUFVLEVBQ1gsTUFBTSxVQUFVLENBQUM7QUFDbEIsZ0RBQWdEO0FBRWhELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUMvRSxPQUFPLGFBQWEsTUFBTSxpQkFBaUIsQ0FBQztBQUU1QyxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7SUFDekIsTUFBTSxFQUFFLEdBQUcsU0FBUyxDQUFDO0lBRXJCLE1BQU0sR0FBRyxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7SUFDdkIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFeEUsMkRBQTJEO0lBQzNELDREQUE0RDtJQUM1RCx3RUFBd0U7SUFFeEUsTUFBTSxPQUFPLEdBQUcsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsQ0FBQztJQUNuRCxNQUFNLFFBQVEsR0FBRyxNQUFNLENBQUMsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFekQsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxzQkFBc0IsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUU5RCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUM1RCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUV4RCxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxDQUFDO0FBQ2xFLENBQUMsQ0FBQztBQUVGLFNBQVMsQ0FBQyxxQ0FBcUMsRUFBRSxNQUFNLENBQUM7S0FDckQsR0FBRyxDQUFDLDhCQUE4QixFQUFFLEdBQUcsRUFBRTtJQUN4QyxNQUFNLEtBQUssR0FBRyxhQUFhLEVBQUUsQ0FBQztJQUM5QixPQUFPLENBQ0wsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGFBQWEsSUFDWixPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU87WUFDdEIsb0JBQW9CO1lBQ3BCLG9CQUFvQjtZQUNwQixRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDeEIsUUFBUSxFQUFFLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsRUFDNUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxVQUFVLEVBQzVCLFdBQVcsRUFBRSxLQUFLLENBQUMsV0FBVyxHQUM5QixDQUNhLENBQ2xCLENBQUM7QUFDSixDQUFDLENBQUM7S0FDRCxHQUFHLENBQUMsaUNBQWlDLEVBQUUsR0FBRyxFQUFFO0lBQzNDLE1BQU0sS0FBSyxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBQzlCLE9BQU8sQ0FDTCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUNaLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTztZQUN0QixvQkFBb0I7WUFDcEIsb0JBQW9CO1lBQ3BCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixVQUFVLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFDNUIsV0FBVyxFQUFFLEtBQUssQ0FBQyxXQUFXLEdBQzlCLENBQ2EsQ0FDbEIsQ0FBQztBQUNKLENBQUMsQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUhlYWRlci5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1oZWFkZXIvQXJ0aWNsZUhlYWRlci5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEQsT0FBTyxVQUFVLE1BQU0scUJBQXFCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQy9FLE9BQU8sYUFBYSxNQUFNLGlCQUFpQixDQUFDO0FBRTVDLE1BQU0sYUFBYSxHQUFHLEdBQUcsRUFBRTtJQUN6QixNQUFNLEVBQUUsR0FBRyxTQUFTLENBQUM7SUFFckIsTUFBTSxHQUFHLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQztJQUN2QixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUV4RSwyREFBMkQ7SUFDM0QsNERBQTREO0lBQzVELHdFQUF3RTtJQUV4RSxNQUFNLE9BQU8sR0FBRyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxDQUFDO0lBQ25ELE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FBQztJQUV6RCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLHNCQUFzQixFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRTlELE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsZUFBZSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzVELE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsVUFBVSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRXhELE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLENBQUM7QUFDbEUsQ0FBQyxDQUFDO0FBRUYsU0FBUyxDQUFDLHFDQUFxQyxFQUFFLE1BQU0sQ0FBQztLQUNyRCxHQUFHLENBQUMsOEJBQThCLEVBQUUsR0FBRyxFQUFFO0lBQ3hDLE1BQU0sS0FBSyxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBQzlCLE9BQU8sQ0FDTCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUNaLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTztZQUN0QixvQkFBb0I7WUFDcEIsb0JBQW9CO1lBQ3BCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixRQUFRLEVBQUUsa0JBQWtCLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxFQUM1QyxVQUFVLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFDNUIsV0FBVyxFQUFFLEtBQUssQ0FBQyxXQUFXLEdBQzlCLENBQ2EsQ0FDbEIsQ0FBQztBQUNKLENBQUMsQ0FBQztLQUNELEdBQUcsQ0FBQyxpQ0FBaUMsRUFBRSxHQUFHLEVBQUU7SUFDM0MsTUFBTSxLQUFLLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFDOUIsT0FBTyxDQUNMLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQ1osT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPO1lBQ3RCLG9CQUFvQjtZQUNwQixvQkFBb0I7WUFDcEIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQ3hCLFVBQVUsRUFBRSxLQUFLLENBQUMsVUFBVSxFQUM1QixXQUFXLEVBQUUsS0FBSyxDQUFDLFdBQVcsR0FDOUIsQ0FDYSxDQUNsQixDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUMifQ==

package/dist/components/article-sidebar/ArticleSidebar.js

@@ -1,8 +1,11 @@
 import React from 'react';
 import { ChevronButton, ChevronRightIcon, Container, Description, Divider, ItemTitle, Link, PuzzleContainer, PuzzleImage, Title, TitleIconContainer } from './styles';
+import { useTrackingContext } from '../../helpers/tracking/TrackingContextProvider';
+import { handleClick } from './tracking-helpers';
 export const ArticleSidebar = ({ sectionTitle, data, pageLink }) => {
+    const { fireAnalyticsEvent } = useTrackingContext();
     return (React.createElement(Container, null,
-        React.createElement(Link, { href: pageLink },
+        React.createElement(Link, { href: pageLink, onClick: () => handleClick(fireAnalyticsEvent, 'puzzle sidebar: header selected'), className: "trigger" },
             React.createElement(TitleIconContainer, null,
                 React.createElement(Title, null, sectionTitle),
                 React.createElement(ChevronButton, null,
@@ -10,9 +13,9 @@ export const ArticleSidebar = ({ sectionTitle, data, pageLink }) => {
         React.createElement(Description, null, "Challenge yourself with today\u2019s puzzles."),
         React.createElement(Divider, null),
         data.map(({ title, url, imgUrl }) => (React.createElement(React.Fragment, { key: title },
-            React.createElement(PuzzleContainer, { href: url },
+            React.createElement(PuzzleContainer, { href: url, onClick: () => handleClick(fireAnalyticsEvent, 'puzzle sidebar: puzzle selected', `${title}`), className: "trigger-card-link" },
                 React.createElement(PuzzleImage, { src: imgUrl, alt: "Puzzle thumbnail" }),
                 React.createElement(ItemTitle, null, title)),
             React.createElement(Divider, null))))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZVNpZGViYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLXNpZGViYXIvQXJ0aWNsZVNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBYSxNQUFNLE9BQU8sQ0FBQztBQUVsQyxPQUFPLEVBQ0wsYUFBYSxFQUNiLGdCQUFnQixFQUNoQixTQUFTLEVBQ1QsV0FBVyxFQUNYLE9BQU8sRUFDUCxTQUFTLEVBQ1QsSUFBSSxFQUNKLGVBQWUsRUFDZixXQUFXLEVBQ1gsS0FBSyxFQUNMLGtCQUFrQixFQUNuQixNQUFNLFVBQVUsQ0FBQztBQVFsQixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQTRCLENBQUMsRUFDdEQsWUFBWSxFQUNaLElBQUksRUFDSixRQUFRLEVBQ1QsRUFBRSxFQUFFO0lBQ0gsT0FBTyxDQUNMLG9CQUFDLFNBQVM7UUFDUixvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVE7WUFDbEIsb0JBQUMsa0JBQWtCO2dCQUNqQixvQkFBQyxLQUFLLFFBQUUsWUFBWSxDQUFTO2dCQUM3QixvQkFBQyxhQUFhO29CQUNaLG9CQUFDLGdCQUFnQixPQUFHLENBQ04sQ0FDRyxDQUNoQjtRQUVQLG9CQUFDLFdBQVcsd0RBQXVEO1FBQ25FLG9CQUFDLE9BQU8sT0FBRztRQUVWLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3BDLG9CQUFDLEtBQUssQ0FBQyxRQUFRLElBQUMsR0FBRyxFQUFFLEtBQUs7WUFDeEIsb0JBQUMsZUFBZSxJQUFDLElBQUksRUFBRSxHQUFHO2dCQUN4QixvQkFBQyxXQUFXLElBQUMsR0FBRyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUMsa0JBQWtCLEdBQUc7Z0JBQ25ELG9CQUFDLFNBQVMsUUFBRSxLQUFLLENBQWEsQ0FDZDtZQUNsQixvQkFBQyxPQUFPLE9BQUcsQ0FDSSxDQUNsQixDQUFDLENBQ1EsQ0FDYixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZVNpZGViYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLXNpZGViYXIvQXJ0aWNsZVNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBYSxNQUFNLE9BQU8sQ0FBQztBQUVsQyxPQUFPLEVBQ0wsYUFBYSxFQUNiLGdCQUFnQixFQUNoQixTQUFTLEVBQ1QsV0FBVyxFQUNYLE9BQU8sRUFDUCxTQUFTLEVBQ1QsSUFBSSxFQUNKLGVBQWUsRUFDZixXQUFXLEVBQ1gsS0FBSyxFQUNMLGtCQUFrQixFQUNuQixNQUFNLFVBQVUsQ0FBQztBQUNsQixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNwRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFRakQsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUE0QixDQUFDLEVBQ3RELFlBQVksRUFDWixJQUFJLEVBQ0osUUFBUSxFQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sRUFBRSxrQkFBa0IsRUFBRSxHQUFHLGtCQUFrQixFQUFFLENBQUM7SUFFcEQsT0FBTyxDQUNMLG9CQUFDLFNBQVM7UUFDUixvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLFFBQVEsRUFDZCxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQ1osV0FBVyxDQUFDLGtCQUFrQixFQUFFLGlDQUFpQyxDQUFDLEVBRXBFLFNBQVMsRUFBQyxTQUFTO1lBRW5CLG9CQUFDLGtCQUFrQjtnQkFDakIsb0JBQUMsS0FBSyxRQUFFLFlBQVksQ0FBUztnQkFDN0Isb0JBQUMsYUFBYTtvQkFDWixvQkFBQyxnQkFBZ0IsT0FBRyxDQUNOLENBQ0csQ0FDaEI7UUFFUCxvQkFBQyxXQUFXLHdEQUF1RDtRQUNuRSxvQkFBQyxPQUFPLE9BQUc7UUFFVixJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUNwQyxvQkFBQyxLQUFLLENBQUMsUUFBUSxJQUFDLEdBQUcsRUFBRSxLQUFLO1lBQ3hCLG9CQUFDLGVBQWUsSUFDZCxJQUFJLEVBQUUsR0FBRyxFQUNULE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FDWixXQUFXLENBQ1Qsa0JBQWtCLEVBQ2xCLGlDQUFpQyxFQUNqQyxHQUFHLEtBQUssRUFBRSxDQUNYLEVBRUgsU0FBUyxFQUFDLG1CQUFtQjtnQkFFN0Isb0JBQUMsV0FBVyxJQUFDLEdBQUcsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFDLGtCQUFrQixHQUFHO2dCQUNuRCxvQkFBQyxTQUFTLFFBQUUsS0FBSyxDQUFhLENBQ2Q7WUFDbEIsb0JBQUMsT0FBTyxPQUFHLENBQ0ksQ0FDbEIsQ0FBQyxDQUNRLENBQ2IsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9

package/dist/components/article-sidebar/ArticleSidebar.stories.js

@@ -1,31 +1,41 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { ArticleSidebar } from './ArticleSidebar';
+import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
+import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
 const getAttributes = () => {
     const sectionTitle = 'Puzzles';
     const data = [
         {
             title: 'Crossword',
-            url: 'https://www.thetimes.co.uk/puzzles/crossword',
-            imgUrl: 'https://www.thetimes.co.uk/d/img/puzzles/new-illustrations/crossword-c7ae8934ef.png'
+            url: 'https://www.thetimes.com/puzzles/crossword',
+            imgUrl: 'https://www.thetimes.com/d/img/puzzles/new-illustrations/crossword-c7ae8934ef.png'
         },
         {
             title: 'Polygon',
-            url: 'https://www.thetimes.co.uk/puzzles/word-puzzles',
-            imgUrl: 'https://www.thetimes.co.uk/d/img/puzzles/new-illustrations/polygon-875ea55487.png'
+            url: 'https://www.thetimes.com/puzzles/word-puzzles',
+            imgUrl: 'https://www.thetimes.com/d/img/puzzles/new-illustrations/polygon-875ea55487.png'
         },
         {
             title: 'Sudoku',
-            url: 'https://www.thetimes.co.uk/puzzles/sudoku',
-            imgUrl: 'https://www.thetimes.co.uk/d/img/puzzles/new-illustrations/sudoku-ee2aea0209.png'
+            url: 'https://www.thetimes.com/puzzles/sudoku',
+            imgUrl: 'https://www.thetimes.com/d/img/puzzles/new-illustrations/sudoku-ee2aea0209.png'
         }
     ];
-    const pageLink = 'https://www.thetimes.co.uk/puzzles';
+    const pageLink = 'https://www.thetimes.com/puzzles';
     return { sectionTitle, data, pageLink };
 };
 storiesOf('Typescript Component/Article Sidebar', module).add('Article Sidebar', () => {
     const props = getAttributes();
-    return (React.createElement("div", { style: { maxWidth: '204px' } },
-        React.createElement(ArticleSidebar, Object.assign({}, props))));
+    return (React.createElement(TrackingContextProvider, { context: {
+            component: 'ArticleSkeleton',
+            object: 'ArticleSidebar',
+            attrs: {
+                article_name: 'articleHeadline',
+                section_details: 'section'
+            }
+        }, analyticsStream: analyticsStream },
+        React.createElement("div", { style: { maxWidth: '204px' } },
+            React.createElement(ArticleSidebar, Object.assign({}, props)))));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZVNpZGViYXIuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtc2lkZWJhci9BcnRpY2xlU2lkZWJhci5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVsRCxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7SUFDekIsTUFBTSxZQUFZLEdBQUcsU0FBUyxDQUFDO0lBQy9CLE1BQU0sSUFBSSxHQUFHO1FBQ1g7WUFDRSxLQUFLLEVBQUUsV0FBVztZQUNsQixHQUFHLEVBQUUsOENBQThDO1lBQ25ELE1BQU0sRUFDSixxRkFBcUY7U0FDeEY7UUFDRDtZQUNFLEtBQUssRUFBRSxTQUFTO1lBQ2hCLEdBQUcsRUFBRSxpREFBaUQ7WUFDdEQsTUFBTSxFQUNKLG1GQUFtRjtTQUN0RjtRQUNEO1lBQ0UsS0FBSyxFQUFFLFFBQVE7WUFDZixHQUFHLEVBQUUsMkNBQTJDO1lBQ2hELE1BQU0sRUFDSixrRkFBa0Y7U0FDckY7S0FDRixDQUFDO0lBQ0YsTUFBTSxRQUFRLEdBQUcsb0NBQW9DLENBQUM7SUFFdEQsT0FBTyxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLENBQUM7QUFDMUMsQ0FBQyxDQUFDO0FBRUYsU0FBUyxDQUFDLHNDQUFzQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDM0QsaUJBQWlCLEVBQ2pCLEdBQUcsRUFBRTtJQUNILE1BQU0sS0FBSyxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRTlCLE9BQU8sQ0FDTCw2QkFBSyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFO1FBQy9CLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxFQUFJLENBQ3pCLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZVNpZGViYXIuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtc2lkZWJhci9BcnRpY2xlU2lkZWJhci5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN6RixPQUFPLGVBQWUsTUFBTSxvREFBb0QsQ0FBQztBQUVqRixNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7SUFDekIsTUFBTSxZQUFZLEdBQUcsU0FBUyxDQUFDO0lBQy9CLE1BQU0sSUFBSSxHQUFHO1FBQ1g7WUFDRSxLQUFLLEVBQUUsV0FBVztZQUNsQixHQUFHLEVBQUUsNENBQTRDO1lBQ2pELE1BQU0sRUFDSixtRkFBbUY7U0FDdEY7UUFDRDtZQUNFLEtBQUssRUFBRSxTQUFTO1lBQ2hCLEdBQUcsRUFBRSwrQ0FBK0M7WUFDcEQsTUFBTSxFQUNKLGlGQUFpRjtTQUNwRjtRQUNEO1lBQ0UsS0FBSyxFQUFFLFFBQVE7WUFDZixHQUFHLEVBQUUseUNBQXlDO1lBQzlDLE1BQU0sRUFDSixnRkFBZ0Y7U0FDbkY7S0FDRixDQUFDO0lBQ0YsTUFBTSxRQUFRLEdBQUcsa0NBQWtDLENBQUM7SUFFcEQsT0FBTyxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLENBQUM7QUFDMUMsQ0FBQyxDQUFDO0FBRUYsU0FBUyxDQUFDLHNDQUFzQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDM0QsaUJBQWlCLEVBQ2pCLEdBQUcsRUFBRTtJQUNILE1BQU0sS0FBSyxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRTlCLE9BQU8sQ0FDTCxvQkFBQyx1QkFBdUIsSUFDdEIsT0FBTyxFQUFFO1lBQ1AsU0FBUyxFQUFFLGlCQUFpQjtZQUM1QixNQUFNLEVBQUUsZ0JBQWdCO1lBQ3hCLEtBQUssRUFBRTtnQkFDTCxZQUFZLEVBQUUsaUJBQWlCO2dCQUMvQixlQUFlLEVBQUUsU0FBUzthQUMzQjtTQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7UUFFaEMsNkJBQUssS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRTtZQUMvQixvQkFBQyxjQUFjLG9CQUFLLEtBQUssRUFBSSxDQUN6QixDQUNrQixDQUMzQixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==

package/dist/components/article-sidebar/__tests__/index.test.js

@@ -1,28 +1,70 @@
 import React from 'react';
 import { ArticleSidebar } from '../ArticleSidebar';
-import { render } from '@testing-library/react';
+import { render, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
+import { useTrackingContext } from '../../../helpers/tracking/TrackingContextProvider';
+jest.mock('../../../helpers/tracking/TrackingContextProvider', () => ({
+    useTrackingContext: jest.fn()
+}));
+const mockFireAnalyticsEvent = jest.fn();
 const defaultProps = {
     sectionTitle: 'Puzzles for you',
     data: [
         {
             title: 'Crossword',
-            url: 'https://www.thetimes.co.uk/puzzles/crossword',
-            imgUrl: 'https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500'
+            url: 'https://www.thetimes.com/puzzles/crossword',
+            imgUrl: 'https://www.thetimes.com/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500'
         },
         {
             title: 'Polygon',
-            url: 'https://www.thetimes.co.uk/puzzles/sudoku',
-            imgUrl: 'https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500'
+            url: 'https://www.thetimes.com/puzzles/sudoku',
+            imgUrl: 'https://www.thetimes.com/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500'
         }
     ],
-    pageLink: 'https://www.thetimes.co.uk/puzzles'
+    pageLink: 'https://www.thetimes.com/puzzles'
 };
 const renderComponent = (props) => render(React.createElement(ArticleSidebar, Object.assign({}, props)));
 describe('ArticleSidebar', () => {
+    beforeEach(() => {
+        useTrackingContext.mockReturnValue({
+            fireAnalyticsEvent: mockFireAnalyticsEvent
+        });
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
     it('should render ArticleSidebar component', () => {
         const { asFragment } = renderComponent(defaultProps);
         expect(asFragment()).toMatchSnapshot();
     });
+    it('should call fireAnalyticsEvent when header is clicked', () => {
+        const { container } = renderComponent(defaultProps);
+        fireEvent.click(container.querySelector('.trigger'));
+        expect(mockFireAnalyticsEvent).toHaveBeenCalledWith({
+            object: 'ArticleSidebar',
+            action: 'Clicked',
+            attrs: {
+                event_navigation_action: 'navigation',
+                event_navigation_name: 'puzzle sidebar: header selected',
+                event_navigation_browsing_method: 'click',
+                component_name: 'Article Sidebar'
+            }
+        });
+    });
+    it('should call fireAnalyticsEvent when a puzzle card is clicked', () => {
+        const { container } = renderComponent(defaultProps);
+        fireEvent.click(container.querySelector('.trigger-card-link'));
+        expect(mockFireAnalyticsEvent).toHaveBeenCalledWith({
+            object: 'ArticleSidebar',
+            action: 'Clicked',
+            attrs: {
+                event_navigation_action: 'navigation',
+                event_navigation_name: 'puzzle sidebar: puzzle selected',
+                event_navigation_browsing_method: 'click',
+                component_name: 'Article Sidebar',
+                article_parent_name: 'crossword'
+            }
+        });
+    });
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtc2lkZWJhci9fX3Rlc3RzX18vaW5kZXgudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxjQUFjLEVBQXVCLE1BQU0sbUJBQW1CLENBQUM7QUFDeEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2hELE9BQU8sMkJBQTJCLENBQUM7QUFFbkMsTUFBTSxZQUFZLEdBQXdCO0lBQ3hDLFlBQVksRUFBRSxpQkFBaUI7SUFDL0IsSUFBSSxFQUFFO1FBQ0o7WUFDRSxLQUFLLEVBQUUsV0FBVztZQUNsQixHQUFHLEVBQUUsOENBQThDO1lBQ25ELE1BQU0sRUFDSiwrSUFBK0k7U0FDbEo7UUFDRDtZQUNFLEtBQUssRUFBRSxTQUFTO1lBQ2hCLEdBQUcsRUFBRSwyQ0FBMkM7WUFDaEQsTUFBTSxFQUNKLCtJQUErSTtTQUNsSjtLQUNGO0lBQ0QsUUFBUSxFQUFFLG9DQUFvQztDQUMvQyxDQUFDO0FBRUYsTUFBTSxlQUFlLEdBQUcsQ0FBQyxLQUEwQixFQUFFLEVBQUUsQ0FDckQsTUFBTSxDQUFDLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxFQUFJLENBQUMsQ0FBQztBQUV4QyxRQUFRLENBQUMsZ0JBQWdCLEVBQUUsR0FBRyxFQUFFO0lBQzlCLEVBQUUsQ0FBQyx3Q0FBd0MsRUFBRSxHQUFHLEVBQUU7UUFDaEQsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLGVBQWUsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNyRCxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QyxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtc2lkZWJhci9fX3Rlc3RzX18vaW5kZXgudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxjQUFjLEVBQXVCLE1BQU0sbUJBQW1CLENBQUM7QUFDeEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMzRCxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBRXZGLElBQUksQ0FBQyxJQUFJLENBQUMsbURBQW1ELEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUNwRSxrQkFBa0IsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFO0NBQzlCLENBQUMsQ0FBQyxDQUFDO0FBRUosTUFBTSxzQkFBc0IsR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7QUFFekMsTUFBTSxZQUFZLEdBQXdCO0lBQ3hDLFlBQVksRUFBRSxpQkFBaUI7SUFDL0IsSUFBSSxFQUFFO1FBQ0o7WUFDRSxLQUFLLEVBQUUsV0FBVztZQUNsQixHQUFHLEVBQUUsNENBQTRDO1lBQ2pELE1BQU0sRUFDSiw2SUFBNkk7U0FDaEo7UUFDRDtZQUNFLEtBQUssRUFBRSxTQUFTO1lBQ2hCLEdBQUcsRUFBRSx5Q0FBeUM7WUFDOUMsTUFBTSxFQUNKLDZJQUE2STtTQUNoSjtLQUNGO0lBQ0QsUUFBUSxFQUFFLGtDQUFrQztDQUM3QyxDQUFDO0FBRUYsTUFBTSxlQUFlLEdBQUcsQ0FBQyxLQUEwQixFQUFFLEVBQUUsQ0FDckQsTUFBTSxDQUFDLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxFQUFJLENBQUMsQ0FBQztBQUV4QyxRQUFRLENBQUMsZ0JBQWdCLEVBQUUsR0FBRyxFQUFFO0lBQzlCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7UUFDYixrQkFBZ0MsQ0FBQyxlQUFlLENBQUM7WUFDaEQsa0JBQWtCLEVBQUUsc0JBQXNCO1NBQzNDLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0lBRUgsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyx3Q0FBd0MsRUFBRSxHQUFHLEVBQUU7UUFDaEQsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLGVBQWUsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNyRCxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyx1REFBdUQsRUFBRSxHQUFHLEVBQUU7UUFDL0QsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLGVBQWUsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNwRCxTQUFTLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFFLENBQUMsQ0FBQztRQUV0RCxNQUFNLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQztZQUNsRCxNQUFNLEVBQUUsZ0JBQWdCO1lBQ3hCLE1BQU0sRUFBRSxTQUFTO1lBQ2pCLEtBQUssRUFBRTtnQkFDTCx1QkFBdUIsRUFBRSxZQUFZO2dCQUNyQyxxQkFBcUIsRUFBRSxpQ0FBaUM7Z0JBQ3hELGdDQUFnQyxFQUFFLE9BQU87Z0JBQ3pDLGNBQWMsRUFBRSxpQkFBaUI7YUFDbEM7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw4REFBOEQsRUFBRSxHQUFHLEVBQUU7UUFDdEUsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLGVBQWUsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNwRCxTQUFTLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsb0JBQW9CLENBQUUsQ0FBQyxDQUFDO1FBRWhFLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLG9CQUFvQixDQUFDO1lBQ2xELE1BQU0sRUFBRSxnQkFBZ0I7WUFDeEIsTUFBTSxFQUFFLFNBQVM7WUFDakIsS0FBSyxFQUFFO2dCQUNMLHVCQUF1QixFQUFFLFlBQVk7Z0JBQ3JDLHFCQUFxQixFQUFFLGlDQUFpQztnQkFDeEQsZ0NBQWdDLEVBQUUsT0FBTztnQkFDekMsY0FBYyxFQUFFLGlCQUFpQjtnQkFDakMsbUJBQW1CLEVBQUUsV0FBVzthQUNqQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==

package/dist/components/article-sidebar/tracking-helpers.d.ts

@@ -0,0 +1,13 @@
+declare const clickEvent: (title: string, parent?: string) => {
+    object: string;
+    action: string;
+    attrs: {
+        article_parent_name?: string | undefined;
+        event_navigation_action: string;
+        event_navigation_name: string;
+        event_navigation_browsing_method: string;
+        component_name: string;
+    };
+};
+declare const handleClick: (fireAnalyticsEvent: ((analyticsEvent: any) => void) | undefined, title: string, parent?: string | undefined) => void;
+export { handleClick, clickEvent };

package/dist/components/article-sidebar/tracking-helpers.js

@@ -0,0 +1,16 @@
+const clickEvent = (title, parent = '') => ({
+    object: 'ArticleSidebar',
+    action: 'Clicked',
+    attrs: {
+        event_navigation_action: 'navigation',
+        event_navigation_name: `${title}`,
+        event_navigation_browsing_method: 'click',
+        component_name: 'Article Sidebar',
+        ...(parent && { article_parent_name: parent.toLowerCase() })
+    }
+});
+const handleClick = (fireAnalyticsEvent, title, parent) => {
+    fireAnalyticsEvent && fireAnalyticsEvent(clickEvent(title, parent));
+};
+export { handleClick, clickEvent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhY2tpbmctaGVscGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtc2lkZWJhci90cmFja2luZy1oZWxwZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sVUFBVSxHQUFHLENBQUMsS0FBYSxFQUFFLFNBQWlCLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUMxRCxNQUFNLEVBQUUsZ0JBQWdCO0lBQ3hCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLEtBQUssRUFBRTtRQUNMLHVCQUF1QixFQUFFLFlBQVk7UUFDckMscUJBQXFCLEVBQUUsR0FBRyxLQUFLLEVBQUU7UUFDakMsZ0NBQWdDLEVBQUUsT0FBTztRQUN6QyxjQUFjLEVBQUUsaUJBQWlCO1FBQ2pDLEdBQUcsQ0FBQyxNQUFNLElBQUksRUFBRSxtQkFBbUIsRUFBRSxNQUFNLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQztLQUM3RDtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sV0FBVyxHQUFHLENBQ2xCLGtCQUErRCxFQUMvRCxLQUFhLEVBQ2IsTUFBZSxFQUNmLEVBQUU7SUFDRixrQkFBa0IsSUFBSSxrQkFBa0IsQ0FBQyxVQUFVLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7QUFDdEUsQ0FBQyxDQUFDO0FBRUYsT0FBTyxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsQ0FBQyJ9

package/dist/components/twitter-embed/TwitterEmbed.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
+export declare type TwitterEmbedProps = {
+    element: any;
+    url: string;
+};
 declare global {
     interface Window {
         __tcfapi?: (command: string, version: number, callback: (data: any, success: boolean) => void) => void;
     }
 }
-export declare const TwitterEmbed: React.FC<{
-    sectionColour: string;
-}>;
+export declare const TwitterEmbed: React.FC<TwitterEmbedProps>;

package/dist/components/twitter-embed/TwitterEmbed.js

@@ -1,27 +1,100 @@
-import React, { useEffect } from 'react';
-export const TwitterEmbed = () => {
-    // tslint:disable-next-line:no-console
-    console.log('window', window);
+import React, { useEffect, useState } from 'react';
+import { AllowButton, CardContainer, EnableButton, LinkPrivacyManager, Paragraph, Title, CustomIconContainer, Header } from './styles';
+import get from 'lodash.get';
+import { InfoIcon } from '../inline-message/InfoIcon';
+// @ts-ignore
+import InteractiveWrapper from '@times-components/interactive-wrapper';
+export const TwitterEmbed = ({ element, url }) => {
+    const [allowedOnce, setAllowedOnce] = useState(false);
+    const [isTwitterAllowed, setIsTwitterAllowed] = useState(false);
     useEffect(() => {
         if (window.__tcfapi) {
             window.__tcfapi('getCustomVendorConsents', 2, (data, success) => {
-                if (success) {
+                if (success && data && data.consentedVendors) {
+                    const isTwitterVendorAllowed = data.consentedVendors.some((vendor) => vendor.name === 'Twitter');
+                    setIsTwitterAllowed(isTwitterVendorAllowed);
+                }
+                else {
                     // tslint:disable-next-line:no-console
-                    console.log('TCF API response:', data);
+                    console.log('Error fetching consent data or Twitter not allowed');
+                }
+            });
+        }
+        // tslint:disable-next-line:no-console
+        console.log('window', window);
+    }, []);
+    let ModalType;
+    (function (ModalType) {
+        ModalType["GDPR"] = "gdpr";
+        ModalType["CCPA"] = "ccpa";
+    })(ModalType || (ModalType = {}));
+    const openPrivacyModal = (type, messageId) => {
+        const loadModal = get(window, `_sp_.${type}.loadPrivacyManagerModal`);
+        if (loadModal) {
+            loadModal(messageId);
+        }
+        else {
+            // tslint:disable-next-line:no-console
+            console.warn('Sourcepoint LoadPrivacyManagerModal is not available');
+        }
+    };
+    const allowCookiesOnce = () => {
+        setAllowedOnce(true);
+        setIsTwitterAllowed(true);
+    };
+    const handlePrivacyManagerClick = (e) => {
+        e.preventDefault();
+        openPrivacyModal(ModalType.GDPR, window.__TIMES_CONFIG__.sourcepoint.gdprMessageId);
+    };
+    const socialMediaVendors = {
+        twitter: { id: '5fab0c31a22863611c5f8764', status: 'pending' }
+    };
+    const enableCookies = () => {
+        const onCustomConsent = (data, success) => {
+            if (success) {
+                // tslint:disable-next-line:no-console
+                console.log('Consent successfully updated', data);
+                setIsTwitterAllowed(true);
+            }
+            else {
+                // tslint:disable-next-line:no-console
+                console.error('Failed to set consent for Twitter.', data);
+            }
+        };
+        const twitterVendorId = socialMediaVendors.twitter.id;
+        if (window.__tcfapi && twitterVendorId) {
+            window.__tcfapi('getCustomVendorConsents', 2, (data, successful) => {
+                if (successful && data && data.grants[twitterVendorId]) {
+                    // const purposeGrants = Object.keys(data.grants[twitterVendorId].purposeGrants).join(',');
+                    window.__tcfapi('postCustomConsent', 2, onCustomConsent, twitterVendorId, Object.keys(data.grants[twitterVendorId].purposeGrants), '');
                 }
                 else {
                     // tslint:disable-next-line:no-console
-                    console.log('Error fetching TCF API data');
+                    console.error('Twitter vendor consent not available:', data);
                 }
             });
         }
         else {
             // tslint:disable-next-line:no-console
-            console.log('TCF API not available');
+            console.error('TCF API is not available or Twitter vendor ID is missing.');
         }
-    }, []);
+    };
+    // tslint:disable-next-line:no-console
+    console.log('allowedOnce', allowedOnce);
+    // tslint:disable-next-line:no-console
+    console.log('allowedOnce || isTwitterAllowed', allowedOnce || isTwitterAllowed);
     // tslint:disable-next-line:no-console
-    console.log('window.__tcfapi', window.__tcfapi);
-    return React.createElement("h1", null, "Test");
+    console.log('allowedOnce && isTwitterAllowed', allowedOnce && isTwitterAllowed);
+    return isTwitterAllowed ? (React.createElement(InteractiveWrapper, { attributes: element.attributes, element: element.value, key: element.key, source: url })) : (React.createElement(CardContainer, null,
+        React.createElement(Header, null,
+            React.createElement(CustomIconContainer, null,
+                React.createElement(InfoIcon, null)),
+            React.createElement(Title, null, "X (Twitter) content blocked")),
+        React.createElement(Paragraph, null,
+            "Please enable cookies and other technologies to view this content. You can update your cookies preferences any time using",
+            ' ',
+            React.createElement(LinkPrivacyManager, { href: "#", onClick: handlePrivacyManagerClick }, "privacy manager.")),
+        React.createElement(EnableButton, { onClick: enableCookies }, "Enable cookies"),
+        React.createElement(AllowButton, { onClick: allowCookiesOnce }, "Allow cookies once")));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHdpdHRlckVtYmVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHdpdHRlci1lbWJlZC9Ud2l0dGVyRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBWXpDLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FFcEIsR0FBRyxFQUFFO0lBQ1Isc0NBQXNDO0lBQ3RDLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBRTlCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixJQUFJLE1BQU0sQ0FBQyxRQUFRLEVBQUU7WUFDbkIsTUFBTSxDQUFDLFFBQVEsQ0FBQyx5QkFBeUIsRUFBRSxDQUFDLEVBQUUsQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLEVBQUU7Z0JBQzlELElBQUksT0FBTyxFQUFFO29CQUNYLHNDQUFzQztvQkFDdEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxtQkFBbUIsRUFBRSxJQUFJLENBQUMsQ0FBQztpQkFDeEM7cUJBQU07b0JBQ0wsc0NBQXNDO29CQUN0QyxPQUFPLENBQUMsR0FBRyxDQUFDLDZCQUE2QixDQUFDLENBQUM7aUJBQzVDO1lBQ0gsQ0FBQyxDQUFDLENBQUM7U0FDSjthQUFNO1lBQ0wsc0NBQXNDO1lBQ3RDLE9BQU8sQ0FBQyxHQUFHLENBQUMsdUJBQXVCLENBQUMsQ0FBQztTQUN0QztJQUNILENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLHNDQUFzQztJQUN0QyxPQUFPLENBQUMsR0FBRyxDQUFDLGlCQUFpQixFQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUVoRCxPQUFPLHVDQUFhLENBQUM7QUFDdkIsQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHdpdHRlckVtYmVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHdpdHRlci1lbWJlZC9Ud2l0dGVyRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNuRCxPQUFPLEVBQ0wsV0FBVyxFQUNYLGFBQWEsRUFDYixZQUFZLEVBQ1osa0JBQWtCLEVBQ2xCLFNBQVMsRUFDVCxLQUFLLEVBQ0wsbUJBQW1CLEVBQ25CLE1BQU0sRUFDUCxNQUFNLFVBQVUsQ0FBQztBQUNsQixPQUFPLEdBQUcsTUFBTSxZQUFZLENBQUM7QUFDN0IsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RELGFBQWE7QUFDYixPQUFPLGtCQUFrQixNQUFNLHVDQUF1QyxDQUFDO0FBaUJ2RSxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQWdDLENBQUMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRTtJQUM1RSxNQUFNLENBQUMsV0FBVyxFQUFFLGNBQWMsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN0RCxNQUFNLENBQUMsZ0JBQWdCLEVBQUUsbUJBQW1CLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFaEUsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLElBQUksTUFBTSxDQUFDLFFBQVEsRUFBRTtZQUNuQixNQUFNLENBQUMsUUFBUSxDQUFDLHlCQUF5QixFQUFFLENBQUMsRUFBRSxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsRUFBRTtnQkFDOUQsSUFBSSxPQUFPLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtvQkFDNUMsTUFBTSxzQkFBc0IsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUN2RCxDQUFD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