@times-components/ts-components 1.105.1-alpha.0 → 1.105.1-alpha.13
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 +30 -0
- package/dist/components/newsletter-puff/InlineNewsletterPuff.js +23 -25
- package/dist/components/newsletter-puff/__tests__/InlineNewsletterPuff.test.js +3 -63
- package/dist/components/newsletter-puff/newsletter/Newsletter.d.ts +7 -5
- package/dist/components/newsletter-puff/newsletter/Newsletter.js +11 -9
- package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.js +2 -2
- package/dist/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.stories.js +2 -2
- package/dist/components/opta/football/fixtures-ticker/styles.js +39 -21
- package/jest.config.js +1 -1
- package/package.json +3 -3
- package/rnw.js +1 -1
- package/src/components/newsletter-puff/InlineNewsletterPuff.tsx +34 -46
- package/src/components/newsletter-puff/__tests__/InlineNewsletterPuff.test.tsx +2 -77
- package/src/components/newsletter-puff/__tests__/__snapshots__/InlineNewsletterPuff.test.tsx.snap +16 -128
- package/src/components/newsletter-puff/newsletter/Newsletter.tsx +16 -16
- package/src/components/opta/cricket/scorecard/OptaCricketScorecard.tsx +1 -1
- package/src/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.stories.tsx +2 -2
- package/src/components/opta/football/fixtures-ticker/__tests__/__snapshots__/OptaFootballFixturesTicker.test.tsx.snap +8 -8
- package/src/components/opta/football/fixtures-ticker/styles.ts +44 -20
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,36 @@
|
|
|
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.106.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.105.2...@times-components/ts-components@1.106.0) (2024-10-18)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMRS-491:** update player_naming on cricket ([#3962](https://github.com/newsuk/times-components/issues/3962)) ([0e0b9aa](https://github.com/newsuk/times-components/commit/0e0b9aacb30d99dbb497003b0ccc02d754b62044))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [1.105.2](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.105.1...@times-components/ts-components@1.105.2) (2024-10-17)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
* **TMRS-514:** ticker styling app ([#3959](https://github.com/newsuk/times-components/issues/3959)) ([f2d9696](https://github.com/newsuk/times-components/commit/f2d969665fd47efb8d73c15850e69563ba2593b2))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
## [1.105.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.105.0...@times-components/ts-components@1.105.1) (2024-10-15)
|
|
29
|
+
|
|
30
|
+
**Note:** Version bump only for package @times-components/ts-components
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
6
36
|
# [1.105.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.104.1...@times-components/ts-components@1.105.0) (2024-10-15)
|
|
7
37
|
|
|
8
38
|
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import { Mutation } from 'react-apollo';
|
|
1
|
+
import React, { useMemo, useState } from 'react';
|
|
3
2
|
import { GetNewsletter } from '@times-components/provider';
|
|
4
|
-
import { subscribeNewsletter as subscribeNewsletterMutation } from '@times-components/provider-queries';
|
|
5
3
|
import { Placeholder } from '@times-components/image';
|
|
6
4
|
import { capitalise } from '@times-components/utils';
|
|
7
5
|
import { Newsletter } from './newsletter/Newsletter';
|
|
8
6
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
9
7
|
import { InpContainer } from './styles';
|
|
8
|
+
import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
9
|
+
import { ContentProvider } from '../save-star/ContentProvider';
|
|
10
10
|
export const InlineNewsletterPuff = ({ code, copy, headline, section }) => {
|
|
11
|
-
const [
|
|
12
|
-
const
|
|
11
|
+
const [url, setUrl] = useState(`/api/is-subscribed-newsletter/${code}`);
|
|
12
|
+
const fetchOptions = useMemo(() => ({ credentials: 'same-origin' }), []);
|
|
13
13
|
return (React.createElement(GetNewsletter, { code: code, ssr: false, debounceTimeMs: 0 }, ({ isLoading, error, newsletter }) => {
|
|
14
14
|
if (error) {
|
|
15
15
|
return null;
|
|
@@ -18,27 +18,25 @@ export const InlineNewsletterPuff = ({ code, copy, headline, section }) => {
|
|
|
18
18
|
return (React.createElement(InpContainer, { style: { height: 257 } },
|
|
19
19
|
React.createElement(Placeholder, null)));
|
|
20
20
|
}
|
|
21
|
-
if (newsletter.isSubscribed
|
|
21
|
+
if (newsletter.isSubscribed) {
|
|
22
22
|
return null;
|
|
23
23
|
}
|
|
24
|
-
return (React.createElement(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
} }, ({ intersectObserverRef }) => (React.createElement(Newsletter, { intersectObserverRef: intersectObserverRef, section: capitalise(section), justSubscribed: justSubscribed, justSubscribedError: justSubscribedError, headline: headline, updatingSubscription: updatingSubscription, copy: copy, code: code, subscribeNewsletter: subscribeNewsletter }))))));
|
|
24
|
+
return (React.createElement(FetchProvider, { url: url, options: fetchOptions },
|
|
25
|
+
React.createElement(TrackingContextProvider, { context: {
|
|
26
|
+
object: 'InlineNewsletterPuff',
|
|
27
|
+
attrs: {
|
|
28
|
+
article_parent_name: newsletter.title,
|
|
29
|
+
event_navigation_action: 'navigation'
|
|
30
|
+
}
|
|
31
|
+
}, scrolledEvent: {
|
|
32
|
+
object: 'NewsletterPuffButton',
|
|
33
|
+
attrs: {
|
|
34
|
+
event_navigation_name: 'widget : puff : sign up now : displayed',
|
|
35
|
+
event_navigation_browsing_method: 'automated',
|
|
36
|
+
event_navigation_action: 'navigation'
|
|
37
|
+
}
|
|
38
|
+
} }, ({ intersectObserverRef }) => (React.createElement(ContentProvider, null,
|
|
39
|
+
React.createElement(Newsletter, { intersectObserverRef: intersectObserverRef, section: capitalise(section), headline: headline, copy: copy, code: code, subscribeNewsletter: setUrl }))))));
|
|
42
40
|
}));
|
|
43
41
|
};
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5saW5lTmV3c2xldHRlclB1ZmYuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXdzbGV0dGVyLXB1ZmYvSW5saW5lTmV3c2xldHRlclB1ZmYudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUVqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFckQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFFekYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBUy9ELE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsRUFDbkMsSUFBSSxFQUNKLElBQUksRUFDSixRQUFRLEVBQ1IsT0FBTyxFQUNtQixFQUFFLEVBQUU7SUFDOUIsTUFBTSxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxRQUFRLENBQzVCLGlDQUFpQyxJQUFJLEVBQUUsQ0FDeEMsQ0FBQztJQUNGLE1BQU0sWUFBWSxHQUFHLE9BQU8sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFekUsT0FBTyxDQUNMLG9CQUFDLGFBQWEsSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFLENBQUMsSUFDckQsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFPLEVBQUUsRUFBRTtRQUN6QyxJQUFJLEtBQUssRUFBRTtZQUNULE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFFRCxJQUFJLFNBQVMsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUM1QixPQUFPLENBQ0wsb0JBQUMsWUFBWSxJQUFDLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUU7Z0JBQ2xDLG9CQUFDLFdBQVcsT0FBRyxDQUNGLENBQ2hCLENBQUM7U0FDSDtRQUVELElBQUksVUFBVSxDQUFDLFlBQVksRUFBRTtZQUMzQixPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsT0FBTyxDQUNMLG9CQUFDLGFBQWEsSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxZQUFZO1lBQzVDLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7b0JBQ1AsTUFBTSxFQUFFLHNCQUFzQjtvQkFDOUIsS0FBSyxFQUFFO3dCQUNMLG1CQUFtQixFQUFFLFVBQVUsQ0FBQyxLQUFLO3dCQUNyQyx1QkFBdUIsRUFBRSxZQUFZO3FCQUN0QztpQkFDRixFQUNELGFBQWEsRUFBRTtvQkFDYixNQUFNLEVBQUUsc0JBQXNCO29CQUM5QixLQUFLLEVBQUU7d0JBQ0wscUJBQXFCLEVBQ25CLHlDQUF5Qzt3QkFDM0MsZ0NBQWdDLEVBQUUsV0FBVzt3QkFDN0MsdUJBQXVCLEVBQUUsWUFBWTtxQkFDdEM7aUJBQ0YsSUFFQSxDQUFDLEVBQUUsb0JBQW9CLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDN0Isb0JBQUMsZUFBZTtnQkFDZCxvQkFBQyxVQUFVLElBQ1Qsb0JBQW9CLEVBQUUsb0JBQW9CLEVBQzFDLE9BQU8sRUFBRSxVQUFVLENBQUMsT0FBTyxDQUFDLEVBQzVCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLElBQUksRUFBRSxJQUFJLEVBQ1YsSUFBSSxFQUFFLElBQUksRUFDVixtQkFBbUIsRUFBRSxNQUFNLEdBQzNCLENBQ2MsQ0FDbkIsQ0FDdUIsQ0FDWixDQUNqQixDQUFDO0lBQ0osQ0FBQyxDQUNhLENBQ2pCLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { delay } from '@times-components/test-utils';
|
|
3
|
-
import { render,
|
|
3
|
+
import { render, cleanup } from '@testing-library/react';
|
|
4
4
|
import '@testing-library/jest-dom';
|
|
5
5
|
import { MockedProvider } from '@times-components/provider-test-tools';
|
|
6
6
|
import mockDate from 'mockdate';
|
|
7
|
-
import { getNewsletter
|
|
7
|
+
import { getNewsletter } from '@times-components/provider-queries';
|
|
8
8
|
import { InlineNewsletterPuff } from '../InlineNewsletterPuff';
|
|
9
9
|
import { TrackingContextProvider } from '../../../helpers/tracking/TrackingContextProvider';
|
|
10
|
-
import FakeIntersectionObserver from '../../../test-utils/FakeIntersectionObserver';
|
|
11
10
|
const renderComponent = (analyticsStream, mocks = [
|
|
12
11
|
{
|
|
13
12
|
request: {
|
|
@@ -26,25 +25,6 @@ const renderComponent = (analyticsStream, mocks = [
|
|
|
26
25
|
}
|
|
27
26
|
}
|
|
28
27
|
}
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
delay: 50,
|
|
32
|
-
request: {
|
|
33
|
-
query: subscribeNewsletter,
|
|
34
|
-
variables: {
|
|
35
|
-
code: 'TNL-119'
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
result: {
|
|
39
|
-
data: {
|
|
40
|
-
subscribeNewsletter: {
|
|
41
|
-
id: 'a2l6E000000CdHzQAK',
|
|
42
|
-
isSubscribed: true,
|
|
43
|
-
title: 'RED BOX',
|
|
44
|
-
__typename: 'Newsletter'
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
28
|
}
|
|
49
29
|
]) => render(React.createElement(MockedProvider, { mocks: mocks },
|
|
50
30
|
React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: { component: 'ArticleSkeleton' } },
|
|
@@ -67,17 +47,6 @@ describe('Inline Newsletter Puff', () => {
|
|
|
67
47
|
const component = renderComponent();
|
|
68
48
|
expect(component.baseElement).toMatchSnapshot();
|
|
69
49
|
});
|
|
70
|
-
it('renders signup state', async () => {
|
|
71
|
-
const component = renderComponent();
|
|
72
|
-
await component.findAllByText('Sign up with one click');
|
|
73
|
-
expect(component.baseElement).toMatchSnapshot();
|
|
74
|
-
});
|
|
75
|
-
it('renders loading state state', async () => {
|
|
76
|
-
const component = renderComponent();
|
|
77
|
-
const oneClickSignUp = await component.findAllByText('Sign up with one click');
|
|
78
|
-
fireEvent.click(oneClickSignUp[0]);
|
|
79
|
-
expect(component.baseElement).toMatchSnapshot();
|
|
80
|
-
});
|
|
81
50
|
it('renders null when is already subscribed', async () => {
|
|
82
51
|
const component = renderComponent(jest.fn(), [
|
|
83
52
|
{
|
|
@@ -107,34 +76,5 @@ describe('Inline Newsletter Puff', () => {
|
|
|
107
76
|
await delay(0);
|
|
108
77
|
expect(component.baseElement).toMatchSnapshot();
|
|
109
78
|
});
|
|
110
|
-
describe('intersectionObserverTests', () => {
|
|
111
|
-
let oldIntersectionObserver;
|
|
112
|
-
beforeEach(() => {
|
|
113
|
-
oldIntersectionObserver = window.IntersectionObserver;
|
|
114
|
-
// @ts-ignore
|
|
115
|
-
window.IntersectionObserver = FakeIntersectionObserver;
|
|
116
|
-
});
|
|
117
|
-
afterEach(() => {
|
|
118
|
-
window.IntersectionObserver = oldIntersectionObserver;
|
|
119
|
-
});
|
|
120
|
-
it('Sign up with one click : displayed', async () => {
|
|
121
|
-
const analyticsStream = jest.fn();
|
|
122
|
-
const component = renderComponent(analyticsStream);
|
|
123
|
-
await component.findAllByText('Sign up with one click');
|
|
124
|
-
FakeIntersectionObserver.intersect();
|
|
125
|
-
expect(analyticsStream).toHaveBeenCalledWith({
|
|
126
|
-
action: 'Scrolled',
|
|
127
|
-
component: 'ArticleSkeleton',
|
|
128
|
-
object: 'NewsletterPuffButton',
|
|
129
|
-
attrs: {
|
|
130
|
-
article_parent_name: 'RED BOX',
|
|
131
|
-
eventTime: '2021-05-03T00:00:00.000Z',
|
|
132
|
-
event_navigation_action: 'navigation',
|
|
133
|
-
event_navigation_browsing_method: 'automated',
|
|
134
|
-
event_navigation_name: 'widget : puff : sign up now : displayed'
|
|
135
|
-
}
|
|
136
|
-
});
|
|
137
|
-
});
|
|
138
|
-
});
|
|
139
79
|
});
|
|
140
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5saW5lTmV3c2xldHRlclB1ZmYudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25ld3NsZXR0ZXItcHVmZi9fX3Rlc3RzX18vSW5saW5lTmV3c2xldHRlclB1ZmYudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sMkJBQTJCLENBQUM7QUFFbkMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBRXZFLE9BQU8sUUFBUSxNQUFNLFVBQVUsQ0FBQztBQUVoQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbkUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFFNUYsTUFBTSxlQUFlLEdBQUcsQ0FDdEIsZUFBNEIsRUFDNUIsUUFBZTtJQUNiO1FBQ0UsT0FBTyxFQUFFO1lBQ1AsS0FBSyxFQUFFLGFBQWE7WUFDcEIsU0FBUyxFQUFFO2dCQUNULElBQUksRUFBRSxTQUFTO2FBQ2hCO1NBQ0Y7UUFDRCxNQUFNLEVBQUU7WUFDTixJQUFJLEVBQUU7Z0JBQ0osVUFBVSxFQUFFO29CQUNWLEVBQUUsRUFBRSxvQkFBb0I7b0JBQ3hCLFlBQVksRUFBRSxLQUFLO29CQUNuQixLQUFLLEVBQUUsU0FBUztvQkFDaEIsVUFBVSxFQUFFLFlBQVk7aUJBQ3pCO2FBQ0Y7U0FDRjtLQUNGO0NBQ0YsRUFDRCxFQUFFLENBQ0YsTUFBTSxDQUNKLG9CQUFDLGNBQWMsSUFBQyxLQUFLLEVBQUUsS0FBSztJQUMxQixvQkFBQyx1QkFBdUIsSUFDdEIsZUFBZSxFQUFFLGVBQWUsRUFDaEMsT0FBTyxFQUFFLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFO1FBRXpDLG9CQUFDLG9CQUFvQixvQkFDZjtZQUNGLElBQUksRUFBRSxTQUFTO1lBQ2YsT0FBTyxFQUFFLE1BQU07WUFDZixRQUFRLEVBQUUsc0JBQXNCO1lBQ2hDLElBQUksRUFDRiw4SEFBOEg7U0FDakksRUFDRCxDQUNzQixDQUNYLENBQ2xCLENBQUM7QUFFSixRQUFRLENBQUMsd0JBQXdCLEVBQUUsR0FBRyxFQUFFO0lBQ3RDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7UUFDZCxRQUFRLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzlCLENBQUMsQ0FBQyxDQUFDO0lBRUgsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDckIsT0FBTyxFQUFFLENBQUM7SUFDWixDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxrQ0FBa0MsRUFBRSxHQUFHLEVBQUU7UUFDMUMsTUFBTSxTQUFTLEdBQUcsZUFBZSxFQUFFLENBQUM7UUFDcEMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUNsRCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyx5Q0FBeUMsRUFBRSxLQUFLLElBQUksRUFBRTtRQUN2RCxNQUFNLFNBQVMsR0FBRyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxFQUFFO1lBQzNDO2dCQUNFLE9BQU8sRUFBRTtvQkFDUCxLQUFLLEVBQUUsYUFBYTtvQkFDcEIsU0FBUyxFQUFFO3dCQUNULElBQUksRUFBRSxTQUFTO3FCQUNoQjtpQkFDRjtnQkFDRCxNQUFNLEVBQUU7b0JBQ04sSUFBSSxFQUFFO3dCQUNKLFVBQVUsRUFBRTs0QkFDVixFQUFFLEVBQUUsb0JBQW9COzRCQUN4QixZQUFZLEVBQUUsSUFBSTs0QkFDbEIsS0FBSyxFQUFFLFNBQVM7NEJBQ2hCLFVBQVUsRUFBRSxZQUFZO3lCQUN6QjtxQkFDRjtpQkFDRjthQUNGO1NBQ0YsQ0FBQyxDQUFDO1FBRUgsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDZixNQUFNLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ2xELENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLGlEQUFpRCxFQUFFLEtBQUssSUFBSSxFQUFFO1FBQy9ELE1BQU0sU0FBUyxHQUFHLGVBQWUsRUFBRSxDQUFDO1FBRXBDLE1BQU0sS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRWYsTUFBTSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUNsRCxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
declare type NewsletterProps = {
|
|
2
2
|
intersectObserverRef: (ref: HTMLElement | null) => void;
|
|
3
3
|
section?: string;
|
|
4
|
-
justSubscribed: boolean;
|
|
5
|
-
justSubscribedError: boolean;
|
|
6
4
|
headline: string;
|
|
7
|
-
updatingSubscription: boolean;
|
|
8
5
|
copy: string;
|
|
9
6
|
code: string;
|
|
10
|
-
subscribeNewsletter:
|
|
7
|
+
subscribeNewsletter: any;
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
error?: string;
|
|
10
|
+
data?: {
|
|
11
|
+
isSubscribed: boolean;
|
|
12
|
+
};
|
|
11
13
|
};
|
|
12
|
-
export declare const Newsletter: ({ intersectObserverRef, section,
|
|
14
|
+
export declare const Newsletter: ({ intersectObserverRef, section, headline, copy, code, subscribeNewsletter, loading, error }: NewsletterProps) => JSX.Element;
|
|
13
15
|
export {};
|
|
@@ -1,19 +1,21 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
2
|
import { NewsletterPuffButton } from '../newsletter-puff-button/NewsletterPuffButton';
|
|
3
3
|
import { NewsletterPuffLink } from '../newsletter-puff-link/NewsletterPuffLink';
|
|
4
4
|
import { LoadingOverlay } from '../loading-overlay/LoadingOverlay';
|
|
5
5
|
import { InpCopy, InpPreferencesContainer, InpSignupContainer, InpSignupCTAContainer, InpSignupHeadline, InpSubscribedContainer } from './styles';
|
|
6
6
|
import { InpContainer } from '../styles';
|
|
7
|
-
export const Newsletter = ({ intersectObserverRef, section,
|
|
7
|
+
export const Newsletter = ({ intersectObserverRef, section, headline, copy, code, subscribeNewsletter, loading, error }) => {
|
|
8
|
+
const [justSubscribed, setJustSubscribed] = useState(false);
|
|
8
9
|
const PuffButton = (style) => (React.createElement(InpSignupCTAContainer, { ref: intersectObserverRef, childStyle: style },
|
|
9
|
-
React.createElement(NewsletterPuffButton, { style: style, updatingSubscription:
|
|
10
|
-
if (!
|
|
11
|
-
|
|
10
|
+
React.createElement(NewsletterPuffButton, { style: style, updatingSubscription: loading, onPress: () => {
|
|
11
|
+
if (!loading) {
|
|
12
|
+
setJustSubscribed(true);
|
|
13
|
+
subscribeNewsletter(`/api/subscribe-newsletter/${code}`);
|
|
12
14
|
}
|
|
13
15
|
} })));
|
|
14
16
|
return (React.createElement(React.Fragment, null,
|
|
15
17
|
React.createElement(InpContainer, { section: section },
|
|
16
|
-
|
|
18
|
+
loading && React.createElement(LoadingOverlay, null),
|
|
17
19
|
justSubscribed && (React.createElement(InpSubscribedContainer, null,
|
|
18
20
|
React.createElement(InpCopy, null,
|
|
19
21
|
"You've succesfully signed up to",
|
|
@@ -23,13 +25,13 @@ export const Newsletter = ({ intersectObserverRef, section, justSubscribed, just
|
|
|
23
25
|
" "),
|
|
24
26
|
React.createElement(NewsletterPuffLink, null)),
|
|
25
27
|
React.createElement(InpPreferencesContainer, null))),
|
|
26
|
-
|
|
28
|
+
error && (React.createElement(InpSubscribedContainer, null,
|
|
27
29
|
React.createElement(InpCopy, null,
|
|
28
30
|
"An error occurred. Please use the link below.",
|
|
29
31
|
React.createElement(NewsletterPuffLink, null)),
|
|
30
32
|
React.createElement(InpPreferencesContainer, null))),
|
|
31
33
|
!justSubscribed &&
|
|
32
|
-
!
|
|
34
|
+
!error && (React.createElement(InpSignupContainer, null,
|
|
33
35
|
React.createElement(InpCopy, null,
|
|
34
36
|
React.createElement(InpSignupHeadline, null,
|
|
35
37
|
headline,
|
|
@@ -38,4 +40,4 @@ export const Newsletter = ({ intersectObserverRef, section, justSubscribed, just
|
|
|
38
40
|
PuffButton('link')),
|
|
39
41
|
PuffButton('button'))))));
|
|
40
42
|
};
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmV3c2xldHRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25ld3NsZXR0ZXItcHVmZi9uZXdzbGV0dGVyL05ld3NsZXR0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRXhDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVuRSxPQUFPLEVBQ0wsT0FBTyxFQUNQLHVCQUF1QixFQUN2QixrQkFBa0IsRUFDbEIscUJBQXFCLEVBQ3JCLGlCQUFpQixFQUNqQixzQkFBc0IsRUFDdkIsTUFBTSxVQUFVLENBQUM7QUFFbEIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQWN6QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxFQUN6QixvQkFBb0IsRUFDcEIsT0FBTyxFQUNQLFFBQVEsRUFDUixJQUFJLEVBQ0osSUFBSSxFQUNKLG1CQUFtQixFQUNuQixPQUFPLEVBQ1AsS0FBSyxFQUNXLEVBQUUsRUFBRTtJQUNwQixNQUFNLENBQUMsY0FBYyxFQUFFLGlCQUFpQixDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVELE1BQU0sVUFBVSxHQUFHLENBQUMsS0FBd0IsRUFBRSxFQUFFLENBQUMsQ0FDL0Msb0JBQUMscUJBQXFCLElBQUMsR0FBRyxFQUFFLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxLQUFLO1FBQ2pFLG9CQUFDLG9CQUFvQixJQUNuQixLQUFLLEVBQUUsS0FBSyxFQUNaLG9CQUFvQixFQUFFLE9BQU8sRUFDN0IsT0FBTyxFQUFFLEdBQUcsRUFBRTtnQkFDWixJQUFJLENBQUMsT0FBTyxFQUFFO29CQUNaLGlCQUFpQixDQUFDLElBQUksQ0FBQyxDQUFDO29CQUN4QixtQkFBbUIsQ0FBQyw2QkFBNkIsSUFBSSxFQUFFLENBQUMsQ0FBQztpQkFDMUQ7WUFDSCxDQUFDLEdBQ0QsQ0FDb0IsQ0FDekIsQ0FBQztJQUNGLE9BQU8sQ0FDTCxvQkFBQyxLQUFLLENBQUMsUUFBUTtRQUNiLG9CQUFDLFlBQVksSUFBQyxPQUFPLEVBQUUsT0FBTztZQUMzQixPQUFPLElBQUksb0JBQUMsY0FBYyxPQUFHO1lBQzdCLGNBQWMsSUFBSSxDQUNqQixvQkFBQyxzQkFBc0I7Z0JBQ3JCLG9CQUFDLE9BQU87O29CQUMwQixHQUFHO29CQUNuQyxvQkFBQyxpQkFBaUI7d0JBQUUsR0FBRyxRQUFRLEdBQUc7NEJBQXNCO29CQUN4RCxvQkFBQyxrQkFBa0IsT0FBRyxDQUNkO2dCQUNWLG9CQUFDLHVCQUF1QixPQUFHLENBQ0osQ0FDMUI7WUFDQSxLQUFLLElBQUksQ0FDUixvQkFBQyxzQkFBc0I7Z0JBQ3JCLG9CQUFDLE9BQU87O29CQUVOLG9CQUFDLGtCQUFrQixPQUFHLENBQ2Q7Z0JBQ1Ysb0JBQUMsdUJBQXVCLE9BQUcsQ0FDSixDQUMxQjtZQUNBLENBQUMsY0FBYztnQkFDZCxDQUFDLEtBQUssSUFBSSxDQUNSLG9CQUFDLGtCQUFrQjtnQkFDakIsb0JBQUMsT0FBTztvQkFDTixvQkFBQyxpQkFBaUI7d0JBQUUsUUFBUTs0QkFBc0I7b0JBQ2pELEdBQUcsSUFBSSxHQUFHO29CQUNWLFVBQVUsQ0FBQyxNQUFNLENBQUMsQ0FDWDtnQkFDVCxVQUFVLENBQUMsUUFBUSxDQUFDLENBQ0YsQ0FDdEIsQ0FDVSxDQUNBLENBQ2xCLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -39,7 +39,7 @@ export const OptaCricketScorecard = React.memo(({ competition, match, full_width
|
|
|
39
39
|
show_bowling: true,
|
|
40
40
|
show_economy: true,
|
|
41
41
|
show_fow: true,
|
|
42
|
-
player_naming: '
|
|
42
|
+
player_naming: 'full',
|
|
43
43
|
breakpoints: '520'
|
|
44
44
|
}).outerHTML;
|
|
45
45
|
initComponent();
|
|
@@ -52,4 +52,4 @@ export const OptaCricketScorecard = React.memo(({ competition, match, full_width
|
|
|
52
52
|
!isReady && (React.createElement(PlaceholderContainer, null,
|
|
53
53
|
React.createElement(Placeholder, null)))));
|
|
54
54
|
});
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2NyaWNrZXQvc2NvcmVjYXJkL09wdGFDcmlja2V0U2NvcmVjYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sb0JBQW9CLENBQUM7QUFFNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBSTVCLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRTtJQUNyRCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsU0FBUyxFQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRXZELFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxTQUFTLENBQUM7UUFFeEIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFdEIsVUFBVSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNyQixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDLGFBQWEsRUFBRTtvQkFDakQsS0FBSztvQkFDTCxNQUFNLEVBQUUsWUFBWTtvQkFDcEIsTUFBTSxFQUFFLEdBQUc7b0JBQ1gsV0FBVztvQkFDWCxLQUFLO29CQUNMLFFBQVEsRUFBRSxRQUFRO29CQUNsQixJQUFJLEVBQUUsSUFBSTtvQkFDVixpQkFBaUIsRUFBRSxJQUFJO29CQUN2QixXQUFXLEVBQUUsSUFBSTtvQkFDakIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0Isc0JBQXNCLEVBQUUsSUFBSTtvQkFDNUIsU0FBUyxFQUFFLElBQUk7b0JBQ2YsV0FBVyxFQUFFLFlBQVk7b0JBQ3pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixjQUFjLEVBQUUsS0FBSztvQkFDckIsU0FBUyxFQUFFLEtBQUs7b0JBQ2hCLGtCQUFrQixFQUFFLElBQUk7b0JBQ3hCLFVBQVUsRUFBRSxNQUFNO29CQUNsQixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsZ0JBQWdCLEVBQUUsS0FBSztvQkFDdkIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixnQkFBZ0IsRUFBRSxJQUFJO29CQUN0QixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsWUFBWSxFQUFFLElBQUk7b0JBQ2xCLFFBQVEsRUFBRSxJQUFJO29CQUNkLGFBQWEsRUFBRSxNQUFNO29CQUNyQixXQUFXLEVBQUUsS0FBSztpQkFDbkIsQ0FBQyxDQUFDLFNBQVMsQ0FBQztnQkFFYixhQUFhLEVBQUUsQ0FBQztnQkFDaEIsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ2xCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVU7UUFDL0Msb0JBQUMsZUFBZSxJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUk7UUFFNUIsQ0FBQyxPQUFPLElBQUksQ0FDWCxvQkFBQyxvQkFBb0I7WUFDbkIsb0JBQUMsV0FBVyxPQUFHLENBQ00sQ0FDeEIsQ0FDUyxDQUNiLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -21,12 +21,12 @@ storiesOf('Typescript Component/In Article/Football/Fixtures', module)
|
|
|
21
21
|
.addDecorator(withKnobs)
|
|
22
22
|
.add('Fixtures Ticker', () => {
|
|
23
23
|
const selComp = select('Competition', competitons, '8');
|
|
24
|
-
return (React.createElement(OptaFootballFixturesTicker, { season: text('season', '
|
|
24
|
+
return (React.createElement(OptaFootballFixturesTicker, { season: text('season', '2024'), competition: selComp, date_from: "", date_to: "", days_ahead: number('days ahead (of current day)', 100), days_before: number('days before (of current day)', 100), round: text('round(s)', '') }));
|
|
25
25
|
});
|
|
26
26
|
storiesOf('Typescript Component/In Article/Football/Fixtures', module)
|
|
27
27
|
.addDecorator(withKnobs)
|
|
28
28
|
.add('Fixtures Ticker buttons and link', () => {
|
|
29
29
|
const selComp = select('Competition', competitons, '8');
|
|
30
|
-
return (React.createElement(OptaFootballFixturesTicker, { season: text('season', '
|
|
30
|
+
return (React.createElement(OptaFootballFixturesTicker, { season: text('season', '2024'), competition: selComp, date_from: "", date_to: "", days_ahead: number('days ahead (of current day)', 100), days_before: number('days before (of current day)', 100), round: text('round(s)', ''), fixturesPageUrl: "https://www.thetimes.co.uk/sport/football/euro-2024", showButtons: true }));
|
|
31
31
|
});
|
|
32
32
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsRml4dHVyZXNUaWNrZXIuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvZm9vdGJhbGwvZml4dHVyZXMtdGlja2VyL09wdGFGb290YmFsbEZpeHR1cmVzVGlja2VyLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXpFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFFLE1BQU0sV0FBVyxHQUFHO0lBQ2xCLEdBQUc7SUFDSCxHQUFHO0lBQ0gsR0FBRztJQUNILEdBQUc7SUFDSCxHQUFHO0lBQ0gsR0FBRztJQUNILElBQUk7SUFDSixJQUFJO0lBQ0osSUFBSTtJQUNKLElBQUk7SUFDSixLQUFLO0lBQ0wsS0FBSztJQUNMLE1BQU07Q0FDUCxDQUFDO0FBRUYsU0FBUyxDQUFDLG1EQUFtRCxFQUFFLE1BQU0sQ0FBQztLQUNuRSxZQUFZLENBQUMsU0FBUyxDQUFDO0tBQ3ZCLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLGFBQWEsRUFBRSxXQUFXLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDeEQsT0FBTyxDQUNMLG9CQUFDLDBCQUEwQixJQUN6QixNQUFNLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsRUFDOUIsV0FBVyxFQUFFLE9BQU8sRUFDcEIsU0FBUyxFQUFDLEVBQUUsRUFDWixPQUFPLEVBQUMsRUFBRSxFQUNWLFVBQVUsRUFBRSxNQUFNLENBQUMsNkJBQTZCLEVBQUUsR0FBRyxDQUFDLEVBQ3RELFdBQVcsRUFBRSxNQUFNLENBQUMsOEJBQThCLEVBQUUsR0FBRyxDQUFDLEVBQ3hELEtBQUssRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUUsQ0FBQyxHQUMzQixDQUNILENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQztBQUVMLFNBQVMsQ0FBQyxtREFBbUQsRUFBRSxNQUFNLENBQUM7S0FDbkUsWUFBWSxDQUFDLFNBQVMsQ0FBQztLQUN2QixHQUFHLENBQUMsa0NBQWtDLEVBQUUsR0FBRyxFQUFFO0lBQzVDLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxhQUFhLEVBQUUsV0FBVyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ3hELE9BQU8sQ0FDTCxvQkFBQywwQkFBMEIsSUFDekIsTUFBTSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLEVBQzlCLFdBQVcsRUFBRSxPQUFPLEVBQ3BCLFNBQVMsRUFBQyxFQUFFLEVBQ1osT0FBTyxFQUFDLEVBQUUsRUFDVixVQUFVLEVBQUUsTUFBTSxDQUFDLDZCQUE2QixFQUFFLEdBQUcsQ0FBQyxFQUN0RCxXQUFXLEVBQUUsTUFBTSxDQUFDLDhCQUE4QixFQUFFLEdBQUcsQ0FBQyxFQUN4RCxLQUFLLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUMsRUFDM0IsZUFBZSxFQUFDLHFEQUFxRCxFQUNyRSxXQUFXLFNBQ1gsQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUMifQ==
|
|
@@ -214,18 +214,24 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
214
214
|
border-start-start-radius: 4px;
|
|
215
215
|
border-start-end-radius: 4px;
|
|
216
216
|
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
217
|
+
${({ isApp }) => isApp &&
|
|
218
|
+
`
|
|
219
|
+
@media (prefers-color-scheme: dark) {
|
|
220
|
+
color: #e4e4e4 !important;
|
|
221
|
+
}
|
|
222
|
+
`}
|
|
220
223
|
}
|
|
221
224
|
|
|
222
225
|
.Opta-timings .Opta-Time * {
|
|
223
226
|
font-weight: 700;
|
|
224
227
|
color: #01000d !important;
|
|
225
228
|
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
+
${({ isApp }) => isApp &&
|
|
230
|
+
`
|
|
231
|
+
@media (prefers-color-scheme: dark) {
|
|
232
|
+
color: #fff !important;
|
|
233
|
+
}
|
|
234
|
+
`}
|
|
229
235
|
}
|
|
230
236
|
|
|
231
237
|
.Opta-TeamName,
|
|
@@ -233,9 +239,12 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
233
239
|
color: #01000d !important;
|
|
234
240
|
font-family: 'Roboto-Medium' !important;
|
|
235
241
|
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
242
|
+
${({ isApp }) => isApp &&
|
|
243
|
+
`
|
|
244
|
+
@media (prefers-color-scheme: dark) {
|
|
245
|
+
color: #fff !important;
|
|
246
|
+
}
|
|
247
|
+
`}
|
|
239
248
|
}
|
|
240
249
|
|
|
241
250
|
.Opta-Away {
|
|
@@ -248,9 +257,12 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
248
257
|
> div {
|
|
249
258
|
background-color: #f5f5f5 !important;
|
|
250
259
|
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
260
|
+
${({ isApp }) => isApp &&
|
|
261
|
+
`
|
|
262
|
+
@media (prefers-color-scheme: dark) {
|
|
263
|
+
background-color: #333 !important;
|
|
264
|
+
}
|
|
265
|
+
`}
|
|
254
266
|
}
|
|
255
267
|
.Opta-Team-Score::after {
|
|
256
268
|
content: '-';
|
|
@@ -264,10 +276,13 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
264
276
|
&.Opta-result > div {
|
|
265
277
|
border: 1px solid #ccc !important;
|
|
266
278
|
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
279
|
+
${({ isApp }) => isApp &&
|
|
280
|
+
`
|
|
281
|
+
@media (prefers-color-scheme: dark) {
|
|
282
|
+
background-color: #1d1d1b !important;
|
|
283
|
+
border: 1px solid #333 !important;
|
|
284
|
+
}
|
|
285
|
+
`}
|
|
271
286
|
|
|
272
287
|
&.Opta-timings {
|
|
273
288
|
border-bottom: none !important;
|
|
@@ -283,10 +298,13 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
283
298
|
&.Opta-live > div {
|
|
284
299
|
border: 1px solid #01000d !important;
|
|
285
300
|
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
301
|
+
${({ isApp }) => isApp &&
|
|
302
|
+
`
|
|
303
|
+
@media (prefers-color-scheme: dark) {
|
|
304
|
+
background-color: #121212 !important;
|
|
305
|
+
border: 1px solid #e4e4e4 !important;
|
|
306
|
+
}
|
|
307
|
+
`}
|
|
290
308
|
|
|
291
309
|
&.Opta-timings {
|
|
292
310
|
border-bottom: none !important;
|
|
@@ -520,4 +538,4 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
520
538
|
}
|
|
521
539
|
}
|
|
522
540
|
`;
|
|
523
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
541
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9maXh0dXJlcy10aWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTlFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXZELE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOztDQUVsQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs2QkFlckMsS0FBSyxDQUFDLFFBQVE7Ozs7Ozs7OzttQ0FTUixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7OztDQVVwRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUd4RDs7Ozs7Ozs7Ozs7SUFXRSxDQUFDLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUNwQixDQUFDLFdBQVc7SUFDWjt5QkFDcUIsV0FBVyxDQUFDLEtBQUs7Ozs7O0dBS3ZDOzt1QkFFb0IsV0FBVyxDQUFDLEtBQUs7O2NBRTFCLENBQUMsRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDOztRQUV2RCxDQUFDLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUNwQixXQUFXO0lBQ1QsQ0FBQyxDQUFDLHNDQUFzQztJQUN4QyxDQUFDLENBQUM7O3VDQUUyQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O01BaUNqQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7Ozs7Ozs7Ozs7Ozs7OztLQWdCRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3lCQTBDb0IsV0FBVyxDQUFDLE1BQU07Ozt5QkFHbEIsV0FBVyxDQUFDLElBQUk7OztNQUduQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7Ozs7Ozs7Ozs7Ozs7O0tBZUQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztRQWlDRyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7OztPQUlEOzs7Ozs7O1FBT0MsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxLQUFLO0lBQ0w7Ozs7T0FJRDs7Ozs7Ozs7UUFRQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7OztPQUlEOzs7Ozs7Ozs7Ozs7O1VBYUcsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxLQUFLO0lBQ0w7Ozs7U0FJRDs7Ozs7Ozs7Ozs7Ozs7UUFjRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7Ozs7T0FLRDs7Ozs7Ozs7Ozs7Ozs7OztRQWdCQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7Ozs7T0FLRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztnQ0E0QnlCLE9BQU8sQ0FBQyxVQUFVLENBQUMsbUJBQW1COzs7Ozt1QkFLL0MsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOzZCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7OzttQ0FhVixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7aUNBV3BCLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7O3VCQU81QixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7NkJBQ3hCLEtBQUssQ0FBQyxRQUFROzs7Ozs7Ozt5QkFRbEIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLOytCQUNmLEtBQUssQ0FBQyxVQUFVOzs7Ozs7OztxQ0FRVixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7Ozs7Ozs7O3FDQWtCbEIsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7cUNBeUJsQixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztxQ0ErQmxCLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7bUNBTXBCLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7dUJBWTlCLE9BQU8sQ0FBQyxVQUFVLENBQUMsT0FBTzs2QkFDcEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2lDQWdDWixPQUFPLENBQUMsVUFBVSxDQUFDLE9BQU87dUNBQ3BCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7OzttQ0FXcEIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLOzs7Ozs7Ozs7Ozs7O0NBYXZELENBQUMifQ==
|
package/jest.config.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.105.1-alpha.
|
|
3
|
+
"version": "1.105.1-alpha.13+690b0d870f",
|
|
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.34",
|
|
58
58
|
"@times-components/provider": "^1.41.4",
|
|
59
59
|
"@times-components/provider-queries": "^2.23.3",
|
|
60
|
-
"@times-components/related-articles": "^6.17.91-alpha.
|
|
60
|
+
"@times-components/related-articles": "^6.17.91-alpha.13+690b0d870f",
|
|
61
61
|
"@times-components/ts-slices": "^1.9.23",
|
|
62
62
|
"@times-components/ts-styleguide": "^1.50.34",
|
|
63
63
|
"@times-components/utils": "^6.26.0",
|
|
@@ -117,5 +117,5 @@
|
|
|
117
117
|
"@testing-library/jest-dom/extend-expect"
|
|
118
118
|
]
|
|
119
119
|
},
|
|
120
|
-
"gitHead": "
|
|
120
|
+
"gitHead": "690b0d870f64b99631ac9693666d101effc9302a"
|
|
121
121
|
}
|