@times-components/ts-components 1.104.1 → 1.105.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 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

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/ts-components",
-  "version": "1.104.1",
+  "version": "1.105.1",
   "description": "Reuseable Typescript React Components ",
   "main": "dist/index.js",
   "dev": "dist/index.js",
@@ -57,7 +57,7 @@
     "@times-components/link": "3.17.34",
     "@times-components/provider": "1.41.4",
     "@times-components/provider-queries": "2.23.3",
-    "@times-components/related-articles": "6.17.89",
+    "@times-components/related-articles": "6.17.91",
     "@times-components/ts-slices": "1.9.23",
     "@times-components/ts-styleguide": "1.50.34",
     "@times-components/utils": "6.26.0",
@@ -117,5 +117,5 @@
       "@testing-library/jest-dom/extend-expect"
     ]
   },
-  "gitHead": "6cbae72def0bec2c8bd9e7c2cc517fb84c88cb6b"
+  "gitHead": "fb0829263ae813c815a38a1e5b3caec17256accf"
 }