@times-components/ts-components 1.83.0 → 1.84.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/components/save-star/ContentProvider.d.ts +8 -0
- package/dist/components/save-star/ContentProvider.js +8 -0
- package/dist/components/save-star/SaveStar.js +13 -7
- package/dist/components/save-star/SaveStarUI.d.ts +2 -1
- package/dist/components/save-star/SaveStarUI.js +2 -4
- package/dist/helpers/fetch/FetchProvider.js +8 -8
- package/dist/helpers/fetch/__tests__/FetchProvider.test.js +6 -3
- package/package.json +3 -3
- package/rnw.js +1 -1
- package/src/components/save-star/ContentProvider.tsx +19 -0
- package/src/components/save-star/SaveStar.tsx +18 -11
- package/src/components/save-star/SaveStarUI.tsx +7 -9
- package/src/helpers/fetch/FetchProvider.tsx +7 -6
- package/src/helpers/fetch/__tests__/FetchProvider.test.tsx +5 -3
- package/src/helpers/fetch/__tests__/__snapshots__/FetchProvider.test.tsx.snap +0 -8
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.84.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.83.0...@times-components/ts-components@1.84.0) (2024-04-16)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMD-11:** redesigned article share bar ([#3800](https://github.com/newsuk/times-components/issues/3800)) ([209b1bc](https://github.com/newsuk/times-components/commit/209b1bc753b571c88b380ae65910cd8bfdd4ae6a))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [1.83.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.82.1...@times-components/ts-components@1.83.0) (2024-04-12)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useFetch } from '../../helpers/fetch/FetchProvider';
|
|
3
|
+
export const ContentProvider = React.memo(({ children }) => {
|
|
4
|
+
const fetchResponse = useFetch();
|
|
5
|
+
return (React.createElement(React.Fragment, null, React.isValidElement(children) &&
|
|
6
|
+
React.cloneElement(children, fetchResponse)));
|
|
7
|
+
});
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudFByb3ZpZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2F2ZS1zdGFyL0NvbnRlbnRQcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQVM3RCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQWEsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTtJQUNuRSxNQUFNLGFBQWEsR0FBRyxRQUFRLEVBQW1CLENBQUM7SUFDbEQsT0FBTyxDQUNMLDBDQUNHLEtBQUssQ0FBQyxjQUFjLENBQWUsUUFBUSxDQUFDO1FBQzNDLEtBQUssQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLGFBQWEsQ0FBQyxDQUM1QyxDQUNKLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
1
|
+
import React, { cloneElement, useCallback, useMemo, useState } from 'react';
|
|
2
2
|
import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
3
3
|
import { SaveStarUI } from './SaveStarUI';
|
|
4
|
-
|
|
4
|
+
import { ContentProvider } from './ContentProvider';
|
|
5
|
+
export const SaveStar = React.memo(({ articleId, isPreviewMode, children }) => {
|
|
5
6
|
const [url, setUrl] = useState(`/api/collections/is-bookmarked/${articleId}`);
|
|
6
7
|
const [previewData, setPreviewData] = useState(isPreviewMode ? { isBookmarked: false } : undefined);
|
|
7
|
-
const
|
|
8
|
+
const fetchOptions = useMemo(() => ({ credentials: 'same-origin' }), []);
|
|
9
|
+
const onToggleSave = useCallback((id, isSaved) => {
|
|
8
10
|
if (isPreviewMode) {
|
|
9
11
|
setPreviewData({ isBookmarked: !isSaved });
|
|
10
12
|
}
|
|
@@ -13,8 +15,12 @@ export const SaveStar = React.memo(({ articleId, isPreviewMode }) => {
|
|
|
13
15
|
? `/api/collections/delete/${id}`
|
|
14
16
|
: `/api/collections/save/${id}`);
|
|
15
17
|
}
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
|
|
18
|
+
}, []);
|
|
19
|
+
const Content = children ? (cloneElement(children, {
|
|
20
|
+
articleId,
|
|
21
|
+
onToggleSave
|
|
22
|
+
})) : (React.createElement(SaveStarUI, { articleId: articleId, onToggleSave: onToggleSave }));
|
|
23
|
+
return (React.createElement(FetchProvider, { url: url, options: fetchOptions, previewData: previewData },
|
|
24
|
+
React.createElement(ContentProvider, null, Content)));
|
|
19
25
|
});
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2F2ZVN0YXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zYXZlLXN0YXIvU2F2ZVN0YXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsVUFBVSxFQUFtQixNQUFNLGNBQWMsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFcEQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUdoQixLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDekQsTUFBTSxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxRQUFRLENBQzVCLGtDQUFrQyxTQUFTLEVBQUUsQ0FDOUMsQ0FBQztJQUVGLE1BQU0sQ0FBQyxXQUFXLEVBQUUsY0FBYyxDQUFDLEdBQUcsUUFBUSxDQUM1QyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQ3BELENBQUM7SUFFRixNQUFNLFlBQVksR0FBRyxPQUFPLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRXpFLE1BQU0sWUFBWSxHQUFHLFdBQVcsQ0FBQyxDQUFDLEVBQVUsRUFBRSxPQUFnQixFQUFFLEVBQUU7UUFDaEUsSUFBSSxhQUFhLEVBQUU7WUFDakIsY0FBYyxDQUFDLEVBQUUsWUFBWSxFQUFFLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztTQUM1QzthQUFNO1lBQ0wsTUFBTSxDQUNKLE9BQU87Z0JBQ0wsQ0FBQyxDQUFDLDJCQUEyQixFQUFFLEVBQUU7Z0JBQ2pDLENBQUMsQ0FBQyx5QkFBeUIsRUFBRSxFQUFFLENBQ2xDLENBQUM7U0FDSDtJQUNILENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDekIsWUFBWSxDQUFDLFFBQThCLEVBQUU7UUFDM0MsU0FBUztRQUNULFlBQVk7S0FDYixDQUFDLENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxVQUFVLElBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxHQUFJLENBQ2pFLENBQUM7SUFFRixPQUFPLENBQ0wsb0JBQUMsYUFBYSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsV0FBVztRQUN0RSxvQkFBQyxlQUFlLFFBQUUsT0FBTyxDQUFtQixDQUM5QixDQUNqQixDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUMifQ==
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ContentProps } from './ContentProvider';
|
|
2
3
|
export declare type ArticleBookmark = {
|
|
3
4
|
isBookmarked: boolean;
|
|
4
5
|
};
|
|
5
6
|
export declare const SaveStarUI: React.FC<{
|
|
6
7
|
articleId: string;
|
|
7
8
|
onToggleSave: (id: string, isSaved: boolean) => void;
|
|
8
|
-
}>;
|
|
9
|
+
} & ContentProps>;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { colours } from '@times-components/ts-styleguide';
|
|
3
3
|
import { IconStar } from '@times-components/icons';
|
|
4
|
-
import { useFetch } from '../../helpers/fetch/FetchProvider';
|
|
5
4
|
import { IconContainer, LoadingIcon, SaveStarText, SaveStarButton } from './styles';
|
|
6
5
|
const getText = (isSaved) => (isSaved ? 'Saved' : 'Save');
|
|
7
6
|
const getIconTitle = (isSaved) => isSaved ? 'Remove from My Articles' : 'Save to My Articles';
|
|
8
7
|
const getIconFillColour = (isSaved) => isSaved ? colours.functional.action : colours.functional.white;
|
|
9
|
-
export const SaveStarUI = ({ articleId, onToggleSave }) => {
|
|
10
|
-
const { loading, error, data } = useFetch();
|
|
8
|
+
export const SaveStarUI = ({ articleId, onToggleSave, loading, error, data }) => {
|
|
11
9
|
if (loading) {
|
|
12
10
|
return (React.createElement(React.Fragment, null,
|
|
13
11
|
React.createElement(SaveStarText, null, getText(false)),
|
|
@@ -23,4 +21,4 @@ export const SaveStarUI = ({ articleId, onToggleSave }) => {
|
|
|
23
21
|
React.createElement(IconContainer, null,
|
|
24
22
|
React.createElement(IconStar, { height: 18, title: getIconTitle(data.isBookmarked), fillColour: getIconFillColour(data.isBookmarked), strokeColour: colours.functional.secondary })))));
|
|
25
23
|
};
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2F2ZVN0YXJVSS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NhdmUtc3Rhci9TYXZlU3RhclVJLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVuRCxPQUFPLEVBQ0wsYUFBYSxFQUNiLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNmLE1BQU0sVUFBVSxDQUFDO0FBTWxCLE1BQU0sT0FBTyxHQUFHLENBQUMsT0FBZ0IsRUFBRSxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7QUFFbkUsTUFBTSxZQUFZLEdBQUcsQ0FBQyxPQUFnQixFQUFFLEVBQUUsQ0FDeEMsT0FBTyxDQUFDLENBQUMsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUM7QUFFOUQsTUFBTSxpQkFBaUIsR0FBRyxDQUFDLE9BQWdCLEVBQUUsRUFBRSxDQUM3QyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUVqRSxNQUFNLENBQUMsTUFBTSxVQUFVLEdBS25CLENBQUMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRTtJQUN4RCxJQUFJLE9BQU8sRUFBRTtRQUNYLE9BQU8sQ0FDTDtZQUNFLG9CQUFDLFlBQVksUUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDLENBQWdCO1lBQzdDLG9CQUFDLGFBQWE7Z0JBQ1osb0JBQUMsV0FBVyxPQUFHLENBQ0QsQ0FDZixDQUNKLENBQUM7S0FDSDtJQUVELElBQUksS0FBSyxJQUFJLENBQUMsSUFBSSxFQUFFO1FBQ2xCLE9BQU8sSUFBSSxDQUFDO0tBQ2I7SUFFRCxPQUFPLENBQ0w7UUFDRSxvQkFBQyxZQUFZLFFBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBZ0I7UUFDekQsb0JBQUMsY0FBYyxJQUNiLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUM7WUFFekQsb0JBQUMsYUFBYTtnQkFDWixvQkFBQyxRQUFRLElBQ1AsTUFBTSxFQUFFLEVBQUUsRUFDVixLQUFLLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFDdEMsVUFBVSxFQUFFLGlCQUFpQixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFDaEQsWUFBWSxFQUFFLE9BQU8sQ0FBQyxVQUFVLENBQUMsU0FBUyxHQUMxQyxDQUNZLENBQ0QsQ0FDaEIsQ0FDSixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
|
@@ -10,6 +10,12 @@ export const FetchProvider = ({ url, options, previewData, children }) => {
|
|
|
10
10
|
setLoading(true);
|
|
11
11
|
const fetchData = async () => {
|
|
12
12
|
try {
|
|
13
|
+
if (previewData) {
|
|
14
|
+
await new Promise(resolve => setTimeout(resolve, 1500));
|
|
15
|
+
setData(previewData);
|
|
16
|
+
setLoading(false);
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
13
19
|
if (url) {
|
|
14
20
|
const response = await fetch(url, options);
|
|
15
21
|
const json = await response.json();
|
|
@@ -25,13 +31,7 @@ export const FetchProvider = ({ url, options, previewData, children }) => {
|
|
|
25
31
|
setLoading(false);
|
|
26
32
|
}
|
|
27
33
|
};
|
|
28
|
-
|
|
29
|
-
setData(previewData);
|
|
30
|
-
setLoading(false);
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
fetchData();
|
|
34
|
-
}
|
|
34
|
+
fetchData();
|
|
35
35
|
}
|
|
36
36
|
}, [url, options, previewData]);
|
|
37
37
|
return (React.createElement(FetchProviderContext.Provider, { value: { loading, error, data } }, children));
|
|
@@ -43,4 +43,4 @@ export const useFetch = () => {
|
|
|
43
43
|
}
|
|
44
44
|
return context;
|
|
45
45
|
};
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmV0Y2hQcm92aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9oZWxwZXJzL2ZldGNoL0ZldGNoUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLG9CQUFvQixDQUFDO0FBQ3ZDLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBZTlFLE1BQU0sb0JBQW9CLEdBQUcsYUFBYSxDQUN4QyxTQUFTLENBQ1YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBaUMsQ0FBQyxFQUMxRCxHQUFHLEVBQ0gsT0FBTyxFQUNQLFdBQVcsRUFDWCxRQUFRLEVBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDdkQsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLEVBQXNCLENBQUM7SUFDekQsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxRQUFRLEVBQW1CLENBQUM7SUFFcEQsU0FBUyxDQUNQLEdBQUcsRUFBRTtRQUNILElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDWixVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7WUFFakIsTUFBTSxTQUFTLEdBQUcsS0FBSyxJQUFJLEVBQUU7Z0JBQzNCLElBQUk7b0JBQ0YsSUFBSSxXQUFXLEVBQUU7d0JBQ2YsTUFBTSxJQUFJLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQzt3QkFDeEQsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDO3dCQUNyQixVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7d0JBQ2xCLE9BQU87cUJBQ1I7b0JBQ0QsSUFBSSxHQUFHLEVBQUU7d0JBQ1AsTUFBTSxRQUFRLEdBQUcsTUFBTSxLQUFLLENBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxDQUFDO3dCQUMzQyxNQUFNLElBQUksR0FBRyxNQUFNLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQzt3QkFFbkMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO3dCQUNkLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztxQkFDbkI7eUJBQU07d0JBQ0wsTUFBTSxJQUFJLEtBQUssQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO3FCQUM3QztpQkFDRjtnQkFBQyxPQUFPLEdBQUcsRUFBRTtvQkFDWixRQUFRLENBQUMsR0FBRyxZQUFZLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUM7b0JBQy9ELFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDbkI7WUFDSCxDQUFDLENBQUM7WUFFRixTQUFTLEVBQUUsQ0FBQztTQUNiO0lBQ0gsQ0FBQyxFQUNELENBQUMsR0FBRyxFQUFFLE9BQU8sRUFBRSxXQUFXLENBQUMsQ0FDNUIsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxvQkFBb0IsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsSUFDM0QsUUFBUSxDQUNxQixDQUNqQyxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQW1DLEVBQUU7SUFDM0QsTUFBTSxPQUFPLEdBQW9CLFVBQVUsQ0FDekMsb0JBQW9CLENBQ0YsQ0FBQztJQUVyQixJQUFJLE9BQU8sS0FBSyxTQUFTLEVBQUU7UUFDekIsTUFBTSxJQUFJLEtBQUssQ0FBQyxxQ0FBcUMsQ0FBQyxDQUFDO0tBQ3hEO0lBRUQsT0FBTyxPQUFPLENBQUM7QUFDakIsQ0FBQyxDQUFDIn0=
|
|
@@ -51,8 +51,11 @@ describe('<FetchProvider>', () => {
|
|
|
51
51
|
const value = 'Preloaded';
|
|
52
52
|
const { asFragment, findByText } = render(React.createElement(FetchProvider, { previewData: { value } },
|
|
53
53
|
React.createElement(TestComponent, null)));
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
// Await artificial delay
|
|
55
|
+
setTimeout(async () => {
|
|
56
|
+
await findByText(value);
|
|
57
|
+
expect(asFragment()).toMatchSnapshot();
|
|
58
|
+
}, 2000);
|
|
56
59
|
});
|
|
57
60
|
});
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmV0Y2hQcm92aWRlci50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2hlbHBlcnMvZmV0Y2gvX190ZXN0c19fL0ZldGNoUHJvdmlkZXIudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFhLE1BQU0sT0FBTyxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxPQUFPLHFCQUFxQixDQUFDO0FBRTdCLE9BQU8sVUFBVSxNQUFNLG9CQUFvQixDQUFDO0FBQzVDLE1BQU0sU0FBUyxHQUFHLFVBQWlCLENBQUM7QUFFcEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUUzRCxNQUFNLGFBQWEsR0FBVyxHQUFHLEVBQUU7SUFDakMsSUFBSTtRQUNGLE1BQU0sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFFBQVEsRUFBcUIsQ0FBQztRQUUvRCxJQUFJLE9BQU8sRUFBRTtZQUNYLE9BQU8sMkNBQWtCLENBQUM7U0FDM0I7UUFFRCxJQUFJLEtBQUssRUFBRTtZQUNULE9BQU8seUNBQWdCLENBQUM7U0FDekI7UUFFRCxPQUFPLGlDQUFNLElBQUssQ0FBQyxLQUFLLENBQU8sQ0FBQztLQUNqQztJQUFDLE1BQU07UUFDTixPQUFPLHlDQUFnQixDQUFDO0tBQ3pCO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsUUFBUSxDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRTtJQUMvQixTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsU0FBUyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3BCLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNwQixDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sUUFBUSxHQUFHLHNCQUFzQixDQUFDO0lBRXhDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDckIsTUFBTSxLQUFLLEdBQUcsU0FBUyxDQUFDO1FBQ3hCLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFM0QsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsR0FBRyxNQUFNLENBQ3ZDLG9CQUFDLGFBQWEsSUFBQyxHQUFHLEVBQUUsUUFBUTtZQUMxQixvQkFBQyxhQUFhLE9BQUcsQ0FDSCxDQUNqQixDQUFDO1FBRUYsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3RCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXZDLE1BQU0sVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLE9BQU8sRUFBRSxLQUFLLElBQUksRUFBRTtRQUNyQixTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBRTFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcsTUFBTSxDQUN2QyxvQkFBQyxhQUFhLElBQUMsR0FBRyxFQUFFLFFBQVE7WUFDMUIsb0JBQUMsYUFBYSxtQkFBeUIsQ0FDekIsQ0FDakIsQ0FBQztRQUVGLE1BQU0sVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzFCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLFlBQVksRUFBRSxLQUFLLElBQUksRUFBRTtRQUMxQixNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxHQUFHLE1BQU0sQ0FDdkMsb0JBQUMsYUFBYSxtQkFBeUIsQ0FDeEMsQ0FBQztRQUVGLE1BQU0sVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzFCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLFNBQVMsRUFBRSxLQUFLLElBQUksRUFBRTtRQUN2QixNQUFNLEtBQUssR0FBRyxXQUFXLENBQUM7UUFFMUIsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsR0FBRyxNQUFNLENBQ3ZDLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsRUFBRSxLQUFLLEVBQUU7WUFDbkMsb0JBQUMsYUFBYSxPQUFHLENBQ0gsQ0FDakIsQ0FBQztRQUNGLHlCQUF5QjtRQUN6QixVQUFVLENBQUMsS0FBSyxJQUFJLEVBQUU7WUFDcEIsTUFBTSxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDeEIsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDekMsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ1gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.84.0",
|
|
4
4
|
"description": "Reuseable Typescript React Components ",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"@times-components/link": "3.17.13",
|
|
58
58
|
"@times-components/provider": "1.40.14",
|
|
59
59
|
"@times-components/provider-queries": "2.21.0",
|
|
60
|
-
"@times-components/related-articles": "6.17.
|
|
60
|
+
"@times-components/related-articles": "6.17.52",
|
|
61
61
|
"@times-components/ts-slices": "1.9.1",
|
|
62
62
|
"@times-components/ts-styleguide": "1.50.13",
|
|
63
63
|
"@times-components/utils": "6.20.1",
|
|
@@ -115,5 +115,5 @@
|
|
|
115
115
|
"@testing-library/jest-dom/extend-expect"
|
|
116
116
|
]
|
|
117
117
|
},
|
|
118
|
-
"gitHead": "
|
|
118
|
+
"gitHead": "94a399c0beb404720f398d3e4c65bd7f555f8089"
|
|
119
119
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(t){var e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(o,i,function(e){return t[e]}.bind(null,i));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=19)}([function(t,e){t.exports=require("react")},function(t,e){t.exports=require("@times-components/ts-styleguide/rnw")},function(t,e){t.exports=require("styled-components")},function(t,e){t.exports=require("@times-components/image/rnw")},function(t,e){t.exports=require("date-fns")},function(t,e){t.exports=require("@times-components/utils/rnw")},function(t,e){t.exports=require("@times-components/icons/rnw")},function(t,e){t.exports=require("date-fns-tz")},function(t,e){t.exports=require("react-elastic-carousel")},function(t,e,n){(function(t){var n=/^\[object .+?Constructor\]$/,o=/^(?:0|[1-9]\d*)$/,i={};i["[object Float32Array]"]=i["[object Float64Array]"]=i["[object Int8Array]"]=i["[object Int16Array]"]=i["[object Int32Array]"]=i["[object Uint8Array]"]=i["[object Uint8ClampedArray]"]=i["[object Uint16Array]"]=i["[object Uint32Array]"]=!0,i["[object Arguments]"]=i["[object Array]"]=i["[object ArrayBuffer]"]=i["[object Boolean]"]=i["[object DataView]"]=i["[object Date]"]=i["[object Error]"]=i["[object Function]"]=i["[object Map]"]=i["[object Number]"]=i["[object Object]"]=i["[object RegExp]"]=i["[object Set]"]=i["[object String]"]=i["[object WeakMap]"]=!1;var r="object"==typeof global&&global&&global.Object===Object&&global,a="object"==typeof self&&self&&self.Object===Object&&self,l=r||a||Function("return this")(),c=e&&!e.nodeType&&e,s=c&&"object"==typeof t&&t&&!t.nodeType&&t,d=s&&s.exports===c,p=d&&r.process,u=function(){try{var t=s&&s.require&&s.require("util").types;return t||p&&p.binding&&p.binding("util")}catch(t){}}(),f=u&&u.isTypedArray;function m(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}var h,g,y,b=Array.prototype,x=Function.prototype,w=Object.prototype,v=l["__core-js_shared__"],_=x.toString,C=w.hasOwnProperty,O=(h=/[^.]+$/.exec(v&&v.keys&&v.keys.IE_PROTO||""))?"Symbol(src)_1."+h:"",E=w.toString,k=_.call(Object),I=RegExp("^"+_.call(C).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),j=d?l.Buffer:void 0,S=l.Symbol,z=l.Uint8Array,A=j?j.allocUnsafe:void 0,N=(g=Object.getPrototypeOf,y=Object,function(t){return g(y(t))}),T=Object.create,P=w.propertyIsEnumerable,M=b.splice,W=S?S.toStringTag:void 0,H=function(){try{var t=ct(Object,"defineProperty");return t({},"",{}),t}catch(t){}}(),L=j?j.isBuffer:void 0,B=Math.max,R=Date.now,D=ct(l,"Map"),q=ct(Object,"create"),F=function(){function t(){}return function(e){if(!wt(e))return{};if(T)return T(e);t.prototype=e;var n=new t;return t.prototype=void 0,n}}();function U(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function $(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function Y(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function G(t){var e=this.__data__=new $(t);this.size=e.size}function V(t,e){var n=ht(t),o=!n&&mt(t),i=!n&&!o&&yt(t),r=!n&&!o&&!i&&_t(t),a=n||o||i||r,l=a?function(t,e){for(var n=-1,o=Array(t);++n<t;)o[n]=e(n);return o}(t.length,String):[],c=l.length;for(var s in t)!e&&!C.call(t,s)||a&&("length"==s||i&&("offset"==s||"parent"==s)||r&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||st(s,c))||l.push(s);return l}function Z(t,e,n){(void 0!==n&&!ft(t[e],n)||void 0===n&&!(e in t))&&K(t,e,n)}function J(t,e,n){var o=t[e];C.call(t,e)&&ft(o,n)&&(void 0!==n||e in t)||K(t,e,n)}function X(t,e){for(var n=t.length;n--;)if(ft(t[n][0],e))return n;return-1}function K(t,e,n){"__proto__"==e&&H?H(t,e,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[e]=n}U.prototype.clear=function(){this.__data__=q?q(null):{},this.size=0},U.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},U.prototype.get=function(t){var e=this.__data__;if(q){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return C.call(e,t)?e[t]:void 0},U.prototype.has=function(t){var e=this.__data__;return q?void 0!==e[t]:C.call(e,t)},U.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=q&&void 0===e?"__lodash_hash_undefined__":e,this},$.prototype.clear=function(){this.__data__=[],this.size=0},$.prototype.delete=function(t){var e=this.__data__,n=X(e,t);return!(n<0)&&(n==e.length-1?e.pop():M.call(e,n,1),--this.size,!0)},$.prototype.get=function(t){var e=this.__data__,n=X(e,t);return n<0?void 0:e[n][1]},$.prototype.has=function(t){return X(this.__data__,t)>-1},$.prototype.set=function(t,e){var n=this.__data__,o=X(n,t);return o<0?(++this.size,n.push([t,e])):n[o][1]=e,this},Y.prototype.clear=function(){this.size=0,this.__data__={hash:new U,map:new(D||$),string:new U}},Y.prototype.delete=function(t){var e=lt(this,t).delete(t);return this.size-=e?1:0,e},Y.prototype.get=function(t){return lt(this,t).get(t)},Y.prototype.has=function(t){return lt(this,t).has(t)},Y.prototype.set=function(t,e){var n=lt(this,t),o=n.size;return n.set(t,e),this.size+=n.size==o?0:1,this},G.prototype.clear=function(){this.__data__=new $,this.size=0},G.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},G.prototype.get=function(t){return this.__data__.get(t)},G.prototype.has=function(t){return this.__data__.has(t)},G.prototype.set=function(t,e){var n=this.__data__;if(n instanceof $){var o=n.__data__;if(!D||o.length<199)return o.push([t,e]),this.size=++n.size,this;n=this.__data__=new Y(o)}return n.set(t,e),this.size=n.size,this};var Q,tt=function(t,e,n){for(var o=-1,i=Object(t),r=n(t),a=r.length;a--;){var l=r[Q?a:++o];if(!1===e(i[l],l,i))break}return t};function et(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":W&&W in Object(t)?function(t){var e=C.call(t,W),n=t[W];try{t[W]=void 0;var o=!0}catch(t){}var i=E.call(t);o&&(e?t[W]=n:delete t[W]);return i}(t):function(t){return E.call(t)}(t)}function nt(t){return vt(t)&&"[object Arguments]"==et(t)}function ot(t){return!(!wt(t)||function(t){return!!O&&O in t}(t))&&(bt(t)?I:n).test(function(t){if(null!=t){try{return _.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(t))}function it(t){if(!wt(t))return function(t){var e=[];if(null!=t)for(var n in Object(t))e.push(n);return e}(t);var e=dt(t),n=[];for(var o in t)("constructor"!=o||!e&&C.call(t,o))&&n.push(o);return n}function rt(t,e,n,o,i){t!==e&&tt(e,(function(r,a){if(i||(i=new G),wt(r))!function(t,e,n,o,i,r,a){var l=pt(t,n),c=pt(e,n),s=a.get(c);if(s)return void Z(t,n,s);var d=r?r(l,c,n+"",t,e,a):void 0,p=void 0===d;if(p){var u=ht(c),f=!u&&yt(c),m=!u&&!f&&_t(c);d=c,u||f||m?ht(l)?d=l:vt(x=l)&>(x)?d=function(t,e){var n=-1,o=t.length;e||(e=Array(o));for(;++n<o;)e[n]=t[n];return e}(l):f?(p=!1,d=function(t,e){if(e)return t.slice();var n=t.length,o=A?A(n):new t.constructor(n);return t.copy(o),o}(c,!0)):m?(p=!1,h=c,g=!0?(y=h.buffer,b=new y.constructor(y.byteLength),new z(b).set(new z(y)),b):h.buffer,d=new h.constructor(g,h.byteOffset,h.length)):d=[]:function(t){if(!vt(t)||"[object Object]"!=et(t))return!1;var e=N(t);if(null===e)return!0;var n=C.call(e,"constructor")&&e.constructor;return"function"==typeof n&&n instanceof n&&_.call(n)==k}(c)||mt(c)?(d=l,mt(l)?d=function(t){return function(t,e,n,o){var i=!n;n||(n={});var r=-1,a=e.length;for(;++r<a;){var l=e[r],c=o?o(n[l],t[l],l,n,t):void 0;void 0===c&&(c=t[l]),i?K(n,l,c):J(n,l,c)}return n}(t,Ct(t))}(l):wt(l)&&!bt(l)||(d=function(t){return"function"!=typeof t.constructor||dt(t)?{}:F(N(t))}(c))):p=!1}var h,g,y,b;var x;p&&(a.set(c,d),i(d,c,o,r,a),a.delete(c));Z(t,n,d)}(t,e,a,n,rt,o,i);else{var l=o?o(pt(t,a),r,a+"",t,e,i):void 0;void 0===l&&(l=r),Z(t,a,l)}}),Ct)}function at(t,e){return ut(function(t,e,n){return e=B(void 0===e?t.length-1:e,0),function(){for(var o=arguments,i=-1,r=B(o.length-e,0),a=Array(r);++i<r;)a[i]=o[e+i];i=-1;for(var l=Array(e+1);++i<e;)l[i]=o[i];return l[e]=n(a),m(t,this,l)}}(t,e,kt),t+"")}function lt(t,e){var n,o,i=t.__data__;return("string"==(o=typeof(n=e))||"number"==o||"symbol"==o||"boolean"==o?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map}function ct(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return ot(n)?n:void 0}function st(t,e){var n=typeof t;return!!(e=null==e?9007199254740991:e)&&("number"==n||"symbol"!=n&&o.test(t))&&t>-1&&t%1==0&&t<e}function dt(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||w)}function pt(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]}var ut=function(t){var e=0,n=0;return function(){var o=R(),i=16-(o-n);if(n=o,i>0){if(++e>=800)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}(H?function(t,e){return H(t,"toString",{configurable:!0,enumerable:!1,value:(n=e,function(){return n}),writable:!0});var n}:kt);function ft(t,e){return t===e||t!=t&&e!=e}var mt=nt(function(){return arguments}())?nt:function(t){return vt(t)&&C.call(t,"callee")&&!P.call(t,"callee")},ht=Array.isArray;function gt(t){return null!=t&&xt(t.length)&&!bt(t)}var yt=L||function(){return!1};function bt(t){if(!wt(t))return!1;var e=et(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}function xt(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}function wt(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}function vt(t){return null!=t&&"object"==typeof t}var _t=f?function(t){return function(e){return t(e)}}(f):function(t){return vt(t)&&xt(t.length)&&!!i[et(t)]};function Ct(t){return gt(t)?V(t,!0):it(t)}var Ot,Et=(Ot=function(t,e,n){rt(t,e,n)},at((function(t,e){var n=-1,o=e.length,i=o>1?e[o-1]:void 0,r=o>2?e[2]:void 0;for(i=Ot.length>3&&"function"==typeof i?(o--,i):void 0,r&&function(t,e,n){if(!wt(n))return!1;var o=typeof e;return!!("number"==o?gt(n)&&st(e,n.length):"string"==o&&e in n)&&ft(n[e],t)}(e[0],e[1],r)&&(i=o<3?void 0:i,o=1),t=Object(t);++n<o;){var a=e[n];a&&Ot(t,a,n,i)}return t})));function kt(t){return t}t.exports=Et}).call(this,n(18)(t))},function(t,e){t.exports=require("isomorphic-unfetch")},function(t,e){t.exports=require("xss")},function(t,e){t.exports=require("react-apollo")},function(t,e){t.exports=require("@times-components/provider/rnw")},function(t,e){t.exports=require("@times-components/provider-queries/rnw")},function(t,e){t.exports=require("@times-components/link/rnw")},function(t,e){var n=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,o=/^\w*$/,i=/^\./,r=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,a=/\\(\\)?/g,l=/^\[object .+?Constructor\]$/,c="object"==typeof global&&global&&global.Object===Object&&global,s="object"==typeof self&&self&&self.Object===Object&&self,d=c||s||Function("return this")();var p,u=Array.prototype,f=Function.prototype,m=Object.prototype,h=d["__core-js_shared__"],g=(p=/[^.]+$/.exec(h&&h.keys&&h.keys.IE_PROTO||""))?"Symbol(src)_1."+p:"",y=f.toString,b=m.hasOwnProperty,x=m.toString,w=RegExp("^"+y.call(b).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),v=d.Symbol,_=u.splice,C=P(d,"Map"),O=P(Object,"create"),E=v?v.prototype:void 0,k=E?E.toString:void 0;function I(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function j(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function S(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function z(t,e){for(var n,o,i=t.length;i--;)if((n=t[i][0])===(o=e)||n!=n&&o!=o)return i;return-1}function A(t,e){for(var i,r=0,a=(e=function(t,e){if(L(t))return!1;var i=typeof t;if("number"==i||"symbol"==i||"boolean"==i||null==t||R(t))return!0;return o.test(t)||!n.test(t)||null!=e&&t in Object(e)}(e,t)?[e]:L(i=e)?i:M(i)).length;null!=t&&r<a;)t=t[W(e[r++])];return r&&r==a?t:void 0}function N(t){return!(!B(t)||(e=t,g&&g in e))&&(function(t){var e=B(t)?x.call(t):"";return"[object Function]"==e||"[object GeneratorFunction]"==e}(t)||function(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}(t)?w:l).test(function(t){if(null!=t){try{return y.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(t));var e}function T(t,e){var n,o,i=t.__data__;return("string"==(o=typeof(n=e))||"number"==o||"symbol"==o||"boolean"==o?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map}function P(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return N(n)?n:void 0}I.prototype.clear=function(){this.__data__=O?O(null):{}},I.prototype.delete=function(t){return this.has(t)&&delete this.__data__[t]},I.prototype.get=function(t){var e=this.__data__;if(O){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return b.call(e,t)?e[t]:void 0},I.prototype.has=function(t){var e=this.__data__;return O?void 0!==e[t]:b.call(e,t)},I.prototype.set=function(t,e){return this.__data__[t]=O&&void 0===e?"__lodash_hash_undefined__":e,this},j.prototype.clear=function(){this.__data__=[]},j.prototype.delete=function(t){var e=this.__data__,n=z(e,t);return!(n<0)&&(n==e.length-1?e.pop():_.call(e,n,1),!0)},j.prototype.get=function(t){var e=this.__data__,n=z(e,t);return n<0?void 0:e[n][1]},j.prototype.has=function(t){return z(this.__data__,t)>-1},j.prototype.set=function(t,e){var n=this.__data__,o=z(n,t);return o<0?n.push([t,e]):n[o][1]=e,this},S.prototype.clear=function(){this.__data__={hash:new I,map:new(C||j),string:new I}},S.prototype.delete=function(t){return T(this,t).delete(t)},S.prototype.get=function(t){return T(this,t).get(t)},S.prototype.has=function(t){return T(this,t).has(t)},S.prototype.set=function(t,e){return T(this,t).set(t,e),this};var M=H((function(t){var e;t=null==(e=t)?"":function(t){if("string"==typeof t)return t;if(R(t))return k?k.call(t):"";var e=t+"";return"0"==e&&1/t==-1/0?"-0":e}(e);var n=[];return i.test(t)&&n.push(""),t.replace(r,(function(t,e,o,i){n.push(o?i.replace(a,"$1"):e||t)})),n}));function W(t){if("string"==typeof t||R(t))return t;var e=t+"";return"0"==e&&1/t==-1/0?"-0":e}function H(t,e){if("function"!=typeof t||e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var o=arguments,i=e?e.apply(this,o):o[0],r=n.cache;if(r.has(i))return r.get(i);var a=t.apply(this,o);return n.cache=r.set(i,a),a};return n.cache=new(H.Cache||S),n}H.Cache=S;var L=Array.isArray;function B(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function R(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==x.call(t)}t.exports=function(t,e,n){var o=null==t?void 0:A(t,e);return void 0===o?n:o}},function(t,e){t.exports=require("@times-components/ts-slices/rnw")},function(t,e){t.exports=function(t){return t.webpackPolyfill||(t.deprecate=function(){},t.paths=[],t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),t.webpackPolyfill=1),t}},function(t,e,n){"use strict";n.r(e);var o=n(0),i=n.n(o),r=n(3),a=n(10),l=n.n(a);function c(t,e,n,o,i,r,a){try{var l=t[r](a),c=l.value}catch(t){return void n(t)}l.done?e(c):Promise.resolve(c).then(o,i)}function s(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return d(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const p=Object(o.createContext)(void 0),u=t=>{let e=t.url,n=t.options,r=t.previewData,a=t.children;const d=s(Object(o.useState)(!1),2),u=d[0],f=d[1],m=s(Object(o.useState)(),2),h=m[0],g=m[1],y=s(Object(o.useState)(),2),b=y[0],x=y[1];return Object(o.useEffect)(()=>{if(!u){f(!0);const t=function(){var t,o=(t=function*(){try{if(!e)throw new Error("must provide a Fetch url");{const t=yield l()(e,n),o=yield t.json();x(o),f(!1)}}catch(t){g(t instanceof Error?t.message:"unknown error"),f(!1)}},function(){var e=this,n=arguments;return new Promise((function(o,i){var r=t.apply(e,n);function a(t){c(r,o,i,a,l,"next",t)}function l(t){c(r,o,i,a,l,"throw",t)}a(void 0)}))});return function(){return o.apply(this,arguments)}}();r?(x(r),f(!1)):t()}},[e,n,r]),i.a.createElement(p.Provider,{value:{loading:u,error:h,data:b}},a)},f=()=>{const t=Object(o.useContext)(p);if(void 0===t)throw new Error("must be used within a FetchProvider");return t};var m=n(11),h=n.n(m);const g=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n=t=>{let e=document.createElement("textarea");return e.innerHTML=t,e.value};let o={whiteList:e,stripIgnoreTag:!0,stripIgnoreTagBody:["script"]},i=n(t);return h()(i,o)};var y=n(2),b=n.n(y);const x={"2:3":"150%","4:5":"125%","1:1":"100%","4:3":"75%","3:2":"66.66%","16:9":"56.25%"},w=b.a.div.withConfig({displayName:"styles__AspectRatioContainer",componentId:"sc-1lxnrk8-0"})(["",";"],t=>{let e=t.ratio;return e&&x[e]&&Object(y.css)(["position:relative;overflow:hidden;&:after{content:'';display:block;padding-bottom:",";}> img{position:absolute;width:100%;height:100%;object-fit:cover;}"],x[e])}),v=t=>{let e=t.ratio,n=t.children;return i.a.createElement(w,{ratio:e},n)};var _=n(6),C=n(1);const O=b.a.a.withConfig({displayName:"styles__Link",componentId:"spl816-0"})(["display:flex;flex-direction:row;margin-top:16px;color:#bf0000;fill:#bf0000;:hover{color:",";fill:",";}"],C.colours.functional.secondary,C.colours.functional.secondary),E=b.a.div.withConfig({displayName:"styles__LinkText",componentId:"spl816-1"})(["margin-top:1px;margin-right:12px;font-family:",";font-size:15px;"],C.fonts.supporting),k=t=>{let e=t.link,n=t.linkText,o=t.onClick;return i.a.createElement(O,{href:e,onClick:()=>o&&o(n)},i.a.createElement(E,null,n),i.a.createElement(_.IconForwardChevron,{height:18,width:8}))};var I=n(9),j=n.n(I);function S(t,e,n){return Object(o.useEffect)(()=>{let o;return null!==t&&(o="undefined"!=typeof window&&window.IntersectionObserver&&new window.IntersectionObserver(t=>{t[0].isIntersecting&&(o&&o.disconnect(),e&&e())},n)||void 0,o&&o.observe(t)),()=>{o&&o.disconnect()}},[t])}function z(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function A(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function N(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return T(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return T(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function T(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const P=i.a.createContext({context:{}}),M=()=>Object(o.useContext)(P),W=t=>{let e=t.children,n=t.analyticsStream,r=t.context,a=t.scrolledEvent;const l=Object(o.useContext)(P),c=void 0!==n?n:l.analyticsStream,s=j()({},l.context,r),d=t=>{const e=j()({},s,t,{attrs:{eventTime:(new Date).toISOString()}});c?c(e):console.error("no analytics stream to send to",e)},p=N(Object(o.useState)(null),2),u=p[0],f=p[1];return a&&S(u,()=>d&&d(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?z(Object(n),!0).forEach((function(e){A(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({action:"Scrolled"},a)),{threshold:.5}),i.a.createElement(P.Provider,{value:{fireAnalyticsEvent:d,context:s,analyticsStream:c}},"function"==typeof e?e({fireAnalyticsEvent:d,intersectObserverRef:f}):e)},H=b.a.div.withConfig({displayName:"common-styles__PlaceholderContainer",componentId:"sc-14ch98m-0"})(["position:relative;height:200px;margin:0 auto 20px auto;@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],C.breakpoints.medium,C.breakpoints.wide),L=b.a.div.withConfig({displayName:"common-styles__Label",componentId:"sc-14ch98m-1"})(["font-family:",";font-size:12px;line-height:16px;text-transform:uppercase;color:",";padding-bottom:5px;letter-spacing:0.5px;"],C.fonts.supporting,t=>{let e=t.sectionColour;return"".concat(e)}),B=b.a.div.withConfig({displayName:"common-styles__HiddenDiv",componentId:"sc-14ch98m-2"})(["display:none;"]),R=b.a.div.withConfig({displayName:"common-styles__Copy",componentId:"sc-14ch98m-3"})(["color:",";font-family:",";font-size:16px;line-height:24px;"],C.colours.functional.secondary,C.fonts.body),D=b.a.ul.withConfig({displayName:"common-styles__List",componentId:"sc-14ch98m-4"})(["display:flex;flex-wrap:wrap;margin:0 -2px -1px -15px;list-style:none;padding:0;@media (min-width:","px){}"],C.breakpoints.medium),q=b.a.div.withConfig({displayName:"common-styles__ListContainer",componentId:"sc-14ch98m-5"})(["display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;max-height:",";"],t=>{let e=t.showAll,n=t.maxHeight,o=t.displayShowAll;return!e&&o?n+"px":"none"}),F=b.a.div.withConfig({displayName:"common-styles__ShowAllContainer",componentId:"sc-14ch98m-6"})(["display:flex;border-top:1px solid ",";padding:5px;justify-content:center;display:",";"],C.colours.functional.keyline,t=>t.displayShowAll?"flex":"none"),U=b.a.div.withConfig({displayName:"common-styles__Headline",componentId:"sc-14ch98m-7"})(["font-family:",";font-size:24px;line-height:24px;color:",";margin:0 0 6px;@media (min-width:","px){font-size:32px;line-height:32px;}"],C.fonts.headline,C.colours.functional.brandColour,C.breakpoints.medium),$=b.a.button.withConfig({displayName:"common-styles__ShowAllButton",componentId:"sc-14ch98m-8"})(["font-family:",";font-weight:500;line-height:20px;border:1px solid ",";background:transparent;cursor:pointer;&:active{border:1px solid ",";color:",";}"],C.fonts.supporting,C.colours.functional.primary,C.colours.functional.action,C.colours.functional.action),Y=b.a.div.withConfig({displayName:"styles__Container",componentId:"e5otdw-0"})(["display:flex;flex-direction:column;margin:0 auto 20px auto;padding:20px;background-color:#f9f9f9;border-top:",";a{text-decoration:none;}@media (min-width:","px){flex-direction:row;width:80.8%;}@media (min-width:","px){width:56.2%;}"],t=>{let e=t.sectionColour;return"2px solid ".concat(e)},C.breakpoints.medium,C.breakpoints.wide),G=b.a.div.withConfig({displayName:"styles__ImageContainer",componentId:"e5otdw-1"})(["padding-bottom:12px;img{display:block;width:100%;}@media (min-width:","px){width:50%;padding-right:20px;padding-bottom:0;}"],C.breakpoints.medium),V=b.a.div.withConfig({displayName:"styles__ContentContainer",componentId:"e5otdw-2"})(["display:flex;flex-direction:column;justify-content:space-between;@media (min-width:","px){width:",";}"],C.breakpoints.medium,t=>t.hasImage?"50%":"100%"),Z=b.a.div.withConfig({displayName:"styles__Label",componentId:"e5otdw-3"})(["padding-bottom:",";color:",";font-family:",";font-size:12px;text-transform:uppercase;letter-spacing:0.5px;"],t=>t.hasImage?"8px":"12px",t=>t.sectionColour,C.fonts.supporting),J=b.a.h4.withConfig({displayName:"styles__Headline",componentId:"e5otdw-4"})(["margin:0;padding-bottom:8px;color:",";font-family:",";font-size:24px;line-height:24px;font-weight:normal;:hover{color:#069;}@media (min-width:","px){font-size:",";line-height:",";}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.wide,t=>t.hasImage?"24px":"28px",t=>t.hasImage?"24px":"28px"),X=b.a.div.withConfig({displayName:"styles__Copy",componentId:"e5otdw-5"})(["color:",";font-family:",";font-size:16px;line-height:24px;"],C.colours.functional.secondary,C.fonts.body),K={attrs:{event_navigation_name:"in-article component displayed : puff",event_navigation_browsing_method:"scroll"}},Q=t=>{let e=t.sectionColour,n=t.forceImageAspectRatio;const o=t.isLiveOrBreaking||"no flag",a=(t,e)=>{t&&t(((t,e)=>({action:"Clicked",attrs:{event_navigation_name:"button : ".concat(t),event_navigation_browsing_method:"click",article_flag:e}}))(e,o))},l=f(),c=l.loading,s=l.error,d=l.data;if(c)return i.a.createElement(H,null,i.a.createElement(r.Placeholder,null));if(s||void 0===d||0===d.body.data.length)return null;const p=d.body.data[0].data,u=p.image,m=p.label,h=p.headline,y=p.copy,b=p.link,x=p.linkText,w=Boolean(u);return i.a.createElement(W,{context:{object:"InArticlePuff",attrs:{component_type:"in-article component : puff : interactive",event_navigation_action:"navigation",component_name:"".concat(h),article_flag:o}},scrolledEvent:K},t=>{let o=t.fireAnalyticsEvent,r=t.intersectObserverRef;return i.a.createElement(Y,{ref:r,sectionColour:e},u?i.a.createElement(G,null,i.a.createElement("a",{href:b,onClick:()=>a(o,"image")},i.a.createElement(v,{ratio:n},i.a.createElement("img",{src:u})))):null,i.a.createElement(V,{hasImage:w},i.a.createElement("div",null,i.a.createElement(Z,{hasImage:w,sectionColour:e},m),i.a.createElement("a",{href:b,onClick:()=>a(o,"headline")},i.a.createElement(J,{hasImage:w},h)),y&&i.a.createElement(X,{dangerouslySetInnerHTML:{__html:g(y,{b:{},i:{}})}})),i.a.createElement(k,{link:b,linkText:x||"Read more",onClick:()=>a(o,x||"Read more")})))})};var tt=n(8),et=n.n(tt);const nt=b.a.div.withConfig({displayName:"styles__Headline",componentId:"w8icgs-0"})(["font-size:24px;line-height:24px;color:",";font-family:",";padding-bottom:12px;@media (min-width:","px){width:70%;font-size:32px;line-height:32px;padding-bottom:0px;}@media (min-width:","px){width:100%;padding-bottom:0;}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium,C.breakpoints.wide),ot=b.a.div.withConfig({displayName:"styles__SubHeading",componentId:"w8icgs-1"})(["font-size:22px;line-height:22px;color:",";font-family:",";padding-bottom:7px;@media (min-width:","px){font-size:24px;line-height:24px;}"],C.colours.functional.brandColour,C.fonts.headlineRegular,C.breakpoints.medium),it=b.a.div.withConfig({displayName:"styles__BodyCopy",componentId:"w8icgs-2"})(["color:",";font-family:",";font-size:16px;line-height:24px;"],C.colours.functional.secondary,C.fonts.body),rt=b.a.div.withConfig({displayName:"styles__HeadlineButtonContainer",componentId:"w8icgs-3"})(["display:flex;flex-direction:column;@media (min-width:","px){flex-direction:row;justify-content:space-between;align-items:flex-end;}"],C.breakpoints.medium),at=b.a.div.withConfig({displayName:"styles__CarouselButtonContainer",componentId:"w8icgs-4"})(["display:flex;flex-direction:row;align-items:center;"]),lt=b.a.button.withConfig({displayName:"styles__CarouselButton",componentId:"w8icgs-5"})(["display:flex;justify-content:center;align-items:center;width:32px;height:32px;background-color:transparent;border:solid 1px ",";border-radius:50%;cursor:pointer;pointer-events:",";svg{path{fill:",";height:10px;width:5px;}}&.nextBtn{transform:scaleX(-1);}@media (hover:hover){&:hover{border:solid 1px ",";}}@media (hover:none){&:active{border:solid 1px ",";}}"],t=>t.disabled?C.colours.functional.keyline:C.colours.functional.primary,t=>t.disabled?"none":"auto",t=>t.disabled?C.colours.functional.keyline:C.colours.functional.primary,t=>t.disabled?C.colours.functional.keyline:C.colours.functional.action,t=>t.disabled?C.colours.functional.keyline:C.colours.functional.action),ct=b.a.div.withConfig({displayName:"styles__CarouselIndicatorContainer",componentId:"w8icgs-6"})(["display:flex;flex-direction:row;padding-left:6px;padding-right:6px;"]),st=b.a.div.withConfig({displayName:"styles__CarouselIndicator",componentId:"w8icgs-7"})(["background-color:",";height:5px;width:5px;border-radius:50%;margin-right:2px;margin-left:2px;cursor:pointer;"],t=>t.active?C.colours.functional.action:C.colours.functional.keyline),dt=b()(et.a).withConfig({displayName:"styles__StyledCarousel",componentId:"w8icgs-8"})(["display:flex;height:fit-content;align-items:initial;flex-direction:column-reverse;.rec .rec-slider-container{margin:0;}"]),pt=b.a.div.withConfig({displayName:"styles__CarouselContainer",componentId:"w8icgs-9"})(["background-color:",";padding-bottom:16px;margin:0 auto 20px auto;border-top:",";width:",";@media (min-width:","px){width:",";}@media (min-width:","px){width:",";}& div.rec-carousel-item.rec-carousel-item-visible{border-right:1px solid ",";}& div.rec-carousel-item:last-child{border-right:none;}"],C.colours.functional.backgroundPrimary,t=>{let e=t.sectionColour;return"2px solid ".concat(e)},t=>{let e=t.isWide,n=t.isStandard;return(e?"100%":n&&"auto")||"auto"},C.breakpoints.medium,t=>{let e=t.isWide,n=t.isStandard;return(e?"100%":n&&"80.8%")||"80.8%"},C.breakpoints.wide,t=>{let e=t.isWide,n=t.isStandard;return(e?"100%":n&&"56.2%")||"56.2%"},C.colours.functional.keyline),ut=b.a.div.withConfig({displayName:"styles__CardContainer",componentId:"w8icgs-10"})(["display:flex;flex-direction:column;background-color:",";width:100%;height:30%;padding:20px 16px 14px 16px;"],C.colours.functional.backgroundPrimary),ft=b.a.div.withConfig({displayName:"styles__CardContent",componentId:"w8icgs-11"})(["display:flex;flex-direction:column;height:100%;"]),mt=b.a.div.withConfig({displayName:"styles__InfoCardContainer",componentId:"w8icgs-12"})(["padding:0 16px;float:left;width:100%;"]),ht=b.a.img.withConfig({displayName:"styles__CardImg",componentId:"w8icgs-13"})(["padding:4px 0 12px;-webkit-user-drag:none;pointer-events:none;}"]),gt=t=>{let e=t.sectionColour,n=t.label,o=t.headline,r=t.children;return i.a.createElement(ut,null,i.a.createElement(ft,null,i.a.createElement(L,{sectionColour:e},n),i.a.createElement(rt,null,i.a.createElement(nt,null,o),r)))},yt=t=>{let e=t.size,n=void 0===e?{width:"16",height:"16"}:e;return i.a.createElement("svg",{width:n.width,height:n.height,xmlns:"http://www.w3.org/2000/svg"},i.a.createElement("path",{d:"M7.29 12.956L3.903 7.049 7.289.97h-.96L.697 7.013l5.632 5.943z",fillRule:"nonzero"}))};function bt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return xt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return xt(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}var wt;!function(t){t.Standard="4043",t.Wide="4042"}(wt||(wt={}));let vt=new Array;const _t=C.breakpoints.small,Ct=C.breakpoints.medium,Ot=C.breakpoints.wide,Et=t=>{let e=t.activePage,n=t.onClick,o=t.current,r=t.data,a=t.showDisplayItem,l=t.windowWidth,c=t.showDotItem;return i.a.createElement(at,null,i.a.createElement(lt,{"data-testid":"Previous button",disabled:0===e,onClick:()=>n(o/a-1,"left")},i.a.createElement(yt,{size:{width:"10px",height:"14px"}})),i.a.createElement(ct,null,r.map((t,o)=>{if(function(t){if(null==t)throw new TypeError("Cannot destructure undefined")}(t),o<c){const t=e===o;return i.a.createElement(st,{"data-testid":"Page Indicator",key:o,onClick:()=>n(o),active:t})}})),i.a.createElement(lt,{"data-testid":"Next Button",disabled:e===Math.trunc(r.length/a-(Ct>l?1:0)),className:"nextBtn",onClick:()=>n(o/a+1,"right")},i.a.createElement(yt,{size:{width:"10px",height:"14px"}})))},kt=t=>{let e=t.sectionColour,n=t.initialIndex,a=void 0===n?0:n;const l=f(),c=l.loading,s=l.error,d=l.data;if(s)return null;if(c||void 0===d)return i.a.createElement(H,null,i.a.createElement(r.Placeholder,null));const p=d.fields,u=p.headline,m=p.label,h=p.size,y=d.body.data,b=t=>t===wt.Standard,x=t=>t===wt.Wide,w=bt(Object(o.useState)("undefined"!=typeof window?window.innerWidth:0),2),_=w[0],C=w[1],O=bt(Object(o.useState)(1),2),E=O[0],k=O[1],I=_.toString(),j=()=>C(window.innerWidth);Object(o.useEffect)(()=>(window.addEventListener("resize",j),()=>{window.removeEventListener("resize",j)}),[]),Object(o.useEffect)(()=>{z()});const S=[{width:_t,itemsToShow:1,itemsToScroll:1}];x(h)&&(vt=[...S,{width:Ct,itemsToShow:2,itemsToScroll:2},{width:Ot,itemsToShow:3,itemsToScroll:3}]),b(h)&&(vt=[...S,{width:_t+55,itemsToShow:2,itemsToScroll:2}]);const z=()=>{I<Ct?k(vt[0].itemsToScroll):I>=Ot&&x(h)?k(vt[2].itemsToScroll):k(vt[1].itemsToScroll)},A=y.length/E,N=y.length>(I>=Ot&&x(h)?3:I<Ct?1:2),T=bt(Object(o.useState)(a),2),P=T[0],M=T[1],L=t=>{M(t.index)};return i.a.createElement(W,{context:{object:"InfoCard",attrs:{component_type:"in-article component : text-image info cards : interactive",event_navigation_action:"navigation",event_navigation_browsing_method:"click",component_name:"".concat(u)}},scrolledEvent:{attrs:{component_type:"in-article component : text-image info cards : "+(A>1?"interactive":"static"),event_navigation_name:"in-article component displayed : text-image info cards",event_navigation_browsing_method:"scroll"}}},t=>{let n=t.intersectObserverRef,o=t.fireAnalyticsEvent;return i.a.createElement(pt,{sectionColour:e,isWide:x(h),isStandard:b(h),ref:n},i.a.createElement(dt,{sectionColour:e,breakPoints:vt,isRTL:!1,onChange:L,showArrows:!1,enableSwipe:N,renderPagination:t=>{let n=t.activePage,r=t.onClick;return i.a.createElement(gt,{data:y[P],headline:u,label:m,sectionColour:e},N&&i.a.createElement(Et,{activePage:n,onClick:(t,e)=>{e&&o({attrs:{event_navigation_name:"button : ".concat(e),component_name:u}}),r&&r(t)},current:P,data:y,showDisplayItem:E,windowWidth:_.toString(),showDotItem:A}))}},y.map((t,e)=>i.a.createElement(mt,{key:e},t.data.image&&i.a.createElement(v,{ratio:"16:9"},i.a.createElement(ht,{src:t.data.image})),t.data.subtitle&&i.a.createElement(ot,null,t.data.subtitle),t.data.copy&&i.a.createElement(it,{dangerouslySetInnerHTML:{__html:g(t.data.copy,{br:{},b:{},i:{}})}})))))})};const It=b.a.div.withConfig({displayName:"styles__Headline",componentId:"d49zf9-0"})(["font-size:24px;line-height:24px;color:",";font-family:",";padding-bottom:12px;@media (min-width:","px){width:70%;font-size:32px;line-height:32px;padding-bottom:0px;}@media (min-width:","px){width:100%;font-size:",";line-height:",";padding-bottom:",";}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium,C.breakpoints.wide,t=>t.isWide?"32px":"24px",t=>t.isWide?"32px":"24px",t=>t.isWide?"0px":"14px"),jt=b.a.div.withConfig({displayName:"styles__HeadlineButtonContainer",componentId:"d49zf9-1"})(["display:flex;flex-direction:column;@media (min-width:","px){flex-direction:row;justify-content:space-between;align-items:flex-end;}"],C.breakpoints.medium),St=b.a.div.withConfig({displayName:"styles__Copy",componentId:"d49zf9-2"})(["color:#555555;font-family:",";font-size:14px;line-height:20px;padding-bottom:16px;@media (min-width:","px){width:",";font-size:16px;line-height:24px;}"],C.fonts.body,C.breakpoints.wide,t=>t.isWide?"60%":"100%"),zt=b.a.div.withConfig({displayName:"styles__ImageTitle",componentId:"d49zf9-3"})(["font-size:16px;line-height:16px;font-family:",";padding-bottom:6px;@media (min-width:","px){font-size:24px;line-height:24px;}@media (min-width:","px){font-size:",";line-height:",";}"],C.fonts.headlineRegular,C.breakpoints.medium,C.breakpoints.wide,t=>t.isWide?"24px":"18px",t=>t.isWide?"24px":"18px"),At=b.a.div.withConfig({displayName:"styles__Credit",componentId:"d49zf9-4"})(["text-transform:uppercase;font-size:12px;line-height:16px;font-family:",";color:",";padding-bottom:10px;padding-top:8px;@media (min-width:","px){padding-top:12px;}@media (min-width:","px){padding-top:12px;padding-bottom:",";}"],C.fonts.supporting,C.colours.functional.secondary,C.breakpoints.medium,C.breakpoints.wide,t=>t.isWide?"8px":"14px"),Nt=b.a.div.withConfig({displayName:"styles__CardContainer",componentId:"d49zf9-5"})(["display:flex;flex-direction:column;background-color:#f9f9f9;width:100%;height:30%;padding:20px 16px 16px 16px;@media (min-width:","px){padding:20px 20px 12px 20px;}@media (min-width:","px){height:",";width:",";padding:",";}"],C.breakpoints.medium,C.breakpoints.wide,t=>t.isWide?"30%":"auto",t=>{let e=t.isWide,n=t.isSmall;return(e?"100%":n&&"36%")||"33%"},t=>t.isWide?"20px 16px 16px 16px":"20px 16px"),Tt=b.a.div.withConfig({displayName:"styles__CarouselButtonContainer",componentId:"d49zf9-6"})(["display:flex;flex-direction:row;align-items:center;"]),Pt=b.a.button.withConfig({displayName:"styles__CarouselButton",componentId:"d49zf9-7"})(["display:flex;justify-content:center;align-items:center;width:32px;height:32px;padding-left:6px;background-color:transparent;border:solid 1px ",";border-radius:50%;cursor:pointer;pointer-events:",";svg{path{fill:",";height:10px;width:5px;}}&.nextBtn{transform:scaleX(-1);}&:hover{border:solid 1px #0a68c1;}"],t=>t.disabled?"#e4e4e4":"#000000",t=>t.disabled?"none":"auto",t=>t.disabled?"#CCCCCC":"black"),Mt=b.a.div.withConfig({displayName:"styles__CarouselIndicatorContainer",componentId:"d49zf9-8"})(["display:flex;flex-direction:row;padding-left:6px;padding-right:6px;"]),Wt=b.a.div.withConfig({displayName:"styles__CarouselIndicator",componentId:"d49zf9-9"})(["background-color:#cccccc;background-color:",";height:5px;width:5px;border-radius:50%;margin-right:2px;margin-left:2px;cursor:pointer;"],t=>t.active?"#1573A2":"#CCCCCC"),Ht=b.a.div.withConfig({displayName:"styles__CardContent",componentId:"d49zf9-10"})(["display:flex;flex-direction:column;height:100%;"]),Lt=b.a.div.withConfig({displayName:"styles__MobileOrLarge",componentId:"d49zf9-11"})(["display:block;@media (min-width:","px){display:",";}"],C.breakpoints.wide,t=>t.isWide?"block":"none"),Bt=b.a.div.withConfig({displayName:"styles__NotMobileOrLarge",componentId:"d49zf9-12"})(["display:none;@media (min-width:","px){display:",";justify-content:space-between;height:100%;flex-direction:column;}"],C.breakpoints.wide,t=>t.isWide?"none":"flex"),Rt=b.a.div.withConfig({displayName:"styles__CarouselContainer",componentId:"d49zf9-13"})(["background-color:#f9f9f9;border-top:",";flex-direction:",";@media (min-width:","px){width:",";}"],t=>{let e=t.sectionColour;return"2px solid ".concat(e)},t=>t.isWide||window.innerWidth<1024?"column-reverse":"row-reverse",C.breakpoints.wide,t=>t.isSmall?"82.1%":"100%"),Dt=b()(et.a).withConfig({displayName:"styles__StyledCarousel",componentId:"d49zf9-14"})(["display:flex;height:fit-content;align-items:initial;flex-direction:column-reverse;.rec .rec-slider-container{margin:0;}@media (min-width:","px){flex-direction:",";}"],C.breakpoints.medium,t=>t.isWide||window.innerWidth<1024?"column-reverse":"row-reverse"),qt=t=>{let e=t.children,n=t.isWide,o=t.data,r=t.headline,a=t.label,l=t.isSmall,c=t.sectionColour;const s=o.data;return i.a.createElement(Nt,{isWide:n,isSmall:l},i.a.createElement(Ht,null,i.a.createElement(L,{sectionColour:c},a),i.a.createElement(jt,null,i.a.createElement(It,{isWide:n},r),i.a.createElement(Lt,{isWide:n},e)),i.a.createElement(Bt,{isWide:n},i.a.createElement("div",null,s.imageTitle&&i.a.createElement(zt,{isWide:n},s.imageTitle),s.copy&&i.a.createElement(St,{isWide:n,dangerouslySetInnerHTML:{__html:g(s.copy,{br:{},b:{},i:{}})}})),i.a.createElement("div",null,i.a.createElement(At,{isWide:n},s.credit),e))))};function Ft(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Ut(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ut(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ut(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const $t=t=>{let e=t.activePage,n=t.onClick,o=t.current,r=t.data;return i.a.createElement(Tt,null,i.a.createElement(Pt,{"data-testid":"Previous button",disabled:0===e,onClick:()=>n(o-1,"left")},i.a.createElement(yt,{size:{width:"10px",height:"14px"}})),i.a.createElement(Mt,null,r.map((t,o)=>{!function(t){if(null==t)throw new TypeError("Cannot destructure undefined")}(t);const r=e===o;return i.a.createElement(Wt,{"data-testid":"Page Indicator",key:o,onClick:()=>n(o),active:r})})),i.a.createElement(Pt,{"data-testid":"Next Button",disabled:e===r.length-1,className:"nextBtn",onClick:()=>n(o+1,"right")},i.a.createElement(yt,{size:{width:"10px",height:"14px"}})))};var Yt;!function(t){t.Small="4033",t.Wide="4035"}(Yt||(Yt={}));const Gt=t=>{let e=t.sectionColour,n=t.initialIndex,a=void 0===n?0:n;const l=f(),c=l.loading,s=l.error,d=l.data;if(c)return i.a.createElement(H,null,i.a.createElement(r.Placeholder,null));if(s||void 0===d||0===d.body.data.length)return null;const p=d.fields,u=p.headline,m=p.label,h=p.size,y=d.body.data,b=t=>t===Yt.Small,x=t=>t===Yt.Wide,w=Ft(Object(o.useState)(a),2),_=w[0],C=w[1],O=t=>{C(t.index)};return i.a.createElement(W,{context:{object:"GalleryCarousel",attrs:{component_type:"in-article component : gallery : interactive",event_navigation_action:"navigation",component_name:"".concat(u)}},scrolledEvent:{attrs:{event_navigation_name:"in-article component displayed : gallery",event_navigation_browsing_method:"scroll"}}},t=>{let n=t.intersectObserverRef,o=t.fireAnalyticsEvent;return i.a.createElement(Rt,{sectionColour:e,isWide:x(h),isSmall:b(h),ref:n},i.a.createElement(Dt,{sectionColour:e,isWide:x(h),itemsToScroll:1,itemsToShow:1,isRTL:!1,onChange:O,showArrows:!1,renderPagination:t=>{let n=t.activePage,r=t.onClick;return i.a.createElement(qt,{isWide:x(h),data:y[_],headline:u,label:m,isSmall:b(h),sectionColour:e},y.length>1&&i.a.createElement($t,{activePage:n,onClick:(t,e)=>{e&&o({attrs:{event_navigation_name:"button : ".concat(e),component_name:u,event_navigation_browsing_method:"click"}}),r&&r(t)},current:_,data:y}))}},y.map(t=>i.a.createElement("div",{style:{width:"100%"}},i.a.createElement(v,{ratio:"3:2"},i.a.createElement("img",{src:t.data.image}))))),i.a.createElement(Lt,{isWide:x(h)},i.a.createElement("div",{style:{paddingLeft:"16px",paddingRight:"16px"}},i.a.createElement(At,{isWide:x(h)},y[_].data.credit),y[_].data.imageTitle&&i.a.createElement(zt,{isWide:x(h)},y[_].data.imageTitle),y[_].data.copy&&i.a.createElement(St,{isWide:x(h),dangerouslySetInnerHTML:{__html:g(y[_].data.copy,{br:{},b:{},i:{}})}}))))})},Vt=b.a.div.withConfig({displayName:"styles__Container",componentId:"sc-1qwze61-0"})(["margin:0 auto 20px auto;padding:20px 0 0;background-color:",";border-top:",";a{text-decoration:none;}@media (min-width:","px){flex-direction:row;width:80.8%;}@media (min-width:","px){width:56.2%;}"],C.colours.functional.backgroundPrimary,t=>{let e=t.sectionColour;return"2px solid ".concat(e)},C.breakpoints.medium,C.breakpoints.wide),Zt=b.a.div.withConfig({displayName:"styles__ContentContainer",componentId:"sc-1qwze61-1"})(["display:flex;flex-direction:column;justify-content:space-between;padding:0 20px;"]),Jt=b.a.div.withConfig({displayName:"styles__Headline",componentId:"sc-1qwze61-2"})(["font-family:",";font-size:24px;line-height:24px;color:",";@media (min-width:","px){font-size:32px;line-height:32px;}"],C.fonts.headline,C.colours.functional.brandColour,C.breakpoints.medium),Xt=b.a.div.withConfig({displayName:"styles__ReadMoreContainer",componentId:"sc-1qwze61-3"})(["display:flex;border-top:1px solid ",";margin-top:",";padding:5px;justify-content:center;display:",";@media (min-width:","px){display:none;}"],C.colours.functional.keyline,t=>t.readMore?"0":"15px",t=>t.showReadMore?"flex":"none",C.breakpoints.medium),Kt=b.a.button.withConfig({displayName:"styles__ReadMoreButton",componentId:"sc-1qwze61-4"})(["font-size:12px;font-family:",";font-weight:500;line-height:20px;border:1px solid ",";background:transparent;margin:15px 0;padding:10px 12px 5px;cursor:pointer;&:active{border:1px solid ",";color:",";}"],C.fonts.supporting,C.colours.functional.primary,C.colours.functional.action,C.colours.functional.action),Qt=b.a.div.withConfig({displayName:"styles__ListContainer",componentId:"sc-1qwze61-5"})(["display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;max-height:",";@media (min-width:","px){max-height:none;}"],t=>{let e=t.readMore,n=t.maxHeight,o=t.showReadMore;return!e&&o?n+"px":"none"},C.breakpoints.medium),te=b.a.ul.withConfig({displayName:"styles__List",componentId:"sc-1qwze61-6"})(["column-count:1;column-gap:25px;column-rule:1px solid ",";margin-left:0;padding:0;@media (min-width:","px){column-count:2;margin-bottom:20px;}"],C.colours.functional.keyline,C.breakpoints.medium),ee=b.a.li.withConfig({displayName:"styles__ListItem",componentId:"sc-1qwze61-7"})(["color:",";font-family:",";font-size:16px;line-height:24px;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;margin:0 5px 13px 0;padding-left:15px;list-style:none;position:relative;&:last-child{margin-bottom:0;}&::before{content:'';position:absolute;left:3px;top:7px;width:6px;height:6px;background-color:",";border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}"],C.colours.functional.secondary,C.fonts.body,C.colours.functional.primary);function ne(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return oe(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return oe(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function oe(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const ie={attrs:{event_navigation_name:"in-article component displayed : bullet point component",event_navigation_browsing_method:"automated"}},re=C.breakpoints.medium,ae=t=>{let e=t.sectionColour;const n=f(),a=n.loading,l=n.error,c=n.data;if(a)return i.a.createElement(H,null,i.a.createElement(r.Placeholder,null));if(l||void 0===c)return null;const s=c.fields,d=s.headline,p=s.label,u=c.body.data,m=ne(Object(o.useState)(!1),2),h=m[0],y=m[1],b=Object(o.useRef)(null),x=ne(Object(o.useState)(!1),2),w=x[0],v=x[1],_=window.innerWidth.toString();return Object(o.useEffect)(()=>{const t=b.current;t&&v(t.clientHeight>350)},[]),i.a.createElement(W,{context:{object:"InArticleBulletPoint",attrs:{component_type:"in-article component : bullet point component: "+(w&&_<re?"interactive":"static"),event_navigation_action:"navigation",component_name:"".concat(d)}},scrolledEvent:ie},t=>{let n=t.fireAnalyticsEvent,o=t.intersectObserverRef;return i.a.createElement(Vt,{ref:o,sectionColour:e},i.a.createElement(Zt,null,i.a.createElement(L,{sectionColour:e},p),i.a.createElement(Jt,null,d),i.a.createElement(Qt,{ref:b,readMore:h,maxHeight:350,showReadMore:w},i.a.createElement(te,null,u.map((t,e)=>i.a.createElement(ee,{key:e,dangerouslySetInnerHTML:{__html:g(t.data.copy,{b:{},i:{}})}}))))),i.a.createElement(Xt,{readMore:h,showReadMore:w},i.a.createElement(Kt,{onClick:()=>((t,e)=>{t&&t((t=>({action:"Clicked",attrs:{event_navigation_name:"button : ".concat(t),event_navigation_browsing_method:"click"}}))(e)),y(!h)})(n,h?"Collapse":"Read more")},h?"Collapse":"Read more")))})},le=b.a.div.withConfig({displayName:"styles__Container",componentId:"sc-1tqomyo-0"})(["margin:0 auto 20px auto;padding:23px 0 0;background-color:",";border-top:",";width:",";@media (min-width:","px){width:",";}@media (min-width:","px){width:",";}a{text-decoration:none;}"],C.colours.functional.backgroundPrimary,t=>{let e=t.sectionColour;return"2px solid ".concat(e)},t=>t.isWide?"100%":"auto",C.breakpoints.medium,t=>t.isWide?"100%":"80.8%",C.breakpoints.wide,t=>t.isWide?"100%":"56.2%"),ce=b.a.div.withConfig({displayName:"styles__ContentContainer",componentId:"sc-1tqomyo-1"})(["display:flex;flex-direction:column;justify-content:space-between;padding:0 16px;"]),se=b()($).withConfig({displayName:"styles__StyledShowAllButton",componentId:"sc-1tqomyo-2"})(["font-size:12px;margin:15px 0;padding:8px 12px 7px;"]),de=b.a.li.withConfig({displayName:"styles__ListItem",componentId:"sc-1tqomyo-3"})(["flex:1 0 50%;padding:12px 16px 13px 0;border-width:0 1px 1px 0;border-style:solid;border-color:",";padding-left:16px;&:empty{height:0;border:none;}&:before,:after{box-sizing:border-box;}@media (min-width:","px){flex:1 0 ",";}"],C.colours.functional.keyline,C.breakpoints.medium,t=>t.isStandard?"50%":"33%"),pe=b.a.div.withConfig({displayName:"styles__NumberContainer",componentId:"sc-1tqomyo-4"})(["font-family:",";font-size:32px;line-height:32px;margin-bottom:4px;color:",";@media (min-width:","px){font-size:50px;line-height:40px;}"],C.fonts.headline,t=>{let e=t.sectionColour;return"".concat(e)},C.breakpoints.medium);var ue;!function(t){t.Standard="4043",t.Wide="4042"}(ue||(ue={}));const fe=t=>t===ue.Wide;function me(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return he(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return he(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function he(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const ge={attrs:{event_navigation_name:"in-article component displayed : big numbers",event_navigation_browsing_method:"scroll"}},ye=t=>{let e=t.sectionColour;const n=f(),a=n.loading,l=n.error,c=n.data;if(a)return i.a.createElement(H,null,i.a.createElement(r.Placeholder,null));if(l||void 0===c)return null;const s=c.fields,d=s.headline,p=s.label,u=s.size,m=c.body.data,h=me(Object(o.useState)(!1),2),y=h[0],b=h[1],x=Object(o.useRef)(null),w=me(Object(o.useState)(!1),2),v=w[0],_=w[1],C=fe(u)?250:350;return Object(o.useEffect)(()=>{const t=x.current;t&&_(t.clientHeight>C)},[]),i.a.createElement(W,{context:{object:"InArticleBigNumbers",attrs:{component_type:"in-article component : big numbers: "+(v?"interactive":"static"),event_navigation_action:"navigation",component_name:"".concat(d)}},scrolledEvent:ge},t=>{let n=t.fireAnalyticsEvent,o=t.intersectObserverRef;return i.a.createElement(le,{ref:o,sectionColour:e,isWide:fe(u)},i.a.createElement(ce,null,i.a.createElement(L,{sectionColour:e},p),d&&i.a.createElement(U,null,d),i.a.createElement(q,{ref:x,showAll:y,maxHeight:C,displayShowAll:v},i.a.createElement(D,null,m.map((t,n)=>{return i.a.createElement(de,{key:n,isStandard:(o=u,o===ue.Standard)},i.a.createElement(pe,{sectionColour:e},t.data.number),i.a.createElement(R,{dangerouslySetInnerHTML:{__html:g(t.data.copy,{br:{},b:{},i:{}})}}));var o})))),i.a.createElement(F,{showAll:y,displayShowAll:v},i.a.createElement(se,{onClick:()=>((t,e)=>{t&&t((t=>({action:"Clicked",attrs:{event_navigation_name:"button : ".concat(t),event_navigation_browsing_method:"click"}}))(e)),b(!y)})(n,y?"Collapse":"Show all")},y?"Collapse":"Show all")))})};var be=n(5);const xe=b.a.div.withConfig({displayName:"styles__LiveArticleFlagContainer",componentId:"sc-1ipxqw1-0"})(["background-color:#9f0000;height:24px;padding:7px 7px 7px 9px;display:flex;flex-direction:row;width:fit-content;"]),we=b.a.span.withConfig({displayName:"styles__LiveArticleFlagText",componentId:"sc-1ipxqw1-1"})(["font-family:",";color:#ffffff;font-weight:500;font-size:12px;letter-spacing:0.05em;display:flex;align-items:center;"],C.fonts.supporting),ve=Object(y.keyframes)(["0%{background-color:#ffffff;}50%{background-color:#9f0000;}100%{background-color:#ffffff;}"]),_e=b.a.div.withConfig({displayName:"styles__LiveArticleFlagIconContainer",componentId:"sc-1ipxqw1-2"})(["height:100%;display:flex;align-items:center;margin-right:7px;"]),Ce=b.a.div.withConfig({displayName:"styles__LiveArticleFlagIcon",componentId:"sc-1ipxqw1-3"})(["height:6px;width:6px;animation:"," 2000ms infinite;"],ve),Oe=b.a.div.withConfig({displayName:"styles__ArticleFlagContainer",componentId:"sc-1ipxqw1-4"})(["display:flex;align-items:center;flex-direction:row;"]),Ee=b.a.div.withConfig({displayName:"styles__LiveFlagAndTimestampContainer",componentId:"sc-1ipxqw1-5"})(["display:flex;align-items:center;flex-direction:row;"]),ke=b.a.div.withConfig({displayName:"styles__ArticleFlagBullet",componentId:"sc-1ipxqw1-6"})(["border-radius:2.5px;height:5px;width:5px;background-color:",";"],t=>{let e=t.color;return Object(be.gqlRgbaToStyle)(e)||e}),Ie=b.a.div.withConfig({displayName:"styles__ArticleFlagTextContainer",componentId:"sc-1ipxqw1-7"})(["font-family:TimesDigitalW04-RegularSC;font-size:12px;font-weight:400;letter-spacing:0.6px;line-height:12px;margin-left:5px;color:",";"],t=>{let e=t.color;return Object(be.gqlRgbaToStyle)(e)||e}),je=b.a.div.withConfig({displayName:"styles__FlagPadding",componentId:"sc-1ipxqw1-8"})(["margin-right:",";"],t=>t.allFlags.length>1?"15px":0),Se=b.a.div.withConfig({displayName:"styles__Flags",componentId:"sc-1ipxqw1-9"})(["display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:10px;"]),ze=b.a.div.withConfig({displayName:"styles__FlagsContainer",componentId:"sc-1ipxqw1-10"})(["margin-bottom:15px;margin-top:5px;"]);var Ae=n(4);const Ne=b.a.div.withConfig({displayName:"styles__Container",componentId:"sc-340u2v-0"})(["display:flex;flex-direction:column;padding-left:8px;"]),Te=b.a.div.withConfig({displayName:"styles__TimeSinceUpdate",componentId:"sc-340u2v-1"})(["color:",";font-family:",";font-size:14px;line-height:16px;"],t=>t.color||C.colours.functional.primary,C.fonts.supporting),Pe=t=>{let e=t.updatedTime,n=t.color;if(!e)return null;const o=new Date,r=new Date(e),a=Object(Ae.formatDistanceStrict)(r,o,{roundingMethod:"floor"})+" ago",l=Object(Ae.differenceInSeconds)(o,r),c=l<60,s=l<46800;return i.a.createElement(Ne,null,!c&&s?i.a.createElement(Te,{color:n,"data-testId":"MinutesHoursSinceUpdate"},"Updated ".concat(a)):s?null:i.a.createElement(Te,{color:n,"data-testId":"DateTimeUpdated"},"Updated ",Object(Ae.format)(r,"MMMM d, "),Object(Ae.format)(r,"h.mmaaa")))},Me=Object(o.createContext)(void 0),We=t=>{let e=t.updatedTime,n=t.children;return i.a.createElement(Me.Provider,{value:e},n)},He=t=>{let e=t.title,n=t.timeStampTextColor;const r=Object(o.useContext)(Me);return i.a.createElement(Ee,null,i.a.createElement(xe,null,i.a.createElement(_e,null,i.a.createElement(Ce,null)),i.a.createElement(we,null,e)),i.a.createElement(Pe,{updatedTime:r,color:n}))},Le=t=>{let e=t.color;return i.a.createElement(He,{timeStampTextColor:e,title:"LIVE"})},Be=t=>{let e=t.color;return i.a.createElement(He,{timeStampTextColor:e,title:"BREAKING"})};var Re=t=>t?t.filter(t=>null===t.expiryTime||(new Date).getTime()<new Date(t.expiryTime).getTime()):[];const De=t=>{let e=t.color,n=void 0===e?C.colours.functional.primary:e,o=t.title;return i.a.createElement(Oe,null,i.a.createElement(ke,{color:n}),i.a.createElement(Ie,{"aria-label":"".concat(o," Flag"),color:n,"data-testid":"flag-".concat(o)},o.toLowerCase()))},qe=t=>{let e=t.color,n=void 0===e?C.colours.functional.articleFlagNew:e;return i.a.createElement(De,{color:n,title:"new"})},Fe=t=>{let e=t.color,n=void 0===e?C.colours.functional.articleFlagUpdated:e;return i.a.createElement(De,{color:n,title:"updated"})},Ue=t=>{let e=t.color,n=void 0===e?C.colours.functional.articleFlagExclusive:e;return i.a.createElement(De,{color:n,title:"exclusive"})},$e=t=>{let e=t.color,n=void 0===e?C.colours.functional.tertiary:e;return i.a.createElement(De,{color:n,title:"sponsored"})},Ye=t=>{let e=t.color,n=void 0===e?C.colours.functional.secondary:e;return i.a.createElement(De,{color:n,title:"long read"})},Ge=t=>{let e=t.allFlags,n=t.overrideColor,o=void 0===n?"":n;return i.a.createElement(Se,null,e.map(t=>i.a.createElement(je,{key:t.type,allFlags:e},function(){let t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return""!==e&&(t={color:e}),new Map([["NEW",i.a.createElement(qe,Object.assign({},t))],["LIVE",i.a.createElement(Le,Object.assign({},t))],["BREAKING",i.a.createElement(Be,Object.assign({},t))],["UPDATED",i.a.createElement(Fe,Object.assign({},t))],["EXCLUSIVE",i.a.createElement(Ue,Object.assign({},t))],["SPONSORED",i.a.createElement($e,Object.assign({},t))],["LONGREAD",i.a.createElement(Ye,Object.assign({},t))]])}(o).get(t.type))))},Ve=t=>{let e=t.flags,n=void 0===e?[]:e,o=t.longRead,r=void 0!==o&&o,a=t.withContainer,l=void 0!==a&&a,c=t.color,s=void 0===c?"":c;const d=[...Re(n),...r?[{expiryTime:null,type:"LONGREAD"}]:[]];return d.length?l?i.a.createElement(ze,null,i.a.createElement(Ge,{allFlags:d,overrideColor:s})):i.a.createElement(Ge,{allFlags:d,overrideColor:s}):null};const Ze=b.a.div.withConfig({displayName:"styles__Container",componentId:"sc-1qwfd1c-0"})(["margin:0 auto 20px auto;padding:20px 0 0;background-color:",";border-top:",";width:100%;@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}a{text-decoration:none;}"],C.colours.functional.backgroundPrimary,t=>{let e=t.sectionColour;return"2px solid ".concat(e)},C.breakpoints.medium,C.breakpoints.wide),Je=b.a.div.withConfig({displayName:"styles__ContentContainer",componentId:"sc-1qwfd1c-1"})(["display:flex;flex-direction:column;justify-content:space-between;padding:0 16px;"]),Xe=b()($).withConfig({displayName:"styles__StyledShowAllButton",componentId:"sc-1qwfd1c-2"})(["font-size:13px;margin:11px 0;padding:12px 15px 10px;"]),Ke=b.a.li.withConfig({displayName:"styles__ListItem",componentId:"sc-1qwfd1c-3"})(["padding:12px 0 13px;width:100%;position:relative;"]),Qe=b.a.div.withConfig({displayName:"styles__LeftPanel",componentId:"sc-1qwfd1c-4"})(["display:table;float:left;width:",";text-align:center;padding-right:",";height:100%;& img{border-radius:100%;height:50px;width:50px;position:relative;margin-left:16px;z-index:2;}&:before{content:'';background:",";position:relative;top:0px;left:15px;width:8px;height:8px;border-radius:100%;z-index:1;display:",";}&:after{content:'';border-right:1px solid #ccc;height:100%;display:block;position:absolute;top:",";left:",";z-index:1;}@media (min-width:","px){width:",";padding-right:",";& img{height:76px;width:76px;}&:after{top:",";left:",";}}"],t=>t.circularImage?"80px":"40px",t=>t.circularImage?"16px":"24px",t=>{let e=t.sectionColour;return"".concat(e)},t=>t.circularImage?"none":"block",t=>t.circularImage?"60px":"20px",t=>t.circularImage?"42px":"19px",C.breakpoints.medium,t=>t.circularImage?"100px":"39px",t=>t.circularImage?"16px":"24px",t=>t.circularImage?"74px":"20px",t=>t.circularImage?"52px":"19px"),tn=b.a.div.withConfig({displayName:"styles__RightPanel",componentId:"sc-1qwfd1c-5"})(["display:grid;"]),en=b.a.div.withConfig({displayName:"styles__Date",componentId:"sc-1qwfd1c-6"})(["font-family:",";text-transform:uppercase;font-size:12px;line-height:16px;margin-bottom:8px;color:",";"],C.fonts.supporting,t=>{let e=t.sectionColour;return"".concat(e)}),nn=b.a.div.withConfig({displayName:"styles__SubHeading",componentId:"sc-1qwfd1c-7"})(["font-size:20px;line-height:20px;color:",";font-family:",";margin-bottom:6px;@media (min-width:","px){font-size:24px;line-height:24px;}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium);function on(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return rn(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return rn(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function rn(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const an={attrs:{event_navigation_name:"in-article component displayed : timelines",event_navigation_browsing_method:"scroll"}},ln=t=>{let e=t.sectionColour;const n=f(),a=n.loading,l=n.error,c=n.data;if(a)return i.a.createElement(H,null,i.a.createElement(r.Placeholder,null));if(l||void 0===c)return null;const s=c.fields,d=s.headline,p=s.label,u=c.body.data,m=on(Object(o.useState)(!1),2),h=m[0],y=m[1],b=Object(o.useRef)(null),x=on(Object(o.useState)(!1),2),w=x[0],v=x[1];return Object(o.useEffect)(()=>{const t=b.current;t&&v(t.clientHeight>375)},[]),i.a.createElement(W,{context:{object:"InArticleTimelines",attrs:{component_type:"in-article component : timelines: "+(w?"interactive":"static"),event_navigation_action:"navigation",component_name:"".concat(d)}},scrolledEvent:an},t=>{let n=t.fireAnalyticsEvent,o=t.intersectObserverRef;return i.a.createElement(Ze,{ref:o,sectionColour:e},i.a.createElement(Je,null,i.a.createElement(L,{sectionColour:e},p),d&&i.a.createElement(U,null,d),i.a.createElement(q,{ref:b,showAll:h,maxHeight:375,displayShowAll:w},i.a.createElement(D,null,u.map((t,n)=>i.a.createElement(Ke,{key:n},i.a.createElement(Qe,{sectionColour:e,circularImage:t.data.image},t.data.image&&i.a.createElement("img",{src:t.data.image})),i.a.createElement(tn,null,i.a.createElement(en,{sectionColour:e},t.data.date),i.a.createElement(nn,null,t.data.eventHeading),i.a.createElement(R,{dangerouslySetInnerHTML:{__html:g(t.data.copy,["br","b","i"])}}))))))),i.a.createElement(F,{showAll:h,displayShowAll:w},i.a.createElement(Xe,{onClick:()=>((t,e)=>{t&&t((t=>({action:"Clicked",attrs:{event_navigation_name:"button : ".concat(t),event_navigation_browsing_method:"click"}}))(e)),y(!h)})(n,h?"Collapse":"Show all")},h?"Collapse":"Show all")))})},cn=b.a.div.withConfig({displayName:"styles__IconContainer",componentId:"qq20og-0"})(["width:40px;height:40px;display:flex;align-items:center;justify-content:center;"]),sn=b()(_.IconActivityIndicator).withConfig({displayName:"styles__LoadingIcon",componentId:"qq20og-1"})(["background-color:",";border-radius:9999;overflow:hidden;"],C.colours.functional.whiteGrey),dn=b.a.div.withConfig({displayName:"styles__SaveStarText",componentId:"qq20og-2"})(["margin-right:15px;color:",";font-family:",";font-size:14px;line-height:14px;"],C.colours.functional.secondary,C.fonts.supporting),pn=b.a.button.withConfig({displayName:"styles__SaveStarButton",componentId:"qq20og-3"})(["display:flex;justify-content:center;padding:0;background-color:",";border:0;border-radius:40px;outline:0;cursor:pointer;&:hover{background-color:",";}&:active{background-color:",";}"],C.colours.functional.white,C.colours.functional.whiteGrey,C.colours.functional.keyline),un=t=>t?"Saved":"Save",fn=t=>t?C.colours.functional.action:C.colours.functional.white,mn=t=>{let e=t.articleId,n=t.onToggleSave;const o=f(),r=o.loading,a=o.error,l=o.data;return r?i.a.createElement(i.a.Fragment,null,i.a.createElement(dn,null,un(!1)),i.a.createElement(cn,null,i.a.createElement(sn,null))):a||!l?null:i.a.createElement(i.a.Fragment,null,i.a.createElement(dn,null,un(l.isBookmarked)),i.a.createElement(pn,{onClick:()=>n(e,l.isBookmarked)},i.a.createElement(cn,null,i.a.createElement(_.IconStar,{height:18,title:(c=l.isBookmarked,c?"Remove from My Articles":"Save to My Articles"),fillColour:fn(l.isBookmarked),strokeColour:C.colours.functional.secondary}))));var c};function hn(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return gn(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return gn(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function gn(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const yn=i.a.memo(t=>{let e=t.articleId,n=t.isPreviewMode;const r=hn(Object(o.useState)("/api/collections/is-bookmarked/".concat(e)),2),a=r[0],l=r[1],c=hn(Object(o.useState)(n?{isBookmarked:!1}:void 0),2),s=c[0],d=c[1];return i.a.createElement(u,{url:a,options:{credentials:"same-origin"},previewData:s},i.a.createElement(mn,{articleId:e,onToggleSave:(t,e)=>{n?d({isBookmarked:!e}):l(e?"/api/collections/delete/".concat(t):"/api/collections/save/".concat(t))}}))}),bn=()=>"undefined"!=typeof window&&window.sessionStorage;function xn(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return wn(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return wn(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function wn(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function vn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function _n(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vn(Object(n),!0).forEach((function(e){Cn(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vn(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Cn(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}const On=(t,e)=>{const n=bn();if(n){const o=n.getItem("view-count"),i=_n(_n({},null!==o&&JSON.parse(o)||{}),{},{[t]:e});n.setItem("view-count",JSON.stringify(i))}},En=t=>{const e=bn();if(e){const n=e.getItem("view-count"),o=null!==n&&JSON.parse(n);return o&&o[t]||1}return null},kn=t=>{const e=En(t);On(t,e+1)},In=t=>{let e=t.displayFunction,n=void 0===e?()=>!0:e,r=t.trackingName,a=t.children;const l=xn(Object(o.useState)(),2),c=l[0],s=l[1],d=xn(Object(o.useState)(null),2),p=d[0],u=d[1];Object(o.useEffect)(()=>{const t=(t=>{const e=En(t);return On(t,e),e})(r);s(t)},[]),S(p,()=>kn&&kn(r),{threshold:.5});const f="undefined"!=typeof window&&window.document.cookie.indexOf("nuk-consent-personalisation=1")>=0&&n(c);return i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"view-count-observer",ref:u}),i.a.createElement("div",{className:"view-count",style:{display:f?"block":"none"}},a))};var jn=n(12),Sn=n(13),zn=n(14);const An=b.a.button.withConfig({displayName:"styles__PuffButton",componentId:"sc-1du8ah1-0"})(["font-family:",";font-size:15px;line-height:0;align-items:center;background-color:transparent;border-radius:0px;color:rgb(29,29,27);cursor:pointer;height:48px;justify-content:center;min-width:100px;padding-top:2px;width:100%;border-color:rgb(29,29,27);border-width:1px;letter-spacing:0.2px;&:hover{background-color:#e4e4e4;}&:active{background-color:#cccccc;}"],C.fonts.supporting),Nn=b.a.button.withConfig({displayName:"styles__PuffLinkButton",componentId:"sc-1du8ah1-1"})(["color:",";font-family:",";font-size:18px;text-align:left;letter-spacing:-0.4px;border:none;background-color:white;text-decoration-line:underline;&:hover{text-decoration-line:none;}"],C.colours.functional.action,C.fonts.body),Tn=t=>{let e=t.updatingSubscription,n=void 0!==e&&e,o=t.onPress,r=t.style;const a=M().fireAnalyticsEvent,l=()=>{n||(o&&o(),a&&a({action:"Clicked",object:"NewsletterPuffButton",attrs:{event_navigation_name:"widget : puff : sign up now",event_navigation_browsing_method:"click",event_navigation_action:"navigation"}}))};return"button"===r?i.a.createElement(An,{onClick:()=>l()},"Sign up with one click"):i.a.createElement(Nn,{onClick:()=>l()},"Sign up with one click")};var Pn=n(15),Mn=n.n(Pn);const Wn=b.a.div.withConfig({displayName:"styles__View",componentId:"sc-18e8ba-0"})(["align-items:stretch;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;margin:0;min-height:0;min-width:0;padding:0;position:relative;z-index:0;"]),Hn=b.a.div.withConfig({displayName:"styles__Text",componentId:"sc-18e8ba-1"})(["border:0 solid black;box-sizing:border-box;color:rgba(0,0,0,1);display:inline;font-size:14px;font-family:sans-serif;margin:0;padding:0;white-space:pre-wrap;word-wrap:break-word;"]),Ln=b()(Wn).withConfig({displayName:"styles__InpContainer",componentId:"sc-18e8ba-2"})(["border-top:2px solid ",";display:flex;flex-direction:column;margin-right:",";margin-bottom:",";margin-left:",";@media (min-width:","px){margin:0 auto ",";width:80.8%;}@media (min-width:","px){width:56.2%;}"],t=>{let e=t.section;return e?C.colours.section[e]:"black"},Object(C.spacing)(2),Object(C.spacing)(4),Object(C.spacing)(2),C.breakpoints.medium,Object(C.spacing)(4),C.breakpoints.wide),Bn=b()(Hn).withConfig({displayName:"styles__InpPreferencesText",componentId:"sc-18e8ba-3"})(["color:",";font-family:",";font-size:18px;text-align:left;letter-spacing:-0.4px;margin-bottom:",";@media (min-width:","px){display:block;}"],C.colours.functional.action,C.fonts.body,Object(C.spacing)(3),C.breakpoints.wide),Rn=t=>{let e=t.onPress;return i.a.createElement(W,{scrolledEvent:{object:"NewsletterPuffLink",attrs:{event_navigation_name:"widget : puff : manage preferences here : displayed",event_navigation_browsing_method:"automated"}}},t=>{let n=t.fireAnalyticsEvent,o=t.intersectObserverRef;return i.a.createElement(Mn.a,{url:"https://home.thetimes.co.uk/myNews",onPress:()=>(e&&e(),void(n&&n({action:"Clicked",object:"NewsletterPuffLink",attrs:{event_navigation_name:"widget : puff : manage preferences here",event_navigation_browsing_method:"click"}})))},i.a.createElement(be.HoverIcon,{underline:!0,colour:"#006699"},i.a.createElement(Bn,{ref:o},"Explore our newsletters")))})},Dn=b()(Wn).withConfig({displayName:"styles__Overlay",componentId:"sc-1nvj6r-0"})(["position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.9);z-index:1;"]),qn=b.a.div.withConfig({displayName:"styles__Bubble",componentId:"sc-1nvj6r-1"})(["animation:expand 0.75s ease-in-out infinite;border-radius:20px;display:inline-block;transform-origin:center center;margin:0 7px;width:16px;height:16px;background:#c4c4c4;:nth-child(2){animation-delay:250ms;}:nth-child(3){animation-delay:500ms;}@keyframes expand{100%{background:#6b6b6b;}}"]),Fn=b()(Wn).withConfig({displayName:"styles__Loader",componentId:"sc-1nvj6r-2"})(["display:flex;flex-direction:row;left:40%;top:45%;@media (min-width:","px){left:40%;top:28%;}"],C.breakpoints.wide),Un=()=>i.a.createElement(Dn,null,i.a.createElement(Fn,null,i.a.createElement(qn,null),i.a.createElement(qn,null),i.a.createElement(qn,null))),$n=b()(Wn).withConfig({displayName:"styles__InpSubscribedContainer",componentId:"sc-8h51gu-0"})(["justify-content:center;padding:12px 16px;@media (min-width:","px){padding-right:150px;flex:1;}"],C.breakpoints.small),Yn=b()(Wn).withConfig({displayName:"styles__InpSignupContainer",componentId:"sc-8h51gu-1"})(["justify-content:center;padding:12px 16px;@media (min-width:","px){padding:16px 10px;flex:1;}"],C.breakpoints.wide),Gn=b()(Hn).withConfig({displayName:"styles__InpSignupHeadline",componentId:"sc-8h51gu-2"})(["color:",";font-family:",";text-align:center;font-size:18px;text-decoration:none;margin-bottom:",";"],C.colours.functional.brandColour,C.fonts.headline,Object(C.spacing)(1)),Vn=b()(Hn).withConfig({displayName:"styles__InpCopy",componentId:"sc-8h51gu-3"})(["font-family:",";font-size:18px;text-align:left;letter-spacing:-0.5px;color:",";margin-bottom:",";line-height:26px;"],C.fonts.body,C.colours.functional.primary,Object(C.spacing)(6)),Zn=b()(Wn).withConfig({displayName:"styles__InpSignupCTAContainer",componentId:"sc-8h51gu-4"})(["display:",";@media (min-width:","px){width:",";margin:0px auto;}@media (min-width:","px){display:",";}"],t=>"link"===t.childStyle?"none":"block",C.breakpoints.medium,t=>"button"===t.childStyle&&"220px",C.breakpoints.wide,t=>"link"===t.childStyle?"inline-block":"none"),Jn=b()(Wn).withConfig({displayName:"styles__InpPreferencesContainer",componentId:"sc-8h51gu-5"})(["flex-direction:row;justify-content:center;"]),Xn=t=>{let e=t.intersectObserverRef,n=t.section,o=t.justSubscribed,r=t.headline,a=t.updatingSubscription,l=t.copy,c=t.code,s=t.subscribeNewsletter;const d=t=>i.a.createElement(Zn,{ref:e,childStyle:t},i.a.createElement(Tn,{style:t,updatingSubscription:a,onPress:()=>{a||s({variables:{code:c}})}}));return i.a.createElement(i.a.Fragment,null,i.a.createElement(Ln,{section:n},a&&i.a.createElement(Un,null),o?i.a.createElement($n,null,i.a.createElement(Vn,null,"You've succesfully signed up to"," ",i.a.createElement(Gn,null,"".concat(r,".")," "),i.a.createElement(Rn,null)),i.a.createElement(Jn,null)):i.a.createElement(Yn,null,i.a.createElement(Vn,null,i.a.createElement(Gn,null,r," "),"".concat(l," "),d("link")),d("button"))))};function Kn(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Qn(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Qn(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Qn(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const to=t=>{let e=t.code,n=t.copy,a=t.headline,l=t.section;const c=Kn(Object(o.useState)(!1),2),s=c[0],d=c[1];return i.a.createElement(Sn.GetNewsletter,{code:e,ssr:!1,debounceTimeMs:0},t=>{let o=t.isLoading,c=t.error,p=t.newsletter;return c?null:o||!p?i.a.createElement(Ln,{style:{height:257}},i.a.createElement(r.Placeholder,null)):p.isSubscribed&&!s?null:i.a.createElement(jn.Mutation,{mutation:zn.subscribeNewsletter,onCompleted:t=>{let e=t.subscribeNewsletter;d((void 0===e?{}:e).isSubscribed)}},(t,o)=>{let r=o.loading;return i.a.createElement(W,{context:{object:"InlineNewsletterPuff",attrs:{article_parent_name:p.title,event_navigation_action:"navigation"}},scrolledEvent:{object:"NewsletterPuffButton",attrs:{event_navigation_name:"widget : puff : sign up now : displayed",event_navigation_browsing_method:"automated",event_navigation_action:"navigation"}}},o=>{let c=o.intersectObserverRef;return i.a.createElement(Xn,{intersectObserverRef:c,section:Object(be.capitalise)(l),justSubscribed:s,headline:a,updatingSubscription:r,copy:n,code:e,subscribeNewsletter:t})})})})},eo=t=>{let e=t.code,n=t.copy,o=t.headline,r=t.section;return i.a.createElement(In,{trackingName:"auto-puff-".concat(e),displayFunction:t=>void 0!==t&&[1,3,5].includes(t)},i.a.createElement(to,{code:e,copy:n,headline:o,section:r}))},no=t=>{let e=t.copy,n=t.headline,o=t.section;return i.a.createElement(Ln,{section:o},i.a.createElement(Yn,null,i.a.createElement(Vn,null,i.a.createElement(Gn,null,n," "),e,i.a.createElement(Zn,{childStyle:"link"},i.a.createElement(Tn,{style:"link"}))),i.a.createElement(Zn,{childStyle:"button"},i.a.createElement(Tn,{style:"button"}))))},oo=()=>{"undefined"==typeof window||window.opta_settings||(window.opta_settings={subscription_id:"db98cff9f9612c01bbf3435964748e95",language:"en_GB",timezone:"Europe/London",load_when_visible:!1})},io=t=>{const e=(t=>{switch(t){case"cricket":return"https://secure.widget.cloud.opta.net/v3/css/v3.cricket.opta-widgets.css";case"rugby":return"https://secure.widget.cloud.opta.net/v3/css/v3.rugby.opta-widgets.css";case"football":default:return"https://secure.widget.cloud.opta.net/v3/css/v3.football.opta-widgets.css"}})(t);if(!document.head.querySelector('link[href="'.concat(e,'"]'))){const t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("href",e),document.getElementsByTagName("head")[0].appendChild(t)}},ro=()=>(t=>document.body.querySelector('script[src="'.concat(t,'"]'))?Promise.resolve():new Promise((e,n)=>{const o=document.createElement("script");o.setAttribute("async","async"),o.setAttribute("src",t),o.onload=e,o.onerror=n,document.body.appendChild(o)}))("https://secure.widget.cloud.opta.net/v3/v3.opta-widgets.js"),ao=(t,e,n)=>{const o=document.createElement(t);return e&&Object.keys(e).map(t=>{void 0!==e[t]&&o.setAttribute(t,e[t].toString())}),n&&o.appendChild(n),o},lo=()=>{"undefined"!=typeof window&&void 0!==window.Opta&&window.Opta.start()},co=b.a.div.withConfig({displayName:"shared-styles__Container",componentId:"n0zk21-0"})(["margin:0 auto 20px auto;background-color:",";border-top:",";a{text-decoration:none;}@media (min-width:","px){flex-direction:row;width:",";}@media (min-width:","px){width:",";}"],C.colours.functional.backgroundPrimary,t=>t.border?"2px solid ".concat(C.colours.section.sport):"none",C.breakpoints.medium,t=>t.fullWidth?"100%":"80.8%",C.breakpoints.wide,t=>t.fullWidth?"100%":"56.2%"),so=b.a.div.withConfig({displayName:"shared-styles__PlaceholderContainer",componentId:"n0zk21-1"})(["position:relative;height:200px;"]),po=b.a.div.withConfig({displayName:"shared-styles__WidgetContainerBase",componentId:"n0zk21-2"})([".Opta{.Opta_W{margin:0;background-color:transparent;h2{height:auto;margin:20px 0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;letter-spacing:1px;text-align:center;text-transform:uppercase;background-color:transparent;span{height:auto;font-size:12px;line-height:14px;font-weight:normal;}}table{width:100%;margin:0;border-collapse:collapse;border-spacing:0;}}p{margin:20px 0 0 0 !important;padding:0 0 20px 0 !important;color:",";font-family:",";font-size:14px;line-height:14px;text-align:center;background:transparent !important;}}"],C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting),uo=b()(po).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-17mc5vx-0"})([".Opta{h2{margin:20px 0 10px 0 !important;}.Opta-Cf{padding:0;background-color:transparent;table{tbody{tr{td{color:",";font-family:",";font-size:18px;line-height:18px;padding:0;&.Opta-Crest{text-align:left;&.Opta-Home{text-align:right;}img{height:40px;}}&.Opta-Team{padding-left:10px;font-size:18px;line-height:18px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}}}&.Opta-MatchHeader-Details{div{margin:6px 0;padding:0;color:",";font-family:",";font-size:12px;line-height:12px;letter-spacing:1px;text-transform:uppercase;background-color:transparent;dl{margin:0 6px 4px 6px;color:inherit;font-size:inherit;:before{display:none;}&:first-of-type,&:last-of-type{display:block;}}}}}}}.Opta-CricketStateOfPlay{div{min-height:0;margin:0;padding:10px;color:",";font-family:",";font-size:18px;font-weight:normal;line-height:18px;background-color:transparent;}}.Opta-scorecard{.Opta-Tabs{.Opta-Nav{background-color:transparent;ul{display:flex;background-color:transparent;li{width:100%;a{width:100%;color:",";font-family:",";font-size:14px;font-weight:normal;text-align:center;background-color:#dbdbdb;&:hover{background-color:#ededed;}}&.Opta-On a{color:white;background-color:#008347;}}}}}table.Opta-batting{margin-bottom:10px;thead{th{width:8%;padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;background-color:#ededed;&:first-of-type{width:64%;padding-left:5px;}&:nth-of-type(4),&:nth-of-type(5){width:6%;}}}tfoot{th{color:",";font-family:",";font-size:14px;line-height:14px;font-weight:bold;background-color:#dbdbdb;&:first-of-type{padding-left:5px;}&:last-of-type{padding-left:0;}}}tbody{tr:nth-child(2n) th,tr:nth-child(2n) td{background-color:#ededed;}tr:last-of-type td{color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;}th{padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:bold;}td{padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;&:first-of-type,&:nth-of-type(2){padding-left:5px;color:",";font-family:",";font-size:16px;font-weight:normal;line-height:16px;}}}}table.Opta-bowling{width:calc(60% - 10px);float:left;thead{th{width:12%;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;text-align:center;background-color:#ededed;&:first-of-type{width:40%;padding-left:5px;text-align:left;}}}tbody{th{padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:bold;text-align:center;}td{padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;text-align:center;&:first-of-type{padding-left:5px;color:",";font-family:",";font-size:16px;font-weight:normal;line-height:16px;text-align:left;}}}}.Opta-Ranking{table{width:calc(40%);float:right;thead{th{color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;text-align:center;background-color:#ededed;&:first-of-type{padding-left:5px;text-align:left;}}}tbody{th{padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:bold;text-align:center;}td{padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;text-align:center;&:first-of-type{padding-left:5px;color:",";font-family:",";font-size:16px;font-weight:normal;line-height:16px;text-align:left;}}}}}}}}"],C.colours.functional.brandColour,C.fonts.headline,C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.headline,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.primary,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.headline,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.headline,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.headline);function fo(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return mo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return mo(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function mo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const ho=i.a.memo(t=>{let e=t.competition,n=t.match,a=t.full_width;const l=i.a.createRef(),c=fo(Object(o.useState)(!1),2),s=c[0],d=c[1];return Object(o.useEffect)(()=>{oo(),io("cricket"),ro().then(()=>{l.current&&(l.current.innerHTML=ao("opta-widget",{sport:"cricket",widget:"score_card",season:"0",competition:e,match:n,template:"normal",live:!0,show_match_header:!0,show_crests:!0,show_competition_name:!0,show_match_description:!0,show_date:!0,date_format:"DD/MM/YYYY",show_venue:!0,show_officials:!1,show_toss:!1,show_state_of_play:!0,navigation:"tabs",show_batting:!0,show_mins_batted:!1,show_fours:!0,show_sixes:!0,show_strike_rate:!0,show_bowling:!0,show_economy:!0,show_fow:!0,player_naming:"last_name",breakpoints:"520"}).outerHTML,lo(),d(!0))})},[]),i.a.createElement(co,{border:s,fullWidth:a},i.a.createElement(uo,{ref:l}),!s&&i.a.createElement(so,null,i.a.createElement(r.Placeholder,null)))}),go=b.a.div.withConfig({displayName:"shared-styles__Container",componentId:"sc-1yydril-0"})(["margin:0 auto 20px auto;background-color:",";border-top:",";a{text-decoration:none;}@media (min-width:","px){flex-direction:row;width:",";}@media (min-width:","px){width:",";}"],C.colours.functional.backgroundPrimary,t=>t.border?"2px solid ".concat(C.colours.section.sport):"none",C.breakpoints.medium,t=>t.fullWidth?"100%":"80.8%",C.breakpoints.wide,t=>t.fullWidth?"100%":"56.2%"),yo=b.a.div.withConfig({displayName:"shared-styles__PlaceholderContainer",componentId:"sc-1yydril-1"})(["position:relative;height:200px;"]),bo=b.a.div.withConfig({displayName:"shared-styles__WidgetContainerBase",componentId:"sc-1yydril-2"})([".Opta{.Opta_W{margin:0;background-color:transparent;h2{height:auto;margin:20px 0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;letter-spacing:1px;text-align:center;text-transform:uppercase;background-color:transparent;span{height:auto;font-size:12px;line-height:14px;font-weight:normal;}}table{width:100%;margin:0;border-collapse:collapse;border-spacing:0;}}p{margin:20px 0 0 0 !important;padding:0 0 20px 0 !important;color:",";font-family:",";font-size:14px;line-height:14px;text-align:center;background:transparent !important;}}"],C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting),xo=(b()(bo).withConfig({displayName:"styles__WidgetContainerOverride",componentId:"sc-19pyhbq-0"})([".Opta{h2{margin:20px 0 0 0 !important;}.Opta-js-main{table{tbody{td.Opta-title{background-color:transparent !important;border-bottom:1px solid #e4e4e4;h3{margin:20px 0 0 0 !important;font-family:"," !important;font-size:16px !important;line-height:30px !important;text-align:center;span{font-size:inherit;}@media (min-width:","px){font-size:18px !important;line-height:40px !important;}}}}}}}"],C.fonts.headline,C.breakpoints.medium),b()(bo).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-19pyhbq-1"})([".Opta{.Opta-js-main{padding:0;background-color:transparent;table{tbody{td.Opta-title{height:40px;background-color:",";h3{height:auto;margin:0 0 0 10px;color:",";font-family:",";font-size:14px;line-height:14px;font-weight:normal;background-color:transparent;border-bottom:0;span{float:none;padding:0;font-size:13px;}@media (min-width:","px){margin:0 0 0 20px;}}}tr.Opta-Scoreline{height:40px;background-color:transparent !important;border-bottom:1px solid #e4e4e4;@media (min-width:","px){height:50px;}td{max-width:none !important;padding:3px 0 0 0;color:"," !important;font-family:",";font-size:14px;line-height:14px;background-color:transparent;&.Opta-Time{width:50px !important;padding:6px 0 0 10px;color:"," !important;font-family:",";abbr{font-size:inherit;line-height:inherit;text-decoration:none;}@media (min-width:","px){width:60px !important;padding:6px 0 0 20px;font-size:13px;line-height:14px;}}&.Opta-Team{width:30% !important;padding-left:10px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}@media (min-width:","px){padding-left:15px;&.Opta-Home{padding-right:15px;padding-left:0;}}}&.Opta-Score{width:25px !important;font-size:16px;line-height:16px;text-align:left !important;&.Opta-Home{text-align:right !important;}span{font-size:inherit;line-height:inherit;}@media (min-width:","px){width:30px !important;font-size:24px;line-height:24px;}}&.Opta-Crest{width:20px !important;margin-top:-3px;img{width:20px;}}&.Opta-Divider{width:20px !important;text-align:center;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}}&.Opta-Outer:not(.Opta-Time){width:50px !important;padding:0 10px 0 0;@media (min-width:","px){width:60px !important;padding:0 20px 0 0;}}@media (min-width:","px){font-size:16px;line-height:16px;}}}tr.Opta-agg{background-color:transparent !important;td{padding:10px;color:",";font-family:",";font-size:13px;line-height:16px;background-color:transparent;span{font-size:inherit;line-height:inherit;}span.Opta-agg-text{text-transform:uppercase;}}}tr{td.Opta-Nest{padding:0;.Opta_W{> .Opta-Cf{background-color:transparent;border-bottom:1px solid #e4e4e4;.Opta-Events{padding:10px 0 2px 0;li{padding:0 0 8px 0;.Opta-Event-Text{color:",";font-family:",";font-size:13px;line-height:16px;.Opta-Event-Player,.Opta-Event-Time{font-size:inherit;line-height:inherit;}.Opta-Event-Time{color:",";}}}}}}}}}}}}"],C.colours.functional.backgroundSecondary,C.colours.functional.brandColour,C.fonts.supporting,C.breakpoints.medium,C.breakpoints.medium,C.colours.functional.brandColour,C.fonts.headline,C.colours.section.sport,C.fonts.supporting,C.breakpoints.medium,C.breakpoints.medium,C.breakpoints.medium,C.breakpoints.medium,C.breakpoints.medium,C.colours.functional.primary,C.fonts.supporting,C.colours.functional.primary,C.fonts.supporting,C.colours.section.sport));function wo(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return vo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return vo(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const _o=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.date_from,l=t.date_to,c=t.full_width;const s=i.a.createRef(),d=wo(Object(o.useState)(!1),2),p=d[0],u=d[1];return Object(o.useEffect)(()=>{oo(),io("football"),ro().then(()=>{s.current&&(s.current.innerHTML=ao("opta-widget",{sport:"football",widget:"fixtures",season:e,competition:n,date_from:a,date_to:l,live:!0,grouping:"date",show_grouping:!0,show_crests:!0,date_format:"dddd MMMM D YYYY",breakpoints:520},ao("opta-widget",{sport:"football",widget:"match_summary",season:"",competition:"",match:"",live:!0,show_crests:!0,show_goals:!0,show_cards:"red",breakpoints:"520"})).outerHTML,lo(),u(!0))})},[]),i.a.createElement(go,{border:p,fullWidth:c},i.a.createElement(xo,{ref:s}),!p&&i.a.createElement(yo,null,i.a.createElement(r.Placeholder,null)))}),Co=b()(bo).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-1ofehep-0"})([".Opta{h3.Opta-groupname{height:40px;margin:0;padding-left:10px;color:",";font-family:",";font-size:14px;line-height:42px;font-weight:normal;background-color:",";border:0;span{float:none;padding:0;}@media (min-width:","px){padding-left:14px;}}.Opta-Cf{float:none;margin:0;padding:0;background-color:transparent;&.Opta-Dropdown{.Opta-Nav{width:110px;margin:20px auto;background-color:transparent;border:1px solid ",";h3{height:38px;color:",";font-family:",";font-size:14px;line-height:40px;font-weight:normal;text-align:center;background-color:white;border:0;.Opta-Icon{height:38px;margin:0 10px 0 0;:after{background-position:-180px -19px;}}.Opta-Title{height:38px;padding:0 0 0 18px;line-height:40px;}&.Opta-Open{.Opta-Icon{:after{background-position:-149px -20px;}}}}ul{display:none;top:0;list-style-type:none;background-color:",";border:0;border-top:1px solid ",";li{margin:0;text-align:center;a{height:28px;padding:0;color:",";font-family:",";font-size:14px;line-height:30px;background-color:transparent;&:hover{color:",";font-weight:bold;background-color:white;}}&:first-of-type{a{height:32px;padding-top:4px;}}&:last-of-type{a{height:32px;padding-bottom:4px;}}}}}}ul.Opta-TabbedContent{margin:0;padding:0;list-style-type:none;li{display:none;&.Opta-On{display:block;}h3{display:none;text-decoration:none !important;.Opta-Icon{display:none;}}}}table{thead{background-color:",";tr{height:40px;th{padding:0;color:",";font-family:",";font-size:13px;line-height:14px;font-weight:normal;text-align:center;background-color:transparent;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}&.Opta-Team{width:auto !important;}&:last-of-type{padding:0 10px 0 0;}}}}tbody{tr{height:40px;border-bottom:1px solid #e4e4e4;th{width:42px;padding:6px 0 0 0;color:",";font-family:",";font-size:14px;line-height:14px;font-weight:normal;text-align:center;background-color:transparent;@media (min-width:","px){width:50px;font-size:15px;line-height:16px;}}td{width:30px;padding:3px 0 0 0;color:",";font-family:",";font-size:14px;line-height:14px;text-align:center;background-color:transparent;&:last-of-type{width:40px;padding:3px 10px 0 0;}&.Opta-Team{width:auto !important;text-align:left;}.Opta-Image{width:20px;margin-top:-3px;img{width:20px;}}@media (min-width:","px){width:40px;font-size:16px;line-height:16px;&:last-of-type{width:50px;}}}}}}}}"],C.colours.functional.primary,C.fonts.supporting,C.colours.functional.keyline,C.breakpoints.medium,C.colours.functional.brandColour,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.backgroundPrimary,C.colours.functional.brandColour,C.colours.functional.primary,C.fonts.supporting,C.colours.functional.brandColour,C.colours.functional.backgroundSecondary,C.colours.functional.primary,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.breakpoints.medium,C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium);function Oo(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Eo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Eo(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Eo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const ko=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.default_nav,l=void 0===a?1:a,c=t.navigation,s=t.full_width;const d=i.a.createRef(),p=Oo(Object(o.useState)(!1),2),u=p[0],f=p[1];return Object(o.useEffect)(()=>{oo(),io("football"),ro().then(()=>{d.current&&(d.current.innerHTML=ao("opta-widget",{sport:"football",widget:"standings",season:e,competition:n,live:!0,navigation:c?"dropdown":void 0,default_nav:l,show_crests:!0,breakpoints:520}).outerHTML,lo(),f(!0))})},[]),i.a.createElement(go,{border:u,fullWidth:s},i.a.createElement(Co,{ref:d}),!u&&i.a.createElement(yo,null,i.a.createElement(r.Placeholder,null)))}),Io=b()(bo).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-1p8r5mo-0"})([".Opta{h2{margin:20px 0 10px 0 !important;}.Opta-Cf{padding:0;background-color:transparent;table{tbody{tr{td{color:",";font-family:",";font-size:18px;line-height:18px;padding:0;&.Opta-Crest{text-align:left;&.Opta-Home{text-align:right;}img{width:40px;}}&.Opta-Team{padding-left:10px;font-size:18px;line-height:18px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}}&.Opta-Score{width:20px;font-size:24px;line-height:24px;text-align:left;&.Opta-Home{text-align:right;}span{min-width:0;padding:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit;background-color:transparent !important;}@media (min-width:","px){width:30px;font-size:32px;line-height:32px;}}&.Opta-Divider{width:20px;text-align:center;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}}}&.Opta-Score-Extras{td{color:",";font-family:",";font-size:14px;line-height:28px;span{color:inherit;font-size:inherit;}}}&.Opta-MatchHeader-Details{div{padding:0;color:",";font-family:",";font-size:12px;line-height:12px;letter-spacing:1px;text-transform:uppercase;background-color:transparent;span{margin:0 6px;color:inherit;font-size:inherit;}}}}}}.Opta-Events{padding:10px 0 2px 0;li{padding:0 0 8px 0;.Opta-Event-Text{color:",";font-family:",";font-size:13px;line-height:16px;.Opta-Event-Player,.Opta-Event-Time{font-size:inherit;line-height:inherit;}.Opta-Event-Time{color:",";}}}}}}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport);function jo(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return So(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return So(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function So(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const zo=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.match,l=t.full_width;const c=i.a.createRef(),s=jo(Object(o.useState)(!1),2),d=s[0],p=s[1];return Object(o.useEffect)(()=>{oo(),io("football"),ro().then(()=>{c.current&&(c.current.innerHTML=ao("opta-widget",{sport:"football",widget:"match_summary",season:e,competition:n,match:a,live:!0,show_match_header:!0,show_halftime_score:!0,show_competition_name:!0,show_date:!0,show_crests:!0,show_goals:!0,show_cards:"red",date_format:"DD/MM/YYYY",breakpoints:"520"}).outerHTML,lo(),p(!0))})},[]),i.a.createElement(go,{border:d,fullWidth:l},i.a.createElement(Io,{ref:c}),!d&&i.a.createElement(yo,null,i.a.createElement(r.Placeholder,null)))}),Ao=b()(bo).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-1loypld-0"})([".Opta{h2{margin:20px 0 10px 0 !important;}.Opta-Cf{padding:0;background-color:transparent;table{tbody{tr{th.Opta-Stats-Bars-Text{height:auto;padding:20px 0 0 0;color:",";font-family:",";font-size:13px;line-height:14px;}td{height:auto;color:",";font-family:",";font-size:18px;line-height:18px;padding:0;&.Opta-Crest{text-align:left;&.Opta-Home{text-align:right;}img{width:40px;}}&.Opta-Team{padding-left:10px;font-size:18px;line-height:18px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}}&.Opta-Score{width:20px;font-size:24px;line-height:24px;text-align:left;&.Opta-Home{text-align:right;}span{min-width:0;padding:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit;background-color:transparent !important;}@media (min-width:","px){width:30px;font-size:32px;line-height:32px;}}&.Opta-Divider{width:20px;text-align:center;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}}.Opta-Bars{margin:0;.Opta-Percent.Opta-Home{background-color:",";}.Opta-Percent.Opta-Away{background-color:",";opacity:0.5;}}}&.Opta-Score-Extras{td{color:",";font-family:",";font-size:14px;line-height:28px;span{color:inherit;font-size:inherit;}}}&.Opta-MatchHeader-Details{div{padding:0;color:",";font-family:",";font-size:12px;line-height:12px;letter-spacing:1px;text-transform:uppercase;background-color:transparent;span{margin:0 6px;color:inherit;font-size:inherit;}}}}}&.Opta-Stats-Bars{margin-bottom:20px;}}}}"],C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium,C.colours.section.sport,C.colours.section.sport,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting);function No(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return To(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return To(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function To(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const Po=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.match,l=t.full_width;const c=i.a.createRef(),s=No(Object(o.useState)(!1),2),d=s[0],p=s[1];return Object(o.useEffect)(()=>{oo(),io("football"),ro().then(()=>{c.current&&(c.current.innerHTML=ao("opta-widget",{sport:"football",widget:"matchstats",season:e,competition:n,match:a,template:"custom",graph_style:"relative",stats_categories:"Category 1|possession,shots,shots_on_target,passes,passes_accuracy,corners_won,fouls_conceded,cards_yellow,cards_red",live:!0,show_match_header:!0,show_halftime_score:!0,show_competition_name:!0,show_date:!0,show_crests:!0,date_format:"DD/MM/YYYY",breakpoints:"520"}).outerHTML,lo(),p(!0))})},[]),i.a.createElement(go,{border:d,fullWidth:l},i.a.createElement(Ao,{ref:c}),!d&&i.a.createElement(yo,null,i.a.createElement(r.Placeholder,null)))}),Mo=b.a.div.withConfig({displayName:"shared-styles__Container",componentId:"sc-1dlwd3q-0"})(["margin:0 auto 20px auto;background-color:",";border-top:",";a{text-decoration:none;}@media (min-width:","px){flex-direction:row;width:",";}@media (min-width:","px){width:",";}"],C.colours.functional.backgroundPrimary,t=>t.border?"2px solid ".concat(C.colours.section.sport):"none",C.breakpoints.medium,t=>t.fullWidth?"100%":"80.8%",C.breakpoints.wide,t=>t.fullWidth?"100%":"56.2%"),Wo=b.a.div.withConfig({displayName:"shared-styles__PlaceholderContainer",componentId:"sc-1dlwd3q-1"})(["position:relative;height:200px;"]),Ho=b.a.div.withConfig({displayName:"shared-styles__WidgetContainerBase",componentId:"sc-1dlwd3q-2"})([".Opta{.Opta_W{margin:0;background-color:transparent;h2{height:auto;margin:20px 0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;letter-spacing:1px;text-align:center;text-transform:uppercase;background-color:transparent;span{height:auto;font-size:12px;line-height:14px;font-weight:normal;}}table{width:100%;margin:0;border-collapse:collapse;border-spacing:0;}}p{margin:20px 0 0 0 !important;padding:0 0 20px 0 !important;color:",";font-family:",";font-size:14px;line-height:14px;text-align:center;background:transparent !important;}}"],C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting),Lo=(b()(Ho).withConfig({displayName:"styles__WidgetContainerOverride",componentId:"me94al-0"})([".Opta{h2{margin:20px 0 0 0 !important;}.Opta-js-main{table{tbody{td.Opta-title{background-color:transparent !important;border-bottom:1px solid #e4e4e4;h3{margin:20px 0 0 0 !important;font-family:"," !important;font-size:16px !important;line-height:30px !important;text-align:center;span{font-size:inherit;}@media (min-width:","px){font-size:18px !important;line-height:40px !important;}}}}}}}"],C.fonts.headline,C.breakpoints.medium),b()(Ho).withConfig({displayName:"styles__WidgetContainer",componentId:"me94al-1"})([".Opta{.Opta-js-main{padding:0;background-color:transparent;table{tbody{td.Opta-title{height:40px;background-color:",";h3{height:auto;margin:0 0 0 10px;color:",";font-family:",";font-size:14px;line-height:14px;font-weight:normal;background-color:transparent;border-bottom:0;span{float:none;padding:0;font-size:13px;}@media (min-width:","px){margin:0 0 0 20px;}}}tr.Opta-Scoreline{height:40px;background-color:transparent !important;border-bottom:1px solid #e4e4e4;@media (min-width:","px){height:50px;}td{max-width:none !important;padding:3px 0 0 0;color:"," !important;font-family:",";font-size:14px;line-height:14px;background-color:transparent;&.Opta-Time{width:50px !important;padding:6px 0 0 10px;color:"," !important;font-family:",";abbr{font-size:inherit;line-height:inherit;text-decoration:none;}@media (min-width:","px){width:60px !important;padding:6px 0 0 20px;font-size:13px;line-height:14px;}}&.Opta-Team{width:30% !important;padding-left:10px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}@media (min-width:","px){padding-left:15px;&.Opta-Home{padding-right:15px;padding-left:0;}}}&.Opta-Score{width:25px !important;font-size:16px;line-height:16px;text-align:left !important;&.Opta-Home{text-align:right !important;}span{font-size:inherit;line-height:inherit;}@media (min-width:","px){width:30px !important;font-size:24px;line-height:24px;}}&.Opta-Crest{width:20px !important;margin-top:-3px;img{width:20px;}}&.Opta-Divider{width:20px !important;text-align:center;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}}&.Opta-Outer:not(.Opta-Time){width:50px !important;padding:0 10px 0 0;@media (min-width:","px){width:60px !important;padding:0 20px 0 0;}}@media (min-width:","px){font-size:16px;line-height:16px;}}}tr.Opta-agg{background-color:transparent !important;td{padding:10px;color:",";font-family:",";font-size:14px;line-height:16px;background-color:transparent;span{font-size:inherit;line-height:inherit;}span.Opta-agg-text{text-transform:uppercase;}}}tr{td.Opta-Nest{padding:0;.Opta_W{> .Opta-Cf{background-color:transparent;border-bottom:1px solid #e4e4e4;.Opta-Events{padding:10px 0 2px 0;li{padding:0 0 8px 0;.Opta-Event-Text{color:",";font-family:",";font-size:13px;line-height:16px;.Opta-Event-Player,.Opta-Event-Time,.Opta-Event-Text-Type{font-size:inherit;line-height:inherit;}.Opta-Event-Time{color:",";}}}}}}}}}}}}"],C.colours.functional.backgroundSecondary,C.colours.functional.brandColour,C.fonts.supporting,C.breakpoints.medium,C.breakpoints.medium,C.colours.functional.brandColour,C.fonts.headline,C.colours.section.sport,C.fonts.supporting,C.breakpoints.medium,C.breakpoints.medium,C.breakpoints.medium,C.breakpoints.medium,C.breakpoints.medium,C.colours.functional.primary,C.fonts.supporting,C.colours.functional.primary,C.fonts.supporting,C.colours.section.sport));function Bo(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Ro(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ro(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ro(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const Do=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.date_from,l=t.date_to,c=t.full_width;const s=i.a.createRef(),d=Bo(Object(o.useState)(!1),2),p=d[0],u=d[1];return Object(o.useEffect)(()=>{oo(),io("rugby"),ro().then(()=>{s.current&&(s.current.innerHTML=ao("opta-widget",{sport:"rugby",widget:"fixtures",season:e,competition:n,date_from:a,date_to:l,live:!0,grouping:"date",show_grouping:!0,show_subgrouping:!1,show_crests:!0,date_format:"dddd MMMM D YYYY",breakpoints:520},ao("opta-widget",{sport:"rugby",widget:"match_summary",season:"",competition:"",match:"",live:!0,show_crests:!0,show_tries:!0,show_conversions:!0,show_penalties:!0,show_drop_goals:"scored",show_cards:"all",breakpoints:"520"})).outerHTML,lo(),u(!0))})},[]),i.a.createElement(Mo,{border:p,fullWidth:c},i.a.createElement(Lo,{ref:s}),!p&&i.a.createElement(Wo,null,i.a.createElement(r.Placeholder,null)))}),qo=b()(Ho).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-9cbyte-0"})([".Opta{h3{height:40px;margin:0;padding-left:10px;color:",";font-family:",";font-size:14px;line-height:42px;font-weight:normal;background-color:",";border:0;span{float:none;padding:0;font-size:13px;}@media (min-width:","px){padding-left:14px;}}.Opta-Cf{float:none;margin:0;padding:0;background-color:transparent;&.Opta-Dropdown{.Opta-Nav{width:110px;margin:20px auto;background-color:transparent;border:1px solid ",";h3{height:38px;color:",";font-family:",";font-size:14px;line-height:40px;font-weight:normal;text-align:center;background-color:white;border:0;.Opta-Icon{height:38px;margin:0 10px 0 0;:after{background-position:-180px -19px;}}.Opta-Title{height:38px;padding:0 0 0 18px;line-height:40px;}&.Opta-Open{.Opta-Icon{:after{background-position:-149px -20px;}}}}ul{display:none;top:0;list-style-type:none;background-color:",";border:0;border-top:1px solid ",";li{margin:0;text-align:center;a{height:28px;padding:0;color:",";font-family:",";font-size:14px;line-height:30px;background-color:transparent;&:hover{color:",";font-weight:bold;background-color:white;}}&:first-of-type{a{height:32px;padding-top:4px;}}&:last-of-type{a{height:32px;padding-bottom:4px;}}}}}}ul.Opta-TabbedContent{margin:0;padding:0;list-style-type:none;li{display:none;&.Opta-On{display:block;}h3{display:none;text-decoration:none !important;.Opta-Icon{display:none;}}}}table{thead{background-color:",";tr{height:40px;th{padding:0;color:",";font-family:",";font-size:13px;line-height:14px;font-weight:normal;text-align:center;background-color:transparent;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}&.Opta-Team{width:auto !important;}&:last-of-type{padding:0 10px 0 0;}}}}tbody{tr{height:40px;border-bottom:1px solid #e4e4e4;th{width:42px;padding:6px 0 0 0;color:",";font-family:",";font-size:14px;line-height:14px;font-weight:normal;text-align:center;background-color:transparent;@media (min-width:","px){width:50px;font-size:15px;line-height:16px;}}td{width:30px;padding:3px 0 0 0;color:",";font-family:",";font-size:14px;line-height:14px;text-align:center;background-color:transparent;&:last-of-type{width:40px;padding:3px 10px 0 0;}&.Opta-Team{width:auto !important;text-align:left;}.Opta-Image{width:20px;margin-top:-3px;img{width:20px;}}@media (min-width:","px){width:40px;font-size:16px;line-height:16px;&:last-of-type{width:50px;}}}}}}}}"],C.colours.functional.primary,C.fonts.supporting,C.colours.functional.keyline,C.breakpoints.medium,C.colours.functional.brandColour,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.backgroundPrimary,C.colours.functional.brandColour,C.colours.functional.primary,C.fonts.supporting,C.colours.functional.brandColour,C.colours.functional.backgroundSecondary,C.colours.functional.primary,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.breakpoints.medium,C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium);function Fo(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Uo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Uo(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Uo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const $o=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.default_nav,l=void 0===a?1:a,c=t.navigation,s=t.full_width;const d=i.a.createRef(),p=Fo(Object(o.useState)(!1),2),u=p[0],f=p[1];return Object(o.useEffect)(()=>{oo(),io("rugby"),ro().then(()=>{d.current&&(d.current.innerHTML=ao("opta-widget",{sport:"rugby",widget:"standings",season:e,competition:n,live:!0,navigation:c?"dropdown":void 0,default_nav:l,show_crests:!0,breakpoints:520}).outerHTML,lo(),f(!0))})},[]),i.a.createElement(Mo,{border:u,fullWidth:s},i.a.createElement(qo,{ref:d}),!u&&i.a.createElement(Wo,null,i.a.createElement(r.Placeholder,null)))}),Yo=b()(Ho).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-1pgxtc2-0"})([".Opta{h2{margin:20px 0 10px 0 !important;}.Opta-Cf{padding:0;background-color:transparent;table{tbody{tr{td{color:",";font-family:",";font-size:18px;line-height:18px;padding:0;&.Opta-Crest{text-align:left;&.Opta-Home{text-align:right;}img{width:40px;}}&.Opta-Team{padding-left:10px;font-size:18px;line-height:18px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}}&.Opta-Score{width:20px;font-size:24px;line-height:24px;text-align:left;&.Opta-Home{text-align:right;}span{min-width:0;padding:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit;background-color:transparent !important;}@media (min-width:","px){width:30px;font-size:32px;line-height:32px;}}&.Opta-Divider{width:20px;text-align:center;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}}}&.Opta-Score-Extras{td{color:",";font-family:",";font-size:14px;line-height:28px;span{color:inherit;font-size:inherit;}}}&.Opta-MatchHeader-Details{div{padding:0;color:",";font-family:",";font-size:12px;line-height:12px;letter-spacing:1px;text-transform:uppercase;background-color:transparent;span{margin:0 6px;color:inherit;font-size:inherit;}}}}}}.Opta-Events{padding:10px 0 2px 0;li{padding:0 0 8px 0;.Opta-Event-Text{color:",";font-family:",";font-size:13px;line-height:16px;.Opta-Event-Player,.Opta-Event-Time,.Opta-Event-Text-Type{font-size:inherit;line-height:inherit;}.Opta-Event-Time{color:",";}}}}}}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport);function Go(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Vo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Vo(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Vo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const Zo=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.match,l=t.full_width;const c=i.a.createRef(),s=Go(Object(o.useState)(!1),2),d=s[0],p=s[1];return Object(o.useEffect)(()=>{oo(),io("rugby"),ro().then(()=>{c.current&&(c.current.innerHTML=ao("opta-widget",{sport:"rugby",widget:"match_summary",season:e,competition:n,match:a,live:!0,show_match_header:!0,show_halftime_score:!0,show_competition_name:!0,show_date:!0,show_crests:!0,show_tries:!0,show_conversions:!0,show_penalties:!0,show_drop_goals:"scored",date_format:"DD/MM/YYYY",breakpoints:"520"}).outerHTML,lo(),p(!0))})},[]),i.a.createElement(Mo,{border:d,fullWidth:l},i.a.createElement(Yo,{ref:c}),!d&&i.a.createElement(Wo,null,i.a.createElement(r.Placeholder,null)))}),Jo=b()(Ho).withConfig({displayName:"styles__WidgetContainer",componentId:"lquz8o-0"})([".Opta{h2{margin:20px 0 10px 0 !important;}.Opta-Cf{padding:0;background-color:transparent;table{tbody{tr{th.Opta-Stats-Bars-Text{height:auto;padding:20px 0 0 0;color:",";font-family:",";font-size:13px;line-height:14px;}td{height:auto;color:",";font-family:",";font-size:18px;line-height:18px;padding:0;&.Opta-Crest{text-align:left;&.Opta-Home{text-align:right;}img{width:40px;}}&.Opta-Team{padding-left:10px;font-size:18px;line-height:18px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}}&.Opta-Score{width:20px;font-size:24px;line-height:24px;text-align:left;&.Opta-Home{text-align:right;}span{min-width:0;padding:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit;background-color:transparent !important;}@media (min-width:","px){width:30px;font-size:32px;line-height:32px;}}&.Opta-Divider{width:20px;text-align:center;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}}.Opta-Bars{margin:0;.Opta-Percent.Opta-Home{background-color:",";}.Opta-Percent.Opta-Away{background-color:",";opacity:0.5;}}}&.Opta-Score-Extras{td{color:",";font-family:",";font-size:14px;line-height:28px;span{color:inherit;font-size:inherit;}}}&.Opta-MatchHeader-Details{div{padding:0;color:",";font-family:",";font-size:12px;line-height:12px;letter-spacing:1px;text-transform:uppercase;background-color:transparent;span{margin:0 6px;color:inherit;font-size:inherit;}}}}}&.Opta-Stats-Bars{margin-bottom:20px;}}}}"],C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium,C.colours.section.sport,C.colours.section.sport,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting);function Xo(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Ko(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ko(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ko(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const Qo=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.match,l=t.full_width;const c=i.a.createRef(),s=Xo(Object(o.useState)(!1),2),d=s[0],p=s[1];return Object(o.useEffect)(()=>{oo(),io("rugby"),ro().then(()=>{c.current&&(c.current.innerHTML=ao("opta-widget",{sport:"rugby",widget:"matchstats",season:e,competition:n,match:a,template:"custom",graph_style:"relative",stats_categories:"Category 1|tries,passes,tackles,carries,metres,lineouts_won_percent,scrums_won_percent,turnovers_conceded,yellow_cards,red_cards",live:!0,show_match_header:!0,show_halftime_score:!0,show_competition_name:!0,show_date:!0,show_crests:!0,date_format:"DD/MM/YYYY",breakpoints:"520"}).outerHTML,lo(),p(!0))})},[]),i.a.createElement(Mo,{border:d,fullWidth:l},i.a.createElement(Jo,{ref:c}),!d&&i.a.createElement(Wo,null,i.a.createElement(r.Placeholder,null)))});var ti=n(16),ei=n.n(ti),ni=n(17);const oi=t=>t.map(t=>({url:t.url,ratio:t.aspectRatio})),ii=t=>{if(t){if(t.crops)return oi(t.crops);if(t.posterImage&&t.posterImage.crops)return oi(t.posterImage.crops)}return[]},ri=t=>{return{url:t.url,label:t.label,byline:(n=t.bylines,n?n.map(t=>"author"===t.type?t.name:t.value).join(""):void 0),headline:t.headline,summary:(e=t.summary,e&&e.children?e.children.map(t=>t.text).join("")+"...":void 0),datePublished:t.publishedDateTime,images:{alt:t.headline,crops:ii(t.media)}};var e,n},ai=t=>{switch(t){case 1:return"RELATED_ARTICLE_1";case 2:return"RELATED_ARTICLE_2";default:return"RELATED_ARTICLE_3"}},li=t=>({name:ai(t.length),children:t.map(t=>({article:ri(t)})).slice(0,3)}),ci=b.a.div.withConfig({displayName:"styles__Header",componentId:"sc-1f3o71-0"})(["margin-bottom:12px;padding:16px 12px 12px 12px;color:",";font-family:",";font-size:24px;line-height:24px;font-weight:normal;text-align:center;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;"],C.colours.functional.brandColour,C.fonts.headline),si=t=>{let e=t.heading;const n=f(),o=n.loading,r=n.error,a=n.data;if(o||r)return null;const l=ei()(a,"recommendations.articles");if(!l||!l.length)return null;const c=M().fireAnalyticsEvent;return i.a.createElement("div",{id:"recommended-articles"},i.a.createElement(ci,null,e),i.a.createElement(ni.Slice,{slice:li(l),clickHandler:(t,e)=>{c&&c({action:"Clicked",attrs:{article_parent_name:e.headline}})}}))};function di(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return pi(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return pi(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pi(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const ui=t=>{let e=t.articleId,n=t.articleHeadline,r=t.articleSection;const a=di(Object(o.useState)(!1),2),l=a[0],c=a[1];Object(o.useEffect)(()=>{try{const t=window.nuk.getCookieValue("acs_tnl"),e=window.__TIMES_CONFIG__.environmentName;t&&["local-prod","pr","uat","staging","prod"].includes(e)&&c(!0)}catch(t){console.log(t)}},[]);return l?i.a.createElement(u,{url:"/api/recommended-articles/".concat(e,"/todays_section")},i.a.createElement(W,{context:{object:"RecommendedArticles",attrs:{event_navigation_action:"navigation",event_navigation_name:"widget:relevant article",event_navigation_browsing_method:"click",section_details:"section : ".concat(r),article_name:n,widget_headline:"Read more".toLowerCase(),widget_section:r,widget_type:"today's section"}}},i.a.createElement(si,{heading:"Read more"}))):null},fi={background:"#bedeed",foreground:"#1573a2"},mi={background:"#ffeecc",foreground:"#ffa300"},hi={background:"#ffd6d6",foreground:"#df0000"},gi=b.a.div.withConfig({displayName:"styles__Container",componentId:"sc-1lbbpaf-0"})(["display:flex;margin-top:50px;&.info{background-color:",";border-left:4px solid ",";svg{fill:",";}}&.warning{background-color:",";border-left:4px solid ",";svg{fill:",";}}&.error{background-color:",";border-left:4px solid ",";svg{fill:",";}}"],fi.background,fi.foreground,fi.foreground,mi.background,mi.foreground,mi.foreground,hi.background,hi.foreground,hi.foreground),yi=b.a.div.withConfig({displayName:"styles__IconContainer",componentId:"sc-1lbbpaf-1"})(["margin:12px 0 45px 12px;"]),bi=b.a.div.withConfig({displayName:"styles__ContentContainer",componentId:"sc-1lbbpaf-2"})(["margin:12px;"]),xi=b.a.div.withConfig({displayName:"styles__Title",componentId:"sc-1lbbpaf-3"})(["font-family:",";font-weight:700;font-size:15px;line-height:16px;margin-bottom:6px;"],C.fonts.supporting),wi=b.a.div.withConfig({displayName:"styles__Description",componentId:"sc-1lbbpaf-4"})(["font-family:",";font-weight:500;font-size:13px;line-height:20px;& a{color:#333333;text-decoration:underline;}"],C.fonts.supporting),vi=t=>{let e=t.size,n=void 0===e?{width:"20",height:"20"}:e;return i.a.createElement("svg",{width:n.width,height:n.height,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM9 15V9H11V15H9ZM9 5V7H11V5H9Z"}))},_i=t=>{let e=t.title,n=t.type,o=t.children;return i.a.createElement(gi,{className:n},i.a.createElement(yi,null,i.a.createElement(vi,null)),i.a.createElement(bi,null,i.a.createElement(xi,null,e),i.a.createElement(wi,null,o)))},Ci=b.a.div.withConfig({displayName:"styles__Container",componentId:"kqn9c8-0"})(["display:flex;flex-direction:column;align-items:center;padding:60px;@media (min-width:","px){padding:88px;}"],C.breakpoints.medium),Oi=b.a.div.withConfig({displayName:"styles__Title",componentId:"kqn9c8-1"})(["font-family:",";font-size:32px;line-height:32px;letter-spacing:0;text-align:center;padding:24px;"],C.fonts.headline),Ei=b.a.div.withConfig({displayName:"styles__Description",componentId:"kqn9c8-2"})(["font-family:",";font-weight:400;font-size:18px;line-height:28px;letter-spacing:0;text-align:center;max-width:660px;"],C.fonts.body),ki=b.a.a.withConfig({displayName:"styles__Button",componentId:"kqn9c8-3"})(["display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;background-color:#008387;color:white;font-family:",";width:127px;height:48px;font-size:15px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:0;margin:24px;"],C.fonts.supporting),Ii=t=>{let e=t.title,n=t.href,o=void 0===n?"#":n,r=t.onClick,a=t.buttonText,l=t.children;return i.a.createElement(Ci,null,i.a.createElement(Oi,null,e),i.a.createElement(Ei,null,l),i.a.createElement(ki,{href:o,onClick:r},a))};var ji=n(7);var Si=t=>{try{return decodeURIComponent(t)}catch(e){return t}};const zi=b.a.div.withConfig({displayName:"styles__Container",componentId:"uvi9j3-0"})(["display:flex;flex-direction:column;justify-content:center;margin:48px 10px 24px 10px;padding-top:",";border-top:2px solid #9f0000;@media (min-width:","px){width:80.8%;margin:64px 0 24px 10%;}@media (min-width:","px){width:56.2%;margin:64px 0 24px 22%;}"],t=>t.isBreaking?"8px":"5px",C.breakpoints.medium,C.breakpoints.wide),Ai=b.a.div.withConfig({displayName:"styles__UpdatesContainer",componentId:"uvi9j3-1"})(["display:flex;flex-direction:row;justify-content:space-between;"]),Ni=b.a.div.withConfig({displayName:"styles__TimeSincePublishingContainer",componentId:"uvi9j3-2"})(["display:flex;flex-direction:row;"]),Ti=b.a.div.withConfig({displayName:"styles__TimeSincePublishing",componentId:"uvi9j3-3"})(["color:",";font-family:",";font-size:13px;line-height:18px;"],C.colours.functional.brandColour,C.fonts.supporting),Pi=Object(y.css)(["color:",";font-family:",";font-size:13px;line-height:18px;"],C.colours.functional.secondary,C.fonts.supporting),Mi=b.a.div.withConfig({displayName:"styles__UpdatedTimeItems",componentId:"uvi9j3-4"})(["display:flex;justify-content:space-between;align-items:baseline;"]),Wi=b.a.div.withConfig({displayName:"styles__UpdatedTime",componentId:"uvi9j3-5"})(["",";"],Pi),Hi=b.a.div.withConfig({displayName:"styles__UpdatedDate",componentId:"uvi9j3-6"})([""," justify-content:end;padding:0 4px 0 0;"],Pi),Li=b.a.div.withConfig({displayName:"styles__Divider",componentId:"uvi9j3-7"})(["background-color:",";width:1px;margin:2px 8px 6px 8px;"],C.colours.functional.greyLabel),Bi=b.a.h2.withConfig({displayName:"styles__Headline",componentId:"uvi9j3-8"})(["color:",";font-family:",";font-size:28px;line-height:28px;margin-top:22px;margin-bottom:0px;font-weight:400;@media (min-width:","px){font-size:36px;line-height:36px;margin-top:20px;margin-bottom:0px;}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium),Ri=b.a.div.withConfig({displayName:"styles__FlagContainer",componentId:"uvi9j3-9"})(["margin-right:8px;"]),Di=b.a.div.withConfig({displayName:"styles__BylineBlockContainer",componentId:"uvi9j3-10"})(["display:flex;align-items:center;margin-top:24px;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:16px;"]),qi=b.a.div.withConfig({displayName:"styles__BylineBlockImgContainer",componentId:"uvi9j3-11"})(["border-radius:50%;width:50px;height:50px;overflow:hidden;margin-right:10px;"]),Fi=b.a.img.withConfig({displayName:"styles__BylineBlockImg",componentId:"uvi9j3-12"})(["height:100%;width:100%;"]),Ui=b.a.div.withConfig({displayName:"styles__BylineBlockContent",componentId:"uvi9j3-13"})(["display:flex;flex-direction:column;"]),$i=b.a.div.withConfig({displayName:"styles__BylineBlockAuthorContent",componentId:"uvi9j3-14"})(["display:flex;align-items:center;margin-bottom:2px;"]),Yi=b.a.p.withConfig({displayName:"styles__BylineBlockAuthorName",componentId:"uvi9j3-15"})(["color:#069;margin-right:5px;margin-block:0;"]),Gi=b.a.p.withConfig({displayName:"styles__BylineBlockAuthorJobTitle",componentId:"uvi9j3-16"})(["color:#696969;margin-block:0;"]),Vi=b.a.p.withConfig({displayName:"styles__BylineBlockDescription",componentId:"uvi9j3-17"})(["color:#696969;font-weight:500;margin-block:0;"]),Zi=t=>{let e=t.authorData,n=t.description;return e&&e.name||e&&e.image||n?i.a.createElement(Di,null,e&&e.image&&i.a.createElement(qi,null,i.a.createElement(Fi,{src:e.image,alt:e.name})),i.a.createElement(Ui,null,i.a.createElement($i,null,e&&e.name&&i.a.createElement(Yi,null,e.name),e&&e.jobTitle&&i.a.createElement(Gi,null,e.jobTitle)),n&&i.a.createElement(Vi,null,n))):null};function Ji(t,e,n,o,i,r,a){try{var l=t[r](a),c=l.value}catch(t){return void n(t)}l.done?e(c):Promise.resolve(c).then(o,i)}function Xi(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Ki(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ki(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ki(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}var Qi=t=>{let e=t.updated,n=t.breaking,r=t.headline,a=t.authorSlug,l=t.description;const c=Xi(Object(o.useState)(""),2),s=c[0],d=c[1],p=Xi(Object(o.useState)(),2),u=p[0],f=p[1],m=new Date,h=new Date(e),g=Object(ji.utcToZonedTime)(h,"Europe/London");Object(o.useEffect)(()=>{"Europe/London"!==Intl.DateTimeFormat().resolvedOptions().timeZone&&d(Object(ji.format)(g,"zzz",{timeZone:"Europe/London"}))}),Object(o.useEffect)(()=>{if(void 0===a)return void f(null);(function(){var t,e=(t=function*(){try{const t=yield fetch("/api/author-profile/".concat(a)),e=yield t.json();f(e)}catch(t){console.log(t)}},function(){var e=this,n=arguments;return new Promise((function(o,i){var r=t.apply(e,n);function a(t){Ji(r,o,i,a,l,"next",t)}function l(t){Ji(r,o,i,a,l,"throw",t)}a(void 0)}))});return function(){return e.apply(this,arguments)}})()()},[a]);const y=Object(Ae.formatDistanceStrict)(h,m,{roundingMethod:"floor"})+" ago",b=Object(Ae.differenceInSeconds)(m,h),x=b<60,w=b<3600,v=b<46800,_=Object(Ae.differenceInCalendarDays)(m,g)>=1,C=!!n&&Boolean("true"===n.toLowerCase()),O=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=/\D+/g,o=t.replace(n,""),i=/\b(\w)/g,r=e.match(i),a=null===r?"":r.join("");return"u_".concat(o).concat(a)}(e,r);return i.a.createElement(zi,{isBreaking:C&&w,id:O},i.a.createElement(Ai,null,i.a.createElement(Mi,null,C&&w?i.a.createElement(Ri,null,i.a.createElement(Be,null)):null,!x&&v?i.a.createElement(Ni,null,i.a.createElement(Ti,{"data-testId":"TimeSincePublishing"},y),i.a.createElement(Li,null)):null,i.a.createElement(Wi,{isLessThan13Hours:!x&&v},"".concat(Object(ji.format)(g,"h.mmaaa")," ").concat(s))),_?i.a.createElement(Hi,null,Object(ji.format)(g,"MMMM d")):null),r&&i.a.createElement(Bi,null,Si(r)),u&&i.a.createElement(Zi,{authorData:u,description:l}))};const tr=b.a.div.withConfig({displayName:"styles__WelcomeBannerContainer",componentId:"sc-1dq6agu-0"})(["display:flex;flex-direction:column;justify-content:center;width:100%;margin-bottom:16px;padding:18px 16px;background-color:",";"],C.colours.functional.bannerBackground),er=b.a.div.withConfig({displayName:"styles__Title",componentId:"sc-1dq6agu-1"})(["color:",";font-family:",";font-size:40px;line-height:45px;text-align:left;br.mobile{display:inline;}br.larger-breakpoints{display:none;}@media (min-width:","px){text-align:center;br.mobile{display:none;}br.larger-breakpoints{display:inline;}}"],C.colours.functional.greyText,C.fonts.headline,C.breakpoints.medium),nr=b.a.div.withConfig({displayName:"styles__Text",componentId:"sc-1dq6agu-2"})(["margin-top:6px;color:",";font-family:",";font-size:18px;line-height:27px;text-align:left;@media (min-width:","px){text-align:center;}"],C.colours.functional.primary,C.fonts.supporting,C.breakpoints.medium);function or(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return ir(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ir(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ir(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const rr=()=>{const t=or(Object(o.useState)(!1),2),e=t[0],n=t[1];return Object(o.useEffect)(()=>{window.sessionStorage.getItem("showWelcomeBanner")&&(window.sessionStorage.removeItem("showWelcomeBanner"),n(!0))},[]),e?i.a.createElement(tr,null,i.a.createElement(er,{"data-testId":"title"},"Welcome to ",i.a.createElement("br",{className:"mobile"}),"The Times ",i.a.createElement("br",{className:"larger-breakpoints"})," and"," ",i.a.createElement("br",{className:"mobile"}),"The Sunday Times"),i.a.createElement(nr,{"data-testId":"text"},"We hope you enjoy your free content")):null};n.d(e,"InArticlePuff",(function(){return Q})),n.d(e,"InfoCard",(function(){return kt})),n.d(e,"GalleryCarousel",(function(){return Gt})),n.d(e,"InfoCardBulletPoints",(function(){return ae})),n.d(e,"BigNumbers",(function(){return ye})),n.d(e,"BreakingArticleFlag",(function(){return Be})),n.d(e,"LiveArticleFlag",(function(){return Le})),n.d(e,"ArticleFlag",(function(){return De})),n.d(e,"ArticleFlags",(function(){return Ve})),n.d(e,"NewArticleFlag",(function(){return qe})),n.d(e,"UpdatedArticleFlag",(function(){return Fe})),n.d(e,"ExclusiveArticleFlag",(function(){return Ue})),n.d(e,"SponsoredArticleFlag",(function(){return $e})),n.d(e,"LongReadArticleFlag",(function(){return Ye})),n.d(e,"Timelines",(function(){return ln})),n.d(e,"SaveStar",(function(){return yn})),n.d(e,"AutoNewsletterPuff",(function(){return eo})),n.d(e,"InlineNewsletterPuff",(function(){return to})),n.d(e,"PreviewNewsletterPuff",(function(){return no})),n.d(e,"OptaCricketScorecard",(function(){return ho})),n.d(e,"OptaFootballFixtures",(function(){return _o})),n.d(e,"OptaFootballStandings",(function(){return ko})),n.d(e,"OptaFootballSummary",(function(){return zo})),n.d(e,"OptaFootballMatchStats",(function(){return Po})),n.d(e,"OptaRugbyFixtures",(function(){return Do})),n.d(e,"OptaRugbyStandings",(function(){return $o})),n.d(e,"OptaRugbySummary",(function(){return Zo})),n.d(e,"OptaRugbyMatchStats",(function(){return Qo})),n.d(e,"RecommendedFetch",(function(){return ui})),n.d(e,"FetchProvider",(function(){return u})),n.d(e,"ViewCountWrapper",(function(){return In})),n.d(e,"TrackingContextProvider",(function(){return W})),n.d(e,"HiddenDiv",(function(){return B})),n.d(e,"InlineMessage",(function(){return _i})),n.d(e,"InlineDialog",(function(){return Ii})),n.d(e,"ArticleHeader",(function(){return Qi})),n.d(e,"UpdatedTimestamp",(function(){return Pe})),n.d(e,"UpdatedTimeProvider",(function(){return We})),n.d(e,"WelcomeBanner",(function(){return rr})),n.d(e,"safeDecodeURIComponent",(function(){return Si}))}]);
|
|
1
|
+
module.exports=function(t){var e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(o,i,function(e){return t[e]}.bind(null,i));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=19)}([function(t,e){t.exports=require("react")},function(t,e){t.exports=require("@times-components/ts-styleguide/rnw")},function(t,e){t.exports=require("styled-components")},function(t,e){t.exports=require("@times-components/image/rnw")},function(t,e){t.exports=require("date-fns")},function(t,e){t.exports=require("@times-components/utils/rnw")},function(t,e){t.exports=require("@times-components/icons/rnw")},function(t,e){t.exports=require("date-fns-tz")},function(t,e){t.exports=require("react-elastic-carousel")},function(t,e,n){(function(t){var n=/^\[object .+?Constructor\]$/,o=/^(?:0|[1-9]\d*)$/,i={};i["[object Float32Array]"]=i["[object Float64Array]"]=i["[object Int8Array]"]=i["[object Int16Array]"]=i["[object Int32Array]"]=i["[object Uint8Array]"]=i["[object Uint8ClampedArray]"]=i["[object Uint16Array]"]=i["[object Uint32Array]"]=!0,i["[object Arguments]"]=i["[object Array]"]=i["[object ArrayBuffer]"]=i["[object Boolean]"]=i["[object DataView]"]=i["[object Date]"]=i["[object Error]"]=i["[object Function]"]=i["[object Map]"]=i["[object Number]"]=i["[object Object]"]=i["[object RegExp]"]=i["[object Set]"]=i["[object String]"]=i["[object WeakMap]"]=!1;var r="object"==typeof global&&global&&global.Object===Object&&global,a="object"==typeof self&&self&&self.Object===Object&&self,l=r||a||Function("return this")(),c=e&&!e.nodeType&&e,s=c&&"object"==typeof t&&t&&!t.nodeType&&t,d=s&&s.exports===c,p=d&&r.process,u=function(){try{var t=s&&s.require&&s.require("util").types;return t||p&&p.binding&&p.binding("util")}catch(t){}}(),f=u&&u.isTypedArray;function m(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}var h,g,y,b=Array.prototype,x=Function.prototype,w=Object.prototype,v=l["__core-js_shared__"],_=x.toString,C=w.hasOwnProperty,O=(h=/[^.]+$/.exec(v&&v.keys&&v.keys.IE_PROTO||""))?"Symbol(src)_1."+h:"",E=w.toString,k=_.call(Object),I=RegExp("^"+_.call(C).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),j=d?l.Buffer:void 0,S=l.Symbol,z=l.Uint8Array,A=j?j.allocUnsafe:void 0,N=(g=Object.getPrototypeOf,y=Object,function(t){return g(y(t))}),T=Object.create,P=w.propertyIsEnumerable,M=b.splice,W=S?S.toStringTag:void 0,H=function(){try{var t=ct(Object,"defineProperty");return t({},"",{}),t}catch(t){}}(),L=j?j.isBuffer:void 0,B=Math.max,R=Date.now,D=ct(l,"Map"),q=ct(Object,"create"),F=function(){function t(){}return function(e){if(!wt(e))return{};if(T)return T(e);t.prototype=e;var n=new t;return t.prototype=void 0,n}}();function U(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function $(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function Y(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function G(t){var e=this.__data__=new $(t);this.size=e.size}function V(t,e){var n=ht(t),o=!n&&mt(t),i=!n&&!o&&yt(t),r=!n&&!o&&!i&&_t(t),a=n||o||i||r,l=a?function(t,e){for(var n=-1,o=Array(t);++n<t;)o[n]=e(n);return o}(t.length,String):[],c=l.length;for(var s in t)!e&&!C.call(t,s)||a&&("length"==s||i&&("offset"==s||"parent"==s)||r&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||st(s,c))||l.push(s);return l}function Z(t,e,n){(void 0!==n&&!ft(t[e],n)||void 0===n&&!(e in t))&&K(t,e,n)}function J(t,e,n){var o=t[e];C.call(t,e)&&ft(o,n)&&(void 0!==n||e in t)||K(t,e,n)}function X(t,e){for(var n=t.length;n--;)if(ft(t[n][0],e))return n;return-1}function K(t,e,n){"__proto__"==e&&H?H(t,e,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[e]=n}U.prototype.clear=function(){this.__data__=q?q(null):{},this.size=0},U.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},U.prototype.get=function(t){var e=this.__data__;if(q){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return C.call(e,t)?e[t]:void 0},U.prototype.has=function(t){var e=this.__data__;return q?void 0!==e[t]:C.call(e,t)},U.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=q&&void 0===e?"__lodash_hash_undefined__":e,this},$.prototype.clear=function(){this.__data__=[],this.size=0},$.prototype.delete=function(t){var e=this.__data__,n=X(e,t);return!(n<0)&&(n==e.length-1?e.pop():M.call(e,n,1),--this.size,!0)},$.prototype.get=function(t){var e=this.__data__,n=X(e,t);return n<0?void 0:e[n][1]},$.prototype.has=function(t){return X(this.__data__,t)>-1},$.prototype.set=function(t,e){var n=this.__data__,o=X(n,t);return o<0?(++this.size,n.push([t,e])):n[o][1]=e,this},Y.prototype.clear=function(){this.size=0,this.__data__={hash:new U,map:new(D||$),string:new U}},Y.prototype.delete=function(t){var e=lt(this,t).delete(t);return this.size-=e?1:0,e},Y.prototype.get=function(t){return lt(this,t).get(t)},Y.prototype.has=function(t){return lt(this,t).has(t)},Y.prototype.set=function(t,e){var n=lt(this,t),o=n.size;return n.set(t,e),this.size+=n.size==o?0:1,this},G.prototype.clear=function(){this.__data__=new $,this.size=0},G.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},G.prototype.get=function(t){return this.__data__.get(t)},G.prototype.has=function(t){return this.__data__.has(t)},G.prototype.set=function(t,e){var n=this.__data__;if(n instanceof $){var o=n.__data__;if(!D||o.length<199)return o.push([t,e]),this.size=++n.size,this;n=this.__data__=new Y(o)}return n.set(t,e),this.size=n.size,this};var Q,tt=function(t,e,n){for(var o=-1,i=Object(t),r=n(t),a=r.length;a--;){var l=r[Q?a:++o];if(!1===e(i[l],l,i))break}return t};function et(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":W&&W in Object(t)?function(t){var e=C.call(t,W),n=t[W];try{t[W]=void 0;var o=!0}catch(t){}var i=E.call(t);o&&(e?t[W]=n:delete t[W]);return i}(t):function(t){return E.call(t)}(t)}function nt(t){return vt(t)&&"[object Arguments]"==et(t)}function ot(t){return!(!wt(t)||function(t){return!!O&&O in t}(t))&&(bt(t)?I:n).test(function(t){if(null!=t){try{return _.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(t))}function it(t){if(!wt(t))return function(t){var e=[];if(null!=t)for(var n in Object(t))e.push(n);return e}(t);var e=dt(t),n=[];for(var o in t)("constructor"!=o||!e&&C.call(t,o))&&n.push(o);return n}function rt(t,e,n,o,i){t!==e&&tt(e,(function(r,a){if(i||(i=new G),wt(r))!function(t,e,n,o,i,r,a){var l=pt(t,n),c=pt(e,n),s=a.get(c);if(s)return void Z(t,n,s);var d=r?r(l,c,n+"",t,e,a):void 0,p=void 0===d;if(p){var u=ht(c),f=!u&&yt(c),m=!u&&!f&&_t(c);d=c,u||f||m?ht(l)?d=l:vt(x=l)&>(x)?d=function(t,e){var n=-1,o=t.length;e||(e=Array(o));for(;++n<o;)e[n]=t[n];return e}(l):f?(p=!1,d=function(t,e){if(e)return t.slice();var n=t.length,o=A?A(n):new t.constructor(n);return t.copy(o),o}(c,!0)):m?(p=!1,h=c,g=!0?(y=h.buffer,b=new y.constructor(y.byteLength),new z(b).set(new z(y)),b):h.buffer,d=new h.constructor(g,h.byteOffset,h.length)):d=[]:function(t){if(!vt(t)||"[object Object]"!=et(t))return!1;var e=N(t);if(null===e)return!0;var n=C.call(e,"constructor")&&e.constructor;return"function"==typeof n&&n instanceof n&&_.call(n)==k}(c)||mt(c)?(d=l,mt(l)?d=function(t){return function(t,e,n,o){var i=!n;n||(n={});var r=-1,a=e.length;for(;++r<a;){var l=e[r],c=o?o(n[l],t[l],l,n,t):void 0;void 0===c&&(c=t[l]),i?K(n,l,c):J(n,l,c)}return n}(t,Ct(t))}(l):wt(l)&&!bt(l)||(d=function(t){return"function"!=typeof t.constructor||dt(t)?{}:F(N(t))}(c))):p=!1}var h,g,y,b;var x;p&&(a.set(c,d),i(d,c,o,r,a),a.delete(c));Z(t,n,d)}(t,e,a,n,rt,o,i);else{var l=o?o(pt(t,a),r,a+"",t,e,i):void 0;void 0===l&&(l=r),Z(t,a,l)}}),Ct)}function at(t,e){return ut(function(t,e,n){return e=B(void 0===e?t.length-1:e,0),function(){for(var o=arguments,i=-1,r=B(o.length-e,0),a=Array(r);++i<r;)a[i]=o[e+i];i=-1;for(var l=Array(e+1);++i<e;)l[i]=o[i];return l[e]=n(a),m(t,this,l)}}(t,e,kt),t+"")}function lt(t,e){var n,o,i=t.__data__;return("string"==(o=typeof(n=e))||"number"==o||"symbol"==o||"boolean"==o?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map}function ct(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return ot(n)?n:void 0}function st(t,e){var n=typeof t;return!!(e=null==e?9007199254740991:e)&&("number"==n||"symbol"!=n&&o.test(t))&&t>-1&&t%1==0&&t<e}function dt(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||w)}function pt(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]}var ut=function(t){var e=0,n=0;return function(){var o=R(),i=16-(o-n);if(n=o,i>0){if(++e>=800)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}(H?function(t,e){return H(t,"toString",{configurable:!0,enumerable:!1,value:(n=e,function(){return n}),writable:!0});var n}:kt);function ft(t,e){return t===e||t!=t&&e!=e}var mt=nt(function(){return arguments}())?nt:function(t){return vt(t)&&C.call(t,"callee")&&!P.call(t,"callee")},ht=Array.isArray;function gt(t){return null!=t&&xt(t.length)&&!bt(t)}var yt=L||function(){return!1};function bt(t){if(!wt(t))return!1;var e=et(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}function xt(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}function wt(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}function vt(t){return null!=t&&"object"==typeof t}var _t=f?function(t){return function(e){return t(e)}}(f):function(t){return vt(t)&&xt(t.length)&&!!i[et(t)]};function Ct(t){return gt(t)?V(t,!0):it(t)}var Ot,Et=(Ot=function(t,e,n){rt(t,e,n)},at((function(t,e){var n=-1,o=e.length,i=o>1?e[o-1]:void 0,r=o>2?e[2]:void 0;for(i=Ot.length>3&&"function"==typeof i?(o--,i):void 0,r&&function(t,e,n){if(!wt(n))return!1;var o=typeof e;return!!("number"==o?gt(n)&&st(e,n.length):"string"==o&&e in n)&&ft(n[e],t)}(e[0],e[1],r)&&(i=o<3?void 0:i,o=1),t=Object(t);++n<o;){var a=e[n];a&&Ot(t,a,n,i)}return t})));function kt(t){return t}t.exports=Et}).call(this,n(18)(t))},function(t,e){t.exports=require("isomorphic-unfetch")},function(t,e){t.exports=require("xss")},function(t,e){t.exports=require("react-apollo")},function(t,e){t.exports=require("@times-components/provider/rnw")},function(t,e){t.exports=require("@times-components/provider-queries/rnw")},function(t,e){t.exports=require("@times-components/link/rnw")},function(t,e){var n=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,o=/^\w*$/,i=/^\./,r=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,a=/\\(\\)?/g,l=/^\[object .+?Constructor\]$/,c="object"==typeof global&&global&&global.Object===Object&&global,s="object"==typeof self&&self&&self.Object===Object&&self,d=c||s||Function("return this")();var p,u=Array.prototype,f=Function.prototype,m=Object.prototype,h=d["__core-js_shared__"],g=(p=/[^.]+$/.exec(h&&h.keys&&h.keys.IE_PROTO||""))?"Symbol(src)_1."+p:"",y=f.toString,b=m.hasOwnProperty,x=m.toString,w=RegExp("^"+y.call(b).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),v=d.Symbol,_=u.splice,C=P(d,"Map"),O=P(Object,"create"),E=v?v.prototype:void 0,k=E?E.toString:void 0;function I(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function j(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function S(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function z(t,e){for(var n,o,i=t.length;i--;)if((n=t[i][0])===(o=e)||n!=n&&o!=o)return i;return-1}function A(t,e){for(var i,r=0,a=(e=function(t,e){if(L(t))return!1;var i=typeof t;if("number"==i||"symbol"==i||"boolean"==i||null==t||R(t))return!0;return o.test(t)||!n.test(t)||null!=e&&t in Object(e)}(e,t)?[e]:L(i=e)?i:M(i)).length;null!=t&&r<a;)t=t[W(e[r++])];return r&&r==a?t:void 0}function N(t){return!(!B(t)||(e=t,g&&g in e))&&(function(t){var e=B(t)?x.call(t):"";return"[object Function]"==e||"[object GeneratorFunction]"==e}(t)||function(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}(t)?w:l).test(function(t){if(null!=t){try{return y.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(t));var e}function T(t,e){var n,o,i=t.__data__;return("string"==(o=typeof(n=e))||"number"==o||"symbol"==o||"boolean"==o?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map}function P(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return N(n)?n:void 0}I.prototype.clear=function(){this.__data__=O?O(null):{}},I.prototype.delete=function(t){return this.has(t)&&delete this.__data__[t]},I.prototype.get=function(t){var e=this.__data__;if(O){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return b.call(e,t)?e[t]:void 0},I.prototype.has=function(t){var e=this.__data__;return O?void 0!==e[t]:b.call(e,t)},I.prototype.set=function(t,e){return this.__data__[t]=O&&void 0===e?"__lodash_hash_undefined__":e,this},j.prototype.clear=function(){this.__data__=[]},j.prototype.delete=function(t){var e=this.__data__,n=z(e,t);return!(n<0)&&(n==e.length-1?e.pop():_.call(e,n,1),!0)},j.prototype.get=function(t){var e=this.__data__,n=z(e,t);return n<0?void 0:e[n][1]},j.prototype.has=function(t){return z(this.__data__,t)>-1},j.prototype.set=function(t,e){var n=this.__data__,o=z(n,t);return o<0?n.push([t,e]):n[o][1]=e,this},S.prototype.clear=function(){this.__data__={hash:new I,map:new(C||j),string:new I}},S.prototype.delete=function(t){return T(this,t).delete(t)},S.prototype.get=function(t){return T(this,t).get(t)},S.prototype.has=function(t){return T(this,t).has(t)},S.prototype.set=function(t,e){return T(this,t).set(t,e),this};var M=H((function(t){var e;t=null==(e=t)?"":function(t){if("string"==typeof t)return t;if(R(t))return k?k.call(t):"";var e=t+"";return"0"==e&&1/t==-1/0?"-0":e}(e);var n=[];return i.test(t)&&n.push(""),t.replace(r,(function(t,e,o,i){n.push(o?i.replace(a,"$1"):e||t)})),n}));function W(t){if("string"==typeof t||R(t))return t;var e=t+"";return"0"==e&&1/t==-1/0?"-0":e}function H(t,e){if("function"!=typeof t||e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var o=arguments,i=e?e.apply(this,o):o[0],r=n.cache;if(r.has(i))return r.get(i);var a=t.apply(this,o);return n.cache=r.set(i,a),a};return n.cache=new(H.Cache||S),n}H.Cache=S;var L=Array.isArray;function B(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function R(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==x.call(t)}t.exports=function(t,e,n){var o=null==t?void 0:A(t,e);return void 0===o?n:o}},function(t,e){t.exports=require("@times-components/ts-slices/rnw")},function(t,e){t.exports=function(t){return t.webpackPolyfill||(t.deprecate=function(){},t.paths=[],t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),t.webpackPolyfill=1),t}},function(t,e,n){"use strict";n.r(e);var o=n(0),i=n.n(o),r=n(3),a=n(10),l=n.n(a);function c(t,e,n,o,i,r,a){try{var l=t[r](a),c=l.value}catch(t){return void n(t)}l.done?e(c):Promise.resolve(c).then(o,i)}function s(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return d(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const p=Object(o.createContext)(void 0),u=t=>{let e=t.url,n=t.options,r=t.previewData,a=t.children;const d=s(Object(o.useState)(!1),2),u=d[0],f=d[1],m=s(Object(o.useState)(),2),h=m[0],g=m[1],y=s(Object(o.useState)(),2),b=y[0],x=y[1];return Object(o.useEffect)(()=>{if(!u){f(!0);(function(){var t,o=(t=function*(){try{if(r)return yield new Promise(t=>setTimeout(t,1500)),x(r),void f(!1);if(!e)throw new Error("must provide a Fetch url");{const t=yield l()(e,n),o=yield t.json();x(o),f(!1)}}catch(t){g(t instanceof Error?t.message:"unknown error"),f(!1)}},function(){var e=this,n=arguments;return new Promise((function(o,i){var r=t.apply(e,n);function a(t){c(r,o,i,a,l,"next",t)}function l(t){c(r,o,i,a,l,"throw",t)}a(void 0)}))});return function(){return o.apply(this,arguments)}})()()}},[e,n,r]),i.a.createElement(p.Provider,{value:{loading:u,error:h,data:b}},a)},f=()=>{const t=Object(o.useContext)(p);if(void 0===t)throw new Error("must be used within a FetchProvider");return t};var m=n(11),h=n.n(m);const g=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n=t=>{let e=document.createElement("textarea");return e.innerHTML=t,e.value};let o={whiteList:e,stripIgnoreTag:!0,stripIgnoreTagBody:["script"]},i=n(t);return h()(i,o)};var y=n(2),b=n.n(y);const x={"2:3":"150%","4:5":"125%","1:1":"100%","4:3":"75%","3:2":"66.66%","16:9":"56.25%"},w=b.a.div.withConfig({displayName:"styles__AspectRatioContainer",componentId:"sc-1lxnrk8-0"})(["",";"],t=>{let e=t.ratio;return e&&x[e]&&Object(y.css)(["position:relative;overflow:hidden;&:after{content:'';display:block;padding-bottom:",";}> img{position:absolute;width:100%;height:100%;object-fit:cover;}"],x[e])}),v=t=>{let e=t.ratio,n=t.children;return i.a.createElement(w,{ratio:e},n)};var _=n(6),C=n(1);const O=b.a.a.withConfig({displayName:"styles__Link",componentId:"spl816-0"})(["display:flex;flex-direction:row;margin-top:16px;color:#bf0000;fill:#bf0000;:hover{color:",";fill:",";}"],C.colours.functional.secondary,C.colours.functional.secondary),E=b.a.div.withConfig({displayName:"styles__LinkText",componentId:"spl816-1"})(["margin-top:1px;margin-right:12px;font-family:",";font-size:15px;"],C.fonts.supporting),k=t=>{let e=t.link,n=t.linkText,o=t.onClick;return i.a.createElement(O,{href:e,onClick:()=>o&&o(n)},i.a.createElement(E,null,n),i.a.createElement(_.IconForwardChevron,{height:18,width:8}))};var I=n(9),j=n.n(I);function S(t,e,n){return Object(o.useEffect)(()=>{let o;return null!==t&&(o="undefined"!=typeof window&&window.IntersectionObserver&&new window.IntersectionObserver(t=>{t[0].isIntersecting&&(o&&o.disconnect(),e&&e())},n)||void 0,o&&o.observe(t)),()=>{o&&o.disconnect()}},[t])}function z(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function A(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function N(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return T(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return T(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function T(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const P=i.a.createContext({context:{}}),M=()=>Object(o.useContext)(P),W=t=>{let e=t.children,n=t.analyticsStream,r=t.context,a=t.scrolledEvent;const l=Object(o.useContext)(P),c=void 0!==n?n:l.analyticsStream,s=j()({},l.context,r),d=t=>{const e=j()({},s,t,{attrs:{eventTime:(new Date).toISOString()}});c?c(e):console.error("no analytics stream to send to",e)},p=N(Object(o.useState)(null),2),u=p[0],f=p[1];return a&&S(u,()=>d&&d(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?z(Object(n),!0).forEach((function(e){A(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({action:"Scrolled"},a)),{threshold:.5}),i.a.createElement(P.Provider,{value:{fireAnalyticsEvent:d,context:s,analyticsStream:c}},"function"==typeof e?e({fireAnalyticsEvent:d,intersectObserverRef:f}):e)},H=b.a.div.withConfig({displayName:"common-styles__PlaceholderContainer",componentId:"sc-14ch98m-0"})(["position:relative;height:200px;margin:0 auto 20px auto;@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],C.breakpoints.medium,C.breakpoints.wide),L=b.a.div.withConfig({displayName:"common-styles__Label",componentId:"sc-14ch98m-1"})(["font-family:",";font-size:12px;line-height:16px;text-transform:uppercase;color:",";padding-bottom:5px;letter-spacing:0.5px;"],C.fonts.supporting,t=>{let e=t.sectionColour;return"".concat(e)}),B=b.a.div.withConfig({displayName:"common-styles__HiddenDiv",componentId:"sc-14ch98m-2"})(["display:none;"]),R=b.a.div.withConfig({displayName:"common-styles__Copy",componentId:"sc-14ch98m-3"})(["color:",";font-family:",";font-size:16px;line-height:24px;"],C.colours.functional.secondary,C.fonts.body),D=b.a.ul.withConfig({displayName:"common-styles__List",componentId:"sc-14ch98m-4"})(["display:flex;flex-wrap:wrap;margin:0 -2px -1px -15px;list-style:none;padding:0;@media (min-width:","px){}"],C.breakpoints.medium),q=b.a.div.withConfig({displayName:"common-styles__ListContainer",componentId:"sc-14ch98m-5"})(["display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;max-height:",";"],t=>{let e=t.showAll,n=t.maxHeight,o=t.displayShowAll;return!e&&o?n+"px":"none"}),F=b.a.div.withConfig({displayName:"common-styles__ShowAllContainer",componentId:"sc-14ch98m-6"})(["display:flex;border-top:1px solid ",";padding:5px;justify-content:center;display:",";"],C.colours.functional.keyline,t=>t.displayShowAll?"flex":"none"),U=b.a.div.withConfig({displayName:"common-styles__Headline",componentId:"sc-14ch98m-7"})(["font-family:",";font-size:24px;line-height:24px;color:",";margin:0 0 6px;@media (min-width:","px){font-size:32px;line-height:32px;}"],C.fonts.headline,C.colours.functional.brandColour,C.breakpoints.medium),$=b.a.button.withConfig({displayName:"common-styles__ShowAllButton",componentId:"sc-14ch98m-8"})(["font-family:",";font-weight:500;line-height:20px;border:1px solid ",";background:transparent;cursor:pointer;&:active{border:1px solid ",";color:",";}"],C.fonts.supporting,C.colours.functional.primary,C.colours.functional.action,C.colours.functional.action),Y=b.a.div.withConfig({displayName:"styles__Container",componentId:"e5otdw-0"})(["display:flex;flex-direction:column;margin:0 auto 20px auto;padding:20px;background-color:#f9f9f9;border-top:",";a{text-decoration:none;}@media (min-width:","px){flex-direction:row;width:80.8%;}@media (min-width:","px){width:56.2%;}"],t=>{let e=t.sectionColour;return"2px solid ".concat(e)},C.breakpoints.medium,C.breakpoints.wide),G=b.a.div.withConfig({displayName:"styles__ImageContainer",componentId:"e5otdw-1"})(["padding-bottom:12px;img{display:block;width:100%;}@media (min-width:","px){width:50%;padding-right:20px;padding-bottom:0;}"],C.breakpoints.medium),V=b.a.div.withConfig({displayName:"styles__ContentContainer",componentId:"e5otdw-2"})(["display:flex;flex-direction:column;justify-content:space-between;@media (min-width:","px){width:",";}"],C.breakpoints.medium,t=>t.hasImage?"50%":"100%"),Z=b.a.div.withConfig({displayName:"styles__Label",componentId:"e5otdw-3"})(["padding-bottom:",";color:",";font-family:",";font-size:12px;text-transform:uppercase;letter-spacing:0.5px;"],t=>t.hasImage?"8px":"12px",t=>t.sectionColour,C.fonts.supporting),J=b.a.h4.withConfig({displayName:"styles__Headline",componentId:"e5otdw-4"})(["margin:0;padding-bottom:8px;color:",";font-family:",";font-size:24px;line-height:24px;font-weight:normal;:hover{color:#069;}@media (min-width:","px){font-size:",";line-height:",";}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.wide,t=>t.hasImage?"24px":"28px",t=>t.hasImage?"24px":"28px"),X=b.a.div.withConfig({displayName:"styles__Copy",componentId:"e5otdw-5"})(["color:",";font-family:",";font-size:16px;line-height:24px;"],C.colours.functional.secondary,C.fonts.body),K={attrs:{event_navigation_name:"in-article component displayed : puff",event_navigation_browsing_method:"scroll"}},Q=t=>{let e=t.sectionColour,n=t.forceImageAspectRatio;const o=t.isLiveOrBreaking||"no flag",a=(t,e)=>{t&&t(((t,e)=>({action:"Clicked",attrs:{event_navigation_name:"button : ".concat(t),event_navigation_browsing_method:"click",article_flag:e}}))(e,o))},l=f(),c=l.loading,s=l.error,d=l.data;if(c)return i.a.createElement(H,null,i.a.createElement(r.Placeholder,null));if(s||void 0===d||0===d.body.data.length)return null;const p=d.body.data[0].data,u=p.image,m=p.label,h=p.headline,y=p.copy,b=p.link,x=p.linkText,w=Boolean(u);return i.a.createElement(W,{context:{object:"InArticlePuff",attrs:{component_type:"in-article component : puff : interactive",event_navigation_action:"navigation",component_name:"".concat(h),article_flag:o}},scrolledEvent:K},t=>{let o=t.fireAnalyticsEvent,r=t.intersectObserverRef;return i.a.createElement(Y,{ref:r,sectionColour:e},u?i.a.createElement(G,null,i.a.createElement("a",{href:b,onClick:()=>a(o,"image")},i.a.createElement(v,{ratio:n},i.a.createElement("img",{src:u})))):null,i.a.createElement(V,{hasImage:w},i.a.createElement("div",null,i.a.createElement(Z,{hasImage:w,sectionColour:e},m),i.a.createElement("a",{href:b,onClick:()=>a(o,"headline")},i.a.createElement(J,{hasImage:w},h)),y&&i.a.createElement(X,{dangerouslySetInnerHTML:{__html:g(y,{b:{},i:{}})}})),i.a.createElement(k,{link:b,linkText:x||"Read more",onClick:()=>a(o,x||"Read more")})))})};var tt=n(8),et=n.n(tt);const nt=b.a.div.withConfig({displayName:"styles__Headline",componentId:"w8icgs-0"})(["font-size:24px;line-height:24px;color:",";font-family:",";padding-bottom:12px;@media (min-width:","px){width:70%;font-size:32px;line-height:32px;padding-bottom:0px;}@media (min-width:","px){width:100%;padding-bottom:0;}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium,C.breakpoints.wide),ot=b.a.div.withConfig({displayName:"styles__SubHeading",componentId:"w8icgs-1"})(["font-size:22px;line-height:22px;color:",";font-family:",";padding-bottom:7px;@media (min-width:","px){font-size:24px;line-height:24px;}"],C.colours.functional.brandColour,C.fonts.headlineRegular,C.breakpoints.medium),it=b.a.div.withConfig({displayName:"styles__BodyCopy",componentId:"w8icgs-2"})(["color:",";font-family:",";font-size:16px;line-height:24px;"],C.colours.functional.secondary,C.fonts.body),rt=b.a.div.withConfig({displayName:"styles__HeadlineButtonContainer",componentId:"w8icgs-3"})(["display:flex;flex-direction:column;@media (min-width:","px){flex-direction:row;justify-content:space-between;align-items:flex-end;}"],C.breakpoints.medium),at=b.a.div.withConfig({displayName:"styles__CarouselButtonContainer",componentId:"w8icgs-4"})(["display:flex;flex-direction:row;align-items:center;"]),lt=b.a.button.withConfig({displayName:"styles__CarouselButton",componentId:"w8icgs-5"})(["display:flex;justify-content:center;align-items:center;width:32px;height:32px;background-color:transparent;border:solid 1px ",";border-radius:50%;cursor:pointer;pointer-events:",";svg{path{fill:",";height:10px;width:5px;}}&.nextBtn{transform:scaleX(-1);}@media (hover:hover){&:hover{border:solid 1px ",";}}@media (hover:none){&:active{border:solid 1px ",";}}"],t=>t.disabled?C.colours.functional.keyline:C.colours.functional.primary,t=>t.disabled?"none":"auto",t=>t.disabled?C.colours.functional.keyline:C.colours.functional.primary,t=>t.disabled?C.colours.functional.keyline:C.colours.functional.action,t=>t.disabled?C.colours.functional.keyline:C.colours.functional.action),ct=b.a.div.withConfig({displayName:"styles__CarouselIndicatorContainer",componentId:"w8icgs-6"})(["display:flex;flex-direction:row;padding-left:6px;padding-right:6px;"]),st=b.a.div.withConfig({displayName:"styles__CarouselIndicator",componentId:"w8icgs-7"})(["background-color:",";height:5px;width:5px;border-radius:50%;margin-right:2px;margin-left:2px;cursor:pointer;"],t=>t.active?C.colours.functional.action:C.colours.functional.keyline),dt=b()(et.a).withConfig({displayName:"styles__StyledCarousel",componentId:"w8icgs-8"})(["display:flex;height:fit-content;align-items:initial;flex-direction:column-reverse;.rec .rec-slider-container{margin:0;}"]),pt=b.a.div.withConfig({displayName:"styles__CarouselContainer",componentId:"w8icgs-9"})(["background-color:",";padding-bottom:16px;margin:0 auto 20px auto;border-top:",";width:",";@media (min-width:","px){width:",";}@media (min-width:","px){width:",";}& div.rec-carousel-item.rec-carousel-item-visible{border-right:1px solid ",";}& div.rec-carousel-item:last-child{border-right:none;}"],C.colours.functional.backgroundPrimary,t=>{let e=t.sectionColour;return"2px solid ".concat(e)},t=>{let e=t.isWide,n=t.isStandard;return(e?"100%":n&&"auto")||"auto"},C.breakpoints.medium,t=>{let e=t.isWide,n=t.isStandard;return(e?"100%":n&&"80.8%")||"80.8%"},C.breakpoints.wide,t=>{let e=t.isWide,n=t.isStandard;return(e?"100%":n&&"56.2%")||"56.2%"},C.colours.functional.keyline),ut=b.a.div.withConfig({displayName:"styles__CardContainer",componentId:"w8icgs-10"})(["display:flex;flex-direction:column;background-color:",";width:100%;height:30%;padding:20px 16px 14px 16px;"],C.colours.functional.backgroundPrimary),ft=b.a.div.withConfig({displayName:"styles__CardContent",componentId:"w8icgs-11"})(["display:flex;flex-direction:column;height:100%;"]),mt=b.a.div.withConfig({displayName:"styles__InfoCardContainer",componentId:"w8icgs-12"})(["padding:0 16px;float:left;width:100%;"]),ht=b.a.img.withConfig({displayName:"styles__CardImg",componentId:"w8icgs-13"})(["padding:4px 0 12px;-webkit-user-drag:none;pointer-events:none;}"]),gt=t=>{let e=t.sectionColour,n=t.label,o=t.headline,r=t.children;return i.a.createElement(ut,null,i.a.createElement(ft,null,i.a.createElement(L,{sectionColour:e},n),i.a.createElement(rt,null,i.a.createElement(nt,null,o),r)))},yt=t=>{let e=t.size,n=void 0===e?{width:"16",height:"16"}:e;return i.a.createElement("svg",{width:n.width,height:n.height,xmlns:"http://www.w3.org/2000/svg"},i.a.createElement("path",{d:"M7.29 12.956L3.903 7.049 7.289.97h-.96L.697 7.013l5.632 5.943z",fillRule:"nonzero"}))};function bt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return xt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return xt(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}var wt;!function(t){t.Standard="4043",t.Wide="4042"}(wt||(wt={}));let vt=new Array;const _t=C.breakpoints.small,Ct=C.breakpoints.medium,Ot=C.breakpoints.wide,Et=t=>{let e=t.activePage,n=t.onClick,o=t.current,r=t.data,a=t.showDisplayItem,l=t.windowWidth,c=t.showDotItem;return i.a.createElement(at,null,i.a.createElement(lt,{"data-testid":"Previous button",disabled:0===e,onClick:()=>n(o/a-1,"left")},i.a.createElement(yt,{size:{width:"10px",height:"14px"}})),i.a.createElement(ct,null,r.map((t,o)=>{if(function(t){if(null==t)throw new TypeError("Cannot destructure undefined")}(t),o<c){const t=e===o;return i.a.createElement(st,{"data-testid":"Page Indicator",key:o,onClick:()=>n(o),active:t})}})),i.a.createElement(lt,{"data-testid":"Next Button",disabled:e===Math.trunc(r.length/a-(Ct>l?1:0)),className:"nextBtn",onClick:()=>n(o/a+1,"right")},i.a.createElement(yt,{size:{width:"10px",height:"14px"}})))},kt=t=>{let e=t.sectionColour,n=t.initialIndex,a=void 0===n?0:n;const l=f(),c=l.loading,s=l.error,d=l.data;if(s)return null;if(c||void 0===d)return i.a.createElement(H,null,i.a.createElement(r.Placeholder,null));const p=d.fields,u=p.headline,m=p.label,h=p.size,y=d.body.data,b=t=>t===wt.Standard,x=t=>t===wt.Wide,w=bt(Object(o.useState)("undefined"!=typeof window?window.innerWidth:0),2),_=w[0],C=w[1],O=bt(Object(o.useState)(1),2),E=O[0],k=O[1],I=_.toString(),j=()=>C(window.innerWidth);Object(o.useEffect)(()=>(window.addEventListener("resize",j),()=>{window.removeEventListener("resize",j)}),[]),Object(o.useEffect)(()=>{z()});const S=[{width:_t,itemsToShow:1,itemsToScroll:1}];x(h)&&(vt=[...S,{width:Ct,itemsToShow:2,itemsToScroll:2},{width:Ot,itemsToShow:3,itemsToScroll:3}]),b(h)&&(vt=[...S,{width:_t+55,itemsToShow:2,itemsToScroll:2}]);const z=()=>{I<Ct?k(vt[0].itemsToScroll):I>=Ot&&x(h)?k(vt[2].itemsToScroll):k(vt[1].itemsToScroll)},A=y.length/E,N=y.length>(I>=Ot&&x(h)?3:I<Ct?1:2),T=bt(Object(o.useState)(a),2),P=T[0],M=T[1],L=t=>{M(t.index)};return i.a.createElement(W,{context:{object:"InfoCard",attrs:{component_type:"in-article component : text-image info cards : interactive",event_navigation_action:"navigation",event_navigation_browsing_method:"click",component_name:"".concat(u)}},scrolledEvent:{attrs:{component_type:"in-article component : text-image info cards : "+(A>1?"interactive":"static"),event_navigation_name:"in-article component displayed : text-image info cards",event_navigation_browsing_method:"scroll"}}},t=>{let n=t.intersectObserverRef,o=t.fireAnalyticsEvent;return i.a.createElement(pt,{sectionColour:e,isWide:x(h),isStandard:b(h),ref:n},i.a.createElement(dt,{sectionColour:e,breakPoints:vt,isRTL:!1,onChange:L,showArrows:!1,enableSwipe:N,renderPagination:t=>{let n=t.activePage,r=t.onClick;return i.a.createElement(gt,{data:y[P],headline:u,label:m,sectionColour:e},N&&i.a.createElement(Et,{activePage:n,onClick:(t,e)=>{e&&o({attrs:{event_navigation_name:"button : ".concat(e),component_name:u}}),r&&r(t)},current:P,data:y,showDisplayItem:E,windowWidth:_.toString(),showDotItem:A}))}},y.map((t,e)=>i.a.createElement(mt,{key:e},t.data.image&&i.a.createElement(v,{ratio:"16:9"},i.a.createElement(ht,{src:t.data.image})),t.data.subtitle&&i.a.createElement(ot,null,t.data.subtitle),t.data.copy&&i.a.createElement(it,{dangerouslySetInnerHTML:{__html:g(t.data.copy,{br:{},b:{},i:{}})}})))))})};const It=b.a.div.withConfig({displayName:"styles__Headline",componentId:"d49zf9-0"})(["font-size:24px;line-height:24px;color:",";font-family:",";padding-bottom:12px;@media (min-width:","px){width:70%;font-size:32px;line-height:32px;padding-bottom:0px;}@media (min-width:","px){width:100%;font-size:",";line-height:",";padding-bottom:",";}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium,C.breakpoints.wide,t=>t.isWide?"32px":"24px",t=>t.isWide?"32px":"24px",t=>t.isWide?"0px":"14px"),jt=b.a.div.withConfig({displayName:"styles__HeadlineButtonContainer",componentId:"d49zf9-1"})(["display:flex;flex-direction:column;@media (min-width:","px){flex-direction:row;justify-content:space-between;align-items:flex-end;}"],C.breakpoints.medium),St=b.a.div.withConfig({displayName:"styles__Copy",componentId:"d49zf9-2"})(["color:#555555;font-family:",";font-size:14px;line-height:20px;padding-bottom:16px;@media (min-width:","px){width:",";font-size:16px;line-height:24px;}"],C.fonts.body,C.breakpoints.wide,t=>t.isWide?"60%":"100%"),zt=b.a.div.withConfig({displayName:"styles__ImageTitle",componentId:"d49zf9-3"})(["font-size:16px;line-height:16px;font-family:",";padding-bottom:6px;@media (min-width:","px){font-size:24px;line-height:24px;}@media (min-width:","px){font-size:",";line-height:",";}"],C.fonts.headlineRegular,C.breakpoints.medium,C.breakpoints.wide,t=>t.isWide?"24px":"18px",t=>t.isWide?"24px":"18px"),At=b.a.div.withConfig({displayName:"styles__Credit",componentId:"d49zf9-4"})(["text-transform:uppercase;font-size:12px;line-height:16px;font-family:",";color:",";padding-bottom:10px;padding-top:8px;@media (min-width:","px){padding-top:12px;}@media (min-width:","px){padding-top:12px;padding-bottom:",";}"],C.fonts.supporting,C.colours.functional.secondary,C.breakpoints.medium,C.breakpoints.wide,t=>t.isWide?"8px":"14px"),Nt=b.a.div.withConfig({displayName:"styles__CardContainer",componentId:"d49zf9-5"})(["display:flex;flex-direction:column;background-color:#f9f9f9;width:100%;height:30%;padding:20px 16px 16px 16px;@media (min-width:","px){padding:20px 20px 12px 20px;}@media (min-width:","px){height:",";width:",";padding:",";}"],C.breakpoints.medium,C.breakpoints.wide,t=>t.isWide?"30%":"auto",t=>{let e=t.isWide,n=t.isSmall;return(e?"100%":n&&"36%")||"33%"},t=>t.isWide?"20px 16px 16px 16px":"20px 16px"),Tt=b.a.div.withConfig({displayName:"styles__CarouselButtonContainer",componentId:"d49zf9-6"})(["display:flex;flex-direction:row;align-items:center;"]),Pt=b.a.button.withConfig({displayName:"styles__CarouselButton",componentId:"d49zf9-7"})(["display:flex;justify-content:center;align-items:center;width:32px;height:32px;padding-left:6px;background-color:transparent;border:solid 1px ",";border-radius:50%;cursor:pointer;pointer-events:",";svg{path{fill:",";height:10px;width:5px;}}&.nextBtn{transform:scaleX(-1);}&:hover{border:solid 1px #0a68c1;}"],t=>t.disabled?"#e4e4e4":"#000000",t=>t.disabled?"none":"auto",t=>t.disabled?"#CCCCCC":"black"),Mt=b.a.div.withConfig({displayName:"styles__CarouselIndicatorContainer",componentId:"d49zf9-8"})(["display:flex;flex-direction:row;padding-left:6px;padding-right:6px;"]),Wt=b.a.div.withConfig({displayName:"styles__CarouselIndicator",componentId:"d49zf9-9"})(["background-color:#cccccc;background-color:",";height:5px;width:5px;border-radius:50%;margin-right:2px;margin-left:2px;cursor:pointer;"],t=>t.active?"#1573A2":"#CCCCCC"),Ht=b.a.div.withConfig({displayName:"styles__CardContent",componentId:"d49zf9-10"})(["display:flex;flex-direction:column;height:100%;"]),Lt=b.a.div.withConfig({displayName:"styles__MobileOrLarge",componentId:"d49zf9-11"})(["display:block;@media (min-width:","px){display:",";}"],C.breakpoints.wide,t=>t.isWide?"block":"none"),Bt=b.a.div.withConfig({displayName:"styles__NotMobileOrLarge",componentId:"d49zf9-12"})(["display:none;@media (min-width:","px){display:",";justify-content:space-between;height:100%;flex-direction:column;}"],C.breakpoints.wide,t=>t.isWide?"none":"flex"),Rt=b.a.div.withConfig({displayName:"styles__CarouselContainer",componentId:"d49zf9-13"})(["background-color:#f9f9f9;border-top:",";flex-direction:",";@media (min-width:","px){width:",";}"],t=>{let e=t.sectionColour;return"2px solid ".concat(e)},t=>t.isWide||window.innerWidth<1024?"column-reverse":"row-reverse",C.breakpoints.wide,t=>t.isSmall?"82.1%":"100%"),Dt=b()(et.a).withConfig({displayName:"styles__StyledCarousel",componentId:"d49zf9-14"})(["display:flex;height:fit-content;align-items:initial;flex-direction:column-reverse;.rec .rec-slider-container{margin:0;}@media (min-width:","px){flex-direction:",";}"],C.breakpoints.medium,t=>t.isWide||window.innerWidth<1024?"column-reverse":"row-reverse"),qt=t=>{let e=t.children,n=t.isWide,o=t.data,r=t.headline,a=t.label,l=t.isSmall,c=t.sectionColour;const s=o.data;return i.a.createElement(Nt,{isWide:n,isSmall:l},i.a.createElement(Ht,null,i.a.createElement(L,{sectionColour:c},a),i.a.createElement(jt,null,i.a.createElement(It,{isWide:n},r),i.a.createElement(Lt,{isWide:n},e)),i.a.createElement(Bt,{isWide:n},i.a.createElement("div",null,s.imageTitle&&i.a.createElement(zt,{isWide:n},s.imageTitle),s.copy&&i.a.createElement(St,{isWide:n,dangerouslySetInnerHTML:{__html:g(s.copy,{br:{},b:{},i:{}})}})),i.a.createElement("div",null,i.a.createElement(At,{isWide:n},s.credit),e))))};function Ft(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Ut(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ut(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ut(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const $t=t=>{let e=t.activePage,n=t.onClick,o=t.current,r=t.data;return i.a.createElement(Tt,null,i.a.createElement(Pt,{"data-testid":"Previous button",disabled:0===e,onClick:()=>n(o-1,"left")},i.a.createElement(yt,{size:{width:"10px",height:"14px"}})),i.a.createElement(Mt,null,r.map((t,o)=>{!function(t){if(null==t)throw new TypeError("Cannot destructure undefined")}(t);const r=e===o;return i.a.createElement(Wt,{"data-testid":"Page Indicator",key:o,onClick:()=>n(o),active:r})})),i.a.createElement(Pt,{"data-testid":"Next Button",disabled:e===r.length-1,className:"nextBtn",onClick:()=>n(o+1,"right")},i.a.createElement(yt,{size:{width:"10px",height:"14px"}})))};var Yt;!function(t){t.Small="4033",t.Wide="4035"}(Yt||(Yt={}));const Gt=t=>{let e=t.sectionColour,n=t.initialIndex,a=void 0===n?0:n;const l=f(),c=l.loading,s=l.error,d=l.data;if(c)return i.a.createElement(H,null,i.a.createElement(r.Placeholder,null));if(s||void 0===d||0===d.body.data.length)return null;const p=d.fields,u=p.headline,m=p.label,h=p.size,y=d.body.data,b=t=>t===Yt.Small,x=t=>t===Yt.Wide,w=Ft(Object(o.useState)(a),2),_=w[0],C=w[1],O=t=>{C(t.index)};return i.a.createElement(W,{context:{object:"GalleryCarousel",attrs:{component_type:"in-article component : gallery : interactive",event_navigation_action:"navigation",component_name:"".concat(u)}},scrolledEvent:{attrs:{event_navigation_name:"in-article component displayed : gallery",event_navigation_browsing_method:"scroll"}}},t=>{let n=t.intersectObserverRef,o=t.fireAnalyticsEvent;return i.a.createElement(Rt,{sectionColour:e,isWide:x(h),isSmall:b(h),ref:n},i.a.createElement(Dt,{sectionColour:e,isWide:x(h),itemsToScroll:1,itemsToShow:1,isRTL:!1,onChange:O,showArrows:!1,renderPagination:t=>{let n=t.activePage,r=t.onClick;return i.a.createElement(qt,{isWide:x(h),data:y[_],headline:u,label:m,isSmall:b(h),sectionColour:e},y.length>1&&i.a.createElement($t,{activePage:n,onClick:(t,e)=>{e&&o({attrs:{event_navigation_name:"button : ".concat(e),component_name:u,event_navigation_browsing_method:"click"}}),r&&r(t)},current:_,data:y}))}},y.map(t=>i.a.createElement("div",{style:{width:"100%"}},i.a.createElement(v,{ratio:"3:2"},i.a.createElement("img",{src:t.data.image}))))),i.a.createElement(Lt,{isWide:x(h)},i.a.createElement("div",{style:{paddingLeft:"16px",paddingRight:"16px"}},i.a.createElement(At,{isWide:x(h)},y[_].data.credit),y[_].data.imageTitle&&i.a.createElement(zt,{isWide:x(h)},y[_].data.imageTitle),y[_].data.copy&&i.a.createElement(St,{isWide:x(h),dangerouslySetInnerHTML:{__html:g(y[_].data.copy,{br:{},b:{},i:{}})}}))))})},Vt=b.a.div.withConfig({displayName:"styles__Container",componentId:"sc-1qwze61-0"})(["margin:0 auto 20px auto;padding:20px 0 0;background-color:",";border-top:",";a{text-decoration:none;}@media (min-width:","px){flex-direction:row;width:80.8%;}@media (min-width:","px){width:56.2%;}"],C.colours.functional.backgroundPrimary,t=>{let e=t.sectionColour;return"2px solid ".concat(e)},C.breakpoints.medium,C.breakpoints.wide),Zt=b.a.div.withConfig({displayName:"styles__ContentContainer",componentId:"sc-1qwze61-1"})(["display:flex;flex-direction:column;justify-content:space-between;padding:0 20px;"]),Jt=b.a.div.withConfig({displayName:"styles__Headline",componentId:"sc-1qwze61-2"})(["font-family:",";font-size:24px;line-height:24px;color:",";@media (min-width:","px){font-size:32px;line-height:32px;}"],C.fonts.headline,C.colours.functional.brandColour,C.breakpoints.medium),Xt=b.a.div.withConfig({displayName:"styles__ReadMoreContainer",componentId:"sc-1qwze61-3"})(["display:flex;border-top:1px solid ",";margin-top:",";padding:5px;justify-content:center;display:",";@media (min-width:","px){display:none;}"],C.colours.functional.keyline,t=>t.readMore?"0":"15px",t=>t.showReadMore?"flex":"none",C.breakpoints.medium),Kt=b.a.button.withConfig({displayName:"styles__ReadMoreButton",componentId:"sc-1qwze61-4"})(["font-size:12px;font-family:",";font-weight:500;line-height:20px;border:1px solid ",";background:transparent;margin:15px 0;padding:10px 12px 5px;cursor:pointer;&:active{border:1px solid ",";color:",";}"],C.fonts.supporting,C.colours.functional.primary,C.colours.functional.action,C.colours.functional.action),Qt=b.a.div.withConfig({displayName:"styles__ListContainer",componentId:"sc-1qwze61-5"})(["display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;max-height:",";@media (min-width:","px){max-height:none;}"],t=>{let e=t.readMore,n=t.maxHeight,o=t.showReadMore;return!e&&o?n+"px":"none"},C.breakpoints.medium),te=b.a.ul.withConfig({displayName:"styles__List",componentId:"sc-1qwze61-6"})(["column-count:1;column-gap:25px;column-rule:1px solid ",";margin-left:0;padding:0;@media (min-width:","px){column-count:2;margin-bottom:20px;}"],C.colours.functional.keyline,C.breakpoints.medium),ee=b.a.li.withConfig({displayName:"styles__ListItem",componentId:"sc-1qwze61-7"})(["color:",";font-family:",";font-size:16px;line-height:24px;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;margin:0 5px 13px 0;padding-left:15px;list-style:none;position:relative;&:last-child{margin-bottom:0;}&::before{content:'';position:absolute;left:3px;top:7px;width:6px;height:6px;background-color:",";border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}"],C.colours.functional.secondary,C.fonts.body,C.colours.functional.primary);function ne(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return oe(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return oe(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function oe(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const ie={attrs:{event_navigation_name:"in-article component displayed : bullet point component",event_navigation_browsing_method:"automated"}},re=C.breakpoints.medium,ae=t=>{let e=t.sectionColour;const n=f(),a=n.loading,l=n.error,c=n.data;if(a)return i.a.createElement(H,null,i.a.createElement(r.Placeholder,null));if(l||void 0===c)return null;const s=c.fields,d=s.headline,p=s.label,u=c.body.data,m=ne(Object(o.useState)(!1),2),h=m[0],y=m[1],b=Object(o.useRef)(null),x=ne(Object(o.useState)(!1),2),w=x[0],v=x[1],_=window.innerWidth.toString();return Object(o.useEffect)(()=>{const t=b.current;t&&v(t.clientHeight>350)},[]),i.a.createElement(W,{context:{object:"InArticleBulletPoint",attrs:{component_type:"in-article component : bullet point component: "+(w&&_<re?"interactive":"static"),event_navigation_action:"navigation",component_name:"".concat(d)}},scrolledEvent:ie},t=>{let n=t.fireAnalyticsEvent,o=t.intersectObserverRef;return i.a.createElement(Vt,{ref:o,sectionColour:e},i.a.createElement(Zt,null,i.a.createElement(L,{sectionColour:e},p),i.a.createElement(Jt,null,d),i.a.createElement(Qt,{ref:b,readMore:h,maxHeight:350,showReadMore:w},i.a.createElement(te,null,u.map((t,e)=>i.a.createElement(ee,{key:e,dangerouslySetInnerHTML:{__html:g(t.data.copy,{b:{},i:{}})}}))))),i.a.createElement(Xt,{readMore:h,showReadMore:w},i.a.createElement(Kt,{onClick:()=>((t,e)=>{t&&t((t=>({action:"Clicked",attrs:{event_navigation_name:"button : ".concat(t),event_navigation_browsing_method:"click"}}))(e)),y(!h)})(n,h?"Collapse":"Read more")},h?"Collapse":"Read more")))})},le=b.a.div.withConfig({displayName:"styles__Container",componentId:"sc-1tqomyo-0"})(["margin:0 auto 20px auto;padding:23px 0 0;background-color:",";border-top:",";width:",";@media (min-width:","px){width:",";}@media (min-width:","px){width:",";}a{text-decoration:none;}"],C.colours.functional.backgroundPrimary,t=>{let e=t.sectionColour;return"2px solid ".concat(e)},t=>t.isWide?"100%":"auto",C.breakpoints.medium,t=>t.isWide?"100%":"80.8%",C.breakpoints.wide,t=>t.isWide?"100%":"56.2%"),ce=b.a.div.withConfig({displayName:"styles__ContentContainer",componentId:"sc-1tqomyo-1"})(["display:flex;flex-direction:column;justify-content:space-between;padding:0 16px;"]),se=b()($).withConfig({displayName:"styles__StyledShowAllButton",componentId:"sc-1tqomyo-2"})(["font-size:12px;margin:15px 0;padding:8px 12px 7px;"]),de=b.a.li.withConfig({displayName:"styles__ListItem",componentId:"sc-1tqomyo-3"})(["flex:1 0 50%;padding:12px 16px 13px 0;border-width:0 1px 1px 0;border-style:solid;border-color:",";padding-left:16px;&:empty{height:0;border:none;}&:before,:after{box-sizing:border-box;}@media (min-width:","px){flex:1 0 ",";}"],C.colours.functional.keyline,C.breakpoints.medium,t=>t.isStandard?"50%":"33%"),pe=b.a.div.withConfig({displayName:"styles__NumberContainer",componentId:"sc-1tqomyo-4"})(["font-family:",";font-size:32px;line-height:32px;margin-bottom:4px;color:",";@media (min-width:","px){font-size:50px;line-height:40px;}"],C.fonts.headline,t=>{let e=t.sectionColour;return"".concat(e)},C.breakpoints.medium);var ue;!function(t){t.Standard="4043",t.Wide="4042"}(ue||(ue={}));const fe=t=>t===ue.Wide;function me(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return he(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return he(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function he(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const ge={attrs:{event_navigation_name:"in-article component displayed : big numbers",event_navigation_browsing_method:"scroll"}},ye=t=>{let e=t.sectionColour;const n=f(),a=n.loading,l=n.error,c=n.data;if(a)return i.a.createElement(H,null,i.a.createElement(r.Placeholder,null));if(l||void 0===c)return null;const s=c.fields,d=s.headline,p=s.label,u=s.size,m=c.body.data,h=me(Object(o.useState)(!1),2),y=h[0],b=h[1],x=Object(o.useRef)(null),w=me(Object(o.useState)(!1),2),v=w[0],_=w[1],C=fe(u)?250:350;return Object(o.useEffect)(()=>{const t=x.current;t&&_(t.clientHeight>C)},[]),i.a.createElement(W,{context:{object:"InArticleBigNumbers",attrs:{component_type:"in-article component : big numbers: "+(v?"interactive":"static"),event_navigation_action:"navigation",component_name:"".concat(d)}},scrolledEvent:ge},t=>{let n=t.fireAnalyticsEvent,o=t.intersectObserverRef;return i.a.createElement(le,{ref:o,sectionColour:e,isWide:fe(u)},i.a.createElement(ce,null,i.a.createElement(L,{sectionColour:e},p),d&&i.a.createElement(U,null,d),i.a.createElement(q,{ref:x,showAll:y,maxHeight:C,displayShowAll:v},i.a.createElement(D,null,m.map((t,n)=>{return i.a.createElement(de,{key:n,isStandard:(o=u,o===ue.Standard)},i.a.createElement(pe,{sectionColour:e},t.data.number),i.a.createElement(R,{dangerouslySetInnerHTML:{__html:g(t.data.copy,{br:{},b:{},i:{}})}}));var o})))),i.a.createElement(F,{showAll:y,displayShowAll:v},i.a.createElement(se,{onClick:()=>((t,e)=>{t&&t((t=>({action:"Clicked",attrs:{event_navigation_name:"button : ".concat(t),event_navigation_browsing_method:"click"}}))(e)),b(!y)})(n,y?"Collapse":"Show all")},y?"Collapse":"Show all")))})};var be=n(5);const xe=b.a.div.withConfig({displayName:"styles__LiveArticleFlagContainer",componentId:"sc-1ipxqw1-0"})(["background-color:#9f0000;height:24px;padding:7px 7px 7px 9px;display:flex;flex-direction:row;width:fit-content;"]),we=b.a.span.withConfig({displayName:"styles__LiveArticleFlagText",componentId:"sc-1ipxqw1-1"})(["font-family:",";color:#ffffff;font-weight:500;font-size:12px;letter-spacing:0.05em;display:flex;align-items:center;"],C.fonts.supporting),ve=Object(y.keyframes)(["0%{background-color:#ffffff;}50%{background-color:#9f0000;}100%{background-color:#ffffff;}"]),_e=b.a.div.withConfig({displayName:"styles__LiveArticleFlagIconContainer",componentId:"sc-1ipxqw1-2"})(["height:100%;display:flex;align-items:center;margin-right:7px;"]),Ce=b.a.div.withConfig({displayName:"styles__LiveArticleFlagIcon",componentId:"sc-1ipxqw1-3"})(["height:6px;width:6px;animation:"," 2000ms infinite;"],ve),Oe=b.a.div.withConfig({displayName:"styles__ArticleFlagContainer",componentId:"sc-1ipxqw1-4"})(["display:flex;align-items:center;flex-direction:row;"]),Ee=b.a.div.withConfig({displayName:"styles__LiveFlagAndTimestampContainer",componentId:"sc-1ipxqw1-5"})(["display:flex;align-items:center;flex-direction:row;"]),ke=b.a.div.withConfig({displayName:"styles__ArticleFlagBullet",componentId:"sc-1ipxqw1-6"})(["border-radius:2.5px;height:5px;width:5px;background-color:",";"],t=>{let e=t.color;return Object(be.gqlRgbaToStyle)(e)||e}),Ie=b.a.div.withConfig({displayName:"styles__ArticleFlagTextContainer",componentId:"sc-1ipxqw1-7"})(["font-family:TimesDigitalW04-RegularSC;font-size:12px;font-weight:400;letter-spacing:0.6px;line-height:12px;margin-left:5px;color:",";"],t=>{let e=t.color;return Object(be.gqlRgbaToStyle)(e)||e}),je=b.a.div.withConfig({displayName:"styles__FlagPadding",componentId:"sc-1ipxqw1-8"})(["margin-right:",";"],t=>t.allFlags.length>1?"15px":0),Se=b.a.div.withConfig({displayName:"styles__Flags",componentId:"sc-1ipxqw1-9"})(["display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:10px;"]),ze=b.a.div.withConfig({displayName:"styles__FlagsContainer",componentId:"sc-1ipxqw1-10"})(["margin-bottom:15px;margin-top:5px;"]);var Ae=n(4);const Ne=b.a.div.withConfig({displayName:"styles__Container",componentId:"sc-340u2v-0"})(["display:flex;flex-direction:column;padding-left:8px;"]),Te=b.a.div.withConfig({displayName:"styles__TimeSinceUpdate",componentId:"sc-340u2v-1"})(["color:",";font-family:",";font-size:14px;line-height:16px;"],t=>t.color||C.colours.functional.primary,C.fonts.supporting),Pe=t=>{let e=t.updatedTime,n=t.color;if(!e)return null;const o=new Date,r=new Date(e),a=Object(Ae.formatDistanceStrict)(r,o,{roundingMethod:"floor"})+" ago",l=Object(Ae.differenceInSeconds)(o,r),c=l<60,s=l<46800;return i.a.createElement(Ne,null,!c&&s?i.a.createElement(Te,{color:n,"data-testId":"MinutesHoursSinceUpdate"},"Updated ".concat(a)):s?null:i.a.createElement(Te,{color:n,"data-testId":"DateTimeUpdated"},"Updated ",Object(Ae.format)(r,"MMMM d, "),Object(Ae.format)(r,"h.mmaaa")))},Me=Object(o.createContext)(void 0),We=t=>{let e=t.updatedTime,n=t.children;return i.a.createElement(Me.Provider,{value:e},n)},He=t=>{let e=t.title,n=t.timeStampTextColor;const r=Object(o.useContext)(Me);return i.a.createElement(Ee,null,i.a.createElement(xe,null,i.a.createElement(_e,null,i.a.createElement(Ce,null)),i.a.createElement(we,null,e)),i.a.createElement(Pe,{updatedTime:r,color:n}))},Le=t=>{let e=t.color;return i.a.createElement(He,{timeStampTextColor:e,title:"LIVE"})},Be=t=>{let e=t.color;return i.a.createElement(He,{timeStampTextColor:e,title:"BREAKING"})};var Re=t=>t?t.filter(t=>null===t.expiryTime||(new Date).getTime()<new Date(t.expiryTime).getTime()):[];const De=t=>{let e=t.color,n=void 0===e?C.colours.functional.primary:e,o=t.title;return i.a.createElement(Oe,null,i.a.createElement(ke,{color:n}),i.a.createElement(Ie,{"aria-label":"".concat(o," Flag"),color:n,"data-testid":"flag-".concat(o)},o.toLowerCase()))},qe=t=>{let e=t.color,n=void 0===e?C.colours.functional.articleFlagNew:e;return i.a.createElement(De,{color:n,title:"new"})},Fe=t=>{let e=t.color,n=void 0===e?C.colours.functional.articleFlagUpdated:e;return i.a.createElement(De,{color:n,title:"updated"})},Ue=t=>{let e=t.color,n=void 0===e?C.colours.functional.articleFlagExclusive:e;return i.a.createElement(De,{color:n,title:"exclusive"})},$e=t=>{let e=t.color,n=void 0===e?C.colours.functional.tertiary:e;return i.a.createElement(De,{color:n,title:"sponsored"})},Ye=t=>{let e=t.color,n=void 0===e?C.colours.functional.secondary:e;return i.a.createElement(De,{color:n,title:"long read"})},Ge=t=>{let e=t.allFlags,n=t.overrideColor,o=void 0===n?"":n;return i.a.createElement(Se,null,e.map(t=>i.a.createElement(je,{key:t.type,allFlags:e},function(){let t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return""!==e&&(t={color:e}),new Map([["NEW",i.a.createElement(qe,Object.assign({},t))],["LIVE",i.a.createElement(Le,Object.assign({},t))],["BREAKING",i.a.createElement(Be,Object.assign({},t))],["UPDATED",i.a.createElement(Fe,Object.assign({},t))],["EXCLUSIVE",i.a.createElement(Ue,Object.assign({},t))],["SPONSORED",i.a.createElement($e,Object.assign({},t))],["LONGREAD",i.a.createElement(Ye,Object.assign({},t))]])}(o).get(t.type))))},Ve=t=>{let e=t.flags,n=void 0===e?[]:e,o=t.longRead,r=void 0!==o&&o,a=t.withContainer,l=void 0!==a&&a,c=t.color,s=void 0===c?"":c;const d=[...Re(n),...r?[{expiryTime:null,type:"LONGREAD"}]:[]];return d.length?l?i.a.createElement(ze,null,i.a.createElement(Ge,{allFlags:d,overrideColor:s})):i.a.createElement(Ge,{allFlags:d,overrideColor:s}):null};const Ze=b.a.div.withConfig({displayName:"styles__Container",componentId:"sc-1qwfd1c-0"})(["margin:0 auto 20px auto;padding:20px 0 0;background-color:",";border-top:",";width:100%;@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}a{text-decoration:none;}"],C.colours.functional.backgroundPrimary,t=>{let e=t.sectionColour;return"2px solid ".concat(e)},C.breakpoints.medium,C.breakpoints.wide),Je=b.a.div.withConfig({displayName:"styles__ContentContainer",componentId:"sc-1qwfd1c-1"})(["display:flex;flex-direction:column;justify-content:space-between;padding:0 16px;"]),Xe=b()($).withConfig({displayName:"styles__StyledShowAllButton",componentId:"sc-1qwfd1c-2"})(["font-size:13px;margin:11px 0;padding:12px 15px 10px;"]),Ke=b.a.li.withConfig({displayName:"styles__ListItem",componentId:"sc-1qwfd1c-3"})(["padding:12px 0 13px;width:100%;position:relative;"]),Qe=b.a.div.withConfig({displayName:"styles__LeftPanel",componentId:"sc-1qwfd1c-4"})(["display:table;float:left;width:",";text-align:center;padding-right:",";height:100%;& img{border-radius:100%;height:50px;width:50px;position:relative;margin-left:16px;z-index:2;}&:before{content:'';background:",";position:relative;top:0px;left:15px;width:8px;height:8px;border-radius:100%;z-index:1;display:",";}&:after{content:'';border-right:1px solid #ccc;height:100%;display:block;position:absolute;top:",";left:",";z-index:1;}@media (min-width:","px){width:",";padding-right:",";& img{height:76px;width:76px;}&:after{top:",";left:",";}}"],t=>t.circularImage?"80px":"40px",t=>t.circularImage?"16px":"24px",t=>{let e=t.sectionColour;return"".concat(e)},t=>t.circularImage?"none":"block",t=>t.circularImage?"60px":"20px",t=>t.circularImage?"42px":"19px",C.breakpoints.medium,t=>t.circularImage?"100px":"39px",t=>t.circularImage?"16px":"24px",t=>t.circularImage?"74px":"20px",t=>t.circularImage?"52px":"19px"),tn=b.a.div.withConfig({displayName:"styles__RightPanel",componentId:"sc-1qwfd1c-5"})(["display:grid;"]),en=b.a.div.withConfig({displayName:"styles__Date",componentId:"sc-1qwfd1c-6"})(["font-family:",";text-transform:uppercase;font-size:12px;line-height:16px;margin-bottom:8px;color:",";"],C.fonts.supporting,t=>{let e=t.sectionColour;return"".concat(e)}),nn=b.a.div.withConfig({displayName:"styles__SubHeading",componentId:"sc-1qwfd1c-7"})(["font-size:20px;line-height:20px;color:",";font-family:",";margin-bottom:6px;@media (min-width:","px){font-size:24px;line-height:24px;}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium);function on(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return rn(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return rn(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function rn(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const an={attrs:{event_navigation_name:"in-article component displayed : timelines",event_navigation_browsing_method:"scroll"}},ln=t=>{let e=t.sectionColour;const n=f(),a=n.loading,l=n.error,c=n.data;if(a)return i.a.createElement(H,null,i.a.createElement(r.Placeholder,null));if(l||void 0===c)return null;const s=c.fields,d=s.headline,p=s.label,u=c.body.data,m=on(Object(o.useState)(!1),2),h=m[0],y=m[1],b=Object(o.useRef)(null),x=on(Object(o.useState)(!1),2),w=x[0],v=x[1];return Object(o.useEffect)(()=>{const t=b.current;t&&v(t.clientHeight>375)},[]),i.a.createElement(W,{context:{object:"InArticleTimelines",attrs:{component_type:"in-article component : timelines: "+(w?"interactive":"static"),event_navigation_action:"navigation",component_name:"".concat(d)}},scrolledEvent:an},t=>{let n=t.fireAnalyticsEvent,o=t.intersectObserverRef;return i.a.createElement(Ze,{ref:o,sectionColour:e},i.a.createElement(Je,null,i.a.createElement(L,{sectionColour:e},p),d&&i.a.createElement(U,null,d),i.a.createElement(q,{ref:b,showAll:h,maxHeight:375,displayShowAll:w},i.a.createElement(D,null,u.map((t,n)=>i.a.createElement(Ke,{key:n},i.a.createElement(Qe,{sectionColour:e,circularImage:t.data.image},t.data.image&&i.a.createElement("img",{src:t.data.image})),i.a.createElement(tn,null,i.a.createElement(en,{sectionColour:e},t.data.date),i.a.createElement(nn,null,t.data.eventHeading),i.a.createElement(R,{dangerouslySetInnerHTML:{__html:g(t.data.copy,["br","b","i"])}}))))))),i.a.createElement(F,{showAll:h,displayShowAll:w},i.a.createElement(Xe,{onClick:()=>((t,e)=>{t&&t((t=>({action:"Clicked",attrs:{event_navigation_name:"button : ".concat(t),event_navigation_browsing_method:"click"}}))(e)),y(!h)})(n,h?"Collapse":"Show all")},h?"Collapse":"Show all")))})},cn=b.a.div.withConfig({displayName:"styles__IconContainer",componentId:"qq20og-0"})(["width:40px;height:40px;display:flex;align-items:center;justify-content:center;"]),sn=b()(_.IconActivityIndicator).withConfig({displayName:"styles__LoadingIcon",componentId:"qq20og-1"})(["background-color:",";border-radius:9999;overflow:hidden;"],C.colours.functional.whiteGrey),dn=b.a.div.withConfig({displayName:"styles__SaveStarText",componentId:"qq20og-2"})(["margin-right:15px;color:",";font-family:",";font-size:14px;line-height:14px;"],C.colours.functional.secondary,C.fonts.supporting),pn=b.a.button.withConfig({displayName:"styles__SaveStarButton",componentId:"qq20og-3"})(["display:flex;justify-content:center;padding:0;background-color:",";border:0;border-radius:40px;outline:0;cursor:pointer;&:hover{background-color:",";}&:active{background-color:",";}"],C.colours.functional.white,C.colours.functional.whiteGrey,C.colours.functional.keyline),un=t=>t?"Saved":"Save",fn=t=>t?C.colours.functional.action:C.colours.functional.white,mn=t=>{let e=t.articleId,n=t.onToggleSave,o=t.loading,r=t.error,a=t.data;return o?i.a.createElement(i.a.Fragment,null,i.a.createElement(dn,null,un(!1)),i.a.createElement(cn,null,i.a.createElement(sn,null))):r||!a?null:i.a.createElement(i.a.Fragment,null,i.a.createElement(dn,null,un(a.isBookmarked)),i.a.createElement(pn,{onClick:()=>n(e,a.isBookmarked)},i.a.createElement(cn,null,i.a.createElement(_.IconStar,{height:18,title:(l=a.isBookmarked,l?"Remove from My Articles":"Save to My Articles"),fillColour:fn(a.isBookmarked),strokeColour:C.colours.functional.secondary}))));var l},hn=i.a.memo(t=>{let e=t.children;const n=f();return i.a.createElement(i.a.Fragment,null,i.a.isValidElement(e)&&i.a.cloneElement(e,n))});function gn(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return yn(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return yn(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function yn(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const bn=i.a.memo(t=>{let e=t.articleId,n=t.isPreviewMode,r=t.children;const a=gn(Object(o.useState)("/api/collections/is-bookmarked/".concat(e)),2),l=a[0],c=a[1],s=gn(Object(o.useState)(n?{isBookmarked:!1}:void 0),2),d=s[0],p=s[1],f=Object(o.useMemo)(()=>({credentials:"same-origin"}),[]),m=Object(o.useCallback)((t,e)=>{n?p({isBookmarked:!e}):c(e?"/api/collections/delete/".concat(t):"/api/collections/save/".concat(t))},[]),h=r?Object(o.cloneElement)(r,{articleId:e,onToggleSave:m}):i.a.createElement(mn,{articleId:e,onToggleSave:m});return i.a.createElement(u,{url:l,options:f,previewData:d},i.a.createElement(hn,null,h))}),xn=()=>"undefined"!=typeof window&&window.sessionStorage;function wn(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return vn(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return vn(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vn(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function _n(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function Cn(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_n(Object(n),!0).forEach((function(e){On(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_n(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function On(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}const En=(t,e)=>{const n=xn();if(n){const o=n.getItem("view-count"),i=Cn(Cn({},null!==o&&JSON.parse(o)||{}),{},{[t]:e});n.setItem("view-count",JSON.stringify(i))}},kn=t=>{const e=xn();if(e){const n=e.getItem("view-count"),o=null!==n&&JSON.parse(n);return o&&o[t]||1}return null},In=t=>{const e=kn(t);En(t,e+1)},jn=t=>{let e=t.displayFunction,n=void 0===e?()=>!0:e,r=t.trackingName,a=t.children;const l=wn(Object(o.useState)(),2),c=l[0],s=l[1],d=wn(Object(o.useState)(null),2),p=d[0],u=d[1];Object(o.useEffect)(()=>{const t=(t=>{const e=kn(t);return En(t,e),e})(r);s(t)},[]),S(p,()=>In&&In(r),{threshold:.5});const f="undefined"!=typeof window&&window.document.cookie.indexOf("nuk-consent-personalisation=1")>=0&&n(c);return i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"view-count-observer",ref:u}),i.a.createElement("div",{className:"view-count",style:{display:f?"block":"none"}},a))};var Sn=n(12),zn=n(13),An=n(14);const Nn=b.a.button.withConfig({displayName:"styles__PuffButton",componentId:"sc-1du8ah1-0"})(["font-family:",";font-size:15px;line-height:0;align-items:center;background-color:transparent;border-radius:0px;color:rgb(29,29,27);cursor:pointer;height:48px;justify-content:center;min-width:100px;padding-top:2px;width:100%;border-color:rgb(29,29,27);border-width:1px;letter-spacing:0.2px;&:hover{background-color:#e4e4e4;}&:active{background-color:#cccccc;}"],C.fonts.supporting),Tn=b.a.button.withConfig({displayName:"styles__PuffLinkButton",componentId:"sc-1du8ah1-1"})(["color:",";font-family:",";font-size:18px;text-align:left;letter-spacing:-0.4px;border:none;background-color:white;text-decoration-line:underline;&:hover{text-decoration-line:none;}"],C.colours.functional.action,C.fonts.body),Pn=t=>{let e=t.updatingSubscription,n=void 0!==e&&e,o=t.onPress,r=t.style;const a=M().fireAnalyticsEvent,l=()=>{n||(o&&o(),a&&a({action:"Clicked",object:"NewsletterPuffButton",attrs:{event_navigation_name:"widget : puff : sign up now",event_navigation_browsing_method:"click",event_navigation_action:"navigation"}}))};return"button"===r?i.a.createElement(Nn,{onClick:()=>l()},"Sign up with one click"):i.a.createElement(Tn,{onClick:()=>l()},"Sign up with one click")};var Mn=n(15),Wn=n.n(Mn);const Hn=b.a.div.withConfig({displayName:"styles__View",componentId:"sc-18e8ba-0"})(["align-items:stretch;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;margin:0;min-height:0;min-width:0;padding:0;position:relative;z-index:0;"]),Ln=b.a.div.withConfig({displayName:"styles__Text",componentId:"sc-18e8ba-1"})(["border:0 solid black;box-sizing:border-box;color:rgba(0,0,0,1);display:inline;font-size:14px;font-family:sans-serif;margin:0;padding:0;white-space:pre-wrap;word-wrap:break-word;"]),Bn=b()(Hn).withConfig({displayName:"styles__InpContainer",componentId:"sc-18e8ba-2"})(["border-top:2px solid ",";display:flex;flex-direction:column;margin-right:",";margin-bottom:",";margin-left:",";@media (min-width:","px){margin:0 auto ",";width:80.8%;}@media (min-width:","px){width:56.2%;}"],t=>{let e=t.section;return e?C.colours.section[e]:"black"},Object(C.spacing)(2),Object(C.spacing)(4),Object(C.spacing)(2),C.breakpoints.medium,Object(C.spacing)(4),C.breakpoints.wide),Rn=b()(Ln).withConfig({displayName:"styles__InpPreferencesText",componentId:"sc-18e8ba-3"})(["color:",";font-family:",";font-size:18px;text-align:left;letter-spacing:-0.4px;margin-bottom:",";@media (min-width:","px){display:block;}"],C.colours.functional.action,C.fonts.body,Object(C.spacing)(3),C.breakpoints.wide),Dn=t=>{let e=t.onPress;return i.a.createElement(W,{scrolledEvent:{object:"NewsletterPuffLink",attrs:{event_navigation_name:"widget : puff : manage preferences here : displayed",event_navigation_browsing_method:"automated"}}},t=>{let n=t.fireAnalyticsEvent,o=t.intersectObserverRef;return i.a.createElement(Wn.a,{url:"https://home.thetimes.co.uk/myNews",onPress:()=>(e&&e(),void(n&&n({action:"Clicked",object:"NewsletterPuffLink",attrs:{event_navigation_name:"widget : puff : manage preferences here",event_navigation_browsing_method:"click"}})))},i.a.createElement(be.HoverIcon,{underline:!0,colour:"#006699"},i.a.createElement(Rn,{ref:o},"Explore our newsletters")))})},qn=b()(Hn).withConfig({displayName:"styles__Overlay",componentId:"sc-1nvj6r-0"})(["position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.9);z-index:1;"]),Fn=b.a.div.withConfig({displayName:"styles__Bubble",componentId:"sc-1nvj6r-1"})(["animation:expand 0.75s ease-in-out infinite;border-radius:20px;display:inline-block;transform-origin:center center;margin:0 7px;width:16px;height:16px;background:#c4c4c4;:nth-child(2){animation-delay:250ms;}:nth-child(3){animation-delay:500ms;}@keyframes expand{100%{background:#6b6b6b;}}"]),Un=b()(Hn).withConfig({displayName:"styles__Loader",componentId:"sc-1nvj6r-2"})(["display:flex;flex-direction:row;left:40%;top:45%;@media (min-width:","px){left:40%;top:28%;}"],C.breakpoints.wide),$n=()=>i.a.createElement(qn,null,i.a.createElement(Un,null,i.a.createElement(Fn,null),i.a.createElement(Fn,null),i.a.createElement(Fn,null))),Yn=b()(Hn).withConfig({displayName:"styles__InpSubscribedContainer",componentId:"sc-8h51gu-0"})(["justify-content:center;padding:12px 16px;@media (min-width:","px){padding-right:150px;flex:1;}"],C.breakpoints.small),Gn=b()(Hn).withConfig({displayName:"styles__InpSignupContainer",componentId:"sc-8h51gu-1"})(["justify-content:center;padding:12px 16px;@media (min-width:","px){padding:16px 10px;flex:1;}"],C.breakpoints.wide),Vn=b()(Ln).withConfig({displayName:"styles__InpSignupHeadline",componentId:"sc-8h51gu-2"})(["color:",";font-family:",";text-align:center;font-size:18px;text-decoration:none;margin-bottom:",";"],C.colours.functional.brandColour,C.fonts.headline,Object(C.spacing)(1)),Zn=b()(Ln).withConfig({displayName:"styles__InpCopy",componentId:"sc-8h51gu-3"})(["font-family:",";font-size:18px;text-align:left;letter-spacing:-0.5px;color:",";margin-bottom:",";line-height:26px;"],C.fonts.body,C.colours.functional.primary,Object(C.spacing)(6)),Jn=b()(Hn).withConfig({displayName:"styles__InpSignupCTAContainer",componentId:"sc-8h51gu-4"})(["display:",";@media (min-width:","px){width:",";margin:0px auto;}@media (min-width:","px){display:",";}"],t=>"link"===t.childStyle?"none":"block",C.breakpoints.medium,t=>"button"===t.childStyle&&"220px",C.breakpoints.wide,t=>"link"===t.childStyle?"inline-block":"none"),Xn=b()(Hn).withConfig({displayName:"styles__InpPreferencesContainer",componentId:"sc-8h51gu-5"})(["flex-direction:row;justify-content:center;"]),Kn=t=>{let e=t.intersectObserverRef,n=t.section,o=t.justSubscribed,r=t.headline,a=t.updatingSubscription,l=t.copy,c=t.code,s=t.subscribeNewsletter;const d=t=>i.a.createElement(Jn,{ref:e,childStyle:t},i.a.createElement(Pn,{style:t,updatingSubscription:a,onPress:()=>{a||s({variables:{code:c}})}}));return i.a.createElement(i.a.Fragment,null,i.a.createElement(Bn,{section:n},a&&i.a.createElement($n,null),o?i.a.createElement(Yn,null,i.a.createElement(Zn,null,"You've succesfully signed up to"," ",i.a.createElement(Vn,null,"".concat(r,".")," "),i.a.createElement(Dn,null)),i.a.createElement(Xn,null)):i.a.createElement(Gn,null,i.a.createElement(Zn,null,i.a.createElement(Vn,null,r," "),"".concat(l," "),d("link")),d("button"))))};function Qn(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return to(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return to(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function to(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const eo=t=>{let e=t.code,n=t.copy,a=t.headline,l=t.section;const c=Qn(Object(o.useState)(!1),2),s=c[0],d=c[1];return i.a.createElement(zn.GetNewsletter,{code:e,ssr:!1,debounceTimeMs:0},t=>{let o=t.isLoading,c=t.error,p=t.newsletter;return c?null:o||!p?i.a.createElement(Bn,{style:{height:257}},i.a.createElement(r.Placeholder,null)):p.isSubscribed&&!s?null:i.a.createElement(Sn.Mutation,{mutation:An.subscribeNewsletter,onCompleted:t=>{let e=t.subscribeNewsletter;d((void 0===e?{}:e).isSubscribed)}},(t,o)=>{let r=o.loading;return i.a.createElement(W,{context:{object:"InlineNewsletterPuff",attrs:{article_parent_name:p.title,event_navigation_action:"navigation"}},scrolledEvent:{object:"NewsletterPuffButton",attrs:{event_navigation_name:"widget : puff : sign up now : displayed",event_navigation_browsing_method:"automated",event_navigation_action:"navigation"}}},o=>{let c=o.intersectObserverRef;return i.a.createElement(Kn,{intersectObserverRef:c,section:Object(be.capitalise)(l),justSubscribed:s,headline:a,updatingSubscription:r,copy:n,code:e,subscribeNewsletter:t})})})})},no=t=>{let e=t.code,n=t.copy,o=t.headline,r=t.section;return i.a.createElement(jn,{trackingName:"auto-puff-".concat(e),displayFunction:t=>void 0!==t&&[1,3,5].includes(t)},i.a.createElement(eo,{code:e,copy:n,headline:o,section:r}))},oo=t=>{let e=t.copy,n=t.headline,o=t.section;return i.a.createElement(Bn,{section:o},i.a.createElement(Gn,null,i.a.createElement(Zn,null,i.a.createElement(Vn,null,n," "),e,i.a.createElement(Jn,{childStyle:"link"},i.a.createElement(Pn,{style:"link"}))),i.a.createElement(Jn,{childStyle:"button"},i.a.createElement(Pn,{style:"button"}))))},io=()=>{"undefined"==typeof window||window.opta_settings||(window.opta_settings={subscription_id:"db98cff9f9612c01bbf3435964748e95",language:"en_GB",timezone:"Europe/London",load_when_visible:!1})},ro=t=>{const e=(t=>{switch(t){case"cricket":return"https://secure.widget.cloud.opta.net/v3/css/v3.cricket.opta-widgets.css";case"rugby":return"https://secure.widget.cloud.opta.net/v3/css/v3.rugby.opta-widgets.css";case"football":default:return"https://secure.widget.cloud.opta.net/v3/css/v3.football.opta-widgets.css"}})(t);if(!document.head.querySelector('link[href="'.concat(e,'"]'))){const t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("href",e),document.getElementsByTagName("head")[0].appendChild(t)}},ao=()=>(t=>document.body.querySelector('script[src="'.concat(t,'"]'))?Promise.resolve():new Promise((e,n)=>{const o=document.createElement("script");o.setAttribute("async","async"),o.setAttribute("src",t),o.onload=e,o.onerror=n,document.body.appendChild(o)}))("https://secure.widget.cloud.opta.net/v3/v3.opta-widgets.js"),lo=(t,e,n)=>{const o=document.createElement(t);return e&&Object.keys(e).map(t=>{void 0!==e[t]&&o.setAttribute(t,e[t].toString())}),n&&o.appendChild(n),o},co=()=>{"undefined"!=typeof window&&void 0!==window.Opta&&window.Opta.start()},so=b.a.div.withConfig({displayName:"shared-styles__Container",componentId:"n0zk21-0"})(["margin:0 auto 20px auto;background-color:",";border-top:",";a{text-decoration:none;}@media (min-width:","px){flex-direction:row;width:",";}@media (min-width:","px){width:",";}"],C.colours.functional.backgroundPrimary,t=>t.border?"2px solid ".concat(C.colours.section.sport):"none",C.breakpoints.medium,t=>t.fullWidth?"100%":"80.8%",C.breakpoints.wide,t=>t.fullWidth?"100%":"56.2%"),po=b.a.div.withConfig({displayName:"shared-styles__PlaceholderContainer",componentId:"n0zk21-1"})(["position:relative;height:200px;"]),uo=b.a.div.withConfig({displayName:"shared-styles__WidgetContainerBase",componentId:"n0zk21-2"})([".Opta{.Opta_W{margin:0;background-color:transparent;h2{height:auto;margin:20px 0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;letter-spacing:1px;text-align:center;text-transform:uppercase;background-color:transparent;span{height:auto;font-size:12px;line-height:14px;font-weight:normal;}}table{width:100%;margin:0;border-collapse:collapse;border-spacing:0;}}p{margin:20px 0 0 0 !important;padding:0 0 20px 0 !important;color:",";font-family:",";font-size:14px;line-height:14px;text-align:center;background:transparent !important;}}"],C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting),fo=b()(uo).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-17mc5vx-0"})([".Opta{h2{margin:20px 0 10px 0 !important;}.Opta-Cf{padding:0;background-color:transparent;table{tbody{tr{td{color:",";font-family:",";font-size:18px;line-height:18px;padding:0;&.Opta-Crest{text-align:left;&.Opta-Home{text-align:right;}img{height:40px;}}&.Opta-Team{padding-left:10px;font-size:18px;line-height:18px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}}}&.Opta-MatchHeader-Details{div{margin:6px 0;padding:0;color:",";font-family:",";font-size:12px;line-height:12px;letter-spacing:1px;text-transform:uppercase;background-color:transparent;dl{margin:0 6px 4px 6px;color:inherit;font-size:inherit;:before{display:none;}&:first-of-type,&:last-of-type{display:block;}}}}}}}.Opta-CricketStateOfPlay{div{min-height:0;margin:0;padding:10px;color:",";font-family:",";font-size:18px;font-weight:normal;line-height:18px;background-color:transparent;}}.Opta-scorecard{.Opta-Tabs{.Opta-Nav{background-color:transparent;ul{display:flex;background-color:transparent;li{width:100%;a{width:100%;color:",";font-family:",";font-size:14px;font-weight:normal;text-align:center;background-color:#dbdbdb;&:hover{background-color:#ededed;}}&.Opta-On a{color:white;background-color:#008347;}}}}}table.Opta-batting{margin-bottom:10px;thead{th{width:8%;padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;background-color:#ededed;&:first-of-type{width:64%;padding-left:5px;}&:nth-of-type(4),&:nth-of-type(5){width:6%;}}}tfoot{th{color:",";font-family:",";font-size:14px;line-height:14px;font-weight:bold;background-color:#dbdbdb;&:first-of-type{padding-left:5px;}&:last-of-type{padding-left:0;}}}tbody{tr:nth-child(2n) th,tr:nth-child(2n) td{background-color:#ededed;}tr:last-of-type td{color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;}th{padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:bold;}td{padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;&:first-of-type,&:nth-of-type(2){padding-left:5px;color:",";font-family:",";font-size:16px;font-weight:normal;line-height:16px;}}}}table.Opta-bowling{width:calc(60% - 10px);float:left;thead{th{width:12%;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;text-align:center;background-color:#ededed;&:first-of-type{width:40%;padding-left:5px;text-align:left;}}}tbody{th{padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:bold;text-align:center;}td{padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;text-align:center;&:first-of-type{padding-left:5px;color:",";font-family:",";font-size:16px;font-weight:normal;line-height:16px;text-align:left;}}}}.Opta-Ranking{table{width:calc(40%);float:right;thead{th{color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;text-align:center;background-color:#ededed;&:first-of-type{padding-left:5px;text-align:left;}}}tbody{th{padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:bold;text-align:center;}td{padding:0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;text-align:center;&:first-of-type{padding-left:5px;color:",";font-family:",";font-size:16px;font-weight:normal;line-height:16px;text-align:left;}}}}}}}}"],C.colours.functional.brandColour,C.fonts.headline,C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.headline,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.primary,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.headline,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.headline,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.headline);function mo(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return ho(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ho(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ho(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const go=i.a.memo(t=>{let e=t.competition,n=t.match,a=t.full_width;const l=i.a.createRef(),c=mo(Object(o.useState)(!1),2),s=c[0],d=c[1];return Object(o.useEffect)(()=>{io(),ro("cricket"),ao().then(()=>{l.current&&(l.current.innerHTML=lo("opta-widget",{sport:"cricket",widget:"score_card",season:"0",competition:e,match:n,template:"normal",live:!0,show_match_header:!0,show_crests:!0,show_competition_name:!0,show_match_description:!0,show_date:!0,date_format:"DD/MM/YYYY",show_venue:!0,show_officials:!1,show_toss:!1,show_state_of_play:!0,navigation:"tabs",show_batting:!0,show_mins_batted:!1,show_fours:!0,show_sixes:!0,show_strike_rate:!0,show_bowling:!0,show_economy:!0,show_fow:!0,player_naming:"last_name",breakpoints:"520"}).outerHTML,co(),d(!0))})},[]),i.a.createElement(so,{border:s,fullWidth:a},i.a.createElement(fo,{ref:l}),!s&&i.a.createElement(po,null,i.a.createElement(r.Placeholder,null)))}),yo=b.a.div.withConfig({displayName:"shared-styles__Container",componentId:"sc-1yydril-0"})(["margin:0 auto 20px auto;background-color:",";border-top:",";a{text-decoration:none;}@media (min-width:","px){flex-direction:row;width:",";}@media (min-width:","px){width:",";}"],C.colours.functional.backgroundPrimary,t=>t.border?"2px solid ".concat(C.colours.section.sport):"none",C.breakpoints.medium,t=>t.fullWidth?"100%":"80.8%",C.breakpoints.wide,t=>t.fullWidth?"100%":"56.2%"),bo=b.a.div.withConfig({displayName:"shared-styles__PlaceholderContainer",componentId:"sc-1yydril-1"})(["position:relative;height:200px;"]),xo=b.a.div.withConfig({displayName:"shared-styles__WidgetContainerBase",componentId:"sc-1yydril-2"})([".Opta{.Opta_W{margin:0;background-color:transparent;h2{height:auto;margin:20px 0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;letter-spacing:1px;text-align:center;text-transform:uppercase;background-color:transparent;span{height:auto;font-size:12px;line-height:14px;font-weight:normal;}}table{width:100%;margin:0;border-collapse:collapse;border-spacing:0;}}p{margin:20px 0 0 0 !important;padding:0 0 20px 0 !important;color:",";font-family:",";font-size:14px;line-height:14px;text-align:center;background:transparent !important;}}"],C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting),wo=(b()(xo).withConfig({displayName:"styles__WidgetContainerOverride",componentId:"sc-19pyhbq-0"})([".Opta{h2{margin:20px 0 0 0 !important;}.Opta-js-main{table{tbody{td.Opta-title{background-color:transparent !important;border-bottom:1px solid #e4e4e4;h3{margin:20px 0 0 0 !important;font-family:"," !important;font-size:16px !important;line-height:30px !important;text-align:center;span{font-size:inherit;}@media (min-width:","px){font-size:18px !important;line-height:40px !important;}}}}}}}"],C.fonts.headline,C.breakpoints.medium),b()(xo).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-19pyhbq-1"})([".Opta{.Opta-js-main{padding:0;background-color:transparent;table{tbody{td.Opta-title{height:40px;background-color:",";h3{height:auto;margin:0 0 0 10px;color:",";font-family:",";font-size:14px;line-height:14px;font-weight:normal;background-color:transparent;border-bottom:0;span{float:none;padding:0;font-size:13px;}@media (min-width:","px){margin:0 0 0 20px;}}}tr.Opta-Scoreline{height:40px;background-color:transparent !important;border-bottom:1px solid #e4e4e4;@media (min-width:","px){height:50px;}td{max-width:none !important;padding:3px 0 0 0;color:"," !important;font-family:",";font-size:14px;line-height:14px;background-color:transparent;&.Opta-Time{width:50px !important;padding:6px 0 0 10px;color:"," !important;font-family:",";abbr{font-size:inherit;line-height:inherit;text-decoration:none;}@media (min-width:","px){width:60px !important;padding:6px 0 0 20px;font-size:13px;line-height:14px;}}&.Opta-Team{width:30% !important;padding-left:10px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}@media (min-width:","px){padding-left:15px;&.Opta-Home{padding-right:15px;padding-left:0;}}}&.Opta-Score{width:25px !important;font-size:16px;line-height:16px;text-align:left !important;&.Opta-Home{text-align:right !important;}span{font-size:inherit;line-height:inherit;}@media (min-width:","px){width:30px !important;font-size:24px;line-height:24px;}}&.Opta-Crest{width:20px !important;margin-top:-3px;img{width:20px;}}&.Opta-Divider{width:20px !important;text-align:center;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}}&.Opta-Outer:not(.Opta-Time){width:50px !important;padding:0 10px 0 0;@media (min-width:","px){width:60px !important;padding:0 20px 0 0;}}@media (min-width:","px){font-size:16px;line-height:16px;}}}tr.Opta-agg{background-color:transparent !important;td{padding:10px;color:",";font-family:",";font-size:13px;line-height:16px;background-color:transparent;span{font-size:inherit;line-height:inherit;}span.Opta-agg-text{text-transform:uppercase;}}}tr{td.Opta-Nest{padding:0;.Opta_W{> .Opta-Cf{background-color:transparent;border-bottom:1px solid #e4e4e4;.Opta-Events{padding:10px 0 2px 0;li{padding:0 0 8px 0;.Opta-Event-Text{color:",";font-family:",";font-size:13px;line-height:16px;.Opta-Event-Player,.Opta-Event-Time{font-size:inherit;line-height:inherit;}.Opta-Event-Time{color:",";}}}}}}}}}}}}"],C.colours.functional.backgroundSecondary,C.colours.functional.brandColour,C.fonts.supporting,C.breakpoints.medium,C.breakpoints.medium,C.colours.functional.brandColour,C.fonts.headline,C.colours.section.sport,C.fonts.supporting,C.breakpoints.medium,C.breakpoints.medium,C.breakpoints.medium,C.breakpoints.medium,C.breakpoints.medium,C.colours.functional.primary,C.fonts.supporting,C.colours.functional.primary,C.fonts.supporting,C.colours.section.sport));function vo(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return _o(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _o(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _o(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const Co=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.date_from,l=t.date_to,c=t.full_width;const s=i.a.createRef(),d=vo(Object(o.useState)(!1),2),p=d[0],u=d[1];return Object(o.useEffect)(()=>{io(),ro("football"),ao().then(()=>{s.current&&(s.current.innerHTML=lo("opta-widget",{sport:"football",widget:"fixtures",season:e,competition:n,date_from:a,date_to:l,live:!0,grouping:"date",show_grouping:!0,show_crests:!0,date_format:"dddd MMMM D YYYY",breakpoints:520},lo("opta-widget",{sport:"football",widget:"match_summary",season:"",competition:"",match:"",live:!0,show_crests:!0,show_goals:!0,show_cards:"red",breakpoints:"520"})).outerHTML,co(),u(!0))})},[]),i.a.createElement(yo,{border:p,fullWidth:c},i.a.createElement(wo,{ref:s}),!p&&i.a.createElement(bo,null,i.a.createElement(r.Placeholder,null)))}),Oo=b()(xo).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-1ofehep-0"})([".Opta{h3.Opta-groupname{height:40px;margin:0;padding-left:10px;color:",";font-family:",";font-size:14px;line-height:42px;font-weight:normal;background-color:",";border:0;span{float:none;padding:0;}@media (min-width:","px){padding-left:14px;}}.Opta-Cf{float:none;margin:0;padding:0;background-color:transparent;&.Opta-Dropdown{.Opta-Nav{width:110px;margin:20px auto;background-color:transparent;border:1px solid ",";h3{height:38px;color:",";font-family:",";font-size:14px;line-height:40px;font-weight:normal;text-align:center;background-color:white;border:0;.Opta-Icon{height:38px;margin:0 10px 0 0;:after{background-position:-180px -19px;}}.Opta-Title{height:38px;padding:0 0 0 18px;line-height:40px;}&.Opta-Open{.Opta-Icon{:after{background-position:-149px -20px;}}}}ul{display:none;top:0;list-style-type:none;background-color:",";border:0;border-top:1px solid ",";li{margin:0;text-align:center;a{height:28px;padding:0;color:",";font-family:",";font-size:14px;line-height:30px;background-color:transparent;&:hover{color:",";font-weight:bold;background-color:white;}}&:first-of-type{a{height:32px;padding-top:4px;}}&:last-of-type{a{height:32px;padding-bottom:4px;}}}}}}ul.Opta-TabbedContent{margin:0;padding:0;list-style-type:none;li{display:none;&.Opta-On{display:block;}h3{display:none;text-decoration:none !important;.Opta-Icon{display:none;}}}}table{thead{background-color:",";tr{height:40px;th{padding:0;color:",";font-family:",";font-size:13px;line-height:14px;font-weight:normal;text-align:center;background-color:transparent;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}&.Opta-Team{width:auto !important;}&:last-of-type{padding:0 10px 0 0;}}}}tbody{tr{height:40px;border-bottom:1px solid #e4e4e4;th{width:42px;padding:6px 0 0 0;color:",";font-family:",";font-size:14px;line-height:14px;font-weight:normal;text-align:center;background-color:transparent;@media (min-width:","px){width:50px;font-size:15px;line-height:16px;}}td{width:30px;padding:3px 0 0 0;color:",";font-family:",";font-size:14px;line-height:14px;text-align:center;background-color:transparent;&:last-of-type{width:40px;padding:3px 10px 0 0;}&.Opta-Team{width:auto !important;text-align:left;}.Opta-Image{width:20px;margin-top:-3px;img{width:20px;}}@media (min-width:","px){width:40px;font-size:16px;line-height:16px;&:last-of-type{width:50px;}}}}}}}}"],C.colours.functional.primary,C.fonts.supporting,C.colours.functional.keyline,C.breakpoints.medium,C.colours.functional.brandColour,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.backgroundPrimary,C.colours.functional.brandColour,C.colours.functional.primary,C.fonts.supporting,C.colours.functional.brandColour,C.colours.functional.backgroundSecondary,C.colours.functional.primary,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.breakpoints.medium,C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium);function Eo(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return ko(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ko(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ko(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const Io=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.default_nav,l=void 0===a?1:a,c=t.navigation,s=t.full_width;const d=i.a.createRef(),p=Eo(Object(o.useState)(!1),2),u=p[0],f=p[1];return Object(o.useEffect)(()=>{io(),ro("football"),ao().then(()=>{d.current&&(d.current.innerHTML=lo("opta-widget",{sport:"football",widget:"standings",season:e,competition:n,live:!0,navigation:c?"dropdown":void 0,default_nav:l,show_crests:!0,breakpoints:520}).outerHTML,co(),f(!0))})},[]),i.a.createElement(yo,{border:u,fullWidth:s},i.a.createElement(Oo,{ref:d}),!u&&i.a.createElement(bo,null,i.a.createElement(r.Placeholder,null)))}),jo=b()(xo).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-1p8r5mo-0"})([".Opta{h2{margin:20px 0 10px 0 !important;}.Opta-Cf{padding:0;background-color:transparent;table{tbody{tr{td{color:",";font-family:",";font-size:18px;line-height:18px;padding:0;&.Opta-Crest{text-align:left;&.Opta-Home{text-align:right;}img{width:40px;}}&.Opta-Team{padding-left:10px;font-size:18px;line-height:18px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}}&.Opta-Score{width:20px;font-size:24px;line-height:24px;text-align:left;&.Opta-Home{text-align:right;}span{min-width:0;padding:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit;background-color:transparent !important;}@media (min-width:","px){width:30px;font-size:32px;line-height:32px;}}&.Opta-Divider{width:20px;text-align:center;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}}}&.Opta-Score-Extras{td{color:",";font-family:",";font-size:14px;line-height:28px;span{color:inherit;font-size:inherit;}}}&.Opta-MatchHeader-Details{div{padding:0;color:",";font-family:",";font-size:12px;line-height:12px;letter-spacing:1px;text-transform:uppercase;background-color:transparent;span{margin:0 6px;color:inherit;font-size:inherit;}}}}}}.Opta-Events{padding:10px 0 2px 0;li{padding:0 0 8px 0;.Opta-Event-Text{color:",";font-family:",";font-size:13px;line-height:16px;.Opta-Event-Player,.Opta-Event-Time{font-size:inherit;line-height:inherit;}.Opta-Event-Time{color:",";}}}}}}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport);function So(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return zo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return zo(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function zo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const Ao=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.match,l=t.full_width;const c=i.a.createRef(),s=So(Object(o.useState)(!1),2),d=s[0],p=s[1];return Object(o.useEffect)(()=>{io(),ro("football"),ao().then(()=>{c.current&&(c.current.innerHTML=lo("opta-widget",{sport:"football",widget:"match_summary",season:e,competition:n,match:a,live:!0,show_match_header:!0,show_halftime_score:!0,show_competition_name:!0,show_date:!0,show_crests:!0,show_goals:!0,show_cards:"red",date_format:"DD/MM/YYYY",breakpoints:"520"}).outerHTML,co(),p(!0))})},[]),i.a.createElement(yo,{border:d,fullWidth:l},i.a.createElement(jo,{ref:c}),!d&&i.a.createElement(bo,null,i.a.createElement(r.Placeholder,null)))}),No=b()(xo).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-1loypld-0"})([".Opta{h2{margin:20px 0 10px 0 !important;}.Opta-Cf{padding:0;background-color:transparent;table{tbody{tr{th.Opta-Stats-Bars-Text{height:auto;padding:20px 0 0 0;color:",";font-family:",";font-size:13px;line-height:14px;}td{height:auto;color:",";font-family:",";font-size:18px;line-height:18px;padding:0;&.Opta-Crest{text-align:left;&.Opta-Home{text-align:right;}img{width:40px;}}&.Opta-Team{padding-left:10px;font-size:18px;line-height:18px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}}&.Opta-Score{width:20px;font-size:24px;line-height:24px;text-align:left;&.Opta-Home{text-align:right;}span{min-width:0;padding:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit;background-color:transparent !important;}@media (min-width:","px){width:30px;font-size:32px;line-height:32px;}}&.Opta-Divider{width:20px;text-align:center;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}}.Opta-Bars{margin:0;.Opta-Percent.Opta-Home{background-color:",";}.Opta-Percent.Opta-Away{background-color:",";opacity:0.5;}}}&.Opta-Score-Extras{td{color:",";font-family:",";font-size:14px;line-height:28px;span{color:inherit;font-size:inherit;}}}&.Opta-MatchHeader-Details{div{padding:0;color:",";font-family:",";font-size:12px;line-height:12px;letter-spacing:1px;text-transform:uppercase;background-color:transparent;span{margin:0 6px;color:inherit;font-size:inherit;}}}}}&.Opta-Stats-Bars{margin-bottom:20px;}}}}"],C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium,C.colours.section.sport,C.colours.section.sport,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting);function To(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Po(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Po(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Po(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const Mo=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.match,l=t.full_width;const c=i.a.createRef(),s=To(Object(o.useState)(!1),2),d=s[0],p=s[1];return Object(o.useEffect)(()=>{io(),ro("football"),ao().then(()=>{c.current&&(c.current.innerHTML=lo("opta-widget",{sport:"football",widget:"matchstats",season:e,competition:n,match:a,template:"custom",graph_style:"relative",stats_categories:"Category 1|possession,shots,shots_on_target,passes,passes_accuracy,corners_won,fouls_conceded,cards_yellow,cards_red",live:!0,show_match_header:!0,show_halftime_score:!0,show_competition_name:!0,show_date:!0,show_crests:!0,date_format:"DD/MM/YYYY",breakpoints:"520"}).outerHTML,co(),p(!0))})},[]),i.a.createElement(yo,{border:d,fullWidth:l},i.a.createElement(No,{ref:c}),!d&&i.a.createElement(bo,null,i.a.createElement(r.Placeholder,null)))}),Wo=b.a.div.withConfig({displayName:"shared-styles__Container",componentId:"sc-1dlwd3q-0"})(["margin:0 auto 20px auto;background-color:",";border-top:",";a{text-decoration:none;}@media (min-width:","px){flex-direction:row;width:",";}@media (min-width:","px){width:",";}"],C.colours.functional.backgroundPrimary,t=>t.border?"2px solid ".concat(C.colours.section.sport):"none",C.breakpoints.medium,t=>t.fullWidth?"100%":"80.8%",C.breakpoints.wide,t=>t.fullWidth?"100%":"56.2%"),Ho=b.a.div.withConfig({displayName:"shared-styles__PlaceholderContainer",componentId:"sc-1dlwd3q-1"})(["position:relative;height:200px;"]),Lo=b.a.div.withConfig({displayName:"shared-styles__WidgetContainerBase",componentId:"sc-1dlwd3q-2"})([".Opta{.Opta_W{margin:0;background-color:transparent;h2{height:auto;margin:20px 0;color:",";font-family:",";font-size:12px;line-height:14px;font-weight:normal;letter-spacing:1px;text-align:center;text-transform:uppercase;background-color:transparent;span{height:auto;font-size:12px;line-height:14px;font-weight:normal;}}table{width:100%;margin:0;border-collapse:collapse;border-spacing:0;}}p{margin:20px 0 0 0 !important;padding:0 0 20px 0 !important;color:",";font-family:",";font-size:14px;line-height:14px;text-align:center;background:transparent !important;}}"],C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting),Bo=(b()(Lo).withConfig({displayName:"styles__WidgetContainerOverride",componentId:"me94al-0"})([".Opta{h2{margin:20px 0 0 0 !important;}.Opta-js-main{table{tbody{td.Opta-title{background-color:transparent !important;border-bottom:1px solid #e4e4e4;h3{margin:20px 0 0 0 !important;font-family:"," !important;font-size:16px !important;line-height:30px !important;text-align:center;span{font-size:inherit;}@media (min-width:","px){font-size:18px !important;line-height:40px !important;}}}}}}}"],C.fonts.headline,C.breakpoints.medium),b()(Lo).withConfig({displayName:"styles__WidgetContainer",componentId:"me94al-1"})([".Opta{.Opta-js-main{padding:0;background-color:transparent;table{tbody{td.Opta-title{height:40px;background-color:",";h3{height:auto;margin:0 0 0 10px;color:",";font-family:",";font-size:14px;line-height:14px;font-weight:normal;background-color:transparent;border-bottom:0;span{float:none;padding:0;font-size:13px;}@media (min-width:","px){margin:0 0 0 20px;}}}tr.Opta-Scoreline{height:40px;background-color:transparent !important;border-bottom:1px solid #e4e4e4;@media (min-width:","px){height:50px;}td{max-width:none !important;padding:3px 0 0 0;color:"," !important;font-family:",";font-size:14px;line-height:14px;background-color:transparent;&.Opta-Time{width:50px !important;padding:6px 0 0 10px;color:"," !important;font-family:",";abbr{font-size:inherit;line-height:inherit;text-decoration:none;}@media (min-width:","px){width:60px !important;padding:6px 0 0 20px;font-size:13px;line-height:14px;}}&.Opta-Team{width:30% !important;padding-left:10px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}@media (min-width:","px){padding-left:15px;&.Opta-Home{padding-right:15px;padding-left:0;}}}&.Opta-Score{width:25px !important;font-size:16px;line-height:16px;text-align:left !important;&.Opta-Home{text-align:right !important;}span{font-size:inherit;line-height:inherit;}@media (min-width:","px){width:30px !important;font-size:24px;line-height:24px;}}&.Opta-Crest{width:20px !important;margin-top:-3px;img{width:20px;}}&.Opta-Divider{width:20px !important;text-align:center;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}}&.Opta-Outer:not(.Opta-Time){width:50px !important;padding:0 10px 0 0;@media (min-width:","px){width:60px !important;padding:0 20px 0 0;}}@media (min-width:","px){font-size:16px;line-height:16px;}}}tr.Opta-agg{background-color:transparent !important;td{padding:10px;color:",";font-family:",";font-size:14px;line-height:16px;background-color:transparent;span{font-size:inherit;line-height:inherit;}span.Opta-agg-text{text-transform:uppercase;}}}tr{td.Opta-Nest{padding:0;.Opta_W{> .Opta-Cf{background-color:transparent;border-bottom:1px solid #e4e4e4;.Opta-Events{padding:10px 0 2px 0;li{padding:0 0 8px 0;.Opta-Event-Text{color:",";font-family:",";font-size:13px;line-height:16px;.Opta-Event-Player,.Opta-Event-Time,.Opta-Event-Text-Type{font-size:inherit;line-height:inherit;}.Opta-Event-Time{color:",";}}}}}}}}}}}}"],C.colours.functional.backgroundSecondary,C.colours.functional.brandColour,C.fonts.supporting,C.breakpoints.medium,C.breakpoints.medium,C.colours.functional.brandColour,C.fonts.headline,C.colours.section.sport,C.fonts.supporting,C.breakpoints.medium,C.breakpoints.medium,C.breakpoints.medium,C.breakpoints.medium,C.breakpoints.medium,C.colours.functional.primary,C.fonts.supporting,C.colours.functional.primary,C.fonts.supporting,C.colours.section.sport));function Ro(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Do(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Do(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Do(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const qo=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.date_from,l=t.date_to,c=t.full_width;const s=i.a.createRef(),d=Ro(Object(o.useState)(!1),2),p=d[0],u=d[1];return Object(o.useEffect)(()=>{io(),ro("rugby"),ao().then(()=>{s.current&&(s.current.innerHTML=lo("opta-widget",{sport:"rugby",widget:"fixtures",season:e,competition:n,date_from:a,date_to:l,live:!0,grouping:"date",show_grouping:!0,show_subgrouping:!1,show_crests:!0,date_format:"dddd MMMM D YYYY",breakpoints:520},lo("opta-widget",{sport:"rugby",widget:"match_summary",season:"",competition:"",match:"",live:!0,show_crests:!0,show_tries:!0,show_conversions:!0,show_penalties:!0,show_drop_goals:"scored",show_cards:"all",breakpoints:"520"})).outerHTML,co(),u(!0))})},[]),i.a.createElement(Wo,{border:p,fullWidth:c},i.a.createElement(Bo,{ref:s}),!p&&i.a.createElement(Ho,null,i.a.createElement(r.Placeholder,null)))}),Fo=b()(Lo).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-9cbyte-0"})([".Opta{h3{height:40px;margin:0;padding-left:10px;color:",";font-family:",";font-size:14px;line-height:42px;font-weight:normal;background-color:",";border:0;span{float:none;padding:0;font-size:13px;}@media (min-width:","px){padding-left:14px;}}.Opta-Cf{float:none;margin:0;padding:0;background-color:transparent;&.Opta-Dropdown{.Opta-Nav{width:110px;margin:20px auto;background-color:transparent;border:1px solid ",";h3{height:38px;color:",";font-family:",";font-size:14px;line-height:40px;font-weight:normal;text-align:center;background-color:white;border:0;.Opta-Icon{height:38px;margin:0 10px 0 0;:after{background-position:-180px -19px;}}.Opta-Title{height:38px;padding:0 0 0 18px;line-height:40px;}&.Opta-Open{.Opta-Icon{:after{background-position:-149px -20px;}}}}ul{display:none;top:0;list-style-type:none;background-color:",";border:0;border-top:1px solid ",";li{margin:0;text-align:center;a{height:28px;padding:0;color:",";font-family:",";font-size:14px;line-height:30px;background-color:transparent;&:hover{color:",";font-weight:bold;background-color:white;}}&:first-of-type{a{height:32px;padding-top:4px;}}&:last-of-type{a{height:32px;padding-bottom:4px;}}}}}}ul.Opta-TabbedContent{margin:0;padding:0;list-style-type:none;li{display:none;&.Opta-On{display:block;}h3{display:none;text-decoration:none !important;.Opta-Icon{display:none;}}}}table{thead{background-color:",";tr{height:40px;th{padding:0;color:",";font-family:",";font-size:13px;line-height:14px;font-weight:normal;text-align:center;background-color:transparent;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}&.Opta-Team{width:auto !important;}&:last-of-type{padding:0 10px 0 0;}}}}tbody{tr{height:40px;border-bottom:1px solid #e4e4e4;th{width:42px;padding:6px 0 0 0;color:",";font-family:",";font-size:14px;line-height:14px;font-weight:normal;text-align:center;background-color:transparent;@media (min-width:","px){width:50px;font-size:15px;line-height:16px;}}td{width:30px;padding:3px 0 0 0;color:",";font-family:",";font-size:14px;line-height:14px;text-align:center;background-color:transparent;&:last-of-type{width:40px;padding:3px 10px 0 0;}&.Opta-Team{width:auto !important;text-align:left;}.Opta-Image{width:20px;margin-top:-3px;img{width:20px;}}@media (min-width:","px){width:40px;font-size:16px;line-height:16px;&:last-of-type{width:50px;}}}}}}}}"],C.colours.functional.primary,C.fonts.supporting,C.colours.functional.keyline,C.breakpoints.medium,C.colours.functional.brandColour,C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.backgroundPrimary,C.colours.functional.brandColour,C.colours.functional.primary,C.fonts.supporting,C.colours.functional.brandColour,C.colours.functional.backgroundSecondary,C.colours.functional.primary,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.breakpoints.medium,C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium);function Uo(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return $o(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return $o(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $o(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const Yo=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.default_nav,l=void 0===a?1:a,c=t.navigation,s=t.full_width;const d=i.a.createRef(),p=Uo(Object(o.useState)(!1),2),u=p[0],f=p[1];return Object(o.useEffect)(()=>{io(),ro("rugby"),ao().then(()=>{d.current&&(d.current.innerHTML=lo("opta-widget",{sport:"rugby",widget:"standings",season:e,competition:n,live:!0,navigation:c?"dropdown":void 0,default_nav:l,show_crests:!0,breakpoints:520}).outerHTML,co(),f(!0))})},[]),i.a.createElement(Wo,{border:u,fullWidth:s},i.a.createElement(Fo,{ref:d}),!u&&i.a.createElement(Ho,null,i.a.createElement(r.Placeholder,null)))}),Go=b()(Lo).withConfig({displayName:"styles__WidgetContainer",componentId:"sc-1pgxtc2-0"})([".Opta{h2{margin:20px 0 10px 0 !important;}.Opta-Cf{padding:0;background-color:transparent;table{tbody{tr{td{color:",";font-family:",";font-size:18px;line-height:18px;padding:0;&.Opta-Crest{text-align:left;&.Opta-Home{text-align:right;}img{width:40px;}}&.Opta-Team{padding-left:10px;font-size:18px;line-height:18px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}}&.Opta-Score{width:20px;font-size:24px;line-height:24px;text-align:left;&.Opta-Home{text-align:right;}span{min-width:0;padding:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit;background-color:transparent !important;}@media (min-width:","px){width:30px;font-size:32px;line-height:32px;}}&.Opta-Divider{width:20px;text-align:center;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}}}&.Opta-Score-Extras{td{color:",";font-family:",";font-size:14px;line-height:28px;span{color:inherit;font-size:inherit;}}}&.Opta-MatchHeader-Details{div{padding:0;color:",";font-family:",";font-size:12px;line-height:12px;letter-spacing:1px;text-transform:uppercase;background-color:transparent;span{margin:0 6px;color:inherit;font-size:inherit;}}}}}}.Opta-Events{padding:10px 0 2px 0;li{padding:0 0 8px 0;.Opta-Event-Text{color:",";font-family:",";font-size:13px;line-height:16px;.Opta-Event-Player,.Opta-Event-Time,.Opta-Event-Text-Type{font-size:inherit;line-height:inherit;}.Opta-Event-Time{color:",";}}}}}}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport);function Vo(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Zo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Zo(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Zo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const Jo=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.match,l=t.full_width;const c=i.a.createRef(),s=Vo(Object(o.useState)(!1),2),d=s[0],p=s[1];return Object(o.useEffect)(()=>{io(),ro("rugby"),ao().then(()=>{c.current&&(c.current.innerHTML=lo("opta-widget",{sport:"rugby",widget:"match_summary",season:e,competition:n,match:a,live:!0,show_match_header:!0,show_halftime_score:!0,show_competition_name:!0,show_date:!0,show_crests:!0,show_tries:!0,show_conversions:!0,show_penalties:!0,show_drop_goals:"scored",date_format:"DD/MM/YYYY",breakpoints:"520"}).outerHTML,co(),p(!0))})},[]),i.a.createElement(Wo,{border:d,fullWidth:l},i.a.createElement(Go,{ref:c}),!d&&i.a.createElement(Ho,null,i.a.createElement(r.Placeholder,null)))}),Xo=b()(Lo).withConfig({displayName:"styles__WidgetContainer",componentId:"lquz8o-0"})([".Opta{h2{margin:20px 0 10px 0 !important;}.Opta-Cf{padding:0;background-color:transparent;table{tbody{tr{th.Opta-Stats-Bars-Text{height:auto;padding:20px 0 0 0;color:",";font-family:",";font-size:13px;line-height:14px;}td{height:auto;color:",";font-family:",";font-size:18px;line-height:18px;padding:0;&.Opta-Crest{text-align:left;&.Opta-Home{text-align:right;}img{width:40px;}}&.Opta-Team{padding-left:10px;font-size:18px;line-height:18px;&.Opta-Home{padding-right:10px;padding-left:0;text-align:right;}}&.Opta-Score{width:20px;font-size:24px;line-height:24px;text-align:left;&.Opta-Home{text-align:right;}span{min-width:0;padding:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit;background-color:transparent !important;}@media (min-width:","px){width:30px;font-size:32px;line-height:32px;}}&.Opta-Divider{width:20px;text-align:center;abbr{font-size:inherit;line-height:inherit;text-decoration:none;}}.Opta-Bars{margin:0;.Opta-Percent.Opta-Home{background-color:",";}.Opta-Percent.Opta-Away{background-color:",";opacity:0.5;}}}&.Opta-Score-Extras{td{color:",";font-family:",";font-size:14px;line-height:28px;span{color:inherit;font-size:inherit;}}}&.Opta-MatchHeader-Details{div{padding:0;color:",";font-family:",";font-size:12px;line-height:12px;letter-spacing:1px;text-transform:uppercase;background-color:transparent;span{margin:0 6px;color:inherit;font-size:inherit;}}}}}&.Opta-Stats-Bars{margin-bottom:20px;}}}}"],C.colours.functional.brandColour,C.fonts.supporting,C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium,C.colours.section.sport,C.colours.section.sport,C.colours.functional.brandColour,C.fonts.supporting,C.colours.section.sport,C.fonts.supporting);function Ko(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Qo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Qo(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Qo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const ti=i.a.memo(t=>{let e=t.season,n=t.competition,a=t.match,l=t.full_width;const c=i.a.createRef(),s=Ko(Object(o.useState)(!1),2),d=s[0],p=s[1];return Object(o.useEffect)(()=>{io(),ro("rugby"),ao().then(()=>{c.current&&(c.current.innerHTML=lo("opta-widget",{sport:"rugby",widget:"matchstats",season:e,competition:n,match:a,template:"custom",graph_style:"relative",stats_categories:"Category 1|tries,passes,tackles,carries,metres,lineouts_won_percent,scrums_won_percent,turnovers_conceded,yellow_cards,red_cards",live:!0,show_match_header:!0,show_halftime_score:!0,show_competition_name:!0,show_date:!0,show_crests:!0,date_format:"DD/MM/YYYY",breakpoints:"520"}).outerHTML,co(),p(!0))})},[]),i.a.createElement(Wo,{border:d,fullWidth:l},i.a.createElement(Xo,{ref:c}),!d&&i.a.createElement(Ho,null,i.a.createElement(r.Placeholder,null)))});var ei=n(16),ni=n.n(ei),oi=n(17);const ii=t=>t.map(t=>({url:t.url,ratio:t.aspectRatio})),ri=t=>{if(t){if(t.crops)return ii(t.crops);if(t.posterImage&&t.posterImage.crops)return ii(t.posterImage.crops)}return[]},ai=t=>{return{url:t.url,label:t.label,byline:(n=t.bylines,n?n.map(t=>"author"===t.type?t.name:t.value).join(""):void 0),headline:t.headline,summary:(e=t.summary,e&&e.children?e.children.map(t=>t.text).join("")+"...":void 0),datePublished:t.publishedDateTime,images:{alt:t.headline,crops:ri(t.media)}};var e,n},li=t=>{switch(t){case 1:return"RELATED_ARTICLE_1";case 2:return"RELATED_ARTICLE_2";default:return"RELATED_ARTICLE_3"}},ci=t=>({name:li(t.length),children:t.map(t=>({article:ai(t)})).slice(0,3)}),si=b.a.div.withConfig({displayName:"styles__Header",componentId:"sc-1f3o71-0"})(["margin-bottom:12px;padding:16px 12px 12px 12px;color:",";font-family:",";font-size:24px;line-height:24px;font-weight:normal;text-align:center;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;"],C.colours.functional.brandColour,C.fonts.headline),di=t=>{let e=t.heading;const n=f(),o=n.loading,r=n.error,a=n.data;if(o||r)return null;const l=ni()(a,"recommendations.articles");if(!l||!l.length)return null;const c=M().fireAnalyticsEvent;return i.a.createElement("div",{id:"recommended-articles"},i.a.createElement(si,null,e),i.a.createElement(oi.Slice,{slice:ci(l),clickHandler:(t,e)=>{c&&c({action:"Clicked",attrs:{article_parent_name:e.headline}})}}))};function pi(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return ui(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ui(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ui(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const fi=t=>{let e=t.articleId,n=t.articleHeadline,r=t.articleSection;const a=pi(Object(o.useState)(!1),2),l=a[0],c=a[1];Object(o.useEffect)(()=>{try{const t=window.nuk.getCookieValue("acs_tnl"),e=window.__TIMES_CONFIG__.environmentName;t&&["local-prod","pr","uat","staging","prod"].includes(e)&&c(!0)}catch(t){console.log(t)}},[]);return l?i.a.createElement(u,{url:"/api/recommended-articles/".concat(e,"/todays_section")},i.a.createElement(W,{context:{object:"RecommendedArticles",attrs:{event_navigation_action:"navigation",event_navigation_name:"widget:relevant article",event_navigation_browsing_method:"click",section_details:"section : ".concat(r),article_name:n,widget_headline:"Read more".toLowerCase(),widget_section:r,widget_type:"today's section"}}},i.a.createElement(di,{heading:"Read more"}))):null},mi={background:"#bedeed",foreground:"#1573a2"},hi={background:"#ffeecc",foreground:"#ffa300"},gi={background:"#ffd6d6",foreground:"#df0000"},yi=b.a.div.withConfig({displayName:"styles__Container",componentId:"sc-1lbbpaf-0"})(["display:flex;margin-top:50px;&.info{background-color:",";border-left:4px solid ",";svg{fill:",";}}&.warning{background-color:",";border-left:4px solid ",";svg{fill:",";}}&.error{background-color:",";border-left:4px solid ",";svg{fill:",";}}"],mi.background,mi.foreground,mi.foreground,hi.background,hi.foreground,hi.foreground,gi.background,gi.foreground,gi.foreground),bi=b.a.div.withConfig({displayName:"styles__IconContainer",componentId:"sc-1lbbpaf-1"})(["margin:12px 0 45px 12px;"]),xi=b.a.div.withConfig({displayName:"styles__ContentContainer",componentId:"sc-1lbbpaf-2"})(["margin:12px;"]),wi=b.a.div.withConfig({displayName:"styles__Title",componentId:"sc-1lbbpaf-3"})(["font-family:",";font-weight:700;font-size:15px;line-height:16px;margin-bottom:6px;"],C.fonts.supporting),vi=b.a.div.withConfig({displayName:"styles__Description",componentId:"sc-1lbbpaf-4"})(["font-family:",";font-weight:500;font-size:13px;line-height:20px;& a{color:#333333;text-decoration:underline;}"],C.fonts.supporting),_i=t=>{let e=t.size,n=void 0===e?{width:"20",height:"20"}:e;return i.a.createElement("svg",{width:n.width,height:n.height,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM9 15V9H11V15H9ZM9 5V7H11V5H9Z"}))},Ci=t=>{let e=t.title,n=t.type,o=t.children;return i.a.createElement(yi,{className:n},i.a.createElement(bi,null,i.a.createElement(_i,null)),i.a.createElement(xi,null,i.a.createElement(wi,null,e),i.a.createElement(vi,null,o)))},Oi=b.a.div.withConfig({displayName:"styles__Container",componentId:"kqn9c8-0"})(["display:flex;flex-direction:column;align-items:center;padding:60px;@media (min-width:","px){padding:88px;}"],C.breakpoints.medium),Ei=b.a.div.withConfig({displayName:"styles__Title",componentId:"kqn9c8-1"})(["font-family:",";font-size:32px;line-height:32px;letter-spacing:0;text-align:center;padding:24px;"],C.fonts.headline),ki=b.a.div.withConfig({displayName:"styles__Description",componentId:"kqn9c8-2"})(["font-family:",";font-weight:400;font-size:18px;line-height:28px;letter-spacing:0;text-align:center;max-width:660px;"],C.fonts.body),Ii=b.a.a.withConfig({displayName:"styles__Button",componentId:"kqn9c8-3"})(["display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;background-color:#008387;color:white;font-family:",";width:127px;height:48px;font-size:15px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:0;margin:24px;"],C.fonts.supporting),ji=t=>{let e=t.title,n=t.href,o=void 0===n?"#":n,r=t.onClick,a=t.buttonText,l=t.children;return i.a.createElement(Oi,null,i.a.createElement(Ei,null,e),i.a.createElement(ki,null,l),i.a.createElement(Ii,{href:o,onClick:r},a))};var Si=n(7);var zi=t=>{try{return decodeURIComponent(t)}catch(e){return t}};const Ai=b.a.div.withConfig({displayName:"styles__Container",componentId:"uvi9j3-0"})(["display:flex;flex-direction:column;justify-content:center;margin:48px 10px 24px 10px;padding-top:",";border-top:2px solid #9f0000;@media (min-width:","px){width:80.8%;margin:64px 0 24px 10%;}@media (min-width:","px){width:56.2%;margin:64px 0 24px 22%;}"],t=>t.isBreaking?"8px":"5px",C.breakpoints.medium,C.breakpoints.wide),Ni=b.a.div.withConfig({displayName:"styles__UpdatesContainer",componentId:"uvi9j3-1"})(["display:flex;flex-direction:row;justify-content:space-between;"]),Ti=b.a.div.withConfig({displayName:"styles__TimeSincePublishingContainer",componentId:"uvi9j3-2"})(["display:flex;flex-direction:row;"]),Pi=b.a.div.withConfig({displayName:"styles__TimeSincePublishing",componentId:"uvi9j3-3"})(["color:",";font-family:",";font-size:13px;line-height:18px;"],C.colours.functional.brandColour,C.fonts.supporting),Mi=Object(y.css)(["color:",";font-family:",";font-size:13px;line-height:18px;"],C.colours.functional.secondary,C.fonts.supporting),Wi=b.a.div.withConfig({displayName:"styles__UpdatedTimeItems",componentId:"uvi9j3-4"})(["display:flex;justify-content:space-between;align-items:baseline;"]),Hi=b.a.div.withConfig({displayName:"styles__UpdatedTime",componentId:"uvi9j3-5"})(["",";"],Mi),Li=b.a.div.withConfig({displayName:"styles__UpdatedDate",componentId:"uvi9j3-6"})([""," justify-content:end;padding:0 4px 0 0;"],Mi),Bi=b.a.div.withConfig({displayName:"styles__Divider",componentId:"uvi9j3-7"})(["background-color:",";width:1px;margin:2px 8px 6px 8px;"],C.colours.functional.greyLabel),Ri=b.a.h2.withConfig({displayName:"styles__Headline",componentId:"uvi9j3-8"})(["color:",";font-family:",";font-size:28px;line-height:28px;margin-top:22px;margin-bottom:0px;font-weight:400;@media (min-width:","px){font-size:36px;line-height:36px;margin-top:20px;margin-bottom:0px;}"],C.colours.functional.brandColour,C.fonts.headline,C.breakpoints.medium),Di=b.a.div.withConfig({displayName:"styles__FlagContainer",componentId:"uvi9j3-9"})(["margin-right:8px;"]),qi=b.a.div.withConfig({displayName:"styles__BylineBlockContainer",componentId:"uvi9j3-10"})(["display:flex;align-items:center;margin-top:24px;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:16px;"]),Fi=b.a.div.withConfig({displayName:"styles__BylineBlockImgContainer",componentId:"uvi9j3-11"})(["border-radius:50%;width:50px;height:50px;overflow:hidden;margin-right:10px;"]),Ui=b.a.img.withConfig({displayName:"styles__BylineBlockImg",componentId:"uvi9j3-12"})(["height:100%;width:100%;"]),$i=b.a.div.withConfig({displayName:"styles__BylineBlockContent",componentId:"uvi9j3-13"})(["display:flex;flex-direction:column;"]),Yi=b.a.div.withConfig({displayName:"styles__BylineBlockAuthorContent",componentId:"uvi9j3-14"})(["display:flex;align-items:center;margin-bottom:2px;"]),Gi=b.a.p.withConfig({displayName:"styles__BylineBlockAuthorName",componentId:"uvi9j3-15"})(["color:#069;margin-right:5px;margin-block:0;"]),Vi=b.a.p.withConfig({displayName:"styles__BylineBlockAuthorJobTitle",componentId:"uvi9j3-16"})(["color:#696969;margin-block:0;"]),Zi=b.a.p.withConfig({displayName:"styles__BylineBlockDescription",componentId:"uvi9j3-17"})(["color:#696969;font-weight:500;margin-block:0;"]),Ji=t=>{let e=t.authorData,n=t.description;return e&&e.name||e&&e.image||n?i.a.createElement(qi,null,e&&e.image&&i.a.createElement(Fi,null,i.a.createElement(Ui,{src:e.image,alt:e.name})),i.a.createElement($i,null,i.a.createElement(Yi,null,e&&e.name&&i.a.createElement(Gi,null,e.name),e&&e.jobTitle&&i.a.createElement(Vi,null,e.jobTitle)),n&&i.a.createElement(Zi,null,n))):null};function Xi(t,e,n,o,i,r,a){try{var l=t[r](a),c=l.value}catch(t){return void n(t)}l.done?e(c):Promise.resolve(c).then(o,i)}function Ki(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return Qi(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Qi(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Qi(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}var tr=t=>{let e=t.updated,n=t.breaking,r=t.headline,a=t.authorSlug,l=t.description;const c=Ki(Object(o.useState)(""),2),s=c[0],d=c[1],p=Ki(Object(o.useState)(),2),u=p[0],f=p[1],m=new Date,h=new Date(e),g=Object(Si.utcToZonedTime)(h,"Europe/London");Object(o.useEffect)(()=>{"Europe/London"!==Intl.DateTimeFormat().resolvedOptions().timeZone&&d(Object(Si.format)(g,"zzz",{timeZone:"Europe/London"}))}),Object(o.useEffect)(()=>{if(void 0===a)return void f(null);(function(){var t,e=(t=function*(){try{const t=yield fetch("/api/author-profile/".concat(a)),e=yield t.json();f(e)}catch(t){console.log(t)}},function(){var e=this,n=arguments;return new Promise((function(o,i){var r=t.apply(e,n);function a(t){Xi(r,o,i,a,l,"next",t)}function l(t){Xi(r,o,i,a,l,"throw",t)}a(void 0)}))});return function(){return e.apply(this,arguments)}})()()},[a]);const y=Object(Ae.formatDistanceStrict)(h,m,{roundingMethod:"floor"})+" ago",b=Object(Ae.differenceInSeconds)(m,h),x=b<60,w=b<3600,v=b<46800,_=Object(Ae.differenceInCalendarDays)(m,g)>=1,C=!!n&&Boolean("true"===n.toLowerCase()),O=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=/\D+/g,o=t.replace(n,""),i=/\b(\w)/g,r=e.match(i),a=null===r?"":r.join("");return"u_".concat(o).concat(a)}(e,r);return i.a.createElement(Ai,{isBreaking:C&&w,id:O},i.a.createElement(Ni,null,i.a.createElement(Wi,null,C&&w?i.a.createElement(Di,null,i.a.createElement(Be,null)):null,!x&&v?i.a.createElement(Ti,null,i.a.createElement(Pi,{"data-testId":"TimeSincePublishing"},y),i.a.createElement(Bi,null)):null,i.a.createElement(Hi,{isLessThan13Hours:!x&&v},"".concat(Object(Si.format)(g,"h.mmaaa")," ").concat(s))),_?i.a.createElement(Li,null,Object(Si.format)(g,"MMMM d")):null),r&&i.a.createElement(Ri,null,zi(r)),u&&i.a.createElement(Ji,{authorData:u,description:l}))};const er=b.a.div.withConfig({displayName:"styles__WelcomeBannerContainer",componentId:"sc-1dq6agu-0"})(["display:flex;flex-direction:column;justify-content:center;width:100%;margin-bottom:16px;padding:18px 16px;background-color:",";"],C.colours.functional.bannerBackground),nr=b.a.div.withConfig({displayName:"styles__Title",componentId:"sc-1dq6agu-1"})(["color:",";font-family:",";font-size:40px;line-height:45px;text-align:left;br.mobile{display:inline;}br.larger-breakpoints{display:none;}@media (min-width:","px){text-align:center;br.mobile{display:none;}br.larger-breakpoints{display:inline;}}"],C.colours.functional.greyText,C.fonts.headline,C.breakpoints.medium),or=b.a.div.withConfig({displayName:"styles__Text",componentId:"sc-1dq6agu-2"})(["margin-top:6px;color:",";font-family:",";font-size:18px;line-height:27px;text-align:left;@media (min-width:","px){text-align:center;}"],C.colours.functional.primary,C.fonts.supporting,C.breakpoints.medium);function ir(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,l=!1;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(r.push(o.value),!e||r.length!==e);a=!0);}catch(t){l=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return rr(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return rr(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function rr(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}const ar=()=>{const t=ir(Object(o.useState)(!1),2),e=t[0],n=t[1];return Object(o.useEffect)(()=>{window.sessionStorage.getItem("showWelcomeBanner")&&(window.sessionStorage.removeItem("showWelcomeBanner"),n(!0))},[]),e?i.a.createElement(er,null,i.a.createElement(nr,{"data-testId":"title"},"Welcome to ",i.a.createElement("br",{className:"mobile"}),"The Times ",i.a.createElement("br",{className:"larger-breakpoints"})," and"," ",i.a.createElement("br",{className:"mobile"}),"The Sunday Times"),i.a.createElement(or,{"data-testId":"text"},"We hope you enjoy your free content")):null};n.d(e,"InArticlePuff",(function(){return Q})),n.d(e,"InfoCard",(function(){return kt})),n.d(e,"GalleryCarousel",(function(){return Gt})),n.d(e,"InfoCardBulletPoints",(function(){return ae})),n.d(e,"BigNumbers",(function(){return ye})),n.d(e,"BreakingArticleFlag",(function(){return Be})),n.d(e,"LiveArticleFlag",(function(){return Le})),n.d(e,"ArticleFlag",(function(){return De})),n.d(e,"ArticleFlags",(function(){return Ve})),n.d(e,"NewArticleFlag",(function(){return qe})),n.d(e,"UpdatedArticleFlag",(function(){return Fe})),n.d(e,"ExclusiveArticleFlag",(function(){return Ue})),n.d(e,"SponsoredArticleFlag",(function(){return $e})),n.d(e,"LongReadArticleFlag",(function(){return Ye})),n.d(e,"Timelines",(function(){return ln})),n.d(e,"SaveStar",(function(){return bn})),n.d(e,"AutoNewsletterPuff",(function(){return no})),n.d(e,"InlineNewsletterPuff",(function(){return eo})),n.d(e,"PreviewNewsletterPuff",(function(){return oo})),n.d(e,"OptaCricketScorecard",(function(){return go})),n.d(e,"OptaFootballFixtures",(function(){return Co})),n.d(e,"OptaFootballStandings",(function(){return Io})),n.d(e,"OptaFootballSummary",(function(){return Ao})),n.d(e,"OptaFootballMatchStats",(function(){return Mo})),n.d(e,"OptaRugbyFixtures",(function(){return qo})),n.d(e,"OptaRugbyStandings",(function(){return Yo})),n.d(e,"OptaRugbySummary",(function(){return Jo})),n.d(e,"OptaRugbyMatchStats",(function(){return ti})),n.d(e,"RecommendedFetch",(function(){return fi})),n.d(e,"FetchProvider",(function(){return u})),n.d(e,"ViewCountWrapper",(function(){return jn})),n.d(e,"TrackingContextProvider",(function(){return W})),n.d(e,"HiddenDiv",(function(){return B})),n.d(e,"InlineMessage",(function(){return Ci})),n.d(e,"InlineDialog",(function(){return ji})),n.d(e,"ArticleHeader",(function(){return tr})),n.d(e,"UpdatedTimestamp",(function(){return Pe})),n.d(e,"UpdatedTimeProvider",(function(){return We})),n.d(e,"WelcomeBanner",(function(){return ar})),n.d(e,"safeDecodeURIComponent",(function(){return zi}))}]);
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useFetch } from '../../helpers/fetch/FetchProvider';
|
|
3
|
+
import { ArticleBookmark } from './SaveStarUI';
|
|
4
|
+
|
|
5
|
+
export interface ContentProps {
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
error?: string;
|
|
8
|
+
data?: ArticleBookmark;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export const ContentProvider: React.FC = React.memo(({ children }) => {
|
|
12
|
+
const fetchResponse = useFetch<ArticleBookmark>();
|
|
13
|
+
return (
|
|
14
|
+
<>
|
|
15
|
+
{React.isValidElement<ContentProps>(children) &&
|
|
16
|
+
React.cloneElement(children, fetchResponse)}
|
|
17
|
+
</>
|
|
18
|
+
);
|
|
19
|
+
});
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
|
|
1
|
+
import React, { cloneElement, useCallback, useMemo, useState } from 'react';
|
|
3
2
|
import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
4
3
|
import { SaveStarUI, ArticleBookmark } from './SaveStarUI';
|
|
4
|
+
import { ContentProvider } from './ContentProvider';
|
|
5
5
|
|
|
6
6
|
export const SaveStar: React.FC<{
|
|
7
7
|
articleId: string;
|
|
8
8
|
isPreviewMode?: boolean;
|
|
9
|
-
}> = React.memo(({ articleId, isPreviewMode }) => {
|
|
9
|
+
}> = React.memo(({ articleId, isPreviewMode, children }) => {
|
|
10
10
|
const [url, setUrl] = useState<string>(
|
|
11
11
|
`/api/collections/is-bookmarked/${articleId}`
|
|
12
12
|
);
|
|
@@ -15,7 +15,9 @@ export const SaveStar: React.FC<{
|
|
|
15
15
|
isPreviewMode ? { isBookmarked: false } : undefined
|
|
16
16
|
);
|
|
17
17
|
|
|
18
|
-
const
|
|
18
|
+
const fetchOptions = useMemo(() => ({ credentials: 'same-origin' }), []);
|
|
19
|
+
|
|
20
|
+
const onToggleSave = useCallback((id: string, isSaved: boolean) => {
|
|
19
21
|
if (isPreviewMode) {
|
|
20
22
|
setPreviewData({ isBookmarked: !isSaved });
|
|
21
23
|
} else {
|
|
@@ -25,15 +27,20 @@ export const SaveStar: React.FC<{
|
|
|
25
27
|
: `/api/collections/save/${id}`
|
|
26
28
|
);
|
|
27
29
|
}
|
|
28
|
-
};
|
|
30
|
+
}, []);
|
|
31
|
+
|
|
32
|
+
const Content = children ? (
|
|
33
|
+
cloneElement(children as React.ReactElement, {
|
|
34
|
+
articleId,
|
|
35
|
+
onToggleSave
|
|
36
|
+
})
|
|
37
|
+
) : (
|
|
38
|
+
<SaveStarUI articleId={articleId} onToggleSave={onToggleSave} />
|
|
39
|
+
);
|
|
29
40
|
|
|
30
41
|
return (
|
|
31
|
-
<FetchProvider
|
|
32
|
-
|
|
33
|
-
options={{ credentials: 'same-origin' }}
|
|
34
|
-
previewData={previewData}
|
|
35
|
-
>
|
|
36
|
-
<SaveStarUI articleId={articleId} onToggleSave={onToggleSave} />
|
|
42
|
+
<FetchProvider url={url} options={fetchOptions} previewData={previewData}>
|
|
43
|
+
<ContentProvider>{Content}</ContentProvider>
|
|
37
44
|
</FetchProvider>
|
|
38
45
|
);
|
|
39
46
|
});
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { colours } from '@times-components/ts-styleguide';
|
|
3
3
|
import { IconStar } from '@times-components/icons';
|
|
4
|
-
|
|
5
|
-
import { useFetch } from '../../helpers/fetch/FetchProvider';
|
|
6
|
-
|
|
4
|
+
import { ContentProps } from './ContentProvider';
|
|
7
5
|
import {
|
|
8
6
|
IconContainer,
|
|
9
7
|
LoadingIcon,
|
|
@@ -23,12 +21,12 @@ const getIconTitle = (isSaved: boolean) =>
|
|
|
23
21
|
const getIconFillColour = (isSaved: boolean) =>
|
|
24
22
|
isSaved ? colours.functional.action : colours.functional.white;
|
|
25
23
|
|
|
26
|
-
export const SaveStarUI: React.FC<
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
export const SaveStarUI: React.FC<
|
|
25
|
+
{
|
|
26
|
+
articleId: string;
|
|
27
|
+
onToggleSave: (id: string, isSaved: boolean) => void;
|
|
28
|
+
} & ContentProps
|
|
29
|
+
> = ({ articleId, onToggleSave, loading, error, data }) => {
|
|
32
30
|
if (loading) {
|
|
33
31
|
return (
|
|
34
32
|
<>
|
|
@@ -35,6 +35,12 @@ export const FetchProvider: React.FC<FetchProviderProps> = ({
|
|
|
35
35
|
|
|
36
36
|
const fetchData = async () => {
|
|
37
37
|
try {
|
|
38
|
+
if (previewData) {
|
|
39
|
+
await new Promise(resolve => setTimeout(resolve, 1500));
|
|
40
|
+
setData(previewData);
|
|
41
|
+
setLoading(false);
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
38
44
|
if (url) {
|
|
39
45
|
const response = await fetch(url, options);
|
|
40
46
|
const json = await response.json();
|
|
@@ -50,12 +56,7 @@ export const FetchProvider: React.FC<FetchProviderProps> = ({
|
|
|
50
56
|
}
|
|
51
57
|
};
|
|
52
58
|
|
|
53
|
-
|
|
54
|
-
setData(previewData);
|
|
55
|
-
setLoading(false);
|
|
56
|
-
} else {
|
|
57
|
-
fetchData();
|
|
58
|
-
}
|
|
59
|
+
fetchData();
|
|
59
60
|
}
|
|
60
61
|
},
|
|
61
62
|
[url, options, previewData]
|
|
@@ -81,8 +81,10 @@ describe('<FetchProvider>', () => {
|
|
|
81
81
|
<TestComponent />
|
|
82
82
|
</FetchProvider>
|
|
83
83
|
);
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
84
|
+
// Await artificial delay
|
|
85
|
+
setTimeout(async () => {
|
|
86
|
+
await findByText(value);
|
|
87
|
+
expect(asFragment()).toMatchSnapshot();
|
|
88
|
+
}, 2000);
|
|
87
89
|
});
|
|
88
90
|
});
|