@times-components/ts-components 1.105.1-alpha.7 → 1.105.1-alpha.9
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/dist/components/newsletter-puff/InlineNewsletterPuff.js +3 -3
- package/dist/components/newsletter-puff/newsletter/Newsletter.js +8 -10
- package/package.json +3 -3
- package/rnw.js +1 -1
- package/src/components/newsletter-puff/InlineNewsletterPuff.tsx +6 -4
- package/src/components/newsletter-puff/__tests__/__snapshots__/InlineNewsletterPuff.test.tsx.snap +28 -1
- package/src/components/newsletter-puff/newsletter/Newsletter.tsx +16 -16
|
@@ -8,7 +8,7 @@ import { InpContainer } from './styles';
|
|
|
8
8
|
import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
9
9
|
import { ContentProvider } from '../save-star/ContentProvider';
|
|
10
10
|
export const InlineNewsletterPuff = ({ code, copy, headline, section }) => {
|
|
11
|
-
const [url, setUrl] = useState(
|
|
11
|
+
const [url, setUrl] = useState();
|
|
12
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) {
|
|
@@ -21,7 +21,7 @@ export const InlineNewsletterPuff = ({ code, copy, headline, section }) => {
|
|
|
21
21
|
if (newsletter.isSubscribed) {
|
|
22
22
|
return null;
|
|
23
23
|
}
|
|
24
|
-
return (React.createElement(FetchProvider, { url: url, options: fetchOptions },
|
|
24
|
+
return (React.createElement(FetchProvider, { url: url, options: fetchOptions, previewData: newsletter.isSubscribed },
|
|
25
25
|
React.createElement(TrackingContextProvider, { context: {
|
|
26
26
|
object: 'InlineNewsletterPuff',
|
|
27
27
|
attrs: {
|
|
@@ -39,4 +39,4 @@ export const InlineNewsletterPuff = ({ code, copy, headline, section }) => {
|
|
|
39
39
|
React.createElement(Newsletter, { intersectObserverRef: intersectObserverRef, section: capitalise(section), headline: headline, copy: copy, code: code, subscribeNewsletter: setUrl }))))));
|
|
40
40
|
}));
|
|
41
41
|
};
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5saW5lTmV3c2xldHRlclB1ZmYuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXdzbGV0dGVyLXB1ZmYvSW5saW5lTmV3c2xldHRlclB1ZmYudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUVqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFckQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFFekYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBUy9ELE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsRUFDbkMsSUFBSSxFQUNKLElBQUksRUFDSixRQUFRLEVBQ1IsT0FBTyxFQUNtQixFQUFFLEVBQUU7SUFDOUIsTUFBTSxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxRQUFRLEVBQVUsQ0FBQztJQUN6QyxNQUFNLFlBQVksR0FBRyxPQUFPLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRXpFLE9BQU8sQ0FDTCxvQkFBQyxhQUFhLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLGNBQWMsRUFBRSxDQUFDLElBQ3JELENBQUMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBTyxFQUFFLEVBQUU7UUFDekMsSUFBSSxLQUFLLEVBQUU7WUFDVCxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsSUFBSSxTQUFTLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDNUIsT0FBTyxDQUNMLG9CQUFDLFlBQVksSUFBQyxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFO2dCQUNsQyxvQkFBQyxXQUFXLE9BQUcsQ0FDRixDQUNoQixDQUFDO1NBQ0g7UUFFRCxJQUFJLFVBQVUsQ0FBQyxZQUFZLEVBQUU7WUFDM0IsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELE9BQU8sQ0FDTCxvQkFBQyxhQUFhLElBQ1osR0FBRyxFQUFFLEdBQUcsRUFDUixPQUFPLEVBQUUsWUFBWSxFQUNyQixXQUFXLEVBQUUsVUFBVSxDQUFDLFlBQVk7WUFFcEMsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtvQkFDUCxNQUFNLEVBQUUsc0JBQXNCO29CQUM5QixLQUFLLEVBQUU7d0JBQ0wsbUJBQW1CLEVBQUUsVUFBVSxDQUFDLEtBQUs7d0JBQ3JDLHVCQUF1QixFQUFFLFlBQVk7cUJBQ3RDO2lCQUNGLEVBQ0QsYUFBYSxFQUFFO29CQUNiLE1BQU0sRUFBRSxzQkFBc0I7b0JBQzlCLEtBQUssRUFBRTt3QkFDTCxxQkFBcUIsRUFDbkIseUNBQXlDO3dCQUMzQyxnQ0FBZ0MsRUFBRSxXQUFXO3dCQUM3Qyx1QkFBdUIsRUFBRSxZQUFZO3FCQUN0QztpQkFDRixJQUVBLENBQUMsRUFBRSxvQkFBb0IsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUM3QixvQkFBQyxlQUFlO2dCQUNkLG9CQUFDLFVBQVUsSUFDVCxvQkFBb0IsRUFBRSxvQkFBb0IsRUFDMUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxPQUFPLENBQUMsRUFDNUIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsSUFBSSxFQUFFLElBQUksRUFDVixJQUFJLEVBQUUsSUFBSSxFQUNWLG1CQUFtQixFQUFFLE1BQU0sR0FDM0IsQ0FDYyxDQUNuQixDQUN1QixDQUNaLENBQ2pCLENBQUM7SUFDSixDQUFDLENBQ2EsQ0FDakIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
|
@@ -1,21 +1,22 @@
|
|
|
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
7
|
export const Newsletter = ({ intersectObserverRef, section, headline, copy, code, subscribeNewsletter, loading, error, data }) => {
|
|
8
|
+
const [justSubscribed, setJustSubscribed] = useState(false);
|
|
8
9
|
const PuffButton = (style) => (React.createElement(InpSignupCTAContainer, { ref: intersectObserverRef, childStyle: style },
|
|
9
10
|
React.createElement(NewsletterPuffButton, { style: style, updatingSubscription: loading, onPress: () => {
|
|
10
11
|
if (!loading) {
|
|
11
12
|
subscribeNewsletter(`/api/subscribe-newsletter/${code}`);
|
|
13
|
+
data && setJustSubscribed(data.isSubscribed);
|
|
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
|
-
|
|
18
|
-
data.isSubscribed && (React.createElement(InpSubscribedContainer, null,
|
|
19
|
+
justSubscribed && (React.createElement(InpSubscribedContainer, null,
|
|
19
20
|
React.createElement(InpCopy, null,
|
|
20
21
|
"You've succesfully signed up to",
|
|
21
22
|
' ',
|
|
@@ -26,18 +27,15 @@ export const Newsletter = ({ intersectObserverRef, section, headline, copy, code
|
|
|
26
27
|
React.createElement(InpPreferencesContainer, null))),
|
|
27
28
|
error && (React.createElement(InpSubscribedContainer, null,
|
|
28
29
|
React.createElement(InpCopy, null,
|
|
29
|
-
"
|
|
30
|
+
"An error occurred. Please use the link below.",
|
|
30
31
|
React.createElement(NewsletterPuffLink, null)),
|
|
31
32
|
React.createElement(InpPreferencesContainer, null))),
|
|
32
|
-
|
|
33
|
-
!data.isSubscribed &&
|
|
33
|
+
!justSubscribed &&
|
|
34
34
|
!error && (React.createElement(InpSignupContainer, null,
|
|
35
35
|
React.createElement(InpCopy, null,
|
|
36
|
-
React.createElement(InpSignupHeadline, null,
|
|
37
|
-
headline,
|
|
38
|
-
" "),
|
|
36
|
+
React.createElement(InpSignupHeadline, null, "TEST "),
|
|
39
37
|
`${copy} `,
|
|
40
38
|
PuffButton('link')),
|
|
41
39
|
PuffButton('button'))))));
|
|
42
40
|
};
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmV3c2xldHRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25ld3NsZXR0ZXItcHVmZi9uZXdzbGV0dGVyL05ld3NsZXR0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRXhDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVuRSxPQUFPLEVBQ0wsT0FBTyxFQUNQLHVCQUF1QixFQUN2QixrQkFBa0IsRUFDbEIscUJBQXFCLEVBQ3JCLGlCQUFpQixFQUNqQixzQkFBc0IsRUFDdkIsTUFBTSxVQUFVLENBQUM7QUFFbEIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQWN6QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxFQUN6QixvQkFBb0IsRUFDcEIsT0FBTyxFQUNQLFFBQVEsRUFDUixJQUFJLEVBQ0osSUFBSSxFQUNKLG1CQUFtQixFQUNuQixPQUFPLEVBQ1AsS0FBSyxFQUNMLElBQUksRUFDWSxFQUFFLEVBQUU7SUFDcEIsTUFBTSxDQUFDLGNBQWMsRUFBRSxpQkFBaUIsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1RCxNQUFNLFVBQVUsR0FBRyxDQUFDLEtBQXdCLEVBQUUsRUFBRSxDQUFDLENBQy9DLG9CQUFDLHFCQUFxQixJQUFDLEdBQUcsRUFBRSxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsS0FBSztRQUNqRSxvQkFBQyxvQkFBb0IsSUFDbkIsS0FBSyxFQUFFLEtBQUssRUFDWixvQkFBb0IsRUFBRSxPQUFPLEVBQzdCLE9BQU8sRUFBRSxHQUFHLEVBQUU7Z0JBQ1osSUFBSSxDQUFDLE9BQU8sRUFBRTtvQkFDWixtQkFBbUIsQ0FBQyw2QkFBNkIsSUFBSSxFQUFFLENBQUMsQ0FBQztvQkFDekQsSUFBSSxJQUFJLGlCQUFpQixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztpQkFDOUM7WUFDSCxDQUFDLEdBQ0QsQ0FDb0IsQ0FDekIsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxLQUFLLENBQUMsUUFBUTtRQUNiLG9CQUFDLFlBQVksSUFBQyxPQUFPLEVBQUUsT0FBTztZQUMzQixPQUFPLElBQUksb0JBQUMsY0FBYyxPQUFHO1lBQzdCLGNBQWMsSUFBSSxDQUNqQixvQkFBQyxzQkFBc0I7Z0JBQ3JCLG9CQUFDLE9BQU87O29CQUMwQixHQUFHO29CQUNuQyxvQkFBQyxpQkFBaUI7d0JBQUUsR0FBRyxRQUFRLEdBQUc7NEJBQXNCO29CQUN4RCxvQkFBQyxrQkFBa0IsT0FBRyxDQUNkO2dCQUNWLG9CQUFDLHVCQUF1QixPQUFHLENBQ0osQ0FDMUI7WUFDQSxLQUFLLElBQUksQ0FDUixvQkFBQyxzQkFBc0I7Z0JBQ3JCLG9CQUFDLE9BQU87O29CQUVOLG9CQUFDLGtCQUFrQixPQUFHLENBQ2Q7Z0JBQ1Ysb0JBQUMsdUJBQXVCLE9BQUcsQ0FDSixDQUMxQjtZQUNBLENBQUMsY0FBYztnQkFDZCxDQUFDLEtBQUssSUFBSSxDQUNSLG9CQUFDLGtCQUFrQjtnQkFDakIsb0JBQUMsT0FBTztvQkFDTixvQkFBQyxpQkFBaUIsZ0JBQTBCO29CQUMzQyxHQUFHLElBQUksR0FBRztvQkFDVixVQUFVLENBQUMsTUFBTSxDQUFDLENBQ1g7Z0JBQ1QsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUNGLENBQ3RCLENBQ1UsQ0FDQSxDQUNsQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
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.9+0f78efe861",
|
|
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.9+0f78efe861",
|
|
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": "0f78efe86173b1dd7298ca87adb43fd370b2fadf"
|
|
121
121
|
}
|